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

package/dist/storybook/assets/list-ciYNlkVM.js

@@ -0,0 +1,8 @@
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as o}from"./index-RfLt4OUa.js";import{c as C}from"./index-VW3EWkuE.js";import{P as ae,D as ne,C as re,I as te}from"./index.es-JXn3JM7k.js";import{C as le}from"./card-0r8RRVk-.js";import{s as r,N as se,M as ie,L as oe}from"./list-heading-XbqCJOHh.js";import{I as k}from"./common-types-U65vzrrz.js";import{D as B}from"./disabled-context-urNQThQz.js";import{A as G}from"./actions-SGexXf58.js";import{B as F}from"./badge-23Ty_zBt.js";import{I as w}from"./icon-y1a2N5SZ.js";import{L as ce}from"./loader-TGOJBZQG.js";const E=({label:a})=>a?e.jsx("span",{className:r.label,children:e.jsx(F,{color:a.color,title:a.value,small:a.small})}):null;try{E.displayName="Label",E.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ILabel"}}}}}catch{}const L=({item:a})=>a.metaCount!==void 0?e.jsx(F,{color:"rgba(0,0,0,0.25)",title:a.metaCount}):null;try{L.displayName="MetaCount",L.__docgenInfo={description:"",displayName:"MetaCount",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ metaCount?: number | undefined; }"}}}}}catch{}const R=({item:a,expanding:i})=>{const c=u=>{u.preventDefault(),u.stopPropagation()};return i&&a.active&&a.content?e.jsx("div",{className:r.itemContent,onClick:c,children:a.content}):null};try{R.displayName="ItemContent",R.__docgenInfo={description:"",displayName:"ItemContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ active?: boolean | undefined; content?: ReactNode; }"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}}}}}catch{}const M=o.forwardRef(({item:a,index:i},c)=>{const u=o.useContext(B),{actions:x,disabled:f,expanded:g,onClick:b,title:t,name:s,icon:n,testId:m}=a;return e.jsx("div",{ref:p=>{c&&"current"in c&&Array.isArray(c.current)&&i!==void 0&&(c.current[i]=p)},"data-testid":m??null,className:C(r.item,r.heading,f||u?r.disabled:"",b?r.action:""),onClick:p=>{b&&b(p)},title:t,children:e.jsx("div",{children:e.jsxs("div",{className:r.itemHeader,children:[typeof g=="boolean"&&e.jsx("div",{className:C(r.expandIcon,g&&r.expanded),children:e.jsx(w,{icon:k.CHEVRON_RIGHT})}),e.jsx(se,{name:s,icon:n}),e.jsxs("div",{className:r.right,children:[e.jsx(L,{item:a}),!(f||u)&&x&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:a.actions??[]})})]})]})})})});try{M.displayName="ListSubheading",M.__docgenInfo={description:"",displayName:"ListSubheading",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IListSubheadingItem"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}}}catch{}const de=(a,i)=>a?{cursor:i.cursor?i.cursor:"",...a.style}:null,H=o.forwardRef(({items:a,expanding:i,invokeEditOnRowClick:c,provided:u,draggable:x},f)=>{const g=o.useContext(B),b=(t,s,n,m,p,y)=>o.createElement("a",{href:n.url,ref:s==null?void 0:s.innerRef,...s.draggableProps,style:de(s.draggableProps,n),className:C(r.item,n.active?r.active:"",n.disabled||g?r.disabled:"",p?r.action:""),onClick:d=>{if(c&&y&&y.onClick&&y.onClick(d,n.id),n.onClick)return n.onClick(d)},key:t,"data-id":t,title:n.title,"data-testid":n.testId},e.jsxs("div",{ref:d=>{f&&"current"in f&&Array.isArray(f.current)&&t!==void 0&&(f.current[t]=d)},style:{paddingLeft:m},children:[e.jsxs("div",{className:r.itemHeader,children:[x&&e.jsx("div",{className:r.drag,...s.dragHandleProps,children:e.jsx(w,{icon:k.DRAG})}),n.level&&n.level>0?e.jsx("div",{className:r.indentIcon,children:e.jsx(w,{icon:k.INDENT})}):null,e.jsx(E,{label:n.label}),e.jsx(ie,{item:n}),e.jsxs("div",{className:r.right,children:[e.jsx(L,{item:n}),!(n.disabled||g)&&n.actions&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:n.actions})})]})]}),e.jsx(R,{item:n,expanding:i})]}));return e.jsxs(e.Fragment,{children:[a.map((t,s)=>{const n=t.type==="Heading",m=t.actions&&t.actions.find(d=>{var V;return d.label&&((V=String(d.label))==null?void 0:V.toLowerCase())==="edit"}),p=!!(m||t.url||t.onClick),y=t.level&&t.level>1?(t.level-1)*20:0;return n?e.jsx(M,{ref:f,item:t,index:s},s):x?e.jsx(ae,{draggableId:t.id+"",index:s,children:d=>b(s,d,t,y,p,m)},t.id):b(s,u,t,y,p,m)}),u.placeholder]})});try{H.displayName="ListRow",H.__docgenInfo={description:"",displayName:"ListRow",props:{draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((args: { from?: number; to?: number; }) => void) | undefined"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}},invokeEditOnRowClick:{defaultValue:null,description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"DroppableStateSnapshot"}},provided:{defaultValue:null,description:"",name:"provided",required:!1,type:{name:"any"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IListItem[]"}}}}}catch{}const P=({list:a,bordered:i=!1,expanding:c=!1,narrow:u=!1,toggleNarrow:x=!1,onToggleNarrow:f=()=>{},invokeEditOnRowClick:g=!0,noHeader:b=!1,stickyHeader:t,draggable:s=!1,onListReorder:n=()=>{},marginBottom:m=0,height:p,testId:y,scrollDetails:d={scrollable:!1,hideScrollbar:!1,triggerScrollToActiveItem:!1,infiniteScroll:!1,limit:10,infiniteScrollTarget:void 0}})=>{const{scrollable:V,hideScrollbar:z,triggerScrollToActiveItem:T,infiniteScroll:A,infiniteScrollTarget:J}=d,j=o.useRef(null),_=o.useRef([]),I=o.useRef(null),O=A?Math.ceil(window.innerHeight/44):a.items.length,[v,K]=o.useState(O),[Q,U]=o.useState(v<(a==null?void 0:a.items.length));o.useEffect(()=>{_.current=_.current.slice(0,a.items.length)},[a.items.length]);const W=()=>{if(v>=a.items.length){U(!1);return}const l=O+v;K(l)},X=l=>l.findIndex(h=>h.active===!0),Y=l=>{if(!I.current||!j.current)return;const h=1;if(T&&l>=0){const D=_.current.reduce((S,$,ee)=>ee<l?S+$.clientHeight+h:S,0),q=I.current.clientHeight/2-_.current[l].clientHeight/2,N=D-q;if(t){const S=j.current.clientHeight/2;I.current.scrollTop=N+S}const Z=j.current.clientHeight;I.current.scrollTop=N+Z}};return o.useEffect(()=>{if(T){const l=X(a==null?void 0:a.items);Y(l)}},[I.current,j.current,T]),e.jsx(ne,{onDragEnd:l=>{var q,N;const h=(q=l==null?void 0:l.source)==null?void 0:q.index,D=(N=l==null?void 0:l.destination)==null?void 0:N.index;n({from:h,to:D})},children:e.jsx(re,{droppableId:"droppable",children:(l,h)=>e.jsx("div",{className:C(u?r.narrow:"",V?r.scrollableList:"",z?r.hideScrollbar:""),"data-testid":y,id:"scrollableDiv",style:{height:p,marginBottom:m},ref:I,children:e.jsx("div",{ref:l.innerRef,...l.droppableProps,children:e.jsxs(le,{bordered:i,padding:!1,children:[!b&&e.jsx(oe,{name:a.name,actions:a.actions,toggleNarrow:x,onToggleNarrow:f,stickyHeader:t,ref:j}),e.jsx("div",{className:C(r.list,i?r.bordered:""),children:A?e.jsx(te,{dataLength:v,next:W,hasMore:Q,scrollableTarget:J||"scrollableDiv",loader:e.jsx(ce,{}),className:r.infiniteScrollContainer,children:e.jsx(H,{draggable:s,items:a.items.slice(0,v),expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})}):e.jsx(H,{draggable:s,items:a.items,expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})})]})})})})})};try{P.displayName="List",P.__docgenInfo={description:"",displayName:"List",props:{drawer:{defaultValue:null,description:"",name:"drawer",required:!1,type:{name:"boolean"}},list:{defaultValue:null,description:"",name:"list",required:!0,type:{name:"IListData"}},bordered:{defaultValue:{value:"false"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},expanding:{defaultValue:{value:"false"},description:"",name:"expanding",required:!1,type:{name:"boolean"}},narrow:{defaultValue:{value:"false"},description:"",name:"narrow",required:!1,type:{name:"boolean"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},invokeEditOnRowClick:{defaultValue:{value:"true"},description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},noHeader:{defaultValue:{value:"false"},description:"",name:"noHeader",required:!1,type:{name:"boolean"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}},draggable:{defaultValue:{value:"false"},description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:{value:"() => {}"},description:"",name:"onListReorder",required:!1,type:{name:"((args: IReorderData) => void)"}},marginBottom:{defaultValue:{value:"0"},description:"",name:"marginBottom",required:!1,type:{name:"string | number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},scrollDetails:{defaultValue:{value:`{
+    scrollable: false,
+    hideScrollbar: false,
+    triggerScrollToActiveItem: false,
+    infiniteScroll: false,
+    limit: 10,
+    infiniteScrollTarget: undefined,
+  }`},description:"",name:"scrollDetails",required:!1,type:{name:"IScrollDetails"}}}}}catch{}export{P as L,M as a};

package/dist/storybook/assets/{list-heading-vbaXVA9N.js → list-heading-XbqCJOHh.js}

@@ -1 +1 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{B as j}from"./badge-23Ty_zBt.js";import{c as u}from"./index-VW3EWkuE.js";import{I as g}from"./icon-_m67DAr0.js";import{T as v}from"./tooltip-ZHdi6rl-.js";import{r as f}from"./index-RfLt4OUa.js";import{I as N}from"./common-types-U65vzrrz.js";import{H as y}from"./heading-sY0SLHoQ.js";import{A as h}from"./actions--jdeAagr.js";const x="_inputInTable_j55lv_1",b="_inputHover_j55lv_13",I="_inputFocus_j55lv_18",T="_inputError_j55lv_25",w="_inputWarning_j55lv_26",H="_inputDisabled_j55lv_61",C="_hideScrollbars_j55lv_67",V="_header_j55lv_77",q="_headerTitle_j55lv_77",R="_heading_j55lv_78",E="_itemHeader_j55lv_78",k="_narrow_j55lv_81",M="_stickyHeader_j55lv_85",S="_title_j55lv_96",L="_name_j55lv_102",F="_iconTooltipMargin_j55lv_105",W="_bold_j55lv_108",$="_toggleNarrow_j55lv_117",B="_drag_j55lv_135",D="_list_j55lv_155",A="_bordered_j55lv_159",J="_item_j55lv_78",O="_action_j55lv_192",P="_active_j55lv_195",X="_indented_j55lv_202",z="_disabled_j55lv_215",G="_label_j55lv_226",K="_details_j55lv_237",Q="_metadata_j55lv_238",U="_itemContent_j55lv_246",Y="_indentIcon_j55lv_253",Z="_expandIcon_j55lv_258",ee="_expanded_j55lv_265",te="_right_j55lv_268",ae="_actions_j55lv_276",ne="_scrollableList_j55lv_281",oe="_infiniteScrollContainer_j55lv_286",re="_hideScrollbar_j55lv_67",n={inputInTable:x,inputHover:b,inputFocus:I,inputError:T,inputWarning:w,inputDisabled:H,hideScrollbars:C,header:V,headerTitle:q,heading:R,itemHeader:E,narrow:k,stickyHeader:M,title:S,name:L,iconTooltipMargin:F,bold:W,toggleNarrow:$,drag:B,list:D,bordered:A,item:J,action:O,active:P,indented:X,disabled:z,label:G,details:K,metadata:Q,itemContent:U,indentIcon:Y,expandIcon:Z,expanded:ee,right:te,actions:ae,scrollableList:ne,infiniteScrollContainer:oe,hideScrollbar:re},c=({name:a,icon:t,testId:l})=>{const o=t&&e.jsx(g,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:u(n.name,n.bold),"data-testid":l,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:n.iconTooltipMargin,children:e.jsx(v,{text:t.tooltip.text,maxWidth:"350px",children:o})}):t&&t.icon&&e.jsx("span",{className:n.iconTooltipMargin,children:o})]})};try{c.displayName="Name",c.__docgenInfo={description:"",displayName:"Name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}try{name.displayName="name",name.__docgenInfo={description:"",displayName:"name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const p=({item:a})=>{const{name:t,icon:l,details:o,metadata:i,invalid:s,testId:r}=a;let d=e.jsx(c,{name:t,icon:l,testId:r&&`${r}-name`});return s&&(d=e.jsx(j,{small:!0,margin:"-2px",title:"!",children:d})),e.jsxs("span",{className:n.title,children:[d,o&&e.jsx("span",{className:n.details,"data-testid":r&&`${r}-details`,children:o}),i&&e.jsx("span",{className:n.metadata,"data-testid":r&&`${r}-metadata`,children:i})]})};try{p.displayName="MetaContent",p.__docgenInfo={description:"",displayName:"MetaContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IMetaContentItem"}}}}}catch{}const _=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:n.toggleNarrow,onClick:t,children:e.jsx(g,{icon:N.CHEVRON_LEFT})}):null;try{_.displayName="ToggleNarrow",_.__docgenInfo={description:"",displayName:"ToggleNarrow",props:{toggleNarrow:{defaultValue:null,description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onClickToggleNarrow:{defaultValue:null,description:"",name:"onClickToggleNarrow",required:!1,type:{name:"TEmpty"}}}}}catch{}const m=f.forwardRef(({name:a,actions:t=[],toggleNarrow:l=!1,onToggleNarrow:o=()=>{},stickyHeader:i},s)=>e.jsxs("div",{ref:s,className:u(n.header,i?n.stickyHeader:""),children:[e.jsx(_,{toggleNarrow:l,onClickToggleNarrow:o}),a&&e.jsx("div",{className:n.headerTitle,children:e.jsx(y,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:n.right,children:e.jsx("div",{className:n.actions,children:e.jsx(h,{actions:t})})})]}));try{m.displayName="ListHeading",m.__docgenInfo={description:"",displayName:"ListHeading",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined"}},actions:{defaultValue:{value:"[]"},description:"",name:"actions",required:!1,type:{name:"any[]"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}}}}}catch{}export{m as L,p as M,c as N,n as s};
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{B as j}from"./badge-23Ty_zBt.js";import{c as u}from"./index-VW3EWkuE.js";import{I as g}from"./icon-y1a2N5SZ.js";import{T as v}from"./tooltip-ZHdi6rl-.js";import{r as f}from"./index-RfLt4OUa.js";import{I as N}from"./common-types-U65vzrrz.js";import{H as y}from"./heading-cUVItwKq.js";import{A as h}from"./actions-SGexXf58.js";const x="_inputInTable_j55lv_1",b="_inputHover_j55lv_13",I="_inputFocus_j55lv_18",T="_inputError_j55lv_25",w="_inputWarning_j55lv_26",H="_inputDisabled_j55lv_61",C="_hideScrollbars_j55lv_67",V="_header_j55lv_77",q="_headerTitle_j55lv_77",R="_heading_j55lv_78",E="_itemHeader_j55lv_78",k="_narrow_j55lv_81",M="_stickyHeader_j55lv_85",S="_title_j55lv_96",L="_name_j55lv_102",F="_iconTooltipMargin_j55lv_105",W="_bold_j55lv_108",$="_toggleNarrow_j55lv_117",B="_drag_j55lv_135",D="_list_j55lv_155",A="_bordered_j55lv_159",J="_item_j55lv_78",O="_action_j55lv_192",P="_active_j55lv_195",X="_indented_j55lv_202",z="_disabled_j55lv_215",G="_label_j55lv_226",K="_details_j55lv_237",Q="_metadata_j55lv_238",U="_itemContent_j55lv_246",Y="_indentIcon_j55lv_253",Z="_expandIcon_j55lv_258",ee="_expanded_j55lv_265",te="_right_j55lv_268",ae="_actions_j55lv_276",ne="_scrollableList_j55lv_281",oe="_infiniteScrollContainer_j55lv_286",re="_hideScrollbar_j55lv_67",n={inputInTable:x,inputHover:b,inputFocus:I,inputError:T,inputWarning:w,inputDisabled:H,hideScrollbars:C,header:V,headerTitle:q,heading:R,itemHeader:E,narrow:k,stickyHeader:M,title:S,name:L,iconTooltipMargin:F,bold:W,toggleNarrow:$,drag:B,list:D,bordered:A,item:J,action:O,active:P,indented:X,disabled:z,label:G,details:K,metadata:Q,itemContent:U,indentIcon:Y,expandIcon:Z,expanded:ee,right:te,actions:ae,scrollableList:ne,infiniteScrollContainer:oe,hideScrollbar:re},c=({name:a,icon:t,testId:l})=>{const o=t&&e.jsx(g,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:u(n.name,n.bold),"data-testid":l,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:n.iconTooltipMargin,children:e.jsx(v,{text:t.tooltip.text,maxWidth:"350px",children:o})}):t&&t.icon&&e.jsx("span",{className:n.iconTooltipMargin,children:o})]})};try{c.displayName="Name",c.__docgenInfo={description:"",displayName:"Name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}try{name.displayName="name",name.__docgenInfo={description:"",displayName:"name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const p=({item:a})=>{const{name:t,icon:l,details:o,metadata:i,invalid:s,testId:r}=a;let d=e.jsx(c,{name:t,icon:l,testId:r&&`${r}-name`});return s&&(d=e.jsx(j,{small:!0,margin:"-2px",title:"!",children:d})),e.jsxs("span",{className:n.title,children:[d,o&&e.jsx("span",{className:n.details,"data-testid":r&&`${r}-details`,children:o}),i&&e.jsx("span",{className:n.metadata,"data-testid":r&&`${r}-metadata`,children:i})]})};try{p.displayName="MetaContent",p.__docgenInfo={description:"",displayName:"MetaContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IMetaContentItem"}}}}}catch{}const _=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:n.toggleNarrow,onClick:t,children:e.jsx(g,{icon:N.CHEVRON_LEFT})}):null;try{_.displayName="ToggleNarrow",_.__docgenInfo={description:"",displayName:"ToggleNarrow",props:{toggleNarrow:{defaultValue:null,description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onClickToggleNarrow:{defaultValue:null,description:"",name:"onClickToggleNarrow",required:!1,type:{name:"TEmpty"}}}}}catch{}const m=f.forwardRef(({name:a,actions:t=[],toggleNarrow:l=!1,onToggleNarrow:o=()=>{},stickyHeader:i},s)=>e.jsxs("div",{ref:s,className:u(n.header,i?n.stickyHeader:""),children:[e.jsx(_,{toggleNarrow:l,onClickToggleNarrow:o}),a&&e.jsx("div",{className:n.headerTitle,children:e.jsx(y,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:n.right,children:e.jsx("div",{className:n.actions,children:e.jsx(h,{actions:t})})})]}));try{m.displayName="ListHeading",m.__docgenInfo={description:"",displayName:"ListHeading",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined"}},actions:{defaultValue:{value:"[]"},description:"",name:"actions",required:!1,type:{name:"any[]"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}}}}}catch{}export{m as L,p as M,c as N,n as s};

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

@@ -0,0 +1,457 @@
+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-ciYNlkVM.js";import{L as en}from"./list-heading-XbqCJOHh.js";import{F as nn}from"./flex-KzhjL9yc.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-8eswVWst.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/{list.stories-data-tBKSPg9P.js → list.stories-data-8eswVWst.js}

@@ -1 +1 @@
-import{j as t}from"./jsx-runtime-FsUICBgo.js";import{I as i,T as c}from"./common-types-U65vzrrz.js";import{F as o}from"./flex-ZVra76N-.js";import{M as d}from"./actions--jdeAagr.js";import{I as n}from"./icon-_m67DAr0.js";import{M as l}from"./types-VB5zD18b.js";const a=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Jaguar",disabled:!0}],p=[{id:1,name:"Marsupials",type:"Heading",metaCount:1},{id:2,name:"Aardvark"},{id:3,name:"Kangaroo",active:!0},{id:4,name:"Mammals",type:"Heading",metaCount:1},{id:5,name:"Jaguar"}],g=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Grey",level:1},{id:4,name:"Eastern",level:2},{id:5,name:"Macropus giganteus giganteus",title:"Macropus giganteus giganteus",level:3},{id:6,name:"Macropus giganteus tasmaniensis",title:"Macropus giganteus tasmaniensis",level:3},{id:7,name:"Western",level:2},{id:8,name:"Red",level:1},{id:9,name:"Jaguar"}],h={items:a},r={name:"Animals",actions:[{label:"More",subActions:[{label:"Item",icon:"up",onClick:()=>{}},{label:"Item",icon:"down",onClick:()=>{}}]},{label:"Add",primary:!0,icon:"add",onClick:()=>{}}],items:a},m={...r,items:p},A={...r,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:["Animals",t.jsx(n,{icon:i.STAR})]}),items:a.map(e=>({...e,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:[e.name,t.jsx(n,{icon:i.STAR})]})}))};a.map(e=>({...e,actions:[{childComponent:t.jsx(d,{menu:{trigger:c.COMPONENT,component:t.jsx(n,{icon:i.MENU}),placement:"bottom-end",sections:[{type:l.OPTION,label:"Item",onClick:()=>{}},{type:l.OPTION,label:"Item",onClick:()=>{}}]}})}]}));const C={items:a.map(e=>({...e,actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]}]}))},k={items:a.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},j={items:a.map(e=>({...e,label:{value:t.jsx(t.Fragment,{children:" "}),color:"var(--color-text-info)",small:!0}}))},T={...m,items:m.items.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},f={items:a.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},y={items:a.map((e,s)=>({...e,details:"Description goes here",metadata:"2019-05-03 09:03:51",testId:`story-list-item-${s}`}))},S={items:a.map(e=>({...e,content:t.jsx("div",{children:"Example content element (for show/hide)."})}))},N={items:g},E={items:[...a,{id:4,name:"Dodo",invalid:!0}]},O={items:a.map(e=>({...e,icon:{icon:"success",color:"var(--color-text-success)",tooltip:{text:t.jsx(t.Fragment,{children:"Tooltip goes here"})}}}))},D={items:a.map(e=>({...e,metaCount:3}))},w={name:"Animals",items:[...Array(50)].map((e,s)=>({id:s,name:`Aardvark #${s+1}`}))};export{f as a,C as b,y as c,S as d,r as e,k as f,j as g,N as h,E as i,A as j,O as k,h as l,D as m,w as n,T as o};
+import{j as t}from"./jsx-runtime-FsUICBgo.js";import{I as i,T as c}from"./common-types-U65vzrrz.js";import{F as o}from"./flex-KzhjL9yc.js";import{M as d}from"./actions-SGexXf58.js";import{I as n}from"./icon-y1a2N5SZ.js";import{M as l}from"./types-VB5zD18b.js";const a=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Jaguar",disabled:!0}],p=[{id:1,name:"Marsupials",type:"Heading",metaCount:1},{id:2,name:"Aardvark"},{id:3,name:"Kangaroo",active:!0},{id:4,name:"Mammals",type:"Heading",metaCount:1},{id:5,name:"Jaguar"}],g=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Grey",level:1},{id:4,name:"Eastern",level:2},{id:5,name:"Macropus giganteus giganteus",title:"Macropus giganteus giganteus",level:3},{id:6,name:"Macropus giganteus tasmaniensis",title:"Macropus giganteus tasmaniensis",level:3},{id:7,name:"Western",level:2},{id:8,name:"Red",level:1},{id:9,name:"Jaguar"}],h={items:a},r={name:"Animals",actions:[{label:"More",subActions:[{label:"Item",icon:"up",onClick:()=>{}},{label:"Item",icon:"down",onClick:()=>{}}]},{label:"Add",primary:!0,icon:"add",onClick:()=>{}}],items:a},m={...r,items:p},A={...r,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:["Animals",t.jsx(n,{icon:i.STAR})]}),items:a.map(e=>({...e,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:[e.name,t.jsx(n,{icon:i.STAR})]})}))};a.map(e=>({...e,actions:[{childComponent:t.jsx(d,{menu:{trigger:c.COMPONENT,component:t.jsx(n,{icon:i.MENU}),placement:"bottom-end",sections:[{type:l.OPTION,label:"Item",onClick:()=>{}},{type:l.OPTION,label:"Item",onClick:()=>{}}]}})}]}));const C={items:a.map(e=>({...e,actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]}]}))},k={items:a.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},j={items:a.map(e=>({...e,label:{value:t.jsx(t.Fragment,{children:" "}),color:"var(--color-text-info)",small:!0}}))},T={...m,items:m.items.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},f={items:a.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},y={items:a.map((e,s)=>({...e,details:"Description goes here",metadata:"2019-05-03 09:03:51",testId:`story-list-item-${s}`}))},S={items:a.map(e=>({...e,content:t.jsx("div",{children:"Example content element (for show/hide)."})}))},N={items:g},E={items:[...a,{id:4,name:"Dodo",invalid:!0}]},O={items:a.map(e=>({...e,icon:{icon:"success",color:"var(--color-text-success)",tooltip:{text:t.jsx(t.Fragment,{children:"Tooltip goes here"})}}}))},D={items:a.map(e=>({...e,metaCount:3}))},w={name:"Animals",items:[...Array(50)].map((e,s)=>({id:s,name:`Aardvark #${s+1}`}))};export{f as a,C as b,y as c,S as d,r as e,k as f,j as g,N as h,E as i,A as j,O as k,h as l,D as m,w as n,T as o};

package/dist/storybook/assets/{loader.stories-9Tv8nlOO.js → loader.stories-G8Q_Fm8u.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as N}from"./index-RfLt4OUa.js";import{a as l}from"./common-types-U65vzrrz.js";import{L as g}from"./loader-TGOJBZQG.js";import{P as M}from"./progress-bar-NRjN2baY.js";import{S as x}from"./spinner-R8Il4aRe.js";import{S as m}from"./spacer-Yji9g2AW.js";import{B as L}from"./button-qfybxFqE.js";import{C as q}from"./card-0r8RRVk-.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.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";const ge={title:"Progress/Loader",component:g,argTypes:{theme:{control:{type:"inline-radio"},options:["white","light","dark"]}},args:{theme:"white",text:"Loading...",width:"100%",height:"100%",fullViewPortSize:!1},decorators:[r=>e.jsx("div",{style:{height:"200px",position:"relative"},children:r()})],parameters:{docs:{source:{excludeDecorators:!0}}}},S=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(x,{dark:t!=="dark"})})},h=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(M,{width:"300px",inverted:t==="dark",percentage:40})})},a=S.bind({});a.args={testId:"story-default-spinner"};const u=h.bind({}),s=S.bind({});s.args={theme:l.LIGHT};const o=S.bind({});o.args={theme:l.DARK,fullViewPortSize:!0};const i=h.bind({});i.args={theme:l.DARK,fullViewPortSize:!0};const n=h.bind({});n.args={details:"Some extra info"};const d=h.bind({});d.args={text:"",details:e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{opacity:.5},children:"Step 1: Lorem ipsum...DONE"}),e.jsx(m,{height:"var(--padding-xs)"}),e.jsx("div",{children:"Step 2: Dolor est"}),e.jsx(m,{height:"var(--padding-xs)"}),e.jsx("div",{style:{opacity:.5},children:"Step 3: Compendum"}),e.jsx(m,{height:"var(--padding-xs)"}),e.jsx(L,{label:"Cancel",onClick:()=>{}})]})};const c=()=>{const[r,t]=N.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(m,{}),e.jsx(q,{children:e.jsxs("div",{style:{position:"relative"},children:[r&&e.jsx(g,{cover:!0,theme:l.WHITE,children:e.jsx(x,{dark:!0})}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)]})})]})};c.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const p=()=>{const[r,t]=N.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(m,{}),e.jsx(q,{children:e.jsx("div",{style:{position:"relative"},children:r?e.jsx(g,{theme:l.WHITE,height:"200px",children:e.jsx(x,{dark:!0})}):e.jsx("div",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)})})})]})};p.parameters={docs:{story:{inline:!1,iframeHeight:400}}};var j,v,k;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`(args: ILoaderProps) => {
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as N}from"./index-RfLt4OUa.js";import{a as l}from"./common-types-U65vzrrz.js";import{L as g}from"./loader-TGOJBZQG.js";import{P as M}from"./progress-bar-NRjN2baY.js";import{S as x}from"./spinner-R8Il4aRe.js";import{S as m}from"./spacer-Yji9g2AW.js";import{B as L}from"./button-IoNblLER.js";import{C as q}from"./card-0r8RRVk-.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.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";const le={title:"Progress/Loader",component:g,argTypes:{theme:{control:{type:"inline-radio"},options:["white","light","dark"]}},args:{theme:"white",text:"Loading...",width:"100%",height:"100%",fullViewPortSize:!1},decorators:[r=>e.jsx("div",{style:{height:"200px",position:"relative"},children:r()})],parameters:{docs:{source:{excludeDecorators:!0}}}},S=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(x,{dark:t!=="dark"})})},h=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(M,{width:"300px",inverted:t==="dark",percentage:40})})},a=S.bind({});a.args={testId:"story-default-spinner"};const u=h.bind({}),s=S.bind({});s.args={theme:l.LIGHT};const o=S.bind({});o.args={theme:l.DARK,fullViewPortSize:!0};const i=h.bind({});i.args={theme:l.DARK,fullViewPortSize:!0};const n=h.bind({});n.args={details:"Some extra info"};const d=h.bind({});d.args={text:"",details:e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{opacity:.5},children:"Step 1: Lorem ipsum...DONE"}),e.jsx(m,{height:"var(--padding-xs)"}),e.jsx("div",{children:"Step 2: Dolor est"}),e.jsx(m,{height:"var(--padding-xs)"}),e.jsx("div",{style:{opacity:.5},children:"Step 3: Compendum"}),e.jsx(m,{height:"var(--padding-xs)"}),e.jsx(L,{label:"Cancel",onClick:()=>{}})]})};const c=()=>{const[r,t]=N.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(m,{}),e.jsx(q,{children:e.jsxs("div",{style:{position:"relative"},children:[r&&e.jsx(g,{cover:!0,theme:l.WHITE,children:e.jsx(x,{dark:!0})}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)]})})]})};c.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const p=()=>{const[r,t]=N.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(m,{}),e.jsx(q,{children:e.jsx("div",{style:{position:"relative"},children:r?e.jsx(g,{theme:l.WHITE,height:"200px",children:e.jsx(x,{dark:!0})}):e.jsx("div",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)})})})]})};p.parameters={docs:{story:{inline:!1,iframeHeight:400}}};var j,v,k;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`(args: ILoaderProps) => {
   const {
     theme
   } = args;
@@ -80,4 +80,4 @@ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as N}from"./index-RfLt4OU
         </div>
       </Card>
     </>;
-}`,...(G=(X=p.parameters)==null?void 0:X.docs)==null?void 0:G.source}}};const ue=["Default","WithProgressBar","TintedBackground","FullViewport","FullViewportWithProgressBar","WithExtraTextDetails","WithExtraJSXDetails","CoversCardContent","ReplacesCardContent"];export{c as CoversCardContent,a as Default,o as FullViewport,i as FullViewportWithProgressBar,p as ReplacesCardContent,s as TintedBackground,d as WithExtraJSXDetails,n as WithExtraTextDetails,u as WithProgressBar,ue as __namedExportsOrder,ge as default};
+}`,...(G=(X=p.parameters)==null?void 0:X.docs)==null?void 0:G.source}}};const ge=["Default","WithProgressBar","TintedBackground","FullViewport","FullViewportWithProgressBar","WithExtraTextDetails","WithExtraJSXDetails","CoversCardContent","ReplacesCardContent"];export{c as CoversCardContent,a as Default,o as FullViewport,i as FullViewportWithProgressBar,p as ReplacesCardContent,s as TintedBackground,d as WithExtraJSXDetails,n as WithExtraTextDetails,u as WithProgressBar,ge as __namedExportsOrder,le as default};

package/dist/storybook/assets/{menu.stories-iE1tUnCd.js → menu.stories-GFJs09Wk.js}

@@ -1,4 +1,4 @@
-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--jdeAagr.js";import{B as R}from"./button-qfybxFqE.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-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.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 Nr={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
+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-KzhjL9yc.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-c8X93fYM.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
@@ -57,4 +57,4 @@ import{j as s}from"./jsx-runtime-FsUICBgo.js";import{r as cr}from"./index-RfLt4O
       <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 Ur=["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,Ur as __namedExportsOrder,Nr as default};
+}`,...(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/{menu.stories-data-VCYkzuDD.js → menu.stories-data-c8X93fYM.js}

@@ -1 +1 @@
-import{j as n}from"./jsx-runtime-FsUICBgo.js";import{T as o}from"./common-types-U65vzrrz.js";import{F as i}from"./flex-ZVra76N-.js";import{B as s}from"./badge-23Ty_zBt.js";import{M as l}from"./types-VB5zD18b.js";const a=async e=>{await console.log("onFileChange",e)},t={label:"Select",trigger:o.DROP_DOWN_BUTTON,sections:[{type:l.HEADING,label:"Heading"},{type:l.OPTION,label:"King",onClick:()=>{}},{type:l.OPTION,label:"Queen",selected:!0,onClick:()=>{}},{type:l.DIVIDER},{type:l.OPTION,label:"Knight",disabled:!0,onClick:()=>{}},{type:l.OPTION,label:"Bishop",onClick:()=>{}}]},y={...t,sections:t.sections.map(e=>e.type===l.OPTION?{...e,onClick:void 0,onChange:a,upload:!0}:e)},b={...t,label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Select",n.jsx(s,{small:!0,title:"BETA"})]}),sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Parent",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Parent",sections:Array(3).fill({type:"Option",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Child",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Child"})}})},d={label:"123 m",trigger:"DropDownButton",sections:[{type:"Option",label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:"Option",label:"123",description:"m",inline:!0,onClick:()=>{},selected:!0},{type:"Option",label:"0.123",description:"km",inline:!0,onClick:()=>{}}]},r=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],O={...t,sections:t.sections.map(e=>e.type==="Option"?{...e,inline:!0,actions:r}:e)},h={...t,sections:t.sections.map(e=>e.type==="Option"||e.type==="Heading"?{...e,icon:"star",onClick:()=>{}}:e)},C={...t,sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:"Parent",sections:Array(3).fill({type:"Option",label:"Child",onClick:()=>{}})}})},T={...t,sections:Array(100).fill({type:"Option",label:"Item",onClick:()=>{}})},x={label:"No sections",trigger:"DropDownButton",sections:[]},k={label:"Select",trigger:"DropDownButton",showAllButton:{visible:!0,showAllTitle:"Show all...",showLessTitle:"Show less...",additionalSections:[{type:"Divider"},{type:"Option",label:"This item is always shown",onClick:()=>{}}]},sections:Array(8).fill({type:"Option",label:"Item",onClick:()=>{}})};export{y as a,d as b,O as c,h as d,x as e,C as f,b as g,k as h,T as i,t as m};
+import{j as n}from"./jsx-runtime-FsUICBgo.js";import{T as o}from"./common-types-U65vzrrz.js";import{F as i}from"./flex-KzhjL9yc.js";import{B as s}from"./badge-23Ty_zBt.js";import{M as l}from"./types-VB5zD18b.js";const a=async e=>{await console.log("onFileChange",e)},t={label:"Select",trigger:o.DROP_DOWN_BUTTON,sections:[{type:l.HEADING,label:"Heading"},{type:l.OPTION,label:"King",onClick:()=>{}},{type:l.OPTION,label:"Queen",selected:!0,onClick:()=>{}},{type:l.DIVIDER},{type:l.OPTION,label:"Knight",disabled:!0,onClick:()=>{}},{type:l.OPTION,label:"Bishop",onClick:()=>{}}]},y={...t,sections:t.sections.map(e=>e.type===l.OPTION?{...e,onClick:void 0,onChange:a,upload:!0}:e)},b={...t,label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Select",n.jsx(s,{small:!0,title:"BETA"})]}),sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Parent",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Parent",sections:Array(3).fill({type:"Option",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Child",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Child"})}})},d={label:"123 m",trigger:"DropDownButton",sections:[{type:"Option",label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:"Option",label:"123",description:"m",inline:!0,onClick:()=>{},selected:!0},{type:"Option",label:"0.123",description:"km",inline:!0,onClick:()=>{}}]},r=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],O={...t,sections:t.sections.map(e=>e.type==="Option"?{...e,inline:!0,actions:r}:e)},h={...t,sections:t.sections.map(e=>e.type==="Option"||e.type==="Heading"?{...e,icon:"star",onClick:()=>{}}:e)},C={...t,sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:"Parent",sections:Array(3).fill({type:"Option",label:"Child",onClick:()=>{}})}})},T={...t,sections:Array(100).fill({type:"Option",label:"Item",onClick:()=>{}})},x={label:"No sections",trigger:"DropDownButton",sections:[]},k={label:"Select",trigger:"DropDownButton",showAllButton:{visible:!0,showAllTitle:"Show all...",showLessTitle:"Show less...",additionalSections:[{type:"Divider"},{type:"Option",label:"This item is always shown",onClick:()=>{}}]},sections:Array(8).fill({type:"Option",label:"Item",onClick:()=>{}})};export{y as a,d as b,O as c,h as d,x as e,C as f,b as g,k as h,T as i,t as m};

package/dist/storybook/assets/{message-p9VAXLNZ.js → message-uMHaTEXV.js}

@@ -1 +1 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{c as l}from"./index-VW3EWkuE.js";import{I as r}from"./common-types-U65vzrrz.js";import{I as c}from"./icon-_m67DAr0.js";const j="_inputInTable_s49vk_1",R="_inputHover_s49vk_13",T="_inputFocus_s49vk_18",C="_inputError_s49vk_25",y="_inputWarning_s49vk_26",D="_inputDisabled_s49vk_61",O="_hideScrollbars_s49vk_67",G="_container_s49vk_83",w="_block_s49vk_101",A="_info_s49vk_104",F="_success_s49vk_108",L="_warning_s49vk_112",W="_error_s49vk_116",V="_content_s49vk_120",z="_heading_s49vk_124",H="_icon_s49vk_131",U="_dismiss_s49vk_139",q="_absolute_s49vk_143",M="_legendToggle_s49vk_155",B="_detailsText_s49vk_165",J="_footer_s49vk_169",n={inputInTable:j,inputHover:R,inputFocus:T,inputError:C,inputWarning:y,inputDisabled:D,hideScrollbars:O,container:G,block:w,info:A,success:F,warning:L,error:W,content:V,heading:z,icon:H,dismiss:U,absolute:q,legendToggle:M,detailsText:B,footer:J};var i=(s=>(s.INFO="Info",s.SUCCESS="Success",s.WARNING="Warning",s.ERROR="Error",s))(i||{}),d=(s=>(s.TOGGLE_DETAILS="TOGGLE_DETAILS",s))(d||{});const a=({type:s,onClose:t,isInToast:o})=>e.jsx("div",{className:l(n.dismiss,o?n.absolute:"",s===i.INFO?n.info:s===i.SUCCESS?n.success:s===i.WARNING?n.warning:s===i.ERROR?n.error:null),children:e.jsx(c,{icon:r.CLOSE,onClick:t})});try{a.displayName="Dismiss",a.__docgenInfo={description:"",displayName:"Dismiss",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"string"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"TFunction"}},isInToast:{defaultValue:null,description:"",name:"isInToast",required:!1,type:{name:"boolean"}}}}}catch{}const K=(s,t)=>{switch(t.type){case d.TOGGLE_DETAILS:return{...s,detailsVisible:!s.detailsVisible};default:return s}},P=({details:s,visible:t,dispatch:o})=>e.jsxs("div",{children:[e.jsx("div",{className:l(n.legendToggle),onClick:o,children:t?"Hide details":"Show details"}),t?e.jsx("div",{className:n.detailsText,children:s}):null]}),Q=({type:s})=>{switch(s){case i.SUCCESS:return e.jsx(c,{icon:r.SUCCESS,size:16});case i.WARNING:return e.jsx(c,{icon:r.WARNING,size:16});case i.ERROR:return e.jsx(c,{icon:r.ERROR,size:16});default:return e.jsx(c,{icon:r.INFO,size:16})}},v=({message:s})=>{const{visible:t,type:o=i.INFO,icon:g,heading:_,content:h,details:u,detailsVisible:x=!1,footer:p,withDismiss:f,onClose:k,width:m,maxHeight:I}=s,N={detailsVisible:x},[S,E]=b.useReducer(K,N);return e.jsx(e.Fragment,{children:t?e.jsxs("div",{className:l(n.container,m?n.block:null,o===i.SUCCESS?n.success:o===i.WARNING?n.warning:o===i.ERROR?n.error:n.info),style:{width:m,maxHeight:I},children:[e.jsx("div",{children:g?e.jsx("div",{className:n.icon,children:e.jsx(Q,{type:o})}):null}),e.jsxs("div",{className:n.content,children:[_?e.jsx("div",{className:n.heading,children:_}):null,e.jsx("div",{children:h}),u?e.jsx(P,{details:u,visible:S.detailsVisible,dispatch:()=>E({type:d.TOGGLE_DETAILS})}):null,!!p&&e.jsx("div",{className:n.footer,children:p})]}),f?e.jsx(a,{type:o,onClose:k}):null]}):null})};try{v.displayName="Message",v.__docgenInfo={description:"",displayName:"Message",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"IMessage"}}}}}catch{}export{a as D,i as M,v as a};
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{c as l}from"./index-VW3EWkuE.js";import{I as r}from"./common-types-U65vzrrz.js";import{I as c}from"./icon-y1a2N5SZ.js";const j="_inputInTable_s49vk_1",R="_inputHover_s49vk_13",T="_inputFocus_s49vk_18",C="_inputError_s49vk_25",y="_inputWarning_s49vk_26",D="_inputDisabled_s49vk_61",O="_hideScrollbars_s49vk_67",G="_container_s49vk_83",w="_block_s49vk_101",A="_info_s49vk_104",F="_success_s49vk_108",L="_warning_s49vk_112",W="_error_s49vk_116",V="_content_s49vk_120",z="_heading_s49vk_124",H="_icon_s49vk_131",U="_dismiss_s49vk_139",q="_absolute_s49vk_143",M="_legendToggle_s49vk_155",B="_detailsText_s49vk_165",J="_footer_s49vk_169",n={inputInTable:j,inputHover:R,inputFocus:T,inputError:C,inputWarning:y,inputDisabled:D,hideScrollbars:O,container:G,block:w,info:A,success:F,warning:L,error:W,content:V,heading:z,icon:H,dismiss:U,absolute:q,legendToggle:M,detailsText:B,footer:J};var i=(s=>(s.INFO="Info",s.SUCCESS="Success",s.WARNING="Warning",s.ERROR="Error",s))(i||{}),d=(s=>(s.TOGGLE_DETAILS="TOGGLE_DETAILS",s))(d||{});const a=({type:s,onClose:t,isInToast:o})=>e.jsx("div",{className:l(n.dismiss,o?n.absolute:"",s===i.INFO?n.info:s===i.SUCCESS?n.success:s===i.WARNING?n.warning:s===i.ERROR?n.error:null),children:e.jsx(c,{icon:r.CLOSE,onClick:t})});try{a.displayName="Dismiss",a.__docgenInfo={description:"",displayName:"Dismiss",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"string"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"TFunction"}},isInToast:{defaultValue:null,description:"",name:"isInToast",required:!1,type:{name:"boolean"}}}}}catch{}const K=(s,t)=>{switch(t.type){case d.TOGGLE_DETAILS:return{...s,detailsVisible:!s.detailsVisible};default:return s}},P=({details:s,visible:t,dispatch:o})=>e.jsxs("div",{children:[e.jsx("div",{className:l(n.legendToggle),onClick:o,children:t?"Hide details":"Show details"}),t?e.jsx("div",{className:n.detailsText,children:s}):null]}),Q=({type:s})=>{switch(s){case i.SUCCESS:return e.jsx(c,{icon:r.SUCCESS,size:16});case i.WARNING:return e.jsx(c,{icon:r.WARNING,size:16});case i.ERROR:return e.jsx(c,{icon:r.ERROR,size:16});default:return e.jsx(c,{icon:r.INFO,size:16})}},v=({message:s})=>{const{visible:t,type:o=i.INFO,icon:g,heading:_,content:h,details:u,detailsVisible:x=!1,footer:p,withDismiss:f,onClose:k,width:m,maxHeight:I}=s,N={detailsVisible:x},[S,E]=b.useReducer(K,N);return e.jsx(e.Fragment,{children:t?e.jsxs("div",{className:l(n.container,m?n.block:null,o===i.SUCCESS?n.success:o===i.WARNING?n.warning:o===i.ERROR?n.error:n.info),style:{width:m,maxHeight:I},children:[e.jsx("div",{children:g?e.jsx("div",{className:n.icon,children:e.jsx(Q,{type:o})}):null}),e.jsxs("div",{className:n.content,children:[_?e.jsx("div",{className:n.heading,children:_}):null,e.jsx("div",{children:h}),u?e.jsx(P,{details:u,visible:S.detailsVisible,dispatch:()=>E({type:d.TOGGLE_DETAILS})}):null,!!p&&e.jsx("div",{className:n.footer,children:p})]}),f?e.jsx(a,{type:o,onClose:k}):null]}):null})};try{v.displayName="Message",v.__docgenInfo={description:"",displayName:"Message",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"IMessage"}}}}}catch{}export{a as D,i as M,v as a};