design-zystem 1.0.310 → 1.0.312
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/index.css +2 -1
- package/dist/index.d.mts +108 -57
- package/dist/index.d.ts +108 -57
- package/dist/index.js +133 -97
- package/dist/index.mjs +131 -97
- package/dist/ui/index.d.mts +1229 -0
- package/dist/ui/index.d.ts +1229 -0
- package/dist/ui/index.js +5764 -0
- package/dist/ui/index.mjs +5625 -0
- package/dist/ui/style.css +1 -0
- package/package.json +57 -3
package/dist/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* src/Components/DatePicker/DatePicker.css */
|
|
1
|
+
/* src/ui-legacy/Components/DatePicker/DatePicker.css */
|
|
2
2
|
.date-picker-container {
|
|
3
3
|
position: relative;
|
|
4
4
|
display: inline-flex;
|
|
@@ -64,6 +64,7 @@
|
|
|
64
64
|
border-radius: 10px;
|
|
65
65
|
box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.06), 0 12px 28px -4px rgba(0, 0, 0, 0.1);
|
|
66
66
|
overflow: hidden;
|
|
67
|
+
min-width: -moz-max-content;
|
|
67
68
|
min-width: max-content;
|
|
68
69
|
}
|
|
69
70
|
.date-picker-content {
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
1
|
import * as react from 'react';
|
|
3
2
|
import { HTMLAttributes, ReactNode, CSSProperties, MouseEventHandler, MouseEvent, ChangeEvent, FocusEvent, KeyboardEvent, ImgHTMLAttributes, RefObject } from 'react';
|
|
4
3
|
|
|
@@ -15,7 +14,7 @@ interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
15
14
|
style?: CSSProperties;
|
|
16
15
|
className?: string;
|
|
17
16
|
}
|
|
18
|
-
declare const PageContainer: ({ justifyContent, alignItems, noPaddingLeft, noPaddingRight, noPaddingBottom, children, ...rest }: PageContainerProps) =>
|
|
17
|
+
declare const PageContainer: ({ justifyContent, alignItems, noPaddingLeft, noPaddingRight, noPaddingBottom, children, ...rest }: PageContainerProps) => react.JSX.Element;
|
|
19
18
|
|
|
20
19
|
interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
21
20
|
hasShadow?: boolean;
|
|
@@ -54,7 +53,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
|
54
53
|
inset?: string;
|
|
55
54
|
style?: CSSProperties;
|
|
56
55
|
}
|
|
57
|
-
declare const Box: ({ children, hasShadow, ...rest }: BoxProps) =>
|
|
56
|
+
declare const Box: ({ children, hasShadow, ...rest }: BoxProps) => react.JSX.Element;
|
|
58
57
|
|
|
59
58
|
interface GridProps extends HTMLAttributes<HTMLDivElement> {
|
|
60
59
|
children?: ReactNode;
|
|
@@ -72,7 +71,7 @@ interface GridProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
72
71
|
style?: CSSProperties;
|
|
73
72
|
className?: string;
|
|
74
73
|
}
|
|
75
|
-
declare const Grid: (props: GridProps) =>
|
|
74
|
+
declare const Grid: (props: GridProps) => react.JSX.Element;
|
|
76
75
|
|
|
77
76
|
interface RowProps extends HTMLAttributes<HTMLDivElement> {
|
|
78
77
|
gap?: number | string;
|
|
@@ -161,7 +160,7 @@ interface BulkProps {
|
|
|
161
160
|
textColor?: string;
|
|
162
161
|
hoverColor?: string;
|
|
163
162
|
}
|
|
164
|
-
declare const Bulk: ({ onClose, leftTitle, sections, variant, textColor, hoverColor, }: BulkProps) =>
|
|
163
|
+
declare const Bulk: ({ onClose, leftTitle, sections, variant, textColor, hoverColor, }: BulkProps) => react.JSX.Element;
|
|
165
164
|
|
|
166
165
|
interface DividerProps {
|
|
167
166
|
orientation?: 'vertical' | 'horizontal';
|
|
@@ -173,14 +172,14 @@ interface DividerProps {
|
|
|
173
172
|
className?: string;
|
|
174
173
|
style?: CSSProperties;
|
|
175
174
|
}
|
|
176
|
-
declare const Divider: ({ orientation, color, thickness, ySpacing, flexShrink, className, ...rest }: DividerProps) =>
|
|
175
|
+
declare const Divider: ({ orientation, color, thickness, ySpacing, flexShrink, className, ...rest }: DividerProps) => react.JSX.Element;
|
|
177
176
|
|
|
178
177
|
interface CollapseProps {
|
|
179
178
|
open: boolean;
|
|
180
179
|
children: ReactNode;
|
|
181
180
|
maxHeight?: number;
|
|
182
181
|
}
|
|
183
|
-
declare const Collapse: ({ open, children, maxHeight }: CollapseProps) =>
|
|
182
|
+
declare const Collapse: ({ open, children, maxHeight }: CollapseProps) => react.JSX.Element;
|
|
184
183
|
|
|
185
184
|
interface ModalConfirmationProps {
|
|
186
185
|
isOpen?: boolean;
|
|
@@ -190,7 +189,7 @@ interface ModalConfirmationProps {
|
|
|
190
189
|
width?: string;
|
|
191
190
|
children?: ReactNode;
|
|
192
191
|
}
|
|
193
|
-
declare const ModalConfirmation: (props: ModalConfirmationProps) =>
|
|
192
|
+
declare const ModalConfirmation: (props: ModalConfirmationProps) => react.JSX.Element | null;
|
|
194
193
|
|
|
195
194
|
interface ModalProps {
|
|
196
195
|
children?: ReactNode;
|
|
@@ -204,7 +203,7 @@ interface ModalProps {
|
|
|
204
203
|
title?: string;
|
|
205
204
|
style?: CSSProperties;
|
|
206
205
|
}
|
|
207
|
-
declare const Modal: (props: ModalProps) => false |
|
|
206
|
+
declare const Modal: (props: ModalProps) => false | react.JSX.Element | undefined;
|
|
208
207
|
|
|
209
208
|
interface TagProps {
|
|
210
209
|
label?: string;
|
|
@@ -237,7 +236,7 @@ interface NewModalProps {
|
|
|
237
236
|
isDraggable?: boolean;
|
|
238
237
|
style?: CSSProperties;
|
|
239
238
|
}
|
|
240
|
-
declare const NewModal: ({ showModal, closeModal, title, subTitle, icon, width, children, tag, leftButtonLabel, leftButtonAction, rightButtonLabel, rightButtonAction, rightButtonDisabledTooltip, isLoading, isOutline, variant, titleColor, showCloseButton, confirmDisabled, showHeaderIcon, headerIConSize, isDraggable, }: NewModalProps) =>
|
|
239
|
+
declare const NewModal: ({ showModal, closeModal, title, subTitle, icon, width, children, tag, leftButtonLabel, leftButtonAction, rightButtonLabel, rightButtonAction, rightButtonDisabledTooltip, isLoading, isOutline, variant, titleColor, showCloseButton, confirmDisabled, showHeaderIcon, headerIConSize, isDraggable, }: NewModalProps) => react.JSX.Element | null;
|
|
241
240
|
|
|
242
241
|
interface DrawerProps {
|
|
243
242
|
showDrawer?: boolean;
|
|
@@ -260,7 +259,7 @@ interface DrawerProps {
|
|
|
260
259
|
/** Stretches the content wrapper to the full height of the scrollable area. Off by default: the wrapper is `fit-content`, so a panel that must pin something to its bottom needs this. */
|
|
261
260
|
stretchContent?: boolean;
|
|
262
261
|
}
|
|
263
|
-
declare const Drawer: ({ showDrawer, closeDrawer, title, width, children, leftButtonLabel, leftButtonAction, leftButtonDisabled, rightButtonLabel, rightButtonAction, rightButtonDisabled, isLoading, leftVariant, variant, leftOutline, rightOutline, footer, stretchContent, }: DrawerProps) =>
|
|
262
|
+
declare const Drawer: ({ showDrawer, closeDrawer, title, width, children, leftButtonLabel, leftButtonAction, leftButtonDisabled, rightButtonLabel, rightButtonAction, rightButtonDisabled, isLoading, leftVariant, variant, leftOutline, rightOutline, footer, stretchContent, }: DrawerProps) => react.JSX.Element | null;
|
|
264
263
|
|
|
265
264
|
declare const Toaster: () => react.ReactPortal | null;
|
|
266
265
|
|
|
@@ -301,7 +300,7 @@ interface TagBubbleProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
301
300
|
borderColor?: string;
|
|
302
301
|
hasShadow?: boolean;
|
|
303
302
|
}
|
|
304
|
-
declare const TagBubble: ({ label, hideCircle, isActive, circleSize, circleColorActive, circleColorInactive, count, hideCount, countBg, countText, countSize, labelSize, labelWeight, labelColor, gap, padding, radius, background, borderColor, hasShadow, onClick, ...rest }: TagBubbleProps) =>
|
|
303
|
+
declare const TagBubble: ({ label, hideCircle, isActive, circleSize, circleColorActive, circleColorInactive, count, hideCount, countBg, countText, countSize, labelSize, labelWeight, labelColor, gap, padding, radius, background, borderColor, hasShadow, onClick, ...rest }: TagBubbleProps) => react.JSX.Element;
|
|
305
304
|
|
|
306
305
|
interface BubbleProps {
|
|
307
306
|
children?: ReactNode;
|
|
@@ -321,7 +320,7 @@ interface BubbleProps {
|
|
|
321
320
|
style?: CSSProperties;
|
|
322
321
|
onClick?: () => void;
|
|
323
322
|
}
|
|
324
|
-
declare const Bubble: ({ children, ...otherProps }: BubbleProps) =>
|
|
323
|
+
declare const Bubble: ({ children, ...otherProps }: BubbleProps) => react.JSX.Element;
|
|
325
324
|
|
|
326
325
|
interface IconProps {
|
|
327
326
|
name?: string;
|
|
@@ -342,7 +341,7 @@ interface IconProps {
|
|
|
342
341
|
style?: CSSProperties;
|
|
343
342
|
title?: string;
|
|
344
343
|
}
|
|
345
|
-
declare const Icon: (props: IconProps) =>
|
|
344
|
+
declare const Icon: (props: IconProps) => react.JSX.Element;
|
|
346
345
|
|
|
347
346
|
interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
348
347
|
children?: ReactNode;
|
|
@@ -367,7 +366,7 @@ interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
367
366
|
style?: CSSProperties;
|
|
368
367
|
className?: string;
|
|
369
368
|
}
|
|
370
|
-
declare const Text: (props: TextProps) =>
|
|
369
|
+
declare const Text: (props: TextProps) => react.JSX.Element;
|
|
371
370
|
|
|
372
371
|
interface LinkProps {
|
|
373
372
|
children?: ReactNode;
|
|
@@ -386,7 +385,7 @@ interface LinkProps {
|
|
|
386
385
|
className?: string;
|
|
387
386
|
onClick?: () => void;
|
|
388
387
|
}
|
|
389
|
-
declare const Link: ({ children, url, newTab, download, size, variant, ...rest }: LinkProps) =>
|
|
388
|
+
declare const Link: ({ children, url, newTab, download, size, variant, ...rest }: LinkProps) => react.JSX.Element;
|
|
390
389
|
|
|
391
390
|
interface AvatarBadge {
|
|
392
391
|
name: string;
|
|
@@ -420,7 +419,7 @@ interface AvatarProps {
|
|
|
420
419
|
badge?: AvatarBadge | null;
|
|
421
420
|
avatarBadge?: AvatarPhotoBadge | null;
|
|
422
421
|
}
|
|
423
|
-
declare const Avatar: ({ name, src, backgroundColor, textColor, size, shape, objectFit, icon, badge, avatarBadge, }: AvatarProps) =>
|
|
422
|
+
declare const Avatar: ({ name, src, backgroundColor, textColor, size, shape, objectFit, icon, badge, avatarBadge, }: AvatarProps) => react.JSX.Element;
|
|
424
423
|
|
|
425
424
|
interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
|
|
426
425
|
label?: string;
|
|
@@ -442,7 +441,7 @@ interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
|
|
|
442
441
|
style?: CSSProperties;
|
|
443
442
|
className?: string;
|
|
444
443
|
}
|
|
445
|
-
declare const Button: ({ label, children, iconLeft, iconRight, iconColor, variant, outline, size, width, isLoading, fontWeight, onClick, disabled, noHover, iconOnlySize, ...rest }: ButtonProps) =>
|
|
444
|
+
declare const Button: ({ label, children, iconLeft, iconRight, iconColor, variant, outline, size, width, isLoading, fontWeight, onClick, disabled, noHover, iconOnlySize, ...rest }: ButtonProps) => react.JSX.Element;
|
|
446
445
|
|
|
447
446
|
interface SelectOption<T> {
|
|
448
447
|
value: T;
|
|
@@ -463,7 +462,7 @@ interface SelectProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'color' |
|
|
|
463
462
|
hideSearchBar?: boolean;
|
|
464
463
|
noFlex?: boolean;
|
|
465
464
|
}
|
|
466
|
-
declare const Select: <T = unknown>({ label, value, onChange, options, placeholder, width, height, required, disabled, color, backgroundColor, hideSearchBar, noFlex, }: SelectProps<T>) =>
|
|
465
|
+
declare const Select: <T = unknown>({ label, value, onChange, options, placeholder, width, height, required, disabled, color, backgroundColor, hideSearchBar, noFlex, }: SelectProps<T>) => react.JSX.Element;
|
|
467
466
|
|
|
468
467
|
interface InputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onKeyDown'> {
|
|
469
468
|
label?: string;
|
|
@@ -515,7 +514,7 @@ interface CheckboxProps {
|
|
|
515
514
|
size?: string;
|
|
516
515
|
variant?: string;
|
|
517
516
|
}
|
|
518
|
-
declare const Checkbox: ({ children, value, onChange, disabled, label, size, variant, }: CheckboxProps) =>
|
|
517
|
+
declare const Checkbox: ({ children, value, onChange, disabled, label, size, variant, }: CheckboxProps) => react.JSX.Element;
|
|
519
518
|
|
|
520
519
|
interface RadioProps {
|
|
521
520
|
children?: ReactNode;
|
|
@@ -528,7 +527,7 @@ interface RadioProps {
|
|
|
528
527
|
name?: string;
|
|
529
528
|
value?: string | number;
|
|
530
529
|
}
|
|
531
|
-
declare const Radio: ({ children, checked, onChange, disabled, label, size, variant, name, value, }: RadioProps) =>
|
|
530
|
+
declare const Radio: ({ children, checked, onChange, disabled, label, size, variant, name, value, }: RadioProps) => react.JSX.Element;
|
|
532
531
|
|
|
533
532
|
declare const colors: {
|
|
534
533
|
readonly primary: "#52bdc4";
|
|
@@ -666,7 +665,7 @@ interface AccordionProps {
|
|
|
666
665
|
maxHeight?: number;
|
|
667
666
|
backgroundHeader?: keyof typeof colors | string;
|
|
668
667
|
}
|
|
669
|
-
declare const Accordion: ({ items, title, titleEnd, children, defaultOpen, open: controlledOpen, onToggle, openItemId: controlledItemId, onItemToggle, needCheckbox, checkboxValue, onCheck, bordered, disabled, maxHeight, backgroundHeader, }: AccordionProps) =>
|
|
668
|
+
declare const Accordion: ({ items, title, titleEnd, children, defaultOpen, open: controlledOpen, onToggle, openItemId: controlledItemId, onItemToggle, needCheckbox, checkboxValue, onCheck, bordered, disabled, maxHeight, backgroundHeader, }: AccordionProps) => react.JSX.Element;
|
|
670
669
|
|
|
671
670
|
interface ColorPickerProps {
|
|
672
671
|
label?: string;
|
|
@@ -705,7 +704,7 @@ interface ListProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
705
704
|
style?: CSSProperties;
|
|
706
705
|
className?: string;
|
|
707
706
|
}
|
|
708
|
-
declare const List: (props: ListProps) =>
|
|
707
|
+
declare const List: (props: ListProps) => react.JSX.Element;
|
|
709
708
|
|
|
710
709
|
interface ListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
711
710
|
children?: ReactNode;
|
|
@@ -721,7 +720,7 @@ interface ListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
|
721
720
|
style?: CSSProperties;
|
|
722
721
|
className?: string;
|
|
723
722
|
}
|
|
724
|
-
declare const ListItem: (props: ListItemProps) =>
|
|
723
|
+
declare const ListItem: (props: ListItemProps) => react.JSX.Element;
|
|
725
724
|
|
|
726
725
|
interface TableProps extends HTMLAttributes<HTMLDivElement> {
|
|
727
726
|
children?: ReactNode;
|
|
@@ -739,7 +738,7 @@ interface TableHeaderProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
739
738
|
style?: CSSProperties;
|
|
740
739
|
className?: string;
|
|
741
740
|
}
|
|
742
|
-
declare const TableHeader: (props: TableHeaderProps) =>
|
|
741
|
+
declare const TableHeader: (props: TableHeaderProps) => react.JSX.Element;
|
|
743
742
|
|
|
744
743
|
interface TableBodyProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
745
744
|
children?: ReactNode;
|
|
@@ -762,7 +761,7 @@ interface TableRowProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
762
761
|
style?: CSSProperties;
|
|
763
762
|
className?: string;
|
|
764
763
|
}
|
|
765
|
-
declare const TableRow: (props: TableRowProps) =>
|
|
764
|
+
declare const TableRow: (props: TableRowProps) => react.JSX.Element;
|
|
766
765
|
|
|
767
766
|
interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
|
|
768
767
|
children?: ReactNode;
|
|
@@ -776,7 +775,7 @@ interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
776
775
|
style?: CSSProperties;
|
|
777
776
|
className?: string;
|
|
778
777
|
}
|
|
779
|
-
declare const TableCell: (props: TableCellProps) =>
|
|
778
|
+
declare const TableCell: (props: TableCellProps) => react.JSX.Element;
|
|
780
779
|
|
|
781
780
|
type SortOrder = 'asc' | 'desc' | null;
|
|
782
781
|
interface TableHeaderCellProps extends HTMLAttributes<HTMLDivElement> {
|
|
@@ -791,7 +790,7 @@ interface TableHeaderCellProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
791
790
|
style?: CSSProperties;
|
|
792
791
|
className?: string;
|
|
793
792
|
}
|
|
794
|
-
declare const TableHeaderCell: (props: TableHeaderCellProps) =>
|
|
793
|
+
declare const TableHeaderCell: (props: TableHeaderCellProps) => react.JSX.Element;
|
|
795
794
|
|
|
796
795
|
interface TableHeaderRowProps extends HTMLAttributes<HTMLDivElement> {
|
|
797
796
|
children?: ReactNode;
|
|
@@ -799,7 +798,7 @@ interface TableHeaderRowProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
799
798
|
style?: CSSProperties;
|
|
800
799
|
className?: string;
|
|
801
800
|
}
|
|
802
|
-
declare const TableHeaderRow: (props: TableHeaderRowProps) =>
|
|
801
|
+
declare const TableHeaderRow: (props: TableHeaderRowProps) => react.JSX.Element;
|
|
803
802
|
|
|
804
803
|
interface TableFooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
805
804
|
children?: ReactNode;
|
|
@@ -807,7 +806,7 @@ interface TableFooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
807
806
|
style?: CSSProperties;
|
|
808
807
|
className?: string;
|
|
809
808
|
}
|
|
810
|
-
declare const TableFooter: (props: TableFooterProps) =>
|
|
809
|
+
declare const TableFooter: (props: TableFooterProps) => react.JSX.Element;
|
|
811
810
|
|
|
812
811
|
interface TableFooterRowProps extends HTMLAttributes<HTMLDivElement> {
|
|
813
812
|
children?: ReactNode;
|
|
@@ -815,7 +814,7 @@ interface TableFooterRowProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
815
814
|
style?: CSSProperties;
|
|
816
815
|
className?: string;
|
|
817
816
|
}
|
|
818
|
-
declare const TableFooterRow: (props: TableFooterRowProps) =>
|
|
817
|
+
declare const TableFooterRow: (props: TableFooterRowProps) => react.JSX.Element;
|
|
819
818
|
|
|
820
819
|
interface TableFooterCellProps extends HTMLAttributes<HTMLDivElement> {
|
|
821
820
|
children?: ReactNode;
|
|
@@ -826,12 +825,12 @@ interface TableFooterCellProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
826
825
|
style?: CSSProperties;
|
|
827
826
|
className?: string;
|
|
828
827
|
}
|
|
829
|
-
declare const TableFooterCell: (props: TableFooterCellProps) =>
|
|
828
|
+
declare const TableFooterCell: (props: TableFooterCellProps) => react.JSX.Element;
|
|
830
829
|
|
|
831
830
|
interface SkeletonRowProps {
|
|
832
831
|
columns?: number;
|
|
833
832
|
}
|
|
834
|
-
declare const SkeletonRow: ({ columns }: SkeletonRowProps) =>
|
|
833
|
+
declare const SkeletonRow: ({ columns }: SkeletonRowProps) => react.JSX.Element;
|
|
835
834
|
|
|
836
835
|
interface SwitchProps {
|
|
837
836
|
checked?: boolean;
|
|
@@ -843,7 +842,7 @@ interface SwitchProps {
|
|
|
843
842
|
}
|
|
844
843
|
declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
|
|
845
844
|
|
|
846
|
-
declare const CardSkeleton: () =>
|
|
845
|
+
declare const CardSkeleton: () => react.JSX.Element;
|
|
847
846
|
|
|
848
847
|
interface OptionItem {
|
|
849
848
|
id?: string | number;
|
|
@@ -858,7 +857,7 @@ interface OptionsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>
|
|
|
858
857
|
onChange?: (option: OptionItem) => void;
|
|
859
858
|
disabled?: boolean;
|
|
860
859
|
}
|
|
861
|
-
declare const Options: ({ icon, options, value, defaultId, onChange, disabled, }: OptionsProps) =>
|
|
860
|
+
declare const Options: ({ icon, options, value, defaultId, onChange, disabled, }: OptionsProps) => react.JSX.Element;
|
|
862
861
|
|
|
863
862
|
interface StepperProps extends HTMLAttributes<HTMLElement> {
|
|
864
863
|
numberOfSteps: number;
|
|
@@ -866,7 +865,7 @@ interface StepperProps extends HTMLAttributes<HTMLElement> {
|
|
|
866
865
|
size?: number;
|
|
867
866
|
className?: string;
|
|
868
867
|
}
|
|
869
|
-
declare const Stepper: ({ numberOfSteps, current, size, className, }: StepperProps) =>
|
|
868
|
+
declare const Stepper: ({ numberOfSteps, current, size, className, }: StepperProps) => react.JSX.Element;
|
|
870
869
|
|
|
871
870
|
interface TabItem {
|
|
872
871
|
id: string | number;
|
|
@@ -890,7 +889,7 @@ interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
|
890
889
|
size?: 'xs' | 'm';
|
|
891
890
|
activeColor?: string;
|
|
892
891
|
}
|
|
893
|
-
declare const Tabs: ({ value, onChange, items, variant, align, showBaseline, baselineColor, children, size, activeColor, ...rest }: TabsProps) =>
|
|
892
|
+
declare const Tabs: ({ value, onChange, items, variant, align, showBaseline, baselineColor, children, size, activeColor, ...rest }: TabsProps) => react.JSX.Element;
|
|
894
893
|
|
|
895
894
|
interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
|
|
896
895
|
src?: string;
|
|
@@ -902,7 +901,7 @@ interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
|
|
|
902
901
|
alignSelf?: string;
|
|
903
902
|
style?: CSSProperties;
|
|
904
903
|
}
|
|
905
|
-
declare const Image: ({ src, alt, width, height, borderRadius, objectFit, alignSelf, style, ...rest }: ImageProps) =>
|
|
904
|
+
declare const Image: ({ src, alt, width, height, borderRadius, objectFit, alignSelf, style, ...rest }: ImageProps) => react.JSX.Element;
|
|
906
905
|
|
|
907
906
|
interface MultiSelectOption {
|
|
908
907
|
value: unknown;
|
|
@@ -919,7 +918,7 @@ interface MultiSelectProps {
|
|
|
919
918
|
width?: string;
|
|
920
919
|
align?: 'left' | 'right';
|
|
921
920
|
}
|
|
922
|
-
declare const MultiSelect: ({ label, options, selectedValues, onChange, size, optional, disabled, width, align, }: MultiSelectProps) =>
|
|
921
|
+
declare const MultiSelect: ({ label, options, selectedValues, onChange, size, optional, disabled, width, align, }: MultiSelectProps) => react.JSX.Element;
|
|
923
922
|
|
|
924
923
|
interface DatePreset {
|
|
925
924
|
label: string;
|
|
@@ -956,7 +955,7 @@ type DatePickerRangeProps = DatePickerBaseProps & {
|
|
|
956
955
|
presets?: DatePreset[];
|
|
957
956
|
};
|
|
958
957
|
type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
|
|
959
|
-
declare const DatePicker: (props: DatePickerProps) =>
|
|
958
|
+
declare const DatePicker: (props: DatePickerProps) => react.JSX.Element;
|
|
960
959
|
|
|
961
960
|
interface IconTabItem {
|
|
962
961
|
icon?: string;
|
|
@@ -970,7 +969,7 @@ interface IconTabsProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
970
969
|
disabledTabs?: number[];
|
|
971
970
|
defaultTabIndex?: number;
|
|
972
971
|
}
|
|
973
|
-
declare const IconTabs: ({ items, selectedColor, selectedIconColor, onTabChange, disabledTabs, defaultTabIndex, }: IconTabsProps) =>
|
|
972
|
+
declare const IconTabs: ({ items, selectedColor, selectedIconColor, onTabChange, disabledTabs, defaultTabIndex, }: IconTabsProps) => react.JSX.Element;
|
|
974
973
|
|
|
975
974
|
interface PopoverItem {
|
|
976
975
|
label: string | ReactNode;
|
|
@@ -985,7 +984,7 @@ interface PopoverProps {
|
|
|
985
984
|
direction?: 'vertical' | 'horizontal';
|
|
986
985
|
fullWidth?: boolean;
|
|
987
986
|
}
|
|
988
|
-
declare const Popover: ({ items, children, anchorRef, offsetY, align, direction, fullWidth, }: PopoverProps) =>
|
|
987
|
+
declare const Popover: ({ items, children, anchorRef, offsetY, align, direction, fullWidth, }: PopoverProps) => react.JSX.Element;
|
|
989
988
|
|
|
990
989
|
interface MetricCardProps {
|
|
991
990
|
icon: string;
|
|
@@ -1006,7 +1005,7 @@ interface MetricCardProps {
|
|
|
1006
1005
|
/** Contenu libre à droite de l'icône. Remplace title/value quand fourni. */
|
|
1007
1006
|
children?: ReactNode;
|
|
1008
1007
|
}
|
|
1009
|
-
declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, alignSelf, onClick, checked, children, }: MetricCardProps) =>
|
|
1008
|
+
declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, alignSelf, onClick, checked, children, }: MetricCardProps) => react.JSX.Element;
|
|
1010
1009
|
|
|
1011
1010
|
interface CardProps {
|
|
1012
1011
|
children?: ReactNode;
|
|
@@ -1019,7 +1018,7 @@ interface CardProps {
|
|
|
1019
1018
|
/** `flex-shrink` when the card is a flex child — `0` keeps its natural height inside a scrolling column instead of being squashed. */
|
|
1020
1019
|
flexShrink?: string | number;
|
|
1021
1020
|
}
|
|
1022
|
-
declare const Card: ({ children, onClick, accentColor, backgroundColor, padding, borderRadius, flexShrink, }: CardProps) =>
|
|
1021
|
+
declare const Card: ({ children, onClick, accentColor, backgroundColor, padding, borderRadius, flexShrink, }: CardProps) => react.JSX.Element;
|
|
1023
1022
|
|
|
1024
1023
|
interface BannerAction {
|
|
1025
1024
|
label: string;
|
|
@@ -1043,7 +1042,7 @@ interface BannerProps {
|
|
|
1043
1042
|
toggle?: BannerToggle;
|
|
1044
1043
|
children?: ReactNode;
|
|
1045
1044
|
}
|
|
1046
|
-
declare const Banner: ({ variant, filled, shimmer, badge, title, subtitle, message, action, toggle, children, }: BannerProps) =>
|
|
1045
|
+
declare const Banner: ({ variant, filled, shimmer, badge, title, subtitle, message, action, toggle, children, }: BannerProps) => react.JSX.Element;
|
|
1047
1046
|
|
|
1048
1047
|
interface TooltipProps {
|
|
1049
1048
|
children?: ReactNode;
|
|
@@ -1053,7 +1052,7 @@ interface TooltipProps {
|
|
|
1053
1052
|
height?: string;
|
|
1054
1053
|
direction?: 'top' | 'bottom' | 'left' | 'right';
|
|
1055
1054
|
}
|
|
1056
|
-
declare const Tooltip: ({ backgroundColor, data, width, height, direction, children, }: TooltipProps) =>
|
|
1055
|
+
declare const Tooltip: ({ backgroundColor, data, width, height, direction, children, }: TooltipProps) => react.JSX.Element;
|
|
1057
1056
|
|
|
1058
1057
|
interface PaginationProps {
|
|
1059
1058
|
currentPage: number;
|
|
@@ -1063,7 +1062,7 @@ interface PaginationProps {
|
|
|
1063
1062
|
showSummary?: boolean;
|
|
1064
1063
|
summaryLabel?: string;
|
|
1065
1064
|
}
|
|
1066
|
-
declare const Pagination: ({ currentPage, totalItems, itemsPerPage, onPageChange, showSummary, summaryLabel, }: PaginationProps) =>
|
|
1065
|
+
declare const Pagination: ({ currentPage, totalItems, itemsPerPage, onPageChange, showSummary, summaryLabel, }: PaginationProps) => react.JSX.Element;
|
|
1067
1066
|
|
|
1068
1067
|
interface FileUploadZoneProps {
|
|
1069
1068
|
/** Called with the validated File when the user drops/selects a file */
|
|
@@ -1106,13 +1105,13 @@ interface FileUploadZoneProps {
|
|
|
1106
1105
|
/** Shows the selected file name below the drop zone after upload */
|
|
1107
1106
|
showFileName?: boolean;
|
|
1108
1107
|
}
|
|
1109
|
-
declare const FileUploadZone: ({ onSave, multiple, onSaveMultiple, onRemove, onError, accept, acceptOnlyPdf, maxSizeMB, label, sublabel, browseLabel, disabled, showPreview, previewUrl: controlledPreviewUrl, fullWidth, compact, icon, showFileName, }: FileUploadZoneProps) =>
|
|
1108
|
+
declare const FileUploadZone: ({ onSave, multiple, onSaveMultiple, onRemove, onError, accept, acceptOnlyPdf, maxSizeMB, label, sublabel, browseLabel, disabled, showPreview, previewUrl: controlledPreviewUrl, fullWidth, compact, icon, showFileName, }: FileUploadZoneProps) => react.JSX.Element;
|
|
1110
1109
|
|
|
1111
1110
|
interface SpinnerProps {
|
|
1112
1111
|
size?: 's' | 'm' | 'l';
|
|
1113
1112
|
color?: string;
|
|
1114
1113
|
}
|
|
1115
|
-
declare const Spinner: ({ size, color }: SpinnerProps) =>
|
|
1114
|
+
declare const Spinner: ({ size, color }: SpinnerProps) => react.JSX.Element;
|
|
1116
1115
|
|
|
1117
1116
|
interface EmptyStateProps {
|
|
1118
1117
|
icon?: string;
|
|
@@ -1121,7 +1120,7 @@ interface EmptyStateProps {
|
|
|
1121
1120
|
actionLabel?: string;
|
|
1122
1121
|
onAction?: () => void;
|
|
1123
1122
|
}
|
|
1124
|
-
declare const EmptyState: ({ icon, title, description, actionLabel, onAction, }: EmptyStateProps) =>
|
|
1123
|
+
declare const EmptyState: ({ icon, title, description, actionLabel, onAction, }: EmptyStateProps) => react.JSX.Element;
|
|
1125
1124
|
|
|
1126
1125
|
interface FloatingAction {
|
|
1127
1126
|
id: string;
|
|
@@ -1140,7 +1139,7 @@ interface FloatingButtonProps {
|
|
|
1140
1139
|
openIcon?: string;
|
|
1141
1140
|
variant?: keyof typeof colors;
|
|
1142
1141
|
}
|
|
1143
|
-
declare const FloatingButton: ({ isOpen, onToggle, actions, mainBadge, label, icon, openIcon, variant, }: FloatingButtonProps) =>
|
|
1142
|
+
declare const FloatingButton: ({ isOpen, onToggle, actions, mainBadge, label, icon, openIcon, variant, }: FloatingButtonProps) => react.JSX.Element;
|
|
1144
1143
|
|
|
1145
1144
|
interface ProgressBarSegment {
|
|
1146
1145
|
/** Share of the track, 0–100. */
|
|
@@ -1168,7 +1167,7 @@ interface ProgressBarProps {
|
|
|
1168
1167
|
* Horizontal coverage/progress bar. Track + fill, optional right-aligned label.
|
|
1169
1168
|
* Pass `segments` instead of `value` to stack the parts of a single total.
|
|
1170
1169
|
*/
|
|
1171
|
-
declare const ProgressBar: ({ value, segments, color, trackColor, height, showLabel, }: ProgressBarProps) =>
|
|
1170
|
+
declare const ProgressBar: ({ value, segments, color, trackColor, height, showLabel, }: ProgressBarProps) => react.JSX.Element;
|
|
1172
1171
|
|
|
1173
1172
|
interface TimelineItem {
|
|
1174
1173
|
/** Stable key for the row. */
|
|
@@ -1195,7 +1194,7 @@ interface TimelineProps {
|
|
|
1195
1194
|
* Vertical timeline. Used for event logs (feedback history) and chronological
|
|
1196
1195
|
* lists (recovery simulation). Each point has a colored dot + title/subtitle.
|
|
1197
1196
|
*/
|
|
1198
|
-
declare const Timeline: ({ items, lineColor, emptyLabel, }: TimelineProps) =>
|
|
1197
|
+
declare const Timeline: ({ items, lineColor, emptyLabel, }: TimelineProps) => react.JSX.Element;
|
|
1199
1198
|
|
|
1200
1199
|
interface GanttDay {
|
|
1201
1200
|
key: string | number;
|
|
@@ -1234,14 +1233,14 @@ interface GanttProps<T = unknown> {
|
|
|
1234
1233
|
rowHeight?: number;
|
|
1235
1234
|
maxHeight?: number;
|
|
1236
1235
|
}
|
|
1237
|
-
declare const Gantt: <T>({ days, rows, bands, labelHeader, renderLabel, onRowClick, labelWidth, rowHeight, maxHeight, }: GanttProps<T>) =>
|
|
1236
|
+
declare const Gantt: <T>({ days, rows, bands, labelHeader, renderLabel, onRowClick, labelWidth, rowHeight, maxHeight, }: GanttProps<T>) => react.JSX.Element;
|
|
1238
1237
|
declare const GanttDot: ({ color }: {
|
|
1239
1238
|
color: string;
|
|
1240
|
-
}) =>
|
|
1239
|
+
}) => react.JSX.Element;
|
|
1241
1240
|
declare const GanttSwatch: ({ color, filled, }: {
|
|
1242
1241
|
color: string;
|
|
1243
1242
|
filled?: boolean;
|
|
1244
|
-
}) =>
|
|
1243
|
+
}) => react.JSX.Element;
|
|
1245
1244
|
|
|
1246
1245
|
/**
|
|
1247
1246
|
* formatDate(date, type?, language?)
|
|
@@ -1388,4 +1387,56 @@ declare const formatKM: (value: string | number | null | undefined) => string;
|
|
|
1388
1387
|
|
|
1389
1388
|
declare const parseAmount: (value: string) => number | null;
|
|
1390
1389
|
|
|
1391
|
-
|
|
1390
|
+
/**
|
|
1391
|
+
* Attributs qui neutralisent l'autofill du navigateur **et** des gestionnaires
|
|
1392
|
+
* de mots de passe (1Password, LastPass, Bitwarden, Dashlane) sur un champ.
|
|
1393
|
+
*
|
|
1394
|
+
* Appliqués par défaut par les champs du DS : sans ça, un coffre-fort réécrit
|
|
1395
|
+
* à l'ouverture d'une page les valeurs déjà présentes dans le formulaire
|
|
1396
|
+
* (fiche existante en édition), silencieusement.
|
|
1397
|
+
*
|
|
1398
|
+
* `autoComplete: 'off'` seul ne suffit pas : les extensions l'ignorent, chacune
|
|
1399
|
+
* a son propre attribut d'opt-out.
|
|
1400
|
+
*
|
|
1401
|
+
* Étalés **avant** les props du consommateur : un champ qui a besoin de
|
|
1402
|
+
* l'autofill (page de login) surcharge ce qu'il veut, y compris en repassant
|
|
1403
|
+
* `undefined` sur un `data-*` pour le retirer.
|
|
1404
|
+
*
|
|
1405
|
+
* @example
|
|
1406
|
+
* <input {...noAutofillProps} {...props} />
|
|
1407
|
+
* // login : <Input autoComplete="username" data-1p-ignore={undefined} />
|
|
1408
|
+
*/
|
|
1409
|
+
declare const noAutofillProps: {
|
|
1410
|
+
readonly autoComplete: "off";
|
|
1411
|
+
/** 1Password */
|
|
1412
|
+
readonly 'data-1p-ignore': true;
|
|
1413
|
+
/** LastPass */
|
|
1414
|
+
readonly 'data-lpignore': "true";
|
|
1415
|
+
/** Bitwarden */
|
|
1416
|
+
readonly 'data-bwignore': true;
|
|
1417
|
+
/** Dashlane */
|
|
1418
|
+
readonly 'data-form-type': "other";
|
|
1419
|
+
};
|
|
1420
|
+
/**
|
|
1421
|
+
* Inverse de {@link noAutofillProps} : réautorise l'autofill sur un champ
|
|
1422
|
+
* précis, en neutralisant les `data-*` d'opt-out posés par défaut.
|
|
1423
|
+
*
|
|
1424
|
+
* À réserver aux champs où l'autofill est *voulu* : login, changement de mot
|
|
1425
|
+
* de passe. Partout ailleurs, le défaut du DS est le bon comportement.
|
|
1426
|
+
*
|
|
1427
|
+
* @param autoComplete valeur HTML `autocomplete` du champ — `username`,
|
|
1428
|
+
* `current-password`, `new-password`, `email`…
|
|
1429
|
+
*
|
|
1430
|
+
* @example
|
|
1431
|
+
* <Input type="text" {...allowAutofill('username')} />
|
|
1432
|
+
* <PasswordInput {...allowAutofill('current-password')} />
|
|
1433
|
+
*/
|
|
1434
|
+
declare const allowAutofill: (autoComplete: string) => {
|
|
1435
|
+
autoComplete: string;
|
|
1436
|
+
"data-1p-ignore": undefined;
|
|
1437
|
+
"data-lpignore": undefined;
|
|
1438
|
+
"data-bwignore": undefined;
|
|
1439
|
+
"data-form-type": undefined;
|
|
1440
|
+
};
|
|
1441
|
+
|
|
1442
|
+
export { Accordion, type AccordionItem, Avatar, Banner, type BannerAction, type BannerProps, Box, Bubble, Bulk, Button, Card, type CardProps, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, type DatePickerProps, type DatePreset, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, type PastelColorPair, Popover, ProgressBar, type ProgressBarProps, type ProgressBarSegment, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, type SortOrder, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, type TableHeaderCellProps, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Timeline, type TimelineItem, type ToastOptions, type ToastType, Toaster, Tooltip, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText };
|