@oliasoft-open-source/react-ui-library 4.11.3-beta-1 → 4.11.3-beta-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/global.css +14 -12
  2. package/dist/index.js +23 -27
  3. package/dist/index.js.map +1 -1
  4. package/dist/storybook/assets/{Color-KGDBMAHA-CVfcYPDh.js → Color-KGDBMAHA-Bnj89L-A.js} +1 -1
  5. package/dist/storybook/assets/{DocsRenderer-PKQXORMH-1O1Zelxh.js → DocsRenderer-PKQXORMH-QUJl5DIT.js} +1 -1
  6. package/dist/storybook/assets/{accordion.stories-CrmHu75y.js → accordion.stories-BlHfHegj.js} +1 -1
  7. package/dist/storybook/assets/{buttons-and-links-BvCZJvQD.js → buttons-and-links-CzMplQyX.js} +1 -1
  8. package/dist/storybook/assets/{casing-loads.stories-Buy0-e_n.js → casing-loads.stories-Cl2tJipP.js} +1 -1
  9. package/dist/storybook/assets/{cell.stories-CPNfDo9l.js → cell.stories-rzJE_qJC.js} +1 -1
  10. package/dist/storybook/assets/{chunk-HLWAVYOI-Bu5L94Yn.js → chunk-HLWAVYOI-BzjfwAFt.js} +1 -1
  11. package/dist/storybook/assets/{color-D0thaFHZ.js → color-DMI_LL9Y.js} +1 -1
  12. package/dist/storybook/assets/{footer.stories-DniqHrTZ.js → footer.stories-C6M5S0UZ.js} +1 -1
  13. package/dist/storybook/assets/{form.stories-Cr5Pz40F.js → form.stories-BNORsn6Z.js} +1 -1
  14. package/dist/storybook/assets/{formation.stories-C4Kugh7C.js → formation.stories-1WX1Nu1P.js} +1 -1
  15. package/dist/storybook/assets/{iframe-Cn4QVbiy.js → iframe-D7uA6LlZ.js} +2 -2
  16. package/dist/storybook/assets/{index-CfBxZnsn.js → index-BL00YxVv.js} +1 -1
  17. package/dist/storybook/assets/{index-Cx-3RPzA.js → index-CDbixbhF.js} +4 -4
  18. package/dist/storybook/assets/{input-validation-C046WlGw.js → input-validation-D-Ft5BCF.js} +1 -1
  19. package/dist/storybook/assets/{inputs-DIaRB9Nh.js → inputs-cQ55JAoI.js} +1 -1
  20. package/dist/storybook/assets/{layout-forms-BREoLLKy.js → layout-forms-Bvrdok9B.js} +1 -1
  21. package/dist/storybook/assets/{layout-general-KLtje0tK.js → layout-general-Cg0gSZB3.js} +1 -1
  22. package/dist/storybook/assets/{padding-and-spacing-DuJmv7ET.js → padding-and-spacing-DDAtfb-b.js} +1 -1
  23. package/dist/storybook/assets/{preview-_lzSilWy.js → preview-CUJNe5HT.js} +1 -1
  24. package/dist/storybook/assets/{preview-C2U0eSUR.js → preview-Rrrgw5d3.js} +2 -2
  25. package/dist/storybook/assets/{row.stories-jKh8Ms1e.js → row.stories-DRvH8Grn.js} +1 -1
  26. package/dist/storybook/assets/{slider-DxaD8LU4.js → slider-CcpE4BLD.js} +4 -4
  27. package/dist/storybook/assets/{slider-DPdTVMP0.css → slider-DnRddBCy.css} +1 -1
  28. package/dist/storybook/assets/slider.stories-BqlRLY_C.js +171 -0
  29. package/dist/storybook/assets/{table-BSABGfWm.js → table-DoyDBG6l.js} +1 -1
  30. package/dist/storybook/assets/{table.stories-CHwzAdud.js → table.stories-BgWKzIob.js} +1 -1
  31. package/dist/storybook/assets/{title.stories-D0VjujmM.js → title.stories-Rv6ZO_Wl.js} +1 -1
  32. package/dist/storybook/assets/unit-input-C07ZKMj5.js +10 -0
  33. package/dist/storybook/assets/{unit-input.stories-Btz2M_TP.js → unit-input.stories-BP03WTYV.js} +1 -1
  34. package/dist/storybook/assets/{unit-input.test-case.stories-CZD1jf36.js → unit-input.test-case.stories-D9PyN8YI.js} +1 -1
  35. package/dist/storybook/assets/{unit-table.stories-DwZVHcZo.js → unit-table.stories-CISvZMxX.js} +1 -1
  36. package/dist/storybook/assets/{unit-table.test-case.stories-C9Swzooe.js → unit-table.test-case.stories-tEype9om.js} +1 -1
  37. package/dist/storybook/iframe.html +1 -1
  38. package/dist/storybook/index.json +1 -1
  39. package/dist/storybook/project.json +1 -1
  40. package/package.json +1 -1
  41. package/dist/storybook/assets/slider.stories-DuGie_AX.js +0 -134
  42. package/dist/storybook/assets/unit-input-BXg4VphV.js +0 -10
@@ -1 +1 @@
1
- {"generatedAt":1725522558601,"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"}}}
1
+ {"generatedAt":1725532665974,"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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oliasoft-open-source/react-ui-library",
3
- "version": "4.11.3-beta-1",
3
+ "version": "4.11.3-beta-2",
4
4
  "description": "Reusable UI components for React projects",
5
5
  "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
6
6
  "bugs": {
@@ -1,134 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as de}from"./index-DhsZuJvc.js";import{S as V}from"./slider-DxaD8LU4.js";import{T as pe}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-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";const{useArgs:ce}=__STORYBOOK_MODULE_PREVIEW_API__,ve=[{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}],Fe={title:"Forms/Slider",component:V,args:{value:50,min:0,max:100}},a=r=>{const[S,b]=de.useState(r.value);return e.jsx("div",{style:{paddingTop:40},children:e.jsx(V,{...r,value:S,onChange:x=>b(x.target.value)})})},h=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:S},b]=ce(),x=ue=>{b({value:ue.target.value})};return e.jsx(e.Fragment,{children:e.jsx(V,{...r,label:e.jsxs("span",{children:["Fixed width label: ",e.jsx("strong",{children:S*Math.random()})]}),labelWidth:"400px",value:S,onChange:x})})},i=a.bind({});i.args={showTooltip:!0};const u=a.bind({});u.args={showTooltip:!0,tooltipFormatter:r=>e.jsx(pe,{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:[{tooltip:"S1 Production",value:20},{tooltip:"S2 Cementing",value:40},{tooltip:e.jsxs(e.Fragment,{children:[e.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{tooltip:"S4 Shut in",value:80},{tooltip:"S5 Circulate",value:100}]};const v=a.bind({});v.args={marks:[{label:"20m",value:20},{label:"40m",value:40},{label:"60m",value:60},{label:"80m",value:80},{label:"100m",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 m=a.bind({});m.args={marks:ve,vertical:{enabled:!0,width:"100px",height:"400px"}};o.__docgenInfo={description:"",methods:[],displayName:"JSXLabel"};var j,T,C;h.parameters={...h.parameters,docs:{...(j=h.parameters)==null?void 0:j.docs,source:{originalSource:`args => {
2
- const [value, setValue] = useState(args.value);
3
- return <div style={{
4
- paddingTop: 40
5
- }}>
6
- <Slider
7
- // eslint-disable-next-line react/jsx-props-no-spreading
8
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
9
- </div>;
10
- }`,...(C=(T=h.parameters)==null?void 0:T.docs)==null?void 0:C.source}}};var y,w,A;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
11
- const [value, setValue] = useState(args.value);
12
- return <div style={{
13
- paddingTop: 40
14
- }}>
15
- <Slider
16
- // eslint-disable-next-line react/jsx-props-no-spreading
17
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
18
- </div>;
19
- }`,...(A=(w=t.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};var _,f,k;n.parameters={...n.parameters,docs:{...(_=n.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
20
- const [value, setValue] = useState(args.value);
21
- return <div style={{
22
- paddingTop: 40
23
- }}>
24
- <Slider
25
- // eslint-disable-next-line react/jsx-props-no-spreading
26
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
27
- </div>;
28
- }`,...(k=(f=n.parameters)==null?void 0:f.docs)==null?void 0:k.source}}};var M,W,E;l.parameters={...l.parameters,docs:{...(M=l.parameters)==null?void 0:M.docs,source:{originalSource:`args => {
29
- const [value, setValue] = useState(args.value);
30
- return <div style={{
31
- paddingTop: 40
32
- }}>
33
- <Slider
34
- // eslint-disable-next-line react/jsx-props-no-spreading
35
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
36
- </div>;
37
- }`,...(E=(W=l.parameters)==null?void 0:W.docs)==null?void 0:E.source}}};var F,L,R;o.parameters={...o.parameters,docs:{...(F=o.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
38
- const [{
39
- value
40
- }, updateArgs] = useArgs();
41
- const handleChange = (evt: any) => {
42
- updateArgs({
43
- value: evt.target.value
44
- });
45
- };
46
- return <>
47
- <Slider
48
- // eslint-disable-next-line react/jsx-props-no-spreading
49
- {...args} label={<span>
50
- Fixed width label: <strong>{value * Math.random()}</strong>
51
- </span>} labelWidth="400px" value={value} onChange={handleChange} />
52
- </>;
53
- }`,...(R=(L=o.parameters)==null?void 0:L.docs)==null?void 0:R.source}}};var D,O,P;i.parameters={...i.parameters,docs:{...(D=i.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
54
- const [value, setValue] = useState(args.value);
55
- return <div style={{
56
- paddingTop: 40
57
- }}>
58
- <Slider
59
- // eslint-disable-next-line react/jsx-props-no-spreading
60
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
61
- </div>;
62
- }`,...(P=(O=i.parameters)==null?void 0:O.docs)==null?void 0:P.source}}};var I,J,X;u.parameters={...u.parameters,docs:{...(I=u.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
63
- const [value, setValue] = useState(args.value);
64
- return <div style={{
65
- paddingTop: 40
66
- }}>
67
- <Slider
68
- // eslint-disable-next-line react/jsx-props-no-spreading
69
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
70
- </div>;
71
- }`,...(X=(J=u.parameters)==null?void 0:J.docs)==null?void 0:X.source}}};var N,B,K;d.parameters={...d.parameters,docs:{...(N=d.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
72
- const [value, setValue] = useState(args.value);
73
- return <div style={{
74
- paddingTop: 40
75
- }}>
76
- <Slider
77
- // eslint-disable-next-line react/jsx-props-no-spreading
78
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
79
- </div>;
80
- }`,...(K=(B=d.parameters)==null?void 0:B.docs)==null?void 0:K.source}}};var U,Y,$;p.parameters={...p.parameters,docs:{...(U=p.parameters)==null?void 0:U.docs,source:{originalSource:`args => {
81
- const [value, setValue] = useState(args.value);
82
- return <div style={{
83
- paddingTop: 40
84
- }}>
85
- <Slider
86
- // eslint-disable-next-line react/jsx-props-no-spreading
87
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
88
- </div>;
89
- }`,...($=(Y=p.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var q,z,G;c.parameters={...c.parameters,docs:{...(q=c.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
90
- const [value, setValue] = useState(args.value);
91
- return <div style={{
92
- paddingTop: 40
93
- }}>
94
- <Slider
95
- // eslint-disable-next-line react/jsx-props-no-spreading
96
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
97
- </div>;
98
- }`,...(G=(z=c.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var H,Q,Z;v.parameters={...v.parameters,docs:{...(H=v.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
99
- const [value, setValue] = useState(args.value);
100
- return <div style={{
101
- paddingTop: 40
102
- }}>
103
- <Slider
104
- // eslint-disable-next-line react/jsx-props-no-spreading
105
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
106
- </div>;
107
- }`,...(Z=(Q=v.parameters)==null?void 0:Q.docs)==null?void 0:Z.source}}};var ee,ae,re;s.parameters={...s.parameters,docs:{...(ee=s.parameters)==null?void 0:ee.docs,source:{originalSource:`args => {
108
- const [value, setValue] = useState(args.value);
109
- return <div style={{
110
- paddingTop: 40
111
- }}>
112
- <Slider
113
- // eslint-disable-next-line react/jsx-props-no-spreading
114
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
115
- </div>;
116
- }`,...(re=(ae=s.parameters)==null?void 0:ae.docs)==null?void 0:re.source}}};var se,te,ne;g.parameters={...g.parameters,docs:{...(se=g.parameters)==null?void 0:se.docs,source:{originalSource:`args => {
117
- const [value, setValue] = useState(args.value);
118
- return <div style={{
119
- paddingTop: 40
120
- }}>
121
- <Slider
122
- // eslint-disable-next-line react/jsx-props-no-spreading
123
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
124
- </div>;
125
- }`,...(ne=(te=g.parameters)==null?void 0:te.docs)==null?void 0:ne.source}}};var le,oe,ie;m.parameters={...m.parameters,docs:{...(le=m.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
126
- const [value, setValue] = useState(args.value);
127
- return <div style={{
128
- paddingTop: 40
129
- }}>
130
- <Slider
131
- // eslint-disable-next-line react/jsx-props-no-spreading
132
- {...args} value={value} onChange={evt => setValue(evt.target.value)} />
133
- </div>;
134
- }`,...(ie=(oe=m.parameters)==null?void 0:oe.docs)==null?void 0:ie.source}}};const Le=["Default","Range","Label","RangeWithArrows","JSXLabel","Tooltip","FormattedTooltip","Arrows","Marks","MarksWithExtraTooltip","MarksWithCustomLabel","Small","Disabled","Vertical"];export{d as Arrows,h as Default,g as Disabled,u as FormattedTooltip,o as JSXLabel,n as Label,p as Marks,v as MarksWithCustomLabel,c as MarksWithExtraTooltip,t as Range,l as RangeWithArrows,s as Small,i as Tooltip,m as Vertical,Le as __namedExportsOrder,Fe as default};
@@ -1,10 +0,0 @@
1
- import{j as o}from"./jsx-runtime-eps93zm2.js";import{r as q}from"./index-DhsZuJvc.js";import{d as a}from"./index-C0x1JmaP.js";import{c as Ce}from"./index-Bk2sglWO.js";import{c as ae,i as Ne,a as Fe,g as De,u as Me,b as Pe}from"./initialize-context-Y03pJPr5.js";import{M as Y}from"./actions-Bax0KeqM.js";import{I as xe}from"./input-group-addon-D68iUKV2.js";import{B as je}from"./button-Cbv7WK6k.js";import{T as Ae}from"./tooltip-1V7clEnw.js";import{I as Se}from"./input-group-BaRSJAEN.js";import{S as Oe}from"./spacer-BWoNR27H.js";import{T as Le}from"./text-B3-TSWok.js";import{M as Z}from"./types-BmbYqTX_.js";import{l as v}from"./lodash-c4VUpsOs.js";import{N as We,r as Re}from"./number-input-B3_gmeWr.js";const He=()=>{const e=q.useRef(null);return q.useLayoutEffect(()=>{e.current&&(e.current(),e.current=null)}),m=>{e.current=m}};var d=(e=>(e.CUSTOM="custom",e.PREDEFINED="predefined",e))(d||{});const _e=e=>e?!!a.getUnit(e):!1,w=({value:e="",toUnit:f,unitkey:m,defaultFromUnit:P,doNotConvertValue:I})=>{const x=_e(e)||a.isValueWithUnit(e),y=a.getValue(e);return Ne(y)?{value:y}:x?ae({value:e,unitkey:m,toUnit:f,fromUnit:P,doNotConvertValue:I,exactPrecision:!0}):{value:e}},ee=e=>v.isObject(e)&&!v.isArray(e)&&!v.isFunction(e)?v.get(e,"fieldName",""):typeof e=="string"?e:"",te=(e="")=>{var f;return(f=a.KNOWN_UNITS)==null?void 0:f.includes(e)},ke=(e,f)=>{const m=a.getUnit(e||"");return te(f)&&te(m)},$e="_predefinedMenuActive_ye9w9_1",Be="_inputWrapper_ye9w9_4",ne={predefinedMenuActive:$e,inputWrapper:Be},Ke=({name:e,placeholder:f="",disabled:m=!1,disabledUnit:P=!1,error:I=null,left:x=!1,small:y=!1,width:R="100%",value:l,unitkey:u="",initUnit:ie,noConversion:re=!1,onChange:j=v.noop,onClick:Ge=v.noop,onFocus:se=v.noop,onSwitchUnit:H=v.noop,unitTemplate:_,doNotConvertValue:b=!1,testId:V,warning:k=null,predefinedOptions:g,initialPredefinedOption:le=!1,shouldLinkAutomaticly:$=!0,selectedPredefinedOptionKey:B,validationCallback:ue=()=>({name:"",error:null}),disabledValidation:oe=!1,allowEmpty:de=!1,autoValue:U,convertBackToStorageUnit:pe=!1,enableCosmeticRounding:K=!0,enableDisplayRounding:me=!1})=>{const h=Fe(),ce=He();typeof l=="number"&&(l=`${l}`);const[G="",T=""]=l!==void 0?a.split(l):[],Q=U?a.getUnit(U):"",z=q.useMemo(()=>De(u,_||(h==null?void 0:h.unitTemplate)),[u,_,h==null?void 0:h.unitTemplate]),fe=ke(l,z),c=ie||z||T,ge=Me(c),{value:J}=w({value:l,toUnit:c,unitkey:u,defaultFromUnit:T,doNotConvertValue:b}),{value:X}=w({value:U,toUnit:c,unitkey:u,defaultFromUnit:Q,doNotConvertValue:b}),ve=J!==""?{value:J,unit:c}:X!==""?{value:X,unit:c}:{value:G,unit:T},[i,A]=q.useState(ve),ye=de||(i==null?void 0:i.value)===void 0,[E,S]=q.useState(le?d.PREDEFINED:d.CUSTOM),O=G===""&&U,Ue=!!(oe||U),C=g&&g.find(t=>{if(!(t!=null&&t.value))return;if(B)return B===t.valueKey;const n=a.isValueWithUnit(t.value)?a.getUnit(t.value):"",{value:r=l}=ae({value:String(l),unitkey:u,toUnit:n});return a.withUnit(r,n)===t.value}),Te=()=>{const t=O?U:l??"",n=i.unit;if(Pe({value:t,unitkey:u,toUnit:n})){if(u)try{let s=a.altUnitsList(t,u);return a.getValue(t)===""?s.map(p=>["",p[1]]):s}catch{return null}}else{let s=a.getAltUnitsListByQuantity(u);return s==null?void 0:s.map(p=>["",p==null?void 0:p.unit])}},Ee=t=>{const n=ee(e),r=t.target,{value:s,selectionStart:p}=r,M=a.withUnit(s,(i==null?void 0:i.unit)||""),W=pe?a.withUnit(a.convertAndGetValue(M,T),T):M;j({target:{value:W,name:n}});const[qe,Ie]=a.split(M);A({value:qe,unit:Ie}),ce(()=>{r.selectionStart=p,r.selectionEnd=p})},be=(t,n)=>{n===i.unit||isNaN(Number(t))||(A({value:t,unit:n}),H&&H(n))};q.useEffect(()=>{if(c){let t,n="";if(ge!==c){const{value:r}=w({value:l,toUnit:c,unitkey:u,defaultFromUnit:T,doNotConvertValue:b});t=r,n=c}else if(a.withUnit(i.value,i.unit)!==l){const{value:r}=w({value:l,toUnit:i.unit,unitkey:u,defaultFromUnit:T,doNotConvertValue:b});t=r,n=i.unit}t!==void 0&&A({value:t,unit:n}),g&&S(C&&$?d.PREDEFINED:d.CUSTOM)}},[c,l,I,$]);const N=Te(),F=a.label(i.unit)||i.unit||"",Ve=re||!N||N&&N.length===1,L=ee(e);let D;const he=t=>{const n=t!=null&&t.value?t.value:"",[r="",s=""]=a.isValueWithUnit(n)?a.split(n):[n];return{type:Z.OPTION,inline:!0,onClick:()=>{a.validateNumber(r).valid&&!m&&(S(d.PREDEFINED),j({target:{value:n,name:typeof e=="string"?e:(e==null?void 0:e.fieldName)||"",predefinedSelected:!0,predefinedOption:t}}))},label:o.jsxs(o.Fragment,{children:[o.jsx(Le,{children:t.label}),o.jsx(Oe,{width:"20px",height:"0"})]}),description:a.isValueWithUnit(n)?`${r} ${s}`:n,selected:C===t&&E===d.PREDEFINED}};if(D=[{type:Z.OPTION,inline:!0,onClick:()=>{E!==d.CUSTOM&&!m&&j({target:{value:a.withUnit(i.value,i.unit),name:typeof e=="string"?e:(e==null?void 0:e.fieldName)||""}})},label:"Custom",selected:E===d.CUSTOM}],g!=null&&g.length){const t=g.map(he);D=[...D,...t]}const we=t=>{if(O){const{value:n}=w({value:U,toUnit:i.unit,unitkey:u,defaultFromUnit:Q,doNotConvertValue:b});return n}else if(a.isValueWithUnit(t)){const n=a.getUnit(t),{value:r}=w({value:t,toUnit:i.unit,unitkey:u,defaultFromUnit:n,doNotConvertValue:b});return r}return t};return o.jsx("div",{className:E===d.PREDEFINED?Ce(ne.predefinedMenuActive):"",children:o.jsxs(Se,{small:y,width:R,children:[g&&o.jsx(Ae,{text:E===d.PREDEFINED?C==null?void 0:C.label:"",children:o.jsx(Y,{maxHeight:380,groupOrder:"first",testId:V&&`${V}-predefined-menu`,disabled:m,menu:{colored:!0,trigger:"Component",component:o.jsx(je,{groupOrder:"first",active:E===d.PREDEFINED,icon:E===d.PREDEFINED?"link":"unlink"}),small:y,sections:D}})}),o.jsx("div",{className:ne.inputWrapper,children:o.jsx(We,{name:L,testId:V,disabled:m,placeholder:we(f),value:i.value,onChange:Ee,onFocus:se,error:I===null?void 0:I,warning:k===null?void 0:k,left:x,allowEmpty:ye,validationCallback:(t,n)=>ue(L,n),enableCosmeticRounding:K,enableDisplayRounding:me,groupOrder:g?"middle":"first",disableInternalErrorValidationMessages:Ue,small:y},L)}),F&&(Ve||!fe?o.jsx(xe,{groupOrder:"last",children:F}):o.jsx(Y,{maxHeight:380,groupOrder:"last",disabled:P,testId:V&&`${V}-menu`,menu:{label:F,trigger:"DropDownButton",small:y,sections:N.map(([t,n,r])=>{const s=r||n||"",p=a.isValidNum(t)?t:"";return{type:"Option",label:K?Re(p):p,inline:!0,onClick:W=>{W.stopPropagation(),be(O?"":t,n)},description:s,selected:s===F,testId:`${V}-unit-${s}`}})}}))]})})};Ke.__docgenInfo={description:"",methods:[],displayName:"UnitInput",props:{name:{required:!0,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:!1}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabledUnit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | null | boolean",elements:[{name:"string"},{name:"null"},{name:"boolean"}]},description:"",defaultValue:{value:"null",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:"string"},description:""},unitkey:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},initUnit:{required:!1,tsType:{name:"string"},description:""},noConversion:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},doNotConvertValue:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | boolean | null",elements:[{name:"string"},{name:"boolean"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},predefinedOptions:{required:!1,tsType:{name:"union",raw:"IPredefinedOption[] | null",elements:[{name:"Array",elements:[{name:"IPredefinedOption"}],raw:"IPredefinedOption[]"},{name:"null"}]},description:""},initialPredefinedOption:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},shouldLinkAutomaticly:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},selectedPredefinedOptionKey:{required:!1,tsType:{name:"string"},description:""},validationCallback:{required:!1,tsType:{name:"signature",type:"function",raw:"(name: string, error: string | null) => any",signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"error"}],return:{name:"any"}}},description:"",defaultValue:{value:"() => ({ name: '', error: null })",computed:!1}},disabledValidation:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},allowEmpty:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},autoValue:{required:!1,tsType:{name:"string"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: TChangeEvent | ICustomChangeEvent) => void",signature:{arguments:[{type:{name:"union",raw:"TChangeEvent | ICustomChangeEvent",elements:[{name:"intersection",raw:`ChangeEvent<T> & {
2
- target:
3
- | T
4
- | { name: string; value: any; label?: string; files?: FileList | null };
5
- }`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
6
- target:
7
- | T
8
- | { name: string; value: any; label?: string; files?: FileList | null };
9
- }`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
10
- | { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},{name:"ICustomChangeEvent"}]},name:"event"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onSwitchUnit:{required:!1,tsType:{name:"signature",type:"function",raw:"(unit: string) => void",signature:{arguments:[{type:{name:"string"},name:"unit"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"HTMLInputElement"}],raw:"MouseEventHandler<HTMLInputElement>"},description:"",defaultValue:{value:"noop",computed:!0}},onFocus:{required:!1,tsType:{name:"FocusEventHandler",elements:[{name:"HTMLInputElement"}],raw:"FocusEventHandler<HTMLInputElement>"},description:"",defaultValue:{value:"noop",computed:!0}},unitTemplate:{required:!1,tsType:{name:"Record",elements:[{name:"string"},{name:"any"}],raw:"Record<string, any>"},description:""},convertBackToStorageUnit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},enableCosmeticRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};export{Ke as U};