sellmate-design-system-react 9.0.0-beta.13 → 9.0.0-beta.14

package/dist/index.js

@@ -3345,7 +3345,11 @@ var SCard = /* @__PURE__ */ forwardRef(function SCard2({ bordered = false, class
     "div",
     {
       ref,
-      className: cn("h-fit rounded-[8px] bg-white", bordered && "border border-grey-30", className),
+      className: cn(
+        "h-fit overflow-hidden rounded-[8px] bg-white",
+        bordered && "border border-grey-30",
+        className
+      ),
       ...rest,
       children
     }
@@ -8301,6 +8305,29 @@ function findGnbAncestors(items, value) {
   };
   return walk(items, []) ?? [];
 }
+function findGnbDescendantBranchValues(items, value) {
+  const find = (list) => {
+    for (const item of list) {
+      if (item.value === value) return item;
+      if (item.children) {
+        const found = find(item.children);
+        if (found) return found;
+      }
+    }
+    return void 0;
+  };
+  const collect = (list, acc) => {
+    for (const item of list) {
+      if (item.children && item.children.length > 0) {
+        acc.push(item.value);
+        collect(item.children, acc);
+      }
+    }
+    return acc;
+  };
+  const target = find(items);
+  return target?.children ? collect(target.children, []) : [];
+}
 var LABEL_TIP_HIDE_DELAY_MS = 100;
 var DEPTH_PADDING_LEFT = (M, depth) => depth === 1 ? M.depth1PaddingLeft : depth === 2 ? M.depth2PaddingLeft : M.depth3PaddingLeft;
 var SGnb = /* @__PURE__ */ forwardRef(function SGnb2({
@@ -8341,8 +8368,12 @@ var SGnb = /* @__PURE__ */ forwardRef(function SGnb2({
   const H = GNB_HEADER[header];
   const M = GNB_MENU[type];
   const C = GNB_COLORS[color];
+  const branchWithDescendants = (key) => [
+    key,
+    ...findGnbDescendantBranchValues(items, key)
+  ];
   const [expandedKeys, setExpandedKeys] = useState(
-    () => new Set(findGnbAncestors(items, value))
+    () => new Set(findGnbAncestors(items, value).flatMap(branchWithDescendants))
   );
   const [hoveredKey, setHoveredKey] = useState(null);
   const [labelTip, setLabelTip] = useState(null);
@@ -8389,12 +8420,15 @@ var SGnb = /* @__PURE__ */ forwardRef(function SGnb2({
     () => findGnbRailValue(items, value) ?? items[0]?.value
   );
   useEffect(() => {
-    const ancestors = findGnbAncestors(items, value);
-    if (ancestors.length === 0) return;
+    const keys = findGnbAncestors(items, value).flatMap((ancestor) => [
+      ancestor,
+      ...findGnbDescendantBranchValues(items, ancestor)
+    ]);
+    if (keys.length === 0) return;
     setExpandedKeys((prev) => {
-      if (ancestors.every((a) => prev.has(a))) return prev;
+      if (keys.every((key) => prev.has(key))) return prev;
       const next = new Set(prev);
-      ancestors.forEach((a) => next.add(a));
+      keys.forEach((key) => next.add(key));
       return next;
     });
   }, [items, value]);
@@ -8411,10 +8445,12 @@ var SGnb = /* @__PURE__ */ forwardRef(function SGnb2({
     setExpandedKeys((prev) => {
       const next = new Set(prev);
       if (next.has(key)) {
-        next.delete(key);
+        branchWithDescendants(key).forEach((descendant) => next.delete(descendant));
       } else {
-        findGnbSiblingValues(items, key).forEach((sibling) => next.delete(sibling));
-        next.add(key);
+        findGnbSiblingValues(items, key).forEach(
+          (sibling) => branchWithDescendants(sibling).forEach((descendant) => next.delete(descendant))
+        );
+        branchWithDescendants(key).forEach((descendant) => next.add(descendant));
       }
       return next;
     });