@dynamic-framework/ui-react 1.1.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 (104) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +16 -0
  3. package/dist/css/dynamic-ui-react.css +3 -0
  4. package/dist/css/dynamic-ui-react.css.map +1 -0
  5. package/dist/index.esm.js +857 -0
  6. package/dist/index.esm.js.map +1 -0
  7. package/dist/index.js +924 -0
  8. package/dist/index.js.map +1 -0
  9. package/dist/types/components/MBoxFile.d.ts +10 -0
  10. package/dist/types/components/MCalendar.d.ts +25 -0
  11. package/dist/types/components/MCollapse.d.ts +11 -0
  12. package/dist/types/components/MCurrencyText.d.ts +7 -0
  13. package/dist/types/components/MFormikInput.d.ts +7 -0
  14. package/dist/types/components/MFormikInputSelect.d.ts +9 -0
  15. package/dist/types/components/MInputCurrency.d.ts +7 -0
  16. package/dist/types/components/MPopover.d.ts +8 -0
  17. package/dist/types/components/MSkeleton.d.ts +8 -0
  18. package/dist/types/components/MTabContent.d.ts +6 -0
  19. package/dist/types/components/MTabs.d.ts +19 -0
  20. package/dist/types/components/MToastContainer.d.ts +12 -0
  21. package/dist/types/components/MTooltip.d.ts +17 -0
  22. package/dist/types/components/banking/MCollapseIconText.d.ts +23 -0
  23. package/dist/types/components/banking/MPermissionGroup.d.ts +12 -0
  24. package/dist/types/components/banking/MPermissionItem.d.ts +10 -0
  25. package/dist/types/components/banking/MSummaryCard.d.ts +12 -0
  26. package/dist/types/components/banking/index.d.ts +4 -0
  27. package/dist/types/components/banking/interface.d.ts +7 -0
  28. package/dist/types/components/index.d.ts +16 -0
  29. package/dist/types/components/proxies.d.ts +23 -0
  30. package/dist/types/components/react-component-lib/createComponent.d.ts +10 -0
  31. package/dist/types/components/react-component-lib/createOverlayComponent.d.ts +21 -0
  32. package/dist/types/components/react-component-lib/index.d.ts +2 -0
  33. package/dist/types/components/react-component-lib/interfaces.d.ts +29 -0
  34. package/dist/types/components/react-component-lib/utils/attachProps.d.ts +16 -0
  35. package/dist/types/components/react-component-lib/utils/case.d.ts +2 -0
  36. package/dist/types/components/react-component-lib/utils/dev.d.ts +2 -0
  37. package/dist/types/components/react-component-lib/utils/index.d.ts +10 -0
  38. package/dist/types/contexts/LiquidContext.d.ts +14 -0
  39. package/dist/types/contexts/ModalContext.d.ts +44 -0
  40. package/dist/types/contexts/OffcanvasContext.d.ts +44 -0
  41. package/dist/types/contexts/index.d.ts +3 -0
  42. package/dist/types/hooks/index.d.ts +5 -0
  43. package/dist/types/hooks/useFormatCurrency.d.ts +4 -0
  44. package/dist/types/hooks/useScreenshot.d.ts +5 -0
  45. package/dist/types/hooks/useScreenshotDownload.d.ts +5 -0
  46. package/dist/types/hooks/useScreenshotWebShare.d.ts +5 -0
  47. package/dist/types/hooks/useStackState.d.ts +19 -0
  48. package/dist/types/hooks/useToast.d.ts +11 -0
  49. package/dist/types/index.d.ts +4 -0
  50. package/dist/types/stories/components/MBoxFile.stories.d.ts +6 -0
  51. package/dist/types/stories/components/MButton.stories.d.ts +35 -0
  52. package/dist/types/stories/components/MCalendar.stories.d.ts +6 -0
  53. package/dist/types/stories/components/MFormikInput.stories.d.ts +7 -0
  54. package/dist/types/stories/components/MFormikInputSelect.stories.d.ts +7 -0
  55. package/dist/types/stories/components/MIcon.stories.d.ts +7 -0
  56. package/dist/types/stories/components/MInput.stories.d.ts +11 -0
  57. package/dist/types/stories/components/MInputCheck.stories.d.ts +13 -0
  58. package/dist/types/stories/components/MInputCounter.stories.d.ts +9 -0
  59. package/dist/types/stories/components/MInputCurrency.stories.d.ts +11 -0
  60. package/dist/types/stories/components/MInputCurrencyBase.stories.d.ts +11 -0
  61. package/dist/types/stories/components/MInputPassword.stories.d.ts +10 -0
  62. package/dist/types/stories/components/MInputPin.stories.d.ts +10 -0
  63. package/dist/types/stories/components/MInputSearch.stories.d.ts +10 -0
  64. package/dist/types/stories/components/MInputSelect.stories.d.ts +9 -0
  65. package/dist/types/stories/components/MInputSwitch.stories.d.ts +11 -0
  66. package/dist/types/stories/components/MProgressBar.stories.d.ts +12 -0
  67. package/dist/types/stories/components/MQuickActionButton.stories.d.ts +10 -0
  68. package/dist/types/stories/components/MQuickActionCheck.stories.d.ts +8 -0
  69. package/dist/types/stories/components/MQuickActionSelect.stories.d.ts +8 -0
  70. package/dist/types/stories/components/MQuickActionSwitch.stories.d.ts +9 -0
  71. package/dist/types/stories/components/MSkeleton.stories.d.ts +6 -0
  72. package/dist/types/stories/components/MTooltip.stories.d.ts +18 -0
  73. package/dist/types/stories/config/liquidConfig.d.ts +1 -0
  74. package/dist/types/stories/constants.d.ts +8 -0
  75. package/dist/types/stories/hooks/useFormatCurrency.stories.d.ts +7 -0
  76. package/dist/types/stories/hooks/useModalContext.stories.d.ts +7 -0
  77. package/dist/types/stories/hooks/useOffcanvasContext.stories.d.ts +8 -0
  78. package/dist/types/stories/hooks/useToast.stories.d.ts +18 -0
  79. package/dist/types/stories/patterns/MAlert.stories.d.ts +24 -0
  80. package/dist/types/stories/patterns/MBadge.stories.d.ts +8 -0
  81. package/dist/types/stories/patterns/MChip.stories.d.ts +9 -0
  82. package/dist/types/stories/patterns/MCollapse.stories.d.ts +8 -0
  83. package/dist/types/stories/patterns/MCollapseIconText.stories.d.ts +6 -0
  84. package/dist/types/stories/patterns/MModal.stories.d.ts +12 -0
  85. package/dist/types/stories/patterns/MOffcanvas.stories.d.ts +12 -0
  86. package/dist/types/stories/patterns/MPopover.stories.d.ts +8 -0
  87. package/dist/types/stories/patterns/MTabs.stories.d.ts +7 -0
  88. package/dist/types/utils/configureI18n.d.ts +2 -0
  89. package/dist/types/utils/index.d.ts +1 -0
  90. package/package.json +134 -0
  91. package/src/style/_shame.scss +1 -0
  92. package/src/style/abstracts/_+import.scss +3 -0
  93. package/src/style/abstracts/variables/_+import.scss +2 -0
  94. package/src/style/abstracts/variables/_box-file.scss +15 -0
  95. package/src/style/abstracts/variables/_calendar.scss +19 -0
  96. package/src/style/abstracts/variables/_collapse-icon-text.scss +3 -0
  97. package/src/style/components/_+import.scss +6 -0
  98. package/src/style/components/_m-box-file.scss +66 -0
  99. package/src/style/components/_m-calendar.scss +205 -0
  100. package/src/style/components/_m-collapse-icon-text.scss +16 -0
  101. package/src/style/components/_m-collapse.scss +56 -0
  102. package/src/style/components/_m-popover.scss +12 -0
  103. package/src/style/components/_m-tabs.scss +56 -0
  104. package/src/style/main.scss +7 -0
@@ -0,0 +1,16 @@
1
+ export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
2
+ export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
3
+ /**
4
+ * Transforms a React event name to a browser event name.
5
+ */
6
+ export declare const transformReactEventName: (eventNameSuffix: string) => string;
7
+ /**
8
+ * Checks if an event is supported in the current execution environment.
9
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
10
+ */
11
+ export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
12
+ export declare const syncEvent: (node: Element & {
13
+ __events?: {
14
+ [key: string]: ((e: Event) => any) | undefined;
15
+ } | undefined;
16
+ }, eventName: string, newEventHandler?: ((e: Event) => any) | undefined) => void;
@@ -0,0 +1,2 @@
1
+ export declare const dashToPascalCase: (str: string) => string;
2
+ export declare const camelToDashCase: (str: string) => string;
@@ -0,0 +1,2 @@
1
+ export declare const isDevMode: () => boolean;
2
+ export declare const deprecationWarning: (key: string, message: string) => void;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import type { StyleReactProps } from '../interfaces';
3
+ export declare type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
4
+ export declare type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
5
+ export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
6
+ export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
7
+ export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
8
+ export declare const defineCustomElement: (tagName: string, customElement: any) => void;
9
+ export * from './attachProps';
10
+ export * from './case';
@@ -0,0 +1,14 @@
1
+ import type { PropsWithChildren } from 'react';
2
+ interface LiquidContextInterface {
3
+ language: string;
4
+ currency: {
5
+ symbol: string;
6
+ precision: number;
7
+ separator: string;
8
+ decimal: string;
9
+ };
10
+ }
11
+ export declare const LiquidContext: import("react").Context<LiquidContextInterface>;
12
+ export declare function LiquidContextProvider({ children, }: PropsWithChildren): JSX.Element;
13
+ export declare function useLiquidContext(): LiquidContextInterface;
14
+ export default LiquidContext;
@@ -0,0 +1,44 @@
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<{
5
+ portalName: string;
6
+ availableModals: ModalAvailableList;
7
+ }>;
8
+ export declare type ModalPayload = Record<string, any>;
9
+ export declare type ModalCallbackContext = {
10
+ fromModal: boolean;
11
+ };
12
+ export declare type ModalCallbacks = {
13
+ onBeforeOpen?: (payload?: ModalPayload) => void;
14
+ onAfterOpen?: (payload?: ModalPayload) => void;
15
+ onBeforeClose?: (context: ModalCallbackContext, payload?: ModalPayload) => void;
16
+ onAfterClose?: (context: ModalCallbackContext, payload?: ModalPayload) => void;
17
+ };
18
+ export declare type ModalStackItem = {
19
+ modalName: keyof ModalAvailableList;
20
+ Component: ModalComponent;
21
+ payload: ModalPayload;
22
+ callbacks?: ModalCallbacks;
23
+ };
24
+ export declare type ModalConfig = {
25
+ payload: ModalPayload;
26
+ callbacks?: ModalCallbacks;
27
+ };
28
+ export declare type OpenModalFunction = (name: string, config?: ModalConfig) => void;
29
+ export declare type CloseModalFunction = (context?: ModalCallbackContext) => void;
30
+ export declare type ModalContextType = {
31
+ stack: ModalStackItem[];
32
+ openModal: OpenModalFunction;
33
+ closeModal: CloseModalFunction;
34
+ };
35
+ export declare type ModalProps = {
36
+ name: string;
37
+ payload: ModalPayload;
38
+ openModal: OpenModalFunction;
39
+ closeModal: CloseModalFunction;
40
+ };
41
+ export declare const ModalContext: import("react").Context<ModalContextType | undefined>;
42
+ export declare function ModalContextProvider({ portalName, children, availableModals, }: Props): JSX.Element;
43
+ export declare function useModalContext(): ModalContextType;
44
+ export {};
@@ -0,0 +1,44 @@
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<{
5
+ portalName: string;
6
+ availableOffcanvas: OffcanvasAvailableList;
7
+ }>;
8
+ export declare type OffcanvasPayload = Record<string, any>;
9
+ export declare type OffcanvasCallbackContext = {
10
+ fromOffcanvas: boolean;
11
+ };
12
+ export declare type OffcanvasCallbacks = {
13
+ onBeforeOpen?: (payload?: OffcanvasPayload) => void;
14
+ onAfterOpen?: (payload?: OffcanvasPayload) => void;
15
+ onBeforeClose?: (context: OffcanvasCallbackContext, payload?: OffcanvasPayload) => void;
16
+ onAfterClose?: (context: OffcanvasCallbackContext, payload?: OffcanvasPayload) => void;
17
+ };
18
+ export declare type OffcanvasStackItem = {
19
+ offcanvasName: keyof OffcanvasAvailableList;
20
+ Component: OffcanvasComponent;
21
+ payload: OffcanvasPayload;
22
+ callbacks?: OffcanvasCallbacks;
23
+ };
24
+ export declare type OffcanvasConfig = {
25
+ payload: OffcanvasPayload;
26
+ callbacks?: OffcanvasCallbacks;
27
+ };
28
+ export declare type OpenOffcanvasFunction = (name: string, config?: OffcanvasConfig) => void;
29
+ export declare type CloseOffcanvasFunction = (context?: OffcanvasCallbackContext) => void;
30
+ export declare type OffcanvasContextType = {
31
+ stack: OffcanvasStackItem[];
32
+ openOffcanvas: OpenOffcanvasFunction;
33
+ closeOffcanvas: CloseOffcanvasFunction;
34
+ };
35
+ export declare type OffcanvasProps = {
36
+ name: string;
37
+ payload: OffcanvasPayload;
38
+ openOffcanvas: OpenOffcanvasFunction;
39
+ closeOffcanvas: CloseOffcanvasFunction;
40
+ };
41
+ export declare const OffcanvasContext: import("react").Context<OffcanvasContextType | undefined>;
42
+ export declare function OffcanvasContextProvider({ portalName, children, availableOffcanvas, }: Props): JSX.Element;
43
+ export declare function useOffcanvasContext(): OffcanvasContextType;
44
+ export {};
@@ -0,0 +1,3 @@
1
+ export { default as LiquidContext, useLiquidContext, LiquidContextProvider } from './LiquidContext';
2
+ export * from './ModalContext';
3
+ export * from './OffcanvasContext';
@@ -0,0 +1,5 @@
1
+ export { default as useFormatCurrency } from './useFormatCurrency';
2
+ export { default as useToast } from './useToast';
3
+ export { default as useScreenshot } from './useScreenshot';
4
+ export { default as useScreenshotDownload } from './useScreenshotDownload';
5
+ export { default as useScreenshotWebShare } from './useScreenshotWebShare';
@@ -0,0 +1,4 @@
1
+ export default function useFormatCurrency(...args: Array<number>): {
2
+ format: (value: number) => string;
3
+ values: string[];
4
+ };
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export default function useScreenshot(): {
3
+ clipRef: import("react").MutableRefObject<HTMLDivElement | null>;
4
+ takeBlob: (type?: string | undefined) => Promise<Blob>;
5
+ };
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export default function useScreenshotDownload(): {
3
+ download: () => Promise<void>;
4
+ downloadRef: import("react").MutableRefObject<HTMLDivElement | null>;
5
+ };
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export default function useScreenshotWebShare(): {
3
+ share: () => Promise<void>;
4
+ shareRef: import("react").MutableRefObject<HTMLDivElement | null>;
5
+ };
@@ -0,0 +1,19 @@
1
+ /**
2
+ * useStackState inspired from rooks
3
+ * @see https://github.com/imbhargav5/rooks/blob/main/packages/rooks/src/hooks/useStackState.ts
4
+ * @description Manages a stack with react hooks.
5
+ * @param initialList Initial value of the list
6
+ * @returns The list and controls to modify the stack
7
+ * @see https://react-hooks.org/docs/useStackState
8
+ */
9
+ export default function useStackState<T>(initialList: T[]): [
10
+ T[],
11
+ {
12
+ clear: () => void;
13
+ isEmpty: () => boolean;
14
+ length: number;
15
+ peek: () => T | undefined;
16
+ pop: () => void;
17
+ push: (item: T) => void;
18
+ }
19
+ ];
@@ -0,0 +1,11 @@
1
+ import { ToastPosition } from 'react-toastify';
2
+ import type { AlertType } from '@dynamic-framework/ui';
3
+ export declare type ToastConfig = {
4
+ type?: AlertType;
5
+ showClose?: boolean;
6
+ position?: ToastPosition;
7
+ autoClose?: number | false;
8
+ };
9
+ export default function useToast(): {
10
+ toast: (message: string, { position, type, showClose, autoClose, }?: ToastConfig) => void;
11
+ };
@@ -0,0 +1,4 @@
1
+ export * from './components';
2
+ export * from './contexts';
3
+ export * from './utils';
4
+ export * from './hooks';
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MBoxFile } from '../../components';
3
+ declare const config: Meta<typeof MBoxFile>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MBoxFile>;
6
+ export declare const Default: Story;
@@ -0,0 +1,35 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MButton } from '../../components';
3
+ declare const config: Meta<typeof MButton>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MButton>;
6
+ export declare const Primary: Story;
7
+ export declare const PrimaryHover: Story;
8
+ export declare const PrimaryFocus: Story;
9
+ export declare const PrimaryDisabled: Story;
10
+ export declare const PrimaryActive: Story;
11
+ export declare const PrimaryIconRight: Story;
12
+ export declare const PrimaryLoading: Story;
13
+ export declare const PrimaryLoadingIconRight: Story;
14
+ export declare const PrimarySm: Story;
15
+ export declare const PrimaryLg: Story;
16
+ export declare const Secondary: Story;
17
+ export declare const SecondaryHover: Story;
18
+ export declare const SecondaryFocus: Story;
19
+ export declare const SecondaryDisabled: Story;
20
+ export declare const SecondaryActive: Story;
21
+ export declare const SecondaryIconRight: Story;
22
+ export declare const SecondaryLoading: Story;
23
+ export declare const SecondaryLoadingIconRight: Story;
24
+ export declare const SecondarySm: Story;
25
+ export declare const SecondaryLg: Story;
26
+ export declare const Link: Story;
27
+ export declare const LinkHover: Story;
28
+ export declare const LinkFocus: Story;
29
+ export declare const LinkDisabled: Story;
30
+ export declare const LinkActive: Story;
31
+ export declare const LinkIconRight: Story;
32
+ export declare const LinkLoading: Story;
33
+ export declare const LinkLoadingIconRight: Story;
34
+ export declare const LinkSm: Story;
35
+ export declare const LinkLg: Story;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MCalendar } from '../../components';
3
+ declare const config: Meta<typeof MCalendar>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MCalendar>;
6
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MFormikInput } from '../../components';
3
+ declare const config: Meta<typeof MFormikInput>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MFormikInput>;
6
+ export declare const Default: Story;
7
+ export declare const Empty: Story;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MFormikInputSelect } from '../../components';
3
+ declare const config: Meta<typeof MFormikInputSelect>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MFormikInputSelect>;
6
+ export declare const Default: Story;
7
+ export declare const Empty: Story;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MIcon } from '../../components';
3
+ declare const meta: Meta<typeof MIcon>;
4
+ export default meta;
5
+ declare type Story = StoryObj<typeof MIcon>;
6
+ export declare const Default: Story;
7
+ export declare const Circle: Story;
@@ -0,0 +1,11 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MInput } from '../../components';
3
+ declare const config: Meta<typeof MInput>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MInput>;
6
+ export declare const Default: Story;
7
+ export declare const Value: Story;
8
+ export declare const Error: Story;
9
+ export declare const Confirm: Story;
10
+ export declare const Disabled: Story;
11
+ export declare const Text: Story;
@@ -0,0 +1,13 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MInputCheck } from '../../components';
3
+ declare const config: Meta<typeof MInputCheck>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MInputCheck>;
6
+ export declare const CheckboxWithoutLabel: Story;
7
+ export declare const CheckboxDefault: Story;
8
+ export declare const CheckboxChecked: Story;
9
+ export declare const CheckboxDisabled: Story;
10
+ export declare const RadioWithoutLabel: Story;
11
+ export declare const RadioDefault: Story;
12
+ export declare const RadioChecked: Story;
13
+ export declare const RadioDisabled: Story;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MInputCounter } from '../../components';
3
+ declare const config: Meta<typeof MInputCounter>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MInputCounter>;
6
+ export declare const Default: Story;
7
+ export declare const Error: Story;
8
+ export declare const Confirm: Story;
9
+ export declare const Disabled: Story;
@@ -0,0 +1,11 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MInputCurrency } from '../../components';
3
+ declare const config: Meta<typeof MInputCurrency>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MInputCurrency>;
6
+ export declare const Default: Story;
7
+ export declare const Value: Story;
8
+ export declare const Error: Story;
9
+ export declare const Confirm: Story;
10
+ export declare const Disabled: Story;
11
+ export declare const WithCurrencyCode: Story;
@@ -0,0 +1,11 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MInputCurrencyBase } from '../../components';
3
+ declare const config: Meta<typeof MInputCurrencyBase>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MInputCurrencyBase>;
6
+ export declare const Default: Story;
7
+ export declare const Value: Story;
8
+ export declare const Error: Story;
9
+ export declare const Confirm: Story;
10
+ export declare const Disabled: Story;
11
+ export declare const WithCurrencyCode: Story;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MInputPassword } from '../../components';
3
+ declare const config: Meta<typeof MInputPassword>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MInputPassword>;
6
+ export declare const Default: Story;
7
+ export declare const Value: Story;
8
+ export declare const Error: Story;
9
+ export declare const Confirm: Story;
10
+ export declare const Disabled: Story;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MInputPin } from '../../components';
3
+ declare const config: Meta<typeof MInputPin>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MInputPin>;
6
+ export declare const Default: Story;
7
+ export declare const WithoutLabel: Story;
8
+ export declare const Error: Story;
9
+ export declare const Confirm: Story;
10
+ export declare const Disabled: Story;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MInputSearch } from '../../components';
3
+ declare const config: Meta<typeof MInputSearch>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MInputSearch>;
6
+ export declare const Default: Story;
7
+ export declare const Value: Story;
8
+ export declare const Error: Story;
9
+ export declare const Confirm: Story;
10
+ export declare const Disabled: Story;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MInputSelect } from '../../components';
3
+ declare const config: Meta<typeof MInputSelect>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MInputSelect>;
6
+ export declare const Default: Story;
7
+ export declare const Disabled: Story;
8
+ export declare const Icon: Story;
9
+ export declare const Extractors: Story;
@@ -0,0 +1,11 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MInputSwitch } from '../../components';
3
+ declare const config: Meta<typeof MInputSwitch>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MInputSwitch>;
6
+ export declare const WithoutLabel: Story;
7
+ export declare const Default: Story;
8
+ export declare const Checked: Story;
9
+ export declare const Readonly: Story;
10
+ export declare const Disabled: Story;
11
+ export declare const CheckedDisabled: Story;
@@ -0,0 +1,12 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MProgressBar } from '../../components';
3
+ declare const config: Meta<typeof MProgressBar>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MProgressBar>;
6
+ export declare const Default: Story;
7
+ export declare const Stripped: Story;
8
+ export declare const Valueless: Story;
9
+ export declare const Zero: Story;
10
+ export declare const Two: Story;
11
+ export declare const TwoValueless: Story;
12
+ export declare const OneHundred: Story;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MQuickActionButton } from '../../components';
3
+ declare const config: Meta<typeof MQuickActionButton>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MQuickActionButton>;
6
+ export declare const PersonalInfo: Story;
7
+ export declare const ButtonDoubleAction: Story;
8
+ export declare const AccountBox: Story;
9
+ export declare const Info: Story;
10
+ export declare const PersonList: Story;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MQuickActionCheck } from '../../components';
3
+ declare const config: Meta<typeof MQuickActionCheck>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MQuickActionCheck>;
6
+ export declare const Default: Story;
7
+ export declare const Example: Story;
8
+ export declare const Checked: Story;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MQuickActionSelect } from '../../components';
3
+ declare const config: Meta<typeof MQuickActionSelect>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MQuickActionSelect>;
6
+ export declare const Default: Story;
7
+ export declare const Example: Story;
8
+ export declare const Selected: Story;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MQuickActionSwitch } from '../../components';
3
+ declare const config: Meta<typeof MQuickActionSwitch>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MQuickActionSwitch>;
6
+ export declare const Default: Story;
7
+ export declare const Checked: Story;
8
+ export declare const DefaultDisabled: Story;
9
+ export declare const CheckedDisabled: Story;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MSkeleton } from '../../components';
3
+ declare const config: Meta<typeof MSkeleton>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MSkeleton>;
6
+ export declare const Default: Story;
@@ -0,0 +1,18 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MTooltip } from '../../components';
3
+ declare const config: Meta<typeof MTooltip>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MTooltip>;
6
+ export declare const Top: Story;
7
+ export declare const Right: Story;
8
+ export declare const Bottom: Story;
9
+ export declare const Left: Story;
10
+ export declare const SmallTop: Story;
11
+ export declare const SmallRight: Story;
12
+ export declare const SmallBottom: Story;
13
+ export declare const SmallLeft: Story;
14
+ export declare const LargeTop: Story;
15
+ export declare const LargeRight: Story;
16
+ export declare const LargeBottom: Story;
17
+ export declare const LargeLeft: Story;
18
+ export declare const LargeText: Story;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,8 @@
1
+ export declare const ICONS: string[];
2
+ export declare const FIRST_ICON: string;
3
+ export declare const THEMES: string[];
4
+ export declare const ALL_COLORS: string[];
5
+ export declare const ALERT_TYPES: string[];
6
+ export declare const ALL_COLORS_WITH_EMPTY: (string | undefined)[];
7
+ export declare const INPUT_STATE: string[];
8
+ export declare const COMPONENT_SIZE: (string | undefined)[];
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { Meta, StoryObj } from '@storybook/react';
3
+ declare const Example: () => JSX.Element;
4
+ declare const config: Meta<typeof Example>;
5
+ export default config;
6
+ declare type Story = StoryObj<typeof Example>;
7
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { Meta, StoryObj } from '@storybook/react';
3
+ declare const Example: () => JSX.Element;
4
+ declare const config: Meta<typeof Example>;
5
+ export default config;
6
+ declare type Story = StoryObj<typeof Example>;
7
+ export declare const useModalContext: Story;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { Meta, StoryObj } from '@storybook/react';
3
+ import { MOffcanvas } from '../../components';
4
+ declare const Example: () => JSX.Element;
5
+ declare const config: Meta<typeof Example>;
6
+ export default config;
7
+ declare type Story = StoryObj<typeof MOffcanvas>;
8
+ export declare const useOffcanvasContext: Story;
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ import { Meta } from '@storybook/react';
3
+ import type { AlertType } from '@dynamic-framework/ui';
4
+ declare type Props = {
5
+ message: string;
6
+ type: AlertType;
7
+ showClose: boolean;
8
+ };
9
+ declare const Example: ({ message, type, showClose }: Props) => JSX.Element;
10
+ declare const config: Meta<typeof Example>;
11
+ export default config;
12
+ export declare const useToast: {
13
+ args: {
14
+ message: string;
15
+ type: string;
16
+ showClose: boolean;
17
+ };
18
+ };
@@ -0,0 +1,24 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MAlert } from '../../components';
3
+ declare const config: Meta<typeof MAlert>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MAlert>;
6
+ export declare const Light: Story;
7
+ export declare const Dark: Story;
8
+ export declare const Success: Story;
9
+ export declare const Danger: Story;
10
+ export declare const Info: Story;
11
+ export declare const Warning: Story;
12
+ export declare const LightIcon: Story;
13
+ export declare const DarkIcon: Story;
14
+ export declare const SuccessIcon: Story;
15
+ export declare const DangerIcon: Story;
16
+ export declare const InfoIcon: Story;
17
+ export declare const WarningIcon: Story;
18
+ export declare const LightClose: Story;
19
+ export declare const DarkClose: Story;
20
+ export declare const SuccessClose: Story;
21
+ export declare const DangerClose: Story;
22
+ export declare const InfoClose: Story;
23
+ export declare const WarningClose: Story;
24
+ export declare const WithIcon: Story;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MBadge } from '../../components';
3
+ declare const config: Meta<typeof MBadge>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MBadge>;
6
+ export declare const Default: Story;
7
+ export declare const Dot: Story;
8
+ export declare const Empty: Story;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MChip } from '../../components';
3
+ declare const config: Meta<typeof MChip>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MChip>;
6
+ export declare const Primary: Story;
7
+ export declare const Secondary: Story;
8
+ export declare const Icon: Story;
9
+ export declare const Close: Story;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MCollapse } from '../../components';
3
+ declare const config: Meta<typeof MCollapse>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MCollapse>;
6
+ export declare const HeaderText: Story;
7
+ export declare const HeaderComponent: Story;
8
+ export declare const Collapsed: Story;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { MCollapseIconText } from '../../components';
3
+ declare const config: Meta<typeof MCollapseIconText>;
4
+ export default config;
5
+ declare type Story = StoryObj<typeof MCollapseIconText>;
6
+ export declare const Default: Story;