@sproutsocial/seeds-react-menu 1.11.2 → 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 +16 -16
- package/CHANGELOG.md +6 -0
- package/dist/esm/v3/index.js +62 -35
- package/dist/esm/v3/index.js.map +1 -1
- package/dist/v3/index.d.mts +2 -0
- package/dist/v3/index.d.ts +2 -0
- package/dist/v3/index.js +61 -34
- package/dist/v3/index.js.map +1 -1
- package/package.json +1 -1
- package/src/v3/Common/ComboboxItem.tsx +3 -0
- package/src/v3/Common/SelectItem.tsx +3 -0
- package/src/v3/Common/types.ts +1 -0
- package/src/v3/MultiCombobox.stories.tsx +25 -1
- package/src/v3/MultiCombobox.tsx +3 -0
- package/src/v3/MultiSearchableSelect.stories.tsx +26 -1
- package/src/v3/MultiSearchableSelect.tsx +3 -0
- package/src/v3/MultiSelect.stories.tsx +24 -1
- package/src/v3/MultiSelect.tsx +2 -0
- package/src/v3/SingleCombobox.stories.tsx +25 -1
- package/src/v3/SingleCombobox.tsx +2 -0
- package/src/v3/SingleSearchableSelect.stories.tsx +46 -1
- package/src/v3/SingleSearchableSelect.tsx +28 -12
- package/src/v3/SingleSelect.stories.tsx +24 -1
- package/src/v3/SingleSelect.tsx +2 -1
- package/src/v3/storyData.tsx +5 -0
package/dist/v3/index.d.mts
CHANGED
|
@@ -5,6 +5,7 @@ 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 {
|
|
@@ -174,6 +175,7 @@ declare function MultiCombobox<T extends DataWithId>(props: MultiComboboxProps<T
|
|
|
174
175
|
interface SingleSearchableSelectBaseProps {
|
|
175
176
|
id?: string;
|
|
176
177
|
placeholder?: string;
|
|
178
|
+
includePlaceholderItem?: boolean;
|
|
177
179
|
searchPlaceholder?: string;
|
|
178
180
|
emptyText?: string;
|
|
179
181
|
isLoading?: boolean;
|
package/dist/v3/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ 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 {
|
|
@@ -174,6 +175,7 @@ declare function MultiCombobox<T extends DataWithId>(props: MultiComboboxProps<T
|
|
|
174
175
|
interface SingleSearchableSelectBaseProps {
|
|
175
176
|
id?: string;
|
|
176
177
|
placeholder?: string;
|
|
178
|
+
includePlaceholderItem?: boolean;
|
|
177
179
|
searchPlaceholder?: string;
|
|
178
180
|
emptyText?: string;
|
|
179
181
|
isLoading?: boolean;
|
package/dist/v3/index.js
CHANGED
|
@@ -142,6 +142,7 @@ function CheckIcon() {
|
|
|
142
142
|
function SelectItem({
|
|
143
143
|
value,
|
|
144
144
|
label,
|
|
145
|
+
disabled,
|
|
145
146
|
inputType = "icon",
|
|
146
147
|
renderItem,
|
|
147
148
|
hidden
|
|
@@ -150,6 +151,7 @@ function SelectItem({
|
|
|
150
151
|
StyledItem,
|
|
151
152
|
{
|
|
152
153
|
value,
|
|
154
|
+
disabled,
|
|
153
155
|
style: hidden ? { display: "none" } : void 0,
|
|
154
156
|
"data-qa-menu-item": label,
|
|
155
157
|
children: [
|
|
@@ -432,6 +434,7 @@ function SingleSelect(props) {
|
|
|
432
434
|
{
|
|
433
435
|
value: String(item.id),
|
|
434
436
|
label: itemToString(item),
|
|
437
|
+
disabled: item.disabled,
|
|
435
438
|
inputType,
|
|
436
439
|
renderItem: renderItem ? () => renderItem(item) : () => itemToString(item)
|
|
437
440
|
},
|
|
@@ -439,29 +442,27 @@ function SingleSelect(props) {
|
|
|
439
442
|
))
|
|
440
443
|
] }),
|
|
441
444
|
index < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SelectSeparator, {})
|
|
442
|
-
] }, group.value)) : (
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
] })
|
|
464
|
-
) }),
|
|
445
|
+
] }, group.value)) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
|
|
446
|
+
includePlaceholderItem && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
447
|
+
SelectItem,
|
|
448
|
+
{
|
|
449
|
+
value: null,
|
|
450
|
+
label: placeholder ?? ""
|
|
451
|
+
},
|
|
452
|
+
"placeholder"
|
|
453
|
+
),
|
|
454
|
+
data.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
455
|
+
SelectItem,
|
|
456
|
+
{
|
|
457
|
+
value: String(item.id),
|
|
458
|
+
label: itemToString(item),
|
|
459
|
+
disabled: item.disabled,
|
|
460
|
+
inputType,
|
|
461
|
+
renderItem: renderItem ? () => renderItem(item) : () => itemToString(item)
|
|
462
|
+
},
|
|
463
|
+
item.id
|
|
464
|
+
))
|
|
465
|
+
] }) }),
|
|
465
466
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_select3.Select.ScrollDownArrow, {})
|
|
466
467
|
] }) }) })
|
|
467
468
|
]
|
|
@@ -574,6 +575,7 @@ function MultiSelect(props) {
|
|
|
574
575
|
{
|
|
575
576
|
value: String(item.id),
|
|
576
577
|
label: itemToString(item),
|
|
578
|
+
disabled: item.disabled,
|
|
577
579
|
inputType,
|
|
578
580
|
hidden: removeSelectedItems && value.includes(String(item.id)),
|
|
579
581
|
renderItem: renderItem ? () => renderItem(item) : void 0
|
|
@@ -587,6 +589,7 @@ function MultiSelect(props) {
|
|
|
587
589
|
{
|
|
588
590
|
value: String(item.id),
|
|
589
591
|
label: itemToString(item),
|
|
592
|
+
disabled: item.disabled,
|
|
590
593
|
inputType,
|
|
591
594
|
hidden: removeSelectedItems && value.includes(String(item.id)),
|
|
592
595
|
renderItem: renderItem ? () => renderItem(item) : () => itemToString(item)
|
|
@@ -1085,6 +1088,7 @@ function ComboboxItemInner({
|
|
|
1085
1088
|
value,
|
|
1086
1089
|
itemId,
|
|
1087
1090
|
label,
|
|
1091
|
+
disabled,
|
|
1088
1092
|
inputType = "icon",
|
|
1089
1093
|
renderItem,
|
|
1090
1094
|
index,
|
|
@@ -1099,6 +1103,7 @@ function ComboboxItemInner({
|
|
|
1099
1103
|
"data-index": dataIndex,
|
|
1100
1104
|
style,
|
|
1101
1105
|
ref,
|
|
1106
|
+
disabled,
|
|
1102
1107
|
"data-qa-menu-item": label,
|
|
1103
1108
|
children: [
|
|
1104
1109
|
inputType === "radio" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
@@ -1409,6 +1414,7 @@ function SingleCombobox(props) {
|
|
|
1409
1414
|
value: item,
|
|
1410
1415
|
itemId: String(item.id),
|
|
1411
1416
|
label: itemToString(item),
|
|
1417
|
+
disabled: item.disabled,
|
|
1412
1418
|
inputType,
|
|
1413
1419
|
renderItem: renderItem ? () => renderItem(item) : () => itemToString(item)
|
|
1414
1420
|
},
|
|
@@ -1422,6 +1428,7 @@ function SingleCombobox(props) {
|
|
|
1422
1428
|
value: item,
|
|
1423
1429
|
itemId: String(item.id),
|
|
1424
1430
|
label: itemToString(item),
|
|
1431
|
+
disabled: item.disabled,
|
|
1425
1432
|
inputType,
|
|
1426
1433
|
renderItem: renderItem ? () => renderItem(item) : () => itemToString(item)
|
|
1427
1434
|
},
|
|
@@ -1595,6 +1602,7 @@ function MultiCombobox(props) {
|
|
|
1595
1602
|
value: item,
|
|
1596
1603
|
itemId: String(item.id),
|
|
1597
1604
|
label: itemToString(item),
|
|
1605
|
+
disabled: item.disabled,
|
|
1598
1606
|
inputType,
|
|
1599
1607
|
renderItem: renderItem ? () => renderItem(item) : () => itemToString(item)
|
|
1600
1608
|
},
|
|
@@ -1723,6 +1731,7 @@ function MultiCombobox(props) {
|
|
|
1723
1731
|
value: item,
|
|
1724
1732
|
itemId: String(item.id),
|
|
1725
1733
|
label: itemToString(item),
|
|
1734
|
+
disabled: item.disabled,
|
|
1726
1735
|
inputType,
|
|
1727
1736
|
renderItem: renderItem ? () => renderItem(item) : () => itemToString(item)
|
|
1728
1737
|
},
|
|
@@ -1736,6 +1745,7 @@ function MultiCombobox(props) {
|
|
|
1736
1745
|
value: item,
|
|
1737
1746
|
itemId: String(item.id),
|
|
1738
1747
|
label: itemToString(item),
|
|
1748
|
+
disabled: item.disabled,
|
|
1739
1749
|
inputType,
|
|
1740
1750
|
renderItem: renderItem ? () => renderItem(item) : () => itemToString(item)
|
|
1741
1751
|
},
|
|
@@ -1761,6 +1771,7 @@ function SingleSearchableSelect(props) {
|
|
|
1761
1771
|
const {
|
|
1762
1772
|
id,
|
|
1763
1773
|
placeholder = "Select...",
|
|
1774
|
+
includePlaceholderItem,
|
|
1764
1775
|
searchPlaceholder = "Search...",
|
|
1765
1776
|
emptyText = "No results found.",
|
|
1766
1777
|
isLoading = false,
|
|
@@ -1883,6 +1894,7 @@ function SingleSearchableSelect(props) {
|
|
|
1883
1894
|
value: item,
|
|
1884
1895
|
itemId: String(item.id),
|
|
1885
1896
|
label: itemToString(item),
|
|
1897
|
+
disabled: item.disabled,
|
|
1886
1898
|
inputType,
|
|
1887
1899
|
renderItem: renderItem ? () => renderItem(item) : () => itemToString(item)
|
|
1888
1900
|
},
|
|
@@ -1890,17 +1902,29 @@ function SingleSearchableSelect(props) {
|
|
|
1890
1902
|
) })
|
|
1891
1903
|
] }),
|
|
1892
1904
|
index < groups.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ComboboxSeparator, {})
|
|
1893
|
-
] }, group.value) :
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
|
|
1905
|
+
] }, group.value) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
|
|
1906
|
+
includePlaceholderItem && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
1907
|
+
ComboboxItem_default,
|
|
1908
|
+
{
|
|
1909
|
+
value: null,
|
|
1910
|
+
itemId: "placeholder",
|
|
1911
|
+
label: placeholder
|
|
1912
|
+
},
|
|
1913
|
+
"placeholder"
|
|
1914
|
+
),
|
|
1915
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_combobox5.Combobox.Collection, { children: (item) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
1916
|
+
ComboboxItem_default,
|
|
1917
|
+
{
|
|
1918
|
+
value: item,
|
|
1919
|
+
itemId: String(item.id),
|
|
1920
|
+
label: itemToString(item),
|
|
1921
|
+
disabled: item.disabled,
|
|
1922
|
+
inputType,
|
|
1923
|
+
renderItem: renderItem ? () => renderItem(item) : void 0
|
|
1924
|
+
},
|
|
1925
|
+
item.id
|
|
1926
|
+
) })
|
|
1927
|
+
] })
|
|
1904
1928
|
}
|
|
1905
1929
|
)
|
|
1906
1930
|
]
|
|
@@ -2071,6 +2095,7 @@ function MultiSearchableSelect(props) {
|
|
|
2071
2095
|
value: item,
|
|
2072
2096
|
itemId: String(item.id),
|
|
2073
2097
|
label: itemToString(item),
|
|
2098
|
+
disabled: item.disabled,
|
|
2074
2099
|
inputType,
|
|
2075
2100
|
renderItem: renderItem ? () => renderItem(item) : () => itemToString(item)
|
|
2076
2101
|
},
|
|
@@ -2185,6 +2210,7 @@ function MultiSearchableSelect(props) {
|
|
|
2185
2210
|
value: item,
|
|
2186
2211
|
itemId: String(item.id),
|
|
2187
2212
|
label: itemToString(item),
|
|
2213
|
+
disabled: item.disabled,
|
|
2188
2214
|
inputType,
|
|
2189
2215
|
renderItem: renderItem ? () => renderItem(item) : () => itemToString(item)
|
|
2190
2216
|
},
|
|
@@ -2198,6 +2224,7 @@ function MultiSearchableSelect(props) {
|
|
|
2198
2224
|
value: item,
|
|
2199
2225
|
itemId: String(item.id),
|
|
2200
2226
|
label: itemToString(item),
|
|
2227
|
+
disabled: item.disabled,
|
|
2201
2228
|
inputType,
|
|
2202
2229
|
renderItem: renderItem ? () => renderItem(item) : () => itemToString(item)
|
|
2203
2230
|
},
|