@xfers/design-system 8.0.0-dev.0d1c1edcc0 → 8.0.0-dev.1a0ffe113e

package/dist/components/Sidebar/SidebarNavItem.js

@@ -8,24 +8,11 @@ const styles_1 = require("./styles");
 const MaterialSymbols_1 = __importDefault(require("../../icons/MaterialSymbols/MaterialSymbols"));
 const Tag_1 = __importDefault(require("../Tag"));
 const SidebarSubItem_1 = __importDefault(require("./SidebarSubItem"));
-const SidebarNavItem = ({ id, icon, label, variant = 'business', active = false, onClick, subItems, isExpanded = false, tag, autoSelectFirstSubItem = false, }) => {
+const SidebarNavItem = ({ id, icon, label, variant = 'business', active = false, onClick, subItems, isExpanded = false, tag, }) => {
     const color = (0, styles_1.itemTextColor)(variant, active);
     const hasSubItems = Boolean(subItems && subItems.length > 0);
-    const handleClick = () => {
-        var _a, _b, _c;
-        // Fire the parent handler (consumer toggles expansion). If auto-select is
-        // on and this click is opening a collapsed group, also select the first
-        // sub-item so it's active without a second click.
-        if (autoSelectFirstSubItem &&
-            hasSubItems &&
-            !isExpanded &&
-            ((_a = subItems === null || subItems === void 0 ? void 0 : subItems[0]) === null || _a === void 0 ? void 0 : _a.onClick)) {
-            (_c = (_b = subItems[0]).onClick) === null || _c === void 0 ? void 0 : _c.call(_b);
-        }
-        onClick === null || onClick === void 0 ? void 0 : onClick();
-    };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(styles_1.NavItemWrapper, { variant: variant, active: active, onClick: handleClick, "data-id": id },
+        react_1.default.createElement(styles_1.NavItemWrapper, { variant: variant, active: active, onClick: onClick, "data-id": id },
             react_1.default.createElement(MaterialSymbols_1.default, { icon: icon, size: "m", fill: active ? 1 : 0, color: color }),
             react_1.default.createElement(styles_1.NavItemLabel, { variant: variant, active: active }, label),
             tag && (react_1.default.createElement(Tag_1.default, { type: "positive", variant: "filled", size: "sm" }, tag)),

package/dist/components/Sidebar/SidebarNavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarNavItem.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarNavItem.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,qCAKiB;AAEjB,kGAAyE;AACzE,iDAAwB;AACxB,sEAA6C;AA6B7C,MAAM,cAAc,GAAG,CAAC,EACtB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,GAAG,EACH,sBAAsB,GAAG,KAAK,GACV,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAA,sBAAa,EAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAE5D,MAAM,WAAW,GAAG,GAAG,EAAE;;QACvB,0EAA0E;QAC1E,wEAAwE;QACxE,kDAAkD;QAClD,IACE,sBAAsB;YACtB,WAAW;YACX,CAAC,UAAU;aACX,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,0CAAE,OAAO,CAAA,EACtB,CAAC;YACD,MAAA,MAAA,QAAQ,CAAC,CAAC,CAAC,EAAC,OAAO,kDAAI,CAAA;QACzB,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL;QACE,8BAAC,uBAAc,IACb,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,aACX,EAAE;YAEX,8BAAC,yBAAe,IACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,KAAK,GACZ;YACF,8BAAC,qBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAC3C,KAAK,CACO;YACd,GAAG,IAAI,CACN,8BAAC,aAAG,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,IAC5C,GAAG,CACA,CACP;YACA,WAAW,IAAI,CACd,8BAAC,0BAAiB;gBAChB,8BAAC,yBAAe,IACd,IAAI,EAAC,qBAAqB,EAC1B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,GAC/D,CACgB,CACrB,CACc;QAChB,UAAU;YACT,QAAQ;YACR,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,8BAAC,wBAAc,IACb,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,OAAO,EAAE,GAAG,CAAC,OAAO,GACpB,CACH,CAAC,CACH,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA"}
+{"version":3,"file":"SidebarNavItem.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarNavItem.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,qCAKiB;AAEjB,kGAAyE;AACzE,iDAAwB;AACxB,sEAA6C;AAuB7C,MAAM,cAAc,GAAG,CAAC,EACtB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,UAAU,EACpB,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,GAAG,GACiB,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,IAAA,sBAAa,EAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAE5D,OAAO,CACL;QACE,8BAAC,uBAAc,IACb,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aACP,EAAE;YAEX,8BAAC,yBAAe,IACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,KAAK,GACZ;YACF,8BAAC,qBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAC3C,KAAK,CACO;YACd,GAAG,IAAI,CACN,8BAAC,aAAG,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,IAC5C,GAAG,CACA,CACP;YACA,WAAW,IAAI,CACd,8BAAC,0BAAiB;gBAChB,8BAAC,yBAAe,IACd,IAAI,EAAC,qBAAqB,EAC1B,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,GAC/D,CACgB,CACrB,CACc;QAChB,UAAU;YACT,QAAQ;YACR,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,8BAAC,wBAAc,IACb,GAAG,EAAE,GAAG,CAAC,EAAE,EACX,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,OAAO,EAAE,GAAG,CAAC,OAAO,GACpB,CACH,CAAC,CACH,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA"}

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

@@ -19,12 +19,6 @@ type SidebarNavItemProps = {
     isExpanded?: boolean;
     /** Optional trailing tag text (e.g. "New"). Uses DS Tag component. */
     tag?: string;
-    /**
-     * When true and this item has sub-items, expanding the parent also fires
-     * the first sub-item's onClick, so the child is selected without an extra
-     * click. Only applies on expand (not collapse) and only to the first child.
-     */
-    autoSelectFirstSubItem?: boolean;
 };
-declare const SidebarNavItem: ({ id, icon, label, variant, active, onClick, subItems, isExpanded, tag, autoSelectFirstSubItem, }: SidebarNavItemProps) => React.JSX.Element;
+declare const SidebarNavItem: ({ id, icon, label, variant, active, onClick, subItems, isExpanded, tag, }: SidebarNavItemProps) => React.JSX.Element;
 export default SidebarNavItem;

package/es/index.js

@@ -1462,7 +1462,7 @@ padding-top:
   z-index: 1;
   height: 100%;
   overflow-y: auto;
-`,_m={Base:bm,Provider:fm,Trigger:mm},wm=({label:t,variant:e="business",active:n=!1,onClick:i})=>et.createElement(nm,{variant:e,active:n,onClick:i},et.createElement(im,{variant:e,active:n},t)),km=({id:t,icon:e,label:n,variant:i="business",active:o=!1,onClick:r,subItems:a,isExpanded:s=!1,tag:l,autoSelectFirstSubItem:c=!1})=>{const d=Gf(i,o),h=Boolean(a&&a.length>0);return et.createElement(et.Fragment,null,et.createElement(Qf,{variant:i,active:o,onClick:()=>{var t,e,n;c&&h&&!s&&(null===(t=null==a?void 0:a[0])||void 0===t?void 0:t.onClick)&&(null===(n=(e=a[0]).onClick)||void 0===n||n.call(e)),null==r||r()},"data-id":t},et.createElement(Uh,{icon:e,size:"m",fill:o?1:0,color:d}),et.createElement(tm,{variant:i,active:o},n),l&&et.createElement(Jh,{type:"positive",variant:"filled",size:"sm"},l),h&&et.createElement(em,null,et.createElement(Uh,{icon:"keyboard_arrow_down",size:"m",color:d,style:s?{transform:"rotate(180deg)"}:void 0}))),s&&a&&a.map(t=>et.createElement(wm,{key:t.id,label:t.label,variant:i,active:t.active,onClick:t.onClick})))},Em=Hn.div`
+`,_m={Base:bm,Provider:fm,Trigger:mm},wm=({label:t,variant:e="business",active:n=!1,onClick:i})=>et.createElement(nm,{variant:e,active:n,onClick:i},et.createElement(im,{variant:e,active:n},t)),km=({id:t,icon:e,label:n,variant:i="business",active:o=!1,onClick:r,subItems:a,isExpanded:s=!1,tag:l})=>{const c=Gf(i,o),d=Boolean(a&&a.length>0);return et.createElement(et.Fragment,null,et.createElement(Qf,{variant:i,active:o,onClick:r,"data-id":t},et.createElement(Uh,{icon:e,size:"m",fill:o?1:0,color:c}),et.createElement(tm,{variant:i,active:o},n),l&&et.createElement(Jh,{type:"positive",variant:"filled",size:"sm"},l),d&&et.createElement(em,null,et.createElement(Uh,{icon:"keyboard_arrow_down",size:"m",color:c,style:s?{transform:"rotate(180deg)"}:void 0}))),s&&a&&a.map(t=>et.createElement(wm,{key:t.id,label:t.label,variant:i,active:t.active,onClick:t.onClick})))},Em=Hn.div`
   position: absolute;
   top: calc(100% + 4px);
   left: 0;