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

package/dist/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1724933220604,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.8","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.8"},"@storybook/addon-links":{"version":"8.2.8"},"@storybook/preview-api":{"version":"8.2.8"},"@storybook/react":{"version":"8.2.8"},"@storybook/react-vite":{"version":"8.2.8"},"@storybook/test":{"version":"8.2.8"},"@storybook/test-runner":{"version":"0.19.1"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.8"}},"addons":{"@storybook/addon-actions":{"version":"8.2.8"},"@storybook/addon-docs":{"version":"8.2.8"},"@storybook/addon-interactions":{"version":"8.2.8"},"storybook-dark-mode":{"version":"4.0.2"}}}
+{"generatedAt":1724936408981,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.8","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.8"},"@storybook/addon-links":{"version":"8.2.8"},"@storybook/preview-api":{"version":"8.2.8"},"@storybook/react":{"version":"8.2.8"},"@storybook/react-vite":{"version":"8.2.8"},"@storybook/test":{"version":"8.2.8"},"@storybook/test-runner":{"version":"0.19.1"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.8"}},"addons":{"@storybook/addon-actions":{"version":"8.2.8"},"@storybook/addon-docs":{"version":"8.2.8"},"@storybook/addon-interactions":{"version":"8.2.8"},"storybook-dark-mode":{"version":"4.0.2"}}}

package/package.json

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

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

@@ -1,125 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as le}from"./index-DhsZuJvc.js";import{S as x}from"./slider-CNPYg8Sz.js";import{T as oe}from"./text-B3-TSWok.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:ie}=__STORYBOOK_MODULE_PREVIEW_API__,ue=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:e.jsxs("span",{children:[e.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],ke={title:"Forms/Slider",component:x,args:{value:50,min:0,max:100}},a=r=>{const[m,h]=le.useState(r.value);return e.jsx("div",{style:{paddingTop:40},children:e.jsx(x,{...r,value:m,onChange:b=>h(b.target.value)})})},S=a.bind({}),t=a.bind({});t.args={range:!0,value:[10,40]};const n=a.bind({});n.args={label:"Number of aardvarks"};const l=a.bind({});l.args={range:!0,value:[10,40],showArrows:!0};const o=r=>{const[{value:m},h]=ie(),b=ne=>{h({value:ne.target.value})};return e.jsx(e.Fragment,{children:e.jsx(x,{...r,label:e.jsxs("span",{children:["Fixed width label: ",e.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:b})})},i=a.bind({});i.args={showTooltip:!0};const u=a.bind({});u.args={showTooltip:!0,tooltipFormatter:r=>e.jsx(oe,{warning:!0,children:`${r} extra info lorem ipsum`})};const d=a.bind({});d.args={showArrows:!0};const p=a.bind({});p.args={marks:[{value:20},{value:40},{value:60},{value:80},{value:100}]};const c=a.bind({});c.args={marks:[{label:"S1 Production",value:20},{label:"S2 Cementing",value:40},{label:e.jsxs(e.Fragment,{children:[e.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4 Shut in",value:80},{label:"S5 Circulate",value:100}]};const s=a.bind({});s.args={small:!0};s.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const g=a.bind({});g.args={disabled:!0};const v=a.bind({});v.args={marks:ue,vertical:{enabled:!0,width:"100px",height:"400px"}};o.__docgenInfo={description:"",methods:[],displayName:"JSXLabel"};var V,j,T;S.parameters={...S.parameters,docs:{...(V=S.parameters)==null?void 0:V.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(T=(j=S.parameters)==null?void 0:j.docs)==null?void 0:T.source}}};var C,y,w;t.parameters={...t.parameters,docs:{...(C=t.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(w=(y=t.parameters)==null?void 0:y.docs)==null?void 0:w.source}}};var A,_,f;n.parameters={...n.parameters,docs:{...(A=n.parameters)==null?void 0:A.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(f=(_=n.parameters)==null?void 0:_.docs)==null?void 0:f.source}}};var k,F,L;l.parameters={...l.parameters,docs:{...(k=l.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(L=(F=l.parameters)==null?void 0:F.docs)==null?void 0:L.source}}};var R,D,M;o.parameters={...o.parameters,docs:{...(R=o.parameters)==null?void 0:R.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} />
-    </>;
-}`,...(M=(D=o.parameters)==null?void 0:D.docs)==null?void 0:M.source}}};var W,E,O;i.parameters={...i.parameters,docs:{...(W=i.parameters)==null?void 0:W.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(O=(E=i.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};var P,I,J;u.parameters={...u.parameters,docs:{...(P=u.parameters)==null?void 0:P.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(J=(I=u.parameters)==null?void 0:I.docs)==null?void 0:J.source}}};var X,N,B;d.parameters={...d.parameters,docs:{...(X=d.parameters)==null?void 0:X.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(B=(N=d.parameters)==null?void 0:N.docs)==null?void 0:B.source}}};var K,U,Y;p.parameters={...p.parameters,docs:{...(K=p.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(Y=(U=p.parameters)==null?void 0:U.docs)==null?void 0:Y.source}}};var $,q,z;c.parameters={...c.parameters,docs:{...($=c.parameters)==null?void 0:$.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(z=(q=c.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var G,H,Q;s.parameters={...s.parameters,docs:{...(G=s.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(Q=(H=s.parameters)==null?void 0:H.docs)==null?void 0:Q.source}}};var Z,ee,ae;g.parameters={...g.parameters,docs:{...(Z=g.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(ae=(ee=g.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};var re,se,te;v.parameters={...v.parameters,docs:{...(re=v.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
-  const [value, setValue] = useState(args.value);
-  return <div style={{
-    paddingTop: 40
-  }}>
-      <Slider
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...args} value={value} onChange={evt => setValue(evt.target.value)} />
-    </div>;
-}`,...(te=(se=v.parameters)==null?void 0:se.docs)==null?void 0:te.source}}};const Fe=["Default","Range","Label","RangeWithArrows","JSXLabel","Tooltip","FormattedTooltip","Arrows","Marks","MarksWithLabels","Small","Disabled","Vertical"];export{d as Arrows,S as Default,g as Disabled,u as FormattedTooltip,o as JSXLabel,n as Label,p as Marks,c as MarksWithLabels,t as Range,l as RangeWithArrows,s as Small,i as Tooltip,v as Vertical,Fe as __namedExportsOrder,ke as default};