@vkzstudio/muza-ui 1.0.43 → 1.0.45
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/components/Accordion/Accordion.d.ts +42 -6
- package/dist/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/Button/Button.d.ts +71 -17
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.d.ts +66 -20
- package/dist/components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/DataTable/DataTable.js +39 -39
- package/dist/components/DataTable/DataTable.stories.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +69 -36
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.stories.d.ts.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +38 -7
- package/dist/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +165 -163
- package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +3 -17
- package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts.map +1 -1
- package/dist/components/EdgeButton/EdgeButton.d.ts +10 -11
- package/dist/components/EdgeButton/EdgeButton.d.ts.map +1 -1
- package/dist/components/ExpandableTable/ExpandableTable.d.ts +103 -19
- package/dist/components/ExpandableTable/ExpandableTable.d.ts.map +1 -1
- package/dist/components/ExpandableTable/ExpandableTable.js +100 -111
- package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts +6 -1
- package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts.map +1 -1
- package/dist/components/ExpandableTable/index.d.ts +1 -1
- package/dist/components/ExpandableTable/index.d.ts.map +1 -1
- package/dist/components/FileUpload/FileItem.d.ts +22 -0
- package/dist/components/FileUpload/FileItem.d.ts.map +1 -1
- package/dist/components/FileUpload/FileItem.js +38 -41
- package/dist/components/FileUpload/FileUpload.d.ts +137 -42
- package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/FileUpload/FileUpload.js +87 -83
- package/dist/components/FileUpload/FileUpload.stories.d.ts +1 -0
- package/dist/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
- package/dist/components/FileUpload/index.d.ts +1 -1
- package/dist/components/FileUpload/index.d.ts.map +1 -1
- package/dist/components/Flex/Flex.d.ts +1 -1
- package/dist/components/Icons/CustomBadges.d.ts +14 -0
- package/dist/components/Icons/CustomBadges.d.ts.map +1 -0
- package/dist/components/Icons/CustomBadges.js +334 -0
- package/dist/components/Icons/CustomIcons.d.ts +24 -0
- package/dist/components/Icons/CustomIcons.d.ts.map +1 -1
- package/dist/components/Icons/CustomIcons.js +88 -42
- package/dist/components/Icons/CustomLogos.d.ts +29 -0
- package/dist/components/Icons/CustomLogos.d.ts.map +1 -0
- package/dist/components/Icons/CustomLogos.js +593 -0
- package/dist/components/Icons/LogosAndBadges.stories.d.ts +7 -0
- package/dist/components/Icons/LogosAndBadges.stories.d.ts.map +1 -0
- package/dist/components/Icons/index.d.ts +2 -0
- package/dist/components/Icons/index.d.ts.map +1 -1
- package/dist/components/Input/Input.d.ts +33 -34
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts +24 -1
- package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts.map +1 -1
- package/dist/components/LanguageSwitcher/LanguageSwitcher.js +71 -52
- package/dist/components/LanguageSwitcher/LanguageSwitcher.stories.d.ts +2 -0
- package/dist/components/LanguageSwitcher/LanguageSwitcher.stories.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.d.ts +50 -23
- package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +18 -17
- package/dist/components/Reorderable/Reorderable.d.ts +48 -1
- package/dist/components/Reorderable/Reorderable.d.ts.map +1 -1
- package/dist/components/ReorderableTable/ReorderableTable.d.ts +34 -17
- package/dist/components/ReorderableTable/ReorderableTable.d.ts.map +1 -1
- package/dist/components/ReorderableTable/ReorderableTable.stories.d.ts.map +1 -1
- package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.d.ts +266 -0
- package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.d.ts.map +1 -0
- package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.examples.d.ts +39 -0
- package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.examples.d.ts.map +1 -0
- package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.js +134 -0
- package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.stories.d.ts +14 -0
- package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.stories.d.ts.map +1 -0
- package/dist/components/ResponsiveLayoutTable/index.d.ts +2 -0
- package/dist/components/ResponsiveLayoutTable/index.d.ts.map +1 -0
- package/dist/components/Select/Select.d.ts +58 -28
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +123 -92
- package/dist/components/Select/Select.stories.d.ts +1 -0
- package/dist/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/utils.d.ts +1 -0
- package/dist/components/Select/utils.d.ts.map +1 -1
- package/dist/components/Select/utils.js +5 -2
- package/dist/components/TextEditor/TextEditor.d.ts +82 -46
- package/dist/components/TextEditor/TextEditor.d.ts.map +1 -1
- package/dist/components/TextEditor/TextEditor.stories.d.ts.map +1 -1
- package/dist/components/TextEditor/index.d.ts +1 -1
- package/dist/components/TextEditor/index.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts +41 -10
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.stories.d.ts.map +1 -1
- package/dist/components/Toggle/Toggle.js +1 -1
- package/dist/components/ToggleCheckButton/ToggleCheckButton.d.ts +69 -0
- package/dist/components/ToggleCheckButton/ToggleCheckButton.d.ts.map +1 -0
- package/dist/components/ToggleCheckButton/ToggleCheckButton.js +64 -0
- package/dist/components/ToggleCheckButton/ToggleCheckButton.stories.d.ts +8 -0
- package/dist/components/ToggleCheckButton/ToggleCheckButton.stories.d.ts.map +1 -0
- package/dist/components/ToggleCheckButton/index.d.ts +2 -0
- package/dist/components/ToggleCheckButton/index.d.ts.map +1 -0
- package/dist/components/WebCheckoutNav/WebCheckoutNav.examples.d.ts +19 -0
- package/dist/components/WebCheckoutNav/WebCheckoutNav.examples.d.ts.map +1 -0
- package/dist/components/WebCheckoutNav/WebCheckoutNav.stories.d.ts +8 -0
- package/dist/components/WebCheckoutNav/WebCheckoutNav.stories.d.ts.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/hooks/use-is-breakpoint.d.ts +11 -0
- package/dist/hooks/use-is-breakpoint.d.ts.map +1 -1
- package/dist/hooks/use-is-breakpoint.js +24 -13
- package/dist/index.js +236 -215
- package/dist/muza-ui.css +1 -1
- package/dist/styles/token-colors.css +64 -3
- package/dist/styles/token-sizes.css +86 -54
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js +16 -5
- package/package.json +1 -1
|
@@ -3,29 +3,44 @@ import { DateRange } from 'react-day-picker';
|
|
|
3
3
|
import { CalendarBaseProps } from '../Calendar';
|
|
4
4
|
import { PopoverContentProps } from '../Popover/Popover';
|
|
5
5
|
import { Presets } from './utils/getDateRange';
|
|
6
|
+
/**
|
|
7
|
+
* Custom class names for DatePicker internal elements.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* classNames={{ popoverTrigger: 'w-full', input: 'rounded-lg' }}
|
|
11
|
+
*/
|
|
12
|
+
export type DatePickerClassNames = Partial<{
|
|
13
|
+
/** Class applied to the Radix popover trigger wrapping the input. */
|
|
14
|
+
popoverTrigger: string;
|
|
15
|
+
/** Class applied to the popover content container. */
|
|
16
|
+
popoverContent: string;
|
|
17
|
+
/** Class applied to the default Input trigger. */
|
|
18
|
+
input: string;
|
|
19
|
+
/** Class applied to each preset button in the left panel. */
|
|
20
|
+
leftPanelButton: string;
|
|
21
|
+
}>;
|
|
6
22
|
/**
|
|
7
23
|
* Props for the DatePicker component.
|
|
8
24
|
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
25
|
+
* Discriminated union on `mode`: `'single'` for picking one date, `'range'` for a start-end range.
|
|
26
|
+
* The `mode` value narrows `value`, `defaultValue`, `onChange`, and `dateFormatter`
|
|
27
|
+
* to the matching type — see {@link DatePickerSingleProps} and {@link DatePickerRangeProps}.
|
|
11
28
|
*
|
|
12
|
-
* Also inherits calendar layout
|
|
13
|
-
* (e.g. `hideNavigation`, `hideCaption`, `showOutsideDays`,
|
|
29
|
+
* Also inherits calendar layout and visibility props from {@link CalendarBaseProps}
|
|
30
|
+
* (e.g. `hideNavigation`, `hideCaption`, `showOutsideDays`, `weekStartsOn`, `disabledDates`).
|
|
14
31
|
*/
|
|
15
32
|
export type DatePickerProps = {
|
|
16
|
-
/**
|
|
33
|
+
/** Horizontal alignment of the calendar popover relative to the trigger. */
|
|
17
34
|
alignCalendar?: 'center' | 'end' | 'start';
|
|
18
35
|
/**
|
|
19
|
-
*
|
|
36
|
+
* Preset date range shortcuts shown in the left panel (range mode only).
|
|
20
37
|
* Each preset has a display `name` and a `type` matching a built-in range calculation.
|
|
21
38
|
*
|
|
22
39
|
* @example
|
|
23
|
-
* ```tsx
|
|
24
40
|
* allowedPresets={[
|
|
25
41
|
* { name: 'Today', type: 'Today' },
|
|
26
42
|
* { name: 'Last 7 days', type: 'Last 7 days' },
|
|
27
43
|
* ]}
|
|
28
|
-
* ```
|
|
29
44
|
*
|
|
30
45
|
* @see Presets
|
|
31
46
|
*/
|
|
@@ -33,35 +48,26 @@ export type DatePickerProps = {
|
|
|
33
48
|
name: string;
|
|
34
49
|
type: (typeof Presets)[number];
|
|
35
50
|
}[];
|
|
36
|
-
/**
|
|
51
|
+
/** Controlled open state of the calendar popover. */
|
|
37
52
|
open?: boolean;
|
|
38
53
|
/** Fires when the popover open state changes. */
|
|
39
54
|
onOpenChange?: (open: boolean) => void;
|
|
40
55
|
/**
|
|
41
56
|
* Custom class names for internal elements.
|
|
42
|
-
*
|
|
43
|
-
* @example
|
|
44
|
-
* ```tsx
|
|
45
|
-
* classNames={{ popoverTrigger: 'w-full', input: 'rounded-lg' }}
|
|
46
|
-
* ```
|
|
57
|
+
* @see DatePickerClassNames
|
|
47
58
|
*/
|
|
48
|
-
classNames?:
|
|
49
|
-
popoverTrigger: string;
|
|
50
|
-
popoverContent: string;
|
|
51
|
-
input: string;
|
|
52
|
-
leftPanelButton: string;
|
|
53
|
-
}>;
|
|
59
|
+
classNames?: DatePickerClassNames;
|
|
54
60
|
/** Prevents interaction and applies disabled styling. */
|
|
55
61
|
disabled?: boolean;
|
|
56
62
|
/** Applies error styling with red border to the input. */
|
|
57
63
|
error?: boolean;
|
|
58
|
-
/**
|
|
64
|
+
/** Label text displayed above the input. */
|
|
59
65
|
label?: string;
|
|
60
|
-
/**
|
|
66
|
+
/** Helper text displayed below the input. */
|
|
61
67
|
hint?: string;
|
|
62
68
|
/** Placeholder text shown when no date is selected. */
|
|
63
69
|
placeholder?: string;
|
|
64
|
-
/**
|
|
70
|
+
/** Side of the trigger the calendar popover opens on. @default 'bottom' */
|
|
65
71
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
66
72
|
/** Prevents the popover from overflowing viewport boundaries. @default true */
|
|
67
73
|
avoidCollisions?: boolean;
|
|
@@ -79,24 +85,48 @@ export type DatePickerProps = {
|
|
|
79
85
|
/** Replaces the default Input trigger with a custom rendered element. */
|
|
80
86
|
renderCustomTrigger?: () => ReactNode;
|
|
81
87
|
/**
|
|
82
|
-
* Controls reset button behavior. When true
|
|
83
|
-
* When false or omitted, reset reverts to the last confirmed value.
|
|
88
|
+
* Controls reset button behavior. When `true`, reset restores `defaultValue`.
|
|
89
|
+
* When `false` or omitted, reset reverts to the last confirmed value.
|
|
90
|
+
*
|
|
91
|
+
* @example
|
|
92
|
+
* // Reset clears the field (defaultValue is undefined)
|
|
93
|
+
* <DatePicker shouldResetToDefaultValue defaultValue={undefined} />
|
|
84
94
|
*/
|
|
85
95
|
shouldResetToDefaultValue?: boolean;
|
|
86
|
-
/**
|
|
96
|
+
/**
|
|
97
|
+
* Calls `onChange` immediately on every calendar click instead of waiting for
|
|
98
|
+
* confirm. Bottom bar buttons remain visible unless {@link hideBottomBar} is true.
|
|
99
|
+
* Reset reverts to the value the popover was opened with.
|
|
100
|
+
*/
|
|
87
101
|
immediateCommit?: boolean;
|
|
88
|
-
/**
|
|
102
|
+
/**
|
|
103
|
+
* Range mode only. Replicates react-day-picker v8 same-day range behavior
|
|
104
|
+
* (no longer supported natively in v9): first click sets start, second click
|
|
105
|
+
* sets end (same day allowed). A third click on the same day cycles back:
|
|
106
|
+
* - `required={false}`: selected → one-day range → cleared → selected
|
|
107
|
+
* - otherwise: selected → one-day range → selected
|
|
108
|
+
*/
|
|
89
109
|
allowOneDayRange?: boolean;
|
|
90
|
-
/**
|
|
110
|
+
/**
|
|
111
|
+
* Marks the field as required and displays an asterisk on the label.
|
|
112
|
+
* Also forwarded to the underlying Calendar — when explicitly set to `false`,
|
|
113
|
+
* dates can be deselected by clicking the selected date again.
|
|
114
|
+
*/
|
|
91
115
|
required?: boolean;
|
|
92
116
|
/** Hides the required asterisk even when `required` is true. @default false */
|
|
93
117
|
disableRequiredAsterisk?: boolean;
|
|
94
|
-
/** Number of months
|
|
118
|
+
/** Number of months displayed side by side. @default 2 on desktop, 1 on mobile */
|
|
95
119
|
numberOfMonths?: 1 | 2;
|
|
96
|
-
/**
|
|
120
|
+
/**
|
|
121
|
+
* Hides the entire bottom bar (text, reset button, and confirm button).
|
|
122
|
+
* Only effective when `immediateCommit` is true. @default false
|
|
123
|
+
*/
|
|
97
124
|
hideBottomBar?: boolean;
|
|
98
125
|
} & Omit<CalendarBaseProps, 'numberOfMonths' | 'onConfirm' | 'onReset' | 'isExpanded' | 'leftPanelChildren' | 'bottomTextDefault' | 'dateFormatter' | 'dateRangeFormatter' | 'required'> & (DatePickerRangeProps | DatePickerSingleProps);
|
|
99
|
-
/**
|
|
126
|
+
/**
|
|
127
|
+
* Props for date range selection mode (`mode: 'range'`).
|
|
128
|
+
* Narrows `value`, `defaultValue`, `onChange`, and `dateFormatter` to `DateRange`.
|
|
129
|
+
*/
|
|
100
130
|
export type DatePickerRangeProps = {
|
|
101
131
|
/** Enables date range selection with start and end dates. */
|
|
102
132
|
mode: 'range';
|
|
@@ -104,12 +134,15 @@ export type DatePickerRangeProps = {
|
|
|
104
134
|
value?: DateRange | undefined;
|
|
105
135
|
/** Initial date range for uncontrolled usage. */
|
|
106
136
|
defaultValue?: DateRange | undefined;
|
|
107
|
-
/** Fires when a date range
|
|
137
|
+
/** Fires when a date range is confirmed, or `undefined` when deselected (`required={false}`). */
|
|
108
138
|
onChange?: (date: DateRange | undefined) => void;
|
|
109
|
-
/** Custom
|
|
139
|
+
/** Custom formatter for the date range displayed in the input trigger. */
|
|
110
140
|
dateFormatter?: (date: DateRange) => string;
|
|
111
141
|
};
|
|
112
|
-
/**
|
|
142
|
+
/**
|
|
143
|
+
* Props for single date selection mode (`mode: 'single'`).
|
|
144
|
+
* Narrows `value`, `defaultValue`, `onChange`, and `dateFormatter` to `Date`.
|
|
145
|
+
*/
|
|
113
146
|
export type DatePickerSingleProps = {
|
|
114
147
|
/** Enables single date selection. */
|
|
115
148
|
mode: 'single';
|
|
@@ -117,9 +150,9 @@ export type DatePickerSingleProps = {
|
|
|
117
150
|
value?: Date | undefined;
|
|
118
151
|
/** Initial date for uncontrolled usage. */
|
|
119
152
|
defaultValue?: Date | undefined;
|
|
120
|
-
/** Fires when a
|
|
153
|
+
/** Fires when a date is confirmed, or `undefined` when deselected (`required={false}`). */
|
|
121
154
|
onChange?: (date: Date | undefined) => void;
|
|
122
|
-
/** Custom
|
|
155
|
+
/** Custom formatter for the date displayed in the input trigger. */
|
|
123
156
|
dateFormatter?: (date: Date) => string;
|
|
124
157
|
};
|
|
125
158
|
export declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAA;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,EAEL,KAAK,iBAAiB,EAGvB,MAAM,aAAa,CAAA;AAGpB,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,sBAAsB,CAAA;AAGjE
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2KjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAkClC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiC5C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA"}
|
|
@@ -44,8 +44,22 @@ export interface DropdownMenuContentProps extends React.ComponentProps<typeof Dr
|
|
|
44
44
|
}
|
|
45
45
|
/** Props for DropdownMenuCheckboxItem. Extends Radix CheckboxItem with IDropdownItem. */
|
|
46
46
|
export type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & IDropdownItem;
|
|
47
|
-
/**
|
|
48
|
-
|
|
47
|
+
/**
|
|
48
|
+
* Props for DropdownMenuRadioGroup. Manages single-selection state across child DropdownMenuRadioItems.
|
|
49
|
+
*
|
|
50
|
+
* @example
|
|
51
|
+
* const [position, setPosition] = useState('bottom')
|
|
52
|
+
* <DropdownMenuRadioGroup value={position} onValueChange={setPosition}>
|
|
53
|
+
* <DropdownMenuRadioItem value="top">Top</DropdownMenuRadioItem>
|
|
54
|
+
* <DropdownMenuRadioItem value="bottom">Bottom</DropdownMenuRadioItem>
|
|
55
|
+
* </DropdownMenuRadioGroup>
|
|
56
|
+
*/
|
|
57
|
+
export interface DropdownMenuRadioGroupProps extends React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup> {
|
|
58
|
+
/** Currently selected value. Matches the `value` of the active DropdownMenuRadioItem. */
|
|
59
|
+
value?: string;
|
|
60
|
+
/** Fires when a radio item is selected. Receives the newly selected `value`. */
|
|
61
|
+
onValueChange?: (value: string) => void;
|
|
62
|
+
}
|
|
49
63
|
/** Props for DropdownMenuRadioItem. Radio button for single selection within a RadioGroup. */
|
|
50
64
|
export type DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & IDropdownItem;
|
|
51
65
|
/** Props for DropdownMenuSeparator. Visual divider between menu sections. */
|
|
@@ -67,21 +81,38 @@ export interface IDropdownItem {
|
|
|
67
81
|
icon?: React.ReactNode;
|
|
68
82
|
/** Highlights the item as currently active/selected with brand color. */
|
|
69
83
|
isActive?: boolean;
|
|
84
|
+
/**
|
|
85
|
+
* Secondary text displayed below the main label, creating a two-line item layout.
|
|
86
|
+
*
|
|
87
|
+
* @example
|
|
88
|
+
* <DropdownMenuItem icon={<SettingsBold />} description="Configure application preferences">
|
|
89
|
+
* Settings
|
|
90
|
+
* </DropdownMenuItem>
|
|
91
|
+
*/
|
|
92
|
+
description?: React.ReactNode;
|
|
70
93
|
}
|
|
71
94
|
/** Props for DropdownMenuItem. Standard clickable item with optional icon. Extends Radix Item with IDropdownItem. */
|
|
72
95
|
export type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.Item> & IDropdownItem;
|
|
73
96
|
/**
|
|
74
|
-
* Props for DropdownMenuButtonItem. Menu item rendered as a Button
|
|
75
|
-
* Pass `buttonProps` to configure the inner Button.
|
|
97
|
+
* Props for DropdownMenuButtonItem. Menu item rendered as a Button for more prominent actions
|
|
98
|
+
* such as upgrade or sign-up calls-to-action inside the menu. Pass `buttonProps` to configure the inner Button.
|
|
99
|
+
*
|
|
100
|
+
* @example
|
|
101
|
+
* <DropdownMenuButtonItem buttonProps={{ variant: 'primary', size: 'sm', icon: <CrownBold /> }}>
|
|
102
|
+
* Upgrade plan
|
|
103
|
+
* </DropdownMenuButtonItem>
|
|
76
104
|
*/
|
|
77
105
|
export type DropdownMenuButtonItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
78
|
-
/**
|
|
106
|
+
/**
|
|
107
|
+
* Props forwarded to the inner Button component. Controls variant, size, icon, ghost, and any other Button configuration.
|
|
108
|
+
* @see ButtonProps
|
|
109
|
+
*/
|
|
79
110
|
buttonProps: ButtonProps;
|
|
80
111
|
};
|
|
81
112
|
/** Standard clickable menu item with optional icon and variant styling. */
|
|
82
|
-
declare const DropdownMenuItem: ({ className, variant, children, icon, disabled, isActive, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
113
|
+
declare const DropdownMenuItem: ({ className, variant, children, icon, disabled, isActive, description, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
83
114
|
declare const DropdownMenuButtonItem: ({ children, buttonProps, className, ...props }: DropdownMenuButtonItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
84
|
-
declare const DropdownMenuCheckboxItem: ({ className, children, checked, variant, icon, ...props }: DropdownMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
115
|
+
declare const DropdownMenuCheckboxItem: ({ className, children, checked, variant, icon, description, ...props }: DropdownMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
85
116
|
declare const DropdownMenuRadioGroup: ({ value, onValueChange, ...props }: DropdownMenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
86
117
|
declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
87
118
|
declare const DropdownMenuSeparator: ({ className, ...props }: DropdownMenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAGtE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAGtE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAKpD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;IAC/D,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CACpB;AAED,oFAAoF;AACpF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CACxD,OAAO,qBAAqB,CAAC,MAAM,CACpC,CAAA;AAED,4FAA4F;AAC5F,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CACzD,OAAO,qBAAqB,CAAC,OAAO,CACrC,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC;IAClE,yEAAyE;IACzE,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,yFAAyF;AACzF,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,cAAc,CAC9D,OAAO,qBAAqB,CAAC,YAAY,CAC1C,GACC,aAAa,CAAA;AAEf;;;;;;;;;GASG;AACH,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC;IACrE,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,8FAA8F;AAC9F,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAC3D,OAAO,qBAAqB,CAAC,SAAS,CACvC,GACC,aAAa,CAAA;AAEf,6EAA6E;AAC7E,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAC3D,OAAO,qBAAqB,CAAC,SAAS,CACvC,CAAA;AAYD,QAAA,MAAM,YAAY,GAAI,cAAc,iBAAiB,4CAEpD,CAAA;AAED,QAAA,MAAM,kBAAkB,GAAI,cAAc,uBAAuB,4CAIhE,CAAA;AAED,QAAA,MAAM,mBAAmB,GAAI,cAAc,wBAAwB,4CAOlE,CAAA;AAED,QAAA,MAAM,mBAAmB,GAAI,4CAK1B,wBAAwB,4CAmD1B,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;8EA0B7B,CAAA;AAED,wFAAwF;AACxF,MAAM,WAAW,aAAa;IAC5B,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IAChC,mDAAmD;IACnD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B;AAED,qHAAqH;AACrH,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CACtD,OAAO,qBAAqB,CAAC,IAAI,CAClC,GACC,aAAa,CAAA;AAEf;;;;;;;;GAQG;AACH,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAC5D,OAAO,qBAAqB,CAAC,IAAI,CAClC,GAAG;IACF;;;OAGG;IACH,WAAW,EAAE,WAAW,CAAA;CACzB,CAAA;AA+CD,2EAA2E;AAC3E,QAAA,MAAM,gBAAgB,GAAI,mFASvB,qBAAqB,4CAiCvB,CAAA;AAED,QAAA,MAAM,sBAAsB,GAAI,gDAK7B,2BAA2B,4CAsB7B,CAAA;AAED,QAAA,MAAM,wBAAwB,GAAI,wEAQ/B,6BAA6B,4CAsC/B,CAAA;AAED,QAAA,MAAM,sBAAsB,GAAI,oCAI7B,2BAA2B,4CAW7B,CAAA;AAED,QAAA,MAAM,qBAAqB,gHAoD1B,CAAA;AAID,QAAA,MAAM,qBAAqB,GAAI,yBAG5B,0BAA0B,4CAQ5B,CAAA;AAED,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,wBAAwB,GACzB,CAAA"}
|