@carto/meridian-ds 2.5.4 → 2.5.5-alpha-ellipsis.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/CHANGELOG.md +9 -0
- package/dist/{Alert-BdmDjcVc.cjs → Alert-CaashKPj.cjs} +8 -8
- package/dist/{Alert-lLA0z7fX.js → Alert-wE4A0ify.js} +1 -1
- package/dist/{MenuItem-ZNdBUBvt.js → MenuItem-BUe4eJZH.js} +1 -1
- package/dist/{MenuItem-nokUtiks.cjs → MenuItem-BZWWJptW.cjs} +6 -6
- package/dist/components/index.cjs +289 -103
- package/dist/components/index.js +252 -66
- package/dist/{TablePaginationActions-C6TVGJM-.js → css-utils-CTJjJR0x.js} +9 -3
- package/dist/{TablePaginationActions-DAMGtIub.cjs → css-utils-W9dzgcXq.cjs} +6 -0
- package/dist/theme/index.cjs +109 -115
- package/dist/theme/index.js +9 -15
- package/dist/types/components/Autocomplete/Autocomplete/useAutocomplete.test.d.ts +2 -0
- package/dist/types/components/Autocomplete/Autocomplete/useAutocomplete.test.d.ts.map +1 -0
- package/dist/types/components/CodeArea/utils/useCodeAreaAutocompletion.test.d.ts +2 -0
- package/dist/types/components/CodeArea/utils/useCodeAreaAutocompletion.test.d.ts.map +1 -0
- package/dist/types/components/CopiableComponent/CopiableComponent.d.ts.map +1 -1
- package/dist/types/components/CopiableComponent/CopiableComponent.stories.d.ts +1 -0
- package/dist/types/components/CopiableComponent/CopiableComponent.stories.d.ts.map +1 -1
- package/dist/types/components/CopiableComponent/types.d.ts +2 -2
- package/dist/types/components/CopiableComponent/types.d.ts.map +1 -1
- package/dist/types/components/CopiableComponent/useCopyValue.d.ts +2 -2
- package/dist/types/components/CopiableComponent/useCopyValue.d.ts.map +1 -1
- package/dist/types/components/DatePickers/DateCalendar.stories.d.ts +34 -1
- package/dist/types/components/DatePickers/DateCalendar.stories.d.ts.map +1 -1
- package/dist/types/components/DatePickers/DatePicker/DatePicker.stories.d.ts +10 -0
- package/dist/types/components/DatePickers/DatePicker/DatePicker.stories.d.ts.map +1 -1
- package/dist/types/components/DatePickers/DateRangePicker/DateRangePicker.stories.d.ts +1 -0
- package/dist/types/components/DatePickers/DateRangePicker/DateRangePicker.stories.d.ts.map +1 -1
- package/dist/types/components/DatePickers/DateTimePicker/DateTimePicker.stories.d.ts.map +1 -1
- package/dist/types/components/DatePickers/TimePicker/TimePicker.stories.d.ts.map +1 -1
- package/dist/types/components/EllipsisWithTooltip/EllipsisWithTooltip.d.ts +117 -0
- package/dist/types/components/EllipsisWithTooltip/EllipsisWithTooltip.d.ts.map +1 -0
- package/dist/types/components/EllipsisWithTooltip/EllipsisWithTooltip.stories.d.ts +66 -0
- package/dist/types/components/EllipsisWithTooltip/EllipsisWithTooltip.stories.d.ts.map +1 -0
- package/dist/types/components/EllipsisWithTooltip/EllipsisWithTooltip.test.d.ts +2 -0
- package/dist/types/components/EllipsisWithTooltip/EllipsisWithTooltip.test.d.ts.map +1 -0
- package/dist/types/components/EllipsisWithTooltip/index.d.ts +3 -0
- package/dist/types/components/EllipsisWithTooltip/index.d.ts.map +1 -0
- package/dist/types/components/LabelWithIndicator/LabelWithIndicator.d.ts +6 -1
- package/dist/types/components/LabelWithIndicator/LabelWithIndicator.d.ts.map +1 -1
- package/dist/types/components/LabelWithIndicator/LabelWithIndicator.stories.d.ts +8 -2
- package/dist/types/components/LabelWithIndicator/LabelWithIndicator.stories.d.ts.map +1 -1
- package/dist/types/components/LabelWithIndicator/LabelWithIndicator.test.d.ts +2 -0
- package/dist/types/components/LabelWithIndicator/LabelWithIndicator.test.d.ts.map +1 -0
- package/dist/types/components/PasswordField/PasswordField.d.ts.map +1 -1
- package/dist/types/components/PasswordField/PasswordField.test.d.ts +2 -0
- package/dist/types/components/PasswordField/PasswordField.test.d.ts.map +1 -0
- package/dist/types/components/SelectField/SelectField/SelectField.stories.d.ts.map +1 -1
- package/dist/types/components/Tag/Tag.d.ts +176 -4
- package/dist/types/components/Tag/Tag.d.ts.map +1 -1
- package/dist/types/components/UploadField/FilesAction.d.ts +1 -2
- package/dist/types/components/UploadField/FilesAction.d.ts.map +1 -1
- package/dist/types/components/UploadField/FilesAction.test.d.ts +2 -0
- package/dist/types/components/UploadField/FilesAction.test.d.ts.map +1 -0
- package/dist/types/components/UploadField/UploadField.d.ts +3 -1
- package/dist/types/components/UploadField/UploadField.d.ts.map +1 -1
- package/dist/types/components/UploadField/UploadField.stories.d.ts +2 -2
- package/dist/types/components/UploadField/UploadField.stories.d.ts.map +1 -1
- package/dist/types/components/UploadField/{StyledUploadField.d.ts → UploadField.styled.d.ts} +1 -1
- package/dist/types/components/UploadField/UploadField.styled.d.ts.map +1 -0
- package/dist/types/components/UploadField/UploadField.test.d.ts +2 -0
- package/dist/types/components/UploadField/UploadField.test.d.ts.map +1 -0
- package/dist/types/components/UploadField/UploadFieldBase.d.ts +3 -2
- package/dist/types/components/UploadField/UploadFieldBase.d.ts.map +1 -1
- package/dist/types/components/UploadField/UploadFieldBase.test.d.ts +2 -0
- package/dist/types/components/UploadField/UploadFieldBase.test.d.ts.map +1 -0
- package/dist/types/components/UploadField/useFileUpload.d.ts.map +1 -1
- package/dist/types/components/UploadField/useFileUpload.test.d.ts +2 -0
- package/dist/types/components/UploadField/useFileUpload.test.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +2 -0
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/theme/carto-theme.d.ts.map +1 -1
- package/dist/types/theme/components/forms.d.ts.map +1 -1
- package/dist/types/theme/components/stories/Progress.stories.d.ts +8 -0
- package/dist/types/theme/components/stories/Progress.stories.d.ts.map +1 -1
- package/dist/types/theme/{helpers/css-baseline.d.ts.map → css-baseline.d.ts.map} +1 -1
- package/dist/types/theme/index.d.ts +2 -2
- package/dist/types/theme/index.d.ts.map +1 -1
- package/dist/types/utils/{animationUtils.d.ts → animation-utils.d.ts} +1 -1
- package/dist/types/utils/animation-utils.d.ts.map +1 -0
- package/dist/types/utils/animation-utils.test.d.ts +2 -0
- package/dist/types/utils/animation-utils.test.d.ts.map +1 -0
- package/dist/types/utils/{chartConstants.d.ts → chart-constants.d.ts} +1 -1
- package/dist/types/utils/chart-constants.d.ts.map +1 -0
- package/dist/types/utils/css-utils.d.ts +14 -0
- package/dist/types/utils/css-utils.d.ts.map +1 -0
- package/dist/types/utils/{detectTouchScreen.d.ts → detect-touch-screen.d.ts} +1 -1
- package/dist/types/utils/detect-touch-screen.d.ts.map +1 -0
- package/dist/types/utils/detect-touch-screen.test.d.ts +2 -0
- package/dist/types/utils/detect-touch-screen.test.d.ts.map +1 -0
- package/dist/types/utils/{formatterUtils.d.ts → formatter-utils.d.ts} +1 -1
- package/dist/types/utils/formatter-utils.d.ts.map +1 -0
- package/dist/types/utils/formatter-utils.test.d.ts +2 -0
- package/dist/types/utils/formatter-utils.test.d.ts.map +1 -0
- package/dist/types/utils/{legendUtils.d.ts → legend-utils.d.ts} +1 -1
- package/dist/types/utils/legend-utils.d.ts.map +1 -0
- package/dist/types/utils/{localeUtils.d.ts → locale-utils.d.ts} +1 -1
- package/dist/types/utils/locale-utils.d.ts.map +1 -0
- package/dist/types/utils/locale-utils.test.d.ts +2 -0
- package/dist/types/utils/locale-utils.test.d.ts.map +1 -0
- package/dist/types/utils/{paletteUtils.d.ts → palette-utils.d.ts} +2 -2
- package/dist/types/utils/palette-utils.d.ts.map +1 -0
- package/dist/types/utils/palette-utils.test.d.ts +2 -0
- package/dist/types/utils/palette-utils.test.d.ts.map +1 -0
- package/dist/types/utils/theme-constants.d.ts.map +1 -0
- package/dist/types/utils/theme-utils.d.ts.map +1 -0
- package/dist/types/utils/theme-utils.test.d.ts +2 -0
- package/dist/types/utils/theme-utils.test.d.ts.map +1 -0
- package/dist/types/utils/{uniqueId.d.ts → unique-id.d.ts} +1 -1
- package/dist/types/utils/unique-id.d.ts.map +1 -0
- package/dist/types/utils/unique-id.test.d.ts +2 -0
- package/dist/types/utils/unique-id.test.d.ts.map +1 -0
- package/dist/types/widgets/BarWidgetUI/BarWidgetUI.d.ts +1 -1
- package/dist/types/widgets/BarWidgetUI/BarWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/BarWidgetUI/useProcessedProps.d.ts +1 -1
- package/dist/types/widgets/BarWidgetUI/useProcessedProps.d.ts.map +1 -1
- package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.d.ts +2 -2
- package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/FormulaWidgetUI/FormulaWidgetUI.d.ts +1 -1
- package/dist/types/widgets/FormulaWidgetUI/FormulaWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/HistogramWidgetUI/HistogramWidgetUI.d.ts +1 -1
- package/dist/types/widgets/HistogramWidgetUI/HistogramWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/PieWidgetUI/PieWidgetUI.d.ts +2 -2
- package/dist/types/widgets/PieWidgetUI/PieWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/PieWidgetUI/usePieCategories.d.ts +1 -1
- package/dist/types/widgets/PieWidgetUI/usePieCategories.d.ts.map +1 -1
- package/dist/types/widgets/ScatterPlotWidgetUI/ScatterPlotWidgetUI.d.ts +1 -1
- package/dist/types/widgets/ScatterPlotWidgetUI/ScatterPlotWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/TableWidgetUI/TableWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/TimeSeriesContext.d.ts +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/TimeSeriesContext.d.ts.map +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/TimeSeriesWidgetUI.d.ts +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/TimeSeriesWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/TimeSeriesWidgetUI.stories.d.ts +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/TimeSeriesWidgetUI.stories.d.ts.map +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/components/TimeSeriesChart.d.ts +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/components/TimeSeriesChart.d.ts.map +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/components/TimeSeriesControls.d.ts +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/components/TimeSeriesControls.d.ts.map +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/components/TimeSeriesSkeleton.d.ts +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/components/TimeSeriesSkeleton.d.ts.map +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/index.d.ts +4 -4
- package/dist/types/widgets/TimeSeriesWidgetUI/index.d.ts.map +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/{timeSeriesUtils.d.ts → utils/time-series-utils.d.ts} +3 -3
- package/dist/types/widgets/TimeSeriesWidgetUI/utils/time-series-utils.d.ts.map +1 -0
- package/dist/types/widgets/TimeSeriesWidgetUI/utils/time-series-utils.test.d.ts +2 -0
- package/dist/types/widgets/TimeSeriesWidgetUI/utils/time-series-utils.test.d.ts.map +1 -0
- package/dist/types/widgets/TimeSeriesWidgetUI/{useTimeSeriesInteractivity.d.ts → utils/useTimeSeriesInteractivity.d.ts} +1 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/utils/useTimeSeriesInteractivity.d.ts.map +1 -0
- package/dist/types/widgets/WrapperWidgetUI/WrapperWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/comparative/ComparativeCategoryWidgetUI/ComparativeCategoryWidgetUI.d.ts +1 -1
- package/dist/types/widgets/comparative/ComparativeCategoryWidgetUI/ComparativeCategoryWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/comparative/ComparativeCategoryWidgetUI/transposeCategoryData.d.ts +1 -1
- package/dist/types/widgets/comparative/ComparativeCategoryWidgetUI/transposeCategoryData.d.ts.map +1 -1
- package/dist/types/widgets/comparative/ComparativePieWidgetUI/ComparativePieWidgetUI.d.ts +1 -1
- package/dist/types/widgets/comparative/ComparativePieWidgetUI/ComparativePieWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/index.d.ts +1 -1
- package/dist/types/widgets/index.d.ts.map +1 -1
- package/dist/types/widgets/legend/LegendLayer.d.ts +1 -1
- package/dist/types/widgets/legend/LegendLayer.d.ts.map +1 -1
- package/dist/types/widgets/legend/LegendLayerVariable.d.ts +1 -1
- package/dist/types/widgets/legend/LegendLayerVariable.d.ts.map +1 -1
- package/dist/types/widgets/legend/LegendWidgetUI.d.ts +1 -1
- package/dist/types/widgets/legend/LegendWidgetUI.d.ts.map +1 -1
- package/dist/types/widgets/legend/index.d.ts +2 -2
- package/dist/types/widgets/legend/index.d.ts.map +1 -1
- package/dist/types/widgets/legend/legend-types/LegendCategories.d.ts +1 -1
- package/dist/types/widgets/legend/legend-types/LegendCategories.d.ts.map +1 -1
- package/dist/types/widgets/legend/legend-types/LegendIcon.d.ts +1 -1
- package/dist/types/widgets/legend/legend-types/LegendIcon.d.ts.map +1 -1
- package/dist/types/widgets/legend/legend-types/LegendProportion.d.ts +1 -1
- package/dist/types/widgets/legend/legend-types/LegendProportion.d.ts.map +1 -1
- package/dist/types/widgets/legend/legend-types/LegendRamp.d.ts +1 -1
- package/dist/types/widgets/legend/legend-types/LegendRamp.d.ts.map +1 -1
- package/dist/types/widgets/legend/legendFixtures.d.ts +1 -1
- package/dist/types/widgets/legend/legendFixtures.d.ts.map +1 -1
- package/dist/widgets/index.cjs +113 -118
- package/dist/widgets/index.js +5 -10
- package/package.json +1 -1
- package/dist/types/components/UploadField/StyledUploadField.d.ts.map +0 -1
- package/dist/types/theme/helpers/theme-constants.d.ts.map +0 -1
- package/dist/types/theme/helpers/theme-utils.d.ts.map +0 -1
- package/dist/types/utils/animationUtils.d.ts.map +0 -1
- package/dist/types/utils/chartConstants.d.ts.map +0 -1
- package/dist/types/utils/detectTouchScreen.d.ts.map +0 -1
- package/dist/types/utils/detectTouchScreen.test.d.ts +0 -2
- package/dist/types/utils/detectTouchScreen.test.d.ts.map +0 -1
- package/dist/types/utils/formatterUtils.d.ts.map +0 -1
- package/dist/types/utils/formatterUtils.test.d.ts +0 -2
- package/dist/types/utils/formatterUtils.test.d.ts.map +0 -1
- package/dist/types/utils/legendUtils.d.ts.map +0 -1
- package/dist/types/utils/localeUtils.d.ts.map +0 -1
- package/dist/types/utils/localeUtils.test.d.ts +0 -2
- package/dist/types/utils/localeUtils.test.d.ts.map +0 -1
- package/dist/types/utils/paletteUtils.d.ts.map +0 -1
- package/dist/types/utils/uniqueId.d.ts.map +0 -1
- package/dist/types/utils/uniqueId.test.d.ts +0 -2
- package/dist/types/utils/uniqueId.test.d.ts.map +0 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/timeSeriesUtils.d.ts.map +0 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/timeSeriesUtils.test.d.ts +0 -2
- package/dist/types/widgets/TimeSeriesWidgetUI/timeSeriesUtils.test.d.ts.map +0 -1
- package/dist/types/widgets/TimeSeriesWidgetUI/useTimeSeriesInteractivity.d.ts.map +0 -1
- /package/dist/{paletteUtils-B9ybmwiI.cjs → palette-utils-B9ybmwiI.cjs} +0 -0
- /package/dist/{paletteUtils-BHqJlHm9.js → palette-utils-BHqJlHm9.js} +0 -0
- /package/dist/types/theme/{helpers/css-baseline.d.ts → css-baseline.d.ts} +0 -0
- /package/dist/types/{theme/helpers → utils}/theme-constants.d.ts +0 -0
- /package/dist/types/{theme/helpers → utils}/theme-utils.d.ts +0 -0
|
@@ -26,9 +26,30 @@ export declare const Playground: {
|
|
|
26
26
|
render: ({ storyExplanation, ...args }: DateCalendarProps<Date> & {
|
|
27
27
|
storyExplanation?: string;
|
|
28
28
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
args: {
|
|
30
|
+
value: Date;
|
|
31
|
+
};
|
|
32
|
+
parameters: {
|
|
33
|
+
chromatic: {
|
|
34
|
+
disableSnapshot: boolean;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
29
37
|
};
|
|
30
38
|
export declare const Composition: {
|
|
31
39
|
render: (args: DateCalendarProps<Date>) => import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
parameters: {
|
|
41
|
+
chromatic: {
|
|
42
|
+
disableSnapshot: boolean;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
export declare const FixedDate: {
|
|
47
|
+
render: ({ storyExplanation, ...args }: DateCalendarProps<Date> & {
|
|
48
|
+
storyExplanation?: string;
|
|
49
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
args: {
|
|
51
|
+
storyExplanation: string;
|
|
52
|
+
};
|
|
32
53
|
};
|
|
33
54
|
export declare const DisableFuture: {
|
|
34
55
|
render: ({ storyExplanation, ...args }: DateCalendarProps<Date> & {
|
|
@@ -36,6 +57,12 @@ export declare const DisableFuture: {
|
|
|
36
57
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
37
58
|
args: {
|
|
38
59
|
disableFuture: boolean;
|
|
60
|
+
value: Date;
|
|
61
|
+
};
|
|
62
|
+
parameters: {
|
|
63
|
+
chromatic: {
|
|
64
|
+
disableSnapshot: boolean;
|
|
65
|
+
};
|
|
39
66
|
};
|
|
40
67
|
};
|
|
41
68
|
export declare const DisablePast: {
|
|
@@ -44,6 +71,12 @@ export declare const DisablePast: {
|
|
|
44
71
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
45
72
|
args: {
|
|
46
73
|
disablePast: boolean;
|
|
74
|
+
value: Date;
|
|
75
|
+
};
|
|
76
|
+
parameters: {
|
|
77
|
+
chromatic: {
|
|
78
|
+
disableSnapshot: boolean;
|
|
79
|
+
};
|
|
47
80
|
};
|
|
48
81
|
};
|
|
49
82
|
export declare const MinAndMaxDate: {
|
|
@@ -58,7 +91,7 @@ export declare const DisableSpecificDates: {
|
|
|
58
91
|
storyExplanation: string;
|
|
59
92
|
};
|
|
60
93
|
};
|
|
61
|
-
export declare const
|
|
94
|
+
export declare const DisableDate: {
|
|
62
95
|
render: ({ storyExplanation, ...args }: DateCalendarProps<Date> & {
|
|
63
96
|
storyExplanation?: string;
|
|
64
97
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateCalendar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePickers/DateCalendar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,iBAAiB,EAClB,MAAM,kCAAkC,CAAA;
|
|
1
|
+
{"version":3,"file":"DateCalendar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePickers/DateCalendar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,iBAAiB,EAClB,MAAM,kCAAkC,CAAA;AAIzC,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;CAmBG,CAAA;AAChB,eAAe,OAAO,CAAA;AAsGtB,eAAO,MAAM,UAAU;4CAjGpB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;;;CA2GzD,CAAA;AAED,eAAO,MAAM,WAAW;mBAxFW,iBAAiB,CAAC,IAAI,CAAC;;;;;;CA+FzD,CAAA;AAED,eAAO,MAAM,SAAS;4CAtHnB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CA2HzD,CAAA;AAED,eAAO,MAAM,aAAa;4CA7HvB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;CAwIzD,CAAA;AAED,eAAO,MAAM,WAAW;4CA1IrB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;;;;CAqJzD,CAAA;AAED,eAAO,MAAM,aAAa;mBAzFQ,iBAAiB,CAAC,IAAI,CAAC;CA2FxD,CAAA;AAED,eAAO,MAAM,oBAAoB;4CA3J9B,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;kCA8J5B,IAAI;;;CAMjC,CAAA;AAED,eAAO,MAAM,WAAW;4CAtKrB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;kCAyK5B,IAAI;;;CAIjC,CAAA;AAED,eAAO,MAAM,aAAa;4CA/KvB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;mCAmL3B,IAAI;;;CAQlC,CAAA;AAED,eAAO,MAAM,YAAY;4CA7LtB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;kCAiM5B,IAAI;;;CAQjC,CAAA;AAED,eAAO,MAAM,YAAY;4CA3MtB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CAgNzD,CAAA;AAED,eAAO,MAAM,aAAa;4CAlNvB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CAuNzD,CAAA;AAED,eAAO,MAAM,cAAc;4CAzNxB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CA8NzD,CAAA;AAED,eAAO,MAAM,cAAc;4CAhOxB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CAqOzD,CAAA;AAED,eAAO,MAAM,cAAc;4CAvOxB,iBAAiB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CA4OzD,CAAA"}
|
|
@@ -61,6 +61,11 @@ export declare const Playground: {
|
|
|
61
61
|
};
|
|
62
62
|
export declare const DateUtils: {
|
|
63
63
|
render: () => import("react/jsx-runtime").JSX.Element;
|
|
64
|
+
parameters: {
|
|
65
|
+
chromatic: {
|
|
66
|
+
disableSnapshot: boolean;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
64
69
|
};
|
|
65
70
|
export declare const LabelAndHelperText: {
|
|
66
71
|
render: ({ label, helperText, ...props }: DatePickerProps<Date>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -170,6 +175,11 @@ export declare const ShowCalendarFalse: {
|
|
|
170
175
|
};
|
|
171
176
|
export declare const DateCalendarOnly: {
|
|
172
177
|
render: () => import("react/jsx-runtime").JSX.Element;
|
|
178
|
+
parameters: {
|
|
179
|
+
chromatic: {
|
|
180
|
+
disableSnapshot: boolean;
|
|
181
|
+
};
|
|
182
|
+
};
|
|
173
183
|
};
|
|
174
184
|
export declare const ViewsJustDay: {
|
|
175
185
|
render: (args: DatePickerProps<Date>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAoB,MAAM,cAAc,CAAA;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAoB,MAAM,cAAc,CAAA;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAG1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CG,CAAA;AAChB,eAAe,OAAO,CAAA;AAsQtB,eAAO,MAAM,UAAU;mBApQC,eAAe,CAAC,IAAI,CAAC;CAsQ5C,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAA;AAED,eAAO,MAAM,kBAAkB;8CAzQ5B,eAAe,CAAC,IAAI,CAAC;CA2QvB,CAAA;AAED,eAAO,MAAM,MAAM;oBA9OU,eAAe,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;CAoPjD,CAAA;AAED,eAAO,MAAM,KAAK;oBAtPW,eAAe,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;CA4PjD,CAAA;AAED,eAAO,MAAM,SAAS;oBAhIY,eAAe,CAAC,IAAI,CAAC;;;;CAqItD,CAAA;AAED,eAAO,MAAM,aAAa;mBA5SF,eAAe,CAAC,IAAI,CAAC;;;;CAiT5C,CAAA;AAED,eAAO,MAAM,WAAW;mBAnTA,eAAe,CAAC,IAAI,CAAC;;;;CAwT5C,CAAA;AAED,eAAO,MAAM,aAAa;oBA5HS,eAAe,CAAC,IAAI,CAAC;CA8HvD,CAAA;AAED,eAAO,MAAM,oBAAoB;mBA9TT,eAAe,CAAC,IAAI,CAAC;;kCAiUf,IAAI;;;CAMjC,CAAA;AAED,eAAO,MAAM,YAAY;mBAzUD,eAAe,CAAC,IAAI,CAAC;;kCA4Uf,IAAI;;;CAIjC,CAAA;AAED,eAAO,MAAM,aAAa;mBAlVF,eAAe,CAAC,IAAI,CAAC;;;mCAsVd,IAAI;;;CAOlC,CAAA;AAED,eAAO,MAAM,YAAY;mBA/VD,eAAe,CAAC,IAAI,CAAC;;;kCAmWf,IAAI;;;CAQjC,CAAA;AAED,eAAO,MAAM,iBAAiB;mBA7WN,eAAe,CAAC,IAAI,CAAC;;;;CAkX5C,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;CAO5B,CAAA;AAED,eAAO,MAAM,YAAY;mBA7XD,eAAe,CAAC,IAAI,CAAC;;;;CAkY5C,CAAA;AAED,eAAO,MAAM,aAAa;mBApYF,eAAe,CAAC,IAAI,CAAC;;;;CAyY5C,CAAA;AAED,eAAO,MAAM,cAAc;mBA3YH,eAAe,CAAC,IAAI,CAAC;;;;CAgZ5C,CAAA;AAED,eAAO,MAAM,cAAc;mBAlZH,eAAe,CAAC,IAAI,CAAC;;;;CAuZ5C,CAAA;AAED,eAAO,MAAM,cAAc;mBAzZH,eAAe,CAAC,IAAI,CAAC;;;;CA8Z5C,CAAA"}
|
|
@@ -171,6 +171,7 @@ export declare const ViewsMonthYear: {
|
|
|
171
171
|
export declare const WithExplicitStartAndEnd: {
|
|
172
172
|
render: (args: DateRangePickerProps<Date>) => import("react/jsx-runtime").JSX.Element;
|
|
173
173
|
args: {
|
|
174
|
+
globalHelperText: string;
|
|
174
175
|
startProps: {
|
|
175
176
|
value: Date;
|
|
176
177
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/DateRangePicker/DateRangePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,eAAe,EAAoB,MAAM,cAAc,CAAA;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"DateRangePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/DateRangePicker/DateRangePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,eAAe,EAAoB,MAAM,cAAc,CAAA;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAK/C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDG,CAAA;AAChB,eAAe,OAAO,CAAA;AA8VtB,eAAO,MAAM,UAAU;mBA5VC,oBAAoB,CAAC,IAAI,CAAC;;;;;;CAiWjD,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;CAKrB,CAAA;AAED,eAAO,MAAM,kBAAkB;kDAnW5B,oBAAoB,CAAC,IAAI,CAAC;CAqW5B,CAAA;AAED,eAAO,MAAM,MAAM;oBAtSU,oBAAoB,CAAC,IAAI,CAAC;;;;CA2StD,CAAA;AAED,eAAO,MAAM,KAAK;oBA7SW,oBAAoB,CAAC,IAAI,CAAC;;;;CAkTtD,CAAA;AAED,eAAO,MAAM,SAAS;oBAtFY,oBAAoB,CAAC,IAAI,CAAC;CAwF3D,CAAA;AAED,eAAO,MAAM,aAAa;mBAhYF,oBAAoB,CAAC,IAAI,CAAC;;;;CAqYjD,CAAA;AAED,eAAO,MAAM,WAAW;mBAvYA,oBAAoB,CAAC,IAAI,CAAC;;;;CA4YjD,CAAA;AAED,eAAO,MAAM,YAAY;mBA9YD,oBAAoB,CAAC,IAAI,CAAC;;kCAiZpB,IAAI;;CAGjC,CAAA;AAED,eAAO,MAAM,YAAY;mBAtZD,oBAAoB,CAAC,IAAI,CAAC;;;;CA2ZjD,CAAA;AAED,eAAO,MAAM,aAAa;mBA7ZF,oBAAoB,CAAC,IAAI,CAAC;;;;CAkajD,CAAA;AAED,eAAO,MAAM,cAAc;mBApaH,oBAAoB,CAAC,IAAI,CAAC;;;;CAyajD,CAAA;AAED,eAAO,MAAM,cAAc;mBA3aH,oBAAoB,CAAC,IAAI,CAAC;;;;CAgbjD,CAAA;AAED,eAAO,MAAM,cAAc;mBAlbH,oBAAoB,CAAC,IAAI,CAAC;;;;CAubjD,CAAA;AAED,eAAO,MAAM,uBAAuB;mBAzbZ,oBAAoB,CAAC,IAAI,CAAC;;;;;;;;;;CAocjD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/DateTimePicker/DateTimePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,cAAc,EAAc,MAAM,cAAc,CAAA;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"DateTimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/DateTimePicker/DateTimePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,cAAc,EAAc,MAAM,cAAc,CAAA;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAK9C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CG,CAAA;AAChB,eAAe,OAAO,CAAA;AAwNtB,eAAO,MAAM,UAAU;4CAnNpB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;CAwN3D,CAAA;AAED,eAAO,MAAM,kBAAkB;uCA1M5B,mBAAmB,CAAC,IAAI,CAAC;CA4M3B,CAAA;AAED,eAAO,MAAM,MAAM;oBA/KU,mBAAmB,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;CAqLrD,CAAA;AAED,eAAO,MAAM,KAAK;oBAvLW,mBAAmB,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;CA6LrD,CAAA;AAED,eAAO,MAAM,SAAS;oBAzDY,mBAAmB,CAAC,IAAI,CAAC;;;;CA8D1D,CAAA;AAED,eAAO,MAAM,aAAa;4CArPvB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CA0P3D,CAAA;AAED,eAAO,MAAM,WAAW;4CA5PrB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CAiQ3D,CAAA;AAED,eAAO,MAAM,aAAa;4CAnQvB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;CA2Q3D,CAAA;AAED,eAAO,MAAM,aAAa;4CA7QvB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;CAqR3D,CAAA;AAED,eAAO,MAAM,oBAAoB;4CAvR9B,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;kCA0R9B,IAAI;;;CAMjC,CAAA;AAED,eAAO,MAAM,oBAAoB;4CAlS9B,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;kCAqS9B,IAAI;;;CAMjC,CAAA;AAED,eAAO,MAAM,iBAAiB;4CA7S3B,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;CAoT3D,CAAA;AAED,eAAO,MAAM,YAAY;4CAtTtB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CA2T3D,CAAA;AAED,eAAO,MAAM,QAAQ;4CA7TlB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;CAmU3D,CAAA;AAED,eAAO,MAAM,YAAY;4CArUtB,mBAAmB,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;kCAyU9B,IAAI;;;CAMjC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/TimePicker/TimePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAc,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"TimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePickers/TimePicker/TimePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAc,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAK1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CG,CAAA;AAChB,eAAe,OAAO,CAAA;AAyLtB,eAAO,MAAM,UAAU;4CApLpB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;CAyLvD,CAAA;AAED,eAAO,MAAM,kBAAkB;uCA3K5B,eAAe,CAAC,IAAI,CAAC;CA6KvB,CAAA;AAED,eAAO,MAAM,MAAM;oBAhJU,eAAe,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;CAsJjD,CAAA;AAED,eAAO,MAAM,KAAK;oBAxJW,eAAe,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;CA8JjD,CAAA;AAED,eAAO,MAAM,SAAS;oBAjDY,eAAe,CAAC,IAAI,CAAC;;;;CAsDtD,CAAA;AAED,eAAO,MAAM,aAAa;4CAtNvB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CA2NvD,CAAA;AAED,eAAO,MAAM,WAAW;4CA7NrB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CAkOvD,CAAA;AAED,eAAO,MAAM,aAAa;4CApOvB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;CA4OvD,CAAA;AAED,eAAO,MAAM,oBAAoB;4CA9O9B,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;kCAiP1B,IAAI;;;CAMjC,CAAA;AAED,eAAO,MAAM,cAAc;4CAzPxB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;CAgQvD,CAAA;AAED,eAAO,MAAM,YAAY;4CAlQtB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;CAuQvD,CAAA;AAED,eAAO,MAAM,QAAQ;4CAzQlB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;;;;;CA+QvD,CAAA;AAED,eAAO,MAAM,YAAY;4CAjRtB,eAAe,CAAC,IAAI,CAAC,GAAG;QAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;KAAE;;;kCAqR1B,IAAI;;;CAMjC,CAAA"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { default as React, ReactNode, MutableRefObject } from 'react';
|
|
2
|
+
import { TooltipProps } from '@mui/material';
|
|
3
|
+
/**
|
|
4
|
+
* Props for the EllipsisWithTooltip component.
|
|
5
|
+
*
|
|
6
|
+
* @interface EllipsisWithTooltipProps
|
|
7
|
+
* @extends Omit<TooltipProps, 'title' | 'children'>
|
|
8
|
+
*/
|
|
9
|
+
export type EllipsisWithTooltipProps = Omit<TooltipProps, 'title' | 'children'> & {
|
|
10
|
+
/**
|
|
11
|
+
* The content to be wrapped with ellipsis and tooltip functionality.
|
|
12
|
+
* Can be any ReactNode (text, components, etc.).
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <EllipsisWithTooltip>
|
|
17
|
+
* <Typography>Long text that might overflow</Typography>
|
|
18
|
+
* </EllipsisWithTooltip>
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
children: ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Custom tooltip text. If not provided, uses the text content of children.
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```tsx
|
|
27
|
+
* <EllipsisWithTooltip tooltipText="Custom tooltip text">
|
|
28
|
+
* <Typography>Some content</Typography>
|
|
29
|
+
* </EllipsisWithTooltip>
|
|
30
|
+
* ```
|
|
31
|
+
*/
|
|
32
|
+
tooltipText?: string;
|
|
33
|
+
/**
|
|
34
|
+
* Content display mode for styling.
|
|
35
|
+
*
|
|
36
|
+
* @default 'block'
|
|
37
|
+
* @example
|
|
38
|
+
* ```tsx
|
|
39
|
+
* <EllipsisWithTooltip content="flex">
|
|
40
|
+
* <div>Flex content</div>
|
|
41
|
+
* </EllipsisWithTooltip>
|
|
42
|
+
* ```
|
|
43
|
+
*/
|
|
44
|
+
content?: 'block' | 'flex';
|
|
45
|
+
/**
|
|
46
|
+
* Always show the tooltip, regardless of overflow detection.
|
|
47
|
+
* Useful for testing or when you always want to display the tooltip.
|
|
48
|
+
*
|
|
49
|
+
* @default false
|
|
50
|
+
* @example
|
|
51
|
+
* ```tsx
|
|
52
|
+
* <EllipsisWithTooltip alwaysShowTooltip={true}>
|
|
53
|
+
* <Typography>Always show tooltip</Typography>
|
|
54
|
+
* </EllipsisWithTooltip>
|
|
55
|
+
* ```
|
|
56
|
+
*/
|
|
57
|
+
alwaysShowTooltip?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Controls which children should have ellipsis applied.
|
|
60
|
+
* - 'first-child': Apply ellipsis only to the first child element
|
|
61
|
+
* - 'all': Apply ellipsis to all children (default behavior)
|
|
62
|
+
*
|
|
63
|
+
* This is useful for layouts where you want to preserve the visibility of
|
|
64
|
+
* secondary elements while truncating the primary content.
|
|
65
|
+
*
|
|
66
|
+
* @default 'all'
|
|
67
|
+
* @example
|
|
68
|
+
* ```tsx
|
|
69
|
+
* <EllipsisWithTooltip ellipsisTarget="first-child">
|
|
70
|
+
* <Typography>This long text will be ellipsed</Typography>
|
|
71
|
+
* <Typography>This secondary text remains fully visible</Typography>
|
|
72
|
+
* </EllipsisWithTooltip>
|
|
73
|
+
* ```
|
|
74
|
+
*/
|
|
75
|
+
ellipsisTarget?: 'first-child' | 'all';
|
|
76
|
+
/**
|
|
77
|
+
* Number of lines to display before showing ellipsis.
|
|
78
|
+
* When greater than 1, uses CSS line-clamp for multi-line ellipsis.
|
|
79
|
+
*
|
|
80
|
+
* @default 1
|
|
81
|
+
* @example
|
|
82
|
+
* ```tsx
|
|
83
|
+
* <EllipsisWithTooltip lines={3}>
|
|
84
|
+
* <Typography>Long text that can wrap to multiple lines</Typography>
|
|
85
|
+
* </EllipsisWithTooltip>
|
|
86
|
+
* ```
|
|
87
|
+
*/
|
|
88
|
+
lines?: number;
|
|
89
|
+
/**
|
|
90
|
+
* Additional props to pass to the content wrapper element.
|
|
91
|
+
* Useful for styling or adding custom attributes.
|
|
92
|
+
*
|
|
93
|
+
* @example
|
|
94
|
+
* ```tsx
|
|
95
|
+
* <EllipsisWithTooltip contentProps={{ className: 'custom-class' }}>
|
|
96
|
+
* <Typography>Content</Typography>
|
|
97
|
+
* </EllipsisWithTooltip>
|
|
98
|
+
* ```
|
|
99
|
+
*/
|
|
100
|
+
contentProps?: object;
|
|
101
|
+
/**
|
|
102
|
+
* Ref to the text element for manual overflow detection.
|
|
103
|
+
* Useful when you need to control which element is used for overflow detection.
|
|
104
|
+
*
|
|
105
|
+
* @example
|
|
106
|
+
* ```tsx
|
|
107
|
+
* const textRef = useRef<HTMLElement>(null);
|
|
108
|
+
* <EllipsisWithTooltip textRef={textRef}>
|
|
109
|
+
* <Typography ref={textRef}>Content</Typography>
|
|
110
|
+
* </EllipsisWithTooltip>
|
|
111
|
+
* ```
|
|
112
|
+
*/
|
|
113
|
+
textRef?: MutableRefObject<HTMLElement | null>;
|
|
114
|
+
};
|
|
115
|
+
declare const EllipsisWithTooltip: React.ForwardRefExoticComponent<Omit<EllipsisWithTooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
116
|
+
export default EllipsisWithTooltip;
|
|
117
|
+
//# sourceMappingURL=EllipsisWithTooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EllipsisWithTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/EllipsisWithTooltip/EllipsisWithTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,EACT,gBAAgB,EACjB,MAAM,OAAO,CAAA;AACd,OAAO,EAAW,YAAY,EAAU,MAAM,eAAe,CAAA;AAG7D;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,YAAY,EACZ,OAAO,GAAG,UAAU,CACrB,GAAG;IACF;;;;;;;;;;OAUG;IACH,QAAQ,EAAE,SAAS,CAAA;IAEnB;;;;;;;;;OASG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAE1B;;;;;;;;;;;OAWG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;;;;;;;;;;;;OAgBG;IACH,cAAc,CAAC,EAAE,aAAa,GAAG,KAAK,CAAA;IAEtC;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAC/C,CAAA;AA8LD,QAAA,MAAM,mBAAmB,8GAAmC,CAAA;AAE5D,eAAe,mBAAmB,CAAA"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
declare const options: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: React.ForwardRefExoticComponent<Omit<import('..').EllipsisWithTooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
argTypes: {
|
|
6
|
+
ellipsisTarget: {
|
|
7
|
+
control: "select";
|
|
8
|
+
options: string[];
|
|
9
|
+
description: string;
|
|
10
|
+
};
|
|
11
|
+
content: {
|
|
12
|
+
control: "select";
|
|
13
|
+
options: string[];
|
|
14
|
+
description: string;
|
|
15
|
+
};
|
|
16
|
+
alwaysShowTooltip: {
|
|
17
|
+
control: "boolean";
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
lines: {
|
|
21
|
+
control: "number";
|
|
22
|
+
description: string;
|
|
23
|
+
};
|
|
24
|
+
tooltipText: {
|
|
25
|
+
control: "text";
|
|
26
|
+
};
|
|
27
|
+
children: {
|
|
28
|
+
control: "text";
|
|
29
|
+
description: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
args: {
|
|
33
|
+
children: import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
export default options;
|
|
37
|
+
export declare const Playground: {
|
|
38
|
+
render: import('@storybook/core/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, Omit<import('..').EllipsisWithTooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
};
|
|
40
|
+
export declare const EllipsisTarget: {
|
|
41
|
+
render: import('@storybook/core/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, Omit<import('..').EllipsisWithTooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
42
|
+
};
|
|
43
|
+
export declare const Lines: {
|
|
44
|
+
render: import('@storybook/core/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, Omit<import('..').EllipsisWithTooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
argTypes: {
|
|
46
|
+
ellipsisTarget: {
|
|
47
|
+
table: {
|
|
48
|
+
disable: boolean;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
export declare const Content: {
|
|
54
|
+
render: import('@storybook/core/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, Omit<import('..').EllipsisWithTooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
55
|
+
};
|
|
56
|
+
export declare const AlwaysShowTooltip: {
|
|
57
|
+
render: import('@storybook/core/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, Omit<import('..').EllipsisWithTooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
58
|
+
args: {
|
|
59
|
+
alwaysShowTooltip: boolean;
|
|
60
|
+
children: import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
export declare const Composition: {
|
|
64
|
+
render: import('@storybook/core/csf').ArgsStoryFn<import('@storybook/react').ReactRenderer, Omit<import('..').EllipsisWithTooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
65
|
+
};
|
|
66
|
+
//# sourceMappingURL=EllipsisWithTooltip.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EllipsisWithTooltip.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/EllipsisWithTooltip/EllipsisWithTooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAUrC,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCG,CAAA;AA0OhB,eAAe,OAAO,CAAA;AAEtB,eAAO,MAAM,UAAU;;CAEtB,CAAA;AAED,eAAO,MAAM,cAAc;;CAE1B,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;CAMjB,CAAA;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;CAU7B,CAAA;AAED,eAAO,MAAM,WAAW;;CAEvB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EllipsisWithTooltip.test.d.ts","sourceRoot":"","sources":["../../../../src/components/EllipsisWithTooltip/EllipsisWithTooltip.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EllipsisWithTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,mBAAmB,uBAAuB,CAAA"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
|
+
import { TypographyProps } from '../Typography';
|
|
1
2
|
export type LabelWithIndicatorProps = {
|
|
2
3
|
label: React.ReactNode;
|
|
3
4
|
type?: 'optional' | 'required';
|
|
4
5
|
icon?: React.ReactNode;
|
|
5
6
|
inheritSize?: boolean;
|
|
7
|
+
'data-testid'?: string;
|
|
8
|
+
'aria-label'?: string;
|
|
9
|
+
typographyProps?: TypographyProps;
|
|
6
10
|
};
|
|
7
|
-
|
|
11
|
+
declare const LabelWithIndicator: import('react').ForwardRefExoticComponent<LabelWithIndicatorProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export default LabelWithIndicator;
|
|
8
13
|
//# sourceMappingURL=LabelWithIndicator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelWithIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/LabelWithIndicator/LabelWithIndicator.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LabelWithIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/LabelWithIndicator/LabelWithIndicator.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAgC3D,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC,CAAA;AA2CD,QAAA,MAAM,kBAAkB,oHAAkC,CAAA;AAC1D,eAAe,kBAAkB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { LabelWithIndicatorProps } from '..';
|
|
2
2
|
declare const options: {
|
|
3
3
|
title: string;
|
|
4
|
-
component:
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<LabelWithIndicatorProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
5
|
args: {
|
|
6
6
|
type: undefined;
|
|
7
7
|
};
|
|
@@ -55,6 +55,12 @@ export declare const UseCases: {
|
|
|
55
55
|
label: string;
|
|
56
56
|
};
|
|
57
57
|
};
|
|
58
|
+
export declare const TypographyProps: {
|
|
59
|
+
render: (args: LabelWithIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
60
|
+
args: {
|
|
61
|
+
label: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
58
64
|
export declare const Guide: {
|
|
59
65
|
render: () => import("react/jsx-runtime").JSX.Element;
|
|
60
66
|
parameters: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelWithIndicator.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/LabelWithIndicator/LabelWithIndicator.stories.tsx"],"names":[],"mappings":"AAgBA,OAAO,
|
|
1
|
+
{"version":3,"file":"LabelWithIndicator.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/LabelWithIndicator/LabelWithIndicator.stories.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAGL,uBAAuB,EAMxB,MAAM,cAAc,CAAA;AAKrB,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BG,CAAA;AAChB,eAAe,OAAO,CAAA;AA8nBtB,eAAO,MAAM,UAAU;mBA5nBW,uBAAuB;;;;;CA+nBxD,CAAA;AAED,eAAO,MAAM,IAAI;mBA3nBW,uBAAuB;;;;CA8nBlD,CAAA;AAED,eAAO,MAAM,IAAI;mBApmBW,uBAAuB;;;;CAymBlD,CAAA;AAED,eAAO,MAAM,QAAQ;iCAziByB,uBAAuB;;;;CA4iBpE,CAAA;AAiDD,eAAO,MAAM,eAAe;mBA/CW,uBAAuB;;;;CAkD7D,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LabelWithIndicator.test.d.ts","sourceRoot":"","sources":["../../../../src/components/LabelWithIndicator/LabelWithIndicator.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordField.d.ts","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PasswordField.d.ts","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.tsx"],"names":[],"mappings":"AA6DA,QAAA,MAAM,aAAa,oRAA6B,CAAA;AAChD,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PasswordField.test.d.ts","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectField/SelectField/SelectField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAYhD,OAAO,EAAc,WAAW,EAAE,MAAM,cAAc,CAAA;AAUtD,QAAA,MAAM,OAAO;;;
|
|
1
|
+
{"version":3,"file":"SelectField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectField/SelectField/SelectField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAYhD,OAAO,EAAc,WAAW,EAAE,MAAM,cAAc,CAAA;AAUtD,QAAA,MAAM,OAAO;;;WAmJM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAhGJ,CAAA;AAChB,eAAe,OAAO,CAAA;AAQtB,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAikB1D,eAAO,MAAM,UAAU;mBAhhBW,gBAAgB;;;;;;;;;;;;;;;;;;CAohBjD,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,QAAQ;8CArhBlB,gBAAgB;;;;;;;;;;;;;;;;;;CAyhBlB,CAAA;AAED,eAAO,MAAM,kBAAkB;0DA9e5B,gBAAgB;;;;;;;;;;;;;;;;;;CAkflB,CAAA;AAED,eAAO,MAAM,MAAM;8CA5csC,gBAAgB;;;;;;CA+cxE,CAAA;AAED,eAAO,MAAM,MAAM;gEAlahB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsalB,CAAA;AAED,eAAO,MAAM,KAAK;gEAxaf,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4alB,CAAA;AAED,eAAO,MAAM,QAAQ;8CA3IlB,gBAAgB;;;;;;;;;;;;;;;;;;CA+IlB,CAAA"}
|