@knapsack/app/dist/client/page-with-sidebar-I1Ydw~493df0b3.chunk.eaa5497fb7f7db0479e3.js

Build Design Systems on top of knapsack, by Basalt

(window.webpackJsonp=window.webpackJsonp||[]).push([["page-with-sidebar-I1Ydw~493df0b3"],{"./src/client/components/side-nav-item.scss":function(e,t,a){},"./src/client/components/sidebar/add-entity.scss":function(e,t,a){},"./src/client/components/sidebar/secondary-nav.scss":function(e,t,a){},"./src/client/components/sidebar/sidebar.scss":function(e,t,a){},"./src/client/components/sidebar/sortable-tree-theme/node-content-renderer.scss":function(e,t,a){},"./src/client/components/sidebar/sortable-tree-theme/tree-node-renderer.scss":function(e,t,a){},"./src/client/components/site-header.scss":function(e,t,a){},"./src/client/components/template-language-select.scss":function(e,t,a){},"./src/client/layouts/page-with-sidebar.scss":function(e,t,a){},"./src/client/layouts/page-with-sidebar.tsx":function(e,t,a){a.r(t);var n=a("react"),r=a.n(n),s=a("../node_modules/classnames/index.js"),i=a.n(s),l=a("../design-system/dist/ks-design-system.js"),c=a("../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),o=a("../node_modules/react-sortable-tree/dist/index.esm.js"),d=a("../node_modules/deep-equal/index.js"),m=a.n(d),u=a("../node_modules/react-router/esm/react-router.js"),p=a("../node_modules/slugify/slugify.js"),g=a.n(p),h=a("../node_modules/@babel/runtime/helpers/esm/extends.js"),b=a("../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),v=a("../node_modules/react-router-dom/esm/react-router-dom.js"),E=(a("./src/client/components/side-nav-item.scss"),e=>{var{isEditMode:t=!1,isDragging:a,title:n,path:s,active:c,hasChildren:o,isCollapsed:d,onClickToggleCollapse:m,statuses:u,isSearchMatch:p,isSearchFocus:g,canEditTitle:h,handleDelete:b,handleEdit:E,canDelete:j}=e,w=i()({"ks-side-nav-item":!0,"ks-side-nav-item--clickable":s,"ks-side-nav-item--active":c,"ks-side-nav-item--editing":t,"ks-side-nav-item--dragging":a,"ks-side-nav-item--is-search-match":p,"ks-side-nav-item--is-search-focus":g});return r.a.createElement("div",{className:w},t&&r.a.createElement("span",{className:"ks-side-nav-item__drag-handle"},r.a.createElement(l.k,{symbol:"drag-handle",size:"s"})),(null==u?void 0:u.length)>0&&r.a.createElement(r.a.Fragment,null,u.map(e=>e.status&&r.a.createElement(l.t,{key:"".concat(e.templateLanguageId,"-").concat(e.status.id),trigger:"hover",content:r.a.createElement("span",null,u.length>1?r.a.createElement(r.a.Fragment,null,e.templateLanguageTitle," Template Status:"," "):r.a.createElement(r.a.Fragment,null,"Status: "),r.a.createElement("strong",null,e.status.title))},r.a.createElement(v.b,{to:e.path},r.a.createElement(l.B,{status:e.status}))))),s?"":r.a.createElement("div",{className:"ks-side-nav-item__folder-icon"},r.a.createElement(l.k,{symbol:"folder",size:"s"})),r.a.createElement("div",{className:i()("ks-side-nav-item__title-container",o?"ks-side-nav-item__title-container--has-children":"")},r.a.createElement("div",{className:"ks-side-nav-item__title-container__title"},s&&!t?r.a.createElement(v.c,{to:s},n):r.a.createElement("p",null,n)),h&&t&&r.a.createElement("div",{className:"ks-side-nav-item__edit-title-btn"},r.a.createElement(l.l,{handleTrigger:()=>E({path:s,title:n}),kind:"icon",size:"s",icon:"edit-text",flush:!0},"Edit Title")),j&&t&&r.a.createElement("div",{className:"ks-side-nav-item__actions"},r.a.createElement(l.o,{confirmationMessage:r.a.createElement("div",null,r.a.createElement("p",null,"Are you sure you want to delete the ",r.a.createElement("strong",null,n)," ","pattern?"),r.a.createElement("p",null,r.a.createElement("em",null,"This can not be undone or even recovered by canceling navigation edits."))),size:"s",flush:!0,handleTrigger:b}))),o&&r.a.createElement("div",{className:i()({"ks-side-nav-item__collapse-btn":!0,"ks-side-nav-item__collapse-btn--collapsed":d})},r.a.createElement(l.l,{kind:"icon",icon:"collapser",handleTrigger:m,flush:!0},d?"Expand":"Collapse")))}),j=(a("./src/client/components/sidebar/sortable-tree-theme/node-content-renderer.scss"),a("./src/client/store/index.ts")),w=a("./src/lib/routes.ts"),y=a("./src/lib/constants.ts");var sortable_tree_theme_node_content_renderer=e=>{var t,{scaffoldBlockPxWidth:a,toggleChildrenVisibility:n=null,connectDragPreview:s,connectDragSource:i,isDragging:l,canDrop:c=!1,canDrag:o=!1,node:d,title:m=null,draggedNode:u=null,path:p,treeIndex:g,isSearchMatch:v=!1,isSearchFocus:M=!1,icons:N=[],buttons:I=[],className:k="",style:D={},didDrop:_,lowerSiblingCounts:O,listIndex:f,swapFrom:S=null,swapLength:T=null,swapDepth:A=null,treeId:x,isOver:P,parentNode:C=null,rowDirection:L,isSidebarEditMode:z,ksNavItem:Q}=e,B=Object(b.a)(e,["scaffoldBlockPxWidth","toggleChildrenVisibility","connectDragPreview","connectDragSource","isDragging","canDrop","canDrag","node","title","draggedNode","path","treeIndex","isSearchMatch","isSearchFocus","icons","buttons","className","style","didDrop","lowerSiblingCounts","listIndex","swapFrom","swapLength","swapDepth","treeId","isOver","parentNode","rowDirection","isSidebarEditMode","ksNavItem"]),U=Object(j.useSelector)(e=>{var t;return null===(t=e.userState.features)||void 0===t?void 0:t.showNonFunctioningUi}),{canEdit:Y}=Object(j.useSelector)(e=>e.userState),F=Object(j.useSelector)(e=>e.patternsState.patterns),W=Object(j.useSelector)(e=>e.patternsState.templateStatuses),R=Object.keys(F),K=Object(j.useSelector)(e=>e.patternsState.renderers),V=Object(j.useDispatch)(),G=Object(w.b)(null==Q?void 0:Q.path);!1!==G&&(t=F[G.patternId]);var Z=t?t.templates.map(e=>{var a,n,{statusId:r,id:s,templateLanguageId:i}=e;return{status:r?W.find(e=>e.id===r):null,templateId:s,templateLanguageId:i,templateLanguageTitle:null===(a=K[i])||void 0===a?void 0:null===(n=a.meta)||void 0===n?void 0:n.title,path:"".concat(y.a.PATTERN,"/").concat(t.id,"/").concat(s)}}):null,H=(u&&function isDescendant(e,t){return!!e.children&&"function"!=typeof e.children&&e.children.some(e=>e===t||isDescendant(e,t))}(u,d),[]);O.forEach((e,t)=>{if(0!==t&&(H.push(r.a.createElement("div",{key:"pre_".concat(1+t),style:{width:a},className:"lineBlock"})),g!==f&&t===A)){var n="";n=f===S+T-1?"highlightBottomLeftCorner":g===S?"highlightTopLeftCorner":"highlightLineVertical",H.push(r.a.createElement("div",{key:"highlight_".concat(1+t),style:{width:a,left:a*t},className:"absoluteLineBlock ".concat(n)}))}});var J=r.a.createElement("div",Object(h.a)({},B,{className:"node-content"}),H,r.a.createElement("div",{className:"node-content__inner"},r.a.createElement(E,{title:Q.name,canEditTitle:U,canDelete:Y,statuses:Z,isEditMode:z,hasChildren:n&&d.children&&d.children.length>0,isCollapsed:!d.expanded,handleDelete:()=>{var e,t;if(d.path||V(Object(j.deleteNavItem)({id:d.id,nav:"secondary"})),null==d?void 0:null===(e=d.path)||void 0===e?void 0:e.startsWith("".concat(y.a.PATTERN,"/"))){var[a,n,r]=d.path.split("/");if(!R.includes(r))throw console.error({patternId:r,patternIds:R}),new Error('Cannot delete patternId "'.concat(r,'" b/c it is not in the list of patterns'));V(Object(j.deletePattern)({patternId:r}))}if(null==d?void 0:null===(t=d.path)||void 0===t?void 0:t.startsWith("".concat(y.a.PAGES,"/"))){var[s,i,l]=d.path.split("/");V(Object(j.deletePage)({id:l}))}},handleEdit:e=>{},onClickToggleCollapse:()=>n({node:d,path:p,treeIndex:g}),path:Q.path,active:!!Q.path&&window.location.href.includes(Q.path),isDragging:l,isSearchFocus:M,isSearchMatch:v})));return o?i(J,{dropEffect:"copy"}):J},M=(a("./src/client/components/sidebar/sortable-tree-theme/tree-node-renderer.scss"),{nodeContentRenderer:sortable_tree_theme_node_content_renderer,treeNodeRenderer:e=>{var{children:t,listIndex:a,swapFrom:s=null,swapLength:i=null,swapDepth:l=null,scaffoldBlockPxWidth:c,lowerSiblingCounts:o,connectDropTarget:d,isOver:m,draggedNode:u=null,canDrop:p=!1,treeIndex:g,treeId:v,getPrevRow:E,node:j,path:w,rowDirection:y}=e,M=Object(b.a)(e,["children","listIndex","swapFrom","swapLength","swapDepth","scaffoldBlockPxWidth","lowerSiblingCounts","connectDropTarget","isOver","draggedNode","canDrop","treeIndex","treeId","getPrevRow","node","path","rowDirection"]);return d(r.a.createElement("div",Object(h.a)({},M,{className:"node"}),n.Children.map(t,e=>Object(n.cloneElement)(e,{isOver:m,canDrop:p,draggedNode:u,lowerSiblingCounts:o,listIndex:a,swapFrom:s,swapLength:i,swapDepth:l}))))},rowHeight:40,scaffoldBlockPxWidth:12}),N=(a("./src/client/components/sidebar/secondary-nav.scss"),e=>{var{node:t,searchQuery:a}=e;return a&&t.name&&t.name.toLowerCase().indexOf(a.toLowerCase())>-1}),SecondaryNav=e=>{var{canEdit:t,isSidebarEditMode:a,searchString:n,handleNewTreeItems:s=(()=>{}),treeItems:i}=e;return i?r.a.createElement("nav",{className:"ks-secondary-nav"},r.a.createElement(o.a,{treeData:i,theme:M,canDrag:t&&a,onChange:e=>s(e),searchMethod:N,searchQuery:n,searchFocusOffset:0,generateNodeProps:e=>{return{ksNavItem:{path:e.node.path,name:e.node.name},isSidebarEditMode:a}}})):null},I=(a("./src/client/components/sidebar/add-entity.scss"),a("../node_modules/formik/dist/formik.esm.js"));function ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(a),!0).forEach((function(t){Object(c.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):ownKeys(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var AddEntity=e=>{var{handleAdd:t,isDark:a=!1}=e,[s,c]=Object(n.useState)(!1),o=Object(n.useRef)(null);!function useOutsideAlert(e,t,a){function handleClickOutside(n){e.current&&!e.current.contains(n.target)&&t(!a)}Object(n.useEffect)(()=>(document.addEventListener("mousedown",handleClickOutside),()=>{document.removeEventListener("mousedown",handleClickOutside)}))}(o,c,s);var d=i()({"ks-add-entity":!0,"ks-add-entity--is-dark":a,"ks-add-entity--active":s});return r.a.createElement("div",{className:d,ref:s?o:null},r.a.createElement("div",{className:"ks-add-entity__popup"},r.a.createElement(I.d,{initialValues:{title:"",entityType:"pattern"},onSubmit:(e,a)=>{t(e),a.setSubmitting(!1),c(!s),a.setFieldValue("title","")}},()=>r.a.createElement(I.c,null,r.a.createElement("div",{className:"ks-radio-group"},r.a.createElement("label",{htmlFor:"pattern"},r.a.createElement(I.a,{name:"entityType",type:"radio",value:"pattern",id:"pattern"}),"Pattern"),r.a.createElement("span",{className:"ks-radio-group__subtitle"},"A new UI pattern (e.g. button, hero, tabs). This content type will create the groundwork for defining and developing a new component for your design system."),r.a.createElement("label",{htmlFor:"page"},r.a.createElement(I.a,{name:"entityType",type:"radio",value:"page",id:"page"}),"Page"),r.a.createElement("span",{className:"ks-radio-group__subtitle"},"A new blank page where text content and documentation slices can be combined to document anything (e.g. “Getting Started”)."),r.a.createElement("label",{htmlFor:"group"},r.a.createElement(I.a,{name:"entityType",type:"radio",value:"group",id:"group"}),"Group"),r.a.createElement("span",{className:"ks-radio-group__subtitle"},"A new empty group, used for organizing patterns and pages in the left navigation.")),r.a.createElement("div",{className:"ks-add-entity__footer"},r.a.createElement(I.a,{name:"title"},e=>{var{field:t,form:a,meta:n}=e;return r.a.createElement("div",{className:"ks-add-entity__footer__title-field"},r.a.createElement(l.w,{label:"Title",inputProps:_objectSpread({},t,{autoComplete:"off"}),error:n.error,flush:!0}))}),r.a.createElement(l.l,{kind:"primary",type:"submit"},"Add"))))),r.a.createElement(l.l,{kind:"icon-standard",icon:"add",handleTrigger:()=>c(!s)},"Add Navigation Element"))};a("./src/client/components/sidebar/sidebar.scss");function sidebar_ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}var Sidebar=()=>{var e=Object(j.useDispatch)(),t=Object(j.useSelector)(e=>e.userState.canEdit),a=Object(j.useSelector)(e=>e.navsState.secondary.map(e=>e.path?function sidebar_objectSpread(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?sidebar_ownKeys(Object(a),!0).forEach((function(t){Object(c.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):sidebar_ownKeys(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({},e,{name:e.name||e.path}):e),m.a),s=Object(u.g)(),[d,p]=Object(n.useState)(!1),[h,b]=Object(n.useState)(""),[v,E]=Object(n.useState)([]),w=Object(n.useMemo)(()=>{var e={rootKey:"root",flatData:a,getKey:e=>e.id,getParentKey:e=>e.parentId},t=Object(o.c)(e),n=Object(o.d)({treeData:t});return setTimeout(()=>{E(n)},250),n},[JSON.stringify(a)]);return r.a.createElement("div",{className:"ks-sidebar"},r.a.createElement("div",{className:"ks-sidebar__search-container"},r.a.createElement("div",{className:"ks-text-field ks-text-field--flush ks-text-field--size-m"},r.a.createElement("div",{className:"ks-text-field__wrapper ks-text-field__wrapper--icon ks-text-field__input-icon-wrapper"},r.a.createElement("input",{type:"text",className:"ks-text-field__input",placeholder:"Filter",onChange:e=>b(e.target.value),value:h}),r.a.createElement("span",{className:"ks-text-field__end-icon"},r.a.createElement(l.k,{symbol:"search"}))))),r.a.createElement("div",{className:"ks-sidebar__content"},r.a.createElement(SecondaryNav,{treeItems:v,searchString:h,canEdit:t,handleNewTreeItems:E,isSidebarEditMode:d})),t&&r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:i()("ks-sidebar__enable-edit-btn",d?"ks-sidebar__enable-edit-btn--hidden":"")},r.a.createElement(l.l,{kind:"icon-standard",icon:"edit",floating:!0,handleTrigger:()=>p(!0)},"Edit Left Navigation")),r.a.createElement("div",{className:i()("ks-sidebar__edit-panel",d?"ks-sidebar__edit-panel--show":"")},r.a.createElement("div",{className:"ks-sidebar__edit-panel__content"},r.a.createElement(AddEntity,{handleAdd:t=>{var{title:a,entityType:n}=t;switch(n){case"pattern":var r=g()(a.toLowerCase());e(Object(j.addPattern)({title:a,patternId:r})),setTimeout(()=>{s.push("".concat(y.a.PATTERN,"/").concat(r))},1e3);break;case"page":e(Object(j.addPage)({title:a}));break;case"group":e(Object(j.addSecondaryNavItem)({name:a}))}}}),r.a.createElement("div",null,r.a.createElement(l.l,{kind:"cancel",handleTrigger:()=>{E(w),p(!1)}},"Cancel"),r.a.createElement(l.l,{kind:"primary",handleTrigger:()=>{var t=Object(o.b)({treeData:v,ignoreCollapsed:!1,getNodeKey:e=>e.id}).map(e=>{var{node:t,parentNode:a}=e;return{id:t.id,name:t.name,path:t.path||"",parentId:a?a.id:"root"}});e(Object(j.updateSecondaryNav)(t)),p(!1)}},"Save"))))))},k=a("./src/client/utils/error-catcher.jsx"),D=a("../node_modules/url-join/lib/url-join.js"),_=a.n(D),O=a("./src/client/plugins.ts"),f=a("./src/schemas/plugins.ts");a("./src/client/components/site-header.scss"),a("./src/client/components/template-language-select.scss");function template_language_select_ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function template_language_select_objectSpread(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?template_language_select_ownKeys(Object(a),!0).forEach((function(t){Object(c.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):template_language_select_ownKeys(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var KsTemplateLanguageSelect=()=>{var e=Object(j.useDispatch)(),t=Object(u.g)(),{pathname:a}=Object(u.h)(),s=Object(j.useSelector)(e=>e.patternsState.patterns),c=Object(j.useSelector)(e=>e.patternsState.renderers),o=Object(j.useSelector)(e=>e.ui.currentTemplateRenderer),d=Object.values(c).map(e=>template_language_select_objectSpread({},e,{label:e.meta.title,value:e.meta.id})),m=o?d.find(e=>e.meta.id===o):d[0],[p,g]=Object(n.useState)(m);if(Object(n.useEffect)(()=>{g(d.find(e=>e.meta.id===o))},[o]),!d||d.length<2)return null;var h=i()({"ks-template-language-select":!0});return r.a.createElement("div",{className:h},r.a.createElement(l.u,{value:p,options:d.map(e=>template_language_select_objectSpread({},e,{icon:r.a.createElement(l.v,{svg:e.meta.iconSvg})})),handleChange:n=>{var r=n.value;if(g(n),e(Object(j.setCurrentTemplateRenderer)({id:r})),null==a?void 0:a.startsWith("".concat(y.a.PATTERN,"/"))){var i,l,c,o,[d,m,u,p,h]=a.split("/"),b=null!==(i=null===(l=s[u])||void 0===l?void 0:null===(c=l.templates)||void 0===c?void 0:null===(o=c.find(e=>e.templateLanguageId===r))||void 0===o?void 0:o.id)&&void 0!==i?i:"",v="".concat(y.a.PATTERN,"/").concat(u,"/").concat(b);t.push(v)}}}))},SiteHeader=()=>{var e,t,a,n,s=Object(j.useSelector)(e=>e.settingsState.settings),i=Object(j.useSelector)(e=>e.navsState.primary),c=Object(j.useSelector)(e=>e.userState.canEdit),o=Object(j.useSelector)(e=>{var t,a;return Object.keys(null!==(t=null===(a=e.patternsState)||void 0===a?void 0:a.renderers)&&void 0!==t?t:{}).length>1}),d=r.a.createElement("ul",{className:"ks-site-header__settings-menu"},c&&r.a.createElement("li",null,r.a.createElement(v.c,{to:"/settings"},"General Settings")),r.a.createElement("li",null,r.a.createElement("a",{href:"https://knapsack.basalt.io/docs/getting-started",target:"_blank",rel:"noopener noreferrer"},"Knapsack Docs")),r.a.createElement("li",null,r.a.createElement("a",{href:"/demo-urls"},"Demo URLs")),O.a.getPlugins().map(e=>e.addPages?e.addPages().filter(e=>{var t;return(null==e?void 0:null===(t=e.navItem)||void 0===t?void 0:t.nav)===f.a.primarySub}).map(t=>{var a=_()("/",e.id,t.path);return r.a.createElement("li",{key:a,className:"ks-site-header__nav-item"},r.a.createElement(v.c,{to:a,className:"ks-site-header__nav-link"},t.navItem.title))}):null));return r.a.createElement("header",{className:"ks-site-header"},r.a.createElement("h3",{className:"ks-site-header__knapsack-logo"},r.a.createElement("img",{className:"ks-site-header__logo",src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDEyMCAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01NC4yODE0IDk5Ljg1MTZMNzAuNjQwNCAxMjEuOTIzTDc1Ljc3NzggMTI5LjEwN0w4OS4yNzggMTI5LjM5VjEyMy43OUw4MS4zNjQxIDEyMS45MjNMNjIuMTYxMiA5NS4xMDMzTDc2LjMyNjQgNzEuNDY3Nkw4NS41NTM4IDY5LjYwMDhWNjQuMDAwMkw3MC4xNzQ5IDY0LjQ2N0w1NC4yOTI5IDkxLjYxNzRINDkuMjA2N1Y3MS41MTg1TDQ5LjI3MzIgNjQuNzY3OEwzMS41MDAyIDY0LjUxNzhWNjguMDY4Mkw0MS4wMTAyIDcxLjUzNTJWMTIxLjk5TDMxLjUwMDIgMTI1LjQ1N1YxMjkuNDc0TDQ5LjE0MDIgMTI5LjY0MUw0OS4yMDY3IDEyMS45OVY5OS44NTE2SDU0LjI4MTRaIiBmaWxsPSIjMjIyMjIyIi8+CjxwYXRoIGQ9Ik0xMCAxMTBDMTAgMTA2IDUgMTAwIDAgMTAwVjkwQzUgOTAgMTAgODQgMTAgODBWNjBDMTAgNDkuNzQzNSAxMCAzNSAzMi41IDMwVjQwQzIwIDQ0IDIwIDUyLjUgMjAgNjBWODBDMjAgODUgMTcuNSA5NSAxMCA5NUMxNy41IDk1IDIwIDEwNSAyMCAxMTBWMTQwQzIwIDE0Ny41IDIyLjUgMTUwIDMwIDE1MEg5MEM5Ny41IDE1MCAxMDAgMTQ3LjUgMTAwIDE0MFYxMTBDMTAwIDEwNSAxMDIuNSA5NSAxMTAgOTVDMTAyLjUgOTUgMTAwIDg1IDEwMCA4MFY2MEMxMDAgNTIuNSAxMDAgNDQgODcuNSA0MFYzMEMxMTAgMzUgMTEwIDQ5Ljc0MzUgMTEwIDYwVjgwQzExMCA4NCAxMTUgOTAgMTIwIDkwVjEwMEMxMTUgMTAwIDExMCAxMDYgMTEwIDExMFYxNDBDMTEwIDE1NSAxMDUgMTYwIDkwIDE2MEgzMEMxNSAxNjAgMTAgMTU1IDEwIDE0MFYxMTBaIiBmaWxsPSIjMjIyMjIyIi8+CjxyZWN0IHg9IjQwIiB5PSIzMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjEwIiBmaWxsPSIjMjIyMjIyIi8+CjxwYXRoIGQ9Ik04Ny41IDIyLjVDODcuNSA3LjUgODAgMCA2MCAwQzQwIDAgMzIuNSA3LjUgMzIuNSAyMi41SDQwQzQwIDEyLjUgNTAgMTAgNjAgMTBDNzAgMTAgODAgMTIuNSA4MCAyMi41SDg3LjVaIiBmaWxsPSIjMjIyMjIyIi8+Cjwvc3ZnPgo=",alt:"Knapsack Logo Mark"}),r.a.createElement(v.b,{className:"ks-site-header__header-link",to:"/"},s.title)),r.a.createElement("ul",{className:"ks-site-header__nav"},i.map(e=>r.a.createElement("li",{className:"ks-site-header__nav-item",key:e.id},e.path?r.a.createElement(v.c,{className:"ks-site-header__nav-link",to:e.path},r.a.createElement("strong",null,e.name)):r.a.createElement("span",null,e.name))),O.a.getPlugins().map(e=>e.addPages?e.addPages().filter(e=>{var t;return(null==e?void 0:null===(t=e.navItem)||void 0===t?void 0:t.nav)===f.a.primary}).map(t=>{var a=_()("/",e.id,t.path);return r.a.createElement("li",{key:a,className:"ks-site-header__nav-item"},r.a.createElement(v.c,{to:a,className:"ks-site-header__nav-link"},t.navItem.title))}):null),o&&r.a.createElement("li",{className:"ks-site-header__nav-item"},r.a.createElement(KsTemplateLanguageSelect,null)),(null===(e=s.parentBrand)||void 0===e?void 0:e.title)&&(null===(t=s.parentBrand)||void 0===t?void 0:t.homepage)&&r.a.createElement("li",{className:"ks-site-header__nav-item"},r.a.createElement("a",{href:s.parentBrand.homepage,target:"_blank",rel:"noopener noreferrer",style:{color:"white",textDecoration:"none"}},s.parentBrand.logo&&r.a.createElement("img",{src:s.parentBrand.logo,alt:null===(a=s.parentBrand)||void 0===a?void 0:a.title,style:{height:"1rem"}})||(null===(n=s.parentBrand)||void 0===n?void 0:n.title))),r.a.createElement("li",{className:"ks-site-header__nav-item ks-site-header__nav-icon"},r.a.createElement(l.t,{content:d,trigger:"click"},r.a.createElement(l.l,{icon:"settings",kind:"icon",size:"m"})))))};a("./src/client/layouts/page-with-sidebar.scss"),t.default=e=>{var{sidebar:t,children:a,slottedDetails:n}=e,{pageDetailsOpen:s,sidebarOpen:c}=Object(j.useSelector)(e=>e.ui),o=Object(j.useDispatch)();return r.a.createElement("div",{className:i()({"ks-page-with-sidebar":!0,"ks-page-with-sidebar--sidebar-collapsed":!c,"ks-page-with-sidebar--details-collapsed":n&&!s})},r.a.createElement(SiteHeader,null),r.a.createElement("div",{className:i()({"ks-page-with-sidebar__sidebar":!0,"ks-page-with-sidebar__sidebar--collapsed":!c})},t||r.a.createElement(Sidebar,null),r.a.createElement("div",{className:i()({"ks-page-with-sidebar__sidebar__collapse-ctrl":!0,"ks-page-with-sidebar__sidebar__collapse-ctrl--collapsed":!c})},r.a.createElement(l.l,{kind:"icon-standard",icon:"collapser",handleTrigger:()=>o(Object(j.setSidebarVisibility)({isOpen:!c}))},c?"Collapse":"Expand"))),r.a.createElement(k.a,null,r.a.createElement("main",{className:"ks-page-with-sidebar__page"},a)),n&&r.a.createElement("aside",{className:"ks-page-with-sidebar__details"},n))}},"./src/schemas/plugins.ts":function(e,t,a){var n;a.d(t,"a",(function(){return n})),function(e){e.primary="primary",e.primarySub="primarySub"}(n||(n={}))}}]);
//# sourceMappingURL=page-with-sidebar-I1Ydw~493df0b3.chunk.eaa5497fb7f7db0479e3.js.map