app-layout-frame 0.0.42 → 0.0.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +1 -1
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@font-face{font-family:Proxima Nova;src:url(fonts/proximanova-light-webfont.eot);src:url(fonts/proximanova-light-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/proximanova-light-webfont.woff) format("woff"),url(fonts/proximanova-light-webfont.ttf) format("truetype"),url(fonts/proximanova-light-webfont.svg#proxima_novalight) format("svg");font-weight:200}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Regular.eot);src:url(fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/ProximaNova-Regular.woff) format("woff"),url(fonts/ProximaNova-Regular.ttf) format("truetype"),url(fonts/ProximaNova-Regular.svg#proxima_nova_rgregular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Proxima Nova;src:url(fonts/proximaNova-semibold.eot);src:url(fonts/proximaNova-semibold.eot?#iefix) format("embedded-opentype"),url(fonts/proximaNova-semibold.woff) format("woff"),url(fonts/proximaNova-semibold.ttf) format("truetype"),url(fonts/proximaNova-semibold.svg#ProximaNova-Semibold) format("svg");font-weight:600}*{padding:0;margin:0;font-family:Proxima Nova,sans-serif;font-size:14px}body{background-color:#fafafa}
|
|
2
|
-
._2C1bf{min-height:100%}.___2VV{height:auto}._32ZI5{top:0;position:sticky;z-index:20;width:100vw;margin-left:-72px}._2R4LD{margin-left:-240px}._34YPL{width:calc(100% - 72px);height:100vh;display:flex;flex-direction:column;float:right;transition:width .3s}._jG606{width:100%}._2q-8S{padding-bottom:0}._2dNiZ{height:100%;float:left;position:fixed;color:var(--color-grey-200);z-index:8;background-color:#fff;transition:width .2s}._3kzKX~._34YPL{width:calc(100% - 240px)}._299Kx{min-width:-moz-min-content;min-width:min-content;background-color:var(--color-white);z-index:var(--z-index-nav)}._3Gz0Y{display:none}._Ri_78{padding-top:
|
|
2
|
+
._2C1bf{min-height:100%}.___2VV{height:auto}._32ZI5{top:0;position:sticky;z-index:20;width:100vw;margin-left:-72px}._2R4LD{margin-left:-240px}._34YPL{width:calc(100% - 72px);height:100vh;display:flex;flex-direction:column;float:right;transition:width .3s}._jG606{width:100%}._2q-8S{padding-bottom:0}._2dNiZ{height:100%;float:left;position:fixed;color:var(--color-grey-200);z-index:8;background-color:#fff;transition:width .2s}._3kzKX~._34YPL{width:calc(100% - 240px)}._299Kx{min-width:-moz-min-content;min-width:min-content;background-color:var(--color-white);z-index:var(--z-index-nav)}._3Gz0Y{display:none}._Ri_78{padding-top:45px;flex:1;overflow:auto}
|
|
3
3
|
._9eWEa{width:100%;height:100%;padding-top:0;box-sizing:border-box;color:var(--color-grey-500);border-right:1px solid var(--color-grey-200);box-shadow:0 5px 15px 0 rgba(0,0,0,.15);display:flex;flex-direction:column}._2gqbS{background-color:#fff;padding:16px}._2l01n{height:40px;display:flex;flex-direction:column;justify-content:center}._2l01n svg{width:40px}._1Ccg2{padding:10px;border-radius:16px;cursor:pointer;background:transparent;border:none}._1Ccg2:hover{background-color:var(--color-grey-100)}
|
|
4
4
|
._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}
|
|
5
5
|
._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-blackberry-200);color:var(--color-grey-600)}._1ycHa:hover:not(._1D7jK){background-color:var(--color-grey-100);color:var(--color-grey-500)}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}require("@7shifts/sous-chef/dist/index.css");var t,n,a=require("react"),r=e(a),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__top-bar":"_299Kx","layout-frame__top-bar--hidden":"_3Gz0Y","layout-frame__content":"_Ri_78"},m=function(){return Boolean(window.navigator.maxTouchPoints)},s=function(e){var t,n=e.as,a=void 0===n?"li":n,o=e.isActive,c=e.children,m={className:l("_1ycHa",(t={},t._1D7jK=void 0!==o&&o,t))},s=r.createElement(i.Inline,{alignItems:"center",space:16,flex:["0 1 auto","0 0
|
|
1
|
+
function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}require("@7shifts/sous-chef/dist/index.css");var t,n,a=require("react"),r=e(a),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__top-bar":"_299Kx","layout-frame__top-bar--hidden":"_3Gz0Y","layout-frame__content":"_Ri_78"},m=function(){return Boolean(window.navigator.maxTouchPoints)},s=function(e){var t,n=e.as,a=void 0===n?"li":n,o=e.isActive,c=e.children,m={className:l("_1ycHa",(t={},t._1D7jK=void 0!==o&&o,t))},s=r.createElement(i.Inline,{alignItems:"center",space:16,flex:["0 1 auto","0 0 145px"]},c);return r.createElement(a,m,s)},u=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,n=e.isActive,a=e.icon,o=e.badge,c=e.children,m="string"==typeof o&&""!==o,s="number"==typeof o&&o>0;return r.createElement("li",{className:l("_amex_",(t={},t._WdXeV=void 0!==n&&n,t._1zt6h=!a,t))},a,r.createElement("div",{className:"_lLwWh"},c,s&&r.createElement(i.Badge,null,u(o)),m&&r.createElement(i.Chip,null,o)))},p=function(e){var t,n=e.isExpanded,a=e.children;return r.createElement("div",{className:l("_1ne7X",(t={},t._1UcHo=n,t["_3Li-q"]=!n,t))},r.createElement(i.Badge,null,a))},f={"side-nav-menu-item-group__submenu":"_3_Pzu"},g=function(e){var t=e.isExpanded,n=e.toggleExpand,l=e.item,c=l.label,m=l.badge,u=Boolean(l.items.find(function(e){return e.isActive})),g=a.useState(!!u),E=g[0],v=g[1],_=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&&u&&n)return n(),void v(!0);E&&!u||v(!E)}},r.createElement(s,{as:"div",isActive:u},y&&r.createElement(r.Fragment,null,r.createElement(y,null),m>0?r.createElement(p,{isExpanded:t}):void 0),t&&c)),t&&u&&r.createElement("ul",{className:f["side-nav-menu-item-group__submenu"]},_.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 E(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"}(n||(n={}));var v=function(){return r.createElement("span",{className:"_22FqA","data-testid":"notification-bullet"})},_=function(e){var t=e.isExpanded,n=e.item,a=n.url,l=n.label,i=n.badge,c=n.icon,m="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[n,a]=function(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!0),E("*"===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 a=[],r="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^$?{}|()[\]]/g,"\\$&").replace(/\/:(\w+)/g,(e,t)=>(a.push(t),"/([^\\/]+)"));return e.endsWith("*")?(a.push("*"),r+="*"===e||"/*"===e?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?r+="\\/*$":""!==e&&"/"!==e&&(r+="(?:(?=\\/|$))"),[new RegExp(r,t?void 0:"i"),a]}(e.path,e.caseSensitive,e.end),r=t.match(n);if(!r)return null;let l=r[0],i=l.replace(/(.)\/+$/,"$1"),o=r.slice(1);return{params:a.reduce((e,t,n)=>("*"===t&&(i=l.slice(0,l.length-(o[n]||"").length).replace(/(.)\/+$/,"$1")),e[t]=function(e,t){try{return decodeURIComponent(e)}catch(n){return E(!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 ('+n+")."),e}}(o[n]||"",t),e),{}),pathname:l,pathnameBase:i,pattern:e}}(window.location.pathname,a);return r.createElement(o.Link,{to:a,key:l,onClick:function(e){f&&e.preventDefault(),n.onClick&&n.onClick()}},r.createElement(s,{isActive:f},c&&r.createElement(r.Fragment,null,r.createElement(c,null),d?r.createElement(p,{isExpanded:t},u(i)):m?r.createElement(v,null):null),t&&l))},y=function(e){var t=e.isExpanded,n=e.toggleExpand,a=h(e.navItems);return r.createElement("ul",{className:"_244gq"},a.map(function(e,l){return"type"in e?l===a.length-1?null:r.createElement("div",{key:l,className:"_BLBDK"}):"items"in e?r.createElement(g,{key:e.label,isExpanded:t,item:e,toggleExpand:n}):r.createElement(_,{key:e.label,isExpanded:t,item:e})}))},h=function(e){return e.filter(function(t,n){return"type"in t?!(n===e.length-1):t.isShowing})},b=function(e){var t=e.navPosition,n=void 0===t?"collapsed":t,a=e.toggleExpand,l=e.navItems,o=e.appLogo,c="expanded"===n||e.isHovering,s=m();return r.createElement("nav",{className:"_9eWEa"},r.createElement("div",{className:"_2gqbS"},r.createElement(i.Inline,{alignItems:"center",justifyContent:"space-between"},(!s||c)&&r.createElement("div",{className:"_2l01n"},o),(c||s)&&r.createElement("button",{onClick:a,className:"_1Ccg2"},r.createElement("collapsed"===n?i.IconChevronRight:i.IconChevronLeft,null)))),r.createElement(y,{isExpanded:c,toggleExpand:a,navItems:l}))},N=function(e){var t=e.companyLogoURL,n=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"},n)))},w=function(e){var t=e.accountMenuDropdown,n=r.createElement("div",{className:"_2yvUY"},r.createElement(i.Avatar,{size:"large",url:e.userPrifileImageURL}));return r.createElement(i.Dropdown,{trigger:n,triggersOn:"hover",zIndex:6},t)},L=function(e){var t=e.actions,n=e.accountMenuDropdown,a=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:n,userPrifileImageURL:a})))};exports.LayoutFrame=function(e){var t,n,i=e.navItems,o=e.appLogo,s=e.actions,u=e.companyLogoURL,d=e.companyName,p=e.userPrifileImageURL,f=e.accountMenuDropdown,g=e.banner,E=e.children,v=a.useRef(null),_=function(e,t){var n=a.useState(function(){try{var t=window.localStorage.getItem(e);return!t||JSON.parse(t)}catch(e){return!0}}),r=n[0],l=n[1],i=a.useCallback(function(t){try{var n=t instanceof Function?t(r):t;l(n),window.localStorage.setItem(e,JSON.stringify(n))}catch(e){throw new Error(e)}},[e,r]);return[r,i]}("vertical-nav-is-expanded"),y=_[0],h=_[1],N=a.useState(!1),w=N[0],x=N[1],I=m();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"]]=y,t[c["layout-frame__side-bar--collapsed"]]=!y,t)),onMouseEnter:function(){!I&&x(!0)},onMouseLeave:function(){!I&&x(!1)},style:{width:y||w?240:72}},r.createElement(b,{isHovering:w,navPosition:y?"expanded":"collapsed",toggleExpand:function(){h(!y),y&&v&&x(!1)},navItems:i,appLogo:o})),r.createElement("div",{className:l(c["layout-frame__middle-area"],(n={},n[c["layout-frame__middle-area--full-size"]]=!1,n))},r.createElement("div",{className:c["layout-frame__top-bar"]},g,r.createElement(L,{companyLogoURL:u,companyName:d,actions:s,userPrifileImageURL:p,accountMenuDropdown:f})),r.createElement("div",{className:c["layout-frame__content"]},E)))},exports.LoginLayoutFrame=function(e){var t=e.marketingPane,n=e.formBackground,a=e.children;return r.createElement("div",{className:"_3zD6l"},r.createElement("div",{className:"_1Ny96",style:{background:void 0===n?"linear-gradient(235deg, #3a6d7c -8.99%, #2e7eed 85.7%)":n}},r.createElement("div",{className:"_1m5-W"},r.createElement("div",{className:"_2jkua"},e.logo),r.createElement("div",null,r.createElement(i.Card,null,a)))),r.createElement("div",{className:"_2MMwX"},r.createElement(i.Stack,{justifyContent:"center",alignItems:"center"},t)))},exports.NavButton=function(e){var t=e.onClick;return r.createElement(i.Tooltip,{overlay:e.tooltipContent},r.createElement("button",{className:"_3RkpO",tabIndex:0,onClick:function(){return t()}},e.children))};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|