@sproutsocial/seeds-react-menu 0.2.2 → 0.3.0

package/.turbo/turbo-build.log

@@ -8,14 +8,14 @@ CLI Target: es2022
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-ESM dist/esm/index.js     80.43 KB
-ESM dist/esm/index.js.map 251.90 KB
-ESM ⚡️ Build success in 486ms
-CJS dist/index.js     85.03 KB
-CJS dist/index.js.map 252.76 KB
-CJS ⚡️ Build success in 495ms
+ESM dist/esm/index.js     80.99 KB
+ESM dist/esm/index.js.map 254.93 KB
+ESM ⚡️ Build success in 542ms
+CJS dist/index.js     85.59 KB
+CJS dist/index.js.map 255.79 KB
+CJS ⚡️ Build success in 566ms
 DTS Build start
-DTS ⚡️ Build success in 11030ms
-DTS dist/index.d.ts  13.55 KB
-DTS dist/index.d.mts 13.55 KB
-Done in 13.63s.
+DTS ⚡️ Build success in 15441ms
+DTS dist/index.d.ts  15.86 KB
+DTS dist/index.d.mts 15.86 KB
+Done in 19.62s.

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @sproutsocial/seeds-react-menu
 
+## 0.3.0
+
+### Minor Changes
+
+- 1178353: Implements isSingleSelect prop on MenuGroup
+  - This prop allows you to specify that only one item in the MenuGroup can be selected at a time.
+    - This prop is necessary if you need to combine multiple single-select MenuGroups or a mix of single-select and multi-select MenuGroups within a single Menu.
+    - In this case, you should use MultiSelectMenu and set isSingleSelect to true on the MenuGroup(s) that should only allow one selection.
+  - By contrast, the SingleSelectMenu component only allows one item to be selected across all MenuGroups.
+    - If you only have one MenuGroup, or if you only want to allow a single selection across all MenuGroups, you should use SingleSelectMenu instead.
+    - SingleSelectMenu ignores the `isSingleSelect` prop on MenuGroup.
+
+## 0.2.3
+
+### Patch Changes
+
+- 753d7c9: Fix various ts issues for Menu.Item, Collapsible, and VisuallyHidden
+
 ## 0.2.2
 
 ### Patch Changes

package/dist/esm/index.js

@@ -1900,12 +1900,12 @@ var MenuItem = ({
   ...props
 }) => {
   const { getItemProps, itemsMap, highlightedIndex, isListbox } = useContext3(MenuContext);
+  const item = itemsMap[id] || { index: 0, id };
   const { ...optionProps } = useOptionProps({
     id,
     children,
     ...props
   });
-  const item = itemsMap[id] || { index: 0, id };
   const highlighted = highlightedIndex === item?.index;
   return /* @__PURE__ */ jsx3(MenuItemContainer, { role: "none", children: /* @__PURE__ */ jsx3(
     StyledMenuItem,
@@ -2038,7 +2038,7 @@ var MenuContent = ({
       autoFocus: true,
       id,
       tabIndex: 0,
-      onKeyDown: getToggleButtonProps?.().onKeyDown,
+      onKeyDown: getToggleButtonProps?.()["onKeyDown"] || void 0,
       "aria-activedescendant": getToggleButtonProps?.()["aria-activedescendant"],
       ...getMenuProps?.(
         {
@@ -2225,6 +2225,8 @@ var MenuGroup = ({
   children,
   title,
   color: color2,
+  isSingleSelect,
+  id,
   ...rest
 }) => {
   const titleId = `menu-group-title-${Math.random().toString(36).slice(2, 11)}`;
@@ -2232,6 +2234,8 @@ var MenuGroup = ({
     StyledMenuGroup,
     {
       role: "group",
+      id,
+      isSingleSelect,
       "aria-labelledby": title ? titleId : void 0,
       color: color2,
       ...rest,
@@ -2365,12 +2369,16 @@ var useItemsFromChildren = ({
     const allMenuItemElements = getAllMenuItems(children);
     const menuItemsMap2 = {};
     const allMenuItems2 = allMenuItemElements.map(
-      ({ element }, index) => {
+      ({ element, parents }, index) => {
+        const parentMenuGroup = parents.find(
+          (parent) => checkIfIsElement(parent, "MenuGroup")
+        );
         const item = {
           id: element.props.id,
           disabled: element.props.disabled,
           index,
-          menuItemProps: element.props
+          menuItemProps: element.props,
+          menuGroupProps: parentMenuGroup ? parentMenuGroup.props : void 0
         };
         menuItemsMap2[`${item.id}`] = item;
         return item;
@@ -2604,6 +2612,12 @@ var MultiSelectMenu = ({
           } else {
             addSelectedItem(newSelectedItem);
           }
+          if (newSelectedItem.menuGroupProps?.isSingleSelect) {
+            const groupItems = selectedItems.filter(
+              (item) => item.menuGroupProps?.id === newSelectedItem.menuGroupProps?.id
+            );
+            groupItems.forEach((item) => removeSelectedItem(item));
+          }
           break;
         default:
           break;