app-layout-frame 0.0.31 → 0.0.33

package/dist/index.css

@@ -4,8 +4,9 @@
 ._244gq{background:linear-gradient(#fff 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fff 70%) 0 100%,radial-gradient(50% 0,farthest-side,rgba(0,0,0,.2),transparent),radial-gradient(50% 100%,farthest-side,rgba(0,0,0,.2),rgba(0,0,0,.2)) 0 100%;background:linear-gradient(#fff 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.2),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.2),transparent) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;list-style:none;display:flex;flex-direction:column;gap:4px;padding:16px 16px 40px;overflow:auto;overflow-x:hidden}._BLBDK{border-bottom:1px solid var(--color-grey-200);margin-top:12px;margin-bottom:12px;width:180%;margin-left:-15px}._244gq a{text-decoration:none}._BLBDK+._BLBDK{display:none}
 ._1ycHa{padding:10px;border-radius:16px;font-weight:600;font-size:16px;line-height:20px;color:var(--color-grey-500);cursor:pointer;position:relative;min-width:40px;box-sizing:border-box}._1D7jK{background-color:var(--color-eggplant-100);color:var(--color-eggplant-500)}._1ycHa:hover:not(._1D7jK){background-color:var(--color-grey-100);color:var(--color-grey-500)}
 ._amex_{padding:5px 0 5px 22px;color:var(--color-grey-500);display:flex;gap:8px;align-items:center;font-size:14px;line-height:16px;width:197px;box-sizing:border-box}._WdXeV{color:var(--color-eggplant-500);font-weight:600;letter-spacing:-.1px}._1zt6h{padding-left:46px}._amex_:hover:not(._WdXeV){color:var(--color-tangerine-500)}._lLwWh{flex:1;display:flex;justify-content:space-between;align-items:center}
-._1ne7X{position:absolute;min-width:7px;min-height:7px;background-color:var(--color-tangerine-400)}._3jq-L{border:1px solid var(--color-white);border-radius:10px;margin:-10px 0 0 17px}._1caO-{font-size:12px;color:var(--color-white);height:20px;border-radius:50px;margin:-20px 0 0 20px;padding:0 6px;line-height:20px}
+._1ne7X{position:absolute}._1UcHo{top:10px;right:8px}._3Li-q{top:-5px;right:-8px}
 ._3_Pzu{display:flex;flex-direction:column;gap:8px;list-style:none;margin-top:12px}
+._22FqA{position:absolute;min-width:7px;min-height:7px;background-color:var(--color-tangerine-400);border:1px solid var(--color-white);border-radius:10px;margin:0 0 0 -7px}
 ._9ii6i{display:flex;flex-direction:row;gap:12px;height:40px;align-items:center;border-radius:32px;padding-right:10px}._3iCo3{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}._2f0Lu{padding-left:12px}._33PBE{display:flex;flex-direction:row;gap:8px;align-items:center}._2IZqu{overflow:hidden;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;max-width:185px;color:var(--color-grey-500)}@media screen and (max-width:827px){._2IZqu{display:none}}@media screen and (max-width:1417px){._2IZqu{max-width:160px}}
 ._2yvUY{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));border-radius:35px;margin-top:5px}
 ._1Hpad{display:flex;align-items:center;justify-content:space-between;padding:0 25px 0 47px;gap:40px;height:72px;border-bottom:1px solid var(--color-grey-200)}

package/dist/index.js

@@ -1,2 +1,2 @@
-function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}require("@7shifts/sous-chef/dist/index.css");var t,a,n=require("react"),r=e(n),l=e(require("classnames")),i=require("@7shifts/sous-chef"),o=require("react-router-dom"),c={"layout-frame":"_2C1bf","layout-frame--no-height":"___2VV","layout-frame__banner":"_32ZI5","layout-frame__banner--expanded":"_2R4LD","layout-frame__middle-area":"_34YPL","layout-frame__middle-area--full-size":"_jG606","layout-frame__middle-area--no-footer-padding":"_2q-8S","layout-frame__side-bar":"_2dNiZ","layout-frame__side-bar--expanded":"_3kzKX","layout-frame__side-bar--with-banner":"_pHsH6","layout-frame__top-bar":"_299Kx","layout-frame__top-bar--hidden":"_3Gz0Y","layout-frame__content":"_Ri_78"},u=function(){return Boolean(window.navigator.maxTouchPoints)},m=function(e){var t,a=e.as,n=void 0===a?"li":a,o=e.isActive,c=e.children,u={className:l("_1ycHa",(t={},t._1D7jK=void 0!==o&&o,t))},m=r.createElement(i.Inline,{alignItems:"center",space:16,flex:["0 1 auto","0 0 142px"]},c);return r.createElement(n,u,m)},s=function(e){var t,a=e.isActive,n=e.icon,o=e.badge,c=e.children,u="string"==typeof o&&""!==o,m="number"==typeof o&&o>0;return r.createElement("li",{className:l("_amex_",(t={},t._WdXeV=void 0!==a&&a,t._1zt6h=!n,t))},n,r.createElement("div",{className:"_lLwWh"},c,m&&r.createElement(i.Badge,null,function(e){if("number"==typeof e){if(e>0&&e<=99)return String(e);if(e>99)return"99+"}else if("string"==typeof e)return"0"===e?null:parseInt(e)>99?"99+":e;return null}(o)),u&&r.createElement(i.Chip,null,o)))},d=function(e){var t,a=e.children;return r.createElement("span",{className:l("_1ne7X",(t={},t["_3jq-L"]="boolean"==typeof a,t["_1caO-"]="number"==typeof a,t)),"data-testid":"notification-badge"},a)},f={"side-nav-menu-item-group__submenu":"_3_Pzu"},p=function(e){var t=e.isExpanded,a=e.toggleExpand,l=e.item,c=l.label,u=l.badge,p=Boolean(l.items.find(function(e){return e.isActive})),g=n.useState(!!p),_=g[0],v=g[1],E=l.items.sort(function(e,t){return Number(e.isPaywalled||!1)-Number(t.isPaywalled||!1)}),y=l.icon;return r.createElement("li",{className:f["side-nav-menu-item-group"]},r.createElement(o.Link,{to:l.url||l.items[0].url,key:c,onClick:function(){if(!t&&p&&a)return a(),void v(!0);_&&!p||v(!_)}},r.createElement(m,{as:"div",isActive:p},y&&r.createElement(r.Fragment,null,r.createElement(y,null),u>0?r.createElement(d,null):void 0),t&&c)),t&&p&&r.createElement("ul",{className:f["side-nav-menu-item-group__submenu"]},E.map(function(e){return r.createElement(o.Link,{to:e.url,key:e.label,onClick:function(){e.onClick&&e.onClick()}},r.createElement(s,{isActive:e.isActive,badge:e.badge,icon:e.isPaywalled?r.createElement(i.IconAward,{size:"medium",color:"eggplant-500"}):void 0},e.label))})))};function g(e,t){if(!e){"undefined"!=typeof console&&console.warn(t);try{throw new Error(t)}catch(e){}}}!function(e){e.Pop="POP",e.Push="PUSH",e.Replace="REPLACE"}(t||(t={})),function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"}(a||(a={}));var _=function(e){var t=e.isExpanded,a=e.item,n=a.url,l=a.label,i=a.badge,c=a.icon,u=!!function(e,t){"string"==typeof e&&(e={path:e,caseSensitive:!1,end:!0});let[a,n]=function(e,t,a){void 0===t&&(t=!1),void 0===a&&(a=!0),g("*"===e||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were "'+e.replace(/\*$/,"/*")+'" because the `*` character must always follow a `/` in the pattern. To get rid of this warning, please change the route path to "'+e.replace(/\*$/,"/*")+'".');let n=[],r="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^$?{}|()[\]]/g,"\\$&").replace(/\/:(\w+)/g,(e,t)=>(n.push(t),"/([^\\/]+)"));return e.endsWith("*")?(n.push("*"),r+="*"===e||"/*"===e?"(.*)$":"(?:\\/(.+)|\\/*)$"):a?r+="\\/*$":""!==e&&"/"!==e&&(r+="(?:(?=\\/|$))"),[new RegExp(r,t?void 0:"i"),n]}(e.path,e.caseSensitive,e.end),r=t.match(a);if(!r)return null;let l=r[0],i=l.replace(/(.)\/+$/,"$1"),o=r.slice(1);return{params:n.reduce((e,t,a)=>("*"===t&&(i=l.slice(0,l.length-(o[a]||"").length).replace(/(.)\/+$/,"$1")),e[t]=function(e,t){try{return decodeURIComponent(e)}catch(a){return g(!1,'The value for the URL param "'+t+'" will not be decoded because the string "'+e+'" is a malformed URL segment. This is probably due to a bad percent encoding ('+a+")."),e}}(o[a]||"",t),e),{}),pathname:l,pathnameBase:i,pattern:e}}(window.location.pathname,n);return r.createElement(o.Link,{to:n,key:l,onClick:function(e){u&&e.preventDefault(),a.onClick&&a.onClick()}},r.createElement(m,{isActive:u},c&&r.createElement(r.Fragment,null,r.createElement(c,null),i>0?r.createElement(d,null):void 0),t&&l))},v=function(e){var t=e.isExpanded,a=e.toggleExpand,n=E(e.navItems);return r.createElement("ul",{className:"_244gq"},n.map(function(e,l){return"type"in e?l===n.length-1?null:r.createElement("div",{key:l,className:"_BLBDK"}):"items"in e?r.createElement(p,{key:e.label,isExpanded:t,item:e,toggleExpand:a}):r.createElement(_,{key:e.label,isExpanded:t,item:e})}))},E=function(e){return e.filter(function(t,a){return"type"in t?!(a===e.length-1):t.isShowing})},y=function(e){var t=e.navPosition,a=void 0===t?"collapsed":t,n=e.toggleExpand,l=e.navItems,o=e.appLogo,c="expanded"===a||e.isHovering,m=u();return r.createElement("nav",{className:"_9eWEa"},r.createElement("div",{className:"_2gqbS"},r.createElement(i.Inline,{alignItems:"center",justifyContent:"space-between"},(!m||c)&&r.createElement("div",{className:"_2l01n"},o),(c||m)&&r.createElement("button",{onClick:n,className:"_1Ccg2"},r.createElement("collapsed"===a?i.IconChevronRight:i.IconChevronLeft,null)))),r.createElement(v,{isExpanded:c,toggleExpand:n,navItems:l}))},h=function(e){var t=e.companyLogoURL,a=e.companyName;return r.createElement("div",{className:"_9ii6i"},t&&r.createElement("div",{className:"_3iCo3"},r.createElement(i.Avatar,{size:"large",url:t})),r.createElement(i.Tooltip,{overlay:"Company name"},r.createElement("span",{className:"_2IZqu"},a)))},b=function(e){var t=e.accountMenuDropdown,a=r.createElement("div",{className:"_2yvUY"},r.createElement(i.Avatar,{size:"large",url:e.userPrifileImageURL}));return r.createElement(i.Dropdown,{trigger:a,triggersOn:"hover",zIndex:6},t)},N=function(e){var t=e.actions,a=e.accountMenuDropdown,n=e.userPrifileImageURL;return r.createElement("div",{className:"_1Hpad"},r.createElement("div",null,r.createElement(h,{companyLogoURL:e.companyLogoURL,companyName:e.companyName})),r.createElement(i.Inline,{space:24,alignItems:"center"},r.createElement(i.Inline,{space:12,alignItems:"center"},t),r.createElement(b,{accountMenuDropdown:a,userPrifileImageURL:n})))};exports.LayoutFrame=function(e){var t,a,i,o=e.navItems,m=e.appLogo,s=e.actions,d=e.companyLogoURL,f=e.companyName,p=e.userPrifileImageURL,g=e.accountMenuDropdown,_=e.banner,v=e.children,E=n.useRef(null),h=n.useRef(null),b=n.useState(45),w=b[0],L=b[1];n.useLayoutEffect(function(){h&&h.current&&L(h.current.clientHeight)});var x=function(e,t){var a=n.useState(function(){try{var t=window.localStorage.getItem(e);return!t||JSON.parse(t)}catch(e){return!0}}),r=a[0],l=a[1],i=n.useCallback(function(t){try{var a=t instanceof Function?t(r):t;l(a),window.localStorage.setItem(e,JSON.stringify(a))}catch(e){throw new Error(e)}},[e,r]);return[r,i]}("vertical-nav-is-expanded"),I=x[0],k=x[1],C=n.useState(!1),R=C[0],P=C[1],S=u();return r.createElement("div",{className:c["layout-frame"]},r.createElement("div",{ref:E,className:l(c["layout-frame__side-bar"],(t={},t[c["layout-frame__side-bar--expanded"]]=I,t[c["layout-frame__side-bar--collapsed"]]=!I,t[c["layout-frame__side-bar--with-banner"]]=!!_,t)),onMouseEnter:function(){!S&&P(!0)},onMouseLeave:function(){!S&&P(!1)},style:{width:I||R?240:72,paddingTop:_?w:0}},r.createElement(y,{isHovering:R,navPosition:I?"expanded":"collapsed",toggleExpand:function(){k(!I),I&&E&&P(!1)},navItems:o,appLogo:m})),r.createElement("div",{className:l(c["layout-frame__middle-area"],(a={},a[c["layout-frame__middle-area--full-size"]]=!1,a))},_&&r.createElement("div",{ref:h,className:l(c["layout-frame__banner"],(i={},i[c["layout-frame__banner--expanded"]]=I,i))},_),r.createElement("div",{className:c["layout-frame__top-bar"]},r.createElement(N,{companyLogoURL:d,companyName:f,actions:s,userPrifileImageURL:p,accountMenuDropdown:g})),r.createElement("div",{className:c["layout-frame__content"]},v)))},exports.LoginLayoutFrame=function(e){var t=e.marketingPane,a=e.formBackground,n=e.children;return r.createElement("div",{className:"_3zD6l"},r.createElement("div",{className:"_1Ny96",style:{background:void 0===a?"linear-gradient(235deg, #3a6d7c -8.99%, #2e7eed 85.7%)":a}},r.createElement("div",{className:"_1m5-W"},r.createElement("div",{className:"_2jkua"},e.logo),r.createElement(i.Card,null,n))),r.createElement("div",{className:"_2MMwX"},r.createElement(i.Stack,{justifyContent:"center",alignItems:"center"},t)))},exports.NavButton=function(e){var t=e.badge,a=void 0!==t&&t,n=e.onClick;return r.createElement(i.Tooltip,{overlay:e.tooltipContent},r.createElement("button",{className:"_3RkpO",tabIndex:0,onClick:function(){return n()}},e.children,!!a&&r.createElement(d,null,a)))};
+function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}require("@7shifts/sous-chef/dist/index.css");var t,a,n=require("react"),r=e(n),l=e(require("classnames")),i=require("@7shifts/sous-chef"),o=require("react-router-dom"),c={"layout-frame":"_2C1bf","layout-frame--no-height":"___2VV","layout-frame__banner":"_32ZI5","layout-frame__banner--expanded":"_2R4LD","layout-frame__middle-area":"_34YPL","layout-frame__middle-area--full-size":"_jG606","layout-frame__middle-area--no-footer-padding":"_2q-8S","layout-frame__side-bar":"_2dNiZ","layout-frame__side-bar--expanded":"_3kzKX","layout-frame__side-bar--with-banner":"_pHsH6","layout-frame__top-bar":"_299Kx","layout-frame__top-bar--hidden":"_3Gz0Y","layout-frame__content":"_Ri_78"},s=function(){return Boolean(window.navigator.maxTouchPoints)},u=function(e){var t,a=e.as,n=void 0===a?"li":a,o=e.isActive,c=e.children,s={className:l("_1ycHa",(t={},t._1D7jK=void 0!==o&&o,t))},u=r.createElement(i.Inline,{alignItems:"center",space:16,flex:["0 1 auto","0 0 142px"]},c);return r.createElement(n,s,u)},m=function(e){if("number"==typeof e){if(e>0&&e<=99)return String(e);if(e>99)return"99+"}else if("string"==typeof e)return"0"===e?null:parseInt(e)>99?"99+":e;return null},d=function(e){var t,a=e.isActive,n=e.icon,o=e.badge,c=e.children,s="string"==typeof o&&""!==o,u="number"==typeof o&&o>0;return r.createElement("li",{className:l("_amex_",(t={},t._WdXeV=void 0!==a&&a,t._1zt6h=!n,t))},n,r.createElement("div",{className:"_lLwWh"},c,u&&r.createElement(i.Badge,null,m(o)),s&&r.createElement(i.Chip,null,o)))},p=function(e){var t,a=e.isExpanded,n=e.children;return r.createElement("div",{className:l("_1ne7X",(t={},t._1UcHo=a,t["_3Li-q"]=!a,t))},r.createElement(i.Badge,null,n))},f={"side-nav-menu-item-group__submenu":"_3_Pzu"},E=function(e){var t=e.isExpanded,a=e.toggleExpand,l=e.item,c=l.label,s=l.badge,m=Boolean(l.items.find(function(e){return e.isActive})),E=n.useState(!!m),g=E[0],_=E[1],v=l.items.sort(function(e,t){return Number(e.isPaywalled||!1)-Number(t.isPaywalled||!1)}),y=l.icon;return r.createElement("li",{className:f["side-nav-menu-item-group"]},r.createElement(o.Link,{to:l.url||l.items[0].url,key:c,onClick:function(){if(!t&&m&&a)return a(),void _(!0);g&&!m||_(!g)}},r.createElement(u,{as:"div",isActive:m},y&&r.createElement(r.Fragment,null,r.createElement(y,null),s>0?r.createElement(p,{isExpanded:t}):void 0),t&&c)),t&&m&&r.createElement("ul",{className:f["side-nav-menu-item-group__submenu"]},v.map(function(e){return r.createElement(o.Link,{to:e.url,key:e.label,onClick:function(){e.onClick&&e.onClick()}},r.createElement(d,{isActive:e.isActive,badge:e.badge,icon:e.isPaywalled?r.createElement(i.IconAward,{size:"medium",color:"eggplant-500"}):void 0},e.label))})))};function g(e,t){if(!e){"undefined"!=typeof console&&console.warn(t);try{throw new Error(t)}catch(e){}}}!function(e){e.Pop="POP",e.Push="PUSH",e.Replace="REPLACE"}(t||(t={})),function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"}(a||(a={}));var _=function(){return r.createElement("span",{className:"_22FqA","data-testid":"notification-bullet"})},v=function(e){var t=e.isExpanded,a=e.item,n=a.url,l=a.label,i=a.badge,c=a.icon,s="string"==typeof i&&""!==i,d="number"==typeof i&&i>0,f=!!function(e,t){"string"==typeof e&&(e={path:e,caseSensitive:!1,end:!0});let[a,n]=function(e,t,a){void 0===t&&(t=!1),void 0===a&&(a=!0),g("*"===e||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were "'+e.replace(/\*$/,"/*")+'" because the `*` character must always follow a `/` in the pattern. To get rid of this warning, please change the route path to "'+e.replace(/\*$/,"/*")+'".');let n=[],r="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^$?{}|()[\]]/g,"\\$&").replace(/\/:(\w+)/g,(e,t)=>(n.push(t),"/([^\\/]+)"));return e.endsWith("*")?(n.push("*"),r+="*"===e||"/*"===e?"(.*)$":"(?:\\/(.+)|\\/*)$"):a?r+="\\/*$":""!==e&&"/"!==e&&(r+="(?:(?=\\/|$))"),[new RegExp(r,t?void 0:"i"),n]}(e.path,e.caseSensitive,e.end),r=t.match(a);if(!r)return null;let l=r[0],i=l.replace(/(.)\/+$/,"$1"),o=r.slice(1);return{params:n.reduce((e,t,a)=>("*"===t&&(i=l.slice(0,l.length-(o[a]||"").length).replace(/(.)\/+$/,"$1")),e[t]=function(e,t){try{return decodeURIComponent(e)}catch(a){return g(!1,'The value for the URL param "'+t+'" will not be decoded because the string "'+e+'" is a malformed URL segment. This is probably due to a bad percent encoding ('+a+")."),e}}(o[a]||"",t),e),{}),pathname:l,pathnameBase:i,pattern:e}}(window.location.pathname,n);return r.createElement(o.Link,{to:n,key:l,onClick:function(e){f&&e.preventDefault(),a.onClick&&a.onClick()}},r.createElement(u,{isActive:f},c&&r.createElement(r.Fragment,null,r.createElement(c,null),d?r.createElement(p,{isExpanded:t},m(i)):s?r.createElement(_,null):null),t&&l))},y=function(e){var t=e.isExpanded,a=e.toggleExpand,n=h(e.navItems);return r.createElement("ul",{className:"_244gq"},n.map(function(e,l){return"type"in e?l===n.length-1?null:r.createElement("div",{key:l,className:"_BLBDK"}):"items"in e?r.createElement(E,{key:e.label,isExpanded:t,item:e,toggleExpand:a}):r.createElement(v,{key:e.label,isExpanded:t,item:e})}))},h=function(e){return e.filter(function(t,a){return"type"in t?!(a===e.length-1):t.isShowing})},b=function(e){var t=e.navPosition,a=void 0===t?"collapsed":t,n=e.toggleExpand,l=e.navItems,o=e.appLogo,c="expanded"===a||e.isHovering,u=s();return r.createElement("nav",{className:"_9eWEa"},r.createElement("div",{className:"_2gqbS"},r.createElement(i.Inline,{alignItems:"center",justifyContent:"space-between"},(!u||c)&&r.createElement("div",{className:"_2l01n"},o),(c||u)&&r.createElement("button",{onClick:n,className:"_1Ccg2"},r.createElement("collapsed"===a?i.IconChevronRight:i.IconChevronLeft,null)))),r.createElement(y,{isExpanded:c,toggleExpand:n,navItems:l}))},N=function(e){var t=e.companyLogoURL,a=e.companyName;return r.createElement("div",{className:"_9ii6i"},t&&r.createElement("div",{className:"_3iCo3"},r.createElement(i.Avatar,{size:"large",url:t})),r.createElement(i.Tooltip,{overlay:"Company name"},r.createElement("span",{className:"_2IZqu"},a)))},w=function(e){var t=e.accountMenuDropdown,a=r.createElement("div",{className:"_2yvUY"},r.createElement(i.Avatar,{size:"large",url:e.userPrifileImageURL}));return r.createElement(i.Dropdown,{trigger:a,triggersOn:"hover",zIndex:6},t)},x=function(e){var t=e.actions,a=e.accountMenuDropdown,n=e.userPrifileImageURL;return r.createElement("div",{className:"_1Hpad"},r.createElement("div",null,r.createElement(N,{companyLogoURL:e.companyLogoURL,companyName:e.companyName})),r.createElement(i.Inline,{space:24,alignItems:"center"},r.createElement(i.Inline,{space:12,alignItems:"center"},t),r.createElement(w,{accountMenuDropdown:a,userPrifileImageURL:n})))};exports.LayoutFrame=function(e){var t,a,i,o=e.navItems,u=e.appLogo,m=e.actions,d=e.companyLogoURL,p=e.companyName,f=e.userPrifileImageURL,E=e.accountMenuDropdown,g=e.banner,_=e.children,v=n.useRef(null),y=n.useRef(null),h=n.useState(45),N=h[0],w=h[1];n.useLayoutEffect(function(){y&&y.current&&w(y.current.clientHeight)});var L=function(e,t){var a=n.useState(function(){try{var t=window.localStorage.getItem(e);return!t||JSON.parse(t)}catch(e){return!0}}),r=a[0],l=a[1],i=n.useCallback(function(t){try{var a=t instanceof Function?t(r):t;l(a),window.localStorage.setItem(e,JSON.stringify(a))}catch(e){throw new Error(e)}},[e,r]);return[r,i]}("vertical-nav-is-expanded"),I=L[0],k=L[1],C=n.useState(!1),R=C[0],P=C[1],S=s();return r.createElement("div",{className:c["layout-frame"]},r.createElement("div",{ref:v,className:l(c["layout-frame__side-bar"],(t={},t[c["layout-frame__side-bar--expanded"]]=I,t[c["layout-frame__side-bar--collapsed"]]=!I,t[c["layout-frame__side-bar--with-banner"]]=!!g,t)),onMouseEnter:function(){!S&&P(!0)},onMouseLeave:function(){!S&&P(!1)},style:{width:I||R?240:72,paddingTop:g?N:0}},r.createElement(b,{isHovering:R,navPosition:I?"expanded":"collapsed",toggleExpand:function(){k(!I),I&&v&&P(!1)},navItems:o,appLogo:u})),r.createElement("div",{className:l(c["layout-frame__middle-area"],(a={},a[c["layout-frame__middle-area--full-size"]]=!1,a))},g&&r.createElement("div",{ref:y,className:l(c["layout-frame__banner"],(i={},i[c["layout-frame__banner--expanded"]]=I,i))},g),r.createElement("div",{className:c["layout-frame__top-bar"]},r.createElement(x,{companyLogoURL:d,companyName:p,actions:m,userPrifileImageURL:f,accountMenuDropdown:E})),r.createElement("div",{className:c["layout-frame__content"]},_)))},exports.LoginLayoutFrame=function(e){var t=e.marketingPane,a=e.formBackground,n=e.children;return r.createElement("div",{className:"_3zD6l"},r.createElement("div",{className:"_1Ny96",style:{background:void 0===a?"linear-gradient(235deg, #3a6d7c -8.99%, #2e7eed 85.7%)":a}},r.createElement("div",{className:"_1m5-W"},r.createElement("div",{className:"_2jkua"},e.logo),r.createElement(i.Card,null,n))),r.createElement("div",{className:"_2MMwX"},r.createElement(i.Stack,{justifyContent:"center",alignItems:"center"},t)))},exports.NavButton=function(e){var t=e.badge,a=void 0!==t&&t,n=e.onClick;return r.createElement(i.Tooltip,{overlay:e.tooltipContent},r.createElement("button",{className:"_3RkpO",tabIndex:0,onClick:function(){return n()}},e.children,!!a&&r.createElement(p,{isExpanded:e.isExpanded},a)))};
 //# sourceMappingURL=index.js.map