@oliasoft-open-source/react-ui-library 4.0.0-beta-60 → 4.0.0-beta-61

package/dist/storybook/assets/toggle.stories-05bf43ff.js

@@ -0,0 +1,108 @@
+import{j as y}from"./jsx-runtime-f961835c.js";import{r as G}from"./index-f80c8c95.js";import{T as u}from"./toggle-de8e437a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./help-icon-5be78589.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const{useArgs:I}=__STORYBOOK_MODULE_ADDONS__,ce={title:"Forms/Toggle",component:u,args:{label:"Label"}},e=g=>{const[{checked:p},i]=I(),h=()=>{i({checked:!p})};return y.jsx(u,{...g,onChange:h})},d=e.bind({}),n=e.bind({});n.args={disabled:!0};const s=e.bind({});s.args={checked:!0,disabled:!0};const a=e.bind({});a.args={small:!0};const r=e.bind({});r.args={label:null};const t=e.bind({});t.args={helpText:"Help text"};const c=e.bind({});c.args={onClickHelp:()=>console.log("Help clicked")};const l=()=>{const[g,p]=G.useState(!1);return y.jsx(u,{name:"name",label:"Label",checked:g,onChange:i=>{const{name:h,value:z,checked:m}=i.target;p(m),console.log(h,z,m)}})},o=e.bind({});o.args={helpText:"Help text",disabled:!0};var k,C,b;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.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} />;
+}`,...(b=(C=d.parameters)==null?void 0:C.docs)==null?void 0:b.source}}};var x,A,T;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.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} />;
+}`,...(T=(A=n.parameters)==null?void 0:A.docs)==null?void 0:T.source}}};var S,j,D;s.parameters={...s.parameters,docs:{...(S=s.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=(j=s.parameters)==null?void 0:j.docs)==null?void 0:D.source}}};var H,_,f;a.parameters={...a.parameters,docs:{...(H=a.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} />;
+}`,...(f=(_=a.parameters)==null?void 0:_.docs)==null?void 0:f.source}}};var O,v,E;r.parameters={...r.parameters,docs:{...(O=r.parameters)==null?void 0:O.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} />;
+}`,...(E=(v=r.parameters)==null?void 0:v.docs)==null?void 0:E.source}}};var L,R,W;t.parameters={...t.parameters,docs:{...(L=t.parameters)==null?void 0:L.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} />;
+}`,...(W=(R=t.parameters)==null?void 0:R.docs)==null?void 0:W.source}}};var B,F,K;c.parameters={...c.parameters,docs:{...(B=c.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} />;
+}`,...(K=(F=c.parameters)==null?void 0:F.docs)==null?void 0:K.source}}};var M,N,U;l.parameters={...l.parameters,docs:{...(M=l.parameters)==null?void 0:M.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);
+  }} />;
+}`,...(U=(N=l.parameters)==null?void 0:N.docs)==null?void 0:U.source}}};var Y,q,w;o.parameters={...o.parameters,docs:{...(Y=o.parameters)==null?void 0:Y.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} />;
+}`,...(w=(q=o.parameters)==null?void 0:q.docs)==null?void 0:w.source}}};const oe=["Default","Disabled","DisabledChecked","Small","Standalone","HelpText","OnClickHelp","TestClickevt","DisabledWithHelpText"];export{d as Default,n as Disabled,s as DisabledChecked,o as DisabledWithHelpText,t as HelpText,c as OnClickHelp,a as Small,r as Standalone,l as TestClickevt,oe as __namedExportsOrder,ce as default};