@ck-ui/component-library 2.0.2 → 2.0.3

package/dist/components/Sidebar/hooks/useMenuState.js

@@ -1,51 +1,69 @@
-import { useState as u, useEffect as S, useCallback as g } from "react";
-import { isTreeActive as n } from "../Sidebar.utils.js";
-function p({ menuItems: r, currentPath: c }) {
-  const [h, d] = u({});
-  S(() => {
-    if (!r.length) return;
-    const e = {}, s = (i, a = 0) => {
-      for (const o of i)
-        if (n(o, c, r)) {
-          e[`${a}-${o.name}`] = !0, o.dashboardServices && s(o.dashboardServices, a + 1);
+import { useState as E, useEffect as v, useCallback as j } from "react";
+import { isTreeActive as S } from "../Sidebar.utils.js";
+function w({ menuItems: c, currentPath: n, maxOpenParents: b, maxOpenChildren: h }) {
+  const [$, l] = E({});
+  v(() => {
+    if (!c.length) return;
+    const e = {}, t = (f, r = 0) => {
+      for (const o of f)
+        if (S(o, n, c)) {
+          e[`${r}-${o.name}`] = !0, o.dashboardServices && t(o.dashboardServices, r + 1);
           break;
         }
     };
-    s(r), d(e);
-  }, [r]), S(() => {
-    if (!r.length) return;
-    const e = {}, s = (i, a = 0) => {
-      for (const o of i)
-        if (n(o, c, r)) {
-          e[`${a}-${o.name}`] = !0, o.dashboardServices && s(o.dashboardServices, a + 1);
+    t(c), l(e);
+  }, [c]), v(() => {
+    if (!c.length) return;
+    const e = {}, t = (f, r = 0) => {
+      for (const o of f)
+        if (S(o, n, c)) {
+          e[`${r}-${o.name}`] = !0, o.dashboardServices && t(o.dashboardServices, r + 1);
           break;
         }
     };
-    s(r), d((i) => ({ ...i, ...e }));
-  }, [c]);
-  const v = g(
-    (e, s, i) => {
-      d((a) => {
-        const o = { ...a };
-        if (s === 0 && (Object.keys(o).forEach((f) => {
-          f !== e && delete o[f];
-        }), !a[e] && i.dashboardServices)) {
-          const f = ($, b) => {
-            for (const t of $)
-              if (n(t, c, r)) {
-                o[`${b}-${t.name}`] = !0, t.dashboardServices && f(t.dashboardServices, b + 1);
-                break;
-              }
-          };
-          f(i.dashboardServices, s + 1);
+    t(c), l((f) => ({ ...f, ...e }));
+  }, [n]);
+  const u = j(
+    (e, t, f) => {
+      l((r) => {
+        const o = { ...r }, g = !r[e];
+        if (g) {
+          if (t === 0 && b !== void 0) {
+            const s = Object.keys(o).filter(
+              (i) => i.startsWith("0-") && o[i]
+            );
+            s.length >= b && s.slice(0, s.length - b + 1).forEach((d) => {
+              delete o[d], Object.keys(o).forEach((a) => {
+                a !== d && o[a] && parseInt(a.split("-")[0], 10);
+              });
+            });
+          } else if (t > 0 && h !== void 0) {
+            const s = Object.keys(o).filter(
+              (i) => i.startsWith(`${t}-`) && o[i] && i !== e
+            );
+            s.length >= h && s.slice(0, s.length - h + 1).forEach((d) => {
+              delete o[d];
+            });
+          } else if (t === 0 && b === void 0 && (Object.keys(o).forEach((s) => {
+            s !== e && delete o[s];
+          }), f.dashboardServices)) {
+            const s = (i, d) => {
+              for (const a of i)
+                if (S(a, n, c)) {
+                  o[`${d}-${a.name}`] = !0, a.dashboardServices && s(a.dashboardServices, d + 1);
+                  break;
+                }
+            };
+            s(f.dashboardServices, t + 1);
+          }
         }
-        return o[e] = !a[e], o;
+        return o[e] = g, o;
       });
     },
-    [c, r]
+    [n, c, b, h]
   );
-  return { openByLevel: h, toggleMenu: v };
+  return { openByLevel: $, toggleMenu: u };
 }
 export {
-  p as useMenuState
+  w as useMenuState
 };

package/dist/components/Sidebar/index.js

@@ -2,7 +2,7 @@ import { Sidebar as o, Sidebar as t } from "./Sidebar.js";
 import { MenuRenderer as i } from "./components/MenuRenderer/index.js";
 import { MenuItemWrapper as a } from "./components/MenuItemWrapper/index.js";
 import { SubMenuWrapper as x } from "./components/SubMenuWrapper/index.js";
-import { C as u } from "../../index-DKHB_5Ee.js";
+import { C as u } from "../../index-CSxlVCTW.js";
 import { ExploreSection as d } from "./components/ExploreSection/index.js";
 import { ModuleSwitchButton as s } from "./components/ModuleSwitchButton/index.js";
 import { ContactUsButton as D } from "./components/ContactUsButton/index.js";

package/dist/components/Sidebar/types/sidebar.types.d.ts

@@ -44,5 +44,8 @@ export interface SidebarProps {
     renderFooter?: () => ReactNode;
     /** Optional header slot for rendering custom content at the top (above module switch). */
     renderHeader?: () => ReactNode;
+    showChildIcons?: boolean;
+    maxOpenParents?: number;
+    maxOpenChildren?: number;
 }
 //# sourceMappingURL=sidebar.types.d.ts.map

package/dist/components/Sidebar/types/sidebar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/types/sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,uDAAuD;IACvD,SAAS,EAAE,eAAe,EAAE,CAAC;IAE7B,uEAAuE;IACvE,WAAW,EAAE,MAAM,CAAC;IAEpB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAC;IAEnB,iDAAiD;IACjD,qBAAqB,CAAC,EAAE,WAAW,EAAE,CAAC;IAEtC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAE1B,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC;IAEnD,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAE/C,6DAA6D;IAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEvD,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAElD,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;IAE/B,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;CAChC"}
+{"version":3,"file":"sidebar.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/types/sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,uDAAuD;IACvD,SAAS,EAAE,eAAe,EAAE,CAAC;IAE7B,uEAAuE;IACvE,WAAW,EAAE,MAAM,CAAC;IAEpB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAC;IAEnB,iDAAiD;IACjD,qBAAqB,CAAC,EAAE,WAAW,EAAE,CAAC;IAEtC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAE1B,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC;IAEnD,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAE/C,6DAA6D;IAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEvD,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAElD,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;IAE/B,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/{index-DKHB_5Ee.js → index-CSxlVCTW.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { useState as k, useRef as a } from "react";
-import { s as n } from "./styles.module-V3iL6ubH.js";
+import { s as n } from "./styles.module-xqgv3wwP.js";
 import './assets/index-C_Tn9jS-.css';const f = "_active_1ugk5_80", o = {
   "sidebar-popup": "_sidebar-popup_1ugk5_1",
   "popover-container": "_popover-container_1ugk5_7",

package/dist/styles.module-xqgv3wwP.js

@@ -0,0 +1,12 @@
+import './assets/styles-DGlqPkdv.css';const e = "_nested_1sba1_21", t = "_active_1sba1_29", _ = {
+  "sidebar-menu-item": "_sidebar-menu-item_1sba1_1",
+  nested: e,
+  active: t,
+  "leaf-item": "_leaf-item_1sba1_39",
+  "active-indicator": "_active-indicator_1sba1_47",
+  "menu-icon": "_menu-icon_1sba1_58",
+  "menu-content": "_menu-content_1sba1_75"
+};
+export {
+  _ as s
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ck-ui/component-library",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/index-DrxnMAdp.css

@@ -1 +0,0 @@
-._submenu_kaorb_1{margin:2px 0}._submenu_kaorb_1._with-child_kaorb_4{border-radius:8px}._submenu_kaorb_1._with-child_kaorb_4>._parent-item_kaorb_7{margin:0;background-color:var(--ckcl-primary-80, #F1F6FF);border-color:var(--ckcl-primary-200, #B0CDF6);border-radius:8px}._submenu_kaorb_1._with-child_kaorb_4 ._submenu-children_kaorb_13{padding-left:0}._submenu_kaorb_1._with-child_kaorb_4 ._submenu-children_kaorb_13 ._submenu-children-inner_kaorb_16{margin-left:22px;margin-top:8px;padding-left:14px;border-left:1px solid var(--ckcl-primary-300, #81AFF0);position:relative}._submenu-label_kaorb_24{display:flex;justify-content:space-between;align-items:center;width:100%}._submenu-children_kaorb_13{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}._submenu-children_kaorb_13>*{overflow:hidden}._submenu-children_kaorb_13._open_kaorb_39{grid-template-rows:1fr}._submenu-children_kaorb_13._open_kaorb_39>*{overflow:visible}._submenu-children-inner_kaorb_16{overflow:hidden}._arrow_kaorb_50{display:inline-flex;align-items:center;transition:transform .2s ease;padding-left:4px;color:var(--ckcl-black-400, #737373);transform:rotate(90deg)}._arrow_kaorb_50 svg{width:6px;height:10px}._rotate_kaorb_63{transform:rotate(-90deg)}._menu-icon_kaorb_67{display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid transparent;width:28px;min-width:28px;height:28px;margin-right:10px;transition:background-color .15s ease,border-color .15s ease}._menu-icon_kaorb_67 img,._menu-icon_kaorb_67 svg{max-width:16px;max-height:16px}._menu-content_kaorb_84{font-size:var(--ckcl-fs-xs, 12px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/dist/assets/styles-BCYQ4rbx.css

@@ -1 +0,0 @@
-._sidebar-menu-item_1qm5r_1{display:flex;align-items:center;margin:2px 0;padding:8px 12px;cursor:pointer;border-radius:8px;border:1px solid transparent;color:var(--ckcl-black-500, #2B2B2B);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckcl-leading-sm, 16px);font-weight:var(--ckcl-font-weight-regular, 400);text-decoration:none;outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}._sidebar-menu-item_1qm5r_1:hover{background-color:var(--ckcl-primary-80, #F1F6FF);color:var(--ckcl-primary-500, #3A72E4)}._sidebar-menu-item_1qm5r_1:hover ._menu-icon_1qm5r_21{background-color:var(--ckcl-primary-100, #D9E6FB);border-color:var(--ckcl-primary-200, #B0CDF6)}._sidebar-menu-item_1qm5r_1:focus-visible{outline:2px solid var(--ckcl-primary-500, #3A72E4);outline-offset:-2px}._sidebar-menu-item_1qm5r_1._active_1qm5r_29{background-color:var(--ckcl-primary-80, #F1F6FF);border-color:var(--ckcl-primary-200, #B0CDF6);color:var(--ckcl-primary-500, #3A72E4)}._sidebar-menu-item_1qm5r_1._active_1qm5r_29 ._menu-icon_1qm5r_21{background-color:var(--ckcl-primary-100, #D9E6FB);border-color:var(--ckcl-primary-200, #B0CDF6)}._leaf-item_1qm5r_39{position:relative}._active-indicator_1qm5r_43{position:absolute;top:50%;width:var(--indicator-width, 3px);height:16px;background-color:var(--ckcl-primary-500, #3A72E4);border-radius:2px;transform:translateY(-50%);margin-left:var(--indicator-nudge, 0px)}._menu-icon_1qm5r_21{display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid transparent;width:28px;min-width:28px;height:28px;margin-right:10px;transition:background-color .15s ease,border-color .15s ease}._menu-icon_1qm5r_21 img,._menu-icon_1qm5r_21 svg{max-width:16px;max-height:16px}._menu-content_1qm5r_71{font-size:var(--ckcl-fs-xs, 12px);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/dist/styles.module-V3iL6ubH.js

@@ -1,11 +0,0 @@
-import './assets/styles-BCYQ4rbx.css';const e = "_active_1qm5r_29", t = {
-  "sidebar-menu-item": "_sidebar-menu-item_1qm5r_1",
-  "menu-icon": "_menu-icon_1qm5r_21",
-  active: e,
-  "leaf-item": "_leaf-item_1qm5r_39",
-  "active-indicator": "_active-indicator_1qm5r_43",
-  "menu-content": "_menu-content_1qm5r_71"
-};
-export {
-  t as s
-};