diff --git a/CHANGELOG.md b/CHANGELOG.md index 9e4b26b9..8fbe557a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,10 @@ - Add new Scroll to top button component +## 3.0.17 + +- Expose size property in circular progress component + ## 3.0.16 - Add new Vertical Table for code optimization diff --git a/src/components/basic/Progress/CircleProgress/index.tsx b/src/components/basic/Progress/CircleProgress/index.tsx index da856386..5e348ea7 100644 --- a/src/components/basic/Progress/CircleProgress/index.tsx +++ b/src/components/basic/Progress/CircleProgress/index.tsx @@ -25,6 +25,7 @@ import { useState, useEffect } from 'react' interface CircleProgressProps extends Omit { step?: number + size?: number interval?: number iteration?: boolean variant: 'determinate' | 'indeterminate' diff --git a/src/components/basic/StaticTable/EditField.tsx b/src/components/basic/StaticTable/EditField.tsx index 2811a22d..c2e6a7ee 100644 --- a/src/components/basic/StaticTable/EditField.tsx +++ b/src/components/basic/StaticTable/EditField.tsx @@ -31,14 +31,13 @@ export const EditField = ({ value, handleEdit, isValid, - errorMessage + errorMessage, }: { value: EditFieldType handleEdit: (value: EditFieldType) => void | Promise isValid?: (value: string) => unknown errorMessage?: string }) => { - const [inputField, setInputField] = useState(false) const [inputValue, setInputValue] = useState('') const [inputErrorMessage, setInputErrorMessage] = useState('') @@ -52,9 +51,7 @@ export const EditField = ({ const addInputValue = (value: string) => { setInputValue(value) isValid && - setInputErrorMessage( - !isValid(value.trim()) ? errorMessage ?? '' : '' - ) + setInputErrorMessage(!isValid(value.trim()) ? errorMessage ?? '' : '') } const renderInputField = () => { @@ -65,12 +62,14 @@ export const EditField = ({ onChange={(e) => { addInputValue(e.target.value) }} - onKeyPress={(event) => {void (async() => { - if (event.key === 'Enter' && !inputErrorMessage) { - setInputField(false) - await handleEdit(inputValue) - } - })()}} + onKeyPress={(event) => { + void (async () => { + if (event.key === 'Enter' && !inputErrorMessage) { + setInputField(false) + await handleEdit(inputValue) + } + })() + }} onClick={(e) => { e.stopPropagation() }} diff --git a/src/components/basic/StaticTable/VerticalTableNew.tsx b/src/components/basic/StaticTable/VerticalTableNew.tsx index b8f82653..a4609432 100644 --- a/src/components/basic/StaticTable/VerticalTableNew.tsx +++ b/src/components/basic/StaticTable/VerticalTableNew.tsx @@ -41,10 +41,9 @@ export interface VerticalTableType { > } - export const VerticalTableNew = ({ data }: { data: VerticalTableType }) => { return ( - +
{data.head.map((col, c) => ( diff --git a/src/components/index.tsx b/src/components/index.tsx index 4cb4e472..38177f31 100644 --- a/src/components/index.tsx +++ b/src/components/index.tsx @@ -114,7 +114,10 @@ export type { CardItems } from './content/Cards' export type { NavigationProps } from './content/Navigation' export type { PageNotificationsProps } from './basic/Notifications/PageNotification' export type { TableType } from './basic/StaticTable/types' -export type { VerticalTableType, TableCellType } from './basic/StaticTable/VerticalTableNew' +export type { + VerticalTableType, + TableCellType, +} from './basic/StaticTable/VerticalTableNew' export type { ImageType } from './basic/ImageGallery/types' export type { DateType } from './basic/Datepicker' export { StatusVariants } from './content/Cards/CardChip'