@dynamic-framework/ui-react 1.9.1 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/dynamic-ui-non-root.css +323 -349
- package/dist/css/dynamic-ui-non-root.min.css +1 -1
- package/dist/css/dynamic-ui.css +323 -349
- package/dist/css/dynamic-ui.min.css +1 -1
- package/dist/index.esm.js +206 -124
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +206 -123
- package/dist/index.js.map +1 -1
- package/dist/types/components/DAlertBox/DAlertBox.d.ts +9 -0
- package/dist/types/components/DAlertBox/index.d.ts +2 -0
- package/dist/types/components/DBadge/DBadge.d.ts +2 -2
- package/dist/types/components/DBoxFile/DBoxFile.d.ts +2 -3
- package/dist/types/components/DButton/DButton.d.ts +7 -5
- package/dist/types/components/DChip/DChip.d.ts +2 -1
- package/dist/types/components/DDatePicker/DDatePicker.d.ts +7 -3
- package/dist/types/components/DDatePickerHeader/DDatePickerHeader.d.ts +5 -3
- package/dist/types/components/DDatePickerInput/DDatePickerInput.d.ts +1 -1
- package/dist/types/components/DIcon/DIcon.d.ts +2 -2
- package/dist/types/components/DInput/DInput.d.ts +3 -2
- package/dist/types/components/DInputCheck/DInputCheck.d.ts +5 -4
- package/dist/types/components/DInputCounter/DInputCounter.d.ts +3 -2
- package/dist/types/components/DInputCurrency/DInputCurrency.d.ts +3 -2
- package/dist/types/components/DInputCurrencyBase/DInputCurrencyBase.d.ts +3 -2
- package/dist/types/components/DInputPin/DInputPin.d.ts +7 -7
- package/dist/types/components/DInputSearch/DInputSearch.d.ts +3 -2
- package/dist/types/components/DInputSelect/DInputSelect.d.ts +7 -6
- package/dist/types/components/DInputSwitch/DInputSwitch.d.ts +5 -4
- package/dist/types/components/DList/DList.d.ts +4 -4
- package/dist/types/components/DList/components/DListItem.d.ts +3 -3
- package/dist/types/components/DModal/DModal.d.ts +5 -5
- package/dist/types/components/DMonthPicker/DMonthPicker.d.ts +3 -1
- package/dist/types/components/DOffcanvas/DOffcanvas.d.ts +3 -3
- package/dist/types/components/DPopover/DPopover.d.ts +4 -4
- package/dist/types/components/DQuickActionButton/DQuickActionButton.d.ts +2 -1
- package/dist/types/components/DQuickActionCheck/DQuickActionCheck.d.ts +2 -2
- package/dist/types/components/DQuickActionSelect/DQuickActionSelect.d.ts +2 -2
- package/dist/types/components/DQuickActionSwitch/DQuickActionSwitch.d.ts +3 -3
- package/dist/types/components/DStepper/DStepper.d.ts +2 -2
- package/dist/types/components/DStepperDesktop/DStepperDesktop.d.ts +2 -2
- package/dist/types/components/DTabs/DTabs.d.ts +3 -3
- package/dist/types/components/{DAlert/DAlert.d.ts → DToast/DToast.d.ts} +3 -3
- package/dist/types/components/DToast/index.d.ts +2 -0
- package/dist/types/components/DToastContainer/useToast.d.ts +2 -2
- package/dist/types/components/DTooltip/DTooltip.d.ts +2 -2
- package/dist/types/components/banking/DPermissionGroup.d.ts +1 -1
- package/dist/types/components/config.d.ts +2 -2
- package/dist/types/components/index.d.ts +2 -1
- package/dist/types/components/interface.d.ts +8 -3
- package/package.json +7 -2
- package/src/style/abstracts/_maps.scss +6 -0
- package/src/style/abstracts/_mixins.scss +53 -42
- package/src/style/abstracts/variables/_alerts.scss +1 -0
- package/src/style/abstracts/variables/_buttons.scss +7 -13
- package/src/style/abstracts/variables/_colors.scss +1 -1
- package/src/style/components/_+import.scss +1 -1
- package/src/style/components/_d-button.scss +12 -41
- package/src/style/components/_d-chip.scss +1 -1
- package/src/style/components/_d-datepicker.scss +9 -0
- package/src/style/components/_d-input-pin.scss +2 -6
- package/src/style/components/_d-input-select.scss +8 -1
- package/src/style/components/{_d-alert.scss → _d-toast.scss} +21 -1
- package/dist/types/components/DAlert/index.d.ts +0 -2
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { PropsWithChildren } from 'react';
|
|
2
|
+
import type { BaseProps, AlertBoxTheme, FamilyIconProps } from '../interface';
|
|
3
|
+
type Props = BaseProps & FamilyIconProps & PropsWithChildren<{
|
|
4
|
+
id?: string;
|
|
5
|
+
theme?: AlertBoxTheme;
|
|
6
|
+
icon?: string;
|
|
7
|
+
}>;
|
|
8
|
+
export default function DAlertBox({ theme, icon, iconFamilyClass, iconFamilyPrefix, children, id, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { BaseProps } from '../interface';
|
|
2
2
|
type Props = BaseProps & {
|
|
3
3
|
text?: string;
|
|
4
|
-
|
|
4
|
+
dot?: boolean;
|
|
5
5
|
theme?: string;
|
|
6
6
|
id?: string;
|
|
7
7
|
};
|
|
8
|
-
export default function DBadge({ text,
|
|
8
|
+
export default function DBadge({ text, dot, theme, id, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
2
|
import type { DropzoneOptions } from 'react-dropzone';
|
|
3
3
|
import type { BaseProps, FamilyIconProps } from '../interface';
|
|
4
|
-
type Props = BaseProps & FamilyIconProps & PropsWithChildren<Pick<DropzoneOptions, 'accept' | 'minSize' | 'maxSize' | 'maxFiles' | 'onDrop' | 'onDropAccepted' | 'onDropRejected' | 'onFileDialogCancel' | 'onFileDialogOpen'> & {
|
|
4
|
+
type Props = BaseProps & FamilyIconProps & PropsWithChildren<Pick<DropzoneOptions, 'accept' | 'minSize' | 'maxSize' | 'maxFiles' | 'onDrop' | 'onDropAccepted' | 'onDropRejected' | 'onFileDialogCancel' | 'onFileDialogOpen' | 'disabled'> & {
|
|
5
5
|
icon?: string;
|
|
6
|
-
isDisabled: DropzoneOptions['disabled'];
|
|
7
6
|
}>;
|
|
8
|
-
export default function DBoxFile({ icon, iconFamilyClass, iconFamilyPrefix,
|
|
7
|
+
export default function DBoxFile({ icon, iconFamilyClass, iconFamilyPrefix, disabled, children, className, style, ...dropzoneOptions }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
8
|
export {};
|
|
@@ -7,13 +7,15 @@ type Props = BaseProps & StartIconProps & EndIconProps & {
|
|
|
7
7
|
variant?: ButtonVariant;
|
|
8
8
|
state?: InputState;
|
|
9
9
|
text?: string;
|
|
10
|
+
ariaLabel?: string;
|
|
10
11
|
value?: string;
|
|
11
12
|
type?: ButtonType;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
pill?: boolean;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
loadingAriaLabel?: string;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
stopPropagationEnabled?: boolean;
|
|
16
18
|
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
17
19
|
};
|
|
18
|
-
export default function DButton({ theme, size, variant, state, text, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, value, type,
|
|
20
|
+
export default function DButton({ theme, size, variant, state, text, ariaLabel, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, value, type, pill, loading, loadingAriaLabel, disabled, stopPropagationEnabled, className, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
19
21
|
export {};
|
|
@@ -4,7 +4,8 @@ type Props = BaseProps & FamilyIconProps & {
|
|
|
4
4
|
text?: string;
|
|
5
5
|
icon?: string;
|
|
6
6
|
showClose?: boolean;
|
|
7
|
+
closeAriaLabel?: string;
|
|
7
8
|
onClose?: () => void;
|
|
8
9
|
};
|
|
9
|
-
export default function DChip({ theme, text, icon, iconFamilyClass, iconFamilyPrefix, showClose, className, style, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default function DChip({ theme, text, icon, iconFamilyClass, iconFamilyPrefix, showClose, closeAriaLabel, className, style, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export {};
|
|
@@ -6,16 +6,20 @@ type Props = BaseProps & Omit<ReactDatePickerProps, 'selected' | 'selectsRange'
|
|
|
6
6
|
withMonthSelector?: boolean;
|
|
7
7
|
selectsRange?: boolean;
|
|
8
8
|
inputLabel?: string;
|
|
9
|
+
inputAriaLabel?: string;
|
|
10
|
+
inputActionAriaLabel?: string;
|
|
9
11
|
inputIcon?: string;
|
|
10
12
|
inputId?: string;
|
|
11
13
|
timeId?: string;
|
|
12
14
|
timeLabel?: string;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
+
headerPrevMonthIcon?: string;
|
|
16
|
+
headerNextMonthIcon?: string;
|
|
17
|
+
headerPrevMonthAriaLabel?: string;
|
|
18
|
+
headerNextMonthAriaLabel?: string;
|
|
15
19
|
headerIconSize?: ComponentSize;
|
|
16
20
|
headerButtonVariant?: ButtonVariant;
|
|
17
21
|
headerButtonTheme?: string;
|
|
18
22
|
locale?: Locale;
|
|
19
23
|
};
|
|
20
|
-
export default function DDatePicker({ date, selectsRange, withMonthSelector, inputLabel, inputIcon, inputId, timeId, timeLabel,
|
|
24
|
+
export default function DDatePicker({ date, selectsRange, withMonthSelector, inputLabel, inputAriaLabel, inputActionAriaLabel, inputIcon, inputId, timeId, timeLabel, headerPrevMonthIcon, headerPrevMonthAriaLabel, headerNextMonthIcon, headerNextMonthAriaLabel, headerIconSize, headerButtonVariant, headerButtonTheme, locale, className, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
21
25
|
export {};
|
|
@@ -11,11 +11,13 @@ type Props = BaseProps & {
|
|
|
11
11
|
prevMonthButtonDisabled: boolean;
|
|
12
12
|
nextMonthButtonDisabled: boolean;
|
|
13
13
|
withMonthSelector: boolean;
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
prevMonthIcon: string;
|
|
15
|
+
nextMonthIcon: string;
|
|
16
|
+
prevMonthAriaLabel?: string;
|
|
17
|
+
nextMonthAriaLabel?: string;
|
|
16
18
|
iconSize: ComponentSize;
|
|
17
19
|
buttonVariant: ButtonVariant;
|
|
18
20
|
buttonTheme: string;
|
|
19
21
|
} & Omit<ComponentProps<typeof DButton>, 'iconStart' | 'onMClick' | 'isDisabled'>;
|
|
20
|
-
export default function DDatePickerHeader({ monthDate, changeMonth, changeYear, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, withMonthSelector,
|
|
22
|
+
export default function DDatePickerHeader({ monthDate, changeMonth, changeYear, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, withMonthSelector, prevMonthIcon, nextMonthIcon, prevMonthAriaLabel, nextMonthAriaLabel, iconSize, buttonVariant, buttonTheme, locale, style, className, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
21
23
|
export {};
|
|
@@ -5,5 +5,5 @@ type Props = BaseProps & {
|
|
|
5
5
|
value?: string;
|
|
6
6
|
onClick?: () => void;
|
|
7
7
|
} & Omit<ComponentProps<typeof DInput>, 'type' | 'isReadOnly' | 'onIconEndClick' | 'value'>;
|
|
8
|
-
declare const ForwardedDDatePickerInput: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<
|
|
8
|
+
declare const ForwardedDDatePickerInput: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
9
9
|
export default ForwardedDDatePickerInput;
|
|
@@ -3,7 +3,7 @@ type Props = BaseProps & {
|
|
|
3
3
|
icon: string;
|
|
4
4
|
theme?: string;
|
|
5
5
|
size?: string;
|
|
6
|
-
|
|
6
|
+
loading?: boolean;
|
|
7
7
|
loadingDuration?: number;
|
|
8
8
|
hasCircle?: boolean;
|
|
9
9
|
circleSize?: string;
|
|
@@ -12,5 +12,5 @@ type Props = BaseProps & {
|
|
|
12
12
|
familyClass?: string;
|
|
13
13
|
familyPrefix?: string;
|
|
14
14
|
};
|
|
15
|
-
export default function DIcon({ icon, theme, style, className, size,
|
|
15
|
+
export default function DIcon({ icon, theme, style, className, size, loading, loadingDuration, hasCircle, circleSize, color, backgroundColor, familyClass, familyPrefix, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export {};
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import type { BaseProps, EndIconProps, FamilyIconProps, LabelIconProps, StartIconProps } from '../interface';
|
|
3
|
-
declare const ForwardedDInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof BaseProps | keyof FamilyIconProps | keyof LabelIconProps | keyof StartIconProps | keyof EndIconProps | "hint" | "valid" | "inputStart" | "onIconStartClick" | "onIconEndClick"> & BaseProps & FamilyIconProps & LabelIconProps & StartIconProps & EndIconProps & {
|
|
3
|
+
declare const ForwardedDInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof BaseProps | keyof FamilyIconProps | keyof LabelIconProps | keyof StartIconProps | keyof EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "onIconStartClick" | "onIconEndClick"> & BaseProps & FamilyIconProps & LabelIconProps & StartIconProps & EndIconProps & {
|
|
4
4
|
value?: string | undefined;
|
|
5
5
|
label?: string | undefined;
|
|
6
6
|
loading?: boolean | undefined;
|
|
7
7
|
hint?: string | undefined;
|
|
8
8
|
invalid?: boolean | undefined;
|
|
9
9
|
valid?: boolean | undefined;
|
|
10
|
+
floatingLabel?: boolean | undefined;
|
|
10
11
|
inputStart?: ReactNode;
|
|
11
|
-
onChange?: ((value
|
|
12
|
+
onChange?: ((value: string) => void) | undefined;
|
|
12
13
|
onIconStartClick?: ((value?: string) => void) | undefined;
|
|
13
14
|
onIconEndClick?: ((value?: string) => void) | undefined;
|
|
14
15
|
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -4,12 +4,13 @@ type Props = BaseProps & {
|
|
|
4
4
|
type: InputCheckType;
|
|
5
5
|
name?: string;
|
|
6
6
|
label?: string;
|
|
7
|
-
|
|
7
|
+
ariaLabel?: string;
|
|
8
|
+
checked?: boolean;
|
|
8
9
|
id: string;
|
|
9
|
-
|
|
10
|
-
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
indeterminate?: boolean;
|
|
11
12
|
value?: string;
|
|
12
13
|
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
13
14
|
};
|
|
14
|
-
export default function DInputCheck({ type, name, label,
|
|
15
|
+
export default function DInputCheck({ type, name, label, ariaLabel, checked, id, disabled, indeterminate, value, onChange, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export {};
|
|
@@ -5,15 +5,16 @@ type NonDInputProps = {
|
|
|
5
5
|
maxValue: number;
|
|
6
6
|
onChange?: (value?: number) => void;
|
|
7
7
|
};
|
|
8
|
-
declare const ForwardedDInputCounter: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "inputStart" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
|
|
8
|
+
declare const ForwardedDInputCounter: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
|
|
9
9
|
value?: string | undefined;
|
|
10
10
|
label?: string | undefined;
|
|
11
11
|
loading?: boolean | undefined;
|
|
12
12
|
hint?: string | undefined;
|
|
13
13
|
invalid?: boolean | undefined;
|
|
14
14
|
valid?: boolean | undefined;
|
|
15
|
+
floatingLabel?: boolean | undefined;
|
|
15
16
|
inputStart?: import("react").ReactNode;
|
|
16
|
-
onChange?: ((value
|
|
17
|
+
onChange?: ((value: string) => void) | undefined;
|
|
17
18
|
onIconStartClick?: ((value?: string | undefined) => void) | undefined;
|
|
18
19
|
onIconEndClick?: ((value?: string | undefined) => void) | undefined;
|
|
19
20
|
} & import("react").RefAttributes<HTMLInputElement>, "ref">, "type" | "value" | "onChange">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -6,15 +6,16 @@ type NonDInputProps = {
|
|
|
6
6
|
currencyCode?: string;
|
|
7
7
|
onChange?: (value?: number) => void;
|
|
8
8
|
};
|
|
9
|
-
declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "inputStart" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
|
|
9
|
+
declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
|
|
10
10
|
value?: string | undefined;
|
|
11
11
|
label?: string | undefined;
|
|
12
12
|
loading?: boolean | undefined;
|
|
13
13
|
hint?: string | undefined;
|
|
14
14
|
invalid?: boolean | undefined;
|
|
15
15
|
valid?: boolean | undefined;
|
|
16
|
+
floatingLabel?: boolean | undefined;
|
|
16
17
|
inputStart?: import("react").ReactNode;
|
|
17
|
-
onChange?: ((value
|
|
18
|
+
onChange?: ((value: string) => void) | undefined;
|
|
18
19
|
onIconStartClick?: ((value?: string | undefined) => void) | undefined;
|
|
19
20
|
onIconEndClick?: ((value?: string | undefined) => void) | undefined;
|
|
20
21
|
} & import("react").RefAttributes<HTMLInputElement>, "ref">, "type" | "value" | "onChange">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -8,15 +8,16 @@ type NonDInputProps = {
|
|
|
8
8
|
currencyCode?: string;
|
|
9
9
|
onChange?: (value?: number) => void;
|
|
10
10
|
};
|
|
11
|
-
declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "inputStart" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
|
|
11
|
+
declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
|
|
12
12
|
value?: string | undefined;
|
|
13
13
|
label?: string | undefined;
|
|
14
14
|
loading?: boolean | undefined;
|
|
15
15
|
hint?: string | undefined;
|
|
16
16
|
invalid?: boolean | undefined;
|
|
17
17
|
valid?: boolean | undefined;
|
|
18
|
+
floatingLabel?: boolean | undefined;
|
|
18
19
|
inputStart?: import("react").ReactNode;
|
|
19
|
-
onChange?: ((value
|
|
20
|
+
onChange?: ((value: string) => void) | undefined;
|
|
20
21
|
onIconStartClick?: ((value?: string | undefined) => void) | undefined;
|
|
21
22
|
onIconEndClick?: ((value?: string | undefined) => void) | undefined;
|
|
22
23
|
} & import("react").RefAttributes<HTMLInputElement>, "ref">, "type" | "value" | "onChange">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -4,16 +4,16 @@ type Props = BaseProps & LabelIconProps & FamilyIconProps & {
|
|
|
4
4
|
label?: string;
|
|
5
5
|
placeholder?: string;
|
|
6
6
|
type?: PinInputType;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
readOnly?: boolean;
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
secret?: boolean;
|
|
11
11
|
characters?: number;
|
|
12
12
|
innerInputMode?: PinInputMode;
|
|
13
13
|
hint?: string;
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
invalid?: boolean;
|
|
15
|
+
valid?: boolean;
|
|
16
16
|
onChange?: (value: string) => void;
|
|
17
17
|
};
|
|
18
|
-
export default function DInputPin({ id, label, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, placeholder, type,
|
|
18
|
+
export default function DInputPin({ id, label, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, placeholder, type, disabled, loading, secret, iconFamilyClass, iconFamilyPrefix, characters, innerInputMode, hint, invalid, valid, className, style, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
export {};
|
|
@@ -2,15 +2,16 @@
|
|
|
2
2
|
type NonDInputProps = {
|
|
3
3
|
onClick?: (value: string | undefined) => void;
|
|
4
4
|
};
|
|
5
|
-
declare const ForwardedDInputSearch: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "inputStart" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
|
|
5
|
+
declare const ForwardedDInputSearch: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
|
|
6
6
|
value?: string | undefined;
|
|
7
7
|
label?: string | undefined;
|
|
8
8
|
loading?: boolean | undefined;
|
|
9
9
|
hint?: string | undefined;
|
|
10
10
|
invalid?: boolean | undefined;
|
|
11
11
|
valid?: boolean | undefined;
|
|
12
|
+
floatingLabel?: boolean | undefined;
|
|
12
13
|
inputStart?: import("react").ReactNode;
|
|
13
|
-
onChange?: ((value
|
|
14
|
+
onChange?: ((value: string) => void) | undefined;
|
|
14
15
|
onIconStartClick?: ((value?: string | undefined) => void) | undefined;
|
|
15
16
|
onIconEndClick?: ((value?: string | undefined) => void) | undefined;
|
|
16
17
|
} & import("react").RefAttributes<HTMLInputElement>, "ref">, "iconEnd" | "onIconEndClick">, "onClick"> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -5,19 +5,20 @@ export type DefaultOption = {
|
|
|
5
5
|
label: string;
|
|
6
6
|
};
|
|
7
7
|
export type Props<T> = BaseProps & LabelIconProps & StartIconProps & EndIconProps & {
|
|
8
|
-
id
|
|
8
|
+
id?: string;
|
|
9
9
|
name?: string;
|
|
10
10
|
label?: string;
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
loading?: boolean;
|
|
13
13
|
hint?: string;
|
|
14
|
+
floatingLabel?: boolean;
|
|
14
15
|
onBlur?: (event: FocusEvent) => void;
|
|
15
16
|
onIconStartClick?: (event: MouseEvent) => void;
|
|
16
17
|
onIconEndClick?: (event: MouseEvent) => void;
|
|
17
18
|
options: Array<T>;
|
|
18
|
-
|
|
19
|
-
onChange?: (
|
|
19
|
+
value?: string | number;
|
|
20
|
+
onChange?: (selectedOption: T) => void;
|
|
20
21
|
valueExtractor?: (item: T) => string | number;
|
|
21
22
|
labelExtractor?: (item: T) => string;
|
|
22
23
|
};
|
|
23
|
-
export default function DInputSelect<T extends object = DefaultOption>({ id, name, label, className, style, options, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix,
|
|
24
|
+
export default function DInputSelect<T extends object = DefaultOption>({ id, name, label, className, style, options, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, disabled, loading, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, hint, value, floatingLabel, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import type { BaseProps } from '../interface';
|
|
2
2
|
type Props = BaseProps & {
|
|
3
3
|
label?: string;
|
|
4
|
+
ariaLabel?: string;
|
|
4
5
|
id: string;
|
|
5
6
|
name?: string;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
checked?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
readonly?: boolean;
|
|
9
10
|
onChange?: (isChecked: boolean) => void;
|
|
10
11
|
};
|
|
11
|
-
export default function DInputSwitch({ label, id, name,
|
|
12
|
+
export default function DInputSwitch({ label, ariaLabel, id, name, checked, disabled, readonly, className, style, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
export {};
|
|
@@ -2,12 +2,12 @@ import type { PropsWithChildren } from 'react';
|
|
|
2
2
|
import DListItem from './components/DListItem';
|
|
3
3
|
import type { BaseProps, BreakpointSize } from '../interface';
|
|
4
4
|
type Props = BaseProps & PropsWithChildren<{
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
flush?: boolean;
|
|
6
|
+
numbered?: boolean;
|
|
7
|
+
horizontal?: boolean;
|
|
8
8
|
horizontalBreakpoint?: BreakpointSize;
|
|
9
9
|
}>;
|
|
10
|
-
declare function DList({ children, className, style,
|
|
10
|
+
declare function DList({ children, className, style, flush, numbered, horizontal, horizontalBreakpoint, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
declare const _default: typeof DList & {
|
|
12
12
|
Item: typeof DListItem;
|
|
13
13
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
2
|
import type { BaseProps } from '../../interface';
|
|
3
3
|
type Props = BaseProps & PropsWithChildren<{
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
active?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
6
|
theme?: string;
|
|
7
7
|
onClick?: () => void;
|
|
8
8
|
}>;
|
|
9
|
-
export default function DListItem({ children, className, style,
|
|
9
|
+
export default function DListItem({ children, className, style, active, disabled, theme, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -5,14 +5,14 @@ import DModalFooter from './components/DModalFooter';
|
|
|
5
5
|
import type { BaseProps, ModalFullScreenFrom, ModalSize } from '../interface';
|
|
6
6
|
type Props = BaseProps & PropsWithChildren<{
|
|
7
7
|
name: string;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
staticBackdrop?: boolean;
|
|
9
|
+
scrollable?: boolean;
|
|
10
|
+
centered?: boolean;
|
|
11
|
+
fullScreen?: boolean;
|
|
12
12
|
fullScreenFrom?: ModalFullScreenFrom;
|
|
13
13
|
modalSize?: ModalSize;
|
|
14
14
|
}>;
|
|
15
|
-
declare function DModal({ name, className, style,
|
|
15
|
+
declare function DModal({ name, className, style, staticBackdrop, scrollable, centered, fullScreen, fullScreenFrom, modalSize, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
declare const _default: typeof DModal & {
|
|
17
17
|
Header: typeof DModalHeader;
|
|
18
18
|
Body: typeof DModalBody;
|
|
@@ -4,6 +4,8 @@ type Props = BaseProps & Omit<ReactDatePickerProps, 'onChange' | 'selectsRange'
|
|
|
4
4
|
date: string;
|
|
5
5
|
onChangeDate: (value: Date | null) => void;
|
|
6
6
|
locale?: Locale;
|
|
7
|
+
headerPrevYearAriaLabel?: string;
|
|
8
|
+
headerNextYearAriaLabel?: string;
|
|
7
9
|
};
|
|
8
|
-
export default function DMonthPicker({ onChangeDate, date, locale, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default function DMonthPicker({ onChangeDate, date, locale, className, headerPrevYearAriaLabel, headerNextYearAriaLabel, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
11
|
export {};
|
|
@@ -5,11 +5,11 @@ import DOffcanvasFooter from './components/DOffcanvasFooter';
|
|
|
5
5
|
import type { BaseProps, OffcanvasPositionToggleFrom } from '../interface';
|
|
6
6
|
type Props = BaseProps & PropsWithChildren<{
|
|
7
7
|
name: string;
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
staticBackdrop?: boolean;
|
|
9
|
+
scrollable?: boolean;
|
|
10
10
|
openFrom?: OffcanvasPositionToggleFrom;
|
|
11
11
|
}>;
|
|
12
|
-
declare function DOffcanvas({ name, className, style,
|
|
12
|
+
declare function DOffcanvas({ name, className, style, staticBackdrop, scrollable, openFrom, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
declare const _default: typeof DOffcanvas & {
|
|
14
14
|
Header: typeof DOffcanvasHeader;
|
|
15
15
|
Body: typeof DOffcanvasBody;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import type { PropsWithChildren, ReactElement } from 'react';
|
|
2
2
|
import type { BaseProps } from '../interface';
|
|
3
3
|
type Props = BaseProps & PropsWithChildren<{
|
|
4
|
-
renderComponent: (
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
renderComponent: (open: boolean) => ReactElement;
|
|
5
|
+
open: boolean;
|
|
6
|
+
setOpen?: (open: boolean) => void;
|
|
7
7
|
adjustContentToRender?: boolean;
|
|
8
8
|
}>;
|
|
9
|
-
export default function DPopover({ children, renderComponent,
|
|
9
|
+
export default function DPopover({ children, renderComponent, open, setOpen, adjustContentToRender, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -6,6 +6,7 @@ type Props = BaseProps & {
|
|
|
6
6
|
actionLinkTheme?: string;
|
|
7
7
|
actionIcon?: string;
|
|
8
8
|
secondaryActionIcon?: string;
|
|
9
|
+
secondaryActionAriaLabel?: string;
|
|
9
10
|
actionIconFamilyClass?: string;
|
|
10
11
|
actionIconFamilyPrefix?: string;
|
|
11
12
|
representativeImage?: string;
|
|
@@ -17,5 +18,5 @@ type Props = BaseProps & {
|
|
|
17
18
|
onClick?: () => void;
|
|
18
19
|
onClickSecondary?: () => void;
|
|
19
20
|
};
|
|
20
|
-
export default function DQuickActionButton({ line1, line2, className, actionLinkText, actionLinkTheme, actionIcon, secondaryActionIcon, actionIconFamilyClass, actionIconFamilyPrefix, representativeImage, representativeIcon, representativeIconTheme, representativeIconHasCircle, representativeIconFamilyClass, representativeIconFamilyPrefix, onClick, onClickSecondary, style, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export default function DQuickActionButton({ line1, line2, className, actionLinkText, actionLinkTheme, actionIcon, secondaryActionIcon, secondaryActionAriaLabel, actionIconFamilyClass, actionIconFamilyPrefix, representativeImage, representativeIcon, representativeIconTheme, representativeIconHasCircle, representativeIconFamilyClass, representativeIconFamilyPrefix, onClick, onClickSecondary, style, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
21
22
|
export {};
|
|
@@ -7,8 +7,8 @@ type Props = BaseProps & {
|
|
|
7
7
|
line1: string;
|
|
8
8
|
line2: string;
|
|
9
9
|
line3: string;
|
|
10
|
-
|
|
10
|
+
checked?: boolean;
|
|
11
11
|
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
12
12
|
};
|
|
13
|
-
export default function DQuickActionCheck({ id, name, value, line1, line2, line3, className, style,
|
|
13
|
+
export default function DQuickActionCheck({ id, name, value, line1, line2, line3, className, style, checked, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -6,8 +6,8 @@ type Props = BaseProps & {
|
|
|
6
6
|
value: string;
|
|
7
7
|
line1: string;
|
|
8
8
|
line2: string;
|
|
9
|
-
|
|
9
|
+
selected?: boolean;
|
|
10
10
|
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
11
11
|
};
|
|
12
|
-
export default function DQuickActionSelect({ id, name, value, line1, line2, className, style,
|
|
12
|
+
export default function DQuickActionSelect({ id, name, value, line1, line2, className, style, selected, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -4,9 +4,9 @@ type Props = BaseProps & {
|
|
|
4
4
|
name?: string;
|
|
5
5
|
label: string;
|
|
6
6
|
hint: string;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
checked?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
9
|
onClick?: (isChecked: boolean | undefined) => void;
|
|
10
10
|
};
|
|
11
|
-
export default function DQuickActionSwitch({ id, name, label, hint,
|
|
11
|
+
export default function DQuickActionSwitch({ id, name, label, hint, checked, disabled, className, style, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -8,8 +8,8 @@ type Props = BaseProps & {
|
|
|
8
8
|
options: Array<Step>;
|
|
9
9
|
currentStep: number;
|
|
10
10
|
successIcon?: string;
|
|
11
|
-
|
|
11
|
+
vertical?: boolean;
|
|
12
12
|
breakpoint?: BreakpointSize;
|
|
13
13
|
};
|
|
14
|
-
export default function DStepper({ options, currentStep, successIcon,
|
|
14
|
+
export default function DStepper({ options, currentStep, successIcon, vertical, breakpoint, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -7,7 +7,7 @@ type Props = BaseProps & {
|
|
|
7
7
|
options: Array<Step>;
|
|
8
8
|
currentStep: number;
|
|
9
9
|
successIcon?: string;
|
|
10
|
-
|
|
10
|
+
vertical?: boolean;
|
|
11
11
|
};
|
|
12
|
-
export default function DStepper({ options, currentStep, successIcon,
|
|
12
|
+
export default function DStepper({ options, currentStep, successIcon, vertical, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -4,15 +4,15 @@ import type { BaseProps } from '../interface';
|
|
|
4
4
|
export type DTabOption = {
|
|
5
5
|
label: string;
|
|
6
6
|
tab: string;
|
|
7
|
-
|
|
7
|
+
disabled?: boolean;
|
|
8
8
|
};
|
|
9
9
|
type Props = BaseProps & PropsWithChildren<{
|
|
10
10
|
onChange: (option: DTabOption) => void;
|
|
11
11
|
options: Array<DTabOption>;
|
|
12
12
|
defaultSelected: string;
|
|
13
|
-
|
|
13
|
+
vertical?: boolean;
|
|
14
14
|
}>;
|
|
15
|
-
declare function DTabs({ children, defaultSelected, onChange, options, className, style,
|
|
15
|
+
declare function DTabs({ children, defaultSelected, onChange, options, className, style, vertical, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
declare const _default: typeof DTabs & {
|
|
17
17
|
Tab: typeof DTabContent;
|
|
18
18
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { ToastType, BaseProps } from '../interface';
|
|
3
3
|
type Props = BaseProps & PropsWithChildren<{
|
|
4
4
|
id?: string;
|
|
5
|
-
type?:
|
|
5
|
+
type?: ToastType;
|
|
6
6
|
icon?: string;
|
|
7
7
|
iconFamilyClass?: string;
|
|
8
8
|
iconFamilyPrefix?: string;
|
|
@@ -10,5 +10,5 @@ type Props = BaseProps & PropsWithChildren<{
|
|
|
10
10
|
showClose?: boolean;
|
|
11
11
|
onClose?: () => void;
|
|
12
12
|
}>;
|
|
13
|
-
export default function
|
|
13
|
+
export default function DToast({ type, icon, iconFamilyClass, iconFamilyPrefix, showIcon, showClose, onClose, children, id, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ToastPosition } from 'react-toastify';
|
|
2
|
-
import type {
|
|
2
|
+
import type { ToastType } from '../interface';
|
|
3
3
|
export type ToastConfig = {
|
|
4
|
-
type?:
|
|
4
|
+
type?: ToastType;
|
|
5
5
|
showClose?: boolean;
|
|
6
6
|
position?: ToastPosition;
|
|
7
7
|
autoClose?: number | false;
|
|
@@ -8,9 +8,9 @@ export type Props = BaseProps & PropsWithChildren<{
|
|
|
8
8
|
withHover?: boolean;
|
|
9
9
|
withFocus?: boolean;
|
|
10
10
|
withClick?: boolean;
|
|
11
|
-
|
|
11
|
+
open?: boolean;
|
|
12
12
|
size?: ComponentSize;
|
|
13
13
|
placement?: Placement;
|
|
14
14
|
Component: ReactNode;
|
|
15
15
|
}>;
|
|
16
|
-
export default function DTooltip({ classNameContainer, className, style, offSet, padding, withFocus, withClick, withHover,
|
|
16
|
+
export default function DTooltip({ classNameContainer, className, style, offSet, padding, withFocus, withClick, withHover, open, placement, size, Component, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,7 +4,7 @@ type Props = {
|
|
|
4
4
|
description: string;
|
|
5
5
|
permissionState: string;
|
|
6
6
|
permissionList: Array<PermissionItemType>;
|
|
7
|
-
onChangePermission: (permission: PermissionItemType,
|
|
7
|
+
onChangePermission: (permission: PermissionItemType, checked: boolean) => void;
|
|
8
8
|
onCustomAction?: (permission: PermissionItemType) => void;
|
|
9
9
|
};
|
|
10
10
|
export default function DPermissionGroup({ title, description, permissionState, permissionList, onChangePermission, onCustomAction, }: Props): import("react/jsx-runtime").JSX.Element;
|