@oliasoft-open-source/react-ui-library 4.8.0-beta-1 → 4.8.0-beta-3

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

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

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

@@ -1 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as N}from"./index-DhsZuJvc.js";import{c}from"./index-Bk2sglWO.js";import{I as o}from"./common-types-Sih75Sav.js";import{I as a}from"./icon-BSFY3vDO.js";const T="_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",z="_heading_s49vk_124",H="_icon_s49vk_131",U="_dismiss_s49vk_139",q="_absolute_s49vk_143",V="_legendToggle_s49vk_155",M="_detailsText_s49vk_165",B="_footer_s49vk_169",n={inputInTable:T,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:z,icon:H,dismiss:U,absolute:q,legendToggle:V,detailsText:M,footer:B};var i=(s=>(s.INFO="Info",s.SUCCESS="Success",s.WARNING="Warning",s.ERROR="Error",s))(i||{}),l=(s=>(s.TOGGLE_DETAILS="TOGGLE_DETAILS",s))(l||{});const p=({type:s,onClose:r,isInToast:t})=>e.jsx("div",{className:c(n.dismiss,t?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:r})});p.__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:""}}};const J=(s,r)=>{switch(r.type){case l.TOGGLE_DETAILS:return{...s,detailsVisible:!s.detailsVisible};default:return s}},K=({details:s,visible:r,dispatch:t})=>e.jsxs("div",{children:[e.jsx("div",{className:c(n.legendToggle),onClick:t,children:r?"Hide details":"Show details"}),r?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:r,type:t=i.INFO,icon:g,heading:d,content:v,details:u,detailsVisible:h=!1,footer:_,withDismiss:x,onClose:I,width:m,maxHeight:S}=s,k={detailsVisible:h},[E,f]=N.useReducer(J,k);return e.jsx(e.Fragment,{children:r?e.jsxs("div",{className:c(n.container,m?n.block:null,t===i.SUCCESS?n.success:t===i.WARNING?n.warning:t===i.ERROR?n.error:n.info),style:{width:m,maxHeight:S},children:[e.jsx("div",{children:g?e.jsx("div",{className:n.icon,children:e.jsx(P,{type:t})}):null}),e.jsxs("div",{className:n.content,children:[d?e.jsx("div",{className:n.heading,children:d}):null,e.jsx("div",{children:v}),u?e.jsx(K,{details:u,visible:E.detailsVisible,dispatch:()=>f({type:l.TOGGLE_DETAILS})}):null,!!_&&e.jsx("div",{className:n.footer,children:_})]}),x?e.jsx(p,{type:t,onClose:I}):null]}):null})};Q.__docgenInfo={description:"",methods:[],displayName:"Message",props:{message:{required:!0,tsType:{name:"IMessage"},description:""}}};export{p as D,Q as M,i as a};

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

@@ -1,200 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as h}from"./index-DhsZuJvc.js";import{T as X}from"./common-types-Sih75Sav.js";import{M,D as C}from"./dialog-B-R6eAnf.js";import{B as o}from"./button-CdEIDAx8.js";import{P as Z}from"./popover-CvS_kBVF.js";import{I as Q}from"./input-D97ganXq.js";import{I as $}from"./input-group-BaRSJAEN.js";import{F as j}from"./field-nInV3MuR.js";import{M as ee}from"./actions-4w-EOz3m.js";import{S as oe}from"./select-BPp24Pdw.js";import{S as le}from"./spacer-BWoNR27H.js";import{T as ne}from"./tooltip-C_E_6ym5.js";import{M as k}from"./types-BmbYqTX_.js";import"./index-Bk2sglWO.js";import"./portal-GQ0_cLB6.js";import"./index-CUZDtIZe.js";import"./lodash-BHd_uQHh.js";import"./heading-EzI5s4VN.js";import"./help-icon-CfV3_Ais.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-Cz6TT90s.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:se}=__STORYBOOK_MODULE_PREVIEW_API__,Ne={title:"Modals/Modal",component:M,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(o,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},a=()=>{const[{visible:n,centered:r,...s},l]=se(),t=()=>{l({visible:!n})};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:n,centered:r,children:e.jsx(C,{dialog:{...s,onClose:t}})}),e.jsx(o,{label:"Open Modal",onClick:t})]})},v=a.bind({}),i=a.bind({});i.args={centered:!0};const d=a.bind({});d.args={content:["This is a","new line!"]};const c=a.bind({});c.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const g=a.bind({});g.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const p=a.bind({});p.args={contentPadding:0};const m=a.bind({});m.args={content:e.jsxs(e.Fragment,{children:[e.jsx(ne,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(le,{}),e.jsx(j,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(oe,{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(j,{label:"Nested Menu",children:e.jsx(ee,{maxHeight:"240px",menu:{label:"Menu",trigger:X.DROP_DOWN_BUTTON,sections:[{type:k.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:k.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(Z,{content:e.jsxs($,{small:!0,children:[e.jsx(Q,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(o,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(o,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const u=()=>{const[n,r]=h.useState(!1),s=()=>{r(!0)},l=()=>{r(!1)},t=()=>{console.log("Submit action"),l()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:n,onEnter:()=>{console.log("Enter"),t()},onEscape:()=>{console.log("Escape"),l()},children:e.jsx(C,{dialog:{heading:"Test key handling",content:e.jsx(Q,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Done",colored:"red",onClick:t}),e.jsx(o,{label:"Cancel",onClick:l})]}),onClose:l}})}),e.jsx(o,{label:"Open Modal",onClick:s})]})},b=()=>{const[n,r]=h.useState(!1),s=()=>r(!n),[l,t]=h.useState(!1),x=()=>t(!l);return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:n,children:e.jsx(C,{dialog:{heading:"Modal 1",content:"Lorem ipsum dolor sit amet",footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Open modal 2",colored:!0,onClick:x}),e.jsx(M,{visible:l,children:e.jsx(C,{dialog:{heading:"Modal 2",content:"Lorem ipsum dolor sit amet",footer:e.jsx(o,{label:"Close",onClick:x}),onClose:x}})}),e.jsx(o,{label:"Close",onClick:s})]}),onClose:s}})}),e.jsx(o,{label:"Open modal 1",onClick:s})]})};u.__docgenInfo={description:"",methods:[],displayName:"KeyHandle"};b.__docgenInfo={description:"",methods:[],displayName:"MultipleModals"};var f,S,P;v.parameters={...v.parameters,docs:{...(f=v.parameters)==null?void 0:f.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} />
-    </>;
-}`,...(P=(S=v.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var A,O,y;i.parameters={...i.parameters,docs:{...(A=i.parameters)==null?void 0:A.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=(O=i.parameters)==null?void 0:O.docs)==null?void 0:y.source}}};var B,V,T;d.parameters={...d.parameters,docs:{...(B=d.parameters)==null?void 0:B.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} />
-    </>;
-}`,...(T=(V=d.parameters)==null?void 0:V.docs)==null?void 0:T.source}}};var D,E,_;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.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=c.parameters)==null?void 0:E.docs)==null?void 0:_.source}}};var F,I,L;g.parameters={...g.parameters,docs:{...(F=g.parameters)==null?void 0:F.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} />
-    </>;
-}`,...(L=(I=g.parameters)==null?void 0:I.docs)==null?void 0:L.source}}};var N,H,K;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.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} />
-    </>;
-}`,...(K=(H=p.parameters)==null?void 0:H.docs)==null?void 0:K.source}}};var W,w,R;m.parameters={...m.parameters,docs:{...(W=m.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} />
-    </>;
-}`,...(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, 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} />
-    </>;
-}`,...(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 [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} />
-    </>;
-}`,...(J=(z=b.parameters)==null?void 0:z.docs)==null?void 0:J.source}}};const He=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers","KeyHandle","MultipleModals"];export{i as Centered,v as Default,g as FullWidth,u as KeyHandle,d as LineBreak,b as MultipleModals,p as NoContentPadding,c as Scroll,m as WithPopoverLayers,He as __namedExportsOrder,Ne as default};

package/dist/storybook/assets/number-input-RV1zn3_t.js

@@ -1,4 +0,0 @@
-import{j as V}from"./jsx-runtime-eps93zm2.js";import{r as a}from"./index-DhsZuJvc.js";import{d as m}from"./index-DGl0obec.js";import{K as J,E as Q}from"./select-BPp24Pdw.js";import{l as X}from"./lodash-BHd_uQHh.js";import{I as Y}from"./input-D97ganXq.js";const $=14,ee=n=>m.isScientificStringNum(n)?n:m.roundToPrecision(n,$),ne=n=>n?typeof n=="string"?n:X.isArray(n)?n[0]:n.fieldName:"",te=({name:n,placeholder:c="",disabled:q=!1,error:g=!1,left:w=!1,small:h=!1,width:S="100%",value:d="",onChange:R=()=>{},onFocus:C=()=>{},onBlur:F=()=>{},tabIndex:x=0,testId:M,tooltip:H=null,warning:L=!1,validationCallback:y=()=>{},allowEmpty:j=!1,isInTable:_,groupOrder:K,enableCosmeticRounding:v=!0,enableDisplayRounding:p=!1,roundDisplayValue:T,disableInternalErrorValidationMessages:O=!1})=>{const r=a.useRef(null),[s,E]=a.useState(String(d)),[u,b]=a.useState(!1),[A,k]=a.useState(!0),i=ne(n),B=e=>{const t=m.validateNumber(e);return j&&e===""||t.valid?{...t,valid:!0,errors:void 0}:t},{valid:o,errors:f}=B(s),N=f&&f.length&&!O?f[0]:null;a.useEffect(()=>{E(String(d))},[d,v,p]),a.useEffect(()=>{!u&&!o?y(i,N):y(i,null)},[u,o,g]);const I=e=>{if(o&&!A){const t={...e,target:{...e.target,value:String(s),name:i}};R(t)}},D=e=>{const t=e.target,{value:Z}=t,z=m.cleanNumStr(Z.replaceAll(" ","").replaceAll("|",""));E(z),k(!1)};a.useEffect(()=>{if(r&&(r!=null&&r.current)&&p&&u){const e=r.current;e&&setTimeout(()=>{const{length:t}=String(s);e.setSelectionRange(t,t)},0)}},[u]);const P=e=>{b(!0),C(e)},U=e=>{b(!1),I(e),F(e)},l=p&&!u&&o?T?String(T(s)):m.roundToFixed(s,2):s,W=!!(l!=null&&l.endsWith("0")),G=v&&l&&!W&&o?ee(l):l;return V.jsx(J,{handleKeys:[Q.ENTER],onKeyEvent:(e,t)=>I(t),children:V.jsx(Y,{type:"text",name:i,testId:M,disabled:q,placeholder:c,value:G,onChange:D,onFocus:P,onBlur:U,error:!u&&(N||g),warning:L,right:!w,small:h,width:S,isInTable:_,groupOrder:K,tabIndex:x,tooltip:H,ref:r},i)})};te.__docgenInfo={description:"",methods:[],displayName:"NumberInput",props:{name:{required:!1,tsType:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},left:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},value:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: ChangeEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLInputElement"}],raw:"ChangeEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},validationCallback:{required:!1,tsType:{name:"signature",type:"function",raw:`(
-  name: string | { fieldName: string },
-  error: string | null,
-) => void`,signature:{arguments:[{type:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},name:"name"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"error"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},allowEmpty:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"any"},description:""},enableCosmeticRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},roundDisplayValue:{required:!1,tsType:{name:"signature",type:"function",raw:"(args: TStringNumberNull) => TStringNumberNull",signature:{arguments:[{type:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},name:"args"}],return:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]}}},description:""},disableInternalErrorValidationMessages:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};export{te as N,ee as r};

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

@@ -1,153 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as d}from"./index-DhsZuJvc.js";import{d as Ae}from"./index-DGl0obec.js";import{S as T}from"./spacer-BWoNR27H.js";import{G as Ee}from"./grid-B6LFPf51.js";import{F as y}from"./field-nInV3MuR.js";import{T as _}from"./toggle-D0yzyALV.js";import{I as Re}from"./input-group-BaRSJAEN.js";import{I as je}from"./input-group-addon-D68iUKV2.js";import{S as Te}from"./select-BPp24Pdw.js";import{C as s}from"./card-EcjmryU9.js";import{B as xe}from"./button-CdEIDAx8.js";import{H as o}from"./heading-EzI5s4VN.js";import{T as Ne}from"./text-B3-TSWok.js";import{M as Me}from"./message-ZenLdkrf.js";import{N as u}from"./number-input-RV1zn3_t.js";import"./index-DRSy5Ssd.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./index-Bk2sglWO.js";import"./label-Cz6TT90s.js";import"./common-types-Sih75Sav.js";import"./help-icon-CfV3_Ais.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-4w-EOz3m.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./spinner-AWUe4xwQ.js";import"./input-D97ganXq.js";const{useArgs:ye}=__STORYBOOK_MODULE_PREVIEW_API__,va={title:"Forms/NumberInput",component:u,parameters:{canvas:{page:null}},args:{label:"Label"}},a=n=>{const[l,t]=ye(),R=i=>{t({value:i.target.value})};return e.jsx(u,{onChange:R,value:123,...n})},A=a.bind({}),g=a.bind({});g.args={small:!0};const c=a.bind({});c.args={width:"150px"};const p=a.bind({});p.args={left:!0};const m=a.bind({});m.args={disabled:!0};const h=a.bind({});h.args={allowEmpty:!0,value:""};const v=a.bind({});v.args={warning:"This input number is almost 100!",value:"99"};const C=a.bind({});C.args={error:"This is a error message"};const b=a.bind({});b.args={value:"123test"};const I=a.bind({});I.args={value:"123.123456789",enableDisplayRounding:!0};const E=a.bind({});E.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:n=>Ae.roundToFixed(n,4)};const x=()=>e.jsxs(Re,{small:!0,children:[e.jsx(u,{value:123}),e.jsx(je,{children:"to"}),e.jsx(u,{value:123}),e.jsx(Te,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),S=()=>{const[n,l]=d.useState("123");return e.jsxs(Ee,{columns:"1fr 1fr",gap:!0,children:[e.jsxs(s,{heading:e.jsx(o,{children:"Storage State (Redux)"}),children:[n,e.jsx(T,{}),e.jsx(xe,{label:"Change value",onClick:()=>l(String(Math.floor(Math.random()*100)))})]}),e.jsx(s,{heading:e.jsx(o,{children:"NumberInput"}),children:e.jsx(u,{value:n,onChange:t=>{l(t.target.value)},error:Number(n)>=0?"":"Value must be positive"})})]})},f=()=>{const[n,l]=d.useState(!1),[t,R]=d.useState(!0),[i,N]=d.useState("0.6889763779527558"),[M,Se]=d.useState(""),fe=Number(i)*.3048;return e.jsxs(Ee,{columns:"1fr 1fr",gap:!0,children:[e.jsxs(s,{heading:e.jsx(o,{children:"Settings"}),children:[e.jsx(y,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:e.jsx(_,{checked:n,onChange:r=>l(r.target.checked)})}),e.jsx(y,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:e.jsx(_,{checked:t,onChange:r=>R(r.target.checked)})})]}),e.jsxs(s,{heading:e.jsx(o,{children:"NumberInput (displayed in Meters)"}),children:[e.jsx(Ne,{faint:!0,children:"Cosmetic Rounding Test Cases: type 0.21 then return (compare with enableCosmeticRounding on and off)"}),e.jsx(T,{}),e.jsx(u,{name:"Example",value:fe,onChange:r=>{const j=String(Number(r.target.value)/.3048);N(j)},enableDisplayRounding:n,enableCosmeticRounding:t,error:Number(i)>=0?"":"Value must be positive",validationCallback:(r,j)=>{Se(j??"")}})]}),e.jsxs(s,{heading:e.jsx(o,{children:"Storage State / Redux (stored in Feet)"}),children:[i,e.jsx(T,{}),e.jsx(xe,{label:"Change value",onClick:()=>N(String(Math.floor(Math.random()*100)))})]}),e.jsx(s,{heading:e.jsx(o,{children:"Test Validation Callback"}),children:M&&e.jsx(Me,{message:{content:M,icon:!0,type:"Error",visible:!0}})})]})};x.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};S.__docgenInfo={description:"",methods:[],displayName:"ManagedTestCase"};f.__docgenInfo={description:"",methods:[],displayName:"DemoCosmeticRounding"};var H,k,D;A.parameters={...A.parameters,docs:{...(H=A.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(D=(k=A.parameters)==null?void 0:k.docs)==null?void 0:D.source}}};var F,L,V;g.parameters={...g.parameters,docs:{...(F=g.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} />;
-}`,...(V=(L=g.parameters)==null?void 0:L.docs)==null?void 0:V.source}}};var G,B,W;c.parameters={...c.parameters,docs:{...(G=c.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(W=(B=c.parameters)==null?void 0:B.docs)==null?void 0:W.source}}};var w,O,P;p.parameters={...p.parameters,docs:{...(w=p.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} />;
-}`,...(P=(O=p.parameters)==null?void 0:O.docs)==null?void 0:P.source}}};var K,U,Y;m.parameters={...m.parameters,docs:{...(K=m.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(Y=(U=m.parameters)==null?void 0:U.docs)==null?void 0:Y.source}}};var q,z,J;h.parameters={...h.parameters,docs:{...(q=h.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(J=(z=h.parameters)==null?void 0:z.docs)==null?void 0:J.source}}};var Q,X,Z;v.parameters={...v.parameters,docs:{...(Q=v.parameters)==null?void 0:Q.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=(X=v.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,ae;C.parameters={...C.parameters,docs:{...($=C.parameters)==null?void 0:$.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(ae=(ee=C.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var ne,te,re;b.parameters={...b.parameters,docs:{...(ne=b.parameters)==null?void 0:ne.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(re=(te=b.parameters)==null?void 0:te.docs)==null?void 0:re.source}}};var se,oe,ue;I.parameters={...I.parameters,docs:{...(se=I.parameters)==null?void 0:se.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(ue=(oe=I.parameters)==null?void 0:oe.docs)==null?void 0:ue.source}}};var le,ie,de;E.parameters={...E.parameters,docs:{...(le=E.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <NumberInput onChange={handleChange} value={123} {...args} />;
-}`,...(de=(ie=E.parameters)==null?void 0:ie.docs)==null?void 0:de.source}}};var ge,ce,pe;x.parameters={...x.parameters,docs:{...(ge=x.parameters)==null?void 0:ge.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>`,...(pe=(ce=x.parameters)==null?void 0:ce.docs)==null?void 0:pe.source}}};var me,he,ve;S.parameters={...S.parameters,docs:{...(me=S.parameters)==null?void 0:me.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState('123');
-  return <Grid columns="1fr 1fr" gap>
-      <Card heading={<Heading>Storage State (Redux)</Heading>}>
-        {value}
-        <Spacer />
-        <Button label="Change value" onClick={() => setValue(String(Math.floor(Math.random() * 100)))} />
-      </Card>
-      <Card heading={<Heading>NumberInput</Heading>}>
-        <NumberInput value={value} onChange={evt => {
-        setValue(evt.target.value);
-      }} error={Number(value) >= 0 ? '' : 'Value must be positive'} />
-      </Card>
-    </Grid>;
-}`,...(ve=(he=S.parameters)==null?void 0:he.docs)==null?void 0:ve.source}}};var Ce,be,Ie;f.parameters={...f.parameters,docs:{...(Ce=f.parameters)==null?void 0:Ce.docs,source:{originalSource:`() => {
-  const [enableDisplayRounding, setEnableDisplayRounding] = useState(false);
-  const [enableCosmeticRounding, setEnableCosmeticRounding] = useState(true);
-  const [valueInFeet, setValueInFeet] = useState('0.6889763779527558');
-  const [callBackError, setCallBackError] = useState('');
-  const valueInMeters = Number(valueInFeet) * 0.3048;
-  return <Grid columns="1fr 1fr" gap>
-      <Card heading={<Heading>Settings</Heading>}>
-        <Field label="Enable display rounding:" labelLeft labelWidth={200}>
-          <Toggle checked={enableDisplayRounding} onChange={evt => setEnableDisplayRounding(evt.target.checked)} />
-        </Field>
-        <Field label="Enable cosmetic rounding:" labelLeft labelWidth={200}>
-          <Toggle checked={enableCosmeticRounding} onChange={evt => setEnableCosmeticRounding(evt.target.checked)} />
-        </Field>
-      </Card>
-      <Card heading={<Heading>NumberInput (displayed in Meters)</Heading>}>
-        <Text faint>
-          Cosmetic Rounding Test Cases: type 0.21 then return (compare with
-          enableCosmeticRounding on and off)
-        </Text>
-        <Spacer />
-        <NumberInput name="Example" value={valueInMeters} onChange={evt => {
-        const nextValueInFeet = String(Number(evt.target.value) / 0.3048);
-        setValueInFeet(nextValueInFeet); // convert back to ft
-      }} enableDisplayRounding={enableDisplayRounding} enableCosmeticRounding={enableCosmeticRounding} error={Number(valueInFeet) >= 0 ? '' : 'Value must be positive'} validationCallback={(name, error) => {
-        setCallBackError(error ?? '');
-      }} />
-      </Card>
-      <Card heading={<Heading>Storage State / Redux (stored in Feet)</Heading>}>
-        {valueInFeet}
-        <Spacer />
-        <Button label="Change value" onClick={() => setValueInFeet(String(Math.floor(Math.random() * 100)))} />
-      </Card>
-      <Card heading={<Heading>Test Validation Callback</Heading>}>
-        {callBackError && <Message message={{
-        content: callBackError,
-        icon: true,
-        type: 'Error',
-        visible: true
-      }} />}
-      </Card>
-    </Grid>;
-}`,...(Ie=(be=f.parameters)==null?void 0:be.docs)==null?void 0:Ie.source}}};const Ca=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","WithDisplayRounding","WithCustomDisplayRounding","TestInputGroup","ManagedTestCase","DemoCosmeticRounding"];export{h as AllowEmpty,b as BadInput,A as Default,f as DemoCosmeticRounding,m as Disabled,C as Error,p as Left,S as ManagedTestCase,g as Small,x as TestInputGroup,v as Warning,c as Width,E as WithCustomDisplayRounding,I as WithDisplayRounding,Ca as __namedExportsOrder,va as default};

package/dist/storybook/assets/popover-CvS_kBVF.js

@@ -1 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as n,R as u}from"./index-DhsZuJvc.js";import{u as _,A as j,i as P}from"./tooltip-C_E_6ym5.js";import{c}from"./index-Bk2sglWO.js";import{I as B}from"./common-types-Sih75Sav.js";import{D as E}from"./disabled-context-rmpd7YJS.js";import{B as V}from"./button-CdEIDAx8.js";const k="_toggleBox_lhie5_1",R="_fullWidthStyleFix_lhie5_8",S="_dismiss_lhie5_13",a={toggleBox:k,fullWidthStyleFix:R,dismiss:S},W=({children:p,content:i,placement:f="top-center",closeOnOutsideClick:m=!0,fullWidth:g=!1,showCloseButton:x=!1,testId:y,disabled:o=!1,overflowContainer:v=!1,isOpen:d,onToggle:h})=>{const s=n.useContext(E),[l,t]=d!==void 0?[d,h]:n.useState(!1),r=()=>{!o&&!s&&t&&t(!1)},b=()=>{o||s||t&&t(!l)};n.useEffect(()=>{(o||s)&&r()},[o,s]);const{renderLayer:C,arrowProps:T,layerProps:q,triggerProps:O}=_({isOpen:l,placement:f,auto:!0,triggerOffset:6,onOutsideClick:m?r:void 0,ResizeObserver:P,overflowContainer:v});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:b,"data-testid":y,children:p}),l&&C(e.jsxs("div",{className:g?c(a.toggleBox,a.fullWidthStyleFix):c(a.toggleBox),...q,children:[e.jsxs("div",{children:[u.isValidElement(i)?u.cloneElement(i,{close:r}):i,x&&e.jsx("div",{className:a.dismiss,children:e.jsx(V,{small:!0,round:!0,onClick:r,icon:B.CLOSE})})]}),e.jsx(j,{...T,backgroundColor:"var(--color-background-layer)",borderColor:"var(--color-border)",borderWidth:1,size:6,onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0})]}))]})};W.__docgenInfo={description:"",methods:[],displayName:"Popover",props:{children:{required:!1,tsType:{name:"ReactNode"},description:""},content:{required:!1,tsType:{name:"ReactNode"},description:""},placement:{required:!1,tsType:{name:"Placement"},description:"",defaultValue:{value:"'top-center'",computed:!1}},closeOnOutsideClick:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},fullWidth:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},showCloseButton:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},overflowContainer:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isOpen:{required:!1,tsType:{name:"boolean"},description:""},onToggle:{required:!1,tsType:{name:"signature",type:"function",raw:"(isOpen: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"isOpen"}],return:{name:"void"}}},description:""}}};export{W as P};

package/dist/storybook/assets/radio-button.stories-BFp_qyyE.js

@@ -1,61 +0,0 @@
-import{j}from"./jsx-runtime-eps93zm2.js";import{r as _}from"./index-DhsZuJvc.js";import{R as I}from"./radio-button-J4oEQdxt.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./select.input-DIKP56UZ.js";import"./types-BmbYqTX_.js";import"./common-types-Sih75Sav.js";import"./help-icon-CfV3_Ais.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";const n=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],Y={title:"Forms/RadioButton",component:I,args:{options:n,inline:!1,noMargin:!1,disabled:!1,small:!1}},a=e=>{const[t,M]=_.useState(n[0]),y=k=>{const L=k.target.value,i=n.find(D=>D.value===L);i&&M(i)};return j.jsx(I,{...e,value:t,onChange:y})},c=a.bind({}),s=a.bind({});s.args={small:!0};const o=a.bind({});o.args={options:n.map((e,t)=>({...e,helpText:`Help text #${t}`}))};const l=a.bind({});l.args={options:n.map((e,t)=>({...e,onClickHelp:()=>console.log(`Help #${t} clicked`)}))};const r=a.bind({});r.args={inline:!0};const p=a.bind({});p.args={options:n.map((e,t)=>({...e,helpText:`Help text #${t}`,disabled:!0}))};var u,d,g;c.parameters={...c.parameters,docs:{...(u=c.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState<OptionType>(options[0]);
-  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedValue = evt.target.value;
-    const selectedOption = options.find(opt => opt.value === selectedValue);
-    if (selectedOption) {
-      setValue(selectedOption);
-    }
-  };
-  return <RadioButton {...args} value={value} onChange={handleChange} />;
-}`,...(g=(d=c.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var m,v,h;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState<OptionType>(options[0]);
-  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedValue = evt.target.value;
-    const selectedOption = options.find(opt => opt.value === selectedValue);
-    if (selectedOption) {
-      setValue(selectedOption);
-    }
-  };
-  return <RadioButton {...args} value={value} onChange={handleChange} />;
-}`,...(h=(v=s.parameters)==null?void 0:v.docs)==null?void 0:h.source}}};var C,O,V;o.parameters={...o.parameters,docs:{...(C=o.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState<OptionType>(options[0]);
-  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedValue = evt.target.value;
-    const selectedOption = options.find(opt => opt.value === selectedValue);
-    if (selectedOption) {
-      setValue(selectedOption);
-    }
-  };
-  return <RadioButton {...args} value={value} onChange={handleChange} />;
-}`,...(V=(O=o.parameters)==null?void 0:O.docs)==null?void 0:V.source}}};var f,T,H;l.parameters={...l.parameters,docs:{...(f=l.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState<OptionType>(options[0]);
-  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedValue = evt.target.value;
-    const selectedOption = options.find(opt => opt.value === selectedValue);
-    if (selectedOption) {
-      setValue(selectedOption);
-    }
-  };
-  return <RadioButton {...args} value={value} onChange={handleChange} />;
-}`,...(H=(T=l.parameters)==null?void 0:T.docs)==null?void 0:H.source}}};var R,b,E;r.parameters={...r.parameters,docs:{...(R=r.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState<OptionType>(options[0]);
-  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedValue = evt.target.value;
-    const selectedOption = options.find(opt => opt.value === selectedValue);
-    if (selectedOption) {
-      setValue(selectedOption);
-    }
-  };
-  return <RadioButton {...args} value={value} onChange={handleChange} />;
-}`,...(E=(b=r.parameters)==null?void 0:b.docs)==null?void 0:E.source}}};var S,x,B;p.parameters={...p.parameters,docs:{...(S=p.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState<OptionType>(options[0]);
-  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedValue = evt.target.value;
-    const selectedOption = options.find(opt => opt.value === selectedValue);
-    if (selectedOption) {
-      setValue(selectedOption);
-    }
-  };
-  return <RadioButton {...args} value={value} onChange={handleChange} />;
-}`,...(B=(x=p.parameters)==null?void 0:x.docs)==null?void 0:B.source}}};const Z=["Default","Small","HelpText","OnClickHelp","Inline","DisabledWithHelpText"];export{c as Default,p as DisabledWithHelpText,o as HelpText,r as Inline,l as OnClickHelp,s as Small,Z as __namedExportsOrder,Y as default};