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

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

@@ -1,478 +0,0 @@
-import{j as s}from"./jsx-runtime-FsUICBgo.js";import{r as B}from"./index-RfLt4OUa.js";import{f as x}from"./immer.esm-bD7SSJ7T.js";import{H as on,S as dn,R as z,L as G}from"./react-router-dom-2JKSc1g5.js";import{L as y,a as P}from"./list-1fS-ZLaF.js";import{L as mn}from"./list-heading-vbaXVA9N.js";import{F as ln}from"./flex-ZVra76N-.js";import{l as cn,a as pn,b as un,c as gn,d as hn,e as yn,f as bn,g as kn,h as xn,i as fn,j as Sn,k as In,m as Cn,n as rn}from"./list.stories-data-tBKSPg9P.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./index-VW3EWkuE.js";import"./index.es-LXZC0YVN.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./actions--jdeAagr.js";import"./lodash-Bmg8FrMx.js";import"./button-qfybxFqE.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./tslib.es6-OIsz3r9a.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./loader-TGOJBZQG.js";import"./heading-sY0SLHoQ.js";import"./help-icon-yrJgkgdC.js";const sa={title:"Basic/List",component:y,args:{list:cn,noHeader:!0},parameters:{layout:"fullscreen"}},o=d=>s.jsx(y,{...d}),O=o.bind({}),L=o.bind({});L.args={list:pn};const D=o.bind({});D.args={list:un};const v=o.bind({});v.args={list:gn};const K=o.bind({});K.args={list:hn,expanding:!0};const H=o.bind({});H.args={list:yn,noHeader:!1};const M=o.bind({});M.args={list:bn};const j=o.bind({});j.args={list:kn};const R=o.bind({});R.args={list:xn};const T=o.bind({});T.args={list:fn};const E=o.bind({});E.args={list:Sn,noHeader:!1};const w=o.bind({});w.args={bordered:!0};const N=o.bind({});N.args={list:In};const $=o.bind({});$.args={list:Cn};const S=o.bind({});S.args={list:rn,noHeader:!1,stickyHeader:!0};S.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=o.bind({});f.args={list:rn,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=>s.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const J=()=>{const[d,b]=B.useState(0),k={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>b(l)}))};return s.jsx("div",{style:{height:200,overflow:"auto"},children:s.jsx(y,{list:k,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},_=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return x(e,r=>{const i=r[t];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:r}=a.payload;return x(e,i=>{Object.keys(i).forEach(h=>{i[h].items.forEach((A,sn)=>{A.active=h===t&&sn===r})})})}case"addClicked":{const{headingKey:t}=a.payload;return x(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 x(e,i=>{let{items:h}=i[t];delete h[r],i[t].items=h.filter(A=>A)})}default:return e}},b=()=>({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"}]}}),[k,m]=B.useReducer(d,{},()=>b()),[l,u]=B.useState(!1),c=(e,a)=>{u(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>u(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},g=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:I,amphibians:F}=k,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:()=>g(e.key,t)}]})}),n=300;return s.jsxs(ln,{gap:!0,children:[s.jsx(y,{list:C(I),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),s.jsx(y,{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 x(n,t=>{const r=t[a];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return x(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 x(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 x(n,r=>{let{items:i}=r[a];delete i[t],r[a].items=i.filter(h=>h)})}default:return n}},b=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[k,m]=B.useReducer(d,b()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),u=(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:g,amphibians:I}=k,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:()=>u(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return s.jsxs(s.Fragment,{children:[s.jsx(mn,{name:"Animals"}),s.jsx(P,{item:F(g)}),g.expanded&&s.jsx(y,{noHeader:!0,list:C(g)}),s.jsx(P,{item:F(I)}),I.expanded&&s.jsx(y,{noHeader:!0,list:C(I)})]})},X=()=>{const d=(u,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return u;const g=[...u];return typeof p=="number"&&typeof c=="number"&&g.splice(p,0,g.splice(c,1)[0]),g},b={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:()=>{}}]}]},[k,m]=B.useState(b.items),l=u=>{const{to:c,from:p}=u;m(d(k,p,c))};return s.jsx(y,{list:{...b,items:k},draggable:!0,onListReorder:l})},q=()=>{const d={items:[{id:1,name:"Dashboard",component:G,url:"/dashboard"},{id:2,name:"Settings",component:G,url:"/settings"}]};return s.jsxs(on,{children:[s.jsx(y,{list:d,noHeader:!0}),s.jsxs(dn,{children:[s.jsx(z,{path:"/dashboard",children:"Dashboard"}),s.jsx(z,{path:"/settings",children:"Settings"})]})]})};var Q,U,V;O.parameters={...O.parameters,docs:{...(Q=O.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(V=(U=O.parameters)==null?void 0:U.docs)==null?void 0:V.source}}};var Y,Z,ee;L.parameters={...L.parameters,docs:{...(Y=L.parameters)==null?void 0:Y.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(ee=(Z=L.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};var ne,ae,te;D.parameters={...D.parameters,docs:{...(ne=D.parameters)==null?void 0:ne.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(te=(ae=D.parameters)==null?void 0:ae.docs)==null?void 0:te.source}}};var re,se,ie;v.parameters={...v.parameters,docs:{...(re=v.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(ie=(se=v.parameters)==null?void 0:se.docs)==null?void 0:ie.source}}};var oe,de,me;K.parameters={...K.parameters,docs:{...(oe=K.parameters)==null?void 0:oe.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(me=(de=K.parameters)==null?void 0:de.docs)==null?void 0:me.source}}};var le,ce,pe;H.parameters={...H.parameters,docs:{...(le=H.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(pe=(ce=H.parameters)==null?void 0:ce.docs)==null?void 0:pe.source}}};var ue,ge,he;M.parameters={...M.parameters,docs:{...(ue=M.parameters)==null?void 0:ue.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(he=(ge=M.parameters)==null?void 0:ge.docs)==null?void 0:he.source}}};var ye,be,ke;j.parameters={...j.parameters,docs:{...(ye=j.parameters)==null?void 0:ye.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(ke=(be=j.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;T.parameters={...T.parameters,docs:{...(Ie=T.parameters)==null?void 0:Ie.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(Ae=(Ce=T.parameters)==null?void 0:Ce.docs)==null?void 0:Ae.source}}};var Le,De,ve;E.parameters={...E.parameters,docs:{...(Le=E.parameters)==null?void 0:Le.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(ve=(De=E.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,Re,Te;N.parameters={...N.parameters,docs:{...(je=N.parameters)==null?void 0:je.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(Te=(Re=N.parameters)==null?void 0:Re.docs)==null?void 0:Te.source}}};var Ee,we,Ne;$.parameters={...$.parameters,docs:{...(Ee=$.parameters)==null?void 0:Ee.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(Ne=(we=$.parameters)==null?void 0:we.docs)==null?void 0:Ne.source}}};var $e,Be,Fe;S.parameters={...S.parameters,docs:{...($e=S.parameters)==null?void 0:$e.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(Fe=(Be=S.parameters)==null?void 0:Be.docs)==null?void 0:Fe.source}}};var Oe,Je,_e;f.parameters={...f.parameters,docs:{...(Oe=f.parameters)==null?void 0:Oe.docs,source:{originalSource:`args => {
-  return <List {...args} />;
-}`,...(_e=(Je=f.parameters)==null?void 0:Je.docs)==null?void 0:_e.source}}};var We,Xe,qe;J.parameters={...J.parameters,docs:{...(We=J.parameters)==null?void 0:We.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>;
-}`,...(qe=(Xe=J.parameters)==null?void 0:Xe.docs)==null?void 0:qe.source}}};var ze,Ge,Pe;_.parameters={..._.parameters,docs:{...(ze=_.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 = () => ({
-    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>;
-}`,...(Pe=(Ge=_.parameters)==null?void 0:Ge.docs)==null?void 0:Pe.source}}};var Qe,Ue,Ve;W.parameters={...W.parameters,docs:{...(Qe=W.parameters)==null?void 0:Qe.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)} />}
-    </>;
-}`,...(Ve=(Ue=W.parameters)==null?void 0:Ue.docs)==null?void 0:Ve.source}}};var Ye,Ze,en;X.parameters={...X.parameters,docs:{...(Ye=X.parameters)==null?void 0:Ye.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} />;
-}`,...(en=(Ze=X.parameters)==null?void 0:Ze.docs)==null?void 0:en.source}}};var nn,an,tn;q.parameters={...q.parameters,docs:{...(nn=q.parameters)==null?void 0:nn.docs,source:{originalSource:`() => {
-  const list = {
-    items: [{
-      id: 1,
-      name: 'Dashboard',
-      component: Link,
-      url: '/dashboard'
-    }, {
-      id: 2,
-      name: 'Settings',
-      component: Link,
-      url: '/settings'
-    }]
-  };
-  return <HashRouter>
-      <List list={list} noHeader />
-      <Switch>
-        <Route path="/dashboard">Dashboard</Route>
-        <Route path="/settings">Settings</Route>
-      </Switch>
-    </HashRouter>;
-}`,...(tn=(an=q.parameters)==null?void 0:an.docs)==null?void 0:tn.source}}};const ia=["Default","Actions","Menus","Details","Expanding","Header","Badges","BadgesSmall","Nested","InvalidItems","JSXTitles","Bordered","IconWithTooltip","Metacount","StickyHeader","Scrollable","InfiniteScroll","ScrollToActiveItem","HeadingsManaged","ManagedDragAndDrop","AsRouterLink"];export{L as Actions,q as AsRouterLink,M as Badges,j as BadgesSmall,w as Bordered,O as Default,v as Details,K as Expanding,H as Header,W as HeadingsManaged,N as IconWithTooltip,J as InfiniteScroll,T as InvalidItems,E as JSXTitles,X as ManagedDragAndDrop,D as Menus,$ as Metacount,R as Nested,_ as ScrollToActiveItem,f as Scrollable,S as StickyHeader,ia as __namedExportsOrder,sa as default};

package/dist/storybook/assets/objectWithoutPropertiesLoose-9Q1jwsKS.js

@@ -1 +0,0 @@
-function a(r,o){if(r==null)return{};var n={},i=Object.keys(r),e,t;for(t=0;t<i.length;t++)e=i[t],!(o.indexOf(e)>=0)&&(n[e]=r[e]);return n}export{a as _};

package/dist/storybook/assets/option-dropdown.stories-NRogMOtD.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--jdeAagr.js";import{c as A}from"./index-VW3EWkuE.js";import{C as E}from"./check-box-7DccPNCs.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-qfybxFqE.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.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-yrJgkgdC.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"}],oe={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 ie=["Default","ScrollOverflow"];export{p as Default,l as ScrollOverflow,ie as __namedExportsOrder,oe as default};

package/dist/storybook/assets/page.stories-qo9KEiWt.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-odjinr_b.js";import{S as r}from"./side-bar-0iIgujp4.js";import{H as t}from"./heading-sY0SLHoQ.js";import{L as D}from"./logo-nHW4TqZt.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.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-qfybxFqE.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./actions--jdeAagr.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-LFjap9lP.js";import"./help-icon-yrJgkgdC.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.",ce={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 de=["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,de as __namedExportsOrder,ce as default};

package/dist/storybook/assets/pop-confirm.stories-aFXfbsuI.js

@@ -1,9 +0,0 @@
-import{j as t}from"./jsx-runtime-FsUICBgo.js";import{P as S}from"./popover-GnGIPc9x.js";import{B as c}from"./button-qfybxFqE.js";import{T as w}from"./text-6KQ6ntOV.js";import{t as A}from"./toaster-bqqWcltU.js";import"./index-RfLt4OUa.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./message-p9VAXLNZ.js";const W="_popConfirm_1x6ye_1",$="_content_1x6ye_7",R="_buttons_1x6ye_13",v={popConfirm:W,content:$,buttons:R},x=({title:e,okText:p,onClickOk:m,disableConfirmButton:f,cancelText:C,onClickCancel:y,close:o,testId:s})=>t.jsxs("div",{className:v.popConfirm,children:[e&&t.jsx("div",{className:v.content,children:t.jsx(w,{small:!0,children:e})}),t.jsxs("div",{className:v.buttons,children:[t.jsx(c,{small:!0,colored:!0,label:p,onClick:()=>m(o),disabled:f,testId:`${s}-ok-button`}),t.jsx(c,{small:!0,label:C,onClick:()=>y(o),testId:`${s}-cancel-button`})]})]});try{x.displayName="Content",x.__docgenInfo={description:"",displayName:"Content",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},okText:{defaultValue:null,description:"",name:"okText",required:!0,type:{name:"string"}},onClickOk:{defaultValue:null,description:"",name:"onClickOk",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},disableConfirmButton:{defaultValue:null,description:"",name:"disableConfirmButton",required:!1,type:{name:"boolean"}},cancelText:{defaultValue:null,description:"",name:"cancelText",required:!0,type:{name:"string"}},onClickCancel:{defaultValue:null,description:"",name:"onClickCancel",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},close:{defaultValue:null,description:"",name:"close",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const u=({children:e,placement:p="top-center",closeOnOutsideClick:m=!0,fullWidth:f=!1,title:C="",cancelText:y="Cancel",onClickCancel:o=l=>l&&l(),okText:s="Ok",onClickOk:N=()=>{},disableConfirmButton:D=!1,overflowContainer:I=!1,testId:b=void 0})=>{const l=t.jsx(x,{title:C,okText:s,onClickOk:N,disableConfirmButton:D,cancelText:y,onClickCancel:o,testId:b});return t.jsx(S,{content:l,placement:p,closeOnOutsideClick:m,fullWidth:f,overflowContainer:I,testId:b,children:e})};try{u.displayName="PopConfirm",u.__docgenInfo={description:"",displayName:"PopConfirm",props:{placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'},{value:'"center"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},cancelText:{defaultValue:{value:"Cancel"},description:"",name:"cancelText",required:!1,type:{name:"string"}},onClickCancel:{defaultValue:{value:"(close) => close && close()"},description:"",name:"onClickCancel",required:!1,type:{name:"((close?: TEmpty) => void)"}},disableConfirmButton:{defaultValue:{value:"false"},description:"",name:"disableConfirmButton",required:!1,type:{name:"boolean"}},okText:{defaultValue:{value:"Ok"},description:"",name:"okText",required:!1,type:{name:"string"}},onClickOk:{defaultValue:{value:"() => {}"},description:"",name:"onClickOk",required:!1,type:{name:"((close?: TEmpty) => void)"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},testId:{defaultValue:{value:"undefined"},description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const Y=e=>{A({message:{type:"Success",content:"success!",details:"You successfully booked your cruise to Bahamas."}}),e()},se={title:"Basic/PopConfirm",component:u,args:{title:"Do you want a free cruise to Bahamas?",onClickCancel:e=>e(),onClickOk:Y,children:t.jsx(c,{label:"Click me!"}),overflowContainer:!0,placement:"top-center"},decorators:[e=>t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},d=e=>t.jsx(u,{...e}),i=d.bind({}),a=d.bind({});a.args={children:t.jsx(c,{small:!0,round:!0,basic:!0,colored:"muted",icon:"delete"})};const n=d.bind({});n.args={placement:"bottom-end"};const r=d.bind({});r.args={disableConfirmButton:!0};var g,k,_;i.parameters={...i.parameters,docs:{...(g=i.parameters)==null?void 0:g.docs,source:{originalSource:`args => <PopConfirm
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(_=(k=i.parameters)==null?void 0:k.docs)==null?void 0:_.source}}};var j,q,V;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`args => <PopConfirm
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(V=(q=a.parameters)==null?void 0:q.docs)==null?void 0:V.source}}};var h,T,O;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`args => <PopConfirm
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(O=(T=n.parameters)==null?void 0:T.docs)==null?void 0:O.source}}};var B,P,E;r.parameters={...r.parameters,docs:{...(B=r.parameters)==null?void 0:B.docs,source:{originalSource:`args => <PopConfirm
-// eslint-disable-next-line react/jsx-props-no-spreading
-{...args} />`,...(E=(P=r.parameters)==null?void 0:P.docs)==null?void 0:E.source}}};const le=["Default","Action","Placement","DisableConfirmButton"];export{a as Action,i as Default,r as DisableConfirmButton,n as Placement,le as __namedExportsOrder,se as default};

package/dist/storybook/assets/popover.stories-zzxDYG13.js

@@ -1 +0,0 @@
-import{j as r}from"./jsx-runtime-FsUICBgo.js";import{P as C}from"./popover-GnGIPc9x.js";import{I as S}from"./input-iDZqV-2m.js";import{B as i}from"./button-qfybxFqE.js";import{F as P}from"./flex-ZVra76N-.js";import{S as B}from"./select-0hek2Baz.js";import"./index-RfLt4OUa.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions--jdeAagr.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";const m=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],w=({close:e})=>r.jsxs(P,{gap:"var(--padding-xs)",children:[r.jsx(S,{value:"Value",width:"150px",small:!0}),r.jsx(B,{options:m,value:m[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),rr={title:"Basic/Popover",component:C,args:{overflowContainer:!0,content:r.jsx(w,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},p=e=>r.jsx(C,{...e}),a=p.bind({}),o=p.bind({});o.args={children:r.jsx(S,{value:"Value",width:"100%"})};const s=p.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=p.bind({});t.args={disabled:!0};var l,c,n;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Popover {...args} />",...(n=(c=a.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};var u,d,g;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"args => <Popover {...args} />",...(g=(d=o.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var x,v,b;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:"args => <Popover {...args} />",...(b=(v=s.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var f,j,h;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Popover {...args} />",...(h=(j=t.parameters)==null?void 0:j.docs)==null?void 0:h.source}}};const er=["Default","InputTrigger","CloseButton","Disabled"];export{s as CloseButton,a as Default,t as Disabled,o as InputTrigger,er as __namedExportsOrder,rr as default};