@oliasoft-open-source/react-ui-library 4.4.9 → 4.4.10-beta-1

package/dist/storybook/assets/list.stories-nWamVbJ2.js

@@ -1,457 +0,0 @@
-import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as B}from"./index-RfLt4OUa.js";import{f as k}from"./immer.esm-bD7SSJ7T.js";import{L as x,a as q}from"./list-FJ7byNrg.js";import{L as en}from"./list-heading-XbqCJOHh.js";import{F as nn}from"./flex-ZVra76N-.js";import{l as an,a as tn,b as rn,c as sn,d as on,e as dn,f as mn,g as ln,h as cn,i as pn,j as gn,k as un,m as hn,n as Ye}from"./list.stories-data-spFiMtCi.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./card-0r8RRVk-.js";import"./common-types-U65vzrrz.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./loader-TGOJBZQG.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";const Pn={title:"Basic/List",component:x,args:{list:an,noHeader:!0},parameters:{layout:"fullscreen"}},s=d=>o.jsx(x,{...d}),O=s.bind({}),L=s.bind({});L.args={list:tn};const D=s.bind({});D.args={list:rn};const v=s.bind({});v.args={list:sn};const K=s.bind({});K.args={list:on,expanding:!0};const H=s.bind({});H.args={list:dn,noHeader:!1};const M=s.bind({});M.args={list:mn};const j=s.bind({});j.args={list:ln};const T=s.bind({});T.args={list:cn};const R=s.bind({});R.args={list:pn};const E=s.bind({});E.args={list:gn,noHeader:!1};const N=s.bind({});N.args={bordered:!0};const w=s.bind({});w.args={list:un};const $=s.bind({});$.args={list:hn};const S=s.bind({});S.args={list:Ye,noHeader:!1,stickyHeader:!0};S.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=s.bind({});f.args={list:Ye,scrollDetails:{scrollable:!0}};f.parameters={docs:{description:{story:"Adds an internal scrollbar to the `List`, which will fill its parent height unless a `height` is set. The scrollbar can be toggled using `hideScrollbar`."}}};f.decorators=[d=>o.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const J=()=>{const[d,y]=B.useState(0),b={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>y(l)}))};return o.jsx("div",{style:{height:200,overflow:"auto"},children:o.jsx(x,{list:b,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},_=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return k(e,r=>{const i=r[t];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:r}=a.payload;return k(e,i=>{Object.keys(i).forEach(h=>{i[h].items.forEach((A,Ze)=>{A.active=h===t&&Ze===r})})})}case"addClicked":{const{headingKey:t}=a.payload;return k(e,r=>{const i=r[t];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:r}=a.payload;return k(e,i=>{let{items:h}=i[t];delete h[r],i[t].items=h.filter(A=>A)})}default:return e}},y=()=>({mammals:{draggable:!0,name:"Mammals",key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Mammal #1",active:!0},{name:"Mammal #2"},{name:"Mammal #3"},{name:"Mammal #4"},{name:"Mammal #5"},{name:"Mammal #6"},{name:"Mammal #7"},{name:"Mammal #8"},{name:"Mammal #9"},{name:"Mammal #10"}]},amphibians:{name:"Amphibians (sticky header)",key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Amphibian #1",active:!0},{name:"Amphibian #2"},{name:"Amphibian #3"},{name:"Amphibian #4"},{name:"Amphibian #5"},{name:"Amphibian #6"},{name:"Amphibian #7"},{name:"Amphibian #8"},{name:"Amphibian #9"},{name:"Amphibian #10"}]}}),[b,m]=B.useReducer(d,{},()=>y()),[l,g]=B.useState(!1),c=(e,a)=>{g(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>g(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},u=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:I,amphibians:F}=b,C=e=>({...e,actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>p(e.key)}],items:e.items.map((a,t)=>a.type=="Heading"?{...a,id:t}:{...a,id:t,onClick:()=>c(e.key,t),actions:[{label:"Delete",icon:"delete",onClick:()=>u(e.key,t)}]})}),n=300;return o.jsxs(nn,{gap:!0,children:[o.jsx(x,{list:C(I),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),o.jsx(x,{list:C(F),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},W=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const r=t[a];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,r=>{Object.keys(r).forEach(i=>{r[i].items.forEach((h,A)=>{h.active=i===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const r=t[a];r.expanded=!0,r.items.push({name:`${r.label} #${r.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,r=>{let{items:i}=r[a];delete i[t],r[a].items=i.filter(h=>h)})}default:return n}},y=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[b,m]=B.useReducer(d,y()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),g=(n,e)=>m({type:"itemClicked",payload:{headingKey:n,itemIndex:e}}),c=n=>m({type:"addClicked",payload:{headingKey:n}}),p=(n,e)=>m({type:"deleteClicked",payload:{headingKey:n,itemIndex:e}}),{mammals:u,amphibians:I}=b,F=n=>({name:n.label,metaCount:n.items.length,expanded:n.expanded,onClick:()=>l(n.key),actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>c(n.key)}]}),C=n=>({...n,items:n.items.map((e,a)=>({...e,id:a,onClick:()=>g(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return o.jsxs(o.Fragment,{children:[o.jsx(en,{name:"Animals"}),o.jsx(q,{item:F(u)}),u.expanded&&o.jsx(x,{noHeader:!0,list:C(u)}),o.jsx(q,{item:F(I)}),I.expanded&&o.jsx(x,{noHeader:!0,list:C(I)})]})},X=()=>{const d=(g,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return g;const u=[...g];return typeof p=="number"&&typeof c=="number"&&u.splice(p,0,u.splice(c,1)[0]),u},y={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"Long element name goes here lorem ipsum dolor lorem ipsum dolor",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:3,name:"element 3"},{id:4,name:"element 4",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:5,name:"element 5",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}]},[b,m]=B.useState(y.items),l=g=>{const{to:c,from:p}=g;m(d(b,p,c))};return o.jsx(x,{list:{...y,items:b},draggable:!0,onListReorder:l})};var z,G,P;O.parameters={...O.parameters,docs:{...(z=O.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(P=(G=O.parameters)==null?void 0:G.docs)==null?void 0:P.source}}};var Q,U,V;L.parameters={...L.parameters,docs:{...(Q=L.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(V=(U=L.parameters)==null?void 0:U.docs)==null?void 0:V.source}}};var Y,Z,ee;D.parameters={...D.parameters,docs:{...(Y=D.parameters)==null?void 0:Y.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(ee=(Z=D.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};var ne,ae,te;v.parameters={...v.parameters,docs:{...(ne=v.parameters)==null?void 0:ne.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(te=(ae=v.parameters)==null?void 0:ae.docs)==null?void 0:te.source}}};var re,ie,se;K.parameters={...K.parameters,docs:{...(re=K.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(se=(ie=K.parameters)==null?void 0:ie.docs)==null?void 0:se.source}}};var oe,de,me;H.parameters={...H.parameters,docs:{...(oe=H.parameters)==null?void 0:oe.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(me=(de=H.parameters)==null?void 0:de.docs)==null?void 0:me.source}}};var le,ce,pe;M.parameters={...M.parameters,docs:{...(le=M.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(pe=(ce=M.parameters)==null?void 0:ce.docs)==null?void 0:pe.source}}};var ge,ue,he;j.parameters={...j.parameters,docs:{...(ge=j.parameters)==null?void 0:ge.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(he=(ue=j.parameters)==null?void 0:ue.docs)==null?void 0:he.source}}};var ye,be,ke;T.parameters={...T.parameters,docs:{...(ye=T.parameters)==null?void 0:ye.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(ke=(be=T.parameters)==null?void 0:be.docs)==null?void 0:ke.source}}};var xe,fe,Se;R.parameters={...R.parameters,docs:{...(xe=R.parameters)==null?void 0:xe.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(Se=(fe=R.parameters)==null?void 0:fe.docs)==null?void 0:Se.source}}};var Ie,Ce,Ae;E.parameters={...E.parameters,docs:{...(Ie=E.parameters)==null?void 0:Ie.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(Ae=(Ce=E.parameters)==null?void 0:Ce.docs)==null?void 0:Ae.source}}};var Le,De,ve;N.parameters={...N.parameters,docs:{...(Le=N.parameters)==null?void 0:Le.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(ve=(De=N.parameters)==null?void 0:De.docs)==null?void 0:ve.source}}};var Ke,He,Me;w.parameters={...w.parameters,docs:{...(Ke=w.parameters)==null?void 0:Ke.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(Me=(He=w.parameters)==null?void 0:He.docs)==null?void 0:Me.source}}};var je,Te,Re;$.parameters={...$.parameters,docs:{...(je=$.parameters)==null?void 0:je.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(Re=(Te=$.parameters)==null?void 0:Te.docs)==null?void 0:Re.source}}};var Ee,Ne,we;S.parameters={...S.parameters,docs:{...(Ee=S.parameters)==null?void 0:Ee.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(we=(Ne=S.parameters)==null?void 0:Ne.docs)==null?void 0:we.source}}};var $e,Be,Fe;f.parameters={...f.parameters,docs:{...($e=f.parameters)==null?void 0:$e.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(Fe=(Be=f.parameters)==null?void 0:Be.docs)==null?void 0:Fe.source}}};var Oe,Je,_e;J.parameters={...J.parameters,docs:{...(Oe=J.parameters)==null?void 0:Oe.docs,source:{originalSource:`() => {
-  const [activeIndex, setActiveIndex] = useState(0);
-  const list = {
-    name: 'Animals',
-    items: [...Array(50)].map((item, index) => ({
-      id: index,
-      name: \`Aardvark #\${index + 1}\`,
-      active: index === activeIndex,
-      onClick: () => setActiveIndex(index)
-    }))
-  };
-  return <div style={{
-    height: 200,
-    overflow: 'auto'
-  }}>
-      <List list={list} scrollDetails={{
-      infiniteScroll: true,
-      scrollable: true,
-      limit: 10
-    }} />
-    </div>;
-}`,...(_e=(Je=J.parameters)==null?void 0:Je.docs)==null?void 0:_e.source}}};var We,Xe,qe;_.parameters={..._.parameters,docs:{...(We=_.parameters)==null?void 0:We.docs,source:{originalSource:`() => {
-  const reducer: Reducer<StateShape, Action> = (state, action) => {
-    switch (action.type) {
-      case 'headingClicked':
-        {
-          const {
-            headingKey
-          } = action.payload;
-          return produce(state, draft => {
-            const heading = draft[headingKey];
-            heading.expanded = !heading.expanded;
-          });
-        }
-      case 'itemClicked':
-        {
-          const {
-            headingKey,
-            itemIndex
-          } = action.payload;
-          return produce(state, draft => {
-            Object.keys(draft).forEach(key => {
-              draft[key].items.forEach((item, i) => {
-                item.active = key === headingKey && i === itemIndex;
-              });
-            });
-          });
-        }
-      case 'addClicked':
-        {
-          const {
-            headingKey
-          } = action.payload;
-          return produce(state, draft => {
-            const heading = draft[headingKey];
-            heading.expanded = true;
-            heading.items.push({
-              name: \`\${heading.label} #\${heading.items.length + 1}\`
-            });
-          });
-        }
-      case 'deleteClicked':
-        {
-          const {
-            headingKey,
-            itemIndex
-          } = action.payload;
-          return produce(state, draft => {
-            let {
-              items
-            } = draft[headingKey];
-            delete items[itemIndex];
-            draft[headingKey].items = items.filter(i => i); //remove empty slots
-          });
-        }
-
-      default:
-        return state;
-    }
-  };
-  const initialState = () => ({
-    mammals: {
-      draggable: true,
-      name: 'Mammals',
-      key: 'mammals',
-      label: 'Mammals',
-      expanded: true,
-      items: [{
-        name: 'Click item to scroll',
-        type: 'Heading'
-      }, {
-        name: 'Mammal #1',
-        active: true
-      }, {
-        name: 'Mammal #2'
-      }, {
-        name: 'Mammal #3'
-      }, {
-        name: 'Mammal #4'
-      }, {
-        name: 'Mammal #5'
-      }, {
-        name: 'Mammal #6'
-      }, {
-        name: 'Mammal #7'
-      }, {
-        name: 'Mammal #8'
-      }, {
-        name: 'Mammal #9'
-      }, {
-        name: 'Mammal #10'
-      }]
-    },
-    amphibians: {
-      name: 'Amphibians (sticky header)',
-      key: 'amphibians',
-      label: 'Amphibians',
-      expanded: true,
-      items: [{
-        name: 'Click item to scroll',
-        type: 'Heading'
-      }, {
-        name: 'Amphibian #1',
-        active: true
-      }, {
-        name: 'Amphibian #2'
-      }, {
-        name: 'Amphibian #3'
-      }, {
-        name: 'Amphibian #4'
-      }, {
-        name: 'Amphibian #5'
-      }, {
-        name: 'Amphibian #6'
-      }, {
-        name: 'Amphibian #7'
-      }, {
-        name: 'Amphibian #8'
-      }, {
-        name: 'Amphibian #9'
-      }, {
-        name: 'Amphibian #10'
-      }]
-    }
-  });
-  const [state, dispatch] = useReducer(reducer, {}, () => initialState());
-  const [triggerScroll, setTriggerScroll] = useState(false);
-  const onClickItem = (headingKey: string, itemIndex: number) => {
-    setTriggerScroll(true);
-    dispatch({
-      type: 'itemClicked',
-      payload: {
-        headingKey,
-        itemIndex
-      }
-    });
-    // will execute after stack is cleared
-    setTimeout(() => setTriggerScroll(false), 0);
-  };
-  const onAddItem = (headingKey: string) => {
-    dispatch({
-      type: 'addClicked',
-      payload: {
-        headingKey
-      }
-    });
-  };
-  const onDeleteItem = (headingKey: string, itemIndex: number) => dispatch({
-    type: 'deleteClicked',
-    payload: {
-      headingKey,
-      itemIndex
-    }
-  });
-  const {
-    mammals,
-    amphibians
-  } = state;
-  const hydrateList = (list: any) => ({
-    ...list,
-    actions: [{
-      label: 'Add',
-      primary: true,
-      icon: 'add',
-      onClick: () => onAddItem(list.key)
-    }],
-    items: list.items.map((item: any, itemIndex: number) => {
-      if (item.type == 'Heading') {
-        return {
-          ...item,
-          id: itemIndex
-        };
-      }
-      return {
-        ...item,
-        id: itemIndex,
-        onClick: () => onClickItem(list.key, itemIndex),
-        actions: [{
-          label: 'Delete',
-          icon: 'delete',
-          onClick: () => onDeleteItem(list.key, itemIndex)
-        }]
-      };
-    })
-  });
-  const height = 300;
-  return <Flex gap>
-      <List list={hydrateList(mammals)} bordered height={height} scrollDetails={{
-      scrollable: true,
-      hideScrollbar: false,
-      triggerScrollToActiveItem: triggerScroll
-    }} />
-      <List list={hydrateList(amphibians)} bordered stickyHeader height={height} scrollDetails={{
-      scrollable: true,
-      hideScrollbar: false,
-      triggerScrollToActiveItem: triggerScroll
-    }} />
-    </Flex>;
-}`,...(qe=(Xe=_.parameters)==null?void 0:Xe.docs)==null?void 0:qe.source}}};var ze,Ge,Pe;W.parameters={...W.parameters,docs:{...(ze=W.parameters)==null?void 0:ze.docs,source:{originalSource:`() => {
-  const reducer: Reducer<StateShape, Action> = (state, action) => {
-    switch (action.type) {
-      case 'headingClicked':
-        {
-          const {
-            headingKey
-          } = action.payload;
-          return produce(state, draft => {
-            const heading = draft[headingKey];
-            heading.expanded = !heading.expanded;
-          });
-        }
-      case 'itemClicked':
-        {
-          const {
-            headingKey,
-            itemIndex
-          } = action.payload;
-          return produce(state, draft => {
-            Object.keys(draft).forEach(key => {
-              draft[key].items.forEach((item, i) => {
-                item.active = key === headingKey && i === itemIndex;
-              });
-            });
-          });
-        }
-      case 'addClicked':
-        {
-          const {
-            headingKey
-          } = action.payload;
-          return produce(state, draft => {
-            const heading = draft[headingKey];
-            heading.expanded = true;
-            heading.items.push({
-              name: \`\${heading.label} #\${heading.items.length + 1}\`
-            });
-          });
-        }
-      case 'deleteClicked':
-        {
-          const {
-            headingKey,
-            itemIndex
-          } = action.payload;
-          return produce(state, draft => {
-            let {
-              items
-            } = draft[headingKey];
-            delete items[itemIndex];
-            draft[headingKey].items = items.filter(i => i); //remove empty slots
-          });
-        }
-
-      default:
-        return state;
-    }
-  };
-  const initialState: () => StateShape = () => ({
-    mammals: {
-      key: 'mammals',
-      label: 'Mammals',
-      expanded: true,
-      items: [{
-        name: 'Aardvark',
-        active: true
-      }, {
-        name: 'Kangaroo'
-      }]
-    },
-    amphibians: {
-      key: 'amphibians',
-      label: 'Amphibians',
-      expanded: true,
-      items: [{
-        name: 'Frog'
-      }]
-    }
-  });
-  const [state, dispatch] = useReducer(reducer, initialState());
-  const onClickHeading = (headingKey: string) => dispatch({
-    type: 'headingClicked',
-    payload: {
-      headingKey
-    }
-  });
-  const onClickItem = (headingKey: string, itemIndex: number) => dispatch({
-    type: 'itemClicked',
-    payload: {
-      headingKey,
-      itemIndex
-    }
-  });
-  const onAddItem = (headingKey: string) => dispatch({
-    type: 'addClicked',
-    payload: {
-      headingKey
-    }
-  });
-  const onDeleteItem = (headingKey: string, itemIndex: number) => dispatch({
-    type: 'deleteClicked',
-    payload: {
-      headingKey,
-      itemIndex
-    }
-  });
-  const {
-    mammals,
-    amphibians
-  } = state;
-  const hydrateHeading = (list: ListSection) => ({
-    name: list.label,
-    metaCount: list.items.length,
-    expanded: list.expanded,
-    onClick: () => onClickHeading(list.key),
-    actions: [{
-      label: 'Add',
-      primary: true,
-      icon: 'add',
-      onClick: () => onAddItem(list.key)
-    }]
-  });
-  const hydrateList = (list: ListSection) => ({
-    ...list,
-    items: list.items.map((item, itemIndex) => ({
-      ...item,
-      id: itemIndex,
-      onClick: () => onClickItem(list.key, itemIndex),
-      actions: [{
-        label: 'Delete',
-        icon: 'delete',
-        onClick: () => onDeleteItem(list.key, itemIndex)
-      }]
-    }))
-  });
-  return <>
-      <ListHeading name="Animals" />
-      <ListSubheading item={hydrateHeading(mammals)} />
-      {mammals.expanded && <List noHeader list={hydrateList(mammals)} />}
-      <ListSubheading item={hydrateHeading(amphibians)} />
-      {amphibians.expanded && <List noHeader list={hydrateList(amphibians)} />}
-    </>;
-}`,...(Pe=(Ge=W.parameters)==null?void 0:Ge.docs)==null?void 0:Pe.source}}};var Qe,Ue,Ve;X.parameters={...X.parameters,docs:{...(Qe=X.parameters)==null?void 0:Qe.docs,source:{originalSource:`() => {
-  const arraymove = (arr: ListItem[], from?: number, to?: number): ListItem[] => {
-    if (from && isNaN(from) || to && isNaN(to) || from === to) {
-      return arr;
-    }
-    const copy = [...arr];
-    if (typeof to === 'number' && typeof from === 'number') {
-      copy.splice(to, 0, copy.splice(from, 1)[0]);
-    }
-    return copy;
-  };
-  const beautifulDnD = {
-    name: 'List Name',
-    draggable: true,
-    items: [{
-      id: 1,
-      name: 'element 1',
-      actions: [{
-        label: 'Delete',
-        icon: 'delete',
-        onClick: () => {}
-      }]
-    }, {
-      id: 2,
-      name: 'Long element name goes here lorem ipsum dolor lorem ipsum dolor',
-      actions: [{
-        label: 'Delete',
-        icon: 'delete',
-        onClick: () => {}
-      }]
-    }, {
-      id: 3,
-      name: 'element 3'
-    }, {
-      id: 4,
-      name: 'element 4',
-      actions: [{
-        label: 'Delete',
-        icon: 'delete',
-        onClick: () => {}
-      }]
-    }, {
-      id: 5,
-      name: 'element 5',
-      actions: [{
-        label: 'Delete',
-        icon: 'delete',
-        onClick: () => {}
-      }]
-    }]
-  };
-  const [reorderedItems, setReorderedItems] = useState(beautifulDnD.items);
-  const onListReorder = (reorderData: IReorderData) => {
-    const {
-      to,
-      from
-    } = reorderData;
-    setReorderedItems((arraymove((reorderedItems as any), from, to) as any));
-  };
-  return <List list={{
-    ...beautifulDnD,
-    items: reorderedItems
-  }} draggable onListReorder={onListReorder} />;
-}`,...(Ve=(Ue=X.parameters)==null?void 0:Ue.docs)==null?void 0:Ve.source}}};const Qn=["Default","Actions","Menus","Details","Expanding","Header","Badges","BadgesSmall","Nested","InvalidItems","JSXTitles","Bordered","IconWithTooltip","Metacount","StickyHeader","Scrollable","InfiniteScroll","ScrollToActiveItem","HeadingsManaged","ManagedDragAndDrop"];export{L as Actions,M as Badges,j as BadgesSmall,N as Bordered,O as Default,v as Details,K as Expanding,H as Header,W as HeadingsManaged,w as IconWithTooltip,J as InfiniteScroll,R as InvalidItems,E as JSXTitles,X as ManagedDragAndDrop,D as Menus,$ as Metacount,T as Nested,_ as ScrollToActiveItem,f as Scrollable,S as StickyHeader,Qn as __namedExportsOrder,Pn as default};

package/dist/storybook/assets/menu.stories-sot2Whii.js

@@ -1,60 +0,0 @@
-import{j as s}from"./jsx-runtime-FsUICBgo.js";import{r as cr}from"./index-RfLt4OUa.js";import{T as W,I as pr}from"./common-types-U65vzrrz.js";import{M as A}from"./actions-SGexXf58.js";import{B as R}from"./button-IoNblLER.js";import{F as dr}from"./flex-ZVra76N-.js";import{m as r,a as mr,b as lr,c as gr,d as ur,e as xr,f as br,g as Sr,h as jr,i as Mr}from"./menu.stories-data-VCYkzuDD.js";import"./index-VW3EWkuE.js";import"./lodash-Bmg8FrMx.js";import"./disabled-context-urNQThQz.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./spinner-R8Il4aRe.js";const vr={title:"Basic/Menu",component:A,args:{menu:r}},e=a=>s.jsx(A,{...a}),I=e.bind({}),n=e.bind({});n.args={menu:{...r,colored:!0}};const o=e.bind({});o.args={menu:{...r,label:"Delete",colored:"danger"}};const t=e.bind({});t.args={menu:{...r,trigger:W.TEXT}};const i=e.bind({});i.args={menu:{...r,trigger:W.COMPONENT,component:s.jsx(R,{small:!0,colored:!0,round:!0,icon:pr.SETTINGS})}};const c=e.bind({});c.args={menu:mr};const p=e.bind({});p.args={menu:lr};const d=e.bind({});d.args={menu:gr};const m=e.bind({});m.args={menu:ur};const l=e.bind({});l.args={disabled:!0};const g=e.bind({});g.args={tooltip:"Tooltip goes here"};const u=e.bind({});u.args={error:"Error goes here"};const x=e.bind({});x.args={warning:"Warning goes here"};const b=e.bind({});b.args={loading:!0,disabled:!0};const S=e.bind({});S.args={badgeTitle:"3"};const j=e.bind({});j.args={badgeDot:!0};const M=e.bind({});M.args={menu:xr};const T=e.bind({});T.args={menu:br};const C=e.bind({});C.args={closeOnOptionClick:!1};const O=e.bind({});O.args={contextMenu:!0,menu:{...r,trigger:W.TEXT,label:"Right-click me"}};const h=e.bind({});h.args={width:"100%"};const f=e.bind({});f.args={menu:{...r,small:!0}};const D=e.bind({});D.args={menu:Sr};const E=e.bind({});E.args={menu:{...r,sections:s.jsx("div",{children:"Testing"})}};const F=e.bind({});F.args={menu:jr};const k=e.bind({});k.args={menu:Mr};const y=()=>{const[a,B]=cr.useState(!1);return s.jsxs(dr,{gap:!0,children:[s.jsx(A,{menu:r,open:a,setOpen:B}),s.jsx(R,{label:"Open",onClick:()=>B(!0),disabled:a}),s.jsx(R,{label:"Close",onClick:()=>B(!1),disabled:!a})]})};var X,w,J;I.parameters={...I.parameters,docs:{...(X=I.parameters)==null?void 0:X.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(J=(w=I.parameters)==null?void 0:w.docs)==null?void 0:J.source}}};var L,P,v;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(v=(P=n.parameters)==null?void 0:P.docs)==null?void 0:v.source}}};var N,U,_;o.parameters={...o.parameters,docs:{...(N=o.parameters)==null?void 0:N.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(_=(U=o.parameters)==null?void 0:U.docs)==null?void 0:_.source}}};var G,q,z;t.parameters={...t.parameters,docs:{...(G=t.parameters)==null?void 0:G.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(z=(q=t.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var H,K,Q;i.parameters={...i.parameters,docs:{...(H=i.parameters)==null?void 0:H.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(Q=(K=i.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var V,Y,Z;c.parameters={...c.parameters,docs:{...(V=c.parameters)==null?void 0:V.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(Z=(Y=c.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,re;p.parameters={...p.parameters,docs:{...($=p.parameters)==null?void 0:$.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(re=(ee=p.parameters)==null?void 0:ee.docs)==null?void 0:re.source}}};var se,ae,ne;d.parameters={...d.parameters,docs:{...(se=d.parameters)==null?void 0:se.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(ne=(ae=d.parameters)==null?void 0:ae.docs)==null?void 0:ne.source}}};var oe,te,ie;m.parameters={...m.parameters,docs:{...(oe=m.parameters)==null?void 0:oe.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(ie=(te=m.parameters)==null?void 0:te.docs)==null?void 0:ie.source}}};var ce,pe,de;l.parameters={...l.parameters,docs:{...(ce=l.parameters)==null?void 0:ce.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(de=(pe=l.parameters)==null?void 0:pe.docs)==null?void 0:de.source}}};var me,le,ge;g.parameters={...g.parameters,docs:{...(me=g.parameters)==null?void 0:me.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(ge=(le=g.parameters)==null?void 0:le.docs)==null?void 0:ge.source}}};var ue,xe,be;u.parameters={...u.parameters,docs:{...(ue=u.parameters)==null?void 0:ue.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(be=(xe=u.parameters)==null?void 0:xe.docs)==null?void 0:be.source}}};var Se,je,Me;x.parameters={...x.parameters,docs:{...(Se=x.parameters)==null?void 0:Se.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(Me=(je=x.parameters)==null?void 0:je.docs)==null?void 0:Me.source}}};var Te,Ce,Oe;b.parameters={...b.parameters,docs:{...(Te=b.parameters)==null?void 0:Te.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(Oe=(Ce=b.parameters)==null?void 0:Ce.docs)==null?void 0:Oe.source}}};var he,fe,De;S.parameters={...S.parameters,docs:{...(he=S.parameters)==null?void 0:he.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(De=(fe=S.parameters)==null?void 0:fe.docs)==null?void 0:De.source}}};var Ee,Fe,ke;j.parameters={...j.parameters,docs:{...(Ee=j.parameters)==null?void 0:Ee.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(ke=(Fe=j.parameters)==null?void 0:Fe.docs)==null?void 0:ke.source}}};var Ie,ye,Be;M.parameters={...M.parameters,docs:{...(Ie=M.parameters)==null?void 0:Ie.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(Be=(ye=M.parameters)==null?void 0:ye.docs)==null?void 0:Be.source}}};var Re,We,Ae;T.parameters={...T.parameters,docs:{...(Re=T.parameters)==null?void 0:Re.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(Ae=(We=T.parameters)==null?void 0:We.docs)==null?void 0:Ae.source}}};var Xe,we,Je;C.parameters={...C.parameters,docs:{...(Xe=C.parameters)==null?void 0:Xe.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(Je=(we=C.parameters)==null?void 0:we.docs)==null?void 0:Je.source}}};var Le,Pe,ve;O.parameters={...O.parameters,docs:{...(Le=O.parameters)==null?void 0:Le.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(ve=(Pe=O.parameters)==null?void 0:Pe.docs)==null?void 0:ve.source}}};var Ne,Ue,_e;h.parameters={...h.parameters,docs:{...(Ne=h.parameters)==null?void 0:Ne.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(_e=(Ue=h.parameters)==null?void 0:Ue.docs)==null?void 0:_e.source}}};var Ge,qe,ze;f.parameters={...f.parameters,docs:{...(Ge=f.parameters)==null?void 0:Ge.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(ze=(qe=f.parameters)==null?void 0:qe.docs)==null?void 0:ze.source}}};var He,Ke,Qe;D.parameters={...D.parameters,docs:{...(He=D.parameters)==null?void 0:He.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(Qe=(Ke=D.parameters)==null?void 0:Ke.docs)==null?void 0:Qe.source}}};var Ve,Ye,Ze;E.parameters={...E.parameters,docs:{...(Ve=E.parameters)==null?void 0:Ve.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(Ze=(Ye=E.parameters)==null?void 0:Ye.docs)==null?void 0:Ze.source}}};var $e,er,rr;F.parameters={...F.parameters,docs:{...($e=F.parameters)==null?void 0:$e.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(rr=(er=F.parameters)==null?void 0:er.docs)==null?void 0:rr.source}}};var sr,ar,nr;k.parameters={...k.parameters,docs:{...(sr=k.parameters)==null?void 0:sr.docs,source:{originalSource:`args => <Menu
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(nr=(ar=k.parameters)==null?void 0:ar.docs)==null?void 0:nr.source}}};var or,tr,ir;y.parameters={...y.parameters,docs:{...(or=y.parameters)==null?void 0:or.docs,source:{originalSource:`() => {
-  const [open, setOpen] = useState(false);
-  return <Flex gap>
-      <Menu menu={storyData.menu} open={open} setOpen={setOpen} />
-      <Button label="Open" onClick={() => setOpen(true)} disabled={open} />
-      <Button label="Close" onClick={() => setOpen(false)} disabled={!open} />
-    </Flex>;
-}`,...(ir=(tr=y.parameters)==null?void 0:tr.docs)==null?void 0:ir.source}}};const Nr=["Default","PrimaryTrigger","DestructiveTrigger","TextTrigger","CustomTrigger","FileUpload","DescriptionOnRight","Actions","Icons","Disabled","Tooltip","Error","Warning","Loading","Badge","Dot","Empty","Submenus","WithoutCloseOnOptionClick","RightClickContextMenu","FullWidth","Small","JSXItems","JSXContent","ShowAll","Long","ControlOpenStateFromParent"];export{d as Actions,S as Badge,y as ControlOpenStateFromParent,i as CustomTrigger,I as Default,p as DescriptionOnRight,o as DestructiveTrigger,l as Disabled,j as Dot,M as Empty,u as Error,c as FileUpload,h as FullWidth,m as Icons,E as JSXContent,D as JSXItems,b as Loading,k as Long,n as PrimaryTrigger,O as RightClickContextMenu,F as ShowAll,f as Small,T as Submenus,t as TextTrigger,g as Tooltip,x as Warning,C as WithoutCloseOnOptionClick,Nr as __namedExportsOrder,vr as default};

package/dist/storybook/assets/option-dropdown.stories-1Y5JDaBF.js

@@ -1,21 +0,0 @@
-import{j as n}from"./jsx-runtime-FsUICBgo.js";import{T as I}from"./common-types-U65vzrrz.js";import{M as N}from"./actions-SGexXf58.js";import{c as A}from"./index-VW3EWkuE.js";import{C as E}from"./check-box-BX5dfQFk.js";import{D as f}from"./divider-RwW2f_N0.js";import"./index-RfLt4OUa.js";import"./lodash-Bmg8FrMx.js";import"./disabled-context-urNQThQz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./help-icon-nI9A506M.js";import"./text-6KQ6ntOV.js";const V="_menu_12x4u_1",T="_header_12x4u_11",q="_item_12x4u_27",w="_heading_12x4u_32",u={menu:V,header:T,item:q,heading:w},g=({option:e,onChange:r})=>{const{key:o,label:i,selected:a}=e;return n.jsx("div",{className:u.item,children:n.jsx(E,{label:i,noMargin:!0,checked:a,onChange:r})},o)};try{g.displayName="Option",g.__docgenInfo={description:"",displayName:"Option",props:{option:{defaultValue:null,description:"",name:"option",required:!0,type:{name:"{ key?: string | undefined; label?: string | null | undefined; selected?: boolean | undefined; }"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}}}}}catch{}const _=({label:e})=>n.jsx("div",{className:u.heading,children:e});try{_.displayName="Heading",_.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}var h=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(h||{});const y=({options:e,onChangeOptions:r,showHeader:o,maxHeight:i})=>n.jsxs("div",{className:A("menu",u.menu),style:{maxHeight:i},children:[o&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:u.header,children:[n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!0}));r(a,s)},children:"All"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!1}));r(a,s)},children:"Clear"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!t.selected}));r(a,s)},children:"Invert"})]}),n.jsx(f,{margin:0})]}),e.map((a,s)=>{switch(a.type){case h.HEADING:return n.jsx(_,{label:a.label},s);case h.DIVIDER:return n.jsx(f,{margin:0},s);default:return n.jsx(g,{option:a,onChange:t=>{const{value:m}=a,H=e.map(d=>d.value!==m?d:{...d,selected:!d.selected});r(t,H)}},s)}})]});try{y.displayName="Layer",y.__docgenInfo={description:"",displayName:"Layer",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChangeOptions:{defaultValue:null,description:"",name:"onChangeOptions",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, options: IOptionType[]) => void"}},showHeader:{defaultValue:null,description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const c=({name:e,label:r,options:o,onChange:i,showHeader:a=!0,maxHeight:s="40vh"})=>n.jsx(N,{menu:{label:r,trigger:I.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(y,{options:o,onChangeOptions:(t,m)=>{t.stopPropagation(),t.target.name=e,t.target.value=m,i(t)},showHeader:a,maxHeight:s})}});try{c.displayName="OptionDropdown",c.__docgenInfo={description:"",displayName:"OptionDropdown",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement & { name?: string | undefined; value: IOptionType[]; }>) => void"}},showHeader:{defaultValue:{value:"true"},description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:{value:"40vh"},description:"",name:"maxHeight",required:!1,type:{name:"string"}}}}}catch{}const{useArgs:M}=__STORYBOOK_MODULE_ADDONS__,k=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],se={title:"Forms/OptionDropdown",component:c,args:{label:"Label",options:k}},j=e=>{const[r,o]=M(),i=a=>{o({options:a.target.value})};return n.jsx(c,{...e,onChange:i})},p=j.bind({}),l=j.bind({});l.args={options:[...Array(50)].map((e,r)=>({label:`Item #${r}`,value:r}))};var v,x,b;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      options: evt.target.value
-    });
-  };
-  return <OptionDropdown
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(b=(x=p.parameters)==null?void 0:x.docs)==null?void 0:b.source}}};var O,D,C;l.parameters={...l.parameters,docs:{...(O=l.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      options: evt.target.value
-    });
-  };
-  return <OptionDropdown
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(C=(D=l.parameters)==null?void 0:D.docs)==null?void 0:C.source}}};const oe=["Default","ScrollOverflow"];export{p as Default,l as ScrollOverflow,oe as __namedExportsOrder,se as default};

package/dist/storybook/assets/page.stories-B5gzoAi8.js

@@ -1,57 +0,0 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{P as i}from"./page-9-f6BzS0.js";import{T as a}from"./top-bar-0fDAFWyC.js";import{S as r}from"./side-bar-GJ2tcZYY.js";import{H as t}from"./heading-cUVItwKq.js";import{L as D}from"./logo-nHW4TqZt.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./common-types-U65vzrrz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./drawer-TM-jK3WR.js";import"./help-icon-nI9A506M.js";const L="_printHeader_o7xxx_1",M={printHeader:L},m=({logo:p,alt:C,logoWidth:W="100px"})=>e.jsx("img",{src:p,alt:C,className:M.printHeader,style:{width:W}});try{m.displayName="PrintHeader",m.__docgenInfo={description:"",displayName:"PrintHeader",props:{logo:{defaultValue:null,description:"",name:"logo",required:!0,type:{name:"string"}},logoWidth:{defaultValue:{value:"100px"},description:"",name:"logoWidth",required:!1,type:{name:"TStringOrNumber"}},alt:{defaultValue:null,description:"",name:"alt",required:!0,type:{name:"string"}}}}}catch{}const s="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",le={title:"Layout/Page",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},o=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),c=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(i,{left:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),d=()=>e.jsxs(e.Fragment,{children:[e.jsx(m,{logo:D,logoWidth:"60px",alt:"company logo"}),e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]});var g,x,f;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`() => <>
-    <TopBar />
-    <SideBar options={{
-    title: '',
-    sections: []
-  }} />
-    <Page>
-      <Heading top>Heading</Heading>
-      {placeholder}
-    </Page>
-  </>`,...(f=(x=o.parameters)==null?void 0:x.docs)==null?void 0:f.source}}};var h,v,b;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`() => <>
-    <TopBar />
-    <SideBar options={{
-    title: '',
-    sections: []
-  }} />
-    <Page padding={false}>
-      <Heading top>Heading</Heading>
-      {placeholder}
-    </Page>
-  </>`,...(b=(v=n.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var H,j,q;u.parameters={...u.parameters,docs:{...(H=u.parameters)==null?void 0:H.docs,source:{originalSource:`() => <>
-    <TopBar />
-    <SideBar options={{
-    title: '',
-    sections: []
-  }} />
-    <Page scroll={false}>
-      <Heading top>Heading</Heading>
-      {placeholder}
-    </Page>
-  </>`,...(q=(j=u.parameters)==null?void 0:j.docs)==null?void 0:q.source}}};var S,P,N;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`() => <>
-    <SideBar options={{
-    title: '',
-    sections: []
-  }} />
-    <Page top={0}>
-      <Heading top>Heading</Heading>
-      {placeholder}
-    </Page>
-  </>`,...(N=(P=l.parameters)==null?void 0:P.docs)==null?void 0:N.source}}};var y,B,_;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`() => <>
-    <TopBar />
-    <Page left={0}>
-      <Heading top>Heading</Heading>
-      {placeholder}
-    </Page>
-  </>`,...(_=(B=c.parameters)==null?void 0:B.docs)==null?void 0:_.source}}};var T,F,V;d.parameters={...d.parameters,docs:{...(T=d.parameters)==null?void 0:T.docs,source:{originalSource:`() => <>
-    <PrintHeader logo={LogoSVG} logoWidth="60px" alt="company logo" />
-    <TopBar />
-    <SideBar options={{
-    title: '',
-    sections: []
-  }} />
-    <Page>
-      <Heading top>Heading</Heading>
-      {placeholder}
-    </Page>
-  </>`,...(V=(F=d.parameters)==null?void 0:F.docs)==null?void 0:V.source}}};const ce=["Default","NoPadding","NoScroll","NoTopBar","NoSideBar","WithPrintHeader"];export{o as Default,n as NoPadding,u as NoScroll,c as NoSideBar,l as NoTopBar,d as WithPrintHeader,ce as __namedExportsOrder,le as default};