@dynamic-framework/ui-react 1.6.0 → 1.7.1

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.
Files changed (222) hide show
  1. package/LICENSE +223 -21
  2. package/README.md +3 -15
  3. package/dist/css/dynamic-ui.css +3888 -1310
  4. package/dist/css/dynamic-ui.min.css +1 -1
  5. package/dist/index.esm.js +889 -555
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/index.js +943 -604
  8. package/dist/index.js.map +1 -1
  9. package/dist/types/components/DAlert.d.ts +16 -0
  10. package/dist/types/components/DBadge.d.ts +11 -0
  11. package/dist/types/components/DBoxFile.d.ts +3 -4
  12. package/dist/types/components/DButton.d.ts +21 -0
  13. package/dist/types/components/DCard.d.ts +2 -2
  14. package/dist/types/components/DCardAccount.d.ts +3 -3
  15. package/dist/types/components/DCardBody.d.ts +2 -2
  16. package/dist/types/components/DCardFooter.d.ts +2 -2
  17. package/dist/types/components/DCardHeader.d.ts +2 -2
  18. package/dist/types/components/DCarousel.d.ts +3 -3
  19. package/dist/types/components/DCarouselSlide.d.ts +1 -1
  20. package/dist/types/components/DChip.d.ts +10 -0
  21. package/dist/types/components/DCollapse.d.ts +4 -4
  22. package/dist/types/components/DCollapseIconText.d.ts +3 -4
  23. package/dist/types/components/DCurrencyText.d.ts +1 -1
  24. package/dist/types/components/DDatePicker.d.ts +5 -5
  25. package/dist/types/components/DDatePickerHeader.d.ts +4 -4
  26. package/dist/types/components/DDatePickerInput.d.ts +7 -7
  27. package/dist/types/components/DDatePickerTime.d.ts +6 -6
  28. package/dist/types/components/DFormikInput.d.ts +2 -2
  29. package/dist/types/components/DFormikInputCurrency.d.ts +1 -1
  30. package/dist/types/components/DFormikInputSelect.d.ts +3 -6
  31. package/dist/types/components/DIcon.d.ts +16 -0
  32. package/dist/types/components/DInput.d.ts +32 -0
  33. package/dist/types/components/DInputCheck.d.ts +15 -0
  34. package/dist/types/components/DInputCounter.d.ts +22 -0
  35. package/dist/types/components/DInputCurrency.d.ts +4 -8
  36. package/dist/types/components/DInputCurrencyBase.d.ts +24 -0
  37. package/dist/types/components/DInputPassword.d.ts +17 -0
  38. package/dist/types/components/DInputPin.d.ts +19 -0
  39. package/dist/types/components/DInputSearch.d.ts +19 -0
  40. package/dist/types/components/DInputSelect.d.ts +24 -0
  41. package/dist/types/components/DInputSwitch.d.ts +11 -0
  42. package/dist/types/components/DList.d.ts +4 -3
  43. package/dist/types/components/DListItem.d.ts +4 -4
  44. package/dist/types/components/DListItemMovement.d.ts +2 -2
  45. package/dist/types/components/DModal.d.ts +14 -0
  46. package/dist/types/components/DModalBody.d.ts +6 -0
  47. package/dist/types/components/DModalFooter.d.ts +6 -0
  48. package/dist/types/components/DModalHeader.d.ts +7 -0
  49. package/dist/types/components/DMonthPicker.d.ts +4 -4
  50. package/dist/types/components/DOffcanvas.d.ts +11 -0
  51. package/dist/types/components/DOffcanvasBody.d.ts +6 -0
  52. package/dist/types/components/DOffcanvasFooter.d.ts +6 -0
  53. package/dist/types/components/DOffcanvasHeader.d.ts +7 -0
  54. package/dist/types/components/DPaginator.d.ts +4 -4
  55. package/dist/types/components/DPopover.d.ts +3 -2
  56. package/dist/types/components/DProgress.d.ts +9 -0
  57. package/dist/types/components/DQuickActionButton.d.ts +22 -0
  58. package/dist/types/components/DQuickActionCheck.d.ts +13 -0
  59. package/dist/types/components/DQuickActionSelect.d.ts +12 -0
  60. package/dist/types/components/DQuickActionSwitch.d.ts +11 -0
  61. package/dist/types/components/DSkeleton.d.ts +2 -2
  62. package/dist/types/components/DStepper.d.ts +3 -3
  63. package/dist/types/components/DStepperDesktop.d.ts +2 -2
  64. package/dist/types/components/DStepperMobile.d.ts +2 -2
  65. package/dist/types/components/DTabContent.d.ts +1 -1
  66. package/dist/types/components/DTabs.d.ts +5 -5
  67. package/dist/types/components/DToastContainer.d.ts +2 -3
  68. package/dist/types/components/DTooltip.d.ts +2 -2
  69. package/dist/types/components/banking/{MPermissionGroup.d.ts → DPermissionGroup.d.ts} +2 -2
  70. package/dist/types/components/banking/DPermissionItem.d.ts +1 -1
  71. package/dist/types/components/banking/{MSummaryCard.d.ts → DSummaryCard.d.ts} +2 -2
  72. package/dist/types/components/banking/index.d.ts +2 -2
  73. package/dist/types/components/banking/interface.d.ts +1 -1
  74. package/dist/types/components/config.d.ts +5 -0
  75. package/dist/types/components/index.d.ts +46 -20
  76. package/dist/types/components/interface.d.ts +44 -0
  77. package/dist/types/contexts/ModalContext.d.ts +12 -12
  78. package/dist/types/contexts/OffcanvasContext.d.ts +12 -12
  79. package/dist/types/hooks/useScreenshot.d.ts +1 -1
  80. package/dist/types/hooks/useToast.d.ts +3 -3
  81. package/dist/types/stories/components/DBadge.stories.d.ts +1 -1
  82. package/dist/types/stories/components/DBoxFile.stories.d.ts +1 -1
  83. package/dist/types/stories/components/DButton.stories.d.ts +1 -1
  84. package/dist/types/stories/components/DChip.stories.d.ts +1 -1
  85. package/dist/types/stories/components/DCurrencyText.stories.d.ts +1 -1
  86. package/dist/types/stories/components/DDatePicker.stories.d.ts +1 -1
  87. package/dist/types/stories/components/DFormikInput.stories.d.ts +1 -1
  88. package/dist/types/stories/components/DFormikInputCurrency.stories.d.ts +1 -1
  89. package/dist/types/stories/components/DFormikInputSelect.stories.d.ts +1 -1
  90. package/dist/types/stories/components/DIcon.stories.d.ts +1 -1
  91. package/dist/types/stories/components/DInput.stories.d.ts +1 -1
  92. package/dist/types/stories/components/DInputCheck.stories.d.ts +1 -1
  93. package/dist/types/stories/components/DInputCounter.stories.d.ts +1 -1
  94. package/dist/types/stories/components/DInputCurrency.stories.d.ts +1 -1
  95. package/dist/types/stories/components/DInputCurrencyBase.stories.d.ts +1 -1
  96. package/dist/types/stories/components/DInputPassword.stories.d.ts +1 -1
  97. package/dist/types/stories/components/DInputPin.stories.d.ts +1 -1
  98. package/dist/types/stories/components/DInputSearch.stories.d.ts +1 -1
  99. package/dist/types/stories/components/DInputSelect.stories.d.ts +7 -3
  100. package/dist/types/stories/components/DInputSwitch.stories.d.ts +1 -1
  101. package/dist/types/stories/components/DList.stories.d.ts +1 -1
  102. package/dist/types/stories/components/DListItem.stories.d.ts +1 -1
  103. package/dist/types/stories/components/DListItemMovement.stories.d.ts +1 -1
  104. package/dist/types/stories/components/DPaginator.stories.d.ts +1 -1
  105. package/dist/types/stories/components/DProgress.stories.d.ts +1 -1
  106. package/dist/types/stories/components/DQuickActionButton.stories.d.ts +1 -1
  107. package/dist/types/stories/components/DQuickActionCheck.stories.d.ts +1 -1
  108. package/dist/types/stories/components/DQuickActionSelect.stories.d.ts +1 -1
  109. package/dist/types/stories/components/DQuickActionSwitch.stories.d.ts +1 -1
  110. package/dist/types/stories/components/DSkeleton.stories.d.ts +1 -1
  111. package/dist/types/stories/components/DStepper.stories.d.ts +1 -1
  112. package/dist/types/stories/components/DStepperDesktop.stories.d.ts +1 -1
  113. package/dist/types/stories/components/DStepperMobile.stories.d.ts +1 -1
  114. package/dist/types/stories/components/DTooltip.stories.d.ts +1 -1
  115. package/dist/types/stories/hooks/useFormatCurrency.stories.d.ts +1 -1
  116. package/dist/types/stories/hooks/useModalContext.stories.d.ts +1 -1
  117. package/dist/types/stories/hooks/useOffcanvasContext.stories.d.ts +1 -1
  118. package/dist/types/stories/hooks/useToast.stories.d.ts +2 -2
  119. package/dist/types/stories/patterns/DAlert.stories.d.ts +1 -1
  120. package/dist/types/stories/{components → patterns}/DCard.stories.d.ts +1 -1
  121. package/dist/types/stories/{components → patterns}/DCardAccount.stories.d.ts +1 -1
  122. package/dist/types/stories/patterns/DCarousel.stories.d.ts +1 -1
  123. package/dist/types/stories/patterns/DCollapse.stories.d.ts +1 -1
  124. package/dist/types/stories/patterns/DCollapseIconText.stories.d.ts +1 -1
  125. package/dist/types/stories/patterns/DModal.stories.d.ts +1 -1
  126. package/dist/types/stories/patterns/DOffcanvas.stories.d.ts +1 -1
  127. package/dist/types/stories/patterns/DPopover.stories.d.ts +2 -1
  128. package/dist/types/stories/patterns/DTabs.stories.d.ts +1 -1
  129. package/dist/types/utils/format-currency.d.ts +2 -0
  130. package/dist/types/utils/index.d.ts +2 -1
  131. package/dist/types/utils/liquid-parser.d.ts +20 -0
  132. package/package.json +62 -49
  133. package/src/style/_shame.scss +4 -0
  134. package/src/style/abstracts/_+import.scss +14 -2
  135. package/src/style/abstracts/_funcions.scss +55 -0
  136. package/src/style/abstracts/_maps.scss +1 -0
  137. package/src/style/abstracts/_mixins.scss +133 -0
  138. package/src/style/abstracts/_utilities.scss +78 -0
  139. package/src/style/abstracts/variables/_+import.scss +159 -0
  140. package/src/style/abstracts/variables/_accordion.scss +35 -0
  141. package/src/style/abstracts/variables/_alerts.scss +27 -0
  142. package/src/style/abstracts/variables/_badges.scss +15 -0
  143. package/src/style/abstracts/variables/_body.scss +52 -0
  144. package/src/style/abstracts/variables/_border.scss +29 -0
  145. package/src/style/abstracts/variables/_box-shadow.scss +6 -0
  146. package/src/style/abstracts/variables/_breadcrumb.scss +15 -0
  147. package/src/style/abstracts/variables/_buttons.scss +55 -0
  148. package/src/style/abstracts/variables/_cards.scss +23 -0
  149. package/src/style/abstracts/variables/_carousel.scss +37 -0
  150. package/src/style/abstracts/variables/_chips.scss +13 -0
  151. package/src/style/abstracts/variables/_close.scss +16 -0
  152. package/src/style/abstracts/variables/_code.scss +16 -0
  153. package/src/style/abstracts/variables/_colors.scss +515 -0
  154. package/src/style/abstracts/variables/_cursors.scss +32 -0
  155. package/src/style/abstracts/variables/_dropdowns.scss +54 -0
  156. package/src/style/abstracts/variables/_figures.scss +6 -0
  157. package/src/style/abstracts/variables/_forms.scss +313 -0
  158. package/src/style/abstracts/variables/_grid.scss +41 -0
  159. package/src/style/abstracts/variables/_list-group.scss +43 -0
  160. package/src/style/abstracts/variables/_modals.scss +58 -0
  161. package/src/style/abstracts/variables/_navbar.scss +43 -0
  162. package/src/style/abstracts/variables/_navs.scss +44 -0
  163. package/src/style/abstracts/variables/_offcanvas.scss +20 -0
  164. package/src/style/abstracts/variables/_options.scss +24 -0
  165. package/src/style/abstracts/variables/_pagination.scss +41 -0
  166. package/src/style/abstracts/variables/_popovers.scss +31 -0
  167. package/src/style/abstracts/variables/_progress.scss +17 -0
  168. package/src/style/abstracts/variables/_quick-action-button.scss +31 -0
  169. package/src/style/abstracts/variables/_quick-action-check.scss +22 -0
  170. package/src/style/abstracts/variables/_quick-action-select.scss +16 -0
  171. package/src/style/abstracts/variables/_quick-action-switch.scss +21 -0
  172. package/src/style/abstracts/variables/_spacers.scss +28 -0
  173. package/src/style/abstracts/variables/_spinners.scss +13 -0
  174. package/src/style/abstracts/variables/_tables.scss +57 -0
  175. package/src/style/abstracts/variables/_thumbnails.scss +10 -0
  176. package/src/style/abstracts/variables/_toasts.scss +19 -0
  177. package/src/style/abstracts/variables/_tooltips.scss +29 -0
  178. package/src/style/abstracts/variables/_typography.scss +122 -0
  179. package/src/style/abstracts/variables/_z-index.scss +28 -0
  180. package/src/style/base/_+import.scss +15 -0
  181. package/src/style/base/_root.scss +248 -0
  182. package/src/style/base/_tables.scss +171 -0
  183. package/src/style/components/_+import.scss +44 -0
  184. package/src/style/components/_d-alert.scss +45 -0
  185. package/src/style/components/_d-badge.scss +26 -0
  186. package/src/style/components/_d-button.scss +191 -0
  187. package/src/style/components/_d-card-account.scss +1 -1
  188. package/src/style/components/_d-chip.scss +52 -0
  189. package/src/style/components/_d-icon.scss +32 -0
  190. package/src/style/components/_d-input-check.scss +20 -0
  191. package/src/style/components/_d-input-pin.scss +121 -0
  192. package/src/style/components/_d-input-select.scss +20 -0
  193. package/src/style/components/_d-input-switch.scss +58 -0
  194. package/src/style/components/_d-input.scss +168 -0
  195. package/src/style/components/_d-modal.scss +55 -0
  196. package/src/style/components/_d-offcanvas.scss +45 -0
  197. package/src/style/components/_d-popover.scss +4 -1
  198. package/src/style/components/_d-progress.scss +9 -0
  199. package/src/style/components/_d-quick-action-button.scss +111 -0
  200. package/src/style/components/_d-quick-action-check.scss +74 -0
  201. package/src/style/components/_d-quick-action-select.scss +56 -0
  202. package/src/style/components/_d-quick-action-switch.scss +71 -0
  203. package/src/style/dynamic-root.scss +5 -1
  204. package/src/style/dynamic-ui.scss +13 -1
  205. package/src/style/helpers/_+import.scss +13 -0
  206. package/src/style/helpers/_color-bg.scss +7 -0
  207. package/dist/css/dynamic-ui-all.css +0 -16620
  208. package/dist/css/dynamic-ui-all.min.css +0 -1
  209. package/dist/css/dynamic-ui-react.css +0 -1919
  210. package/dist/css/dynamic-ui-react.min.css +0 -1
  211. package/dist/types/components/proxies.d.ts +0 -23
  212. package/dist/types/components/react-component-lib/createComponent.d.ts +0 -10
  213. package/dist/types/components/react-component-lib/createOverlayComponent.d.ts +0 -21
  214. package/dist/types/components/react-component-lib/index.d.ts +0 -2
  215. package/dist/types/components/react-component-lib/interfaces.d.ts +0 -29
  216. package/dist/types/components/react-component-lib/utils/attachProps.d.ts +0 -16
  217. package/dist/types/components/react-component-lib/utils/case.d.ts +0 -2
  218. package/dist/types/components/react-component-lib/utils/dev.d.ts +0 -2
  219. package/dist/types/components/react-component-lib/utils/index.d.ts +0 -10
  220. package/src/style/dynamic-ui-all.scss +0 -3
  221. package/src/style/dynamic-ui-react.scss +0 -7
  222. /package/dist/types/stories/{constants.d.ts → config/constants.d.ts} +0 -0
@@ -0,0 +1,11 @@
1
+ import type { PropsWithChildren } from 'react';
2
+ import type { OffcanvasPositionToggleFrom } from './interface';
3
+ type Props = PropsWithChildren<{
4
+ name: string;
5
+ className?: string;
6
+ isStatic?: boolean;
7
+ isScrollable?: boolean;
8
+ openFrom?: OffcanvasPositionToggleFrom;
9
+ }>;
10
+ export default function DOffcanvas({ name, className, isStatic, isScrollable, openFrom, children, }: Props): import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -0,0 +1,6 @@
1
+ import type { ReactNode } from 'react';
2
+ type Props = {
3
+ children: ReactNode;
4
+ };
5
+ export default function DOffcanvasBody({ children }: Props): import("react/jsx-runtime").JSX.Element;
6
+ 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 declare type Props = {
1
+ import type { ResponsivePaginationProps } from 'react-responsive-pagination';
2
+ export type Props = {
3
3
  className?: ResponsivePaginationProps['extraClassName'];
4
4
  page: ResponsivePaginationProps['current'];
5
- onEventPageChange: ResponsivePaginationProps['onPageChange'];
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, onEventPageChange, ...props }: Props): import("react/jsx-runtime").JSX.Element;
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
- declare type Props = PropsWithChildren<{
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,5 +1,5 @@
1
- import { PropsWithChildren } from 'react';
2
- export declare type Props = PropsWithChildren<{
1
+ import type { PropsWithChildren } from 'react';
2
+ export type Props = PropsWithChildren<{
3
3
  speed?: number;
4
4
  viewBox?: string;
5
5
  backgroundColor?: string;
@@ -1,10 +1,10 @@
1
- import { BreakpointSize } from '@dynamic-framework/ui/dist/types/utils/component-interface';
2
- declare type Step = {
1
+ import type { BreakpointSize } from './interface';
2
+ export type Step = {
3
3
  label: string;
4
4
  value: number;
5
5
  description?: string;
6
6
  };
7
- declare type Props = {
7
+ type Props = {
8
8
  options: Array<Step>;
9
9
  currentStep: number;
10
10
  successIcon?: string;
@@ -1,8 +1,8 @@
1
- declare type Step = {
1
+ type Step = {
2
2
  label: string;
3
3
  value: number;
4
4
  };
5
- declare type Props = {
5
+ type Props = {
6
6
  options: Array<Step>;
7
7
  currentStep: number;
8
8
  successIcon?: string;
@@ -1,9 +1,9 @@
1
- declare type Step = {
1
+ type Step = {
2
2
  label: string;
3
3
  description?: string;
4
4
  value: number;
5
5
  };
6
- declare type Props = {
6
+ type Props = {
7
7
  options: Array<Step>;
8
8
  currentStep: number;
9
9
  };
@@ -1,5 +1,5 @@
1
1
  import type { PropsWithChildren } from 'react';
2
- declare type Props = PropsWithChildren<{
2
+ type Props = PropsWithChildren<{
3
3
  tab: string;
4
4
  }>;
5
5
  export default function DTabContent({ tab, children }: Props): import("react/jsx-runtime").JSX.Element | null;
@@ -1,19 +1,19 @@
1
1
  import type { PropsWithChildren } from 'react';
2
- export declare type DTabOption = {
2
+ export type DTabOption = {
3
3
  label: string;
4
4
  tab: string;
5
5
  isDisabled?: boolean;
6
6
  };
7
- declare type Props = PropsWithChildren<{
8
- onEventChange: (option: DTabOption) => void;
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
- declare type TabContextState = {
14
+ type TabContextState = {
15
15
  isSelected: (tab: DTabOption['tab']) => boolean;
16
16
  };
17
- export default function DTabs({ children, defaultSelected, onEventChange, options, className, isVertical, }: Props): import("react/jsx-runtime").JSX.Element;
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/dist/ReactToastify.css';
4
- declare type Props = {
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 '@dynamic-framework/ui';
4
- export declare type Props = PropsWithChildren<{
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
- declare type Props = {
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 MPermissionGroup({ title, description, permissionState, permissionList, onChangePermission, onCustomAction, }: Props): import("react/jsx-runtime").JSX.Element;
10
+ export default function DPermissionGroup({ title, description, permissionState, permissionList, onChangePermission, onCustomAction, }: Props): import("react/jsx-runtime").JSX.Element;
11
11
  export {};
@@ -1,5 +1,5 @@
1
1
  import { PermissionItemType } from './interface';
2
- declare type Props = {
2
+ type Props = {
3
3
  permission: PermissionItemType;
4
4
  permissionState: string;
5
5
  onChange: (isChecked: boolean) => void;
@@ -1,6 +1,6 @@
1
1
  import { Trans } from 'react-i18next';
2
2
  import { ReactElement } from 'react';
3
- declare type Props = {
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 MSummaryCard({ title, description, icon, iconSize, iconTheme, Summary, }: Props): import("react/jsx-runtime").JSX.Element;
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 MPermissionGroup } from './MPermissionGroup';
1
+ export { default as DPermissionGroup } from './DPermissionGroup';
2
2
  export { default as DPermissionItem } from './DPermissionItem';
3
- export { default as MSummaryCard } from './MSummaryCard';
3
+ export { default as DSummaryCard } from './DSummaryCard';
@@ -1,4 +1,4 @@
1
- export declare type PermissionItemType = {
1
+ export type PermissionItemType = {
2
2
  id: string;
3
3
  enabled: boolean;
4
4
  label: string;
@@ -0,0 +1,5 @@
1
+ import { AlertTypeIconMap } from './interface';
2
+ export declare const PREFIX_BS = "bs-";
3
+ export declare const ICON_FAMILY_CLASS = "bi";
4
+ export declare const ICON_FAMILY_PREFIX = "bi-";
5
+ export declare const ALERT_TYPE_ICON: AlertTypeIconMap;
@@ -1,31 +1,57 @@
1
- export * from './proxies';
2
1
  export * from './banking';
3
- export { default as DToastContainer } from './DToastContainer';
4
- export { default as DDatePicker } from './DDatePicker';
5
- export { default as DSkeleton } from './DSkeleton';
6
- export { default as DTabs, useTabContext, DTabOption } from './DTabs';
7
- export { default as DTabContent } from './DTabContent';
8
- export { default as DPopover } from './DPopover';
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 DTooltip } from './DTooltip';
13
- export { default as DCollapse } from './DCollapse';
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 DBoxFile } from './DBoxFile';
16
- export { default as DCarousel } from './DCarousel';
17
- export { default as DCarouselSlide } from './DCarouselSlide';
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';
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';
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';
21
51
  export { default as DStepper } from './DStepper';
22
52
  export { default as DStepperDesktop } from './DStepperDesktop';
23
53
  export { default as DStepperMobile } from './DStepperMobile';
24
- export { default as DFormikInputCurrency } from './DFormikInputCurrency';
25
- export { default as DCardAccount } from './DCardAccount';
26
- export { default as DCard } from './DCard';
27
- export { default as DCardHeader } from './DCardHeader';
28
- export { default as DCardBody } from './DCardBody';
29
- export { default as DCardFooter } from './DCardFooter';
30
- export { default as DCollapseIconText } from './DCollapseIconText';
31
- export { default as DPaginator } from './DPaginator';
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 declare type ModalComponent = FC<ModalProps>;
3
- export declare type ModalAvailableList = Record<string, ModalComponent>;
4
- declare type Props = PropsWithChildren<{
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 declare type ModalPayload = Record<string, any>;
9
- export declare type ModalCallbackContext = {
8
+ export type ModalPayload = Record<string, any>;
9
+ export type ModalCallbackContext = {
10
10
  fromModal: boolean;
11
11
  };
12
- export declare type ModalCallbacks = {
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 declare type ModalStackItem = {
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 declare type ModalConfig = {
24
+ export type ModalConfig = {
25
25
  payload: ModalPayload;
26
26
  callbacks?: ModalCallbacks;
27
27
  };
28
- export declare type OpenModalFunction = (name: string, config?: ModalConfig) => void;
29
- export declare type CloseModalFunction = (context?: ModalCallbackContext) => void;
30
- export declare type ModalContextType = {
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 declare type ModalProps = {
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 declare type OffcanvasComponent = FC<OffcanvasProps>;
3
- export declare type OffcanvasAvailableList = Record<string, OffcanvasComponent>;
4
- declare type Props = PropsWithChildren<{
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 declare type OffcanvasPayload = Record<string, any>;
9
- export declare type OffcanvasCallbackContext = {
8
+ export type OffcanvasPayload = Record<string, any>;
9
+ export type OffcanvasCallbackContext = {
10
10
  fromOffcanvas: boolean;
11
11
  };
12
- export declare type OffcanvasCallbacks = {
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 declare type OffcanvasStackItem = {
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 declare type OffcanvasConfig = {
24
+ export type OffcanvasConfig = {
25
25
  payload: OffcanvasPayload;
26
26
  callbacks?: OffcanvasCallbacks;
27
27
  };
28
- export declare type OpenOffcanvasFunction = (name: string, config?: OffcanvasConfig) => void;
29
- export declare type CloseOffcanvasFunction = (context?: OffcanvasCallbackContext) => void;
30
- export declare type OffcanvasContextType = {
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 declare type OffcanvasProps = {
35
+ export type OffcanvasProps = {
36
36
  name: string;
37
37
  payload: OffcanvasPayload;
38
38
  openOffcanvas: OpenOffcanvasFunction;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export default function useScreenshot(): {
3
3
  clipRef: import("react").MutableRefObject<HTMLDivElement | null>;
4
- takeBlob: (type?: string | undefined) => Promise<Blob>;
4
+ takeBlob: (type?: string) => Promise<Blob>;
5
5
  };
@@ -1,6 +1,6 @@
1
- import { ToastPosition } from 'react-toastify';
2
- import type { AlertType } from '@dynamic-framework/ui';
3
- export declare type ToastConfig = {
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
- declare type Story = StoryObj<typeof DBadge>;
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
- declare type Story = StoryObj<typeof DBoxFile>;
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
- declare type Story = StoryObj<typeof DButton>;
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
- declare type Story = StoryObj<typeof DChip>;
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
- declare type Story = StoryObj<typeof DCurrencyText>;
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
- declare type Story = StoryObj<typeof DDatePicker>;
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
- declare type Story = StoryObj<typeof DFormikInput>;
5
+ type Story = StoryObj<typeof DFormikInput>;
6
6
  export declare const Default: Story;
7
7
  export declare const Empty: Story;
@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
2
2
  import { DFormikInputCurrency } from '../../components';
3
3
  declare const config: Meta<typeof DFormikInputCurrency>;
4
4
  export default config;
5
- declare type Story = StoryObj<typeof DFormikInputCurrency>;
5
+ type Story = StoryObj<typeof DFormikInputCurrency>;
6
6
  export declare const Default: Story;
7
7
  export declare const Empty: Story;
8
8
  export declare const WithErrors: Story;