@oliasoft-open-source/react-ui-library 4.10.8 → 4.10.10-beta-1

package/dist/storybook/assets/slider.stories-BzBb3PkP.js

@@ -1,171 +0,0 @@
-import{j as n}from"./jsx-runtime-eps93zm2.js";import{S as A}from"./slider-C7vnj_3M.js";import{T as se}from"./text-B3-TSWok.js";import"./index-DhsZuJvc.js";import"./lodash-c4VUpsOs.js";import"./objectSpread2-DW4nTBoq.js";import"./index-Bk2sglWO.js";import"./inheritsLoose-DP0QEDDI.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./memoize-one.esm-CcMeOnPo.js";import"./index-BI4_Bp97.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";const{useArgs:ae}=__STORYBOOK_MODULE_PREVIEW_API__,re=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:n.jsxs("span",{children:[n.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],je={title:"Forms/Slider",component:A,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=r=>{const[m,v]=ae(),b=x=>{v({value:x.target.value})};return n.jsx("div",{style:{paddingTop:40},children:n.jsx(A,{...r,onChange:b})})},h=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const l=r=>{const[{value:m},v]=ae(),b=x=>{v({value:x.target.value})};return n.jsx(n.Fragment,{children:n.jsx(A,{...r,label:n.jsxs("span",{children:["Fixed width label: ",n.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:b})})},d=e.bind({});d.args={showTooltip:!0};const i=e.bind({});i.args={showTooltip:!0,tooltipFormatter:r=>n.jsx(se,{warning:!0,children:`${r} extra info lorem ipsum`})};const p=e.bind({});p.args={showArrows:!0};const g=e.bind({});g.args={marks:re};const a=e.bind({});a.args={small:!0};a.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const u=e.bind({});u.args={disabled:!0};const c=e.bind({});c.args={marks:re,vertical:{enabled:!0,width:"100px",height:"400px"}};l.__docgenInfo={description:"",methods:[],displayName:"JSXLabel"};var S,C,y;h.parameters={...h.parameters,docs:{...(S=h.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(y=(C=h.parameters)==null?void 0:C.docs)==null?void 0:y.source}}};var _,j,T;s.parameters={...s.parameters,docs:{...(_=s.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(T=(j=s.parameters)==null?void 0:j.docs)==null?void 0:T.source}}};var w,f,R;t.parameters={...t.parameters,docs:{...(w=t.parameters)==null?void 0:w.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(R=(f=t.parameters)==null?void 0:f.docs)==null?void 0:R.source}}};var F,D,L;o.parameters={...o.parameters,docs:{...(F=o.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(L=(D=o.parameters)==null?void 0:D.docs)==null?void 0:L.source}}};var E,M,O;l.parameters={...l.parameters,docs:{...(E=l.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
-  const [{
-    value
-  }, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} label={<span>
-            Fixed width label: <strong>{value * Math.random()}</strong>
-          </span>} labelWidth="400px" value={value} onChange={handleChange} />
-    </>;
-}`,...(O=(M=l.parameters)==null?void 0:M.docs)==null?void 0:O.source}}};var W,k,I;d.parameters={...d.parameters,docs:{...(W=d.parameters)==null?void 0:W.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(I=(k=d.parameters)==null?void 0:k.docs)==null?void 0:I.source}}};var J,P,V;i.parameters={...i.parameters,docs:{...(J=i.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(V=(P=i.parameters)==null?void 0:P.docs)==null?void 0:V.source}}};var X,N,B;p.parameters={...p.parameters,docs:{...(X=p.parameters)==null?void 0:X.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(B=(N=p.parameters)==null?void 0:N.docs)==null?void 0:B.source}}};var K,U,Y;g.parameters={...g.parameters,docs:{...(K=g.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(Y=(U=g.parameters)==null?void 0:U.docs)==null?void 0:Y.source}}};var $,q,z;a.parameters={...a.parameters,docs:{...($=a.parameters)==null?void 0:$.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(z=(q=a.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var G,H,Q;u.parameters={...u.parameters,docs:{...(G=u.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(Q=(H=u.parameters)==null?void 0:H.docs)==null?void 0:Q.source}}};var Z,ee,ne;c.parameters={...c.parameters,docs:{...(Z=c.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} onChange={handleChange} />
-    </div>;
-}`,...(ne=(ee=c.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};const Te=["Default","Range","Label","RangeWithArrows","JSXLabel","Tooltip","FormattedTooltip","Arrows","Marks","Small","Disabled","Vertical"];export{p as Arrows,h as Default,u as Disabled,i as FormattedTooltip,l as JSXLabel,t as Label,g as Marks,s as Range,o as RangeWithArrows,a as Small,d as Tooltip,c as Vertical,Te as __namedExportsOrder,je as default};

package/dist/storybook/assets/tabs.stories-dsXjRHJy.js

@@ -1,30 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as I}from"./index-DhsZuJvc.js";import{T as b}from"./tabs-C3NG6m9W.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./lodash-c4VUpsOs.js";import"./badge-CLQ59MDF.js";import"./select.input-D0UkAPd9.js";import"./types-BmbYqTX_.js";const Q={title:"Navigation/Tabs",component:b,args:{name:"example",options:[{label:"Tab",value:0},{label:"Tab",value:1},{label:"With Badge",value:2,badge:"3"},{label:"Invalid",value:3,invalid:!0},{label:"Disabled",value:4,disabled:!0},{label:"Hidden tab",value:5,hidden:!0}],value:0}},s=i=>e.jsx(b,{...i}),d=s.bind({}),r=s.bind({});r.args={children:[e.jsx("div",{label:"Tab 0",children:e.jsx("h3",{children:"Tab 0 Content"})}),e.jsx("div",{label:"Tab 1",hidden:!0,children:e.jsx("h3",{children:"Tab 1 Content"})}),e.jsx("div",{label:"Tab 2",disabled:!0,children:e.jsx("h3",{children:"Tab 2 Content"})}),e.jsx("div",{label:"Tab 3",children:e.jsx("h3",{children:"Tab 3 Content"})}),e.jsx("div",{label:"Tab 4",children:e.jsx("h3",{children:"Tab 4 Content"})})]};const l=s.bind({});l.args={margin:!1};const a=s.bind({});a.parameters={layout:"fullscreen",docs:{description:{story:"When you want the divider to fill the edges of its container."}}};a.args={padding:!0};const t=s.bind({});t.args={options:[{label:"Tab 0",value:0},{label:"Tab 1",value:1},{label:"Tab 2",value:2},{label:"Tab 3",value:3,right:!0},{label:"Tab 4",value:4,right:!0}]};const o=()=>{const i=[{label:"Strawberries",value:"strawberries"},{label:"Bananas",value:"bananas"},{label:"Apples",value:"apples",disabled:!0},{label:"Pomegranates",value:"pomegranates"}],[p,D]=I.useState(i[0]);return e.jsxs(e.Fragment,{children:[e.jsx(b,{name:"example",value:p,options:i,onChange:c=>{const{value:H,label:z}=(c==null?void 0:c.target)??{};D({value:H,label:z})}}),e.jsxs("span",{children:["Eating ",p.value,"..."]})]})},n=s.bind({});n.args={options:[{label:"Title Case Label",value:0},{label:"Mixed case label",value:1},{label:"lower case label",value:2}]};o.__docgenInfo={description:"",methods:[],displayName:"Managed"};var u,m,g;d.parameters={...d.parameters,docs:{...(u=d.parameters)==null?void 0:u.docs,source:{originalSource:"args => <Tabs {...args} />",...(g=(m=d.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var T,v,h;r.parameters={...r.parameters,docs:{...(T=r.parameters)==null?void 0:T.docs,source:{originalSource:"args => <Tabs {...args} />",...(h=(v=r.parameters)==null?void 0:v.docs)==null?void 0:h.source}}};var x,j,S;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:"args => <Tabs {...args} />",...(S=(j=l.parameters)==null?void 0:j.docs)==null?void 0:S.source}}};var C,f,w;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:"args => <Tabs {...args} />",...(w=(f=a.parameters)==null?void 0:f.docs)==null?void 0:w.source}}};var M,y,E;t.parameters={...t.parameters,docs:{...(M=t.parameters)==null?void 0:M.docs,source:{originalSource:"args => <Tabs {...args} />",...(E=(y=t.parameters)==null?void 0:y.docs)==null?void 0:E.source}}};var _,A,N;o.parameters={...o.parameters,docs:{...(_=o.parameters)==null?void 0:_.docs,source:{originalSource:`() => {
-  const options = [{
-    label: 'Strawberries',
-    value: 'strawberries'
-  }, {
-    label: 'Bananas',
-    value: 'bananas'
-  }, {
-    label: 'Apples',
-    value: 'apples',
-    disabled: true
-  }, {
-    label: 'Pomegranates',
-    value: 'pomegranates'
-  }];
-  const [selectedTab, setSelectedTab] = useState(options[0]);
-  return <>
-      <Tabs name="example" value={selectedTab} options={options} onChange={evt => {
-      const {
-        value,
-        label
-      } = ((evt?.target ?? {}) as any);
-      setSelectedTab({
-        value,
-        label
-      });
-    }} />
-      <span>Eating {selectedTab.value}...</span>
-    </>;
-}`,...(N=(A=o.parameters)==null?void 0:A.docs)==null?void 0:N.source}}};var P,W,B;n.parameters={...n.parameters,docs:{...(P=n.parameters)==null?void 0:P.docs,source:{originalSource:"args => <Tabs {...args} />",...(B=(W=n.parameters)==null?void 0:W.docs)==null?void 0:B.source}}};const U=["Default","WithChildren","NoMargin","HorizontalPadding","Alignment","Managed","TestTitleCase"];export{t as Alignment,d as Default,a as HorizontalPadding,o as Managed,l as NoMargin,n as TestTitleCase,r as WithChildren,U as __namedExportsOrder,Q as default};

package/dist/storybook/assets/toaster.stories-HO4VBTy-.js

@@ -1,89 +0,0 @@
-import{j as s}from"./jsx-runtime-eps93zm2.js";import{w as ss,e as l,u as y,a as E}from"./index-DMAnyMX5.js";import{G as X}from"./grid-DRkC-bt8.js";import{T as w}from"./text-B3-TSWok.js";import{F as Z}from"./flex-EllkLxgO.js";import{t as S,d as b}from"./toaster-BoBcvmf9.js";import{B as t}from"./button-DHevvVBE.js";import{S as $}from"./spacer-BWoNR27H.js";import{a as C}from"./message-Y48EomV-.js";import"./index-DhsZuJvc.js";import"./index-CF7H4eMJ.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./index-Bk2sglWO.js";import"./toaster-7wnI6hqB.js";import"./index-CUZDtIZe.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";const es={type:C.SUCCESS,icon:!0,heading:"Heading",content:"Great results"},os={type:C.ERROR,icon:!0,heading:"Heading",content:"An error has happened",details:"Bad input data lorem ipsum dolor est compendum lorem ipsum."},ts={type:C.WARNING,icon:!0,heading:"Heading",content:"Warning message"},as={type:C.INFO,icon:!0,heading:"Heading",content:"Long content lorem ipsum dolor est compendum lorem ipsum."},Ds={title:"Modals/Toaster",parameters:{docs:{story:{inline:!1,iframeHeight:400}}},source:{type:"code"},args:{id:void 0,message:as,autoClose:6e3,onClose:()=>{}}},h=e=>s.jsx(t,{onClick:()=>S({...e,onClose:()=>console.log("toast closed")}),label:"Show toast"}),T=h.bind({}),u=h.bind({});u.args={message:es};const d=h.bind({});d.args={message:ts};const m=h.bind({});m.args={message:os};const i=()=>s.jsx(t,{label:"Show Toast",onClick:()=>{const e=Math.random()>=.5;S({message:{type:e?"Success":"Error",icon:!0,content:e?"Success":"Error"},onClose:()=>console.log("toast closed"),id:"uniqueId"})}});i.parameters={docs:{iframeHeight:200,description:{story:"Pass a unique `id` in the `toast` object to prevent duplicates. Successive toasts with the same ID will update the existing toast."}}};const p=()=>{const e="sessionExpiring",a={type:"Info",content:s.jsxs(X,{children:[s.jsx(w,{bold:!0,children:"You will be signed out soon"}),s.jsx(w,{children:"For your security, you will be automatically signed out in 30 minutes unless you extend your session."}),s.jsx($,{height:"var(--padding-xxs)"}),s.jsxs(Z,{gap:"var(--padding-xs)",children:[s.jsx(t,{label:"Extend session",small:!0,colored:"success",onClick:()=>b(e)}),s.jsx(t,{label:"Dismiss",small:!0,onClick:()=>b(e)})]})]})};return s.jsx(t,{label:"Show Toast",onClick:()=>S({message:a,autoClose:!1,id:e})})},g=()=>{const e="sessionExpiringSoon",a={type:"Error",content:s.jsxs(X,{children:[s.jsx(w,{bold:!0,children:"You will be signed out very soon"}),s.jsx(w,{children:"For your security, you will be automatically signed out in 30 minutes unless you extend your session."}),s.jsx($,{height:"var(--padding-xxs)"}),s.jsxs(Z,{gap:"var(--padding-xs)",children:[s.jsx(t,{label:"Extend session",small:!0,colored:"success",onClick:()=>b(e)}),s.jsx(t,{label:"Dismiss",small:!0,onClick:()=>b(e)})]})]})};return s.jsx(t,{label:"Show Toast",onClick:()=>S({message:a,autoClose:!1,id:e})})},x=()=>{const e={type:"Success",content:"Your session has been extended for 1 hour"};return s.jsx(t,{label:"Show Toast",onClick:()=>S({message:e})})},c=h.bind({});c.args={id:"testId",autoClose:50};c.play=async({canvasElement:e,step:a})=>{const o=e.parentElement?ss(e.parentElement):null;await l(o).toBeTruthy(),o&&(await a("Toast should appear when triggered",async()=>{const r=o.getByText("Show toast");await y.click(r);const n=o.getByRole("alert");await l(n).toBeInTheDocument()}),await a("Duplicate toasts shouldn't be created",async()=>{const r=o.getByText("Show toast");await y.click(r);const n=o.queryAllByRole("alert");await l(n).toHaveLength(1)}),await a("Toast should disappear when close button pressed",async()=>{const r=o.getByRole("alert"),n=o.getByTestId("testId-dismiss");await y.click(n),await E(()=>l(r).not.toBeInTheDocument(),{timeout:2e3})}),await a("Toast should automatically close",async()=>{const r=o.getByText("Show toast");await y.click(r);const n=o.getByRole("alert");await E(()=>l(n).not.toBeInTheDocument(),{timeout:2e3})}))};i.__docgenInfo={description:"",methods:[],displayName:"PreventDuplicates"};p.__docgenInfo={description:"",methods:[],displayName:"SessionExpiring"};g.__docgenInfo={description:"",methods:[],displayName:"SessionExpiringSoon"};x.__docgenInfo={description:"",methods:[],displayName:"SessionExtended"};var I,f,B;T.parameters={...T.parameters,docs:{...(I=T.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
-  return <Button onClick={() => toast({
-    ...args,
-    onClose: () => console.log('toast closed')
-  })} label="Show toast" />;
-}`,...(B=(f=T.parameters)==null?void 0:f.docs)==null?void 0:B.source}}};var k,D,j;u.parameters={...u.parameters,docs:{...(k=u.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
-  return <Button onClick={() => toast({
-    ...args,
-    onClose: () => console.log('toast closed')
-  })} label="Show toast" />;
-}`,...(j=(D=u.parameters)==null?void 0:D.docs)==null?void 0:j.source}}};var _,v,A;d.parameters={...d.parameters,docs:{...(_=d.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
-  return <Button onClick={() => toast({
-    ...args,
-    onClose: () => console.log('toast closed')
-  })} label="Show toast" />;
-}`,...(A=(v=d.parameters)==null?void 0:v.docs)==null?void 0:A.source}}};var O,F,R;m.parameters={...m.parameters,docs:{...(O=m.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
-  return <Button onClick={() => toast({
-    ...args,
-    onClose: () => console.log('toast closed')
-  })} label="Show toast" />;
-}`,...(R=(F=m.parameters)==null?void 0:F.docs)==null?void 0:R.source}}};var G,M,H;i.parameters={...i.parameters,docs:{...(G=i.parameters)==null?void 0:G.docs,source:{originalSource:`() => <Button label="Show Toast" onClick={() => {
-  const isSuccess = Math.random() >= 0.5;
-  toast({
-    message: ({
-      type: isSuccess ? 'Success' : 'Error',
-      icon: true,
-      content: isSuccess ? 'Success' : 'Error'
-    } as IMessageType),
-    onClose: () => console.log('toast closed'),
-    id: 'uniqueId'
-  });
-}} />`,...(H=(M=i.parameters)==null?void 0:M.docs)==null?void 0:H.source}}};var N,Y,W;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`() => {
-  const TOAST_ID = 'sessionExpiring';
-  const message = ({
-    type: 'Info',
-    content: <Grid>
-        <Text bold>You will be signed out soon</Text>
-        <Text>
-          For your security, you will be automatically signed out in 30 minutes
-          unless you extend your session.
-        </Text>
-        <Spacer height="var(--padding-xxs)" />
-        <Flex gap="var(--padding-xs)">
-          <Button label="Extend session" small colored="success" onClick={() => dismissToast(TOAST_ID)} />
-          <Button label="Dismiss" small onClick={() => dismissToast(TOAST_ID)} />
-        </Flex>
-      </Grid>
-  } as IMessageType);
-  return <Button label="Show Toast" onClick={() => toast({
-    message,
-    autoClose: false,
-    id: TOAST_ID
-  })} />;
-}`,...(W=(Y=p.parameters)==null?void 0:Y.docs)==null?void 0:W.source}}};var q,P,L;g.parameters={...g.parameters,docs:{...(q=g.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
-  const TOAST_ID = 'sessionExpiringSoon';
-  const message = ({
-    type: 'Error',
-    content: <Grid>
-        <Text bold>You will be signed out very soon</Text>
-        <Text>
-          For your security, you will be automatically signed out in 30 minutes
-          unless you extend your session.
-        </Text>
-        <Spacer height="var(--padding-xxs)" />
-        <Flex gap="var(--padding-xs)">
-          <Button label="Extend session" small colored="success" onClick={() => dismissToast(TOAST_ID)} />
-          <Button label="Dismiss" small onClick={() => dismissToast(TOAST_ID)} />
-        </Flex>
-      </Grid>
-  } as IMessageType);
-  return <Button label="Show Toast" onClick={() => toast({
-    message,
-    autoClose: false,
-    id: TOAST_ID
-  })} />;
-}`,...(L=(P=g.parameters)==null?void 0:P.docs)==null?void 0:L.source}}};var U,z,J;x.parameters={...x.parameters,docs:{...(U=x.parameters)==null?void 0:U.docs,source:{originalSource:`() => {
-  const message = ({
-    type: 'Success',
-    content: 'Your session has been extended for 1 hour'
-  } as IMessageType);
-  return <Button label="Show Toast" onClick={() => toast({
-    message
-  })} />;
-}`,...(J=(z=x.parameters)==null?void 0:z.docs)==null?void 0:J.source}}};var K,Q,V;c.parameters={...c.parameters,docs:{...(K=c.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
-  return <Button onClick={() => toast({
-    ...args,
-    onClose: () => console.log('toast closed')
-  })} label="Show toast" />;
-}`,...(V=(Q=c.parameters)==null?void 0:Q.docs)==null?void 0:V.source}}};const js=["Default","Success","Warning","Error","PreventDuplicates","SessionExpiring","SessionExpiringSoon","SessionExtended","Test"];export{T as Default,m as Error,i as PreventDuplicates,p as SessionExpiring,g as SessionExpiringSoon,x as SessionExtended,u as Success,c as Test,d as Warning,js as __namedExportsOrder,Ds as default};

package/dist/storybook/assets/toggle.stories-qTHFTXxI.js

@@ -1,141 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as de}from"./index-DhsZuJvc.js";import{w as oe,u as j,e as A}from"./index-DMAnyMX5.js";import{F as f}from"./flex-EllkLxgO.js";import{T as C}from"./text-B3-TSWok.js";import{T as x}from"./toggle-BbFVf61v.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";const{useArgs:le}=__STORYBOOK_MODULE_PREVIEW_API__,De={title:"Forms/Toggle",component:x,args:{label:"Label"}},s=a=>{const[{checked:r},t]=le(),n=()=>{t({checked:!r})};return e.jsx(x,{...a,onChange:n})},T=s.bind({}),d=s.bind({});d.args={disabled:!0};const l=s.bind({});l.args={checked:!0,disabled:!0};const g=s.bind({});g.args={small:!0};const p=s.bind({});p.args={label:null};const i=s.bind({});i.args={helpText:"Help text"};const h=s.bind({});h.args={onClickHelp:()=>console.log("Help clicked")};const u=()=>e.jsxs(e.Fragment,{children:[e.jsx(x,{display:"block",label:e.jsxs(f,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(C,{bold:!0,children:"Label"}),e.jsx(C,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}}),e.jsx(x,{label:e.jsxs(f,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(C,{bold:!0,children:"Label"}),e.jsx(C,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}})]}),m=()=>{const[a,r]=de.useState(!1);return e.jsx(x,{name:"name",label:"Label",checked:a,onChange:t=>{const{name:n,value:b,checked:y}=t.target;r(y),console.log(n,b,y)}})},k=s.bind({});k.args={helpText:"Help text",disabled:!0};const c=s.bind({});c.args={testId:"testId"};c.play=async({canvasElement:a,step:r})=>{const t=oe(a);await r("Clicking checkbox should toggle it",async()=>{const n=t.getByTestId("testId"),b=n.querySelector("input");await j.click(n),await A(b).toBeChecked(),await j.click(n),await A(b).not.toBeChecked()})};const o=s.bind({});o.args={testId:"testId",disabled:!0};o.play=async({canvasElement:a,step:r})=>{const t=oe(a);await r("Clicking disabled checkbox shouldn't toggle it",async()=>{const n=t.getByTestId("testId");await n.click(),await A(n.querySelector("input")).not.toBeChecked()})};u.__docgenInfo={description:"",methods:[],displayName:"Display"};m.__docgenInfo={description:"",methods:[],displayName:"TestClickevt"};var S,w,D;T.parameters={...T.parameters,docs:{...(S=T.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(D=(w=T.parameters)==null?void 0:w.docs)==null?void 0:D.source}}};var _,I,v;d.parameters={...d.parameters,docs:{...(_=d.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(v=(I=d.parameters)==null?void 0:I.docs)==null?void 0:v.source}}};var H,F,L;l.parameters={...l.parameters,docs:{...(H=l.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(L=(F=l.parameters)==null?void 0:F.docs)==null?void 0:L.source}}};var E,O,R;g.parameters={...g.parameters,docs:{...(E=g.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(R=(O=g.parameters)==null?void 0:O.docs)==null?void 0:R.source}}};var B,W,q;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(q=(W=p.parameters)==null?void 0:W.docs)==null?void 0:q.source}}};var N,P,K;i.parameters={...i.parameters,docs:{...(N=i.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(K=(P=i.parameters)==null?void 0:P.docs)==null?void 0:K.source}}};var M,U,V;h.parameters={...h.parameters,docs:{...(M=h.parameters)==null?void 0:M.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(V=(U=h.parameters)==null?void 0:U.docs)==null?void 0:V.source}}};var Y,z,G;u.parameters={...u.parameters,docs:{...(Y=u.parameters)==null?void 0:Y.docs,source:{originalSource:`() => <>
-    <Toggle display="block" label={<Flex justifyContent="space-between" wrap={false} gap>
-          <Text bold>Label</Text>
-          <Text success>Released yesterday</Text>
-        </Flex>} onChange={() => {}} />
-    <Toggle label={<Flex justifyContent="space-between" wrap={false} gap>
-          <Text bold>Label</Text>
-          <Text success>Released yesterday</Text>
-        </Flex>} onChange={() => {}} />
-  </>`,...(G=(z=u.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var J,Q,X;m.parameters={...m.parameters,docs:{...(J=m.parameters)==null?void 0:J.docs,source:{originalSource:`() => {
-  const [checked, setChecked] = useState(false);
-  return <Toggle name="name" label="Label" checked={checked} onChange={evt => {
-    const {
-      name,
-      value,
-      checked
-    } = evt.target;
-    setChecked(checked);
-    console.log(name, value, checked);
-  }} />;
-}`,...(X=(Q=m.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Z,$,ee;k.parameters={...k.parameters,docs:{...(Z=k.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(ee=($=k.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};var ne,se,ae;c.parameters={...c.parameters,docs:{...(ne=c.parameters)==null?void 0:ne.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(ae=(se=c.parameters)==null?void 0:se.docs)==null?void 0:ae.source}}};var re,te,ce;o.parameters={...o.parameters,docs:{...(re=o.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(ce=(te=o.parameters)==null?void 0:te.docs)==null?void 0:ce.source}}};const _e=["Default","Disabled","DisabledChecked","Small","Standalone","HelpText","OnClickHelp","Display","TestClickevt","DisabledWithHelpText","Test","TestDisabled"];export{T as Default,d as Disabled,l as DisabledChecked,k as DisabledWithHelpText,u as Display,i as HelpText,h as OnClickHelp,g as Small,p as Standalone,c as Test,m as TestClickevt,o as TestDisabled,_e as __namedExportsOrder,De as default};