@dynamic-framework/ui-react 1.5.0 → 1.7.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/LICENSE +223 -21
- package/README.md +3 -15
- package/dist/css/dynamic-root.css +286 -0
- package/dist/css/dynamic-root.min.css +1 -0
- package/dist/css/dynamic-ui.css +17279 -1
- package/dist/css/dynamic-ui.min.css +1 -0
- package/dist/index.esm.js +918 -549
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +966 -590
- package/dist/index.js.map +1 -1
- package/dist/types/components/DAlert.d.ts +16 -0
- package/dist/types/components/DBadge.d.ts +11 -0
- package/dist/types/components/DBoxFile.d.ts +3 -4
- package/dist/types/components/DButton.d.ts +21 -0
- package/dist/types/components/DCard.d.ts +2 -2
- package/dist/types/components/DCardAccount.d.ts +3 -3
- package/dist/types/components/DCardBody.d.ts +2 -2
- package/dist/types/components/DCardFooter.d.ts +2 -2
- package/dist/types/components/DCardHeader.d.ts +2 -2
- package/dist/types/components/DCarousel.d.ts +3 -3
- package/dist/types/components/DCarouselSlide.d.ts +1 -1
- package/dist/types/components/DChip.d.ts +10 -0
- package/dist/types/components/DCollapse.d.ts +4 -4
- package/dist/types/components/DCollapseIconText.d.ts +3 -4
- package/dist/types/components/DCurrencyText.d.ts +1 -1
- package/dist/types/components/DDatePicker.d.ts +5 -5
- package/dist/types/components/DDatePickerHeader.d.ts +4 -4
- package/dist/types/components/DDatePickerInput.d.ts +7 -7
- package/dist/types/components/DDatePickerTime.d.ts +6 -6
- package/dist/types/components/DFormikInput.d.ts +2 -2
- package/dist/types/components/DFormikInputCurrency.d.ts +1 -1
- package/dist/types/components/DFormikInputSelect.d.ts +3 -6
- package/dist/types/components/DIcon.d.ts +16 -0
- package/dist/types/components/DInput.d.ts +32 -0
- package/dist/types/components/DInputCheck.d.ts +15 -0
- package/dist/types/components/DInputCounter.d.ts +22 -0
- package/dist/types/components/DInputCurrency.d.ts +4 -8
- package/dist/types/components/DInputCurrencyBase.d.ts +24 -0
- package/dist/types/components/DInputPassword.d.ts +17 -0
- package/dist/types/components/DInputPin.d.ts +19 -0
- package/dist/types/components/DInputSearch.d.ts +19 -0
- package/dist/types/components/DInputSelect.d.ts +23 -0
- package/dist/types/components/DInputSwitch.d.ts +11 -0
- package/dist/types/components/DList.d.ts +4 -3
- package/dist/types/components/DListItem.d.ts +4 -4
- package/dist/types/components/DListItemMovement.d.ts +2 -2
- package/dist/types/components/DModal.d.ts +14 -0
- package/dist/types/components/DModalBody.d.ts +6 -0
- package/dist/types/components/DModalFooter.d.ts +6 -0
- package/dist/types/components/DModalHeader.d.ts +7 -0
- package/dist/types/components/DMonthPicker.d.ts +4 -4
- package/dist/types/components/DOffcanvas.d.ts +10 -0
- package/dist/types/components/DOffcanvasBody.d.ts +6 -0
- package/dist/types/components/DOffcanvasFooter.d.ts +6 -0
- package/dist/types/components/DOffcanvasHeader.d.ts +7 -0
- package/dist/types/components/DPaginator.d.ts +4 -4
- package/dist/types/components/DPopover.d.ts +3 -2
- package/dist/types/components/DProgress.d.ts +9 -0
- package/dist/types/components/DQuickActionButton.d.ts +22 -0
- package/dist/types/components/DQuickActionCheck.d.ts +13 -0
- package/dist/types/components/DQuickActionSelect.d.ts +12 -0
- package/dist/types/components/DQuickActionSwitch.d.ts +11 -0
- package/dist/types/components/DSkeleton.d.ts +2 -2
- package/dist/types/components/DStepper.d.ts +6 -3
- package/dist/types/components/DStepperDesktop.d.ts +12 -0
- package/dist/types/components/DStepperMobile.d.ts +11 -0
- package/dist/types/components/DTabContent.d.ts +1 -1
- package/dist/types/components/DTabs.d.ts +5 -5
- package/dist/types/components/DToastContainer.d.ts +2 -3
- package/dist/types/components/DTooltip.d.ts +2 -2
- package/dist/types/components/banking/{MPermissionGroup.d.ts → DPermissionGroup.d.ts} +2 -2
- package/dist/types/components/banking/DPermissionItem.d.ts +1 -1
- package/dist/types/components/banking/{MSummaryCard.d.ts → DSummaryCard.d.ts} +2 -2
- package/dist/types/components/banking/index.d.ts +2 -2
- package/dist/types/components/banking/interface.d.ts +1 -1
- package/dist/types/components/config.d.ts +5 -0
- package/dist/types/components/index.d.ts +48 -20
- package/dist/types/components/interface.d.ts +44 -0
- package/dist/types/contexts/ModalContext.d.ts +12 -12
- package/dist/types/contexts/OffcanvasContext.d.ts +12 -12
- package/dist/types/hooks/useScreenshot.d.ts +1 -1
- package/dist/types/hooks/useToast.d.ts +3 -3
- package/dist/types/stories/components/DBadge.stories.d.ts +1 -1
- package/dist/types/stories/components/DBoxFile.stories.d.ts +1 -1
- package/dist/types/stories/components/DButton.stories.d.ts +1 -1
- package/dist/types/stories/components/DChip.stories.d.ts +1 -1
- package/dist/types/stories/components/DCurrencyText.stories.d.ts +1 -1
- package/dist/types/stories/components/DDatePicker.stories.d.ts +1 -1
- package/dist/types/stories/components/DFormikInput.stories.d.ts +1 -1
- package/dist/types/stories/components/DFormikInputCurrency.stories.d.ts +1 -1
- package/dist/types/stories/components/DFormikInputSelect.stories.d.ts +1 -1
- package/dist/types/stories/components/DIcon.stories.d.ts +1 -1
- package/dist/types/stories/components/DInput.stories.d.ts +1 -1
- package/dist/types/stories/components/DInputCheck.stories.d.ts +1 -1
- package/dist/types/stories/components/DInputCounter.stories.d.ts +1 -1
- package/dist/types/stories/components/DInputCurrency.stories.d.ts +1 -1
- package/dist/types/stories/components/DInputCurrencyBase.stories.d.ts +1 -1
- package/dist/types/stories/components/DInputPassword.stories.d.ts +1 -1
- package/dist/types/stories/components/DInputPin.stories.d.ts +1 -1
- package/dist/types/stories/components/DInputSearch.stories.d.ts +1 -1
- package/dist/types/stories/components/DInputSelect.stories.d.ts +7 -3
- package/dist/types/stories/components/DInputSwitch.stories.d.ts +1 -1
- package/dist/types/stories/components/DList.stories.d.ts +1 -1
- package/dist/types/stories/components/DListItem.stories.d.ts +1 -1
- package/dist/types/stories/components/DListItemMovement.stories.d.ts +1 -1
- package/dist/types/stories/components/DPaginator.stories.d.ts +1 -1
- package/dist/types/stories/components/DProgress.stories.d.ts +1 -1
- package/dist/types/stories/components/DQuickActionButton.stories.d.ts +1 -1
- package/dist/types/stories/components/DQuickActionCheck.stories.d.ts +1 -1
- package/dist/types/stories/components/DQuickActionSelect.stories.d.ts +1 -1
- package/dist/types/stories/components/DQuickActionSwitch.stories.d.ts +1 -1
- package/dist/types/stories/components/DSkeleton.stories.d.ts +1 -1
- package/dist/types/stories/components/DStepper.stories.d.ts +1 -1
- package/dist/types/stories/components/DStepperDesktop.stories.d.ts +7 -0
- package/dist/types/stories/components/DStepperMobile.stories.d.ts +6 -0
- package/dist/types/stories/components/DTooltip.stories.d.ts +1 -1
- package/dist/types/stories/hooks/useFormatCurrency.stories.d.ts +1 -1
- package/dist/types/stories/hooks/useModalContext.stories.d.ts +1 -1
- package/dist/types/stories/hooks/useOffcanvasContext.stories.d.ts +1 -1
- package/dist/types/stories/hooks/useToast.stories.d.ts +2 -2
- package/dist/types/stories/patterns/DAlert.stories.d.ts +1 -1
- package/dist/types/stories/{components → patterns}/DCard.stories.d.ts +1 -1
- package/dist/types/stories/{components → patterns}/DCardAccount.stories.d.ts +1 -1
- package/dist/types/stories/patterns/DCarousel.stories.d.ts +1 -1
- package/dist/types/stories/patterns/DCollapse.stories.d.ts +1 -1
- package/dist/types/stories/patterns/DCollapseIconText.stories.d.ts +1 -1
- package/dist/types/stories/patterns/DModal.stories.d.ts +1 -1
- package/dist/types/stories/patterns/DOffcanvas.stories.d.ts +1 -1
- package/dist/types/stories/patterns/DPopover.stories.d.ts +2 -1
- package/dist/types/stories/patterns/DTabs.stories.d.ts +1 -1
- package/dist/types/utils/format-currency.d.ts +2 -0
- package/dist/types/utils/index.d.ts +2 -1
- package/dist/types/utils/liquid-parser.d.ts +20 -0
- package/package.json +64 -54
- package/src/style/_shame.scss +4 -0
- package/src/style/abstracts/_+import.scss +14 -2
- package/src/style/abstracts/_funcions.scss +55 -0
- package/src/style/abstracts/_maps.scss +1 -0
- package/src/style/abstracts/_mixins.scss +133 -0
- package/src/style/abstracts/_utilities.scss +78 -0
- package/src/style/abstracts/variables/_+import.scss +159 -0
- package/src/style/abstracts/variables/_accordion.scss +35 -0
- package/src/style/abstracts/variables/_alerts.scss +27 -0
- package/src/style/abstracts/variables/_badges.scss +15 -0
- package/src/style/abstracts/variables/_body.scss +52 -0
- package/src/style/abstracts/variables/_border.scss +29 -0
- package/src/style/abstracts/variables/_box-file.scss +4 -4
- package/src/style/abstracts/variables/_box-shadow.scss +6 -0
- package/src/style/abstracts/variables/_breadcrumb.scss +15 -0
- package/src/style/abstracts/variables/_buttons.scss +55 -0
- package/src/style/abstracts/variables/_cards.scss +23 -0
- package/src/style/abstracts/variables/_carousel.scss +37 -0
- package/src/style/abstracts/variables/_chips.scss +13 -0
- package/src/style/abstracts/variables/_close.scss +16 -0
- package/src/style/abstracts/variables/_code.scss +16 -0
- package/src/style/abstracts/variables/_collapse-icon-text.scss +3 -3
- package/src/style/abstracts/variables/_colors.scss +515 -0
- package/src/style/abstracts/variables/_cursors.scss +32 -0
- package/src/style/abstracts/variables/_dropdowns.scss +54 -0
- package/src/style/abstracts/variables/_figures.scss +6 -0
- package/src/style/abstracts/variables/_forms.scss +313 -0
- package/src/style/abstracts/variables/_grid.scss +41 -0
- package/src/style/abstracts/variables/_list-group.scss +43 -0
- package/src/style/abstracts/variables/_modals.scss +58 -0
- package/src/style/abstracts/variables/_navbar.scss +43 -0
- package/src/style/abstracts/variables/_navs.scss +44 -0
- package/src/style/abstracts/variables/_offcanvas.scss +20 -0
- package/src/style/abstracts/variables/_options.scss +24 -0
- package/src/style/abstracts/variables/_pagination.scss +41 -0
- package/src/style/abstracts/variables/_popovers.scss +31 -0
- package/src/style/abstracts/variables/_progress.scss +17 -0
- package/src/style/abstracts/variables/_quick-action-button.scss +31 -0
- package/src/style/abstracts/variables/_quick-action-check.scss +22 -0
- package/src/style/abstracts/variables/_quick-action-select.scss +16 -0
- package/src/style/abstracts/variables/_quick-action-switch.scss +21 -0
- package/src/style/abstracts/variables/_spacers.scss +28 -0
- package/src/style/abstracts/variables/_spinners.scss +13 -0
- package/src/style/abstracts/variables/_tables.scss +57 -0
- package/src/style/abstracts/variables/_thumbnails.scss +10 -0
- package/src/style/abstracts/variables/_toasts.scss +19 -0
- package/src/style/abstracts/variables/_tooltips.scss +29 -0
- package/src/style/abstracts/variables/_typography.scss +122 -0
- package/src/style/abstracts/variables/_z-index.scss +28 -0
- package/src/style/base/_+import.scss +15 -0
- package/src/style/base/_root.scss +248 -0
- package/src/style/base/_tables.scss +171 -0
- package/src/style/components/_+import.scss +46 -1
- package/src/style/components/_d-alert.scss +45 -0
- package/src/style/components/_d-badge.scss +26 -0
- package/src/style/components/_d-button.scss +191 -0
- package/src/style/components/_d-card-account.scss +3 -3
- package/src/style/components/_d-chip.scss +52 -0
- package/src/style/components/_d-icon.scss +32 -0
- package/src/style/components/_d-input-check.scss +20 -0
- package/src/style/components/_d-input-pin.scss +121 -0
- package/src/style/components/_d-input-select.scss +20 -0
- package/src/style/components/_d-input-switch.scss +58 -0
- package/src/style/components/_d-input.scss +168 -0
- package/src/style/components/_d-modal.scss +55 -0
- package/src/style/components/_d-offcanvas.scss +45 -0
- package/src/style/components/_d-popover.scss +4 -1
- package/src/style/components/_d-progress.scss +9 -0
- package/src/style/components/_d-quick-action-button.scss +111 -0
- package/src/style/components/_d-quick-action-check.scss +74 -0
- package/src/style/components/_d-quick-action-select.scss +56 -0
- package/src/style/components/_d-quick-action-switch.scss +71 -0
- package/src/style/components/{_d-stepper.scss → _d-stepper-desktop.scss} +1 -1
- package/src/style/components/_d-stepper-mobile.scss +69 -0
- package/src/style/dynamic-root.scss +6 -0
- package/src/style/dynamic-ui.scss +13 -1
- package/src/style/helpers/_+import.scss +13 -0
- package/src/style/helpers/_color-bg.scss +7 -0
- package/dist/css/dynamic-ui-all.css +0 -1
- package/dist/css/dynamic-ui-react.css +0 -1
- package/dist/types/components/proxies.d.ts +0 -23
- package/dist/types/components/react-component-lib/createComponent.d.ts +0 -10
- package/dist/types/components/react-component-lib/createOverlayComponent.d.ts +0 -21
- package/dist/types/components/react-component-lib/index.d.ts +0 -2
- package/dist/types/components/react-component-lib/interfaces.d.ts +0 -29
- package/dist/types/components/react-component-lib/utils/attachProps.d.ts +0 -16
- package/dist/types/components/react-component-lib/utils/case.d.ts +0 -2
- package/dist/types/components/react-component-lib/utils/dev.d.ts +0 -2
- package/dist/types/components/react-component-lib/utils/index.d.ts +0 -10
- package/src/style/dynamic-ui-all.scss +0 -3
- package/src/style/dynamic-ui-react.scss +0 -7
- /package/dist/types/stories/{constants.d.ts → config/constants.d.ts} +0 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { PropsWithChildren } from 'react';
|
|
2
|
+
import type { OffcanvasPositionToggleFrom } from './interface';
|
|
3
|
+
type Props = PropsWithChildren<{
|
|
4
|
+
name: string;
|
|
5
|
+
isStatic?: boolean;
|
|
6
|
+
isScrollable?: boolean;
|
|
7
|
+
openFrom?: OffcanvasPositionToggleFrom;
|
|
8
|
+
}>;
|
|
9
|
+
export default function DOffcanvas({ name, isStatic, isScrollable, openFrom, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { PropsWithChildren } from 'react';
|
|
2
|
+
type Props = PropsWithChildren<{
|
|
3
|
+
footerActionPlacement?: 'start' | 'end' | 'fill';
|
|
4
|
+
}>;
|
|
5
|
+
export default function DOffcanvasFooter({ footerActionPlacement, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { PropsWithChildren } from 'react';
|
|
2
|
+
type Props = PropsWithChildren<{
|
|
3
|
+
showCloseButton?: boolean;
|
|
4
|
+
onClose?: () => void;
|
|
5
|
+
}>;
|
|
6
|
+
export default function DOffcanvasHeader({ showCloseButton, onClose, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { ResponsivePaginationProps } from 'react-responsive-pagination';
|
|
2
|
-
export
|
|
1
|
+
import type { ResponsivePaginationProps } from 'react-responsive-pagination';
|
|
2
|
+
export type Props = {
|
|
3
3
|
className?: ResponsivePaginationProps['extraClassName'];
|
|
4
4
|
page: ResponsivePaginationProps['current'];
|
|
5
|
-
|
|
5
|
+
onPageChange: ResponsivePaginationProps['onPageChange'];
|
|
6
6
|
total: ResponsivePaginationProps['total'];
|
|
7
7
|
previousLabel?: ResponsivePaginationProps['previousLabel'];
|
|
8
8
|
nextLabel?: ResponsivePaginationProps['nextLabel'];
|
|
9
9
|
showArrows?: ResponsivePaginationProps['renderNav'];
|
|
10
10
|
maxWidth?: ResponsivePaginationProps['maxWidth'];
|
|
11
11
|
};
|
|
12
|
-
export default function DPaginator({ className, nextLabel, previousLabel, showArrows, page,
|
|
12
|
+
export default function DPaginator({ className, nextLabel, previousLabel, showArrows, page, onPageChange, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type { PropsWithChildren, ReactElement } from 'react';
|
|
2
|
-
|
|
2
|
+
type Props = PropsWithChildren<{
|
|
3
3
|
renderComponent: (isOpen: boolean) => ReactElement;
|
|
4
4
|
isOpen: boolean;
|
|
5
5
|
setEventIsOpen?: (isOpen: boolean) => void;
|
|
6
|
+
adjustContentToRender?: boolean;
|
|
6
7
|
}>;
|
|
7
|
-
export default function DPopover({ children, renderComponent, isOpen, setEventIsOpen, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default function DPopover({ children, renderComponent, isOpen, setEventIsOpen, adjustContentToRender, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
currentValue: number;
|
|
3
|
+
minValue?: number;
|
|
4
|
+
maxValue?: number;
|
|
5
|
+
hideCurrentValue?: boolean;
|
|
6
|
+
enableStripedAnimation?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export default function DProgress({ currentValue, minValue, maxValue, hideCurrentValue, enableStripedAnimation, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { CSSProperties } from 'react';
|
|
2
|
+
type Props = {
|
|
3
|
+
line1: string;
|
|
4
|
+
line2: string;
|
|
5
|
+
actionLinkText?: string;
|
|
6
|
+
actionLinkTheme?: string;
|
|
7
|
+
actionIcon?: string;
|
|
8
|
+
secondaryActionIcon?: string;
|
|
9
|
+
actionIconFamilyClass?: string;
|
|
10
|
+
actionIconFamilyPrefix?: string;
|
|
11
|
+
representativeImage?: string;
|
|
12
|
+
representativeIcon?: string;
|
|
13
|
+
representativeIconTheme?: string;
|
|
14
|
+
representativeIconHasCircle?: boolean;
|
|
15
|
+
representativeIconFamilyClass?: string;
|
|
16
|
+
representativeIconFamilyPrefix?: string;
|
|
17
|
+
onClick?: () => void;
|
|
18
|
+
onClickSecondary?: () => void;
|
|
19
|
+
style?: CSSProperties;
|
|
20
|
+
};
|
|
21
|
+
export default function DQuickActionButton({ line1, line2, actionLinkText, actionLinkTheme, actionIcon, secondaryActionIcon, actionIconFamilyClass, actionIconFamilyPrefix, representativeImage, representativeIcon, representativeIconTheme, representativeIconHasCircle, representativeIconFamilyClass, representativeIconFamilyPrefix, onClick, onClickSecondary, style, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ChangeEvent } from 'react';
|
|
2
|
+
type Props = {
|
|
3
|
+
id: string;
|
|
4
|
+
name: string;
|
|
5
|
+
value: string;
|
|
6
|
+
line1: string;
|
|
7
|
+
line2: string;
|
|
8
|
+
line3: string;
|
|
9
|
+
isChecked?: boolean;
|
|
10
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
11
|
+
};
|
|
12
|
+
export default function DQuickActionCheck({ id, name, value, line1, line2, line3, isChecked, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ChangeEvent } from 'react';
|
|
2
|
+
type Props = {
|
|
3
|
+
id: string;
|
|
4
|
+
name: string;
|
|
5
|
+
value: string;
|
|
6
|
+
line1: string;
|
|
7
|
+
line2: string;
|
|
8
|
+
isSelected?: boolean;
|
|
9
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
10
|
+
};
|
|
11
|
+
export default function DQuickActionSelect({ id, name, value, line1, line2, isSelected, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
id: string;
|
|
3
|
+
name?: string;
|
|
4
|
+
label: string;
|
|
5
|
+
hint: string;
|
|
6
|
+
isChecked?: boolean;
|
|
7
|
+
isDisabled?: boolean;
|
|
8
|
+
onClick?: (isChecked: boolean | undefined) => void;
|
|
9
|
+
};
|
|
10
|
+
export default function DQuickActionSwitch({ id, name, label, hint, isChecked, isDisabled, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
import type { BreakpointSize } from './interface';
|
|
2
|
+
export type Step = {
|
|
2
3
|
label: string;
|
|
3
4
|
value: number;
|
|
5
|
+
description?: string;
|
|
4
6
|
};
|
|
5
|
-
|
|
7
|
+
type Props = {
|
|
6
8
|
options: Array<Step>;
|
|
7
9
|
currentStep: number;
|
|
8
10
|
successIcon?: string;
|
|
9
11
|
isVertical?: boolean;
|
|
12
|
+
breakpoint?: BreakpointSize;
|
|
10
13
|
};
|
|
11
|
-
export default function DStepper({ options, currentStep, successIcon, isVertical, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export default function DStepper({ options, currentStep, successIcon, isVertical, breakpoint, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
15
|
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
type Step = {
|
|
2
|
+
label: string;
|
|
3
|
+
value: number;
|
|
4
|
+
};
|
|
5
|
+
type Props = {
|
|
6
|
+
options: Array<Step>;
|
|
7
|
+
currentStep: number;
|
|
8
|
+
successIcon?: string;
|
|
9
|
+
isVertical?: boolean;
|
|
10
|
+
};
|
|
11
|
+
export default function DStepper({ options, currentStep, successIcon, isVertical, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
type Step = {
|
|
2
|
+
label: string;
|
|
3
|
+
description?: string;
|
|
4
|
+
value: number;
|
|
5
|
+
};
|
|
6
|
+
type Props = {
|
|
7
|
+
options: Array<Step>;
|
|
8
|
+
currentStep: number;
|
|
9
|
+
};
|
|
10
|
+
export default function DStepper({ options, currentStep, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type DTabOption = {
|
|
3
3
|
label: string;
|
|
4
4
|
tab: string;
|
|
5
5
|
isDisabled?: boolean;
|
|
6
6
|
};
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
type Props = PropsWithChildren<{
|
|
8
|
+
onChange: (option: DTabOption) => void;
|
|
9
9
|
options: Array<DTabOption>;
|
|
10
10
|
defaultSelected: string;
|
|
11
11
|
className?: string;
|
|
12
12
|
isVertical?: boolean;
|
|
13
13
|
}>;
|
|
14
|
-
|
|
14
|
+
type TabContextState = {
|
|
15
15
|
isSelected: (tab: DTabOption['tab']) => boolean;
|
|
16
16
|
};
|
|
17
|
-
export default function DTabs({ children, defaultSelected,
|
|
17
|
+
export default function DTabs({ children, defaultSelected, onChange, options, className, isVertical, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export declare function useTabContext(): TabContextState;
|
|
19
19
|
export {};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { ToastPosition } from 'react-toastify';
|
|
2
1
|
import type { CSSProperties } from 'react';
|
|
3
|
-
import 'react-toastify
|
|
4
|
-
|
|
2
|
+
import type { ToastPosition } from 'react-toastify';
|
|
3
|
+
type Props = {
|
|
5
4
|
style?: CSSProperties & {
|
|
6
5
|
'--toastify-toast-width': any;
|
|
7
6
|
[index: string]: any;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { PropsWithChildren, ReactNode } from 'react';
|
|
2
2
|
import type { Placement } from '@floating-ui/react';
|
|
3
|
-
import type { ComponentSize } from '
|
|
4
|
-
export
|
|
3
|
+
import type { ComponentSize } from './interface';
|
|
4
|
+
export type Props = PropsWithChildren<{
|
|
5
5
|
classNameContainer?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
offSet?: number;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PermissionItemType } from './interface';
|
|
2
|
-
|
|
2
|
+
type Props = {
|
|
3
3
|
title: string;
|
|
4
4
|
description: string;
|
|
5
5
|
permissionState: string;
|
|
@@ -7,5 +7,5 @@ declare type Props = {
|
|
|
7
7
|
onChangePermission: (permission: PermissionItemType, isChecked: boolean) => void;
|
|
8
8
|
onCustomAction?: (permission: PermissionItemType) => void;
|
|
9
9
|
};
|
|
10
|
-
export default function
|
|
10
|
+
export default function DPermissionGroup({ title, description, permissionState, permissionList, onChangePermission, onCustomAction, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Trans } from 'react-i18next';
|
|
2
2
|
import { ReactElement } from 'react';
|
|
3
|
-
|
|
3
|
+
type Props = {
|
|
4
4
|
title: string;
|
|
5
5
|
description: string;
|
|
6
6
|
icon: string;
|
|
@@ -8,5 +8,5 @@ declare type Props = {
|
|
|
8
8
|
iconTheme: string;
|
|
9
9
|
Summary: ReactElement<typeof Trans> | string;
|
|
10
10
|
};
|
|
11
|
-
export default function
|
|
11
|
+
export default function DSummaryCard({ title, description, icon, iconSize, iconTheme, Summary, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as
|
|
1
|
+
export { default as DPermissionGroup } from './DPermissionGroup';
|
|
2
2
|
export { default as DPermissionItem } from './DPermissionItem';
|
|
3
|
-
export { default as
|
|
3
|
+
export { default as DSummaryCard } from './DSummaryCard';
|
|
@@ -1,29 +1,57 @@
|
|
|
1
|
-
export * from './proxies';
|
|
2
1
|
export * from './banking';
|
|
3
|
-
export { default as
|
|
4
|
-
export { default as
|
|
5
|
-
export { default as
|
|
6
|
-
export { default as
|
|
7
|
-
export { default as
|
|
8
|
-
export { default as
|
|
2
|
+
export { default as DAlert } from './DAlert';
|
|
3
|
+
export { default as DBadge } from './DBadge';
|
|
4
|
+
export { default as DBoxFile } from './DBoxFile';
|
|
5
|
+
export { default as DButton } from './DButton';
|
|
6
|
+
export { default as DCard } from './DCard';
|
|
7
|
+
export { default as DCardBody } from './DCardBody';
|
|
8
|
+
export { default as DCardFooter } from './DCardFooter';
|
|
9
|
+
export { default as DCardHeader } from './DCardHeader';
|
|
10
|
+
export { default as DCardAccount } from './DCardAccount';
|
|
11
|
+
export { default as DCarousel } from './DCarousel';
|
|
12
|
+
export { default as DCarouselSlide } from './DCarouselSlide';
|
|
13
|
+
export { default as DChip } from './DChip';
|
|
14
|
+
export { default as DCollapse } from './DCollapse';
|
|
15
|
+
export { default as DCollapseIconText } from './DCollapseIconText';
|
|
9
16
|
export { default as DCurrencyText } from './DCurrencyText';
|
|
17
|
+
export { default as DDatePicker } from './DDatePicker';
|
|
10
18
|
export { default as DFormikInput } from './DFormikInput';
|
|
19
|
+
export { default as DFormikInputCurrency } from './DFormikInputCurrency';
|
|
11
20
|
export { default as DFormikInputSelect } from './DFormikInputSelect';
|
|
12
|
-
export { default as
|
|
13
|
-
export { default as
|
|
21
|
+
export { default as DIcon } from './DIcon';
|
|
22
|
+
export { default as DInput } from './DInput';
|
|
23
|
+
export { default as DInputCheck } from './DInputCheck';
|
|
24
|
+
export { default as DInputCounter } from './DInputCounter';
|
|
14
25
|
export { default as DInputCurrency } from './DInputCurrency';
|
|
15
|
-
export { default as
|
|
16
|
-
export { default as
|
|
17
|
-
export { default as
|
|
26
|
+
export { default as DInputCurrencyBase } from './DInputCurrencyBase';
|
|
27
|
+
export { default as DInputPassword } from './DInputPassword';
|
|
28
|
+
export { default as DInputPin } from './DInputPin';
|
|
29
|
+
export { default as DInputSearch } from './DInputSearch';
|
|
30
|
+
export { default as DInputSelect, Props as DInputSelectProps } from './DInputSelect';
|
|
31
|
+
export { default as DInputSwitch } from './DInputSwitch';
|
|
18
32
|
export { default as DList } from './DList';
|
|
19
33
|
export { default as DListItem } from './DListItem';
|
|
20
34
|
export { default as DListItemMovement } from './DListItemMovement';
|
|
21
|
-
export { default as
|
|
22
|
-
export { default as
|
|
23
|
-
export { default as
|
|
24
|
-
export { default as
|
|
25
|
-
export { default as
|
|
26
|
-
export { default as
|
|
27
|
-
export { default as
|
|
28
|
-
export { default as
|
|
35
|
+
export { default as DModal } from './DModal';
|
|
36
|
+
export { default as DModalBody } from './DModalBody';
|
|
37
|
+
export { default as DModalFooter } from './DModalFooter';
|
|
38
|
+
export { default as DModalHeader } from './DModalHeader';
|
|
39
|
+
export { default as DOffcanvas } from './DOffcanvas';
|
|
40
|
+
export { default as DOffcanvasBody } from './DOffcanvasBody';
|
|
41
|
+
export { default as DOffcanvasFooter } from './DOffcanvasFooter';
|
|
42
|
+
export { default as DOffcanvasHeader } from './DOffcanvasHeader';
|
|
29
43
|
export { default as DPaginator } from './DPaginator';
|
|
44
|
+
export { default as DPopover } from './DPopover';
|
|
45
|
+
export { default as DProgress } from './DProgress';
|
|
46
|
+
export { default as DQuickActionButton } from './DQuickActionButton';
|
|
47
|
+
export { default as DQuickActionCheck } from './DQuickActionCheck';
|
|
48
|
+
export { default as DQuickActionSelect } from './DQuickActionSelect';
|
|
49
|
+
export { default as DQuickActionSwitch } from './DQuickActionSwitch';
|
|
50
|
+
export { default as DSkeleton } from './DSkeleton';
|
|
51
|
+
export { default as DStepper } from './DStepper';
|
|
52
|
+
export { default as DStepperDesktop } from './DStepperDesktop';
|
|
53
|
+
export { default as DStepperMobile } from './DStepperMobile';
|
|
54
|
+
export { default as DTabContent } from './DTabContent';
|
|
55
|
+
export { default as DTooltip } from './DTooltip';
|
|
56
|
+
export { default as DTabs, useTabContext, DTabOption } from './DTabs';
|
|
57
|
+
export { default as DToastContainer } from './DToastContainer';
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export type ClassMap = {
|
|
2
|
+
[className: string]: boolean;
|
|
3
|
+
};
|
|
4
|
+
export type CustomStyles = Record<string, string | undefined> | undefined;
|
|
5
|
+
export type InputState = 'focus-visible' | 'hover' | 'active' | 'disabled';
|
|
6
|
+
export type FormControlLayoutDirection = 'horizontal' | 'vertical';
|
|
7
|
+
export type NavegableProps = {
|
|
8
|
+
href: string;
|
|
9
|
+
target?: string;
|
|
10
|
+
'aria-current'?: string;
|
|
11
|
+
};
|
|
12
|
+
export type ComponentSize = 'sm' | 'lg';
|
|
13
|
+
export type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
14
|
+
export type FamilyIcon = {
|
|
15
|
+
iconFamilyClass?: string;
|
|
16
|
+
iconFamilyPrefix?: string;
|
|
17
|
+
};
|
|
18
|
+
export type LabelIcon = {
|
|
19
|
+
labelIcon?: string;
|
|
20
|
+
labelIconFamilyClass?: string;
|
|
21
|
+
labelIconFamilyPrefix?: string;
|
|
22
|
+
};
|
|
23
|
+
export type StartIcon = {
|
|
24
|
+
iconStart?: string;
|
|
25
|
+
iconStartFamilyClass?: string;
|
|
26
|
+
iconStartFamilyPrefix?: string;
|
|
27
|
+
};
|
|
28
|
+
export type EndIcon = {
|
|
29
|
+
iconEnd?: string;
|
|
30
|
+
iconEndFamilyClass?: string;
|
|
31
|
+
iconEndFamilyPrefix?: string;
|
|
32
|
+
};
|
|
33
|
+
export type AlertType = 'success' | 'info' | 'light' | 'dark' | 'warning' | 'danger';
|
|
34
|
+
export type AlertTypeIconMap = {
|
|
35
|
+
[state in AlertType]: string;
|
|
36
|
+
};
|
|
37
|
+
export type ButtonVariant = 'outline' | 'link';
|
|
38
|
+
export type ButtonType = 'submit' | 'reset' | 'button';
|
|
39
|
+
export type InputCheckType = 'checkbox' | 'radio';
|
|
40
|
+
export type PinInputMode = 'numeric' | 'text' | 'tel';
|
|
41
|
+
export type PinInputType = 'number' | 'text' | 'tel';
|
|
42
|
+
export type ModalSize = 'sm' | 'lg' | 'xl';
|
|
43
|
+
export type ModalFullScreenFrom = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
44
|
+
export type OffcanvasPositionToggleFrom = 'top' | 'bottom' | 'start' | 'end';
|
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
import type { PropsWithChildren, FC } from 'react';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
|
|
2
|
+
export type ModalComponent = FC<ModalProps>;
|
|
3
|
+
export type ModalAvailableList = Record<string, ModalComponent>;
|
|
4
|
+
type Props = PropsWithChildren<{
|
|
5
5
|
portalName: string;
|
|
6
6
|
availableModals: ModalAvailableList;
|
|
7
7
|
}>;
|
|
8
|
-
export
|
|
9
|
-
export
|
|
8
|
+
export type ModalPayload = Record<string, any>;
|
|
9
|
+
export type ModalCallbackContext = {
|
|
10
10
|
fromModal: boolean;
|
|
11
11
|
};
|
|
12
|
-
export
|
|
12
|
+
export type ModalCallbacks = {
|
|
13
13
|
onBeforeOpen?: (payload?: ModalPayload) => void;
|
|
14
14
|
onAfterOpen?: (payload?: ModalPayload) => void;
|
|
15
15
|
onBeforeClose?: (context: ModalCallbackContext, payload?: ModalPayload) => void;
|
|
16
16
|
onAfterClose?: (context: ModalCallbackContext, payload?: ModalPayload) => void;
|
|
17
17
|
};
|
|
18
|
-
export
|
|
18
|
+
export type ModalStackItem = {
|
|
19
19
|
modalName: keyof ModalAvailableList;
|
|
20
20
|
Component: ModalComponent;
|
|
21
21
|
payload: ModalPayload;
|
|
22
22
|
callbacks?: ModalCallbacks;
|
|
23
23
|
};
|
|
24
|
-
export
|
|
24
|
+
export type ModalConfig = {
|
|
25
25
|
payload: ModalPayload;
|
|
26
26
|
callbacks?: ModalCallbacks;
|
|
27
27
|
};
|
|
28
|
-
export
|
|
29
|
-
export
|
|
30
|
-
export
|
|
28
|
+
export type OpenModalFunction = (name: string, config?: ModalConfig) => void;
|
|
29
|
+
export type CloseModalFunction = (context?: ModalCallbackContext) => void;
|
|
30
|
+
export type ModalContextType = {
|
|
31
31
|
stack: ModalStackItem[];
|
|
32
32
|
openModal: OpenModalFunction;
|
|
33
33
|
closeModal: CloseModalFunction;
|
|
34
34
|
};
|
|
35
|
-
export
|
|
35
|
+
export type ModalProps = {
|
|
36
36
|
name: string;
|
|
37
37
|
payload: ModalPayload;
|
|
38
38
|
openModal: OpenModalFunction;
|
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
import type { PropsWithChildren, FC } from 'react';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
|
|
2
|
+
export type OffcanvasComponent = FC<OffcanvasProps>;
|
|
3
|
+
export type OffcanvasAvailableList = Record<string, OffcanvasComponent>;
|
|
4
|
+
type Props = PropsWithChildren<{
|
|
5
5
|
portalName: string;
|
|
6
6
|
availableOffcanvas: OffcanvasAvailableList;
|
|
7
7
|
}>;
|
|
8
|
-
export
|
|
9
|
-
export
|
|
8
|
+
export type OffcanvasPayload = Record<string, any>;
|
|
9
|
+
export type OffcanvasCallbackContext = {
|
|
10
10
|
fromOffcanvas: boolean;
|
|
11
11
|
};
|
|
12
|
-
export
|
|
12
|
+
export type OffcanvasCallbacks = {
|
|
13
13
|
onBeforeOpen?: (payload?: OffcanvasPayload) => void;
|
|
14
14
|
onAfterOpen?: (payload?: OffcanvasPayload) => void;
|
|
15
15
|
onBeforeClose?: (context: OffcanvasCallbackContext, payload?: OffcanvasPayload) => void;
|
|
16
16
|
onAfterClose?: (context: OffcanvasCallbackContext, payload?: OffcanvasPayload) => void;
|
|
17
17
|
};
|
|
18
|
-
export
|
|
18
|
+
export type OffcanvasStackItem = {
|
|
19
19
|
offcanvasName: keyof OffcanvasAvailableList;
|
|
20
20
|
Component: OffcanvasComponent;
|
|
21
21
|
payload: OffcanvasPayload;
|
|
22
22
|
callbacks?: OffcanvasCallbacks;
|
|
23
23
|
};
|
|
24
|
-
export
|
|
24
|
+
export type OffcanvasConfig = {
|
|
25
25
|
payload: OffcanvasPayload;
|
|
26
26
|
callbacks?: OffcanvasCallbacks;
|
|
27
27
|
};
|
|
28
|
-
export
|
|
29
|
-
export
|
|
30
|
-
export
|
|
28
|
+
export type OpenOffcanvasFunction = (name: string, config?: OffcanvasConfig) => void;
|
|
29
|
+
export type CloseOffcanvasFunction = (context?: OffcanvasCallbackContext) => void;
|
|
30
|
+
export type OffcanvasContextType = {
|
|
31
31
|
stack: OffcanvasStackItem[];
|
|
32
32
|
openOffcanvas: OpenOffcanvasFunction;
|
|
33
33
|
closeOffcanvas: CloseOffcanvasFunction;
|
|
34
34
|
};
|
|
35
|
-
export
|
|
35
|
+
export type OffcanvasProps = {
|
|
36
36
|
name: string;
|
|
37
37
|
payload: OffcanvasPayload;
|
|
38
38
|
openOffcanvas: OpenOffcanvasFunction;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ToastPosition } from 'react-toastify';
|
|
2
|
-
import type { AlertType } from '
|
|
3
|
-
export
|
|
1
|
+
import type { ToastPosition } from 'react-toastify';
|
|
2
|
+
import type { AlertType } from '../components/interface';
|
|
3
|
+
export type ToastConfig = {
|
|
4
4
|
type?: AlertType;
|
|
5
5
|
showClose?: boolean;
|
|
6
6
|
position?: ToastPosition;
|
|
@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { DBadge } from '../../components';
|
|
3
3
|
declare const config: Meta<typeof DBadge>;
|
|
4
4
|
export default config;
|
|
5
|
-
|
|
5
|
+
type Story = StoryObj<typeof DBadge>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
7
|
export declare const Dot: Story;
|
|
8
8
|
export declare const Empty: Story;
|
|
@@ -2,5 +2,5 @@ import { Meta, StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { DBoxFile } from '../../components';
|
|
3
3
|
declare const config: Meta<typeof DBoxFile>;
|
|
4
4
|
export default config;
|
|
5
|
-
|
|
5
|
+
type Story = StoryObj<typeof DBoxFile>;
|
|
6
6
|
export declare const Default: Story;
|
|
@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { DButton } from '../../components';
|
|
3
3
|
declare const config: Meta<typeof DButton>;
|
|
4
4
|
export default config;
|
|
5
|
-
|
|
5
|
+
type Story = StoryObj<typeof DButton>;
|
|
6
6
|
export declare const Primary: Story;
|
|
7
7
|
export declare const PrimaryHover: Story;
|
|
8
8
|
export declare const PrimaryFocus: Story;
|
|
@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { DChip } from '../../components';
|
|
3
3
|
declare const config: Meta<typeof DChip>;
|
|
4
4
|
export default config;
|
|
5
|
-
|
|
5
|
+
type Story = StoryObj<typeof DChip>;
|
|
6
6
|
export declare const Primary: Story;
|
|
7
7
|
export declare const Secondary: Story;
|
|
8
8
|
export declare const Icon: Story;
|
|
@@ -2,5 +2,5 @@ import { Meta, StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { DCurrencyText } from '../../components';
|
|
3
3
|
declare const config: Meta<typeof DCurrencyText>;
|
|
4
4
|
export default config;
|
|
5
|
-
|
|
5
|
+
type Story = StoryObj<typeof DCurrencyText>;
|
|
6
6
|
export declare const Default: Story;
|
|
@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { DDatePicker } from '../../components';
|
|
3
3
|
declare const config: Meta<typeof DDatePicker>;
|
|
4
4
|
export default config;
|
|
5
|
-
|
|
5
|
+
type Story = StoryObj<typeof DDatePicker>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
7
|
export declare const DefaultWithMonth: Story;
|
|
8
8
|
export declare const Inline: Story;
|
|
@@ -2,6 +2,6 @@ import { Meta, StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { DFormikInput } from '../../components';
|
|
3
3
|
declare const config: Meta<typeof DFormikInput>;
|
|
4
4
|
export default config;
|
|
5
|
-
|
|
5
|
+
type Story = StoryObj<typeof DFormikInput>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
7
|
export declare const Empty: Story;
|