@knapsack/app/dist/client/plugin-page-GHare~c4d3904e.chunk.eaa5497fb7f7db0479e3.js

Build Design Systems on top of knapsack, by Basalt

(window.webpackJsonp=window.webpackJsonp||[]).push([["plugin-page-GHare~c4d3904e"],{"./src/client/components/inline-edit.scss":function(e,t,n){},"./src/client/components/inline-edit.tsx":function(e,t,n){n.d(t,"a",(function(){return InlineEditText}));var s=n("../node_modules/@babel/runtime/helpers/esm/extends.js"),a=n("react"),c=n.n(a),i=n("../design-system/dist/ks-design-system.js"),r=n("../node_modules/classnames/index.js"),l=n.n(r),o=(n("./src/client/components/inline-edit.scss"),n("./src/client/store/index.ts")),InlineEditTextBase=e=>{var{text:t,isHeading:n,showControls:s=!1,handleSave:r,canEdit:o,noWrap:d=!1}=e,[m,p]=Object(a.useState)(!1),u=Object(a.useRef)();if(!o)return c.a.createElement("span",null,t);var handleTargetFocus=()=>{m?(p(!1),u.current.textContent=t,setTimeout(()=>{window.getSelection().removeAllRanges()},0)):(p(!0),setTimeout(()=>{u.current.focus();var e=document.createRange();e.selectNodeContents(u.current);var t=window.getSelection();t.removeAllRanges(),t.addRange(e)},0))},handleControlTrigger=()=>{m&&r(u.current.textContent),handleTargetFocus()},g=l()({"ks-inline-edit":!0,"ks-inline-edit--visible":s,"ks-inline-edit--editing":m,"ks-inline-edit--no-wrap":d}),h=m?"save":"edit-text";return c.a.createElement("span",{className:g},c.a.createElement("span",{className:"ks-inline-edit__text",ref:u,contentEditable:m,suppressContentEditableWarning:m,role:"textbox",onKeyDown:e=>{13===e.which&&handleControlTrigger(),27===e.which&&handleTargetFocus()}},t),s&&c.a.createElement("span",{className:"ks-inline-edit__controls"},"save"===h&&c.a.createElement(i.l,{size:n?"m":"s",icon:"close",kind:"icon",flush:!0,emphasis:"danger",handleTrigger:handleTargetFocus},"close"),c.a.createElement(i.l,{size:n?"m":"s",icon:h,kind:"icon",flush:!0,handleTrigger:handleControlTrigger},h)))},InlineEditText=e=>{var t=Object(o.useSelector)(e=>e.userState.canEdit);return c.a.createElement(InlineEditTextBase,Object(s.a)({},e,{canEdit:t,showControls:t}))}},"./src/client/components/page-header.scss":function(e,t,n){},"./src/client/components/page-header.tsx":function(e,t,n){n.d(t,"a",(function(){return d}));var s=n("react"),a=n.n(s),c=n("../node_modules/classnames/index.js"),i=n.n(c),r=n("../design-system/dist/ks-design-system.js"),l=n("./src/client/store/index.ts"),o=n("./src/client/components/inline-edit.tsx"),d=(n("./src/client/components/page-header.scss"),e=>{var{section:t,title:n,handleEditTitle:s,description:c,handleEditDescription:d,constrained:m=!1,flush:p=!1}=e,u=Object(l.useSelector)(e=>e.ui.status),g=Object(l.useDispatch)();if(!t&&!n)return null;var h=i()("ks-page-header",{"ks-page-header--constrained":m,"ks-page-header--flush":p});return a.a.createElement("header",{className:h},a.a.createElement("div",{className:"ks-page-header__content-wrap"},t&&a.a.createElement("p",{className:"ks-page-header__section"},t),a.a.createElement("h2",{className:"ks-page-header__title"},s?a.a.createElement(o.a,{text:n,isHeading:!0,handleSave:s}):a.a.createElement("span",null,n)),d&&a.a.createElement("p",{className:"ks-page-header__description"},a.a.createElement(o.a,{text:c,handleSave:d})),c&&!d?a.a.createElement("p",{className:"ks-page-header__description"},c):"",u&&a.a.createElement("div",{className:"ks-page-header__status"},a.a.createElement(r.C,{type:u.type,message:u.message,handleClose:()=>g(Object(l.removeStatus)())}))))})},"./src/client/pages/plugin-page.scss":function(e,t,n){},"./src/client/pages/plugin-page.tsx":function(e,t,n){n.r(t);var s=n("react"),a=n.n(s),c=n("../design-system/dist/ks-design-system.js"),i=n("./src/client/data.ts"),r=n("./src/client/store/index.ts"),l=n("./src/client/layouts/page-with-sidebar.tsx"),o=n("./src/client/components/page-header.tsx");n("./src/client/pages/plugin-page.scss");t.default=e=>{var{plugin:t,page:n}=e,d=Object(r.useSelector)(e=>e.metaState.plugins.find(e=>e.id===t.id)),{Page:m}=n,[p,u]=Object(s.useState)();return Object(s.useEffect)(()=>{"ks-cloud"!==t.id&&d.hasContent&&Object(i.e)({pluginId:t.id}).then(e=>{var{ok:n,payload:s,message:a}=e;if(!n){var c='Uh oh! Error when getting plugin "'.concat(t.id,'" content: ').concat(a);throw console.error(c),new Error(c)}u(s)})},[t.id,d.hasContent]),a.a.createElement(l.default,null,a.a.createElement(o.a,{title:n.title,section:n.section}),a.a.createElement("div",{className:"ks-plugin-page"},a.a.createElement(s.Suspense,{fallback:a.a.createElement(c.e,null)},a.a.createElement(m,{content:p}))))}}}]);
//# sourceMappingURL=plugin-page-GHare~c4d3904e.chunk.eaa5497fb7f7db0479e3.js.map