@knapsack/app
Version:
Build Design Systems on top of knapsack, by Basalt
2 lines • 72.5 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([["bad-route-2mkgt~custom-page-KXWAf~graphiql-page-QvAQg~home-page-WyKJQ~page-with-sidebar-I1Ydw~patter~b255548d"],{"../design-system/dist/ks-design-system.js":function(e,t,a){a.d(t,"a",(function(){return BorderDemo})),a.d(t,"b",(function(){return BorderRadiusDemo})),a.d(t,"c",(function(){return BoxShadowDemo})),a.d(t,"d",(function(){return BreakpointsDemo})),a.d(t,"e",(function(){return CircleSpinner})),a.d(t,"f",(function(){return CodeBlock})),a.d(t,"g",(function(){return CodeSnippet})),a.d(t,"h",(function(){return ColorSwatches})),a.d(t,"i",(function(){return CopyToClipboard})),a.d(t,"j",(function(){return DesignTokenTable})),a.d(t,"k",(function(){return Icon})),a.d(t,"l",(function(){return KsButton})),a.d(t,"m",(function(){return KsButtonGroup})),a.d(t,"n",(function(){return KsButtonToggleWrapper})),a.d(t,"o",(function(){return KsDeleteButton})),a.d(t,"p",(function(){return KsDetails})),a.d(t,"q",(function(){return KsFigure})),a.d(t,"r",(function(){return KsFileUpload})),a.d(t,"s",(function(){return KsGrid})),a.d(t,"t",(function(){return KsPopover})),a.d(t,"u",(function(){return KsSelect})),a.d(t,"v",(function(){return KsSvg})),a.d(t,"w",(function(){return KsTextField})),a.d(t,"x",(function(){return PatternStatusIcon})),a.d(t,"y",(function(){return SchemaForm})),a.d(t,"z",(function(){return SchemaTable})),a.d(t,"A",(function(){return SpacingDemo})),a.d(t,"B",(function(){return StatusIcon})),a.d(t,"C",(function(){return StatusMessage})),a.d(t,"D",(function(){return TextColorDemo})),a.d(t,"E",(function(){return TextInputWrapper})),a.d(t,"F",(function(){return TextShadowDemo})),a.d(t,"G",(function(){return useHover})),a.d(t,"H",(function(){return useValueDebounce}));var r=a("react"),l=a.n(r),s=a("../node_modules/classnames/index.js"),i=a.n(s),n=a("../node_modules/@babel/runtime/helpers/esm/extends.js"),o=a("../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),c=a("../node_modules/react-tiny-popover/dist/Popover.js"),m=a.n(c),_=a("../node_modules/shortid/index.js"),u=a.n(_),d=a("../node_modules/deep-equal/index.js"),f=a.n(d),p=a("../node_modules/prop-types/index.js"),N=a.n(p),b=a("../node_modules/marked/lib/marked.js"),v=a.n(b),h=a("../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),g=a("../node_modules/react-select/dist/chunk-80640036.browser.esm.js"),E=a("../node_modules/react-select/dist/react-select.browser.esm.js"),y=a("../node_modules/react-icons/fa/index.esm.js"),k=a("../node_modules/refractor/lang/javascript.js"),x=a.n(k),w=a("../node_modules/refractor/lang/json.js"),C=a.n(w),j=a("../node_modules/refractor/lang/jsx.js"),O=a.n(j),S=a("../node_modules/refractor/lang/handlebars.js"),P=a.n(S),q=a("../node_modules/refractor/lang/markdown.js"),M=a.n(q),I=a("../node_modules/refractor/lang/markup.js"),H=a.n(I),L=a("../node_modules/refractor/lang/markup-templating.js"),T=a.n(L),$=a("../node_modules/refractor/lang/scss.js"),D=a.n($),R=a("../node_modules/refractor/lang/css.js"),z=a.n(R),V=a("../node_modules/refractor/lang/css-extras.js"),W=a.n(V),F=a("../node_modules/refractor/lang/php.js"),A=a.n(F),B=a("../node_modules/refractor/lang/twig.js"),K=a.n(B),Z=a("../node_modules/refractor/lang/bash.js"),G=a.n(Z),X=a("../node_modules/react-copy-to-clipboard/lib/index.js"),J=a("../packages/utils/dist/index.esm.js"),U=a("../node_modules/react-table/es/index.js"),Q=(a("../node_modules/react-table/react-table.css"),a("../node_modules/react-jsonschema-form/lib/index.js")),Y=a.n(Q),ee="/root/repo/design-system/src/atoms/icon.tsx";let te,ae;!function(e){e.s="s",e.m="m"}(te||(te={})),function(e){e.add="add",e.close="close",e.collapser="collapser",e.copy="copy",e.duplicate="duplicate",e.delete="delete",e["drag-handle"]="drag-handle",e["dropdown-carrot"]="dropdown-carrot",e["edit-text"]="edit-text",e.edit="edit",e["external-link"]="external-link",e.folder="folder",e.info="info",e.save="save",e.search="search",e.settings="settings",e["sort-alphabetically"]="sort-alphabetically",e["grid-view"]="grid-view",e["table-view"]="table-view",e["move-item-up"]="move-item-up",e["move-item-down"]="move-item-down"}(ae||(ae={}));const Icon=({size:e=te.m,symbol:t=ae.edit})=>{const a=i()({"ks-icon":!0,[`ks-icon--size-${e}`]:!0});return l.a.createElement("svg",{className:a,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",__source:{fileName:ee,lineNumber:281},__self:void 0},(()=>{let e;switch(t){case ae.add:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:55},__self:void 0},l.a.createElement("title",{__source:{fileName:ee,lineNumber:56},__self:void 0},"Add"),l.a.createElement("line",{x1:"12",y1:"5",x2:"12",y2:"19",__source:{fileName:ee,lineNumber:57},__self:void 0}),l.a.createElement("line",{x1:"5",y1:"12",x2:"19",y2:"12",__source:{fileName:ee,lineNumber:58},__self:void 0}));break;case ae.collapser:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:65},__self:void 0},l.a.createElement("title",{__source:{fileName:ee,lineNumber:66},__self:void 0},"Collapse / Expand"),l.a.createElement("polyline",{points:"6 9 12 15 18 9",__source:{fileName:ee,lineNumber:67},__self:void 0}));break;case ae.delete:e=l.a.createElement("g",{style:{stroke:"var(--c-button-primary-danger)"},__source:{fileName:ee,lineNumber:74},__self:void 0},l.a.createElement("title",{__source:{fileName:ee,lineNumber:79},__self:void 0},"Delete"),l.a.createElement("polyline",{points:"3 6 5 6 21 6",__source:{fileName:ee,lineNumber:80},__self:void 0}),l.a.createElement("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",__source:{fileName:ee,lineNumber:81},__self:void 0}),l.a.createElement("line",{x1:"10",y1:"11",x2:"10",y2:"17",__source:{fileName:ee,lineNumber:82},__self:void 0}),l.a.createElement("line",{x1:"14",y1:"11",x2:"14",y2:"17",__source:{fileName:ee,lineNumber:83},__self:void 0}));break;case ae.close:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:90},__self:void 0},l.a.createElement("title",{__source:{fileName:ee,lineNumber:91},__self:void 0},"Close or Cancel"),l.a.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18",__source:{fileName:ee,lineNumber:92},__self:void 0}),l.a.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18",__source:{fileName:ee,lineNumber:93},__self:void 0}));break;case ae.save:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:100},__self:void 0},l.a.createElement("title",{__source:{fileName:ee,lineNumber:101},__self:void 0},"Save"),l.a.createElement("path",{d:"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z",__source:{fileName:ee,lineNumber:102},__self:void 0}),l.a.createElement("polyline",{points:"17 21 17 13 7 13 7 21",__source:{fileName:ee,lineNumber:103},__self:void 0}),l.a.createElement("polyline",{points:"7 3 7 8 15 8",__source:{fileName:ee,lineNumber:104},__self:void 0}));break;case ae["drag-handle"]:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:111},__self:void 0},l.a.createElement("title",{__source:{fileName:ee,lineNumber:112},__self:void 0},"Drag Handle"),l.a.createElement("path",{d:"M8 13C8.55228 13 9 12.5523 9 12C9 11.4477 8.55228 11 8 11C7.44772 11 7 11.4477 7 12C7 12.5523 7.44772 13 8 13Z",__source:{fileName:ee,lineNumber:113},__self:void 0}),l.a.createElement("path",{d:"M8 6C8.55228 6 9 5.55228 9 5C9 4.44772 8.55228 4 8 4C7.44772 4 7 4.44772 7 5C7 5.55228 7.44772 6 8 6Z",__source:{fileName:ee,lineNumber:114},__self:void 0}),l.a.createElement("path",{d:"M8 20C8.55228 20 9 19.5523 9 19C9 18.4477 8.55228 18 8 18C7.44772 18 7 18.4477 7 19C7 19.5523 7.44772 20 8 20Z",__source:{fileName:ee,lineNumber:115},__self:void 0}),l.a.createElement("path",{d:"M16 13C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11C15.4477 11 15 11.4477 15 12C15 12.5523 15.4477 13 16 13Z",__source:{fileName:ee,lineNumber:116},__self:void 0}),l.a.createElement("path",{d:"M16 6C16.5523 6 17 5.55228 17 5C17 4.44772 16.5523 4 16 4C15.4477 4 15 4.44772 15 5C15 5.55228 15.4477 6 16 6Z",__source:{fileName:ee,lineNumber:117},__self:void 0}),l.a.createElement("path",{d:"M16 20C16.5523 20 17 19.5523 17 19C17 18.4477 16.5523 18 16 18C15.4477 18 15 18.4477 15 19C15 19.5523 15.4477 20 16 20Z",__source:{fileName:ee,lineNumber:118},__self:void 0}));break;case ae["dropdown-carrot"]:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:125},__self:void 0},l.a.createElement("title",{__source:{fileName:ee,lineNumber:126},__self:void 0},"Dropdown Carrot"),l.a.createElement("path",{d:"M12 15L5 9H19L12 15Z",fill:"#222222",__source:{fileName:ee,lineNumber:127},__self:void 0}));break;case ae.edit:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:134},__self:void 0},l.a.createElement("title",{__source:{fileName:ee,lineNumber:135},__self:void 0},"Edit"),l.a.createElement("path",{d:"M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z",__source:{fileName:ee,lineNumber:136},__self:void 0}));break;case ae["edit-text"]:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:143},__self:void 0},l.a.createElement("title",{__source:{fileName:ee,lineNumber:144},__self:void 0},"Edit Text"),l.a.createElement("path",{d:"M12 20h9",__source:{fileName:ee,lineNumber:145},__self:void 0}),l.a.createElement("path",{d:"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z",__source:{fileName:ee,lineNumber:146},__self:void 0}));break;case ae.search:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:153},__self:void 0},l.a.createElement("title",{__source:{fileName:ee,lineNumber:154},__self:void 0},"Search"),l.a.createElement("circle",{cx:"11",cy:"11",r:"8",__source:{fileName:ee,lineNumber:155},__self:void 0}),l.a.createElement("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65",__source:{fileName:ee,lineNumber:156},__self:void 0}));break;case ae.settings:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:163},__self:void 0},l.a.createElement("title",{__source:{fileName:ee,lineNumber:164},__self:void 0},"Settings"),l.a.createElement("circle",{cx:"12",cy:"12",r:"3",__source:{fileName:ee,lineNumber:165},__self:void 0}),l.a.createElement("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z",__source:{fileName:ee,lineNumber:166},__self:void 0}));break;case ae["sort-alphabetically"]:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:173},__self:void 0},l.a.createElement("title",{__source:{fileName:ee,lineNumber:174},__self:void 0},"Sort Alphabetically"),l.a.createElement("path",{d:"M3 10L6.5 2L10 10",__source:{fileName:ee,lineNumber:175},__self:void 0}),l.a.createElement("path",{d:"M3.5 8H9.5",__source:{fileName:ee,lineNumber:176},__self:void 0}),l.a.createElement("path",{d:"M3 14H10L3 21H10",__source:{fileName:ee,lineNumber:177},__self:void 0}),l.a.createElement("path",{d:"M18 5V18M18 18L15 15.5M18 18L21 15.5",__source:{fileName:ee,lineNumber:178},__self:void 0}));break;case ae.folder:e=l.a.createElement("path",{d:"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z",__source:{fileName:ee,lineNumber:185},__self:void 0});break;case ae["external-link"]:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:191},__self:void 0},l.a.createElement("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",__source:{fileName:ee,lineNumber:192},__self:void 0}),l.a.createElement("polyline",{points:"15 3 21 3 21 9",__source:{fileName:ee,lineNumber:193},__self:void 0}),l.a.createElement("line",{x1:"10",y1:"14",x2:"21",y2:"3",__source:{fileName:ee,lineNumber:194},__self:void 0}));break;case"info":e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:201},__self:void 0},l.a.createElement("circle",{cx:"12",cy:"12",r:"10",__source:{fileName:ee,lineNumber:202},__self:void 0}),l.a.createElement("line",{x1:"12",y1:"16",x2:"12",y2:"12",__source:{fileName:ee,lineNumber:203},__self:void 0}),l.a.createElement("line",{x1:"12",y1:"8",x2:"12.01",y2:"8",__source:{fileName:ee,lineNumber:204},__self:void 0}));break;case ae.copy:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:211},__self:void 0},l.a.createElement("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2",__source:{fileName:ee,lineNumber:212},__self:void 0}),l.a.createElement("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1",__source:{fileName:ee,lineNumber:213},__self:void 0}));break;case ae.duplicate:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:220},__self:void 0},l.a.createElement("path",{d:"M20 9H11C9.89543 9 9 9.89543 9 11V20C9 21.1046 9.89543 22 11 22H20C21.1046 22 22 21.1046 22 20V11C22 9.89543 21.1046 9 20 9Z",__source:{fileName:ee,lineNumber:221},__self:void 0}),l.a.createElement("path",{d:"M5 15H4C3.46957 15 2.96086 14.7893 2.58579 14.4142C2.21071 14.0391 2 13.5304 2 13V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H13C13.5304 2 14.0391 2.21071 14.4142 2.58579C14.7893 2.96086 15 3.46957 15 4V5",__source:{fileName:ee,lineNumber:222},__self:void 0}),l.a.createElement("path",{d:"M15.5 13.5V17.5",__source:{fileName:ee,lineNumber:223},__self:void 0}),l.a.createElement("path",{d:"M13.5 15.5L17.5 15.5",__source:{fileName:ee,lineNumber:224},__self:void 0}));break;case ae["grid-view"]:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:231},__self:void 0},l.a.createElement("path",{d:"M10 3H3V10H10V3Z",__source:{fileName:ee,lineNumber:232},__self:void 0}),l.a.createElement("path",{d:"M21 3H14V10H21V3Z",__source:{fileName:ee,lineNumber:233},__self:void 0}),l.a.createElement("path",{d:"M21 14H14V21H21V14Z",__source:{fileName:ee,lineNumber:234},__self:void 0}),l.a.createElement("path",{d:"M10 14H3V21H10V14Z",__source:{fileName:ee,lineNumber:235},__self:void 0}));break;case ae["table-view"]:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:242},__self:void 0},l.a.createElement("rect",{x:"3",y:"3",width:"18",height:"18",__source:{fileName:ee,lineNumber:243},__self:void 0}),l.a.createElement("path",{d:"M3 9H21",__source:{fileName:ee,lineNumber:244},__self:void 0}),l.a.createElement("path",{d:"M3 15H21",__source:{fileName:ee,lineNumber:245},__self:void 0}));break;case ae["move-item-up"]:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:252},__self:void 0},l.a.createElement("path",{d:"M12 19V5",__source:{fileName:ee,lineNumber:253},__self:void 0}),l.a.createElement("path",{d:"M5 12L12 5L19 12",__source:{fileName:ee,lineNumber:254},__self:void 0}));break;case ae["move-item-down"]:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:261},__self:void 0},l.a.createElement("path",{d:"M12 5L12 19",__source:{fileName:ee,lineNumber:262},__self:void 0}),l.a.createElement("path",{d:"M19 12L12 19L5 12",__source:{fileName:ee,lineNumber:263},__self:void 0}));break;default:e=l.a.createElement("g",{__source:{fileName:ee,lineNumber:270},__self:void 0},l.a.createElement("text",{y:"12",__source:{fileName:ee,lineNumber:271},__self:void 0},"N/A"))}return e})())};var re="/root/repo/design-system/src/atoms/button.tsx";let le,se,ie;!function(e){e.s="s",e.m="m"}(le||(le={})),function(e){e.standard="standard",e["icon-standard"]="icon-standard",e.primary="primary",e.cancel="cancel",e.icon="icon"}(se||(se={})),function(e){e.none="none",e.danger="danger"}(ie||(ie={}));const KsButton=({children:e,disabled:t=!1,handleTrigger:a,type:r="button",kind:s=se.standard,floating:n=!1,size:o=le.m,isFullWidth:c=!1,flush:m=!1,className:_="",emphasis:u=ie.none,icon:d,tabIndex:f,active:p=!1})=>{const N=i()({"ks-btn":!0,[`ks-btn--kind-${s}`]:!0,[`ks-btn--size-${o}`]:!0,[`ks-btn--emphasis-${u}`]:!0,"ks-btn--floating":n,"ks-btn--block":c,"ks-btn--flush":m,"ks-btn--active":p},_),b=s===se.icon||s===se["icon-standard"];return l.a.createElement("button",{className:N,disabled:t,onClick:a,type:r,tabIndex:f,__source:{fileName:re,lineNumber:93},__self:void 0},d&&l.a.createElement(Icon,{symbol:d,size:o,__source:{fileName:re,lineNumber:100},__self:void 0}),b?l.a.createElement("span",{className:"ks-u-screen-reader-only",__source:{fileName:re,lineNumber:102},__self:void 0},e):e)},KsButtonGroup=({children:e,isGapless:t=!0})=>l.a.createElement("div",{className:i()("ks-btn-group",{"ks-btn-group--is-gapless":t}),__source:{fileName:re,lineNumber:118},__self:void 0},e);const KsButtonToggleWrapper=({children:e})=>l.a.createElement("span",{className:"ks-button-toggle-wrapper",__source:{fileName:"/root/repo/design-system/src/atoms/button-toggle-wrapper.tsx",lineNumber:13},__self:void 0},e);function useValueDebounce(e,t,a=250){const[l,s]=Object(r.useState)(e);return Object(r.useEffect)(()=>{if(!("string"==typeof e?l===e:f()(l,e))){const e=setTimeout(()=>t(l),a);return()=>clearTimeout(e)}},[a,t,e,l]),Object(r.useEffect)(()=>{s(e)},[e]),[l,s]}function useHover(e){const[t,a]=Object(r.useState)(!1),l=null!=e?e:Object(r.useRef)(null),handleMouseEnter=()=>a(!0),handleMouseLeave=()=>a(!1);return Object(r.useEffect)(()=>{const e=l.current;if(e)return e.addEventListener("mouseenter",handleMouseEnter),e.addEventListener("mouseleave",handleMouseLeave),()=>{e.removeEventListener("mouseenter",handleMouseEnter),e.removeEventListener("mouseleave",handleMouseLeave)}},[l]),[l,t]}const useFallbackId=(e="ks-fallback-id")=>Object(r.useRef)(`${e}--${u()()}`).current;var ne="/root/repo/design-system/src/popover/popover.tsx";const KsPopover=e=>{let{content:t,isOpen:a,children:s,maxWidth:i,hasArrow:_=!0,trigger:u="hover"}=e,d=Object(o.a)(e,["content","isOpen","children","maxWidth","hasArrow","trigger"]);const[f,p]=useHover(),[N,b]=Object(r.useState)(!1),handleChildTrigger=()=>{"click"===u&&b(e=>!e)},v={};let h;switch(i&&(v.maxWidth=`${i}px`),u){case"click":h=N;break;case"hover":h=p;break;case"prop":h=a}return l.a.createElement(m.a,Object(n.a)({transitionDuration:0,isOpen:h,onClickOutside:()=>{"click"===u&&b(!1)},containerClassName:"ks-popover__box",containerStyle:{overflow:"visible"},padding:10,content:({position:e,targetRect:a,popoverRect:r})=>{const s=l.a.createElement("div",{className:"ks-popover__box-inner",style:v,__source:{fileName:ne,lineNumber:77},__self:void 0},t);return _?l.a.createElement(c.ArrowContainer,{position:e,targetRect:a,popoverRect:r,arrowColor:"white",arrowSize:10,arrowStyle:{opacity:1,zIndex:201},__source:{fileName:ne,lineNumber:83},__self:void 0},s):s}},d,{__source:{fileName:ne,lineNumber:60},__self:void 0}),l.a.createElement("div",{className:"ks-popover__children",ref:f,onClick:handleChildTrigger,onKeyPress:handleChildTrigger,role:"button",tabIndex:0,__source:{fileName:ne,lineNumber:102},__self:void 0},s))};var oe="/root/repo/design-system/src/atoms/delete-button.tsx";const KsDeleteButton=({confirmationMessage:e="Are you sure?",confirmBtnText:t="Yes, delete.",size:a="m",flush:s=!1,handleTrigger:i})=>{const[n,o]=Object(r.useState)(!1);return l.a.createElement(KsPopover,{trigger:"prop",isOpen:n,onClickOutside:()=>o(!1),content:l.a.createElement("div",{className:"ks-delete-btn__confirmation",__source:{fileName:oe,lineNumber:32},__self:void 0},"string"==typeof e?l.a.createElement("p",{__source:{fileName:oe,lineNumber:34},__self:void 0},e):e,l.a.createElement(KsButton,{kind:"primary",emphasis:"danger",isFullWidth:!0,handleTrigger:()=>{o(!1),setTimeout(i,10)},__source:{fileName:oe,lineNumber:38},__self:void 0},t)),__source:{fileName:oe,lineNumber:27},__self:void 0},l.a.createElement(KsButton,{icon:"delete",kind:"icon",size:a,flush:s,handleTrigger:()=>o(e=>!e),__source:{fileName:oe,lineNumber:52},__self:void 0},"Delete"))};var ce="/root/repo/design-system/src/atoms/details.tsx";const KsDetails=({children:e,open:t=!1,titleContent:a})=>l.a.createElement("details",{className:"ks-details",open:t,__source:{fileName:ce,lineNumber:18},__self:void 0},l.a.createElement("summary",{__source:{fileName:ce,lineNumber:19},__self:void 0},l.a.createElement("div",{className:"ks-details__collapser-icon",__source:{fileName:ce,lineNumber:20},__self:void 0},l.a.createElement(Icon,{symbol:"collapser",__source:{fileName:ce,lineNumber:21},__self:void 0})),l.a.createElement("div",{className:"ks-details__title-content",__source:{fileName:ce,lineNumber:23},__self:void 0},a)),l.a.createElement("div",{className:"ks-details__content",__source:{fileName:ce,lineNumber:25},__self:void 0},e));var me="/root/repo/design-system/src/atoms/figure.tsx";const KsFigure=({children:e,figcaption:t,handleTrigger:a})=>{const r=i()("ks-figure",{"ks-figure--is-link":!!a});return l.a.createElement("div",{className:r,role:"button",tabIndex:0,onClick:()=>{a&&a()},onKeyPress:e=>{a&&(13!==e.which&&32!==e.which||a())},__source:{fileName:me,lineNumber:21},__self:void 0},l.a.createElement("figure",{className:"ks-figure__figure",__source:{fileName:me,lineNumber:41},__self:void 0},l.a.createElement("div",{className:"ks-figure__content",__source:{fileName:me,lineNumber:42},__self:void 0},e),t&&l.a.createElement("figcaption",{className:"ks-figure__caption",__source:{fileName:me,lineNumber:44},__self:void 0},t)))};var _e="/root/repo/design-system/src/atoms/forms/file-upload.tsx";const KsFileUpload=({buttonLabel:e="Select File...",buttonProps:t,accept:a,multiple:s=!1,handleChange:i})=>{const o=useFallbackId(),c=Object(r.useRef)(null);return l.a.createElement(l.a.Fragment,null,l.a.createElement(KsButton,Object(n.a)({},t,{handleTrigger:()=>c.current.click(),__source:{fileName:_e,lineNumber:32},__self:void 0}),e),l.a.createElement("input",{className:"ks-u-screen-reader-only",type:"file",ref:c,id:o,accept:a,multiple:s,onChange:i,__source:{fileName:_e,lineNumber:38},__self:void 0}))};const TextInputWrapper=({children:e})=>l.a.createElement("div",{className:"ks-text-input-wrapper ks-text-field__wrapper",__source:{fileName:"/root/repo/design-system/src/atoms/forms/text-input-wrapper.tsx",lineNumber:9},__self:void 0},e);var ue,de="/root/repo/design-system/src/atoms/forms/text-input.tsx";!function(e){e.s="s",e.m="m"}(ue||(ue={}));const KsTextField=({label:e,type:t="text",placeholder:a,isLabelInline:r=!1,inlineLabelWidth:s,inputProps:o={},size:c=ue.m,error:m,description:_,flush:u,handleChange:d=(()=>{}),value:f="",endIcon:p})=>{const N=useFallbackId(),b=i()({"ks-text-field":!0,"ks-text-field--inline":r,"ks-text-field--has-error":m,"ks-text-field--has-label":e,"ks-text-field--flush":u,[`ks-text-field--size-${c}`]:!0});return l.a.createElement("div",{className:b,__source:{fileName:de,lineNumber:58},__self:void 0},e&&l.a.createElement("label",{className:"ks-text-field__label",htmlFor:N,style:{width:s||"auto"},__source:{fileName:de,lineNumber:60},__self:void 0},e),l.a.createElement("div",{className:i()({"ks-text-field__wrapper":!0,"ks-text-field__wrapper--inline":r,"ks-text-field__inline-wrapper":r,"ks-text-field__wrapper--icon":p,"ks-text-field__input-icon-wrapper":p}),__source:{fileName:de,lineNumber:69},__self:void 0},l.a.createElement("input",Object(n.a)({className:"ks-text-field__input",id:N,type:t,placeholder:a,value:f,onChange:e=>d(e.target.value)},o,{__source:{fileName:de,lineNumber:78},__self:void 0})),p&&l.a.createElement("span",{className:"ks-text-field__end-icon",__source:{fileName:de,lineNumber:89},__self:void 0},l.a.createElement(Icon,{symbol:p,__source:{fileName:de,lineNumber:90},__self:void 0})),_&&l.a.createElement("p",{className:"ks-text-field__description",__source:{fileName:de,lineNumber:95},__self:void 0},_),m&&l.a.createElement("div",{className:"ks-text-field__error",__source:{fileName:de,lineNumber:97},__self:void 0},m)))};var fe="/root/repo/design-system/src/atoms/forms/radio-input-wrapper.tsx";function RadioInputWrapper(e){return l.a.createElement("div",{className:"ks-radio-input-wrapper",__source:{fileName:fe,lineNumber:6},__self:this},e.children)}RadioInputWrapper.defaultProps={children:null},RadioInputWrapper.propTypes={children:N.a.element};const KsSvg=({svg:e,className:t="",style:a})=>l.a.createElement("span",{className:`ks-svg ${t}`,style:a,dangerouslySetInnerHTML:{__html:e},__source:{fileName:"/root/repo/design-system/src/atoms/svg.tsx",lineNumber:16},__self:void 0});N.a.element.isRequired;var pe="/root/repo/design-system/src/atoms/toggle.tsx";function Toggle(e){return l.a.createElement("div",{className:"ks-toggle",__source:{fileName:pe,lineNumber:6},__self:this},e.children)}Toggle.defaultProps={children:null},Toggle.propTypes={children:N.a.element};var Ne="/root/repo/design-system/src/atoms/status-message.tsx";const be=["success","info","warning","error"],ve={info:{text:"#004085",bg:"#cce5ff",border:"#b8daff"},success:{text:"#155724",bg:"#d4edda",border:"#c3e6cb"},warning:{text:"#bd9712",bg:"#fff3cd",border:"#ffeeba"},error:{text:"#721c24",bg:"#f8d7da",border:"#f5c6cb"}},StatusMessage=({message:e,children:t,type:a="info",handleClose:r})=>{const s=be.includes(a)?a:"info";return l.a.createElement("div",{className:"ks-status-message",style:{border:`2px solid ${ve[s].border}`,backgroundColor:ve[s].bg,color:ve[s].text},__source:{fileName:Ne,lineNumber:46},__self:void 0},r&&l.a.createElement(KsButton,{className:"ks-status-message__close",kind:"icon",flush:!0,handleTrigger:r,icon:"close",__source:{fileName:Ne,lineNumber:55},__self:void 0}),l.a.createElement("div",{className:"ks-status-message__content",__source:{fileName:Ne,lineNumber:63},__self:void 0},e&&l.a.createElement("div",{dangerouslySetInnerHTML:{__html:v.a.parse(e)},__source:{fileName:Ne,lineNumber:65},__self:void 0}),t))};var he="/root/repo/design-system/src/atoms/status-icon.tsx";const StatusIcon=({status:e,hasTitle:t=!1})=>{var a;return l.a.createElement("div",{className:"ks-status-icon",__source:{fileName:he,lineNumber:15},__self:void 0},l.a.createElement("div",{className:"ks-status-icon__icon",style:{backgroundColor:null!==(a=null==e?void 0:e.color)&&void 0!==a?a:"#ccc"},__source:{fileName:he,lineNumber:16},__self:void 0}),t&&l.a.createElement("span",{className:"ks-status-icon__title",__source:{fileName:he,lineNumber:21},__self:void 0},e.title))};var ge,Ee="/root/repo/design-system/src/atoms/forms/select.tsx";function ownKeys(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}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(h.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}!function(e){e.s="s",e.m="m"}(ge||(ge={}));const KsSelect=({label:e,id:t,handleChange:a,isSearchable:r=!1,isClearable:s=!1,placeholder:c="Select...",options:m=[],size:_=ge.m,value:u=((null==m?void 0:m.length)>0?m[0]:null),isLabelInline:d=!1,disabled:f=!1,openByDefault:p=!1,innerRef:N})=>{let b=useFallbackId();b=null!=t?t:b;const v=i()({"ks-select":!0,[`ks-select--size-${_}`]:!0,"ks-select--label-inline":d,"ks-select--disabled":f}),h={dropdownIndicator:e=>_objectSpread({},e,{padding:"s"===_?"0 var(--space-xxxs)":"var(--space-xs)"}),indicatorSeparator:e=>_objectSpread({},e,{marginTop:"s"===_?"var(--space-xxs)":"var(--space-xs)",marginBottom:"s"===_?"var(--space-xxs)":"var(--space-xs)"}),menu:e=>_objectSpread({},e,{zIndex:100})},y=m.map(e=>_objectSpread({label:e.value},e));return l.a.createElement("label",{className:v,htmlFor:b,tabIndex:0,__source:{fileName:Ee,lineNumber:136},__self:void 0},e&&l.a.createElement("div",{className:"ks-select__label-text",__source:{fileName:Ee,lineNumber:137},__self:void 0},e),l.a.createElement("span",{className:"ks-select__wrapper",__source:{fileName:Ee,lineNumber:138},__self:void 0},l.a.createElement(E.a,{options:y,ref:N,onChange:e=>{a(e)},value:u,isSearchable:r,defaultMenuIsOpen:p,isClearable:s,placeholder:c,id:b,className:"ks-select__select",isDisabled:f,theme:e=>{return _objectSpread({},e,{borderRadius:4,colors:_objectSpread({},e.colors,{primary:"var(--c-focus)",primary75:"var(--c-focus)",primary50:"var(--c-active-highlight)",primary25:"var(--c-active-highlight)",neutral0:"var(--c-bg)",neutral20:"var(--c-frame)",neutral30:"var(--c-frame)",neutral60:"var(--c-text-subdued)"}),spacing:{baseUnit:4,controlHeight:"m"===_?40:24,menuGutter:"m"===_?8:2}})},styles:h,components:{SingleValue:e=>{let{children:t}=e,a=Object(o.a)(e,["children"]);const r=a.options.find(e=>{var t;return e.value===(null==a?void 0:null===(t=a.data)||void 0===t?void 0:t.value)});return l.a.createElement(g.z.SingleValue,Object(n.a)({},a,{__source:{fileName:Ee,lineNumber:89},__self:void 0}),l.a.createElement("div",{className:"ks-select__option",__source:{fileName:Ee,lineNumber:90},__self:void 0},(null==r?void 0:r.icon)&&l.a.createElement("span",{className:"ks-select__option-icon",__source:{fileName:Ee,lineNumber:92},__self:void 0},r.icon),l.a.createElement("span",{__source:{fileName:Ee,lineNumber:94},__self:void 0},t)))},Option:e=>{var t;let{children:a}=e,r=Object(o.a)(e,["children"]);return l.a.createElement(g.z.Option,Object(n.a)({},r,{__source:{fileName:Ee,lineNumber:102},__self:void 0}),l.a.createElement("div",{className:"ks-select__option",__source:{fileName:Ee,lineNumber:103},__self:void 0},(null===(t=r.data)||void 0===t?void 0:t.icon)&&l.a.createElement("span",{className:"ks-select__option-icon",__source:{fileName:Ee,lineNumber:105},__self:void 0},r.data.icon),l.a.createElement("span",{__source:{fileName:Ee,lineNumber:107},__self:void 0},a)))}},__source:{fileName:Ee,lineNumber:139},__self:void 0})))};var ye="/root/repo/design-system/src/atoms/tooltip.tsx";const Tooltip=({children:e,bgColor:t="white",position:a="top",textColor:r="#484848",tooltipContent:s})=>l.a.createElement("div",{className:"ks-tooltip","data-position":a,__source:{fileName:ye,lineNumber:22},__self:void 0},e,l.a.createElement("span",{style:{background:t,color:r},__source:{fileName:ye,lineNumber:29},__self:void 0},s));var ke="/root/repo/design-system/src/atoms/pattern-status-icon.tsx";function PatternStatusIcon(e){return l.a.createElement("span",{className:"ks-pattern-status-icon",title:e.title,style:{backgroundColor:e.color?e.color:"#ccc"},__source:{fileName:ke,lineNumber:7},__self:this})}PatternStatusIcon.propTypes={color:N.a.string.isRequired,title:N.a.string.isRequired};const xe=[{name:"iPhone 5 Portrait",width:320},{name:"Galaxy Nexus Portrait",width:360},{name:"iPhone 6/7/8 Portrait",width:375},{name:"iPhone X/Xs Portrait",width:375},{name:"iPhone 6/7/8 Plus Portrait",width:414},{name:"iPhone Xs Max Portrait",width:414},{name:"Galaxy Note 3 Portrait",width:540},{name:"iPhone 5 Landscape",width:568},{name:"Google Nexus 7 Portrait",width:604},{name:"Galaxy Nexus Landscape",width:640},{name:"iPhone 6/7/8 Landscape",width:667},{name:"iPhone 6/7/8 Plus Landscape",width:736},{name:"iPad Portrait",width:768},{name:"iPhone X/Xs Landscape",width:812},{name:'iPad Pro 10.5" Portrait',width:834},{name:"iPhone Xs Max Landscape",width:896},{name:"Galaxy Note 3 Landscape",width:960},{name:"Google Nexus 7 Landscape",width:966},{name:"iPad Landscape",width:1024},{name:'11" MacBook Air',width:1366},{name:'13" MacBook Air',width:1440},{name:'21.5" iMac',width:1980}];var we="/root/repo/design-system/src/breakpoints-demo/breakpoints-demo.tsx";const BreakpointList=({items:e})=>l.a.createElement("ul",{className:"ks-breakpoints",__source:{fileName:we,lineNumber:16},__self:void 0},e.map(e=>l.a.createElement("li",{className:"ks-breakpoints-demo__breakpoint-item",key:e.name,style:{left:e.value},__source:{fileName:we,lineNumber:18},__self:void 0},l.a.createElement("span",{className:"ks-label",__source:{fileName:we,lineNumber:25},__self:void 0},e.name,":",l.a.createElement("br",{__source:{fileName:we,lineNumber:26},__self:void 0}),e.value)))),DeviceWidthList=({items:e})=>l.a.createElement("ul",{className:"ks-breakpoints-demo__device-width-list",__source:{fileName:we,lineNumber:41},__self:void 0},e.map(e=>l.a.createElement("li",{className:"ks-breakpoints-demo__device-item",key:e.name,style:{width:e.width},__source:{fileName:we,lineNumber:43},__self:void 0},l.a.createElement("span",{className:"ks-label",__source:{fileName:we,lineNumber:50},__self:void 0},e.name,": ",e.width)))),BreakpointsDemo=({tokens:e})=>l.a.createElement("div",{className:"ks-breakpoints-demo__breakpoint-list",__source:{fileName:we,lineNumber:60},__self:void 0},l.a.createElement(BreakpointList,{items:e,__source:{fileName:we,lineNumber:61},__self:void 0}),l.a.createElement(DeviceWidthList,{items:xe,__source:{fileName:we,lineNumber:62},__self:void 0}));var Ce="/root/repo/design-system/src/tabbed-panel/tabbed-panel.tsx";class TabbedPanel extends r.Component{constructor(e){super(e),this.state={activeId:e.items[0].id},this.handleClick=this.handleClick.bind(this)}handleClick(e){this.setState({activeId:e.id})}render(){const{bleed:e="30px"}=this.props,t="var(--c-bg-brand)",a=this.props.items.map(e=>{const a=!!e.children.props.prop;return l.a.createElement("div",{className:"ks-tabbed-panel__demo-tab",key:e.id,role:"button",tabIndex:0,onClick:()=>this.handleClick(e),onKeyUp:()=>this.handleClick(e),style:{borderBottom:this.state.activeId===e.id?`5px solid ${t}`:"5px solid transparent",color:this.state.activeId===e.id?t:"black",zIndex:this.state.activeId===e.id?1:0,fontWeight:this.state.activeId===e.id?"bold":"normal"},__source:{fileName:Ce,lineNumber:45},__self:this},a?e.children.props.prop.title:e.title)}),r=this.props.items.map(a=>l.a.createElement("div",{key:a.id,style:{display:this.state.activeId===a.id?"block":"none"},__source:{fileName:Ce,lineNumber:68},__self:this},a.header&&l.a.createElement("div",{className:"ks-tabbed-panel__header-region",style:{background:"var(--c-active)",borderBottom:`10px solid ${t}`},__source:{fileName:Ce,lineNumber:75},__self:this},a.header),a.children&&l.a.createElement("div",{className:"ks-tabbed-panel__demo-stage",style:{padding:e},__source:{fileName:Ce,lineNumber:86},__self:this},a.children,a.notes&&l.a.createElement("div",{className:"ks-tabbed-panel__footer-region",style:{borderTop:`1px solid ${t}`},__source:{fileName:Ce,lineNumber:94},__self:this},l.a.createElement("h5",{style:{color:t},__source:{fileName:Ce,lineNumber:100},__self:this},"Notes"),a.notes))));return l.a.createElement("div",{__source:{fileName:Ce,lineNumber:109},__self:this},l.a.createElement("div",{className:"ks-tabbed-panel__demo-tabs-wrap",__source:{fileName:Ce,lineNumber:110},__self:this},a),l.a.createElement("div",{className:"ks-tabbed-panel__shadow-wrap",style:{borderColor:t},__source:{fileName:Ce,lineNumber:111},__self:this},r))}}function ownKeys$1(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function mapChild(e,t,a){if(e.tagName){const r=e.properties&&Array.isArray(e.properties.className)?e.properties.className.join(" "):e.properties.className;return l.a.createElement(e.tagName,function _objectSpread$1(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?ownKeys$1(Object(a),!0).forEach((function(t){Object(h.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):ownKeys$1(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({key:`fract-${a}-${t}`},e.properties,{className:r}),e.children&&e.children.map(mapWithDepth(a+1)))}return e.value}function mapWithDepth(e){return function mapChildrenWithDepth(t,a){return mapChild(t,a,e)}}var je="/root/repo/design-system/src/code-block/pretty-code/pretty-code.tsx";const Oe=a("../node_modules/refractor/core.js"),Se=[];[x.a,C.a,O.a,M.a,H.a,P.a,A.a,T.a,D.a,z.a,W.a,K.a,G.a].forEach(e=>{Oe.register(e),Se.push(e.displayName,...e.aliases)});["scss","css","javascript","jsx","twig","html","handlebars","php","json","bash"].filter(e=>Se.includes(e));Se.sort();const CodeSnippet=({language:e,code:t=""})=>{let a;if(e&&Oe.registered(e)){const r=null==t?void 0:t.trim(),l=Oe.highlight(t,e);a=0===l.length?r:l.map(mapWithDepth(0))}else a=t,console.warn(`No language definitions for '${e}' seems to be registered, did you forget to call \`Refractor.registerLanguage()\`?`);return l.a.createElement("pre",{className:"ks-pretty-code",__source:{fileName:je,lineNumber:90},__self:void 0},l.a.createElement("code",{className:"ks-pretty-code__code",__source:{fileName:je,lineNumber:91},__self:void 0},l.a.createElement("div",{className:"ks-pretty-code__prism-token",__source:{fileName:je,lineNumber:92},__self:void 0},a)))};var Pe="/root/repo/design-system/src/code-block/code-block.tsx";const CodeBlock=({items:e=[]})=>{if(0===e.length)return null;const t=e.map(({name:e="",language:t="",code:a="",id:r})=>({title:e,id:r||`${e}-${t}-${a}`,children:l.a.createElement(CodeSnippet,{language:t,code:a,__source:{fileName:Pe,lineNumber:29},__self:void 0})}));return l.a.createElement(TabbedPanel,{bleed:"10px",items:t,__source:{fileName:Pe,lineNumber:39},__self:void 0})};var qe="/root/repo/design-system/src/copy-to-clipboard/copy-to-clipboard.tsx";const CopyToClipboard=e=>{const{snippet:t}=e,[a,s]=Object(r.useState)(!1),i={transition:"background-color ease-in-out .5s"};return a&&(i.backgroundColor="#6ed300"),l.a.createElement("span",{style:{cursor:"pointer"},__source:{fileName:qe,lineNumber:20},__self:void 0},l.a.createElement(X.CopyToClipboard,{text:t,onCopy:()=>{s(!0),setTimeout(()=>s(!1),2e3)},__source:{fileName:qe,lineNumber:21},__self:void 0},l.a.createElement("code",{title:"Click to copy",style:i,__source:{fileName:qe,lineNumber:28},__self:void 0},a?"Copied":t)))};var Me="/root/repo/design-system/src/design-token-demos/border.tsx";const BorderDemo=({tokens:e})=>{if(!e)return null;const t=e.map(e=>l.a.createElement("div",{key:e.name,__source:{fileName:Me,lineNumber:12},__self:void 0},l.a.createElement("h4",{__source:{fileName:Me,lineNumber:13},__self:void 0},e.name,l.a.createElement("code",{__source:{fileName:Me,lineNumber:15},__self:void 0},": ",e.value)),e.comment&&l.a.createElement("small",{__source:{fileName:Me,lineNumber:17},__self:void 0},e.comment),l.a.createElement("div",{className:"ks-dtd-border-demo-box",style:{border:e.value},__source:{fileName:Me,lineNumber:18},__self:void 0})));return l.a.createElement("div",{__source:{fileName:Me,lineNumber:27},__self:void 0},t)};var Ie="/root/repo/design-system/src/design-token-demos/border-radius.tsx";const BorderRadiusDemo=({tokens:e})=>{if(!e)return null;const t=e.map(e=>l.a.createElement("div",{key:e.name,__source:{fileName:Ie,lineNumber:13},__self:void 0},e.code&&l.a.createElement("h6",{__source:{fileName:Ie,lineNumber:15},__self:void 0},"Code: ",l.a.createElement(CopyToClipboard,{snippet:e.code,__source:{fileName:Ie,lineNumber:16},__self:void 0}),l.a.createElement("br",{__source:{fileName:Ie,lineNumber:17},__self:void 0}),"Value: ",l.a.createElement(CopyToClipboard,{snippet:e.value,__source:{fileName:Ie,lineNumber:18},__self:void 0})),e.comment&&l.a.createElement("p",{__source:{fileName:Ie,lineNumber:22},__self:void 0},l.a.createElement("small",{__source:{fileName:Ie,lineNumber:23},__self:void 0},e.comment)),e.comment&&l.a.createElement("small",{__source:{fileName:Ie,lineNumber:26},__self:void 0},e.comment),l.a.createElement("div",{className:"ks-dtd-border-demo-box",style:{borderRadius:e.value,border:"1px solid black"},__source:{fileName:Ie,lineNumber:27},__self:void 0})));return l.a.createElement("div",{__source:{fileName:Ie,lineNumber:36},__self:void 0},t)};var He="/root/repo/design-system/src/design-token-demos/box-shadow.tsx";const BoxShadowDemo=({tokens:e})=>{if(!e)return null;const t=e.map(e=>l.a.createElement("div",{className:"ks-dtd-box-shadow",key:e.name,style:{boxShadow:e.value},__source:{fileName:He,lineNumber:13},__self:void 0},l.a.createElement("h4",{__source:{fileName:He,lineNumber:20},__self:void 0},e.name),e.code&&l.a.createElement("h6",{__source:{fileName:He,lineNumber:22},__self:void 0},l.a.createElement(CopyToClipboard,{snippet:e.code,__source:{fileName:He,lineNumber:23},__self:void 0}),l.a.createElement("br",{__source:{fileName:He,lineNumber:24},__self:void 0}),l.a.createElement(CopyToClipboard,{snippet:e.value,__source:{fileName:He,lineNumber:25},__self:void 0})),e.comment&&l.a.createElement("p",{__source:{fileName:He,lineNumber:29},__self:void 0},l.a.createElement("small",{__source:{fileName:He,lineNumber:30},__self:void 0},e.comment))));return l.a.createElement("div",{__source:{fileName:He,lineNumber:36},__self:void 0},t)};var Le="/root/repo/design-system/src/design-token-demos/color-swatch.tsx";function tokensToSketchPalettes(e){return JSON.stringify({compatibleVersion:"2.0",pluginVersion:"2.14",colors:e.map(({value:e})=>{const t=Object(J.convertColor)(e,"rgb"),{r:a,g:r,b:l,alpha:s=1}=Object(J.parseColor)(t);return{red:a/255,green:r/255,blue:l/255,alpha:s}})})}const ColorSwatch=({color:e,format:t})=>{const a=Object(J.convertColor)(e.value,t);return l.a.createElement("div",{className:"ks-color-swatch",__source:{fileName:Le,lineNumber:47},__self:void 0},l.a.createElement("div",{className:"ks-color-swatch__swatch-info",__source:{fileName:Le,lineNumber:48},__self:void 0},l.a.createElement("h5",{__source:{fileName:Le,lineNumber:49},__self:void 0},e.name),e.code&&l.a.createElement("h6",{__source:{fileName:Le,lineNumber:51},__self:void 0},"Code: ",l.a.createElement(CopyToClipboard,{snippet:e.code,__source:{fileName:Le,lineNumber:52},__self:void 0}),l.a.createElement("br",{__source:{fileName:Le,lineNumber:53},__self:void 0}),"Value: ",l.a.createElement(CopyToClipboard,{snippet:a,__source:{fileName:Le,lineNumber:54},__self:void 0})),e.comment&&l.a.createElement("p",{__source:{fileName:Le,lineNumber:58},__self:void 0},l.a.createElement("small",{__source:{fileName:Le,lineNumber:59},__self:void 0},e.comment))),l.a.createElement("div",{className:"ks-color-swatch__swatch-color-gradient-background",__source:{fileName:Le,lineNumber:63},__self:void 0},l.a.createElement("div",{style:{backgroundColor:e.value?e.value:"auto",margin:Object(J.hasOpacity)(e.value)?"20px":"0",height:`calc(100% - ${Object(J.hasOpacity)(e.value)?"40px":"0px"})`},__source:{fileName:Le,lineNumber:64},__self:void 0})))},ColorSwatches=({tokens:e=[]})=>{const t=[{label:"RGB",value:"rgb"},{label:"HEX",value:"hex"},{label:"HSL",value:"hsl"}],[a,s]=Object(r.useState)(t[0]),i=new window.Blob([tokensToSketchPalettes(e)],{type:"application/json"}),n=window.URL.createObjectURL(i),o=e.map(e=>l.a.createElement(ColorSwatch,{key:e.name,color:e,format:a.value,__source:{fileName:Le,lineNumber:108},__self:void 0}));return l.a.createElement("div",{__source:{fileName:Le,lineNumber:112},__self:void 0},l.a.createElement("div",{className:"ks-color-swatch__right-label",__source:{fileName:Le,lineNumber:113},__self:void 0},l.a.createElement("span",{style:{width:"calc(var(--space-xxl) * 3)"},__source:{fileName:Le,lineNumber:114},__self:void 0},l.a.createElement(KsSelect,{label:"Color Format",isLabelInline:!0,value:a,options:t,handleChange:e=>{s(e)},__source:{fileName:Le,lineNumber:119},__self:void 0})),l.a.createElement("div",{style:{marginLeft:"auto"},__source:{fileName:Le,lineNumber:129},__self:void 0},l.a.createElement("span",{__source:{fileName:Le,lineNumber:130},__self:void 0},l.a.createElement("a",{href:"https://github.com/andrewfiorillo/sketch-palettes",target:"_blank",rel:"noopener noreferrer",__source:{fileName:Le,lineNumber:131},__self:void 0},"Sketch Palette plugin")," ","format:"," "),l.a.createElement("a",{href:n,download:"my-sketch.sketchpalette",__source:{fileName:Le,lineNumber:140},__self:void 0},l.a.createElement(KsButton,{__source:{fileName:Le,lineNumber:141},__self:void 0},"Download Sketch Palette")))),l.a.createElement("div",{className:"ks-color-swatch__swatches-wrapper",__source:{fileName:Le,lineNumber:145},__self:void 0},o))};var Te="/root/repo/design-system/src/design-token-demos/spacing.tsx";const SpacingDemo=({tokens:e})=>e?l.a.createElement("div",{style:{display:"flex",flexDirection:"column",maxWidth:"600px"},__source:{fileName:Te,lineNumber:13},__self:void 0},e.map(e=>l.a.createElement("div",{className:"ks-spacing-swatch",key:e.name,__source:{fileName:Te,lineNumber:21},__self:void 0},l.a.createElement("span",{className:"ks-spacing-swatch__spacing-outer",style:{height:e.value,width:e.value},__source:{fileName:Te,lineNumber:22},__self:void 0}),l.a.createElement("div",{__source:{fileName:Te,lineNumber:29},__self:void 0},e.code&&l.a.createElement("h6",{__source:{fileName:Te,lineNumber:31},__self:void 0},l.a.createElement(CopyToClipboard,{snippet:e.code,__source:{fileName:Te,lineNumber:32},__self:void 0}),l.a.createElement("br",{__source:{fileName:Te,lineNumber:33},__self:void 0}),l.a.createElement(CopyToClipboard,{snippet:e.value,__source:{fileName:Te,lineNumber:34},__self:void 0}),e.comment&&l.a.createElement("small",{__source:{fileName:Te,lineNumber:35},__self:void 0},e.comment))),l.a.createElement("div",{__source:{fileName:Te,lineNumber:39},__self:void 0})))):null;var $e="/root/repo/design-system/src/design-token-demos/table-list.tsx";const columnHeader=e=>l.a.createElement("div",{style:{textAlign:"left"},__source:{fileName:$e,lineNumber:14},__self:void 0},e),filterInput=({onChange:e})=>l.a.createElement("input",{onChange:t=>e(t.target.value),style:{width:"100%"},placeholder:"Type to filter",__source:{fileName:$e,lineNumber:16},__self:void 0});filterInput.propTypes={onChange:N.a.func.isRequired};const expandableContent=({row:e})=>l.a.createElement("div",{style:{padding:"10px"},__source:{fileName:$e,lineNumber:27},__self:void 0},l.a.createElement("p",{__source:{fileName:$e,lineNumber:28},__self:void 0},e._original.category&&l.a.createElement(l.a.Fragment,null,l.a.createElement("strong",{__source:{fileName:$e,lineNumber:31},__self:void 0},"Category:")," ",e._original.category,l.a.createElement("br",{__source:{fileName:$e,lineNumber:32},__self:void 0})),e._original.tags&&!!e._original.tags.length&&l.a.createElement(l.a.Fragment,null,l.a.createElement("strong",{__source:{fileName:$e,lineNumber:37},__self:void 0},"Tags:")," ",e._original.tags.join(", "),l.a.createElement("br",{__source:{fileName:$e,lineNumber:38},__self:void 0})),e._original.comment&&l.a.createElement(l.a.Fragment,null,l.a.createElement("strong",{__source:{fileName:$e,lineNumber:43},__self:void 0},"Comments:")," ",e._original.comment,l.a.createElement("br",{__source:{fileName:$e,lineNumber:44},__self:void 0}))));expandableContent.propTypes={row:N.a.object.isRequired};const expanderToggle=({isExpanded:e=!1})=>l.a.createElement("div",{__source:{fileName:$e,lineNumber:56},__self:void 0},e?l.a.createElement("span",{__source:{fileName:$e,lineNumber:56},__self:void 0},"⊙"):l.a.createElement("span",{__source:{fileName:$e,lineNumber:56},__self:void 0},"⊕")),DesignTokenTable=({tokens:e})=>e?l.a.createElement("div",{__source:{fileName:$e,lineNumber:62},__self:void 0},l.a.createElement(U.a,{className:"-striped -highlight",showPagination:!1,defaultPageSize:e.length,style:{maxHeight:"50vh"},data:e,noDataText:"No tokens match the search criteria",columns:[{Header:columnHeader("Code"),accessor:"code",Cell:e=>l.a.createElement("div",{__source:{fileName:$e,lineNumber:79},__self:void 0},l.a.createElement(CopyToClipboard,{snippet:e.value,__source:{fileName:$e,lineNumber:80},__self:void 0}))},{Header:columnHeader("Value"),accessor:"value",Cell:e=>l.a.createElement("div",{__source:{fileName:$e,lineNumber:88},__self:void 0},l.a.createElement(CopyToClipboard,{snippet:e.value,__source:{fileName:$e,lineNumber:89},__self:void 0}))},{Header:()=>l.a.createElement("strong",{__source:{fileName:$e,lineNumber:94},__self:void 0},"More"),width:65,expander:!0,Expander:expanderToggle,style:{cursor:"pointer",fontSize:25,padding:"0",textAlign:"center",userSelect:"none",display:"flex",alignItems:"center",justifyContent:"center"}}],filterable:!0,FilterComponent:filterInput,defaultFilterMethod:(e,t)=>{const a=e.pivotId||e.id;return void 0===t[a]||Object(J.containsString)(String(t[a]),e.value)},SubComponent:expandableContent,__source:{fileName:$e,lineNumber:63},__self:void 0})):null;var De="/root/repo/design-system/src/design-token-demos/text-color.tsx";const TextColorDemo=({tokens:e})=>{if(!e)return null;const t=e.map(e=>l.a.createElement("div",{className:"ks-dtd-text-color",key:e.name,style:{color:e.value},__source:{fileName:De,lineNumber:12},__self:void 0},l.a.createElement("h1",{__source:{fileName:De,lineNumber:17},__self:void 0},e.name," H1"),l.a.createElement("h2",{__source:{fileName:De,lineNumber:18},__self:void 0},e.name," H2"),l.a.createElement("h3",{__source:{fileName:De,lineNumber:19},__self:void 0},e.name," H3"),l.a.createElement("h4",{__source:{fileName:De,lineNumber:20},__self:void 0},e.name," H4"),l.a.createElement("h5",{__source:{fileName:De,lineNumber:21},__self:void 0},e.name," H5"),l.a.createElement("p",{__source:{fileName:De,lineNumber:22},__self:void 0},"Value: ",e.value),e.comment&&l.a.createElement("p",{__source:{fileName:De,lineNumber:23},__self:void 0},e.comment)));return l.a.createElement("div",{__source:{fileName:De,lineNumber:27},__self:void 0},t)};var Re="/root/repo/design-system/src/design-token-demos/text-shadow.tsx";const TextShadowDemo=({tokens:e})=>{if(!e)return null;const t=e.map(e=>l.a.createElement("div",{className:"ks-design-token-text-shadow-demo",key:e.name,__source:{fileName:Re,lineNumber:12},__self:void 0},l.a.createElement("h4",{__source:{fileName:Re,lineNumber:13},__self:void 0},e.name),l.a.createElement("p",{style:{textShadow:e.value},__source:{fileName:Re,lineNumber:14},__self:void 0},"Lorem Ipsum")));return l.a.createElement("div",{__source:{fileName:Re,lineNumber:24},__self:void 0},t)};let ze;!function(e){e.s="s",e.m="m",e.l="l"}(ze||(ze={}));const KsGrid=({children:e,gapSize:t="m",itemSize:a="m"})=>{const r=i()("ks-grid",`ks-grid--gap-size-${t}`,`ks-grid--item-size-${a}`);return l.a.createElement("section",{className:r,__source:{fileName:"/root/repo/design-system/src/grid/grid.tsx",lineNumber:31},__self:void 0},l.a.Children.map(e,e=>l.a.createElement("article",{className:"ks-grid__item",__source:{fileName:"/root/repo/design-system/src/grid/grid.tsx",lineNumber:33},__self:void 0},e)))};var Ve="/root/repo/design-system/src/schema-form/custom-templates/custom-object.tsx";const ObjectFieldTemplate=({properties:e})=>l.a.createElement("div",{className:"ks-custom-object",__source:{fileName:Ve,lineNumber:8},__self:void 0},e.map(e=>l.a.createElement("div",{key:e.content.key,className:"ks-custom-object-item",__source:{fileName:Ve,lineNumber:10},__self:void 0},e.content)));var We="/root/repo/design-system/src/schema-form/custom-templates/form-icon-button.tsx";const FormIconButton=({active:e=!1,ariaLabel:t,backgroundImage:a,onClick:r=(()=>{}),onKeyPress:s=(()=>{}),tabIndex:i=0})=>l.a.createElement("div",{className:`ks-form-icon-button\n ${e?"ks-form-icon-button--active":""}`,onKeyPress:s,onClick:r,"aria-label":t,tabIndex:i,role:"button",__source:{fileName:We,lineNumber:26},__self:void 0},a&&l.a.createElement("div",{className:"ks-form-icon-button__icon",style:{backgroundImage:`url(${a})`},__source:{fileName:We,lineNumber:36},__self:void 0}));const FormIconTray=({children:e,className:t="",style:a={}})=>l.a.createElement("div",{className:`ks-form-icon-tray ${t}`,style:a,__source:{fileName:"/root/repo/design-system/src/schema-form/custom-templates/form-icon-tray.tsx",lineNumber:16},__self:void 0},e);var Fe="/root/repo/design-system/src/schema-form/custom-templates/array-field.tsx";const CustomArrayField=({canAdd:e,className:t,idSchema:a,items:r=[],onAddClick:s,title:n,schema:o,uiSchema:c={"ui:detailsOpen":!1,"ui:detailsWrap":!0}})=>{var m,_,u;const d="boolean"!=typeof(null==o?void 0:o.items)&&!Array.isArray(null==o?void 0:o.items)&&"string"===(null==o?void 0:null===(m=o.items)||void 0===m?void 0:m.type),f=null===(_=c["ui:detailsWrap"])||void 0===_||_,p=null!==(u=c["ui:detailsOpen"])&&void 0!==u&&u,N=r.length,b=l.a.createElement(l.a.Fragment,null,r.map(e=>l.a.createElement("div",{key:e.index,className:i()("ks-form-array-item",{"ks-form-array-item--inline":d}),__source:{fileName:Fe,lineNumber:37},__self:void 0},!d&&l.a.createElement("p",{className:"ks-n-of-x",__source:{fileName:Fe,lineNumber:44},__self:void 0},e.index+1," / ",N),e.children,l.a.createElement(FormIconTray,{className:"ks-field-array__item-button-tray",__source:{fileName:Fe,lineNumber:49},__self:void 0},l.a.createElement(FormIconButton,{active:e.hasMoveUp,backgroundImage:"data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1395 1184q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z'/%3e%3c/svg%3e",onKeyPress:e.onReorderClick(e.index,e.index-1),onClick:e.onReorderClick(e.index,e.index-1),ariaLabel:"move item up",__source:{fileName:Fe,lineNumber:50},__self:void 0}),l.a.createElement(FormIconButton,{active:e.hasMoveDown,backgroundImage:"data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z'/%3e%3c/svg%3e",onKeyPress:e.onReorderClick(e.index,e.index+1),onClick:e.onReorderClick(e.index,e.index+1),ariaLabel:"move item down",__source:{fileName:Fe,lineNumber:60},__self:void 0}),l.a.createElement(FormIconButton,{active:!0,backgroundImage:"data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M704 1376v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm256 0v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm256 0v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm-544-992h448l-48-117q-7-9-17-11h-317q-10 2-17 11zm928 32v64q0 14-9 23t-23 9h-96v948q0 83-47 143.5t-113 60.5h-832q-66 0-113-58.5t-47-141.5v-952h-96q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h309l70-167q15-37 54-63t79-26h320q40 0 79 26t54 63l70 167h309q14 0 23 9t9 23z'/%3e%3c/svg%3e",onClick:e.onDropIndexClick(e.index),onKeyPress:e.onDropIndexClick(e.index),ariaLabel:"remove item",__source:{fileName:Fe,lineNumber:70},__self:void 0})))),e&&l.a.createElement(FormIconTray,{style:{marginTop:"5px"},__source:{fileName:Fe,lineNumber:82},__self:void 0},l.a.createElement(FormIconButton,{backgroundImage:"data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1344 800v64q0 14-9 23t-23 9h-352v352q0 14-9 23t-23 9h-64q-14 0-23-9t-9-23v-352h-352q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h352v-352q0-14 9-23t23-9h64q14 0 23 9t9 23v352h352q14 0 23 9t9 23zm128 448v-832q0-66-47-113t-113-47h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113zm128-832v832q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q119 0 203.5 84.5t84.5 203.5z'/%3e%3c/svg%3e",onClick:s,onKeyPress:s,ariaLabel:"add new item",__source:{fileName:Fe,lineNumber:83},__self:void 0})));return l.a.createElement("div",{id:`ks-field-array--${a.$id}`,className:t,__source:{fileName:Fe,lineNumber:95},__self:void 0},f?l.a.createElement("details",{open:p,__source:{fileName:Fe,lineNumber:97},__self:void 0},l.a.createElement("summary",{__source:{fileName:Fe,lineNumber:98},__self:void 0},n),b):b)};var Ae="/root/repo/design-system/src/schema-form/custom-templates/custom-field.tsx";function CustomField(e){var t;const{id:a,classNames:r,label:s,help:n,required:o,description:c,errors:m,children:_,rawErrors:u,schema:d,uiSchema:f}=e,p=[],N=null===(t=c.props)||void 0===t?void 0:t.description;let b=l.a.createElement("div",{__source:{fileName:Ae,lineNumber:31},__self:this});return"string"===(null==d?void 0:d.type)&&d.enum&&f["ui:widget"]?b=l.a.createElement(RadioInputWrapper,{__source:{fileName:Ae,lineNumber:34},__self:this},_):"string"===(null==d?void 0:d.type)&&d.enum?b=l.a.createElement("label",{className:"ks-select__label",tabIndex:0,__source:{fileName:Ae,lineNumber:38},__self:this},l.a.createElement("span",{className:"ks-select__wrapper ks-select__wrapper--variant",__source:{fileName:Ae,lineNumber:39},__self:this},_,l.a.createElement("span",{className:"ks-select__icon",__source:{fileName:Ae,lineNumber:41},__self:this},l.a.createElement(Icon,{size:"s",symbol:"dropdown-carrot",__source:{fileName:Ae,lineNumber:42},__self:this})))):(p.push("ks-text-field"),b=l.a.createElement("div",{className:"ks-text-input-wrapper ks-text-field__wrapper",__source:{fileName:Ae,lineNumber:57},__self:this},_)),l.a.createElement("div",{className:i()("ks-custom-field",r,{"ks-custom-field--has-errors":(null==u?void 0:u.length)>0},...p),__source:{fileName:Ae,lineNumber:65},__self:this},l.a.createElement("label",{htmlFor:a,className:"ks-field-label ks-text-field__label",__source:{fileName:Ae,lineNumber:75},__self:this},s,s&&o?"*":null,N&&l.a.createElement(Tooltip,{tooltipContent:N,position:"right",__source:{fileName:Ae,lineNumber:79},__self:this},l.a.createElement(y.a,{className:"ks-custom-field__info-icon",__source:{fileName:Ae,lineNumber:80},__self:this}))),b,m&&m,l.a.createElement("div",{className:"ks-text-field__description",__source:{fileName:Ae,lineNumber:86},__self:this},n))}var Be="/root/repo/design-system/src/schema-form/custom-templates/checkbox-widget.tsx";function CheckboxWidget(e){const{id:t,value:a,required:r,disabled:s,readonly:i,onBlur:n,onFocus:o,onChange:c}=e;return l.a.createElement("div",{className:`ks-checkbox ${s||i?"disabled":""}`,__source:{fileName:Be,lineNumber:19},__self:this},l.a.createElement(Toggle,{__source:{fileName:Be,lineNumber:20},__self:this},l.a.createElement("label",{htmlFor:t,style:{display:"flex",alignItems:"center"},__source:{fileName:Be,lineNumber:21},__self:this},l.a.createElement("input",{type:"checkbox",id:t,checked:void 0!==a&&a,required:r,disabled:s||i,onChange:e=>c(e.target.checked),onBlur:n&&(e=>n(t,e.target.checked)),onFocus:o&&(e=>o(t,e.target.checked)),__source:{fileName:Be,lineNumber:22},__self:this}),l.a.createElement("span",{className:"ks-checkbox-toggler",__source:{fileName:Be,lineNumber:32},__self:this}))))}CheckboxWidget.defaultProps={},CheckboxWidget.propTypes={schema:N.a.object.isRequired,id:N.a.string.isRequired,label:N.a.string,value:N.a.bool,required:N.a.bool,disabled:N.a.bool,readonly:N.a.bool,onChange:N.a.func.isRequired,onBlur:N.a.func.isRequired,onFocus:N.a.func.isRequired};var Ke="/root/repo/design-system/src/schema-form/custom-templates/checkboxes-widget.tsx";function CheckboxesWidget(e){const{id:t,disabled:a,options:r,value:s,readonly:n,onChange:o}=e,{enumOptions:c,enumDisabled:m,inline:_}=r;return l.a.createElement("div",{className:i()("ks-checkboxes",{"ks-checkboxes--inline":_}),id:t,style:_?{display:"flex",flexWrap:"wrap"}:{},__source:{fileName:Ke,lineNumber:24},__self:this},c.map((e,r)=>{const i=-1!==s.indexOf(e.value),d=m&&-1!==m.indexOf(e.value),f=a||d||n?"disabled":"",p=`${t}_${r}_${u.a.generate()}`;return l.a.createElement("div",{style:{marginRight:"var(--space-s, 0.75rem)"},key:p,__source:{fileName:Ke,lineNumber:44},__self:this},l.a.createElement(Toggle,{__source:{fileName:Ke,lineNumber:50},__self:this},l.a.createElement("label",{className:_?`ks-checkbox-inline ${f}`:`ks-checkbox ${f}`,style:{display:"flex",alignItems:"center",marginBottom:"var(--space-s, 0.75rem)"},htmlFor:p,__source:{fileName:Ke,lineNumber:51},__self:this},l.a.createElement("input",{type:"checkbox",id:p,checked:i,disabled:a||d||n,onChange:t=>{const a=c.map(e=>e.value);t.target.checked?o(function selectValue(e,t,a){const r=a.indexOf(e);return t.slice(0,r).concat(e,t.slice(r)).sort((e,t)=>a.indexOf(e)>a.indexOf(t))}(e.value,s,a)):o(function deselectValue(e,t){return t.filter(t=>t!==e)}(e.value,s))},__source:{fileName:Ke,lineNumber:64},__self:this}),l.a.createElement("span",{className:"ks-checkbox-toggler",__source:{fileName:Ke,lineNumber:78},__self:this}),l.a.createElement("span",{className:"ks-checkbox-label",__source:{fileName:Ke,lineNumber:79},__self:this},e.label))))}))}CheckboxesWidget.defaultProps={autofocus:!1,options:{inline:!1}},CheckboxesWidget.propTypes={id:N.a.string.isRequired,options:N.a.shape({enumOptions:N.a.array,enumDisabled:N.a.any,inline:N.a.bool}),value:N.a.any,required:N.a.bool,readonly:N.a.bool,disabled:N.a.bool,multiple:N.a.bool,autofocus:N.a.bool,onChange:N.a.func};var Ze="/root/repo/design-system/src/schema-form/schema-form.tsx";function ownKeys$2(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function _objectSpread$2(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?ownKeys$2(Object(a),!0).forEach((function(t){Object(h.a)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):ownKeys$2(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}const SchemaFormErrorList=e=>l.a.createElement("div",{className:"panel panel-danger",__source:{fileName:Ze,lineNumber:54},__self:void 0},l.a.createElement("h3",{className:"panel-title",__source:{fileName:Ze,lineNumber:55},__self:void 0},"Errors"),l.a.createElement("ul",{__source:{fileName:Ze,lineNumber:56},__self:void 0},e.errors.map(e=>l.a.createElement("li",{key:e.stack,className:"text-danger",__source:{fileName:Ze,lineNumber:58},__self:void 0},e.stack)))),SchemaForm=e=>{let{schema:t,className:a="",formData:r={},hasSubmit:s=!1,submitText:i="Submit",isDebug:c=!1,isInline:m=!1,uiSchema:_={},customFields:u={},children:d}=e,f=Object(o.a)(e,["schema","className","formData","hasSubmit","submitText","isDebug","isInline","uiSchema","customFields","children"]);const p=useFallbackId("ks-schema-form");return Object.keys(t.properties).forEach(e=>{const a=t.properties[e];(null==a?void 0:a.typeof)&&"function"===a.typeof&&(_[e]={"ui:field":"FunctionField","ui:help":a.tsType,"ui:placeholder":"() => {}"})}),l.a.createElement("div",{className:a,__source:{fileName:Ze,lineNumber:94},__self:void 0},l.a.createElement(Y.a,Object(n.a)({showErrorList:!1,ErrorList:SchemaFormErrorList},f,{formData:r,schema:t,uiSchema:_||void 0,idPrefix:p,ObjectFieldTemplate:ObjectFieldTemplate,ArrayFieldTemplate:CustomArrayField,FieldTemplate:CustomField,className:m?"ks-rjsf ks-rjsf--inline":"ks-rjsf",fields:_objectSpread$2({},u),widgets:{CheckboxWidget:CheckboxWidget,CheckboxesWidget:CheckboxesWidget},__source:{fileName:Ze,lineNumber:95},__self:void 0}),d,!s&&0===l.a.Children.count(d)&&l.a.createElement("span",{__source:{fileName:Ze,lineNumber:117},__self:void 0}),s&&l.a.createElement(KsButton,{kind:"primary",type:"submit",__source:{fileName:Ze,lineNumber:119},__self:void 0},i)))};var Ge="/root/repo/design-system/src/schema-table/schema-table.tsx";const SchemaTable=({schema:e})=>{if(!e)return null;const t=e.required||[];let a=[];e.properties?a=Object.keys(e.properties).map(a=>{const r=e.properties[a];return{prop:a,type:r.type,data:r,required:r.required||t.includes(a)}}):e.items&&"object"===e.items.type&&e.items.properties?a=Object.keys(e.items.properties).map(t=>{const a=e.items.properties[t];return{prop:t,type:a.type,data:a}}):e.items&&(a=[{prop:e.items.title||"item",type:e.items.type,data:e.items}]);const r=[{Header:"Prop",accessor:"prop",minWidth:60,Cell:e=>l.a.createElement("div",{__source:{fileName:Ge,lineNumber:145},__self:void 0},l.a.createElement("code",{__source:{fileName:Ge,lineNumber:146},__self:void 0},e.value),e.original.required&&l.a.createElement("span",{style:{color:"var(--c-danger)"},__source:{fileName:Ge,lineNumber:148},__self:void 0},"*"))},{Header:"Type",id:"type",accessor:e=>e.type?e.type:e.data.typeof?e.data.description?e.data.description:e.data.typeof:"unknown",Cell:e=>{let t=e.value;return"array"===e.value?t=`array of ${`${e.original.data.items.type}s`||"any"}`:"object"==typeof e.value&&(t=e.value.join(" | ")),l.a.createElement("span",{__source:{fileName:Ge,lineNumber:174},__self:void 0},l.a.createElement("code",{__source:{fileName:Ge,lineNumber:175},__self:void 0},t))},minWidth:50,style:{whiteSpace:"initial"}},{Header:"Details",id:"details",accessor:e=>e.data.tsType?l.a.createElement("code",{__source:{fileName:Ge,lineNumber:189},__self:void 0},e.data.tsType):e.data.enum?l.a.createElement("span",{__source:{fileName:Ge,lineNumber:192},__self:void 0},"Options viewable in More"):""},{Header:"Default",id:"default",minWidth:50,accessor:e=>e.data.default?l.a.createElement("code",{__source:{fileName:Ge,lineNumber:203},__self:void 0},JSON.stringify(e.data.default)):"-"},{Header:"More",width:65,expander:!0,style:{cursor:"pointer",fontSize:25,padding:"0",textAlign:"center",userSelect:"none",display:"flex",alignItems:"center",justifyContent:"center"}}];return l.a.createElement("div",{className:"ks-schema-table",__source:{fileName:Ge,lineNumber:226},__self:void 0},l.a.createElement(U.a,{className:"schema-table -striped -highlight",data:a,key:a.length,columns:r,showPagination:!1,defaultPageSize:a.length,SubComponent:e=>(function SchemaTableExpandable(e){const t=!e.original.data.description&&!(e.original.data.properties||e.original.data.items);return l.a.createElement("div",{style:{padding:"20px"},__source:{fileName:Ge,lineNumber:41},__self:this},e.original.data.description&&l.a.createElement(l.a.Fragment,null,l.a.createElement("h5",{__source:{fileName:Ge,lineNumber:45},__self:this},"Description"),l.a.createElement("p",{dangerouslySetInnerHTML:{__html:v.a.parse(e.original.data.description)},__source:{fileName:Ge,lineNumber:46},__self:this})),("object"===e.original.data.type||"array"===e.original.data.type)&&l.a.createElement(l.a.Fragment,null,l.a.createElement("h5",{__source:{fileName:Ge,lineNumber:57},__self:this},"Props for ",l.a.createElement("code",{__source:{fileName:Ge,lineNumber:58},__self:this},e.original.prop)),l.a.createElement(SchemaTable,{schema:e.original.data,__source:{fileName:Ge,lineNumber:60},__self:this})),"string"===e.original.data.type&&"enum"in e.original.data&&l.a.createElement(l.a.Fragment,null,l.a.createElement("span",{__source:{fileName:Ge,lineNumber:66},__self:this},"One of: "),l.a.createElement("code",{__source:{fileName:Ge,lineNumber:67},__self:this},e.original.data.enum.join(", "))),t&&l.a.createElement("p",{__source:{fileName:Ge,lineNumber:73},__self:this},l.a.createElement("em",{__source:{fileName:Ge,lineNumber:74},__self:this},"No additional information is available.")))})(e),__source:{fileName:Ge,lineNumber:227},__self:void 0}))};SchemaTable.propTypes={schema:N.a.object.isRequired};var Xe="/root/repo/design-system/src/spinner/spinner.tsx";const CircleSpinner=({size:e="24px",error:t})=>{if(t)throw new Error(t);return Object(r.createElement)("span",{className:"ks-circle-spinner",style:{width:e,height:e},__source:{fileName:Xe,lineNumber:45},__self:void 0},Object(r.createElement)("span",{className:"ks-circle-spinner__inner",__source:{fileName:Xe,lineNumber:46},__self:void 0},Object(r.createElement)("span",{className:"ks-circle-spinner__inner-animation",__source:{fileName:Xe,lineNumber:47},__self:void 0},Object(r.createElement)("svg",{width:e,height:e,strokeWidth:"16.00",viewBox:"-3.00 -3.00 106.00 106.00",__source:{fileName:Xe,lineNumber:48},__self:void 0},Object(r.createElement)("path",{className:"ks-circle-spinner__inner-track",d:"M 50,50 m 0,-45 a 45,45 0 1 1 0,90 a 45,45 0 1 1 0,-90",__source:{fileName:Xe,lineNumber:54},__self:void 0}),Object(r.createElement)("path",{className:"ks-circle-spinner__inner-head",d:"M 50,50 m 0,-45 a 45,45 0 1 1 0,90 a 45,45 0 1 1 0,-90",pathLength:"280",strokeDasharray:"280 280",strokeDashoffset:"210",__source:{fileName:Xe,lineNumber:58},__self:void 0})))))}},"../packages/utils/dist/arrays.js":function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.flattenArray=function flattenArray(e){return[].concat(...e)},t.concatArrays=function concatArrays(e,t){return[].concat(e,t)},t.uniqueArray=function uniqueArray(e){var t={};return e.forEach(e=>{t["".concat(e,"::").concat(typeof e)]=e}),Object.keys(t).map(e=>t[e])}},"../packages/utils/dist/color.js":function(e,t,a){var r=a("../node_modules/@babel/runtime/helpers/interopRequireDefault.js");Object.defineProperty(t,"__esModule",{value:!0}),t.colorContrast=function colorContrast(e){function cutHex(e){return"#"===e.charAt(0)?e.substring(1,7):e}var t=function hexToR(e){return parseInt(cutHex(e).substring(0,2),16)}(e),a=function hexToG(e){return parseInt(cutHex(e).substring(2,4),16)}(e),r=function hexToB(e){return parseInt(cutHex(e).substring(4,6),16)}(e);if((299*t+587*a+114*r)/1e3>130)return"#000000";return"#ffffff"},t.convertColor=function convertColor(e,t){var a=(0,l.default)(e);switch(t){case"hsl":return a.hsl().string();case"rgb":return a.rgb().string();case"hex":return a.hex();default:return e}},t.parseColor=function parseColor(e){return(0,l.default)(e).object()},t.hasOpacity=function hasOpacity(e){return!(4!==(0,l.default)(e).rgb().array().length)};var l=r(a("../node_modules/color/index.js"))},"../packages/utils/dist/index.esm.js":function(e,t,a){var r=a("../packages/utils/dist/color.js");a.o(r,"containsString")&&a.d(t,"containsString",(function(){return r.containsString})),a.o(r,"convertColor")&&a.d(t,"convertColor",(function(){return r.convertColor})),a.o(r,"hasOpacity")&&a.d(t,"hasOpacity",(function(){return r.hasOpacity})),a.o(r,"parseColor")&&a.d(t,"parseColor",(function(){return r.parseColor}));var l=a("../packages/utils/dist/arrays.js");a.o(l,"containsString")&&a.d(t,"containsString",(function(){return l.containsString})),a.o(l,"convertColor")&&a.d(t,"convertColor",(function(){return l.convertColor})),a.o(l,"hasOpacity")&&a.d(t,"hasOpacity",(function(){return l.hasOpacity})),a.o(l,"parseColor")&&a.d(t,"parseColor",(function(){return l.parseColor}));var s=a("../packages/utils/dist/misc.js");a.o(s,"containsString")&&a.d(t,"containsString",(function(){return s.containsString})),a.o(s,"convertColor")&&a.d(t,"convertColor",(function(){return s.convertColor})),a.o(s,"hasOpacity")&&a.d(t,"hasOpacity",(function(){return s.hasOpacity})),a.o(s,"parseColor")&&a.d(t,"parseColor",(function(){return s.parseColor}));var i=a("../packages/utils/dist/strings.js");a.o(i,"containsString")&&a.d(t,"containsString",(function(){return i.containsString})),a.o(i,"convertColor")&&a.d(t,"convertColor",(function(){return i.convertColor})),a.o(i,"hasOpacity")&&a.d(t,"hasOpacity",(function(){return i.hasOpacity})),a.o(i,"parseColor")&&a.d(t,"parseColor",(function(){return i.parseColor}));var n=a("../packages/utils/dist/type-tools.js");a.o(n,"containsString")&&a.d(t,"containsString",(function(){return n.containsString})),a.o(n,"convertColor")&&a.d(t,"convertColor",(function(){return n.convertColor})),a.o(n,"hasOpacity")&&a.d(t,"hasOpacity",(function(){return n.hasOpacity})),a.o(n,"parseColor")&&a.d(t,"parseColor",(function(){return n.parseColor}))},"../packages/utils/dist/misc.js":function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getRandomInt=function getRandomInt(e){return Math.floor(Math.random()*Math.floor(e))}},"../packages/utils/dist/strings.js":function(e,t,a){function escapeRegEx(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}Object.defineProperty(t,"__esModule",{value:!0}),t.escapeRegEx=escapeRegEx,t.containsString=function containsString(e,t){var a=escapeRegEx(t).toLowerCase();return-1!==escapeRegEx(e).toLowerCase().search(a)}},"../packages/utils/dist/type-tools.js":function(e,t,a){}}]);
//# sourceMappingURL=bad-route-2mkgt~custom-page-KXWAf~graphiql-page-QvAQg~home-page-WyKJQ~page-with-sidebar-I1Ydw~patter~b255548d.chunk.eaa5497fb7f7db0479e3.js.map