@dynamic-framework/ui-react 1.2.2 → 1.3.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.
- package/dist/css/dynamic-ui-all.css +1 -1
- package/dist/css/dynamic-ui-react.css +1 -1
- package/dist/css/dynamic-ui.css +1 -1
- package/dist/index.esm.js +177 -175
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +222 -220
- package/dist/index.js.map +1 -1
- package/dist/types/components/{MBoxFile.d.ts → DBoxFile.d.ts} +1 -1
- package/dist/types/components/{MCard.d.ts → DCard.d.ts} +1 -1
- package/dist/types/components/DCardAccount.d.ts +13 -0
- package/dist/types/components/{MCardBody.d.ts → DCardBody.d.ts} +1 -1
- package/dist/types/components/{MCardFooter.d.ts → DCardFooter.d.ts} +1 -1
- package/dist/types/components/{MCardHeader.d.ts → DCardHeader.d.ts} +1 -1
- package/dist/types/components/{MCarousel.d.ts → DCarousel.d.ts} +1 -1
- package/dist/types/components/{MCarouselSlide.d.ts → DCarouselSlide.d.ts} +1 -1
- package/dist/types/components/DCollapse.d.ts +11 -0
- package/dist/types/components/{banking/MCollapseIconText.d.ts → DCollapseIconText.d.ts} +1 -1
- package/dist/types/components/{MCurrencyText.d.ts → DCurrencyText.d.ts} +1 -1
- package/dist/types/components/{MDatePicker.d.ts → DDatePicker.d.ts} +3 -3
- package/dist/types/components/{MDatePickerHeader.d.ts → DDatePickerHeader.d.ts} +5 -4
- package/dist/types/components/DDatePickerInput.d.ts +8 -0
- package/dist/types/components/DDatePickerTime.d.ts +8 -0
- package/dist/types/components/DFormikInput.d.ts +7 -0
- package/dist/types/components/DFormikInputCurrency.d.ts +7 -0
- package/dist/types/components/{MFormikInputSelect.d.ts → DFormikInputSelect.d.ts} +3 -3
- package/dist/types/components/DInputCurrency.d.ts +9 -0
- package/dist/types/components/{MList.d.ts → DList.d.ts} +1 -1
- package/dist/types/components/{MListItem.d.ts → DListItem.d.ts} +2 -2
- package/dist/types/components/{MListItemMovement.d.ts → DListItemMovement.d.ts} +3 -3
- package/dist/types/components/DMonthPicker.d.ts +7 -0
- package/dist/types/components/{MPaginator.d.ts → DPaginator.d.ts} +4 -4
- package/dist/types/components/DPopover.d.ts +8 -0
- package/dist/types/components/{MSkeleton.d.ts → DSkeleton.d.ts} +1 -1
- package/dist/types/components/{MStepper.d.ts → DStepper.d.ts} +1 -1
- package/dist/types/components/{MTabContent.d.ts → DTabContent.d.ts} +1 -1
- package/dist/types/components/{MTabs.d.ts → DTabs.d.ts} +5 -5
- package/dist/types/components/{MToastContainer.d.ts → DToastContainer.d.ts} +2 -2
- package/dist/types/components/{MTooltip.d.ts → DTooltip.d.ts} +2 -2
- package/dist/types/components/banking/{MPermissionItem.d.ts → DPermissionItem.d.ts} +1 -1
- package/dist/types/components/banking/index.d.ts +1 -2
- package/dist/types/components/index.d.ts +27 -27
- package/dist/types/components/proxies.d.ts +21 -21
- package/dist/types/stories/components/{MBadge.stories.d.ts → DBadge.stories.d.ts} +3 -3
- package/dist/types/stories/components/DBoxFile.stories.d.ts +6 -0
- package/dist/types/stories/components/{MButton.stories.d.ts → DButton.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MCard.stories.d.ts → DCard.stories.d.ts} +3 -3
- package/dist/types/stories/components/DCardAccount.stories.d.ts +6 -0
- package/dist/types/stories/components/{MChip.stories.d.ts → DChip.stories.d.ts} +3 -3
- package/dist/types/stories/components/DCurrencyText.stories.d.ts +6 -0
- package/dist/types/stories/components/{MDatePicker.stories.d.ts → DDatePicker.stories.d.ts} +3 -3
- package/dist/types/stories/components/DFormikInput.stories.d.ts +7 -0
- package/dist/types/stories/components/{MFormikInputCurrency.stories.d.ts → DFormikInputCurrency.stories.d.ts} +3 -3
- package/dist/types/stories/components/DFormikInputSelect.stories.d.ts +7 -0
- package/dist/types/stories/components/{MIcon.stories.d.ts → DIcon.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MInput.stories.d.ts → DInput.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MInputCheck.stories.d.ts → DInputCheck.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MInputCounter.stories.d.ts → DInputCounter.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MInputCurrency.stories.d.ts → DInputCurrency.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MInputCurrencyBase.stories.d.ts → DInputCurrencyBase.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MInputPassword.stories.d.ts → DInputPassword.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MInputPin.stories.d.ts → DInputPin.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MInputSearch.stories.d.ts → DInputSearch.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MInputSelect.stories.d.ts → DInputSelect.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MInputSwitch.stories.d.ts → DInputSwitch.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MList.stories.d.ts → DList.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MListItem.stories.d.ts → DListItem.stories.d.ts} +3 -3
- package/dist/types/stories/components/DListItemMovement.stories.d.ts +7 -0
- package/dist/types/stories/components/{MPaginator.stories.d.ts → DPaginator.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MProgressBar.stories.d.ts → DProgress.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MQuickActionButton.stories.d.ts → DQuickActionButton.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MQuickActionCheck.stories.d.ts → DQuickActionCheck.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MQuickActionSelect.stories.d.ts → DQuickActionSelect.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MQuickActionSwitch.stories.d.ts → DQuickActionSwitch.stories.d.ts} +3 -3
- package/dist/types/stories/components/DSkeleton.stories.d.ts +6 -0
- package/dist/types/stories/components/{MStepper.stories.d.ts → DStepper.stories.d.ts} +3 -3
- package/dist/types/stories/components/{MTooltip.stories.d.ts → DTooltip.stories.d.ts} +3 -3
- package/dist/types/stories/constants.d.ts +1 -2
- package/dist/types/stories/hooks/useOffcanvasContext.stories.d.ts +2 -2
- package/dist/types/stories/patterns/{MAlert.stories.d.ts → DAlert.stories.d.ts} +3 -3
- package/dist/types/stories/{components/MCarousel.stories.d.ts → patterns/DCarousel.stories.d.ts} +3 -3
- package/dist/types/stories/patterns/{MCollapse.stories.d.ts → DCollapse.stories.d.ts} +3 -3
- package/dist/types/stories/patterns/DCollapseIconText.stories.d.ts +6 -0
- package/dist/types/stories/patterns/{MModal.stories.d.ts → DModal.stories.d.ts} +3 -3
- package/dist/types/stories/patterns/{MOffcanvas.stories.d.ts → DOffcanvas.stories.d.ts} +3 -3
- package/dist/types/stories/patterns/{MPopover.stories.d.ts → DPopover.stories.d.ts} +3 -3
- package/dist/types/stories/patterns/{MTabs.stories.d.ts → DTabs.stories.d.ts} +3 -3
- package/package.json +6 -6
- package/src/style/components/_+import.scss +15 -12
- package/src/style/components/_d-box-file.scss +66 -0
- package/src/style/components/{_m-card-account.scss → _d-card-account.scss} +1 -1
- package/src/style/components/_d-carousel.scss +44 -0
- package/src/style/components/_d-collapse-icon-text.scss +16 -0
- package/src/style/components/_d-collapse.scss +54 -0
- package/src/style/components/_d-datepicker.scss +224 -0
- package/src/style/components/_d-monthpicker.scss +90 -0
- package/src/style/components/_d-paginator.scss +98 -0
- package/src/style/components/_d-permission-group.scss +39 -0
- package/src/style/components/{_m-popover.scss → _d-popover.scss} +2 -2
- package/src/style/components/_d-stepper.scss +156 -0
- package/src/style/components/_d-tabs.scss +56 -0
- package/src/style/components/_d-timepicker.scss +37 -0
- package/dist/types/components/MCardAccount.d.ts +0 -13
- package/dist/types/components/MCollapse.d.ts +0 -11
- package/dist/types/components/MDatePickerInput.d.ts +0 -9
- package/dist/types/components/MDatePickerTime.d.ts +0 -9
- package/dist/types/components/MFormikInput.d.ts +0 -7
- package/dist/types/components/MFormikInputCurrency.d.ts +0 -7
- package/dist/types/components/MInputCurrency.d.ts +0 -9
- package/dist/types/components/MMonthPicker.d.ts +0 -7
- package/dist/types/components/MPopover.d.ts +0 -8
- package/dist/types/stories/components/MBoxFile.stories.d.ts +0 -6
- package/dist/types/stories/components/MCardAccount.stories.d.ts +0 -6
- package/dist/types/stories/components/MFormikInput.stories.d.ts +0 -7
- package/dist/types/stories/components/MFormikInputSelect.stories.d.ts +0 -7
- package/dist/types/stories/components/MListItemMovement.stories.d.ts +0 -7
- package/dist/types/stories/components/MSkeleton.stories.d.ts +0 -6
- package/dist/types/stories/patterns/MCollapseIconText.stories.d.ts +0 -6
- package/src/style/components/_m-box-file.scss +0 -66
- package/src/style/components/_m-carousel.scss +0 -44
- package/src/style/components/_m-collapse-icon-text.scss +0 -16
- package/src/style/components/_m-collapse.scss +0 -56
- package/src/style/components/_m-datepicker.scss +0 -224
- package/src/style/components/_m-monthpicker.scss +0 -90
- package/src/style/components/_m-paginator.scss +0 -98
- package/src/style/components/_m-stepper.scss +0 -156
- package/src/style/components/_m-tabs.scss +0 -56
- package/src/style/components/_m-timepicker.scss +0 -37
|
@@ -6,5 +6,5 @@ declare type Props = PropsWithChildren<Pick<DropzoneOptions, 'accept' | 'minSize
|
|
|
6
6
|
iconFamilyPrefix?: string;
|
|
7
7
|
isDisabled: DropzoneOptions['disabled'];
|
|
8
8
|
}>;
|
|
9
|
-
export default function
|
|
9
|
+
export default function DBoxFile({ icon, iconFamilyClass, iconFamilyPrefix, isDisabled, children, ...dropzoneOptions }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -3,5 +3,5 @@ declare type Props = PropsWithChildren<{
|
|
|
3
3
|
className?: string;
|
|
4
4
|
style?: CSSProperties;
|
|
5
5
|
}>;
|
|
6
|
-
export default function
|
|
6
|
+
export default function DCard({ className, style, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare type Props = {
|
|
2
|
+
className?: string;
|
|
3
|
+
icon: string;
|
|
4
|
+
theme: string;
|
|
5
|
+
name: string;
|
|
6
|
+
number: string;
|
|
7
|
+
balance: string;
|
|
8
|
+
balanceText: string;
|
|
9
|
+
onEventClick: () => void;
|
|
10
|
+
actionText: string;
|
|
11
|
+
};
|
|
12
|
+
export default function DCardAccount({ className, icon, theme, name, number, balance, balanceText, onEventClick, actionText, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -2,5 +2,5 @@ import { PropsWithChildren } from 'react';
|
|
|
2
2
|
declare type Props = PropsWithChildren<{
|
|
3
3
|
className?: string;
|
|
4
4
|
}>;
|
|
5
|
-
export default function
|
|
5
|
+
export default function DCardBody({ className, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -2,5 +2,5 @@ import { PropsWithChildren } from 'react';
|
|
|
2
2
|
declare type Props = PropsWithChildren<{
|
|
3
3
|
className?: string;
|
|
4
4
|
}>;
|
|
5
|
-
export default function
|
|
5
|
+
export default function DCardFooter({ className, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -2,5 +2,5 @@ import { PropsWithChildren } from 'react';
|
|
|
2
2
|
declare type Props = PropsWithChildren<{
|
|
3
3
|
className?: string;
|
|
4
4
|
}>;
|
|
5
|
-
export default function
|
|
5
|
+
export default function DCardHeader({ className, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -3,5 +3,5 @@ import { PropsWithChildren } from 'react';
|
|
|
3
3
|
declare type Props = SplideProps & PropsWithChildren<{
|
|
4
4
|
className?: string;
|
|
5
5
|
}>;
|
|
6
|
-
export default function
|
|
6
|
+
export default function DCarousel({ children, className, options, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { SplideSlide } from '@splidejs/react-splide';
|
|
3
3
|
declare type Props = React.ComponentProps<typeof SplideSlide>;
|
|
4
|
-
export default function
|
|
4
|
+
export default function DCarouselSlide({ className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PropsWithChildren, ReactNode, ReactElement } from 'react';
|
|
2
|
+
declare type Props = PropsWithChildren<{
|
|
3
|
+
id?: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
Component: ReactElement | ReactNode;
|
|
6
|
+
hasSeparator?: boolean;
|
|
7
|
+
defaultCollapsed?: boolean;
|
|
8
|
+
onEventChange?: (value: boolean) => void;
|
|
9
|
+
}>;
|
|
10
|
+
export default function DCollapse({ id, className, Component, hasSeparator, defaultCollapsed, onEventChange, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -19,5 +19,5 @@ declare type Props = PropsWithChildren<{
|
|
|
19
19
|
iconFamilyClass?: string;
|
|
20
20
|
iconFamilyPrefix?: string;
|
|
21
21
|
}>;
|
|
22
|
-
export default function
|
|
22
|
+
export default function DCollapseIconText({ children, icon, iconSize, iconTheme, title, iconFamilyClass, iconFamilyPrefix, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
23
23
|
export {};
|
|
@@ -2,5 +2,5 @@ declare type Props = {
|
|
|
2
2
|
value: number;
|
|
3
3
|
className?: string;
|
|
4
4
|
};
|
|
5
|
-
export default function
|
|
5
|
+
export default function DCurrencyText({ value, className, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ReactDatePickerProps } from 'react-datepicker';
|
|
2
2
|
import { ButtonVariant, ComponentSize } from '@dynamic-framework/ui';
|
|
3
|
-
declare type
|
|
3
|
+
declare type Props = Omit<ReactDatePickerProps, 'onChange' | 'selectsRange'> & {
|
|
4
4
|
date: string;
|
|
5
|
-
|
|
5
|
+
onEventChangeDate: (value: Date | [Date | null, Date | null] | null) => void;
|
|
6
6
|
selectsRange?: boolean;
|
|
7
7
|
withMonthSelector?: boolean;
|
|
8
8
|
inputLabel?: string;
|
|
@@ -16,5 +16,5 @@ declare type CalendarProps = Omit<ReactDatePickerProps, 'onChange' | 'selectsRan
|
|
|
16
16
|
headerButtonVariant?: ButtonVariant;
|
|
17
17
|
headerButtonTheme?: string;
|
|
18
18
|
};
|
|
19
|
-
export default function
|
|
19
|
+
export default function DDatePicker({ onEventChangeDate, date, selectsRange, withMonthSelector, inputLabel, inputIcon, inputId, timeId, timeLabel, headerDecreaseMonthIcon, headerIncreaseMonthIcon, headerIconSize, headerButtonVariant, headerButtonTheme, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
20
20
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { ButtonVariant, ComponentSize } from '@dynamic-framework/ui';
|
|
3
|
-
import {
|
|
4
|
-
|
|
3
|
+
import { DButton } from './proxies';
|
|
4
|
+
declare type Props = {
|
|
5
5
|
monthDate: Date;
|
|
6
6
|
decreaseMonth: () => void;
|
|
7
7
|
increaseMonth: () => void;
|
|
@@ -15,5 +15,6 @@ export declare type MDatePickerHeaderProps = {
|
|
|
15
15
|
iconSize: ComponentSize;
|
|
16
16
|
buttonVariant: ButtonVariant;
|
|
17
17
|
buttonTheme: string;
|
|
18
|
-
} & Omit<ComponentProps<typeof
|
|
19
|
-
export default function
|
|
18
|
+
} & Omit<ComponentProps<typeof DButton>, 'iconStart' | 'onMClick' | 'isDisabled'>;
|
|
19
|
+
export default function DDatePickerHeader({ monthDate, changeMonth, changeYear, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, withMonthSelector, decreaseMonthIcon, increaseMonthIcon, iconSize, buttonVariant, buttonTheme, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { DInput } from './proxies';
|
|
3
|
+
declare type Props = {
|
|
4
|
+
value?: string;
|
|
5
|
+
onEventClick?: () => void;
|
|
6
|
+
} & Omit<ComponentProps<typeof DInput>, 'type' | 'isReadOnly' | 'onEventIconEndClick' | 'value'>;
|
|
7
|
+
declare const _default: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<unknown>>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentProps, FormEventHandler } from 'react';
|
|
2
|
+
import { DInput } from './proxies';
|
|
3
|
+
declare type Props = {
|
|
4
|
+
value?: string | number;
|
|
5
|
+
onEventChange?: ((value: string) => void) & FormEventHandler<HTMLDInputElement>;
|
|
6
|
+
} & Omit<ComponentProps<typeof DInput>, 'type' | 'isReadOnly' | 'onEventChange' | 'value'>;
|
|
7
|
+
export default function DDatePickerTime({ value, onEventChange, innerId, label, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
import { DInput } from './proxies';
|
|
3
|
+
declare type Props = Omit<ComponentProps<typeof DInput>, 'name' | 'value'> & {
|
|
4
|
+
name: string;
|
|
5
|
+
};
|
|
6
|
+
export default function DFormikInput({ name, hint, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
import DInputCurrency from './DInputCurrency';
|
|
3
|
+
declare type Props = Omit<ComponentProps<typeof DInputCurrency>, 'name' | 'value'> & {
|
|
4
|
+
name: string;
|
|
5
|
+
};
|
|
6
|
+
export default function DFormikInputCurrency({ name, hint, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
declare type Props = Omit<ComponentProps<typeof
|
|
2
|
+
import { DInputSelect } from './proxies';
|
|
3
|
+
declare type Props = Omit<ComponentProps<typeof DInputSelect>, 'name' | 'labelExtractor' | 'valueExtractor' | 'selectedOption'> & {
|
|
4
4
|
name: string;
|
|
5
5
|
labelExtractor?: (item: any) => string;
|
|
6
6
|
valueExtractor?: (item: any) => string | number;
|
|
7
7
|
};
|
|
8
|
-
export default function
|
|
8
|
+
export default function DFormikInputSelect({ name, labelExtractor, valueExtractor, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { DInputCurrencyBase } from './proxies';
|
|
3
|
+
declare type Props = {
|
|
4
|
+
onEventChange: (value: number) => void;
|
|
5
|
+
onEventBlur?: (value: number) => void;
|
|
6
|
+
onEventFocus?: (value: number) => void;
|
|
7
|
+
} & Omit<ComponentProps<typeof DInputCurrencyBase>, 'currencyOptions' | 'onChange' | 'onEventChange'>;
|
|
8
|
+
export default function DInputCurrency({ onEventChange, onEventBlur, onEventFocus, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -6,5 +6,5 @@ declare type Props = PropsWithChildren<{
|
|
|
6
6
|
isHorizontal?: boolean;
|
|
7
7
|
horizontalBreakpoint?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
8
8
|
}>;
|
|
9
|
-
export default function
|
|
9
|
+
export default function DList({ children, className, isFlush, isNumbered, isHorizontal, horizontalBreakpoint, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -4,7 +4,7 @@ declare type Props = PropsWithChildren<{
|
|
|
4
4
|
isActive?: boolean;
|
|
5
5
|
isDisabled?: boolean;
|
|
6
6
|
theme?: string;
|
|
7
|
-
|
|
7
|
+
onEventClick?: () => void;
|
|
8
8
|
}>;
|
|
9
|
-
export default function
|
|
9
|
+
export default function DListItem({ children, className, isActive, isDisabled, theme, onEventClick, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
|
-
import
|
|
3
|
-
declare type Props = Omit<ComponentProps<typeof
|
|
2
|
+
import DListItem from './DListItem';
|
|
3
|
+
declare type Props = Omit<ComponentProps<typeof DListItem>, 'children'> & {
|
|
4
4
|
description: string;
|
|
5
5
|
date: string;
|
|
6
6
|
amount: number;
|
|
7
7
|
classNameMovement?: string;
|
|
8
8
|
};
|
|
9
|
-
export default function
|
|
9
|
+
export default function DListItemMovement({ description, date, amount, classNameMovement, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactDatePickerProps } from 'react-datepicker';
|
|
2
|
+
declare type CalendarProps = Omit<ReactDatePickerProps, 'onChange' | 'selectsRange'> & {
|
|
3
|
+
date: string;
|
|
4
|
+
onEventChangeDate: (value: Date | null) => void;
|
|
5
|
+
};
|
|
6
|
+
export default function DMonthPicker({ onEventChangeDate, date, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ResponsivePaginationProps } from 'react-responsive-pagination';
|
|
2
|
-
export declare type
|
|
2
|
+
export declare type Props = {
|
|
3
3
|
className?: ResponsivePaginationProps['extraClassName'];
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
page: ResponsivePaginationProps['current'];
|
|
5
|
+
onEventPageChange: 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
|
|
12
|
+
export default function DPaginator({ className, nextLabel, previousLabel, showArrows, page, onEventPageChange, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { PropsWithChildren, ReactElement } from 'react';
|
|
2
|
+
declare type Props = PropsWithChildren<{
|
|
3
|
+
renderComponent: (isOpen: boolean) => ReactElement;
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
setEventIsOpen?: (isOpen: boolean) => void;
|
|
6
|
+
}>;
|
|
7
|
+
export default function DPopover({ children, renderComponent, isOpen, setEventIsOpen, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -5,4 +5,4 @@ export declare type Props = PropsWithChildren<{
|
|
|
5
5
|
backgroundColor?: string;
|
|
6
6
|
foregroundColor?: string;
|
|
7
7
|
}>;
|
|
8
|
-
export default function
|
|
8
|
+
export default function DSkeleton({ speed, viewBox, backgroundColor, foregroundColor, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,5 +8,5 @@ declare type Props = {
|
|
|
8
8
|
successIcon?: string;
|
|
9
9
|
isVertical?: boolean;
|
|
10
10
|
};
|
|
11
|
-
export default function
|
|
11
|
+
export default function DStepper({ options, currentStep, successIcon, isVertical, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -2,5 +2,5 @@ import type { PropsWithChildren } from 'react';
|
|
|
2
2
|
declare type Props = PropsWithChildren<{
|
|
3
3
|
tab: string;
|
|
4
4
|
}>;
|
|
5
|
-
export default function
|
|
5
|
+
export default function DTabContent({ tab, children }: Props): import("react/jsx-runtime").JSX.Element | null;
|
|
6
6
|
export {};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import type { PropsWithChildren } from 'react';
|
|
2
|
-
export declare type
|
|
2
|
+
export declare type DTabOption = {
|
|
3
3
|
label: string;
|
|
4
4
|
tab: string;
|
|
5
5
|
isDisabled?: boolean;
|
|
6
6
|
};
|
|
7
7
|
declare type Props = PropsWithChildren<{
|
|
8
|
-
|
|
9
|
-
options: Array<
|
|
8
|
+
onEventChange: (option: DTabOption) => void;
|
|
9
|
+
options: Array<DTabOption>;
|
|
10
10
|
defaultSelected: string;
|
|
11
11
|
className?: string;
|
|
12
12
|
isVertical?: boolean;
|
|
13
13
|
}>;
|
|
14
14
|
declare type TabContextState = {
|
|
15
|
-
isSelected: (tab:
|
|
15
|
+
isSelected: (tab: DTabOption['tab']) => boolean;
|
|
16
16
|
};
|
|
17
|
-
export default function
|
|
17
|
+
export default function DTabs({ children, defaultSelected, onEventChange, options, className, isVertical, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export declare function useTabContext(): TabContextState;
|
|
19
19
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { CSSProperties } from 'react';
|
|
2
1
|
import { ToastPosition } from 'react-toastify';
|
|
2
|
+
import type { CSSProperties } from 'react';
|
|
3
3
|
import 'react-toastify/dist/ReactToastify.css';
|
|
4
4
|
declare type Props = {
|
|
5
5
|
style?: CSSProperties & {
|
|
@@ -8,5 +8,5 @@ declare type Props = {
|
|
|
8
8
|
};
|
|
9
9
|
position?: ToastPosition;
|
|
10
10
|
};
|
|
11
|
-
export default function
|
|
11
|
+
export default function DToastContainer({ style, position, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { PropsWithChildren, ReactNode } from 'react';
|
|
2
2
|
import type { Placement } from '@floating-ui/react';
|
|
3
3
|
import type { ComponentSize } from '@dynamic-framework/ui';
|
|
4
|
-
export declare type
|
|
4
|
+
export declare type Props = PropsWithChildren<{
|
|
5
5
|
classNameContainer?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
offSet?: number;
|
|
@@ -14,4 +14,4 @@ export declare type MTooltipProps = PropsWithChildren<{
|
|
|
14
14
|
placement?: Placement;
|
|
15
15
|
Component: ReactNode;
|
|
16
16
|
}>;
|
|
17
|
-
export default function
|
|
17
|
+
export default function DTooltip({ classNameContainer, className, offSet, padding, withFocus, withClick, withHover, isOpen, placement, size, Component, children, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,5 +5,5 @@ declare type Props = {
|
|
|
5
5
|
onChange: (isChecked: boolean) => void;
|
|
6
6
|
onAction?: () => void;
|
|
7
7
|
};
|
|
8
|
-
export default function
|
|
8
|
+
export default function DPermissionItem({ permission, permissionState, onChange, onAction, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export { default as MCollapseIconText } from './MCollapseIconText';
|
|
2
1
|
export { default as MPermissionGroup } from './MPermissionGroup';
|
|
3
|
-
export { default as
|
|
2
|
+
export { default as DPermissionItem } from './DPermissionItem';
|
|
4
3
|
export { default as MSummaryCard } from './MSummaryCard';
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
export * from './proxies';
|
|
2
2
|
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
|
|
9
|
-
export { default as
|
|
10
|
-
export { default as
|
|
11
|
-
export { default as
|
|
12
|
-
export { default as
|
|
13
|
-
export { default as
|
|
14
|
-
export { default as
|
|
15
|
-
export { default as
|
|
16
|
-
export { default as
|
|
17
|
-
export { default as
|
|
18
|
-
export { default as
|
|
19
|
-
export { default as
|
|
20
|
-
export { default as
|
|
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
|
|
29
|
-
export
|
|
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';
|
|
9
|
+
export { default as DCurrencyText } from './DCurrencyText';
|
|
10
|
+
export { default as DFormikInput } from './DFormikInput';
|
|
11
|
+
export { default as DFormikInputSelect } from './DFormikInputSelect';
|
|
12
|
+
export { default as DTooltip } from './DTooltip';
|
|
13
|
+
export { default as DCollapse } from './DCollapse';
|
|
14
|
+
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';
|
|
18
|
+
export { default as DList } from './DList';
|
|
19
|
+
export { default as DListItem } from './DListItem';
|
|
20
|
+
export { default as DListItemMovement } from './DListItemMovement';
|
|
21
|
+
export { default as DStepper } from './DStepper';
|
|
22
|
+
export { default as DFormikInputCurrency } from './DFormikInputCurrency';
|
|
23
|
+
export { default as DCardAccount } from './DCardAccount';
|
|
24
|
+
export { default as DCard } from './DCard';
|
|
25
|
+
export { default as DCardHeader } from './DCardHeader';
|
|
26
|
+
export { default as DCardBody } from './DCardBody';
|
|
27
|
+
export { default as DCardFooter } from './DCardFooter';
|
|
28
|
+
export { default as DCollapseIconText } from './DCollapseIconText';
|
|
29
|
+
export { default as DPaginator } from './DPaginator';
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { JSX } from '@dynamic-framework/ui/components';
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
13
|
-
export declare const
|
|
14
|
-
export declare const
|
|
15
|
-
export declare const
|
|
16
|
-
export declare const
|
|
17
|
-
export declare const
|
|
18
|
-
export declare const
|
|
19
|
-
export declare const
|
|
20
|
-
export declare const
|
|
21
|
-
export declare const
|
|
22
|
-
export declare const
|
|
23
|
-
export declare const
|
|
3
|
+
export declare const DAlert: import("react").ForwardRefExoticComponent<JSX.DAlert & Omit<import("react").HTMLAttributes<HTMLDAlertElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDAlertElement>>;
|
|
4
|
+
export declare const DBadge: import("react").ForwardRefExoticComponent<JSX.DBadge & Omit<import("react").HTMLAttributes<HTMLDBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDBadgeElement>>;
|
|
5
|
+
export declare const DButton: import("react").ForwardRefExoticComponent<JSX.DButton & Omit<import("react").HTMLAttributes<HTMLDButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDButtonElement>>;
|
|
6
|
+
export declare const DChip: import("react").ForwardRefExoticComponent<JSX.DChip & Omit<import("react").HTMLAttributes<HTMLDChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDChipElement>>;
|
|
7
|
+
export declare const DIcon: import("react").ForwardRefExoticComponent<JSX.DIcon & Omit<import("react").HTMLAttributes<HTMLDIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDIconElement>>;
|
|
8
|
+
export declare const DInput: import("react").ForwardRefExoticComponent<JSX.DInput & Omit<import("react").HTMLAttributes<HTMLDInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDInputElement>>;
|
|
9
|
+
export declare const DInputCheck: import("react").ForwardRefExoticComponent<JSX.DInputCheck & Omit<import("react").HTMLAttributes<HTMLDInputCheckElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDInputCheckElement>>;
|
|
10
|
+
export declare const DInputCounter: import("react").ForwardRefExoticComponent<JSX.DInputCounter & Omit<import("react").HTMLAttributes<HTMLDInputCounterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDInputCounterElement>>;
|
|
11
|
+
export declare const DInputCurrencyBase: import("react").ForwardRefExoticComponent<JSX.DInputCurrencyBase & Omit<import("react").HTMLAttributes<HTMLDInputCurrencyBaseElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDInputCurrencyBaseElement>>;
|
|
12
|
+
export declare const DInputPassword: import("react").ForwardRefExoticComponent<JSX.DInputPassword & Omit<import("react").HTMLAttributes<HTMLDInputPasswordElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDInputPasswordElement>>;
|
|
13
|
+
export declare const DInputPin: import("react").ForwardRefExoticComponent<JSX.DInputPin & Omit<import("react").HTMLAttributes<HTMLDInputPinElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDInputPinElement>>;
|
|
14
|
+
export declare const DInputSearch: import("react").ForwardRefExoticComponent<JSX.DInputSearch & Omit<import("react").HTMLAttributes<HTMLDInputSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDInputSearchElement>>;
|
|
15
|
+
export declare const DInputSelect: import("react").ForwardRefExoticComponent<JSX.DInputSelect & Omit<import("react").HTMLAttributes<HTMLDInputSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDInputSelectElement>>;
|
|
16
|
+
export declare const DInputSwitch: import("react").ForwardRefExoticComponent<JSX.DInputSwitch & Omit<import("react").HTMLAttributes<HTMLDInputSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDInputSwitchElement>>;
|
|
17
|
+
export declare const DModal: import("react").ForwardRefExoticComponent<JSX.DModal & Omit<import("react").HTMLAttributes<HTMLDModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDModalElement>>;
|
|
18
|
+
export declare const DOffcanvas: import("react").ForwardRefExoticComponent<JSX.DOffcanvas & Omit<import("react").HTMLAttributes<HTMLDOffcanvasElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDOffcanvasElement>>;
|
|
19
|
+
export declare const DProgress: import("react").ForwardRefExoticComponent<JSX.DProgress & Omit<import("react").HTMLAttributes<HTMLDProgressElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDProgressElement>>;
|
|
20
|
+
export declare const DQuickActionButton: import("react").ForwardRefExoticComponent<JSX.DQuickActionButton & Omit<import("react").HTMLAttributes<HTMLDQuickActionButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDQuickActionButtonElement>>;
|
|
21
|
+
export declare const DQuickActionCheck: import("react").ForwardRefExoticComponent<JSX.DQuickActionCheck & Omit<import("react").HTMLAttributes<HTMLDQuickActionCheckElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDQuickActionCheckElement>>;
|
|
22
|
+
export declare const DQuickActionSelect: import("react").ForwardRefExoticComponent<JSX.DQuickActionSelect & Omit<import("react").HTMLAttributes<HTMLDQuickActionSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDQuickActionSelectElement>>;
|
|
23
|
+
export declare const DQuickActionSwitch: import("react").ForwardRefExoticComponent<JSX.DQuickActionSwitch & Omit<import("react").HTMLAttributes<HTMLDQuickActionSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLDQuickActionSwitchElement>>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
3
|
-
declare const config: Meta<typeof
|
|
2
|
+
import { DBadge } from '../../components';
|
|
3
|
+
declare const config: Meta<typeof DBadge>;
|
|
4
4
|
export default config;
|
|
5
|
-
declare type Story = StoryObj<typeof
|
|
5
|
+
declare 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;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
3
|
-
declare const config: Meta<typeof
|
|
2
|
+
import { DButton } from '../../components';
|
|
3
|
+
declare const config: Meta<typeof DButton>;
|
|
4
4
|
export default config;
|
|
5
|
-
declare type Story = StoryObj<typeof
|
|
5
|
+
declare 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;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
3
|
-
declare const config: Meta<typeof
|
|
2
|
+
import { DCard } from '../../components';
|
|
3
|
+
declare const config: Meta<typeof DCard>;
|
|
4
4
|
export default config;
|
|
5
|
-
declare type Story = StoryObj<typeof
|
|
5
|
+
declare type Story = StoryObj<typeof DCard>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
7
|
export declare const HeaderAndBody: Story;
|
|
8
8
|
export declare const OnlyBody: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import DCardAccount from '../../components/DCardAccount';
|
|
3
|
+
declare const config: Meta<typeof DCardAccount>;
|
|
4
|
+
export default config;
|
|
5
|
+
declare type Story = StoryObj<typeof DCardAccount>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
3
|
-
declare const config: Meta<typeof
|
|
2
|
+
import { DChip } from '../../components';
|
|
3
|
+
declare const config: Meta<typeof DChip>;
|
|
4
4
|
export default config;
|
|
5
|
-
declare type Story = StoryObj<typeof
|
|
5
|
+
declare 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;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { DCurrencyText } from '../../components';
|
|
3
|
+
declare const config: Meta<typeof DCurrencyText>;
|
|
4
|
+
export default config;
|
|
5
|
+
declare type Story = StoryObj<typeof DCurrencyText>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
3
|
-
declare const config: Meta<typeof
|
|
2
|
+
import { DDatePicker } from '../../components';
|
|
3
|
+
declare const config: Meta<typeof DDatePicker>;
|
|
4
4
|
export default config;
|
|
5
|
-
declare type Story = StoryObj<typeof
|
|
5
|
+
declare 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;
|