@oliasoft-open-source/react-ui-library 4.0.0-beta-52 → 4.0.0-beta-53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.0.0-beta-52",
+  "version": "4.0.0-beta-53",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {

package/dist/storybook/assets/actions-26858b6b.css

@@ -1 +0,0 @@
-._actions_1nid8_1{margin-left:auto;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center}._actions_1nid8_1>*:not(:last-child){margin-right:var(--padding-xxs)}._actionComponentContainer_1nid8_11{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#c8c8c8;position:relative;z-index:2;transition:color .2s;line-height:0}._actionComponentContainer_1nid8_11 i{margin:0;line-height:1!important}._actionComponentContainer_1nid8_11:hover,._actionComponentContainer_1nid8_11:focus{color:var(--color-text-primary-hover)}._actionComponentContainer_1nid8_11:active,._actionComponentContainer_1nid8_11._active_1nid8_33{color:var(--color-text-primary-active)}._wrapper_zibyd_1{display:inline-flex;max-width:100%}._layer_zibyd_5 ._wrapper_zibyd_1{width:100%}._layerContainer_zibyd_8{z-index:var(--zindex-dropdown)}._layer_zibyd_5{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;margin:2px 0;background:var(--color-background-layer);box-shadow:var(--shadow-layer);min-width:10em;max-width:30em;position:relative;overflow-y:auto}._layer_zibyd_5._nested_zibyd_23{margin:-1px 2px}._layer_zibyd_5 ul{margin:0;padding:0;list-style-type:none}._layer_zibyd_5 ul li{list-style:none;display:block}._fileInput_zibyd_35{width:100%;height:100%;opacity:0;position:absolute}._trigger_zibyd_41{display:inline-flex;align-items:center;cursor:pointer;max-width:100%}._layer_zibyd_5 ._trigger_zibyd_41{width:100%}._middleAlignedInline_zibyd_50{display:flex;align-items:center;overflow:hidden;width:100%}._heading_zibyd_56{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:var(--font-size-sm)}._heading_zibyd_56 ._headingIcon_zibyd_62{float:right}._heading_zibyd_56 ._headingIcon_zibyd_62 svg{color:var(--color-text-faint)}._heading_zibyd_56 ._headingIcon_zibyd_62:hover{cursor:pointer}._heading_zibyd_56 ._headingIcon_zibyd_62:hover svg{color:var(--color-text-primary-hover)}._option_zibyd_74{color:inherit;display:block}._heading_zibyd_56,._option_zibyd_74,._layer_zibyd_5 ._trigger_zibyd_41{padding:var(--padding-input);border:1px solid transparent}._option_zibyd_74,._layer_zibyd_5 ._trigger_zibyd_41{line-height:var(--line-height);display:flex;align-items:flex-start}._option_zibyd_74:hover,._layer_zibyd_5 ._trigger_zibyd_41:hover,._option_zibyd_74._active_zibyd_92,._layer_zibyd_5 ._trigger_zibyd_41._active_zibyd_92{background-color:var(--color-background-listitem-hover);cursor:pointer}._option_zibyd_74._selected_zibyd_97{background-color:var(--color-background-listitem-active)}._layer_zibyd_5 ._trigger_zibyd_41{align-items:center}._optionContent_zibyd_103{flex-wrap:wrap;margin-right:auto;position:relative}._inline_zibyd_108 ._optionContent_zibyd_103{display:flex;justify-content:space-between;flex-grow:1}._icon_zibyd_113,._check_zibyd_114{display:flex;flex-shrink:1;width:var(--size-xs);height:var(--line-height);font-size:var(--size-xs);justify-content:center;align-items:center}._icon_zibyd_113{margin-right:var(--padding-xs);color:var(--color-text-primary)}._icon_zibyd_113:empty{display:none}._icon_zibyd_113 img{max-height:16px;max-width:16px;width:auto;height:auto}._text_zibyd_136{display:inline-flex;align-items:center;cursor:pointer}._label_zibyd_141{margin-right:auto}._label_zibyd_141,._heading_zibyd_56{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._description_zibyd_152{color:#999;display:block}._arrow_zibyd_156{margin-left:var(--padding-xxs);display:flex}._divider_zibyd_160{border:0;border-top:1px solid var(--color-border)}._deprecatedSemanticIcon_zibyd_164{color:var(--color-text-primary)!important;margin:-5px 0 0!important}._disabled_zibyd_168{color:var(--color-text-faint);pointer-events:none;cursor:not-allowed!important}._buttonLabel_zibyd_173{overflow:hidden;text-overflow:ellipsis;display:block;margin-right:auto}._buttonCaret_zibyd_179{display:flex;margin-left:var(--padding-xxs)}._component_zibyd_183{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}._right_zibyd_189{margin-left:auto;display:flex;align-items:center}._actions_zibyd_194{margin-left:var(--padding-xs);display:flex;align-items:center;margin-top:-2px;margin-bottom:-2px}

package/dist/storybook/assets/actions-7f428221.js

@@ -1 +0,0 @@
-import{j as n}from"./jsx-runtime-f961835c.js";import{r as x,R as ne}from"./index-f80c8c95.js";import{c as I}from"./index-a80ed1cf.js";import{l as C}from"./lodash-75c70a11.js";import{T as N,I as H,C as be}from"./common-types-2c81813f.js";import{D as j}from"./disabled-context-d654f6ff.js";import{B as Q}from"./button-1a6432ca.js";import{T as _e,u as te,i as ae,a as Ve}from"./tooltip-23e84186.js";import{I as D}from"./icon-afbea088.js";import{M as v,a as R}from"./types-cc224262.js";import{i as F}from"./types-332ceaf3.js";import{B as qe}from"./badge-3abf067b.js";const xe="_actions_1nid8_1",he="_actionComponentContainer_1nid8_11",Ne="_active_1nid8_33",Ce={actions:xe,actionComponentContainer:he,active:Ne},Oe="_wrapper_zibyd_1",Ie="_layer_zibyd_5",Te="_layerContainer_zibyd_8",ve="_nested_zibyd_23",je="_fileInput_zibyd_35",Me="_trigger_zibyd_41",ke="_middleAlignedInline_zibyd_50",Ee="_heading_zibyd_56",Se="_headingIcon_zibyd_62",He="_option_zibyd_74",De="_active_zibyd_92",Re="_selected_zibyd_97",ze="_optionContent_zibyd_103",Pe="_inline_zibyd_108",we="_icon_zibyd_113",Le="_check_zibyd_114",$e="_text_zibyd_136",Fe="_label_zibyd_141",Ue="_description_zibyd_152",We="_arrow_zibyd_156",Ae="_divider_zibyd_160",Ge="_deprecatedSemanticIcon_zibyd_164",Xe="_disabled_zibyd_168",Je="_buttonLabel_zibyd_173",Ye="_buttonCaret_zibyd_179",Ke="_component_zibyd_183",Qe="_right_zibyd_189",Ze="_actions_zibyd_194",d={wrapper:Oe,layer:Ie,layerContainer:Te,nested:ve,fileInput:je,trigger:Me,middleAlignedInline:ke,heading:Ee,headingIcon:Se,option:He,active:De,selected:Re,optionContent:ze,inline:Pe,icon:we,check:Le,text:$e,label:Fe,description:Ue,arrow:We,divider:Ae,deprecatedSemanticIcon:Ge,disabled:Xe,buttonLabel:Je,buttonCaret:Ye,component:Ke,right:Qe,actions:Ze},U=({label:e,onClick:a,icon:l,testId:r})=>n.jsxs("div",{onClick:t=>t.stopPropagation(),className:d.heading,"data-testid":r,children:[e,n.jsx("span",{className:d.headingIcon,onClick:a,children:l})]});try{U.displayName="Heading",U.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLSpanElement, MouseEvent>) => void)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const Be=()=>n.jsx("hr",{className:d.divider}),W=({actions:e,label:a,url:l,onClick:r,description:t,icon:s,selected:u,closeOnOptionClick:c,close:i,disabled:p,inline:f,title:g,upload:y,onChange:b,testId:_})=>{const q=m=>{if(m.stopPropagation(),p||y){m.preventDefault();return}c&&(i==null||i()),r==null||r(m)};return n.jsxs("a",{href:l,className:I(d.option,p?d.disabled:"",f?d.inline:"",u?d.selected:""),onClick:q,"data-testid":_,children:[s?n.jsx("span",{className:d.icon,children:n.jsx(D,{icon:s})}):null,n.jsxs("div",{className:d.optionContent,children:[y&&n.jsx("input",{type:"file",className:d.fileInput,onChange:m=>{b==null||b(m.target.files),i==null||i()}}),n.jsx("span",{className:d.label,title:`${g||a}`,children:a}),n.jsxs("div",{className:d.right,children:[n.jsx("span",{className:d.description,children:t}),!!(e!=null&&e.length)&&n.jsx("div",{className:d.actions,children:n.jsx(K,{actions:e})})]})]})]})};try{W.displayName="Option",W.__docgenInfo={description:"",displayName:"Option",props:{actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"any[]"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void)"}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"any"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean"}},closeOnOptionClick:{defaultValue:null,description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},close:{defaultValue:null,description:"",name:"close",required:!1,type:{name:"TEmpty"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},inline:{defaultValue:null,description:"",name:"inline",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},upload:{defaultValue:null,description:"",name:"upload",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((files: FileList | null) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const A=({section:e,closeOnOptionClick:a,close:l,tree:r,path:t,maxHeight:s})=>{const u=x.useContext(j);switch(e.type){case v.HEADING:return n.jsx(U,{label:(e==null?void 0:e.label)??"",onClick:e.onClick,icon:e.icon,testId:e.testId});case v.DIVIDER:return n.jsx(Be,{});case v.OPTION:return n.jsx(W,{actions:e.actions,label:(e==null?void 0:e.label)??"",url:e.url,onClick:e.onClick,description:e.description,icon:e.icon,selected:e.selected,closeOnOptionClick:a,close:l,disabled:e.disabled||u,inline:e.inline,title:e.title,upload:e.upload,onChange:e.onChange,testId:e.testId});case v.MENU:return n.jsx(w,{menu:e.menu,title:e.title,closeOnOptionClick:a,isNested:!0,closeParent:l,tree:r,path:t,maxHeight:s,testId:e.testId});default:return null}};try{A.displayName="Section",A.__docgenInfo={description:"",displayName:"Section",props:{section:{defaultValue:null,description:"",name:"section",required:!0,type:{name:"IMenuSection"}},closeOnOptionClick:{defaultValue:null,description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},close:{defaultValue:null,description:"",name:"close",required:!0,type:{name:"TEmpty"}},tree:{defaultValue:null,description:"",name:"tree",required:!0,type:{name:"any"}},path:{defaultValue:null,description:"",name:"path",required:!0,type:{name:"string"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const en=e=>e.includes("[")?e.substr(0,e.lastIndexOf("[")):e,nn=(e,a)=>`${e}.sections[${a}]`.replace(/^\./,""),tn=e=>`${e}.close`.replace(/^\./,""),an=(e,a)=>C.get(e,en(a),[]),ln=(e,a,l)=>C.set(e,tn(a),l),z=({sections:e,isNested:a,width:l,closeOnOptionClick:r,close:t=()=>{},tree:s,path:u,maxHeight:c,showAllButton:i,testId:p})=>{var m;if(x.isValidElement(e))return n.jsx(n.Fragment,{children:e});const[f,g]=x.useState(!(i!=null&&i.visible)),y=e,b=((m=i==null?void 0:i.additionalSections)==null?void 0:m.map(o=>({...o,closeOnOptionClick:r,visible:!0})))??[],_=y.length>4?[{type:v.OPTION,label:f?(i==null?void 0:i.showLessTitle)||"Show less":(i==null?void 0:i.showAllTitle)||"Show all",onClick:()=>g(!f),visible:!0,closeOnOptionClick:!1}]:[],q=i!=null&&i.visible?y.map((o,V)=>f||V<=3?{...o,visible:!0,closeOnOptionClick:r}:o).concat(_,b).filter(o=>o==null?void 0:o.visible):y.map(o=>({...o,closeOnOptionClick:r}));return n.jsx("div",{className:I(d.layer,a?d.nested:null),style:{maxWidth:l,maxHeight:c},"data-testid":p,children:n.jsx("ul",{children:q.map((o,V)=>n.jsx("li",{children:n.jsx(A,{section:o,closeOnOptionClick:o.closeOnOptionClick,close:t,tree:s,path:nn(u,V),maxHeight:c})},V))})})};try{z.displayName="Layer",z.__docgenInfo={description:"",displayName:"Layer",props:{sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ReactNode | IMenuSection[]"}},isNested:{defaultValue:null,description:"",name:"isNested",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},closeOnOptionClick:{defaultValue:null,description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},close:{defaultValue:{value:"() => {}"},description:"",name:"close",required:!1,type:{name:"TEmpty"}},tree:{defaultValue:null,description:"",name:"tree",required:!1,type:{name:"any"}},path:{defaultValue:null,description:"",name:"path",required:!1,type:{name:"any"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}},showAllButton:{defaultValue:null,description:"",name:"showAllButton",required:!1,type:{name:"IMenuShowAllButton"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=(e,a=!1)=>({auto:!0,preferX:"right",preferY:"bottom",placement:e||(a?"right-start":"bottom-start")}),G=({trigger:e,label:a,colored:l,small:r,width:t,disabled:s,groupOrder:u,loading:c,error:i,warning:p,active:f})=>{const g=x.useContext(j),y=e===N.BUTTON?a:e===N.DROP_DOWN_BUTTON?n.jsxs("span",{className:d.middleAlignedInline,children:[n.jsx("span",{className:d.buttonLabel,children:a}),n.jsx("span",{className:d.buttonCaret,children:n.jsx(D,{icon:H.CHEVRON_DOWN})})]}):null;return n.jsx("div",{className:I(d.trigger,s||g?d.disabled:null),style:{width:t},children:n.jsx(Q,{label:y,colored:l,small:r,width:t,groupOrder:u,onClick:()=>{},loading:c,disabled:s,error:i,warning:p,active:f})})};try{G.displayName="Button",G.__docgenInfo={description:"",displayName:"Button",props:{trigger:{defaultValue:null,description:"",name:"trigger",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},colored:{defaultValue:null,description:"",name:"colored",required:!1,type:{name:"string | boolean"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}}}}}catch{}const X=({label:e,title:a,carat:l,disabled:r,isOpen:t})=>{let s;return a?s=a:(typeof e=="string"||typeof e=="number")&&(s=String(e)),n.jsxs("div",{className:I(d.trigger,r?d.disabled:null,t?d.active:null),children:[n.jsx("span",{className:d.label,title:s,children:e}),l&&l===R.RIGHT?n.jsx("span",{className:d.arrow,children:n.jsx(D,{icon:H.CHEVRON_RIGHT})}):l&&l===R.DOWN?n.jsx("span",{className:d.arrow,children:n.jsx(D,{icon:H.CHEVRON_DOWN})}):null]})};try{X.displayName="Text",X.__docgenInfo={description:"",displayName:"Text",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},carat:{defaultValue:null,description:"",name:"carat",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}}}}}catch{}const J=({component:e,disabled:a,testId:l})=>n.jsx("div",{className:I(d.component,a?d.disabled:null),"data-testid":l,children:e});try{J.displayName="Component",J.__docgenInfo={description:"",displayName:"Component",props:{component:{defaultValue:null,description:"",name:"component",required:!0,type:{name:"ReactNode"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const rn=({tooltip:e,error:a,warning:l,children:r})=>!F(e)&&!F(a)&&!F(l)?n.jsx(n.Fragment,{children:r}):n.jsx(_e,{error:!!a,warning:!!l,text:e||a||l,display:"inline-block",children:r}),P=ne.forwardRef(({isDisabled:e,badgeTitle:a,badgeDot:l,loading:r,width:t,trigger:s,label:u,title:c,onClickTrigger:i,colored:p,small:f,isNested:g,contextMenu:y,component:b,groupOrder:_,fullHeight:q,isOpen:m,error:o,warning:V,tooltip:h,testId:O,...Z},L)=>{const M=s===N.BUTTON||s===N.DROP_DOWN_BUTTON?n.jsx(G,{trigger:s,label:u??"",colored:p,small:f,width:t,disabled:e,groupOrder:_,loading:r,error:o,warning:V,active:m}):s===N.TEXT?n.jsx(X,{label:u??"",title:c,disabled:e,carat:y?void 0:g?R.RIGHT:R.DOWN,isOpen:m}):s===N.COMPONENT?n.jsx(J,{component:b,disabled:e}):null,$=!g&&(a||l)?n.jsx(qe,{title:a,dot:l,small:!l,children:M}):M;return n.jsx("div",{ref:L,className:d.wrapper,style:t?{width:t}:{...q&&{height:"100%",display:"flex"}},onClick:k=>{k.stopPropagation(),k.preventDefault(),i()},"data-testid":O,children:n.jsx(rn,{tooltip:h,error:o,warning:V,children:$})})});try{P.displayName="Trigger",P.__docgenInfo={description:"",displayName:"Trigger",props:{isDisabled:{defaultValue:null,description:"",name:"isDisabled",required:!1,type:{name:"boolean"}},badgeTitle:{defaultValue:null,description:"",name:"badgeTitle",required:!1,type:{name:"string"}},badgeDot:{defaultValue:null,description:"",name:"badgeDot",required:!1,type:{name:"boolean"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},trigger:{defaultValue:null,description:"",name:"trigger",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},onClickTrigger:{defaultValue:null,description:"",name:"onClickTrigger",required:!0,type:{name:"TEmpty"}},colored:{defaultValue:null,description:"",name:"colored",required:!1,type:{name:"string | boolean"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},isNested:{defaultValue:null,description:"",name:"isNested",required:!1,type:{name:"boolean"}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"boolean"}},component:{defaultValue:null,description:"",name:"component",required:!1,type:{name:"ReactNode"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},fullHeight:{defaultValue:null,description:"",name:"fullHeight",required:!1,type:{name:"boolean"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=e=>{const{sections:a}=e;return!x.isValidElement(a)&&(!Array.isArray(a)||a.every(l=>C.isEmpty(l)))},sn=({sections:e,width:a,placement:l,possiblePlacements:r,closeOnOptionClick:t,closeParent:s,tree:u,path:c,groupOrder:i,overflowContainer:p,maxHeight:f,testId:g})=>{const{hasMousePosition:y,resetMousePosition:b,handleMouseEvent:_,trigger:q}=Ve(),m=b,o=y,{layerProps:V,renderLayer:h}=te({isOpen:o,trigger:q,...le(l),possiblePlacements:r,ResizeObserver:ae,onOutsideClick:m,overflowContainer:p});return[o&&h(n.jsx("div",{...V,children:n.jsx(z,{isNested:!1,width:a,sections:e,closeOnOptionClick:t,close:s||m,tree:u,path:c,maxHeight:f,testId:g&&`${g}-layer`})})),_]},dn=({menu:e,width:a,disabled:l=!1,closeOnOptionClick:r=!0,closeParent:t,tree:s,path:u,groupOrder:c,testId:i})=>{const p=x.useContext(j),{label:f,trigger:g,fullHeightTrigger:y,colored:b,small:_,component:q,placement:m,possiblePlacements:o=["bottom-start","top-start"]}=e,[V,h]=sn({sections:e.sections,width:a,placement:m,possiblePlacements:o,closeOnOptionClick:r,closeParent:t,tree:s,path:u,groupOrder:c,overflowContainer:!0,maxHeight:"40vh",testId:i}),O=l||ie(e)||p;return n.jsxs("div",{onContextMenu:h,"data-testid":i,children:[n.jsx(P,{width:a,fullHeight:y,isDisabled:O,trigger:g,label:f,onClickTrigger:()=>{},colored:b,small:_,isNested:!0,component:q,contextMenu:!0,groupOrder:c}),V]})},w=({menu:e,width:a,disabled:l=!1,badgeTitle:r,badgeDot:t=!1,loading:s=!1,isNested:u=!1,closeOnOptionClick:c=!0,closeParent:i,tree:p,path:f,groupOrder:g,overflowContainer:y=!0,maxHeight:b,testId:_,open:q,setOpen:m,tooltip:o,error:V,warning:h})=>{const O=x.useContext(j),{label:Z,title:L,trigger:M,fullHeightTrigger:$,colored:k,small:re,sections:se,component:de,placement:oe,showAllButton:ue,possiblePlacements:ce=["bottom-start","top-start"]}=e,[E,B]=C.isBoolean(q)&&C.isFunction(m)?[q,m]:x.useState(!1),T=()=>B(!1),pe=()=>B(!0),{triggerProps:me,layerProps:fe,renderLayer:ye}=te({isOpen:E,...le(oe,u),possiblePlacements:ce,ResizeObserver:ae,onOutsideClick:T,overflowContainer:y,onParentClose:T}),ee=l||ie(e)||O;ln(p,f,T);const ge=()=>{if(!ee){if(E){T();return}an(p,f).forEach(S=>{S.close&&S.close()}),pe()}};return n.jsxs(n.Fragment,{children:[n.jsx(P,{ref:me.ref,isDisabled:ee,badgeTitle:r,badgeDot:t,loading:s,width:a,fullHeight:$,trigger:M,label:Z,title:L,onClickTrigger:ge,colored:k,small:re,isNested:u,component:de,groupOrder:g,isOpen:E,tooltip:o,error:V,warning:h,testId:_}),E&&ye(n.jsx("div",{...fe,className:d.layerContainer,"data-testid":e.testId,onClick:S=>S.stopPropagation(),children:n.jsx(z,{sections:se,isNested:u,width:a,closeOnOptionClick:c,close:i||T,tree:p,path:f,maxHeight:b,showAllButton:ue,testId:_&&`${_}-layer`})}))]})},Y=e=>e.contextMenu?n.jsx(dn,{...e,tree:{},path:"",testId:e.testId}):n.jsx(w,{...e,tree:{},path:"",testId:e.testId});try{w.displayName="DropDownMenu",w.__docgenInfo={description:"",displayName:"DropDownMenu",props:{menu:{defaultValue:null,description:"",name:"menu",required:!0,type:{name:"{ trigger: string; title?: string | undefined; colored?: string | boolean | undefined; small?: boolean | undefined; label?: ReactNode; component?: ReactNode; sections?: ReactNode | IMenuSection[]; ... 4 more ...; fullHeightTrigger?: boolean | undefined; }"}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},badgeTitle:{defaultValue:null,description:"",name:"badgeTitle",required:!1,type:{name:"string"}},badgeDot:{defaultValue:{value:"false"},description:"",name:"badgeDot",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},fullHeightTrigger:{defaultValue:null,description:"",name:"fullHeightTrigger",required:!1,type:{name:"boolean"}},closeOnOptionClick:{defaultValue:{value:"true"},description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},overflowContainer:{defaultValue:{value:"true"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((state: boolean) => void)"}},closeParent:{defaultValue:null,description:"",name:"closeParent",required:!1,type:{name:"TEmpty"}},tree:{defaultValue:null,description:"",name:"tree",required:!1,type:{name:"any"}},path:{defaultValue:null,description:"",name:"path",required:!1,type:{name:"any"}},isNested:{defaultValue:{value:"false"},description:"",name:"isNested",required:!1,type:{name:"boolean"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"any"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"any"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"any"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}}}}}catch{}try{Y.displayName="Menu",Y.__docgenInfo={description:"",displayName:"Menu",props:{menu:{defaultValue:null,description:"",name:"menu",required:!0,type:{name:"{ trigger: string; title?: string | undefined; colored?: string | boolean | undefined; small?: boolean | undefined; label?: ReactNode; component?: ReactNode; sections?: ReactNode | IMenuSection[]; ... 4 more ...; fullHeightTrigger?: boolean | undefined; }"}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},badgeTitle:{defaultValue:null,description:"",name:"badgeTitle",required:!1,type:{name:"string"}},badgeDot:{defaultValue:{value:"false"},description:"",name:"badgeDot",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},fullHeightTrigger:{defaultValue:null,description:"",name:"fullHeightTrigger",required:!1,type:{name:"boolean"}},closeOnOptionClick:{defaultValue:{value:"true"},description:"",name:"closeOnOptionClick",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},overflowContainer:{defaultValue:{value:"true"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((state: boolean) => void)"}},closeParent:{defaultValue:null,description:"",name:"closeParent",required:!1,type:{name:"TEmpty"}},tree:{defaultValue:null,description:"",name:"tree",required:!1,type:{name:"any"}},path:{defaultValue:null,description:"",name:"path",required:!1,type:{name:"any"}},isNested:{defaultValue:{value:"false"},description:"",name:"isNested",required:!1,type:{name:"boolean"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"any"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"any"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"any"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}}}}}catch{}const on=e=>{const{subActions:a,subMenuIcon:l,primary:r,testId:t,tooltip:s}=e,u=n.jsx(Q,{colored:r?!0:be.MUTED,basic:!r,round:!0,small:!0,icon:l||H.MENU,testId:t,tooltip:s});if(a.length){const c={trigger:N.COMPONENT,component:u,sections:a.map(i=>({type:"Option",label:i.label,icon:i.icon,testId:i.testId,disabled:i.disabled,onClick:p=>{p.stopPropagation(),p.preventDefault(),C.isFunction(i.onClick)&&i.onClick(p)}}))};return n.jsx(Y,{menu:c})}return null},K=e=>{const a=x.useContext(j),{actions:l=[],closeLayer:r}=e;return n.jsx("div",{className:I(Ce.actions),children:l.map((t,s)=>{if(!((t==null?void 0:t.hidden)||!t||!Object.keys(t).length))return t.childComponent&&ne.isValidElement(t.childComponent)?n.jsx("div",{"data-testid":t.testId,children:t.childComponent},s):t.subActions?n.jsx(on,{subActions:t.subActions,primary:t.primary,subMenuIcon:t.icon,testId:t.testId,tooltip:t.tooltip},s):n.jsx(Q,{colored:t.primary?!0:"muted",round:!0,basic:!t.primary,disabled:t.disabled,small:!0,name:String(t.label),icon:t.icon?t.icon:null,onClick:c=>{r&&r(),c.stopPropagation(),c.preventDefault(),!(t.disabled||a)&&C.isFunction(t.onClick)&&t.onClick(c)},testId:t.testId,tooltip:t.tooltip},s)})})};try{K.displayName="Actions",K.__docgenInfo={description:"",displayName:"Actions",props:{actions:{defaultValue:null,description:"",name:"actions",required:!0,type:{name:"IAction[]"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}}}}}catch{}export{K as A,Y as M};

package/dist/storybook/assets/button-group.stories-037665c3.js

@@ -1,61 +0,0 @@
-import{j as f}from"./jsx-runtime-f961835c.js";import{B as T}from"./button-group-4cf67956.js";import"./index-f80c8c95.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./button-1a6432ca.js";import"./index-a80ed1cf.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const D=[{key:"0",label:"Aardvarks",value:"termites"},{key:"1",label:"Kangaroos",value:"grass"},{key:"2",label:"Monkeys",value:"bananas"},{key:"3",label:"Possums",value:"slugs",hidden:!0},{key:"4",label:"Pandas",value:"bamboo",disabled:!0}],N=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],E=["One","Two","Three"],w=[["first_item","One"],["second_item","Two"],["third_item","Three"]],I=[{key:"0",label:"Aardvarks",value:"termites",tooltip:"Eats 50k termites / night"},{key:"1",label:"Kangaroos",value:"grass",tooltip:f.jsx("span",{children:"Babies are called joeys"})},{key:"2",label:"Monkeys",value:"bananas",warning:"A bit cheeky"},{key:"3",label:"Pandas",value:"bamboo",disabled:!0,tooltip:"Extinct"}],{useArgs:K}=__STORYBOOK_MODULE_ADDONS__,ee={title:"Forms/ButtonGroup",component:T,args:{disabled:!1,items:D,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},s=C=>{const[M,j]=K(),B=G=>{j({value:G})};return f.jsx(T,{...C,onSelected:B})},o=s.bind({}),a=s.bind({});a.args={items:N};const t=s.bind({});t.args={items:I};const n=s.bind({});n.args={disabled:!0};const e=s.bind({});e.args={items:E};e.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const r=s.bind({});r.args={items:w};r.parameters={docs:{description:{story:"Avoid this deprecated legacy usage (still supported, but may be removed in future)."}}};var l,i,u;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: TStringOrNumber) => {
-    updateArgs({
-      value: evt
-    });
-  };
-  return <ButtonGroup
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onSelected={handleChange} />;
-}`,...(u=(i=o.parameters)==null?void 0:i.docs)==null?void 0:u.source}}};var d,p,c;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: TStringOrNumber) => {
-    updateArgs({
-      value: evt
-    });
-  };
-  return <ButtonGroup
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onSelected={handleChange} />;
-}`,...(c=(p=a.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var g,m,b;t.parameters={...t.parameters,docs:{...(g=t.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: TStringOrNumber) => {
-    updateArgs({
-      value: evt
-    });
-  };
-  return <ButtonGroup
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onSelected={handleChange} />;
-}`,...(b=(m=t.parameters)==null?void 0:m.docs)==null?void 0:b.source}}};var h,v,A;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: TStringOrNumber) => {
-    updateArgs({
-      value: evt
-    });
-  };
-  return <ButtonGroup
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onSelected={handleChange} />;
-}`,...(A=(v=n.parameters)==null?void 0:v.docs)==null?void 0:A.source}}};var y,S,O;e.parameters={...e.parameters,docs:{...(y=e.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: TStringOrNumber) => {
-    updateArgs({
-      value: evt
-    });
-  };
-  return <ButtonGroup
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onSelected={handleChange} />;
-}`,...(O=(S=e.parameters)==null?void 0:S.docs)==null?void 0:O.source}}};var k,x,_;r.parameters={...r.parameters,docs:{...(k=r.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: TStringOrNumber) => {
-    updateArgs({
-      value: evt
-    });
-  };
-  return <ButtonGroup
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onSelected={handleChange} />;
-}`,...(_=(x=r.parameters)==null?void 0:x.docs)==null?void 0:_.source}}};const re=["Default","Icons","Tooltips","Disabled","ArrayOfStrings","ArrayOfArrays"];export{r as ArrayOfArrays,e as ArrayOfStrings,o as Default,n as Disabled,a as Icons,t as Tooltips,re as __namedExportsOrder,ee as default};

package/dist/storybook/assets/button.stories-527e5e10.js

@@ -1,61 +0,0 @@
-import{j as o}from"./jsx-runtime-f961835c.js";import{F as Z}from"./flex-47732c42.js";import{B as e,a as $}from"./button-1a6432ca.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const mr={title:"Forms/Button",component:e,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=m=>o.jsxs(Z,{gap:"var(--padding-sm)",children:[o.jsx(e,{...m}),o.jsx(e,{colored:!0,...m}),o.jsx(e,{colored:"success",...m}),o.jsx(e,{colored:"danger",...m})]}),B=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={disabled:!0};const c=r.bind({});c.args={icon:"delete"};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0};const u=r.bind({});u.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const l=r.bind({});l.args={width:"100%"};const g=r.bind({});g.args={type:$.SUBMIT};const p=r.bind({});p.args={label:"Lorem ipsum dolor est compendum",width:"100px",small:!0};const i=r.bind({});i.args={tooltip:"Tooltip goes here"};var x,F,b;B.parameters={...B.parameters,docs:{...(x=B.parameters)==null?void 0:x.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
-    <Button {...args} />
-    <Button colored {...args} />
-    <Button colored="success" {...args} />
-    <Button colored="danger" {...args} />
-  </Flex>`,...(b=(F=B.parameters)==null?void 0:F.docs)==null?void 0:b.source}}};var v,S,f;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
-    <Button {...args} />
-    <Button colored {...args} />
-    <Button colored="success" {...args} />
-    <Button colored="danger" {...args} />
-  </Flex>`,...(f=(S=s.parameters)==null?void 0:S.docs)==null?void 0:f.source}}};var T,h,j;a.parameters={...a.parameters,docs:{...(T=a.parameters)==null?void 0:T.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
-    <Button {...args} />
-    <Button colored {...args} />
-    <Button colored="success" {...args} />
-    <Button colored="danger" {...args} />
-  </Flex>`,...(j=(h=a.parameters)==null?void 0:h.docs)==null?void 0:j.source}}};var y,W,R;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
-    <Button {...args} />
-    <Button colored {...args} />
-    <Button colored="success" {...args} />
-    <Button colored="danger" {...args} />
-  </Flex>`,...(R=(W=t.parameters)==null?void 0:W.docs)==null?void 0:R.source}}};var D,I,M;n.parameters={...n.parameters,docs:{...(D=n.parameters)==null?void 0:D.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
-    <Button {...args} />
-    <Button colored {...args} />
-    <Button colored="success" {...args} />
-    <Button colored="danger" {...args} />
-  </Flex>`,...(M=(I=n.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var _,w,A;c.parameters={...c.parameters,docs:{...(_=c.parameters)==null?void 0:_.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
-    <Button {...args} />
-    <Button colored {...args} />
-    <Button colored="success" {...args} />
-    <Button colored="danger" {...args} />
-  </Flex>`,...(A=(w=c.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};var E,L,O;d.parameters={...d.parameters,docs:{...(E=d.parameters)==null?void 0:E.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
-    <Button {...args} />
-    <Button colored {...args} />
-    <Button colored="success" {...args} />
-    <Button colored="danger" {...args} />
-  </Flex>`,...(O=(L=d.parameters)==null?void 0:L.docs)==null?void 0:O.source}}};var U,k,q;u.parameters={...u.parameters,docs:{...(U=u.parameters)==null?void 0:U.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
-    <Button {...args} />
-    <Button colored {...args} />
-    <Button colored="success" {...args} />
-    <Button colored="danger" {...args} />
-  </Flex>`,...(q=(k=u.parameters)==null?void 0:k.docs)==null?void 0:q.source}}};var z,C,G;l.parameters={...l.parameters,docs:{...(z=l.parameters)==null?void 0:z.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
-    <Button {...args} />
-    <Button colored {...args} />
-    <Button colored="success" {...args} />
-    <Button colored="danger" {...args} />
-  </Flex>`,...(G=(C=l.parameters)==null?void 0:C.docs)==null?void 0:G.source}}};var H,J,K;g.parameters={...g.parameters,docs:{...(H=g.parameters)==null?void 0:H.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
-    <Button {...args} />
-    <Button colored {...args} />
-    <Button colored="success" {...args} />
-    <Button colored="danger" {...args} />
-  </Flex>`,...(K=(J=g.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var N,P,Q;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
-    <Button {...args} />
-    <Button colored {...args} />
-    <Button colored="success" {...args} />
-    <Button colored="danger" {...args} />
-  </Flex>`,...(Q=(P=p.parameters)==null?void 0:P.docs)==null?void 0:Q.source}}};var V,X,Y;i.parameters={...i.parameters,docs:{...(V=i.parameters)==null?void 0:V.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
-    <Button {...args} />
-    <Button colored {...args} />
-    <Button colored="success" {...args} />
-    <Button colored="danger" {...args} />
-  </Flex>`,...(Y=(X=i.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};const Br=["Default","Small","Basic","Active","Disabled","WithIcon","Round","RoundMuted","FullWidth","Submit","TestSmallButtonWrapping","Tooltip"];export{t as Active,a as Basic,B as Default,n as Disabled,l as FullWidth,d as Round,u as RoundMuted,s as Small,g as Submit,p as TestSmallButtonWrapping,i as Tooltip,c as WithIcon,Br as __namedExportsOrder,mr as default};

package/dist/storybook/assets/preview-d6d8b5a6.js

@@ -1 +0,0 @@
-import{_ as e}from"./iframe-d9853d67.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-f798bb00.js"),["./DocsRenderer-NNNQARDV-f798bb00.js","./chunk-HLWAVYOI-29644656.js","./iframe-d9853d67.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-4997c9dc.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return new r}}};export{a as parameters};

package/dist/storybook/assets/row-bd69aca9.js

@@ -1,39 +0,0 @@
-import{j as d}from"./jsx-runtime-f961835c.js";import{n as V,s as q}from"./styled-components.browser.esm-416d73e5.js";import{r as x,R as $}from"./index-f80c8c95.js";import{P as a}from"./index-c89a1915.js";import{c as T}from"./index-a80ed1cf.js";const _=V`
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`,R=q.div`
-  position: relative; // for react-laag
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  flex-basis: ${e=>e.width||"auto"};
-  flex-grow: ${e=>!e.width&&e.flex?"1":"0"};
-  flex-shrink: ${e=>e.width||!e.flex?"0":"1"};
-  overflow: ${e=>e.scroll?"auto":"initial"};
-  background: ${e=>e.background};
-  border-left: ${e=>e.borderLeft===!0?"1px solid var(--color-border)":e.borderLeft};
-  border-right: ${e=>e.borderRight===!0?"1px solid var(--color-border)":e.borderRight};
-  padding: ${e=>e.spacing?`0 calc(${e.spacing} / 2)`:"0"};
-  ${e=>!e.showScrollbar&&_}
-
-  @media (max-width: 992px) {
-    ${e=>e.widthTablet&&`flex-basis: ${e.widthTablet};`}
-  }
-
-  @media (max-width: 575px) {
-    ${e=>e.widthMobile&&`flex-basis: ${e.widthMobile};`}
-  }
-
-  > .inner {
-    flex-basis: 100%;
-    position: relative;
-    z-index: 0;
-    min-height: 0;
-    display: ${e=>e.flexbox&&!e.scroll?"flex":"block"};
-    ${e=>e.flexbox&&"flex-direction: column;"}
-    padding: ${e=>e.padding===!0?"var(--padding)":e.padding};
-  }
-`,v=({background:e="transparent",borderLeft:u,borderRight:t,children:o=null,flex:m=!0,flexbox:f=!1,padding:p=!1,scroll:l=!1,showScrollbar:c=!0,spacing:g="var(--padding)",width:n,widthMobile:h,widthTablet:b,testId:r})=>{const i=s=>typeof s=="string"?s:typeof s=="number"?`${s}px`:void 0,w=R;return d.jsx(w,{background:e,borderLeft:u,borderRight:t,flex:m,flexbox:f,padding:p,scroll:l,showScrollbar:c,spacing:g,width:i(n),widthTablet:i(b),widthMobile:i(h),children:d.jsx("div",{className:"inner","data-testid":r,children:o})})};try{v.displayName="Column",v.__docgenInfo={description:"",displayName:"Column",props:{background:{defaultValue:{value:"transparent"},description:"",name:"background",required:!1,type:{name:"string"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"string | boolean"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"string | boolean"}},flex:{defaultValue:{value:"true"},description:"",name:"flex",required:!1,type:{name:"boolean"}},flexbox:{defaultValue:{value:"false"},description:"",name:"flexbox",required:!1,type:{name:"boolean"}},padding:{defaultValue:{value:"false"},description:"",name:"padding",required:!1,type:{name:"string | boolean"}},scroll:{defaultValue:{value:"false"},description:"",name:"scroll",required:!1,type:{name:"boolean"}},showScrollbar:{defaultValue:{value:"true"},description:"",name:"showScrollbar",required:!1,type:{name:"boolean"}},spacing:{defaultValue:{value:"var(--padding)"},description:"",name:"spacing",required:!1,type:{name:"string | number"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string | number"}},widthMobile:{defaultValue:null,description:"",name:"widthMobile",required:!1,type:{name:"string | number"}},widthTablet:{defaultValue:null,description:"",name:"widthTablet",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const j="_row_n16je_1",I={row:j},y=({alignItems:e,justifyContent:u,children:t,flex:o,height:m,marginBottom:f,marginTop:p,spacing:l,wrap:c,testId:g})=>{const n=typeof l=="number"?`${l}px`:l,b=(t===null||t===!1?[]:t instanceof Array?t.filter(r=>x.isValidElement(r)):[t]).map((r,i)=>d.jsx(x.Fragment,{children:$.cloneElement(r,{spacing:n})},i));return d.jsx("div",{className:T(I.row),style:{alignItems:e,justifyContent:u,flexGrow:o?1:0,flexShrink:o?1:0,flexWrap:c?"wrap":"nowrap",height:m,marginLeft:`calc(${n} / -2)`,marginRight:`calc(${n} / -2)`,marginBottom:f,marginTop:p},"data-testid":g,children:b})};y.defaultProps={alignItems:"initial",justifyContent:"initial",children:null,flex:!1,height:"auto",marginBottom:"0",marginTop:"0",spacing:"var(--padding)",wrap:!1,testId:null};y.propTypes={alignItems:a.string,justifyContent:a.string,children:a.node,flex:a.bool,height:a.oneOfType([a.string,a.number]),marginBottom:a.oneOfType([a.string,a.number]),marginTop:a.oneOfType([a.string,a.number]),spacing:a.oneOfType([a.string,a.number]),wrap:a.bool,testId:a.string};y.__docgenInfo={description:"",methods:[],displayName:"Row",props:{alignItems:{defaultValue:{value:"'initial'",computed:!1},description:"",type:{name:"string"},required:!1},justifyContent:{defaultValue:{value:"'initial'",computed:!1},description:"",type:{name:"string"},required:!1},children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},flex:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},height:{defaultValue:{value:"'auto'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},marginBottom:{defaultValue:{value:"'0'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},marginTop:{defaultValue:{value:"'0'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},spacing:{defaultValue:{value:"'var(--padding)'",computed:!1},description:"",type:{name:"union",value:[{name:"string"},{name:"number"}]},required:!1},wrap:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},testId:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1}}};export{v as C,y as R};