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

package/dist/components/SCard/SCard.d.ts

@@ -3,5 +3,5 @@ export interface SCardProps extends HTMLAttributes<HTMLDivElement> {
     /** 테두리 표시 여부 */
     bordered?: boolean;
 }
-/** SCard — sd-card 포팅. 라운드 8px, 흰 배경, 옵션 테두리. */
+/** SCard — sd-card 포팅. 라운드 8px, 흰 배경, 옵션 테두리. 콘텐츠는 라운드 경계에서 잘린다. */
 export declare const SCard: import("react").ForwardRefExoticComponent<SCardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/SGnb/gnb.config.d.ts

@@ -162,3 +162,8 @@ export declare function findGnbRailValue(items: SGnbMenuItem[], value: string):
 export declare function findGnbSiblingValues(items: SGnbMenuItem[], value: string): string[];
 /** value 로 선택된 아이템의 조상 value 목록(자기 자신 제외)을 반환 → 자동 펼침용 */
 export declare function findGnbAncestors(items: SGnbMenuItem[], value: string): string[];
+/**
+ * value 를 가진 아이템 아래의 **하위 가지**(children 을 가진 자손) value 목록을 반환.
+ * 부모를 펼칠 때 그 아래 가지도 전부 함께 펼치는 용도 — 리프는 펼침 대상이 아니라 제외한다.
+ */
+export declare function findGnbDescendantBranchValues(items: SGnbMenuItem[], value: string): string[];

package/dist/index.cjs

@@ -3373,7 +3373,11 @@ var SCard = /* @__PURE__ */ react.forwardRef(function SCard2({ bordered = false,
     "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
     }
@@ -8329,6 +8333,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__ */ react.forwardRef(function SGnb2({
@@ -8369,8 +8396,12 @@ var SGnb = /* @__PURE__ */ react.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] = react.useState(
-    () => new Set(findGnbAncestors(items, value))
+    () => new Set(findGnbAncestors(items, value).flatMap(branchWithDescendants))
   );
   const [hoveredKey, setHoveredKey] = react.useState(null);
   const [labelTip, setLabelTip] = react.useState(null);
@@ -8417,12 +8448,15 @@ var SGnb = /* @__PURE__ */ react.forwardRef(function SGnb2({
     () => findGnbRailValue(items, value) ?? items[0]?.value
   );
   react.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]);
@@ -8439,10 +8473,12 @@ var SGnb = /* @__PURE__ */ react.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;
     });