@oliasoft-open-source/react-ui-library 4.7.5 → 4.7.7

package/dist/storybook/assets/{index-CQKekHCo.js → index-iPmJVpyV.js}

@@ -1 +1 @@
-import{i as n,o as T,S as l,l as c,A as H,v as L,w as B,b,F as S,J as u,z as C,a as h,y as d,D as g,x as y,C as F,E as I,c as k,R as x,d as A,e as P,f as R,j as W,g as f,W as D,k as E,T as N,L as q,H as v,h as w,I as O,B as U,m as j,M as z,n as G,r as J,p as K,q as M,s as Q,t as V,u as X,_ as Y,G as Z,K as _,V as $,N as aa,O as sa,P as oa,Q as ta,U as ra,X as ea,Y as ia}from"./index-DCGYYCUT.js";import"./iframe-CgUc-Ukp.js";import"../sb-preview/runtime.js";import"./index-DhsZuJvc.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";export{n as A,T as ActionBar,l as Bar,c as Blockquote,H as Button,L as Code,B as DL,b as Div,S as EmptyTabContent,u as ErrorFormatter,C as FlexBar,h as Form,d as H1,g as H2,y as H3,F as H4,I as H5,k as H6,x as HR,A as IconButton,P as Img,R as LI,W as Link,f as ListItem,D as Loader,E as OL,N as P,q as Pre,v as ResetWrapper,w as ScrollArea,O as Separator,U as Span,j as SyntaxHighlighter,z as TT,G as TabBar,J as TabButton,K as Table,M as Tabs,Q as TabsState,V as TooltipLinkList,X as TooltipNote,Y as UL,Z as WithTooltip,_ as WithTooltipPure,$ as Zoom,aa as codeCommon,sa as components,oa as createCopyToClipboardFunction,ta as getStoryHref,ra as icons,ea as nameSpaceClassNames,ia as withReset};
+import{i as n,o as T,S as l,l as c,A as H,v as L,w as B,b,F as S,J as u,z as C,a as h,y as d,D as g,x as y,C as F,E as I,c as k,R as x,d as A,e as P,f as R,j as W,g as f,W as D,k as E,T as N,L as q,H as v,h as w,I as O,B as U,m as j,M as z,n as G,r as J,p as K,q as M,s as Q,t as V,u as X,_ as Y,G as Z,K as _,V as $,N as aa,O as sa,P as oa,Q as ta,U as ra,X as ea,Y as ia}from"./index-Dx_aqqZM.js";import"./iframe-0oHxQxyh.js";import"../sb-preview/runtime.js";import"./index-DhsZuJvc.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";export{n as A,T as ActionBar,l as Bar,c as Blockquote,H as Button,L as Code,B as DL,b as Div,S as EmptyTabContent,u as ErrorFormatter,C as FlexBar,h as Form,d as H1,g as H2,y as H3,F as H4,I as H5,k as H6,x as HR,A as IconButton,P as Img,R as LI,W as Link,f as ListItem,D as Loader,E as OL,N as P,q as Pre,v as ResetWrapper,w as ScrollArea,O as Separator,U as Span,j as SyntaxHighlighter,z as TT,G as TabBar,J as TabButton,K as Table,M as Tabs,Q as TabsState,V as TooltipLinkList,X as TooltipNote,Y as UL,Z as WithTooltip,_ as WithTooltipPure,$ as Zoom,aa as codeCommon,sa as components,oa as createCopyToClipboardFunction,ta as getStoryHref,ra as icons,ea as nameSpaceClassNames,ia as withReset};

package/dist/storybook/assets/{input-group.stories-BiReS545.js → input-group.stories-44quIZTV.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as x}from"./common-types-Sih75Sav.js";import{I as t}from"./input-group-BaRSJAEN.js";import{I as h}from"./input-group-addon-D68iUKV2.js";import{I as M}from"./input-BW9trNAW.js";import{B as C}from"./button-VxhoNhrV.js";import{M as f}from"./actions-CHgr8eL8.js";import{S as I}from"./select-D55JvDou.js";import{T as P}from"./tooltip-1V7clEnw.js";import{M as r}from"./types-BmbYqTX_.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./badge-CLQ59MDF.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-DIKP56UZ.js";import"./index-CUZDtIZe.js";const ee={title:"Forms/InputGroup",component:t,args:{}},s=i=>e.jsxs(t,{...i,children:[e.jsx(h,{children:"$"}),e.jsx(M,{width:"100%",name:"example",value:"123",onChange:()=>{}}),e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"},width:"auto",native:!0}),e.jsx(f,{menu:{label:"E-06/degC",trigger:x.DROP_DOWN_BUTTON,small:i.small,sections:[{type:r.OPTION,label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:r.OPTION,label:"0.123",description:"km",inline:!0,onClick:()=>{}},{type:r.OPTION,label:"4842.4608",description:"in",inline:!0,onClick:()=>{}}]}}),e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{}})]}),o=s.bind({}),a=s.bind({});a.args={width:"480px"};const l=s.bind({});l.args={small:!0};const n=()=>e.jsxs(t,{children:[e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"}}),e.jsx(P,{text:"This is a tooltip",children:e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{},groupOrder:"last"})})]});n.__docgenInfo={description:"",methods:[],displayName:"SelectWithButton"};var u,p,m;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as x}from"./common-types-Sih75Sav.js";import{I as t}from"./input-group-BaRSJAEN.js";import{I as h}from"./input-group-addon-D68iUKV2.js";import{I as M}from"./input-BW9trNAW.js";import{B as C}from"./button-VxhoNhrV.js";import{M as f}from"./actions-CHgr8eL8.js";import{S as I}from"./select-C8iu4-uz.js";import{T as P}from"./tooltip-1V7clEnw.js";import{M as r}from"./types-BmbYqTX_.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./badge-CLQ59MDF.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-DIKP56UZ.js";import"./index-CUZDtIZe.js";const ee={title:"Forms/InputGroup",component:t,args:{}},s=i=>e.jsxs(t,{...i,children:[e.jsx(h,{children:"$"}),e.jsx(M,{width:"100%",name:"example",value:"123",onChange:()=>{}}),e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"},width:"auto",native:!0}),e.jsx(f,{menu:{label:"E-06/degC",trigger:x.DROP_DOWN_BUTTON,small:i.small,sections:[{type:r.OPTION,label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:r.OPTION,label:"0.123",description:"km",inline:!0,onClick:()=>{}},{type:r.OPTION,label:"4842.4608",description:"in",inline:!0,onClick:()=>{}}]}}),e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{}})]}),o=s.bind({}),a=s.bind({});a.args={width:"480px"};const l=s.bind({});l.args={small:!0};const n=()=>e.jsxs(t,{children:[e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"}}),e.jsx(P,{text:"This is a tooltip",children:e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{},groupOrder:"last"})})]});n.__docgenInfo={description:"",methods:[],displayName:"SelectWithButton"};var u,p,m;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
   return <InputGroup
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args}>

package/dist/storybook/assets/{input-validation-Bd_JP2WL.js → input-validation-CregAhZZ.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Z as s,$ as n}from"./index-DCGYYCUT.js";import{NonExistentValue as a,Error as l}from"./select.stories-2DiOP0OZ.js";import"./index-DhsZuJvc.js";import"./iframe-CgUc-Ukp.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./select-D55JvDou.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CEuq6vkz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-CHgr8eL8.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./spacer-BWoNR27H.js";function o(t){const i={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",strong:"strong",...r(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Z as s,$ as n}from"./index-Dx_aqqZM.js";import{NonExistentValue as a,Error as l}from"./select.stories-BZFdXGPs.js";import"./index-DhsZuJvc.js";import"./iframe-0oHxQxyh.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./index-DMAnyMX5.js";import"./index-CF7H4eMJ.js";import"./select-C8iu4-uz.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CEuq6vkz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-CHgr8eL8.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./spacer-BWoNR27H.js";function o(t){const i={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",strong:"strong",...r(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
 `,e.jsx(i.h1,{id:"input-validation",children:"Input Validation"}),`
 `,e.jsx(i.h2,{id:"select",children:"Select"}),`
 `,e.jsx(i.h3,{id:"invalid-states",children:"Invalid states"}),`
@@ -23,4 +23,4 @@ application layer.`}),`
 `,e.jsxs(i.p,{children:[`For a 'hard invalid' state (where the value is unusable, but required), it is recommended for the business logic to not
 set a value (use `,e.jsx(i.code,{children:"null"})," or ",e.jsx(i.code,{children:"undefined"}),"), and to set the ",e.jsx(i.code,{children:"error"}),` prop with an appropriate message
 (e.g. "Value is required").`]}),`
-`,e.jsx(n,{of:l})]})}function L(t={}){const{wrapper:i}={...r(),...t.components};return i?e.jsx(i,{...t,children:e.jsx(o,{...t})}):o(t)}export{L as default};
+`,e.jsx(n,{of:l})]})}function R(t={}){const{wrapper:i}={...r(),...t.components};return i?e.jsx(i,{...t,children:e.jsx(o,{...t})}):o(t)}export{R as default};

package/dist/storybook/assets/{inputs-BsGUQTI3.js → inputs-DZn0C_9Y.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Z as r,$ as o}from"./index-DCGYYCUT.js";import{Default as l}from"./button.stories-DVtec2Eo.js";import{Default as a}from"./check-box.stories-L9T_i0RT.js";import{Default as c}from"./file-input.stories--ZoISXk0.js";import{Default as d,Date as p}from"./input.stories-BruLeJ44.js";import{Default as h}from"./number-input.stories-CVFfJvjY.js";import{Default as u}from"./option-dropdown.stories-CoLsSS95.js";import{Default as m}from"./radio-button.stories-Bg5JVXpo.js";import{Native as f,Default as x}from"./select.stories-2DiOP0OZ.js";import{Default as j}from"./slider.stories-Cd0rLfHP.js";import{Default as b}from"./textarea.stories-aRLEoDHg.js";import{Default as g}from"./toggle.stories-D4c4fr5t.js";import"./index-DhsZuJvc.js";import"./iframe-CgUc-Ukp.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./react-router-dom-Ck2Y_Fzc.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./flex-EllkLxgO.js";import"./button-VxhoNhrV.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./tooltip-1V7clEnw.js";import"./check-box-BtCGePRy.js";import"./help-icon-Buhx5nl6.js";import"./file-input-BpMtsZ2S.js";import"./input-group-BaRSJAEN.js";import"./input-BW9trNAW.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./spacer-BWoNR27H.js";import"./message-ZenLdkrf.js";import"./textarea-BV7xWEdt.js";import"./index-CWz-hU-f.js";import"./index-DRSy5Ssd.js";import"./number-input-uQOVHv2N.js";import"./input-group-addon-D68iUKV2.js";import"./select-D55JvDou.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-CHgr8eL8.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./divider-DY9nJ_7N.js";import"./radio-button-YBwYcMaM.js";import"./slider-DAramr8j.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./toggle-CBpNgTrm.js";function i(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",strong:"strong",ul:"ul",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Z as r,$ as o}from"./index-Dx_aqqZM.js";import{Default as l}from"./button.stories-DVtec2Eo.js";import{Default as a}from"./check-box.stories-C_7Z7Ss6.js";import{Default as c}from"./file-input.stories-Jrdw5k-s.js";import{Default as d,Date as p}from"./input.stories-BruLeJ44.js";import{Default as h}from"./number-input.stories-C2QTTzzN.js";import{Default as m}from"./option-dropdown.stories-CoLsSS95.js";import{Default as u}from"./radio-button.stories-CGJnfCk-.js";import{Native as f,Default as x}from"./select.stories-BZFdXGPs.js";import{Default as j}from"./slider.stories-Cd0rLfHP.js";import{Default as b}from"./textarea.stories-aRLEoDHg.js";import{Default as g}from"./toggle.stories-mjk0JIle.js";import"./index-DhsZuJvc.js";import"./iframe-0oHxQxyh.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./react-router-dom-Ck2Y_Fzc.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./flex-EllkLxgO.js";import"./button-VxhoNhrV.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./tooltip-1V7clEnw.js";import"./index-DMAnyMX5.js";import"./index-CF7H4eMJ.js";import"./check-box-BtCGePRy.js";import"./help-icon-Buhx5nl6.js";import"./file-input-BpMtsZ2S.js";import"./input-group-BaRSJAEN.js";import"./input-BW9trNAW.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./spacer-BWoNR27H.js";import"./message-BYzRg8Ae.js";import"./textarea-BV7xWEdt.js";import"./index-CWz-hU-f.js";import"./index-DRSy5Ssd.js";import"./number-input-uQOVHv2N.js";import"./input-group-addon-D68iUKV2.js";import"./select-C8iu4-uz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-CHgr8eL8.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./divider-DY9nJ_7N.js";import"./radio-button-YBwYcMaM.js";import"./slider-DAramr8j.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./toggle-CBpNgTrm.js";function i(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",strong:"strong",ul:"ul",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
 `,e.jsx(t.h1,{id:"inputs",children:"Inputs"}),`
 `,e.jsx(t.p,{children:"React UI Library provides a comprehensive set of user input components."}),`
 `,e.jsx(t.h2,{id:"button",children:"Button"}),`
@@ -38,7 +38,7 @@ custom `,e.jsx(t.code,{children:"Select"})," in GUI Library uses ",e.jsx(t.a,{hr
 `,e.jsx(t.h2,{id:"radiobutton",children:"RadioButton"}),`
 `,e.jsxs(t.p,{children:["Use a ",e.jsx(t.code,{children:"RadioButton"}),` group when users need to choose a single value from a short list of options (< 6 options). They are
 suitable for related but mutually exclusive choices.`]}),`
-`,e.jsx(o,{of:m}),`
+`,e.jsx(o,{of:u}),`
 `,e.jsx(t.h2,{id:"checkbox",children:"CheckBox"}),`
 `,e.jsxs(t.p,{children:["Use a ",e.jsx(t.code,{children:"CheckBox"}),` when users need to select between opposite states (switching a binary value on or off). A CheckBox
 should have a label prop which makes the opposite states clear.`]}),`
@@ -48,7 +48,7 @@ should have a label prop which makes the opposite states clear.`]}),`
 `,e.jsx(t.h2,{id:"optiondropdown",children:"OptionDropdown"}),`
 `,e.jsxs(t.p,{children:["For a larger number of ",e.jsx(t.code,{children:"CheckBox"})," options and where space is limited, there's a convenience component called ",e.jsx(t.code,{children:"OptionDropdown"}),`,
 which allows selecting a multiple values, by presenting them in a dropdown, with an easy way to select all or clear.`]}),`
-`,e.jsx(o,{of:u}),`
+`,e.jsx(o,{of:m}),`
 `,e.jsx(t.h2,{id:"toggle",children:"Toggle"}),`
 `,e.jsxs(t.p,{children:["A ",e.jsx(t.code,{children:"Toggle"})," is just an alternative variant to a ",e.jsx(t.code,{children:"CheckBox"})," and has the same use-case (switching a binary value on or off)."]}),`
 `,e.jsx(o,{of:g}),`
@@ -59,4 +59,4 @@ particularly on touch devices.`]}),`
 `,e.jsx(o,{of:j}),`
 `,e.jsx(t.h2,{id:"file-input",children:"File Input"}),`
 `,e.jsxs(t.p,{children:["Use a ",e.jsx(t.code,{children:"FileInput"})," when a user needs to upload a file. The ",e.jsx(t.code,{children:"accept"})," prop allows you to restrict the accepted file types."]}),`
-`,e.jsx(o,{of:c})]})}function Se(n={}){const{wrapper:t}={...s(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(i,{...n})}):i(n)}export{Se as default};
+`,e.jsx(o,{of:c})]})}function Ue(n={}){const{wrapper:t}={...s(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(i,{...n})}):i(n)}export{Ue as default};

package/dist/storybook/assets/{layout-forms-BH-i91Wg.js → layout-forms-zjNDNCOQ.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"./index-BcNHZKhG.js";import{Z as s,$ as o}from"./index-DCGYYCUT.js";import{Default as l,LabelOnLeft as p}from"./field.stories-B9p9nBgY.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-CDE7hTBL.js";import"./index-DhsZuJvc.js";import"./iframe-CgUc-Ukp.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./field-HrLaMLbx.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./input-BW9trNAW.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./text-B3-TSWok.js";import"./select-D55JvDou.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-CHgr8eL8.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./check-box-BtCGePRy.js";import"./button-group-CwJdFo2z.js";import"./toggle-CBpNgTrm.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./slider-DAramr8j.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./textarea-BV7xWEdt.js";import"./radio-button-YBwYcMaM.js";import"./form-row-CM112EYF.js";function r(i){const e={code:"code",h1:"h1",h2:"h2",p:"p",...n(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
+import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as n}from"./index-BcNHZKhG.js";import{Z as s,$ as o}from"./index-Dx_aqqZM.js";import{Default as l,LabelOnLeft as p}from"./field.stories-B9p9nBgY.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-C1Qx3M_1.js";import"./index-DhsZuJvc.js";import"./iframe-0oHxQxyh.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./field-HrLaMLbx.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./input-BW9trNAW.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./text-B3-TSWok.js";import"./select-C8iu4-uz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-CHgr8eL8.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./check-box-BtCGePRy.js";import"./button-group-CwJdFo2z.js";import"./toggle-CBpNgTrm.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./slider-DAramr8j.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./textarea-BV7xWEdt.js";import"./radio-button-YBwYcMaM.js";import"./form-row-CM112EYF.js";function r(i){const e={code:"code",h1:"h1",h2:"h2",p:"p",...n(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
 `,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
 `,t.jsx(e.h2,{id:"field",children:"Field"}),`
 `,t.jsxs(e.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(e.code,{children:"label"})," for other default styling."]}),`

package/dist/storybook/assets/{layout-general-jp5QULaU.js → layout-general-_85zGG_p.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Z as r,$ as n}from"./index-DCGYYCUT.js";import{Center as d,SpaceBetween as l,JustifyEnd as a,Column as c}from"./flex.stories-BEXf0VqI.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as u}from"./grid.stories-BhjMGl59.js";import{Default as j,FixedWidth as f,NoPadding as w,ResponsiveWidth as g}from"./column.stories-BxfR9Tla.js";import"./index-DhsZuJvc.js";import"./iframe-CgUc-Ukp.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./flex-EllkLxgO.js";import"./button-VxhoNhrV.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./text-B3-TSWok.js";import"./grid-B6LFPf51.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./card-EcjmryU9.js";import"./row-4iAGREkV.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";function t(i){const o={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...s(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as s}from"./index-BcNHZKhG.js";import{Z as r,$ as n}from"./index-Dx_aqqZM.js";import{Center as d,SpaceBetween as l,JustifyEnd as a,Column as c}from"./flex.stories-BEXf0VqI.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as u}from"./grid.stories-BhjMGl59.js";import{Default as j,FixedWidth as f,NoPadding as w,ResponsiveWidth as g}from"./column.stories-BxfR9Tla.js";import"./index-DhsZuJvc.js";import"./iframe-0oHxQxyh.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./flex-EllkLxgO.js";import"./button-VxhoNhrV.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./text-B3-TSWok.js";import"./grid-B6LFPf51.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./card-EcjmryU9.js";import"./row-4iAGREkV.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";function t(i){const o={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...s(),...i.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
 `,e.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
 `,e.jsx(o.h2,{id:"flex",children:"Flex"}),`
 `,e.jsxs(o.p,{children:["The ",e.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.jsx(o.code,{children:"alignItems"}),", ",e.jsx(o.code,{children:"justifyContent"})," and ",e.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`

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

@@ -0,0 +1,84 @@
+import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as Ir}from"./index-DhsZuJvc.js";import{H as Cr,L as J,S as Dr,R as U}from"./react-router-dom-Ck2Y_Fzc.js";import{T as A,I as fr}from"./common-types-Sih75Sav.js";import{w as kr,e as P,u as v}from"./index-DMAnyMX5.js";import{M as W}from"./actions-CHgr8eL8.js";import{B as X}from"./button-VxhoNhrV.js";import{F as Rr}from"./flex-EllkLxgO.js";import{m as s,a as wr,b as Br,c as Er,d as Nr,e as Fr,f as Lr,g as Pr,h as _r,i as Ar}from"./menu.stories-data-DeDnsKpk.js";import{M as H}from"./types-BmbYqTX_.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./lodash-BHd_uQHh.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./spinner-AWUe4xwQ.js";const ps={title:"Basic/Menu",component:W,args:{menu:s}},e=a=>r.jsx(W,{...a}),_=e.bind({}),c=e.bind({});c.args={menu:{...s,colored:!0}};const p=e.bind({});p.args={menu:{...s,label:"Delete",colored:"danger"}};const d=e.bind({});d.args={menu:{...s,trigger:A.TEXT}};const l=e.bind({});l.args={menu:{...s,trigger:A.COMPONENT,component:r.jsx(X,{small:!0,colored:!0,round:!0,icon:fr.SETTINGS})}};const m=e.bind({});m.args={menu:wr};const u=e.bind({});u.args={menu:Br};const g=e.bind({});g.args={menu:Er};const b=e.bind({});b.args={menu:Nr};const x=e.bind({});x.args={disabled:!0};const S=e.bind({});S.args={tooltip:"Tooltip goes here"};const h=e.bind({});h.args={error:"Error goes here"};const T=e.bind({});T.args={warning:"Warning goes here"};const j=e.bind({});j.args={loading:!0,disabled:!0};const M=e.bind({});M.args={badgeTitle:"3"};const y=e.bind({});y.args={badgeDot:!0};const O=e.bind({});O.args={menu:Fr};const I=e.bind({});I.args={menu:Lr};const C=e.bind({});C.args={closeOnOptionClick:!1};const D=e.bind({});D.args={contextMenu:!0,menu:{...s,trigger:A.TEXT,label:"Right-click me"}};const f=e.bind({});f.args={width:"100%"};const k=e.bind({});k.args={menu:{...s,small:!0}};const R=e.bind({});R.args={menu:Pr};const w=e.bind({});w.args={menu:{...s,sections:r.jsx("div",{children:"Testing"})}};const B=e.bind({});B.args={menu:_r};const E=e.bind({});E.args={menu:Ar};const N=()=>{const[a,t]=Ir.useState(!1);return r.jsxs(Rr,{gap:!0,children:[r.jsx(W,{menu:s,open:a,setOpen:t}),r.jsx(X,{label:"Open",onClick:()=>t(!0),disabled:a}),r.jsx(X,{label:"Close",onClick:()=>t(!1),disabled:!a})]})},F=()=>r.jsxs(Cr,{children:[r.jsx(W,{menu:{label:"Go to",trigger:A.DROP_DOWN_BUTTON,sections:[{type:H.OPTION,label:"Dashboard",url:"/dashboard",component:J},{type:H.OPTION,label:"Settings",url:"/settings",component:J}]}}),r.jsxs(Dr,{children:[r.jsx(U,{path:"/dashboard",children:"Dashboard"}),r.jsx(U,{path:"/settings",children:"Settings"})]})]}),o=e.bind({});o.args={testId:"testId"};o.play=async({canvasElement:a,step:t})=>{const n=a.parentElement?kr(a.parentElement):null;await P(n).toBeTruthy(),n&&(await t("Clicking trigger should open menu",async()=>{const L=n.getByTestId("testId");await v.click(L);const i=n.getByTestId("testId-layer");await P(i).toBeInTheDocument()}),await t("Clicking disabled item should do nothing",async()=>{await n.getByText("Knight").click();const i=n.getByTestId("testId-layer");await P(i).toBeInTheDocument()}),await t("Clicking item should close menu",async()=>{const L=n.getByText("King");await v.click(L);const i=n.queryByTestId("testId-layer");await P(i).not.toBeInTheDocument()}))};N.__docgenInfo={description:"",methods:[],displayName:"ControlOpenStateFromParent"};F.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var G,K,q;_.parameters={..._.parameters,docs:{...(G=_.parameters)==null?void 0:G.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(q=(K=_.parameters)==null?void 0:K.docs)==null?void 0:q.source}}};var z,Q,V;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(V=(Q=c.parameters)==null?void 0:Q.docs)==null?void 0:V.source}}};var Y,Z,$;p.parameters={...p.parameters,docs:{...(Y=p.parameters)==null?void 0:Y.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...($=(Z=p.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,re,se;d.parameters={...d.parameters,docs:{...(ee=d.parameters)==null?void 0:ee.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(se=(re=d.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};var ae,ne,te;l.parameters={...l.parameters,docs:{...(ae=l.parameters)==null?void 0:ae.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(te=(ne=l.parameters)==null?void 0:ne.docs)==null?void 0:te.source}}};var oe,ie,ce;m.parameters={...m.parameters,docs:{...(oe=m.parameters)==null?void 0:oe.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(ce=(ie=m.parameters)==null?void 0:ie.docs)==null?void 0:ce.source}}};var pe,de,le;u.parameters={...u.parameters,docs:{...(pe=u.parameters)==null?void 0:pe.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(le=(de=u.parameters)==null?void 0:de.docs)==null?void 0:le.source}}};var me,ue,ge;g.parameters={...g.parameters,docs:{...(me=g.parameters)==null?void 0:me.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(ge=(ue=g.parameters)==null?void 0:ue.docs)==null?void 0:ge.source}}};var be,xe,Se;b.parameters={...b.parameters,docs:{...(be=b.parameters)==null?void 0:be.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(Se=(xe=b.parameters)==null?void 0:xe.docs)==null?void 0:Se.source}}};var he,Te,je;x.parameters={...x.parameters,docs:{...(he=x.parameters)==null?void 0:he.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(je=(Te=x.parameters)==null?void 0:Te.docs)==null?void 0:je.source}}};var Me,ye,Oe;S.parameters={...S.parameters,docs:{...(Me=S.parameters)==null?void 0:Me.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(Oe=(ye=S.parameters)==null?void 0:ye.docs)==null?void 0:Oe.source}}};var Ie,Ce,De;h.parameters={...h.parameters,docs:{...(Ie=h.parameters)==null?void 0:Ie.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(De=(Ce=h.parameters)==null?void 0:Ce.docs)==null?void 0:De.source}}};var fe,ke,Re;T.parameters={...T.parameters,docs:{...(fe=T.parameters)==null?void 0:fe.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(Re=(ke=T.parameters)==null?void 0:ke.docs)==null?void 0:Re.source}}};var we,Be,Ee;j.parameters={...j.parameters,docs:{...(we=j.parameters)==null?void 0:we.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(Ee=(Be=j.parameters)==null?void 0:Be.docs)==null?void 0:Ee.source}}};var Ne,Fe,Le;M.parameters={...M.parameters,docs:{...(Ne=M.parameters)==null?void 0:Ne.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(Le=(Fe=M.parameters)==null?void 0:Fe.docs)==null?void 0:Le.source}}};var Pe,_e,Ae;y.parameters={...y.parameters,docs:{...(Pe=y.parameters)==null?void 0:Pe.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(Ae=(_e=y.parameters)==null?void 0:_e.docs)==null?void 0:Ae.source}}};var We,Xe,Je;O.parameters={...O.parameters,docs:{...(We=O.parameters)==null?void 0:We.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(Je=(Xe=O.parameters)==null?void 0:Xe.docs)==null?void 0:Je.source}}};var Ue,ve,He;I.parameters={...I.parameters,docs:{...(Ue=I.parameters)==null?void 0:Ue.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(He=(ve=I.parameters)==null?void 0:ve.docs)==null?void 0:He.source}}};var Ge,Ke,qe;C.parameters={...C.parameters,docs:{...(Ge=C.parameters)==null?void 0:Ge.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(qe=(Ke=C.parameters)==null?void 0:Ke.docs)==null?void 0:qe.source}}};var ze,Qe,Ve;D.parameters={...D.parameters,docs:{...(ze=D.parameters)==null?void 0:ze.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(Ve=(Qe=D.parameters)==null?void 0:Qe.docs)==null?void 0:Ve.source}}};var Ye,Ze,$e;f.parameters={...f.parameters,docs:{...(Ye=f.parameters)==null?void 0:Ye.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...($e=(Ze=f.parameters)==null?void 0:Ze.docs)==null?void 0:$e.source}}};var er,rr,sr;k.parameters={...k.parameters,docs:{...(er=k.parameters)==null?void 0:er.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(sr=(rr=k.parameters)==null?void 0:rr.docs)==null?void 0:sr.source}}};var ar,nr,tr;R.parameters={...R.parameters,docs:{...(ar=R.parameters)==null?void 0:ar.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(tr=(nr=R.parameters)==null?void 0:nr.docs)==null?void 0:tr.source}}};var or,ir,cr;w.parameters={...w.parameters,docs:{...(or=w.parameters)==null?void 0:or.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(cr=(ir=w.parameters)==null?void 0:ir.docs)==null?void 0:cr.source}}};var pr,dr,lr;B.parameters={...B.parameters,docs:{...(pr=B.parameters)==null?void 0:pr.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(lr=(dr=B.parameters)==null?void 0:dr.docs)==null?void 0:lr.source}}};var mr,ur,gr;E.parameters={...E.parameters,docs:{...(mr=E.parameters)==null?void 0:mr.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(gr=(ur=E.parameters)==null?void 0:ur.docs)==null?void 0:gr.source}}};var br,xr,Sr;N.parameters={...N.parameters,docs:{...(br=N.parameters)==null?void 0:br.docs,source:{originalSource:`() => {
+  const [open, setOpen] = useState(false);
+  return <Flex gap>
+      <Menu menu={storyData.menu} open={open} setOpen={setOpen} />
+      <Button label="Open" onClick={() => setOpen(true)} disabled={open} />
+      <Button label="Close" onClick={() => setOpen(false)} disabled={!open} />
+    </Flex>;
+}`,...(Sr=(xr=N.parameters)==null?void 0:xr.docs)==null?void 0:Sr.source}}};var hr,Tr,jr;F.parameters={...F.parameters,docs:{...(hr=F.parameters)==null?void 0:hr.docs,source:{originalSource:`() => {
+  return <HashRouter>
+      <Menu menu={{
+      label: 'Go to',
+      trigger: TriggerType.DROP_DOWN_BUTTON,
+      sections: [{
+        type: MenuType.OPTION,
+        label: 'Dashboard',
+        url: '/dashboard',
+        component: Link
+      }, {
+        type: MenuType.OPTION,
+        label: 'Settings',
+        url: '/settings',
+        component: Link
+      }]
+    }} />
+      <Switch>
+        <Route path="/dashboard">Dashboard</Route>
+        <Route path="/settings">Settings</Route>
+      </Switch>
+    </HashRouter>;
+}`,...(jr=(Tr=F.parameters)==null?void 0:Tr.docs)==null?void 0:jr.source}}};var Mr,yr,Or;o.parameters={...o.parameters,docs:{...(Mr=o.parameters)==null?void 0:Mr.docs,source:{originalSource:`args => <Menu
+// eslint-disable-next-line react/jsx-props-no-spreading
+{...args} />`,...(Or=(yr=o.parameters)==null?void 0:yr.docs)==null?void 0:Or.source}}};const ds=["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","AsRouterLink","Test"];export{g as Actions,F as AsRouterLink,M as Badge,N as ControlOpenStateFromParent,l as CustomTrigger,_ as Default,u as DescriptionOnRight,p as DestructiveTrigger,x as Disabled,y as Dot,O as Empty,h as Error,m as FileUpload,f as FullWidth,b as Icons,w as JSXContent,R as JSXItems,j as Loading,E as Long,c as PrimaryTrigger,D as RightClickContextMenu,B as ShowAll,k as Small,I as Submenus,o as Test,d as TextTrigger,S as Tooltip,T as Warning,C as WithoutCloseOnOptionClick,ds as __namedExportsOrder,ps as default};

package/dist/storybook/assets/message-BYzRg8Ae.js

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

package/dist/storybook/assets/{message.stories-Dmk-t8hM.js → message.stories-K3bQ-5bJ.js}

@@ -1,4 +1,4 @@
-import{j as s}from"./jsx-runtime-eps93zm2.js";import{M as a,a as n}from"./message-ZenLdkrf.js";import{B as M}from"./button-VxhoNhrV.js";import{G as z}from"./grid-B6LFPf51.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";const{useArgs:J}=__STORYBOOK_MODULE_PREVIEW_API__,Q={visible:!0,heading:void 0,content:"Here is some info",withDismiss:!1,icon:!1,details:void 0,maxHeight:void 0,type:n.INFO},ce={title:"Basic/Message",component:a,args:{...Q},argTypes:{heading:{control:{type:"text"}},details:{control:{type:"text"}}}},e=u=>{const[X,y]=J(),c=()=>{y({visible:!1}),setTimeout(()=>{y({visible:!0})},1e3)};return s.jsxs(z,{gap:!0,children:[s.jsx(a,{message:{...u,onClose:c,type:n.INFO}}),s.jsx(a,{message:{...u,onClose:c,type:n.ERROR}}),s.jsx(a,{message:{...u,onClose:c,type:n.WARNING}}),s.jsx(a,{message:{...u,onClose:c,type:n.SUCCESS}})]})},C=e.bind({}),o=e.bind({});o.args={heading:"Message Heading"};const r=e.bind({});r.args={icon:!0};const t=e.bind({});t.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero."};const g=e.bind({});g.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero.",detailsVisible:!0};const l=e.bind({});l.args={type:n.ERROR,icon:!0,content:"Unable to sync because connection settings are not set.",footer:s.jsxs(s.Fragment,{children:[s.jsx(M,{small:!0,label:"Edit connection settings",colored:"primary"},"edit-settings"),s.jsx(M,{small:!0,label:"Cancel sync"},"cancel-sync"),","]})};const i=e.bind({});i.args={width:"100%"};const p=e.bind({});p.args={width:"300px"};const d=e.bind({});d.args={maxHeight:"100px",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)};const m=e.bind({});m.args={withDismiss:!0,onClose:()=>{}};var h,T,A;C.parameters={...C.parameters,docs:{...(h=C.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
+import{j as s}from"./jsx-runtime-eps93zm2.js";import{M as a,a as n}from"./message-BYzRg8Ae.js";import{B as M}from"./button-VxhoNhrV.js";import{G as z}from"./grid-B6LFPf51.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";const{useArgs:J}=__STORYBOOK_MODULE_PREVIEW_API__,Q={visible:!0,heading:void 0,content:"Here is some info",withDismiss:!1,icon:!1,details:void 0,maxHeight:void 0,type:n.INFO},ce={title:"Basic/Message",component:a,args:{...Q},argTypes:{heading:{control:{type:"text"}},details:{control:{type:"text"}}}},e=u=>{const[X,y]=J(),c=()=>{y({visible:!1}),setTimeout(()=>{y({visible:!0})},1e3)};return s.jsxs(z,{gap:!0,children:[s.jsx(a,{message:{...u,onClose:c,type:n.INFO}}),s.jsx(a,{message:{...u,onClose:c,type:n.ERROR}}),s.jsx(a,{message:{...u,onClose:c,type:n.WARNING}}),s.jsx(a,{message:{...u,onClose:c,type:n.SUCCESS}})]})},C=e.bind({}),o=e.bind({});o.args={heading:"Message Heading"};const r=e.bind({});r.args={icon:!0};const t=e.bind({});t.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero."};const g=e.bind({});g.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero.",detailsVisible:!0};const l=e.bind({});l.args={type:n.ERROR,icon:!0,content:"Unable to sync because connection settings are not set.",footer:s.jsxs(s.Fragment,{children:[s.jsx(M,{small:!0,label:"Edit connection settings",colored:"primary"},"edit-settings"),s.jsx(M,{small:!0,label:"Cancel sync"},"cancel-sync"),","]})};const i=e.bind({});i.args={width:"100%"};const p=e.bind({});p.args={width:"300px"};const d=e.bind({});d.args={maxHeight:"100px",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)};const m=e.bind({});m.args={withDismiss:!0,onClose:()=>{}};var h,T,A;C.parameters={...C.parameters,docs:{...(h=C.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
   const [_, updateArgs] = useArgs();
   const handleClose = () => {
     updateArgs({

package/dist/storybook/assets/modal.stories-Cct1SMOP.js

@@ -0,0 +1,220 @@
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{w as le,e as j,u as f}from"./index-DMAnyMX5.js";import{T as se}from"./common-types-Sih75Sav.js";import{M as v,D as h}from"./dialog-Di8hNunM.js";import{B as l}from"./button-VxhoNhrV.js";import{P as te}from"./popover-CzZdWNnB.js";import{I as ne}from"./input-BW9trNAW.js";import{I as ae}from"./input-group-BaRSJAEN.js";import{F as S}from"./field-HrLaMLbx.js";import{M as re}from"./actions-CHgr8eL8.js";import{S as ie}from"./select-C8iu4-uz.js";import{S as de}from"./spacer-BWoNR27H.js";import{T as ce}from"./tooltip-1V7clEnw.js";import{M as P}from"./types-BmbYqTX_.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./portal-GQ0_cLB6.js";import"./index-CUZDtIZe.js";import"./lodash-BHd_uQHh.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./types-UmZ4Y_CR.js";import"./label-CqmyC9he.js";import"./badge-CLQ59MDF.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-DIKP56UZ.js";const{useArgs:ge}=__STORYBOOK_MODULE_PREVIEW_API__,qe={title:"Modals/Modal",component:v,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(l,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(l,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},r=()=>{const[{visible:t,centered:a,...o},n]=ge(),s=()=>{n({visible:!t})};return e.jsxs(e.Fragment,{children:[e.jsx(v,{visible:t,centered:a,children:e.jsx(h,{dialog:{...o,onClose:s}})}),e.jsx(l,{label:"Open Modal",onClick:s})]})},C=r.bind({}),d=r.bind({});d.args={centered:!0};const c=r.bind({});c.args={content:["This is a","new line!"]};const g=r.bind({});g.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const p=r.bind({});p.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const m=r.bind({});m.args={contentPadding:0};const u=r.bind({});u.args={content:e.jsxs(e.Fragment,{children:[e.jsx(ce,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(de,{}),e.jsx(S,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(ie,{name:"example",options:["Aardvarks","Kangaroos","Monkeys","Possums","Gorilla","Puma","Patagonian Mara","Tarsier","Koala","Panda","Red Panda","Impala","Tiger","Crocodile","Bat"],onChange:()=>{},value:"Monkeys",error:"Bad value"})}),e.jsx(S,{label:"Nested Menu",children:e.jsx(re,{maxHeight:"240px",menu:{label:"Menu",trigger:se.DROP_DOWN_BUTTON,sections:[{type:P.MENU,menu:{trigger:"Text",label:"Children",sections:[...Array(100).keys()].map(()=>({type:"Option",label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:P.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(te,{content:e.jsxs(ae,{small:!0,children:[e.jsx(ne,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(l,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(l,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(l,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const b=()=>{const[t,a]=k.useState(!1),o=()=>{a(!0)},n=()=>{a(!1)},s=()=>{console.log("Submit action"),n()};return e.jsxs(e.Fragment,{children:[e.jsx(v,{visible:t,onEnter:()=>{console.log("Enter"),s()},onEscape:()=>{console.log("Escape"),n()},children:e.jsx(h,{dialog:{heading:"Test key handling",content:e.jsx(ne,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(l,{label:"Done",colored:"red",onClick:s}),e.jsx(l,{label:"Cancel",onClick:n})]}),onClose:n}})}),e.jsx(l,{label:"Open Modal",onClick:o})]})},M=()=>{const[t,a]=k.useState(!1),o=()=>a(!t),[n,s]=k.useState(!1),x=()=>s(!n);return e.jsxs(e.Fragment,{children:[e.jsx(v,{visible:t,children:e.jsx(h,{dialog:{heading:"Modal 1",content:"Lorem ipsum dolor sit amet",footer:e.jsxs(e.Fragment,{children:[e.jsx(l,{label:"Open modal 2",colored:!0,onClick:x}),e.jsx(v,{visible:n,children:e.jsx(h,{dialog:{heading:"Modal 2",content:"Lorem ipsum dolor sit amet",footer:e.jsx(l,{label:"Close",onClick:x}),onClose:x}})}),e.jsx(l,{label:"Close",onClick:o})]}),onClose:o}})}),e.jsx(l,{label:"Open modal 1",onClick:o})]})},i=r.bind({});i.args={testId:"testId"};i.play=async({canvasElement:t,step:a})=>{const o=t.parentElement?le(t.parentElement):null;await j(o).toBeTruthy(),o&&(await a("Modal should appear when triggered",async()=>{const n=o.getByText("Open Modal");await f.click(n);const s=o.getByTestId("testId");await j(s).toBeInTheDocument()}),await a("Modal should disappear when close button pressed",async()=>{const n=o.getByTestId("testId"),s=o.getByTestId("testId-dismiss");await f.click(s),await j(n).not.toBeInTheDocument()}))};b.__docgenInfo={description:"",methods:[],displayName:"KeyHandle"};M.__docgenInfo={description:"",methods:[],displayName:"MultipleModals"};var y,A,B;C.parameters={...C.parameters,docs:{...(y=C.parameters)==null?void 0:y.docs,source:{originalSource:`() => {
+  const [{
+    visible,
+    centered,
+    ...dialogProps
+  }, updateArgs] = useArgs();
+  const toggleModal = () => {
+    updateArgs({
+      visible: !visible
+    });
+  };
+  return <>
+      <Modal visible={visible} centered={centered}>
+        <Dialog dialog={{
+        ...dialogProps,
+        onClose: toggleModal
+      }} />
+      </Modal>
+      <Button label="Open Modal" onClick={toggleModal} />
+    </>;
+}`,...(B=(A=C.parameters)==null?void 0:A.docs)==null?void 0:B.source}}};var T,O,D;d.parameters={...d.parameters,docs:{...(T=d.parameters)==null?void 0:T.docs,source:{originalSource:`() => {
+  const [{
+    visible,
+    centered,
+    ...dialogProps
+  }, updateArgs] = useArgs();
+  const toggleModal = () => {
+    updateArgs({
+      visible: !visible
+    });
+  };
+  return <>
+      <Modal visible={visible} centered={centered}>
+        <Dialog dialog={{
+        ...dialogProps,
+        onClose: toggleModal
+      }} />
+      </Modal>
+      <Button label="Open Modal" onClick={toggleModal} />
+    </>;
+}`,...(D=(O=d.parameters)==null?void 0:O.docs)==null?void 0:D.source}}};var V,I,E;c.parameters={...c.parameters,docs:{...(V=c.parameters)==null?void 0:V.docs,source:{originalSource:`() => {
+  const [{
+    visible,
+    centered,
+    ...dialogProps
+  }, updateArgs] = useArgs();
+  const toggleModal = () => {
+    updateArgs({
+      visible: !visible
+    });
+  };
+  return <>
+      <Modal visible={visible} centered={centered}>
+        <Dialog dialog={{
+        ...dialogProps,
+        onClose: toggleModal
+      }} />
+      </Modal>
+      <Button label="Open Modal" onClick={toggleModal} />
+    </>;
+}`,...(E=(I=c.parameters)==null?void 0:I.docs)==null?void 0:E.source}}};var w,_,F;g.parameters={...g.parameters,docs:{...(w=g.parameters)==null?void 0:w.docs,source:{originalSource:`() => {
+  const [{
+    visible,
+    centered,
+    ...dialogProps
+  }, updateArgs] = useArgs();
+  const toggleModal = () => {
+    updateArgs({
+      visible: !visible
+    });
+  };
+  return <>
+      <Modal visible={visible} centered={centered}>
+        <Dialog dialog={{
+        ...dialogProps,
+        onClose: toggleModal
+      }} />
+      </Modal>
+      <Button label="Open Modal" onClick={toggleModal} />
+    </>;
+}`,...(F=(_=g.parameters)==null?void 0:_.docs)==null?void 0:F.source}}};var L,N,H;p.parameters={...p.parameters,docs:{...(L=p.parameters)==null?void 0:L.docs,source:{originalSource:`() => {
+  const [{
+    visible,
+    centered,
+    ...dialogProps
+  }, updateArgs] = useArgs();
+  const toggleModal = () => {
+    updateArgs({
+      visible: !visible
+    });
+  };
+  return <>
+      <Modal visible={visible} centered={centered}>
+        <Dialog dialog={{
+        ...dialogProps,
+        onClose: toggleModal
+      }} />
+      </Modal>
+      <Button label="Open Modal" onClick={toggleModal} />
+    </>;
+}`,...(H=(N=p.parameters)==null?void 0:N.docs)==null?void 0:H.source}}};var K,W,R;m.parameters={...m.parameters,docs:{...(K=m.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
+  const [{
+    visible,
+    centered,
+    ...dialogProps
+  }, updateArgs] = useArgs();
+  const toggleModal = () => {
+    updateArgs({
+      visible: !visible
+    });
+  };
+  return <>
+      <Modal visible={visible} centered={centered}>
+        <Dialog dialog={{
+        ...dialogProps,
+        onClose: toggleModal
+      }} />
+      </Modal>
+      <Button label="Open Modal" onClick={toggleModal} />
+    </>;
+}`,...(R=(W=m.parameters)==null?void 0:W.docs)==null?void 0:R.source}}};var U,G,Y;u.parameters={...u.parameters,docs:{...(U=u.parameters)==null?void 0:U.docs,source:{originalSource:`() => {
+  const [{
+    visible,
+    centered,
+    ...dialogProps
+  }, updateArgs] = useArgs();
+  const toggleModal = () => {
+    updateArgs({
+      visible: !visible
+    });
+  };
+  return <>
+      <Modal visible={visible} centered={centered}>
+        <Dialog dialog={{
+        ...dialogProps,
+        onClose: toggleModal
+      }} />
+      </Modal>
+      <Button label="Open Modal" onClick={toggleModal} />
+    </>;
+}`,...(Y=(G=u.parameters)==null?void 0:G.docs)==null?void 0:Y.source}}};var q,z,J;b.parameters={...b.parameters,docs:{...(q=b.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
+  const [visible, setVisible] = useState(false);
+  const openModal = () => {
+    setVisible(true);
+  };
+  const closeModal = () => {
+    setVisible(false);
+  };
+  const handleSubmit = () => {
+    console.log('Submit action');
+    closeModal();
+  };
+  return <>
+      <Modal visible={visible} onEnter={() => {
+      console.log('Enter');
+      handleSubmit();
+    }} onEscape={() => {
+      console.log('Escape');
+      closeModal();
+    }}>
+        <Dialog dialog={{
+        heading: 'Test key handling',
+        content: <Input />,
+        footer: <>
+                <Button label="Done" colored="red" onClick={handleSubmit} />
+                <Button label="Cancel" onClick={closeModal} />
+              </>,
+        onClose: closeModal
+      }} />
+      </Modal>
+      <Button label="Open Modal" onClick={openModal} />
+    </>;
+}`,...(J=(z=b.parameters)==null?void 0:z.docs)==null?void 0:J.source}}};var Q,X,Z;M.parameters={...M.parameters,docs:{...(Q=M.parameters)==null?void 0:Q.docs,source:{originalSource:`() => {
+  const [visible1, setVisible1] = useState(false);
+  const toggleVisible1 = () => setVisible1(!visible1);
+  const [visible2, setVisible2] = useState(false);
+  const toggleVisible2 = () => setVisible2(!visible2);
+  return <>
+      <Modal visible={visible1}>
+        <Dialog dialog={{
+        heading: 'Modal 1',
+        content: 'Lorem ipsum dolor sit amet',
+        footer: <>
+                <Button label="Open modal 2" colored onClick={toggleVisible2} />
+                <Modal visible={visible2}>
+                  <Dialog dialog={{
+              heading: 'Modal 2',
+              content: 'Lorem ipsum dolor sit amet',
+              footer: <Button label="Close" onClick={toggleVisible2} />,
+              onClose: toggleVisible2
+            }} />
+                </Modal>
+                <Button label="Close" onClick={toggleVisible1} />
+              </>,
+        onClose: toggleVisible1
+      }} />
+      </Modal>
+      <Button label="Open modal 1" onClick={toggleVisible1} />
+    </>;
+}`,...(Z=(X=M.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,oe;i.parameters={...i.parameters,docs:{...($=i.parameters)==null?void 0:$.docs,source:{originalSource:`() => {
+  const [{
+    visible,
+    centered,
+    ...dialogProps
+  }, updateArgs] = useArgs();
+  const toggleModal = () => {
+    updateArgs({
+      visible: !visible
+    });
+  };
+  return <>
+      <Modal visible={visible} centered={centered}>
+        <Dialog dialog={{
+        ...dialogProps,
+        onClose: toggleModal
+      }} />
+      </Modal>
+      <Button label="Open Modal" onClick={toggleModal} />
+    </>;
+}`,...(oe=(ee=i.parameters)==null?void 0:ee.docs)==null?void 0:oe.source}}};const ze=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers","KeyHandle","MultipleModals","Test"];export{d as Centered,C as Default,p as FullWidth,b as KeyHandle,c as LineBreak,M as MultipleModals,m as NoContentPadding,g as Scroll,i as Test,u as WithPopoverLayers,ze as __namedExportsOrder,qe as default};

package/dist/storybook/assets/number-input.stories-C2QTTzzN.js

@@ -0,0 +1,110 @@
+import{j as p}from"./jsx-runtime-eps93zm2.js";import{r as de}from"./index-DhsZuJvc.js";import{w as D,u as e,e as u,f as me}from"./index-DMAnyMX5.js";import{d as he}from"./index-CWz-hU-f.js";import{N as A}from"./number-input-uQOVHv2N.js";import{I as ve}from"./input-group-BaRSJAEN.js";import{I as Ie}from"./input-group-addon-D68iUKV2.js";import{S as ye}from"./select-C8iu4-uz.js";import"./index-CF7H4eMJ.js";import"./index-DRSy5Ssd.js";import"./lodash-BHd_uQHh.js";import"./input-BW9trNAW.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./common-types-Sih75Sav.js";import"./index-CEuq6vkz.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-CHgr8eL8.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";const{useArgs:Ce}=__STORYBOOK_MODULE_PREVIEW_API__,Xe={title:"Forms/NumberInput",component:A,parameters:{canvas:{page:null}},args:{label:"Label"}},s=n=>{const[r,a]=Ce(),o=t=>{a({value:t.target.value})};return p.jsx(A,{onChange:o,value:123,...n})},T=s.bind({}),c=s.bind({});c.args={small:!0};const g=s.bind({});g.args={width:"150px"};const d=s.bind({});d.args={left:!0};const m=s.bind({});m.args={disabled:!0};const h=s.bind({});h.args={allowEmpty:!0,value:""};const v=s.bind({});v.args={warning:"This input number is almost 100!",value:"99"};const I=s.bind({});I.args={error:"This is a error message"};const y=s.bind({});y.args={value:"123test"};const C=s.bind({});C.args={value:"123.123456789",enableDisplayRounding:!0};const w=s.bind({});w.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:n=>he.roundToFixed(n,4)};const b=()=>p.jsxs(ve,{small:!0,children:[p.jsx(A,{value:123}),p.jsx(Ie,{children:"to"}),p.jsx(A,{value:123}),p.jsx(ye,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),l=s.bind({});l.args={testId:"testId",enableDisplayRounding:!0};l.play=async({canvasElement:n,step:r})=>{const a=D(n);await r("Value should be rounded on blur",async()=>{const o=a.getByTestId("testId");await e.clear(o),await e.type(o,"123.123456789"),await e.click(n),await u(a.getByDisplayValue("123.12")).toBeInTheDocument()}),await r("Full value shown on focus",async()=>{const o=a.getByTestId("testId");await e.click(o),await u(a.getByDisplayValue("123.123456789")).toBeInTheDocument()})};const i=()=>{const[n,r]=de.useState("123");return p.jsx(A,{value:n,onChange:a=>{r(a.target.value)},testId:"testId"})};i.play=async({canvasElement:n,step:r})=>{const a=D(n),o=D(n.ownerDocument.body);await r("Can enter decimal values",async()=>{const t=a.getByTestId("testId");await e.clear(t),await e.type(t,"123.123456789"),await e.click(n),await u(a.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await r("Can enter scientific notation",async()=>{const t=a.getByTestId("testId");await e.clear(t),await e.type(t,"-1.12e3"),await e.click(n),await u(a.getByDisplayValue("-1.12e3")).toBeInTheDocument()}),await r("Can enter comma decimals (converts to dot)",async()=>{const t=a.getByTestId("testId");await e.clear(t),await e.type(t,"123,456"),await e.click(n),await u(a.getByDisplayValue("123.456")).toBeInTheDocument()}),await r("Can enter small numbers",async()=>{const t=a.getByTestId("testId");await e.clear(t),await e.type(t,"0.0000000023"),await e.click(n),await u(a.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await r("Can enter large numbers",async()=>{const t=a.getByTestId("testId");await e.clear(t),await e.type(t,"999999999999"),await e.click(n),await u(a.getByDisplayValue("999999999999")).toBeInTheDocument()}),await r("Shows validation error for non-numeric input",async()=>{const t=a.getByTestId("testId");await e.clear(t),await e.type(t,"123x45s6"),await e.click(n),await u(a.getByDisplayValue("123x45s6")).toBeInTheDocument(),await me.mouseOver(t),await u(o.getByText("Must be a numerical value")).toBeInTheDocument()})};b.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};i.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestUserInput"};var E,B,_;T.parameters={...T.parameters,docs:{...(E=T.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(_=(B=T.parameters)==null?void 0:B.docs)==null?void 0:_.source}}};var f,S,N;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(N=(S=c.parameters)==null?void 0:S.docs)==null?void 0:N.source}}};var x,L,M;g.parameters={...g.parameters,docs:{...(x=g.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(M=(L=g.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};var V,H,R;d.parameters={...d.parameters,docs:{...(V=d.parameters)==null?void 0:V.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(R=(H=d.parameters)==null?void 0:H.docs)==null?void 0:R.source}}};var j,k,G;m.parameters={...m.parameters,docs:{...(j=m.parameters)==null?void 0:j.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(G=(k=m.parameters)==null?void 0:k.docs)==null?void 0:G.source}}};var W,O,U;h.parameters={...h.parameters,docs:{...(W=h.parameters)==null?void 0:W.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(U=(O=h.parameters)==null?void 0:O.docs)==null?void 0:U.source}}};var F,P,K;v.parameters={...v.parameters,docs:{...(F=v.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(K=(P=v.parameters)==null?void 0:P.docs)==null?void 0:K.source}}};var Y,q,z;I.parameters={...I.parameters,docs:{...(Y=I.parameters)==null?void 0:Y.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(z=(q=I.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var J,Q,X;y.parameters={...y.parameters,docs:{...(J=y.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(X=(Q=y.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Z,$,ee;C.parameters={...C.parameters,docs:{...(Z=C.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(ee=($=C.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};var ae,te,ne;w.parameters={...w.parameters,docs:{...(ae=w.parameters)==null?void 0:ae.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(ne=(te=w.parameters)==null?void 0:te.docs)==null?void 0:ne.source}}};var re,se,ue;b.parameters={...b.parameters,docs:{...(re=b.parameters)==null?void 0:re.docs,source:{originalSource:`() => <InputGroup small>
+    <NumberInput value={123} />
+    <InputGroupAddon>to</InputGroupAddon>
+    <NumberInput value={123} />
+    <Select options={[{
+    value: 'units',
+    label: 'units'
+  }]} width="auto" value="units" />
+  </InputGroup>`,...(ue=(se=b.parameters)==null?void 0:se.docs)==null?void 0:ue.source}}};var oe,pe,le;l.parameters={...l.parameters,docs:{...(oe=l.parameters)==null?void 0:oe.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <NumberInput onChange={handleChange} value={123} {...args} />;
+}`,...(le=(pe=l.parameters)==null?void 0:pe.docs)==null?void 0:le.source}}};var ie,ce,ge;i.parameters={...i.parameters,docs:{...(ie=i.parameters)==null?void 0:ie.docs,source:{originalSource:`() => {
+  const [value, setValue] = useState('123');
+  return <NumberInput value={value} onChange={evt => {
+    setValue(evt.target.value);
+  }} testId="testId" />;
+}`,...(ge=(ce=i.parameters)==null?void 0:ce.docs)==null?void 0:ge.source}}};const Ze=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","WithDisplayRounding","WithCustomDisplayRounding","TestInputGroup","TestDisplayRounding","TestUserInput"];export{h as AllowEmpty,y as BadInput,T as Default,m as Disabled,I as Error,d as Left,c as Small,l as TestDisplayRounding,b as TestInputGroup,i as TestUserInput,v as Warning,g as Width,w as WithCustomDisplayRounding,C as WithDisplayRounding,Ze as __namedExportsOrder,Xe as default};

package/dist/storybook/assets/{padding-and-spacing-D7O49YoW.js → padding-and-spacing-CPgb4ZMT.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Z as t}from"./index-DCGYYCUT.js";import"./index-DhsZuJvc.js";import"./iframe-CgUc-Ukp.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";function i(s){const n={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Padding, Margin & Size"}),`
+import{j as e}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as r}from"./index-BcNHZKhG.js";import{Z as t}from"./index-Dx_aqqZM.js";import"./index-DhsZuJvc.js";import"./iframe-0oHxQxyh.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";function i(s){const n={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...r(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(t,{title:"Padding, Margin & Size"}),`
 `,e.jsx(n.h1,{id:"padding-margin--size",children:"Padding, Margin & Size"}),`
 `,e.jsx(n.h2,{id:"padding--margin",children:"Padding & Margin"}),`
 `,e.jsx(n.p,{children:"There are standard CSS spacing variables for padding and margin."}),`