@sproutsocial/seeds-react-menu 1.11.1 → 1.11.3
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/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +12 -0
- package/dist/esm/v3/index.js +1413 -3
- package/dist/esm/v3/index.js.map +1 -1
- package/dist/v3/index.d.mts +16 -2
- package/dist/v3/index.d.ts +16 -2
- package/dist/v3/index.js +1418 -2
- package/dist/v3/index.js.map +1 -1
- package/package.json +1 -1
- package/src/v3/Common/ComboboxItem.tsx +4 -0
- package/src/v3/Common/ComboboxStyles.tsx +28 -0
- package/src/v3/Common/SelectItem.tsx +8 -1
- package/src/v3/Common/SelectStyles.tsx +5 -0
- package/src/v3/Common/types.ts +1 -0
- package/src/v3/ModalStories.stories.tsx +6 -6
- package/src/v3/MultiCombobox.stories.tsx +26 -2
- package/src/v3/MultiCombobox.tsx +6 -1
- package/src/v3/MultiSearchableSelect.stories.tsx +27 -2
- package/src/v3/MultiSearchableSelect.tsx +6 -1
- package/src/v3/MultiSelect.stories.tsx +63 -40
- package/src/v3/MultiSelect.tsx +5 -222
- package/src/v3/SingleCombobox.stories.tsx +26 -2
- package/src/v3/SingleCombobox.tsx +5 -1
- package/src/v3/SingleSearchableSelect.stories.tsx +47 -2
- package/src/v3/SingleSearchableSelect.tsx +31 -13
- package/src/v3/SingleSelect.stories.tsx +44 -2
- package/src/v3/SingleSelect.tsx +5 -2
- package/src/v3/storyData.tsx +5 -0
package/dist/v3/index.d.mts
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as react from 'react';
|
|
3
3
|
import * as _base_ui_react_combobox from '@base-ui/react/combobox';
|
|
4
4
|
import * as styled_components from 'styled-components';
|
|
5
5
|
|
|
6
6
|
interface DataWithId {
|
|
7
7
|
id: string | number;
|
|
8
|
+
disabled?: boolean;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
interface SingleSelectBaseProps {
|
|
11
12
|
id?: string;
|
|
12
13
|
placeholder?: string;
|
|
13
14
|
includePlaceholderItem?: boolean;
|
|
15
|
+
disabled?: boolean;
|
|
14
16
|
}
|
|
15
17
|
interface SingleSelectDataProps<T extends DataWithId> extends SingleSelectBaseProps {
|
|
16
18
|
data: T[];
|
|
@@ -39,10 +41,12 @@ interface SingleSelectChildrenProps extends SingleSelectBaseProps {
|
|
|
39
41
|
renderGroupHeading?: never;
|
|
40
42
|
}
|
|
41
43
|
type SingleSelectProps<T extends DataWithId> = SingleSelectDataProps<T> | SingleSelectChildrenProps;
|
|
44
|
+
declare function SingleSelect<T extends DataWithId>(props: SingleSelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
42
45
|
|
|
43
46
|
interface MultiSelectBaseProps {
|
|
44
47
|
id?: string;
|
|
45
48
|
placeholder?: string;
|
|
49
|
+
disabled?: boolean;
|
|
46
50
|
}
|
|
47
51
|
interface MultiSelectDataProps<T extends DataWithId> extends MultiSelectBaseProps {
|
|
48
52
|
data: T[];
|
|
@@ -77,11 +81,13 @@ interface MultiSelectChildrenProps extends MultiSelectBaseProps {
|
|
|
77
81
|
removeSelectedItems?: never;
|
|
78
82
|
}
|
|
79
83
|
type MultiSelectProps<T extends DataWithId> = MultiSelectDataProps<T> | MultiSelectChildrenProps;
|
|
84
|
+
declare function MultiSelect<T extends DataWithId>(props: MultiSelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
80
85
|
|
|
81
86
|
interface SingleComboboxBaseProps {
|
|
82
87
|
id?: string;
|
|
83
88
|
placeholder?: string;
|
|
84
89
|
emptyText?: string;
|
|
90
|
+
disabled?: boolean;
|
|
85
91
|
}
|
|
86
92
|
interface SingleComboboxDataBaseProps<T extends DataWithId> extends SingleComboboxBaseProps {
|
|
87
93
|
data: T[];
|
|
@@ -117,6 +123,7 @@ interface SingleComboboxChildrenProps extends SingleComboboxBaseProps {
|
|
|
117
123
|
isVirtualized?: never;
|
|
118
124
|
}
|
|
119
125
|
type SingleComboboxProps<T extends DataWithId> = SingleComboboxDataProps<T> | SingleComboboxVirtualizedProps<T> | SingleComboboxChildrenProps;
|
|
126
|
+
declare function SingleCombobox<T extends DataWithId>(props: SingleComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
120
127
|
|
|
121
128
|
interface MultiComboboxBaseProps {
|
|
122
129
|
id?: string;
|
|
@@ -124,6 +131,7 @@ interface MultiComboboxBaseProps {
|
|
|
124
131
|
emptyText?: string;
|
|
125
132
|
isLoading?: boolean;
|
|
126
133
|
loadingText?: string;
|
|
134
|
+
disabled?: boolean;
|
|
127
135
|
}
|
|
128
136
|
interface MultiComboboxDataProps<T extends DataWithId> extends MultiComboboxBaseProps {
|
|
129
137
|
data: T[];
|
|
@@ -162,14 +170,17 @@ interface MultiComboboxChildrenProps extends MultiComboboxBaseProps {
|
|
|
162
170
|
removeSelectedItems?: never;
|
|
163
171
|
}
|
|
164
172
|
type MultiComboboxProps<T extends DataWithId> = MultiComboboxDataProps<T> | MultiComboboxChildrenProps;
|
|
173
|
+
declare function MultiCombobox<T extends DataWithId>(props: MultiComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
165
174
|
|
|
166
175
|
interface SingleSearchableSelectBaseProps {
|
|
167
176
|
id?: string;
|
|
168
177
|
placeholder?: string;
|
|
178
|
+
includePlaceholderItem?: boolean;
|
|
169
179
|
searchPlaceholder?: string;
|
|
170
180
|
emptyText?: string;
|
|
171
181
|
isLoading?: boolean;
|
|
172
182
|
loadingText?: string;
|
|
183
|
+
disabled?: boolean;
|
|
173
184
|
}
|
|
174
185
|
interface SingleSearchableSelectDataBaseProps<T extends DataWithId> extends SingleSearchableSelectBaseProps {
|
|
175
186
|
data: T[];
|
|
@@ -207,6 +218,7 @@ interface SingleSearchableSelectChildrenProps extends SingleSearchableSelectBase
|
|
|
207
218
|
isVirtualized?: never;
|
|
208
219
|
}
|
|
209
220
|
type SingleSearchableSelectProps<T extends DataWithId> = SingleSearchableSelectDataProps<T> | SingleSearchableSelectVirtualizedProps<T> | SingleSearchableSelectChildrenProps;
|
|
221
|
+
declare function SingleSearchableSelect<T extends DataWithId>(props: SingleSearchableSelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
210
222
|
|
|
211
223
|
interface MultiSearchableSelectBaseProps {
|
|
212
224
|
id?: string;
|
|
@@ -215,6 +227,7 @@ interface MultiSearchableSelectBaseProps {
|
|
|
215
227
|
emptyText?: string;
|
|
216
228
|
isLoading?: boolean;
|
|
217
229
|
loadingText?: string;
|
|
230
|
+
disabled?: boolean;
|
|
218
231
|
}
|
|
219
232
|
interface MultiSearchableSelectDataProps<T extends DataWithId> extends MultiSearchableSelectBaseProps {
|
|
220
233
|
data: T[];
|
|
@@ -255,6 +268,7 @@ interface MultiSearchableSelectChildrenProps extends MultiSearchableSelectBasePr
|
|
|
255
268
|
removeSelectedItems?: never;
|
|
256
269
|
}
|
|
257
270
|
type MultiSearchableSelectProps<T extends DataWithId> = MultiSearchableSelectDataProps<T> | MultiSearchableSelectChildrenProps;
|
|
271
|
+
declare function MultiSearchableSelect<T extends DataWithId>(props: MultiSearchableSelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
258
272
|
|
|
259
273
|
declare const ComboboxLabel: styled_components.StyledComponent<"label", styled_components.DefaultTheme, {}, never>;
|
|
260
274
|
declare const ComboboxInputGroup: styled_components.StyledComponent<react.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
|
|
@@ -292,4 +306,4 @@ declare const SearchableSelectInput: styled_components.StyledComponent<react.For
|
|
|
292
306
|
declare const SearchableSelectList: styled_components.StyledComponent<react.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & react.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
|
|
293
307
|
declare const SearchableSelectTokenTrigger: styled_components.StyledComponent<react.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {}, never>;
|
|
294
308
|
|
|
295
|
-
export { ComboboxActionButtons, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupHeaderCheckbox, ComboboxGroupHeaderItem, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxSelectAllItem, ComboboxSeparator, ComboboxStatus, ComboboxToken, ComboboxTokenInput, ComboboxTokenInputGroup, ComboboxTrigger, type MultiComboboxProps, type MultiSearchableSelectProps, type MultiSelectProps, SearchableSelectInput, SearchableSelectList, SearchableSelectPlaceholder, SearchableSelectPopup, SearchableSelectSearchContainer, SearchableSelectTokenTrigger, SearchableSelectTrigger, SearchableSelectTriggerIcon, type SingleComboboxProps, type SingleSearchableSelectProps, type SingleSelectProps, Token, TokenRemove };
|
|
309
|
+
export { ComboboxActionButtons, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupHeaderCheckbox, ComboboxGroupHeaderItem, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxSelectAllItem, ComboboxSeparator, ComboboxStatus, ComboboxToken, ComboboxTokenInput, ComboboxTokenInputGroup, ComboboxTrigger, MultiCombobox, type MultiComboboxProps, MultiSearchableSelect, type MultiSearchableSelectProps, MultiSelect, type MultiSelectProps, SearchableSelectInput, SearchableSelectList, SearchableSelectPlaceholder, SearchableSelectPopup, SearchableSelectSearchContainer, SearchableSelectTokenTrigger, SearchableSelectTrigger, SearchableSelectTriggerIcon, SingleCombobox, type SingleComboboxProps, SingleSearchableSelect, type SingleSearchableSelectProps, SingleSelect, type SingleSelectProps, Token, TokenRemove };
|
package/dist/v3/index.d.ts
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as react from 'react';
|
|
3
3
|
import * as _base_ui_react_combobox from '@base-ui/react/combobox';
|
|
4
4
|
import * as styled_components from 'styled-components';
|
|
5
5
|
|
|
6
6
|
interface DataWithId {
|
|
7
7
|
id: string | number;
|
|
8
|
+
disabled?: boolean;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
interface SingleSelectBaseProps {
|
|
11
12
|
id?: string;
|
|
12
13
|
placeholder?: string;
|
|
13
14
|
includePlaceholderItem?: boolean;
|
|
15
|
+
disabled?: boolean;
|
|
14
16
|
}
|
|
15
17
|
interface SingleSelectDataProps<T extends DataWithId> extends SingleSelectBaseProps {
|
|
16
18
|
data: T[];
|
|
@@ -39,10 +41,12 @@ interface SingleSelectChildrenProps extends SingleSelectBaseProps {
|
|
|
39
41
|
renderGroupHeading?: never;
|
|
40
42
|
}
|
|
41
43
|
type SingleSelectProps<T extends DataWithId> = SingleSelectDataProps<T> | SingleSelectChildrenProps;
|
|
44
|
+
declare function SingleSelect<T extends DataWithId>(props: SingleSelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
42
45
|
|
|
43
46
|
interface MultiSelectBaseProps {
|
|
44
47
|
id?: string;
|
|
45
48
|
placeholder?: string;
|
|
49
|
+
disabled?: boolean;
|
|
46
50
|
}
|
|
47
51
|
interface MultiSelectDataProps<T extends DataWithId> extends MultiSelectBaseProps {
|
|
48
52
|
data: T[];
|
|
@@ -77,11 +81,13 @@ interface MultiSelectChildrenProps extends MultiSelectBaseProps {
|
|
|
77
81
|
removeSelectedItems?: never;
|
|
78
82
|
}
|
|
79
83
|
type MultiSelectProps<T extends DataWithId> = MultiSelectDataProps<T> | MultiSelectChildrenProps;
|
|
84
|
+
declare function MultiSelect<T extends DataWithId>(props: MultiSelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
80
85
|
|
|
81
86
|
interface SingleComboboxBaseProps {
|
|
82
87
|
id?: string;
|
|
83
88
|
placeholder?: string;
|
|
84
89
|
emptyText?: string;
|
|
90
|
+
disabled?: boolean;
|
|
85
91
|
}
|
|
86
92
|
interface SingleComboboxDataBaseProps<T extends DataWithId> extends SingleComboboxBaseProps {
|
|
87
93
|
data: T[];
|
|
@@ -117,6 +123,7 @@ interface SingleComboboxChildrenProps extends SingleComboboxBaseProps {
|
|
|
117
123
|
isVirtualized?: never;
|
|
118
124
|
}
|
|
119
125
|
type SingleComboboxProps<T extends DataWithId> = SingleComboboxDataProps<T> | SingleComboboxVirtualizedProps<T> | SingleComboboxChildrenProps;
|
|
126
|
+
declare function SingleCombobox<T extends DataWithId>(props: SingleComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
120
127
|
|
|
121
128
|
interface MultiComboboxBaseProps {
|
|
122
129
|
id?: string;
|
|
@@ -124,6 +131,7 @@ interface MultiComboboxBaseProps {
|
|
|
124
131
|
emptyText?: string;
|
|
125
132
|
isLoading?: boolean;
|
|
126
133
|
loadingText?: string;
|
|
134
|
+
disabled?: boolean;
|
|
127
135
|
}
|
|
128
136
|
interface MultiComboboxDataProps<T extends DataWithId> extends MultiComboboxBaseProps {
|
|
129
137
|
data: T[];
|
|
@@ -162,14 +170,17 @@ interface MultiComboboxChildrenProps extends MultiComboboxBaseProps {
|
|
|
162
170
|
removeSelectedItems?: never;
|
|
163
171
|
}
|
|
164
172
|
type MultiComboboxProps<T extends DataWithId> = MultiComboboxDataProps<T> | MultiComboboxChildrenProps;
|
|
173
|
+
declare function MultiCombobox<T extends DataWithId>(props: MultiComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
165
174
|
|
|
166
175
|
interface SingleSearchableSelectBaseProps {
|
|
167
176
|
id?: string;
|
|
168
177
|
placeholder?: string;
|
|
178
|
+
includePlaceholderItem?: boolean;
|
|
169
179
|
searchPlaceholder?: string;
|
|
170
180
|
emptyText?: string;
|
|
171
181
|
isLoading?: boolean;
|
|
172
182
|
loadingText?: string;
|
|
183
|
+
disabled?: boolean;
|
|
173
184
|
}
|
|
174
185
|
interface SingleSearchableSelectDataBaseProps<T extends DataWithId> extends SingleSearchableSelectBaseProps {
|
|
175
186
|
data: T[];
|
|
@@ -207,6 +218,7 @@ interface SingleSearchableSelectChildrenProps extends SingleSearchableSelectBase
|
|
|
207
218
|
isVirtualized?: never;
|
|
208
219
|
}
|
|
209
220
|
type SingleSearchableSelectProps<T extends DataWithId> = SingleSearchableSelectDataProps<T> | SingleSearchableSelectVirtualizedProps<T> | SingleSearchableSelectChildrenProps;
|
|
221
|
+
declare function SingleSearchableSelect<T extends DataWithId>(props: SingleSearchableSelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
210
222
|
|
|
211
223
|
interface MultiSearchableSelectBaseProps {
|
|
212
224
|
id?: string;
|
|
@@ -215,6 +227,7 @@ interface MultiSearchableSelectBaseProps {
|
|
|
215
227
|
emptyText?: string;
|
|
216
228
|
isLoading?: boolean;
|
|
217
229
|
loadingText?: string;
|
|
230
|
+
disabled?: boolean;
|
|
218
231
|
}
|
|
219
232
|
interface MultiSearchableSelectDataProps<T extends DataWithId> extends MultiSearchableSelectBaseProps {
|
|
220
233
|
data: T[];
|
|
@@ -255,6 +268,7 @@ interface MultiSearchableSelectChildrenProps extends MultiSearchableSelectBasePr
|
|
|
255
268
|
removeSelectedItems?: never;
|
|
256
269
|
}
|
|
257
270
|
type MultiSearchableSelectProps<T extends DataWithId> = MultiSearchableSelectDataProps<T> | MultiSearchableSelectChildrenProps;
|
|
271
|
+
declare function MultiSearchableSelect<T extends DataWithId>(props: MultiSearchableSelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
258
272
|
|
|
259
273
|
declare const ComboboxLabel: styled_components.StyledComponent<"label", styled_components.DefaultTheme, {}, never>;
|
|
260
274
|
declare const ComboboxInputGroup: styled_components.StyledComponent<react.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxInputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
|
|
@@ -292,4 +306,4 @@ declare const SearchableSelectInput: styled_components.StyledComponent<react.For
|
|
|
292
306
|
declare const SearchableSelectList: styled_components.StyledComponent<react.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxListProps, "ref"> & react.RefAttributes<HTMLDivElement>>, styled_components.DefaultTheme, {}, never>;
|
|
293
307
|
declare const SearchableSelectTokenTrigger: styled_components.StyledComponent<react.ForwardRefExoticComponent<Omit<_base_ui_react_combobox.ComboboxTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>, styled_components.DefaultTheme, {}, never>;
|
|
294
308
|
|
|
295
|
-
export { ComboboxActionButtons, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupHeaderCheckbox, ComboboxGroupHeaderItem, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxSelectAllItem, ComboboxSeparator, ComboboxStatus, ComboboxToken, ComboboxTokenInput, ComboboxTokenInputGroup, ComboboxTrigger, type MultiComboboxProps, type MultiSearchableSelectProps, type MultiSelectProps, SearchableSelectInput, SearchableSelectList, SearchableSelectPlaceholder, SearchableSelectPopup, SearchableSelectSearchContainer, SearchableSelectTokenTrigger, SearchableSelectTrigger, SearchableSelectTriggerIcon, type SingleComboboxProps, type SingleSearchableSelectProps, type SingleSelectProps, Token, TokenRemove };
|
|
309
|
+
export { ComboboxActionButtons, ComboboxClear, ComboboxEmpty, ComboboxGroup, ComboboxGroupHeaderCheckbox, ComboboxGroupHeaderItem, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxSelectAllItem, ComboboxSeparator, ComboboxStatus, ComboboxToken, ComboboxTokenInput, ComboboxTokenInputGroup, ComboboxTrigger, MultiCombobox, type MultiComboboxProps, MultiSearchableSelect, type MultiSearchableSelectProps, MultiSelect, type MultiSelectProps, SearchableSelectInput, SearchableSelectList, SearchableSelectPlaceholder, SearchableSelectPopup, SearchableSelectSearchContainer, SearchableSelectTokenTrigger, SearchableSelectTrigger, SearchableSelectTriggerIcon, SingleCombobox, type SingleComboboxProps, SingleSearchableSelect, type SingleSearchableSelectProps, SingleSelect, type SingleSelectProps, Token, TokenRemove };
|