@oliasoft-open-source/react-ui-library 4.2.5 → 4.2.6

package/package.json

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

package/dist/storybook/assets/preview-3b9b4290.js

@@ -1 +0,0 @@
-import{_ as e}from"./iframe-40056b2b.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-e3d267ad.js"),["./DocsRenderer-NNNQARDV-e3d267ad.js","./chunk-HLWAVYOI-d2ee52b0.js","./iframe-40056b2b.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-6f0f8cb1.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],import.meta.url);return new r}}};export{a as parameters};

package/dist/storybook/assets/toggle-6f4d5797.js

@@ -1 +0,0 @@
-import{j as l}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{c as y}from"./index-a80ed1cf.js";import{b as x}from"./common-types-2c81813f.js";import{D as C}from"./disabled-context-d654f6ff.js";import{H as E}from"./help-icon-c0abd380.js";const h="_toggle_1mo1i_9",q="_small_1mo1i_25",I="_disabled_1mo1i_102",V="_noMargin_1mo1i_113",v="_helpIconEnabled_1mo1i_116",a={toggle:h,small:q,disabled:I,noMargin:V,helpIconEnabled:v},r=({name:t,label:d,checked:e=!1,disabled:u,small:m=!1,onChange:p,noMargin:c=!1,testId:g,helpText:o,onClickHelp:i})=>{const f=b.useContext(C),_=o||i,s=u||f;return l.jsxs("div",{className:y(a.toggle,s?a.disabled:null,m?a.small:null,c?a.noMargin:null),onClick:n=>{s||(n.target.name=t,n.target.checked=!e,n.target.value=!e,p(n))},"data-testid":g,children:[l.jsx("input",{type:x.CHECKBOX,name:t,value:e==null?void 0:e.toString(),disabled:s,checked:e,onChange:()=>{}}),l.jsx("label",{children:d}),_&&l.jsx("div",{className:a.helpIconEnabled,onClick:i,children:l.jsx(E,{text:o})})]})};try{r.displayName="Toggle",r.__docgenInfo={description:"",displayName:"Toggle",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>> | null"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((evt: any) => void)"}}}}}catch{}export{r as T};

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

@@ -1,108 +0,0 @@
-import{j as y}from"./jsx-runtime-f961835c.js";import{r as G}from"./index-f80c8c95.js";import{T as u}from"./toggle-6f4d5797.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./help-icon-c0abd380.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.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};