@sproutsocial/seeds-react-menu 1.12.0 → 1.12.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/.turbo/turbo-build.log +16 -16
- package/CHANGELOG.md +6 -0
- package/dist/esm/v3/index.js +23 -9
- package/dist/esm/v3/index.js.map +1 -1
- package/dist/v3/index.d.mts +3 -1
- package/dist/v3/index.d.ts +3 -1
- package/dist/v3/index.js +23 -9
- package/dist/v3/index.js.map +1 -1
- package/package.json +1 -1
- package/src/v3/MultiCombobox.stories.tsx +51 -1
- package/src/v3/MultiCombobox.tsx +26 -9
package/.turbo/turbo-build.log
CHANGED
|
@@ -8,28 +8,28 @@ $ tsup --dts
|
|
|
8
8
|
[34mCLI[39m Cleaning output folder
|
|
9
9
|
[34mCJS[39m Build start
|
|
10
10
|
[34mESM[39m Build start
|
|
11
|
-
[32mESM[39m [1mdist/esm/index.js [22m[32m73.60 KB[39m
|
|
12
|
-
[32mESM[39m [1mdist/esm/v2/index.js [22m[32m62.63 KB[39m
|
|
13
|
-
[32mESM[39m [1mdist/esm/v3/index.js [22m[32m82.62 KB[39m
|
|
14
|
-
[32mESM[39m [1mdist/esm/chunk-ROQATIB7.js [22m[32m9.15 KB[39m
|
|
15
|
-
[32mESM[39m [1mdist/esm/index.js.map [22m[32m156.29 KB[39m
|
|
16
|
-
[32mESM[39m [1mdist/esm/v2/index.js.map [22m[32m132.57 KB[39m
|
|
17
|
-
[32mESM[39m [1mdist/esm/v3/index.js.map [22m[32m162.12 KB[39m
|
|
18
|
-
[32mESM[39m [1mdist/esm/chunk-ROQATIB7.js.map [22m[32m22.93 KB[39m
|
|
19
|
-
[32mESM[39m ⚡️ Build success in 414ms
|
|
20
11
|
[32mCJS[39m [1mdist/index.js [22m[32m92.65 KB[39m
|
|
12
|
+
[32mCJS[39m [1mdist/v3/index.js [22m[32m94.25 KB[39m
|
|
21
13
|
[32mCJS[39m [1mdist/v2/index.js [22m[32m73.18 KB[39m
|
|
22
|
-
[32mCJS[39m [1mdist/v3/index.js [22m[32m93.77 KB[39m
|
|
23
14
|
[32mCJS[39m [1mdist/index.js.map [22m[32m180.28 KB[39m
|
|
15
|
+
[32mCJS[39m [1mdist/v3/index.js.map [22m[32m162.97 KB[39m
|
|
24
16
|
[32mCJS[39m [1mdist/v2/index.js.map [22m[32m152.19 KB[39m
|
|
25
|
-
[32mCJS[39m
|
|
26
|
-
[
|
|
17
|
+
[32mCJS[39m ⚡️ Build success in 68ms
|
|
18
|
+
[32mESM[39m [1mdist/esm/index.js [22m[32m73.60 KB[39m
|
|
19
|
+
[32mESM[39m [1mdist/esm/chunk-ROQATIB7.js [22m[32m9.15 KB[39m
|
|
20
|
+
[32mESM[39m [1mdist/esm/v2/index.js [22m[32m62.63 KB[39m
|
|
21
|
+
[32mESM[39m [1mdist/esm/v3/index.js [22m[32m83.10 KB[39m
|
|
22
|
+
[32mESM[39m [1mdist/esm/index.js.map [22m[32m156.29 KB[39m
|
|
23
|
+
[32mESM[39m [1mdist/esm/chunk-ROQATIB7.js.map [22m[32m22.93 KB[39m
|
|
24
|
+
[32mESM[39m [1mdist/esm/v2/index.js.map [22m[32m132.57 KB[39m
|
|
25
|
+
[32mESM[39m [1mdist/esm/v3/index.js.map [22m[32m163.02 KB[39m
|
|
26
|
+
[32mESM[39m ⚡️ Build success in 68ms
|
|
27
27
|
[34mDTS[39m Build start
|
|
28
|
-
[32mDTS[39m ⚡️ Build success in
|
|
28
|
+
[32mDTS[39m ⚡️ Build success in 6332ms
|
|
29
29
|
[32mDTS[39m [1mdist/index.d.ts [22m[32m39.11 KB[39m
|
|
30
30
|
[32mDTS[39m [1mdist/v2/index.d.ts [22m[32m5.55 KB[39m
|
|
31
|
-
[32mDTS[39m [1mdist/v3/index.d.ts [22m[32m17.
|
|
31
|
+
[32mDTS[39m [1mdist/v3/index.d.ts [22m[32m17.99 KB[39m
|
|
32
32
|
[32mDTS[39m [1mdist/index.d.mts [22m[32m39.11 KB[39m
|
|
33
33
|
[32mDTS[39m [1mdist/v2/index.d.mts [22m[32m5.55 KB[39m
|
|
34
|
-
[32mDTS[39m [1mdist/v3/index.d.mts [22m[32m17.
|
|
35
|
-
Done in
|
|
34
|
+
[32mDTS[39m [1mdist/v3/index.d.mts [22m[32m17.99 KB[39m
|
|
35
|
+
Done in 7.04s.
|
package/CHANGELOG.md
CHANGED
package/dist/esm/v3/index.js
CHANGED
|
@@ -1425,7 +1425,9 @@ function MultiCombobox(props) {
|
|
|
1425
1425
|
emptyText = "No results found.",
|
|
1426
1426
|
isLoading = false,
|
|
1427
1427
|
loadingText = "Loading...",
|
|
1428
|
-
filter
|
|
1428
|
+
filter,
|
|
1429
|
+
inputValue,
|
|
1430
|
+
onInputValueChange
|
|
1429
1431
|
} = props;
|
|
1430
1432
|
const isChildrenMode = "children" in props && props.children != null;
|
|
1431
1433
|
const data = isChildrenMode ? [] : props.data;
|
|
@@ -1439,7 +1441,9 @@ function MultiCombobox(props) {
|
|
|
1439
1441
|
const groupBy = isChildrenMode ? void 0 : props.groupBy;
|
|
1440
1442
|
const renderGroupHeading = isChildrenMode ? void 0 : props.renderGroupHeading;
|
|
1441
1443
|
const selectHeadings = isChildrenMode ? false : props.selectHeadings ?? false;
|
|
1442
|
-
const
|
|
1444
|
+
const selectAllProp = isChildrenMode ? false : props.selectAll ?? false;
|
|
1445
|
+
const selectAll = Boolean(selectAllProp);
|
|
1446
|
+
const selectAllLabel = typeof selectAllProp === "string" ? selectAllProp : "Select all";
|
|
1443
1447
|
const isVirtualized = isChildrenMode ? false : props.isVirtualized ?? false;
|
|
1444
1448
|
const children = isChildrenMode ? props.children : void 0;
|
|
1445
1449
|
const selectedItemIds = props.selectedItemIds;
|
|
@@ -1466,15 +1470,20 @@ function MultiCombobox(props) {
|
|
|
1466
1470
|
[visibleData, groupBy]
|
|
1467
1471
|
);
|
|
1468
1472
|
const flatItems = React9.useMemo(() => {
|
|
1469
|
-
if (!
|
|
1473
|
+
if (!selectHeadings && !selectAll) return null;
|
|
1474
|
+
if (!groups && !selectAll) return null;
|
|
1470
1475
|
const rows = [];
|
|
1471
1476
|
if (selectAll) rows.push(SELECT_ALL_SENTINEL);
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1477
|
+
if (groups) {
|
|
1478
|
+
for (const group of groups) {
|
|
1479
|
+
rows.push(makeGroupHeaderSentinel(group.value));
|
|
1480
|
+
rows.push(...group.items);
|
|
1481
|
+
}
|
|
1482
|
+
} else {
|
|
1483
|
+
rows.push(...visibleData);
|
|
1475
1484
|
}
|
|
1476
1485
|
return rows;
|
|
1477
|
-
}, [groups, selectHeadings, selectAll]);
|
|
1486
|
+
}, [groups, visibleData, selectHeadings, selectAll]);
|
|
1478
1487
|
function setSelectedItems(items) {
|
|
1479
1488
|
if (!isControlled) setInternalValue(items);
|
|
1480
1489
|
if (onSelectedItemIdsChange)
|
|
@@ -1532,7 +1541,7 @@ function MultiCombobox(props) {
|
|
|
1532
1541
|
const state = selectedCount === 0 ? "none" : selectedCount === totalCount ? "all" : "partial";
|
|
1533
1542
|
return /* @__PURE__ */ jsxs7(ComboboxSelectAllItem, { value: row, children: [
|
|
1534
1543
|
/* @__PURE__ */ jsx9(ComboboxGroupHeaderCheckbox, { $state: state, id: "__selectAll" }),
|
|
1535
|
-
|
|
1544
|
+
selectAllLabel
|
|
1536
1545
|
] }, "__selectAll");
|
|
1537
1546
|
}
|
|
1538
1547
|
if (isGroupHeaderSentinel2(row)) {
|
|
@@ -1580,8 +1589,13 @@ function MultiCombobox(props) {
|
|
|
1580
1589
|
virtualized: isVirtualized,
|
|
1581
1590
|
open,
|
|
1582
1591
|
disabled: props.disabled,
|
|
1583
|
-
onOpenChange:
|
|
1592
|
+
onOpenChange: (nextOpen, eventDetails) => {
|
|
1593
|
+
if (!nextOpen && eventDetails.reason === "item-press") return;
|
|
1594
|
+
setOpen(nextOpen);
|
|
1595
|
+
},
|
|
1584
1596
|
filter,
|
|
1597
|
+
inputValue,
|
|
1598
|
+
onInputValueChange,
|
|
1585
1599
|
onItemHighlighted: isVirtualized ? (item, { reason, index }) => {
|
|
1586
1600
|
const virt = virtualizerRef.current;
|
|
1587
1601
|
if (!item || !virt) return;
|