@oliasoft-open-source/react-ui-library 4.10.10 → 4.10.11-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 (43) hide show
  1. package/dist/global.css +15 -14
  2. package/dist/index.js +23 -16
  3. package/dist/index.js.map +1 -1
  4. package/dist/storybook/assets/{Color-KGDBMAHA-B1XEiCiZ.js → Color-KGDBMAHA-Yig8YPqq.js} +1 -1
  5. package/dist/storybook/assets/{DocsRenderer-PKQXORMH-jOdRXajj.js → DocsRenderer-PKQXORMH-BIgjkRLQ.js} +1 -1
  6. package/dist/storybook/assets/{accordion.stories-BSRBp5Mg.js → accordion.stories-BP_O4Fsq.js} +1 -1
  7. package/dist/storybook/assets/{buttons-and-links-DqU30Pjh.js → buttons-and-links-Czphdd8X.js} +1 -1
  8. package/dist/storybook/assets/{casing-loads.stories-CE6GJ021.js → casing-loads.stories-P8jospF5.js} +1 -1
  9. package/dist/storybook/assets/{cell.stories-BkZwSf40.js → cell.stories-b34ncu8-.js} +1 -1
  10. package/dist/storybook/assets/{chunk-HLWAVYOI-Cjlis2W_.js → chunk-HLWAVYOI-CCgb5zEt.js} +1 -1
  11. package/dist/storybook/assets/{color-f9NJQk4F.js → color-pp5NlA5A.js} +1 -1
  12. package/dist/storybook/assets/{footer.stories-C1SojIiD.js → footer.stories-2LhhmP6F.js} +1 -1
  13. package/dist/storybook/assets/{form.stories-BLcmnfy8.js → form.stories-vZNA4E-l.js} +1 -1
  14. package/dist/storybook/assets/{formation.stories-DZ9-Ct5F.js → formation.stories-CFEXQ_n7.js} +1 -1
  15. package/dist/storybook/assets/{iframe-DfLK4xoJ.js → iframe-C8v4MbrE.js} +2 -2
  16. package/dist/storybook/assets/{index-DrftH-bj.js → index-Ce1Vzgdm.js} +88 -88
  17. package/dist/storybook/assets/{index-CFnPlu74.js → index-V9VCSiXc.js} +1 -1
  18. package/dist/storybook/assets/{input-validation-ELZZpvME.js → input-validation-u7A9ABpp.js} +1 -1
  19. package/dist/storybook/assets/{inputs-DJXDW2oN.js → inputs-BLh1xUEl.js} +1 -1
  20. package/dist/storybook/assets/{layout-forms-BXTvHa4t.js → layout-forms-DuNuuuBU.js} +1 -1
  21. package/dist/storybook/assets/{layout-general-DV9YMUtE.js → layout-general-Cb_fIvT0.js} +1 -1
  22. package/dist/storybook/assets/{padding-and-spacing-CSqpN9mn.js → padding-and-spacing-bxhXC6r3.js} +1 -1
  23. package/dist/storybook/assets/{preview-B4oXSEH0.js → preview-BVVDw32a.js} +1 -1
  24. package/dist/storybook/assets/{preview-C0L5ZMHJ.js → preview-Bya5Ypd6.js} +2 -2
  25. package/dist/storybook/assets/{row.stories-D11wLSt6.js → row.stories-DQSodr22.js} +1 -1
  26. package/dist/storybook/assets/{slider-C7vnj_3M.js → slider-BSa0PqZu.js} +4 -4
  27. package/dist/storybook/assets/{slider-DnRddBCy.css → slider-Cf9tPrCy.css} +1 -1
  28. package/dist/storybook/assets/slider.stories-DV7T0OKR.js +134 -0
  29. package/dist/storybook/assets/{table-DyOsClUv.js → table-DOh8CiCu.js} +1 -1
  30. package/dist/storybook/assets/{table.stories-C1GgZCCR.js → table.stories-Bvcj2Skd.js} +1 -1
  31. package/dist/storybook/assets/{title.stories-jatDyjoM.js → title.stories-Dugg_2Kj.js} +1 -1
  32. package/dist/storybook/assets/unit-input-CooRJQnF.js +10 -0
  33. package/dist/storybook/assets/{unit-input.stories-CZBOk2N9.js → unit-input.stories-zmSrl6iW.js} +1 -1
  34. package/dist/storybook/assets/{unit-input.test-case.stories-DQIpam5Y.js → unit-input.test-case.stories-C1xRJ1EZ.js} +1 -1
  35. package/dist/storybook/assets/{unit-table.stories-Bl2gHPKG.js → unit-table.stories-DVicZbZ2.js} +1 -1
  36. package/dist/storybook/assets/{unit-table.test-case.stories-DpSewGv4.js → unit-table.test-case.stories-DCiFxFIK.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/404.html +0 -1
  42. package/dist/storybook/assets/slider.stories-BzBb3PkP.js +0 -171
  43. package/dist/storybook/assets/unit-input-maDNevEK.js +0 -10
@@ -1 +1 @@
1
- {"generatedAt":1724863680569,"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":1725025351072,"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.10.10",
3
+ "version": "4.10.11-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": {
package/dist/404.html DELETED
@@ -1 +0,0 @@
1
- <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-DoFa61ar.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BpSdrNXy.css"></head><body><div id="content"></div></body>
@@ -1,171 +0,0 @@
1
- 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 => {
2
- const [_, updateArgs] = useArgs();
3
- const handleChange = (evt: any) => {
4
- updateArgs({
5
- value: evt.target.value
6
- });
7
- };
8
- return <div style={{
9
- paddingTop: 40
10
- }}>
11
- <Slider
12
- // eslint-disable-next-line react/jsx-props-no-spreading
13
- {...args} onChange={handleChange} />
14
- </div>;
15
- }`,...(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 => {
16
- const [_, updateArgs] = useArgs();
17
- const handleChange = (evt: any) => {
18
- updateArgs({
19
- value: evt.target.value
20
- });
21
- };
22
- return <div style={{
23
- paddingTop: 40
24
- }}>
25
- <Slider
26
- // eslint-disable-next-line react/jsx-props-no-spreading
27
- {...args} onChange={handleChange} />
28
- </div>;
29
- }`,...(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 => {
30
- const [_, updateArgs] = useArgs();
31
- const handleChange = (evt: any) => {
32
- updateArgs({
33
- value: evt.target.value
34
- });
35
- };
36
- return <div style={{
37
- paddingTop: 40
38
- }}>
39
- <Slider
40
- // eslint-disable-next-line react/jsx-props-no-spreading
41
- {...args} onChange={handleChange} />
42
- </div>;
43
- }`,...(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 => {
44
- const [_, updateArgs] = useArgs();
45
- const handleChange = (evt: any) => {
46
- updateArgs({
47
- value: evt.target.value
48
- });
49
- };
50
- return <div style={{
51
- paddingTop: 40
52
- }}>
53
- <Slider
54
- // eslint-disable-next-line react/jsx-props-no-spreading
55
- {...args} onChange={handleChange} />
56
- </div>;
57
- }`,...(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 => {
58
- const [{
59
- value
60
- }, updateArgs] = useArgs();
61
- const handleChange = (evt: any) => {
62
- updateArgs({
63
- value: evt.target.value
64
- });
65
- };
66
- return <>
67
- <Slider
68
- // eslint-disable-next-line react/jsx-props-no-spreading
69
- {...args} label={<span>
70
- Fixed width label: <strong>{value * Math.random()}</strong>
71
- </span>} labelWidth="400px" value={value} onChange={handleChange} />
72
- </>;
73
- }`,...(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 => {
74
- const [_, updateArgs] = useArgs();
75
- const handleChange = (evt: any) => {
76
- updateArgs({
77
- value: evt.target.value
78
- });
79
- };
80
- return <div style={{
81
- paddingTop: 40
82
- }}>
83
- <Slider
84
- // eslint-disable-next-line react/jsx-props-no-spreading
85
- {...args} onChange={handleChange} />
86
- </div>;
87
- }`,...(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 => {
88
- const [_, updateArgs] = useArgs();
89
- const handleChange = (evt: any) => {
90
- updateArgs({
91
- value: evt.target.value
92
- });
93
- };
94
- return <div style={{
95
- paddingTop: 40
96
- }}>
97
- <Slider
98
- // eslint-disable-next-line react/jsx-props-no-spreading
99
- {...args} onChange={handleChange} />
100
- </div>;
101
- }`,...(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 => {
102
- const [_, updateArgs] = useArgs();
103
- const handleChange = (evt: any) => {
104
- updateArgs({
105
- value: evt.target.value
106
- });
107
- };
108
- return <div style={{
109
- paddingTop: 40
110
- }}>
111
- <Slider
112
- // eslint-disable-next-line react/jsx-props-no-spreading
113
- {...args} onChange={handleChange} />
114
- </div>;
115
- }`,...(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 => {
116
- const [_, updateArgs] = useArgs();
117
- const handleChange = (evt: any) => {
118
- updateArgs({
119
- value: evt.target.value
120
- });
121
- };
122
- return <div style={{
123
- paddingTop: 40
124
- }}>
125
- <Slider
126
- // eslint-disable-next-line react/jsx-props-no-spreading
127
- {...args} onChange={handleChange} />
128
- </div>;
129
- }`,...(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 => {
130
- const [_, updateArgs] = useArgs();
131
- const handleChange = (evt: any) => {
132
- updateArgs({
133
- value: evt.target.value
134
- });
135
- };
136
- return <div style={{
137
- paddingTop: 40
138
- }}>
139
- <Slider
140
- // eslint-disable-next-line react/jsx-props-no-spreading
141
- {...args} onChange={handleChange} />
142
- </div>;
143
- }`,...(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 => {
144
- const [_, updateArgs] = useArgs();
145
- const handleChange = (evt: any) => {
146
- updateArgs({
147
- value: evt.target.value
148
- });
149
- };
150
- return <div style={{
151
- paddingTop: 40
152
- }}>
153
- <Slider
154
- // eslint-disable-next-line react/jsx-props-no-spreading
155
- {...args} onChange={handleChange} />
156
- </div>;
157
- }`,...(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 => {
158
- const [_, updateArgs] = useArgs();
159
- const handleChange = (evt: any) => {
160
- updateArgs({
161
- value: evt.target.value
162
- });
163
- };
164
- return <div style={{
165
- paddingTop: 40
166
- }}>
167
- <Slider
168
- // eslint-disable-next-line react/jsx-props-no-spreading
169
- {...args} onChange={handleChange} />
170
- </div>;
171
- }`,...(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};
@@ -1,10 +0,0 @@
1
- import{j as p}from"./jsx-runtime-eps93zm2.js";import{r as T}from"./index-DhsZuJvc.js";import{d as n}from"./index-C0x1JmaP.js";import{c as Ce}from"./index-Bk2sglWO.js";import{u as Fe}from"./use-previous-D775JrO6.js";import{M as Y}from"./actions-D-uVCDzk.js";import{I as De}from"./input-group-addon-D68iUKV2.js";import{B as Me}from"./button-DHevvVBE.js";import{T as Pe}from"./tooltip-1V7clEnw.js";import{I as xe}from"./input-group-BaRSJAEN.js";import{S as Ae}from"./spacer-BWoNR27H.js";import{T as Se}from"./text-B3-TSWok.js";import{M as Z}from"./types-BmbYqTX_.js";import{l as E}from"./lodash-c4VUpsOs.js";import{N as je,r as We}from"./number-input-CJJvhIIv.js";const Le=()=>{const e=T.useRef(null);return T.useLayoutEffect(()=>{e.current&&(e.current(),e.current=null)}),s=>{e.current=s}},Oe=(e,r)=>{const s=r==null?void 0:r[e];return s||(console.log(`Warning: 'unitTemplate' missing for '${e}'. Using initial unit, preferred unit or value unit.`),n.unitFromQuantity(e)??"")};var c=(e=>(e.CUSTOM="custom",e.PREDEFINED="predefined",e))(c||{});const ie=e=>e==="undefined"||e===void 0||e===""||e==="null"||e===null||e==="NaN"||isNaN(e),re=({value:e,unitkey:r,toUnit:s})=>{var f;const v=n.ALT_UNITS[r];return!(!v||v.length===0||!((f=n.validateNumber(e))!=null&&f.valid)||!v.includes(s))},ae=(e="",r,s,v="",f=!1)=>{var V;if(f)return e;if((V=n.validateNumber(e))!=null&&V.valid&&r&&!ie(e))try{const o=n.isValueWithUnit(e)?e:n.withUnit(e,v);if(re({value:o,toUnit:r,unitkey:s})){const l=n.convertSamePrecision(o,r);return n.getValue(l)}return n.getValue(o)}catch{}},Re=e=>e?!!n.getUnit(e):!1,C=({value:e="",toUnit:r,unitkey:s,defaultFromUnit:v,doNotConvertValue:f})=>{const V=Re(e)||n.isValueWithUnit(e),o=n.getValue(e);return ie(o)?o:V?ae(o,r,s,v,f):e},ee=e=>E.isObject(e)&&!E.isArray(e)&&!E.isFunction(e)?E.get(e,"fieldName",""):typeof e=="string"?e:"",te=(e="")=>{var r;return(r=n.KNOWN_UNITS)==null?void 0:r.includes(e)},_e=(e,r)=>{const s=n.getUnit(e||"");return te(r)&&te(s)};let He=T.createContext(null);const $e=()=>T.useContext(He),ke="_predefinedMenuActive_ye9w9_1",Be="_inputWrapper_ye9w9_4",ne={predefinedMenuActive:ke,inputWrapper:Be},Ke=({name:e,placeholder:r="",disabled:s=!1,disabledUnit:v=!1,error:f=null,left:V=!1,small:o=!1,width:A="100%",value:l,unitkey:d="",initUnit:se,noConversion:le=!1,onChange:S=E.noop,onClick:Ge=E.noop,onFocus:ue=E.noop,onSwitchUnit:_=E.noop,unitTemplate:H,doNotConvertValue:q=!1,testId:I,warning:$=null,predefinedOptions:y,initialPredefinedOption:oe=!1,shouldLinkAutomaticly:k=!0,selectedPredefinedOptionKey:B,validationCallback:de=()=>({name:"",error:null}),disabledValidation:pe=!1,allowEmpty:Qe=!1,autoValue:b,convertBackToStorageUnit:ce=!1,enableCosmeticRounding:K=!0,enableDisplayRounding:me=!1})=>{const N=$e(),fe=Le();typeof l=="number"&&(l=`${l}`);const[G="",h=""]=l!==void 0?n.split(l):[],Q=b?n.getUnit(b):"",z=T.useMemo(()=>Oe(d,H||(N==null?void 0:N.unitTemplate)),[d,H,N==null?void 0:N.unitTemplate]),ge=_e(l,z),g=se||z||h,ve=Fe(g),J=C({value:l,toUnit:g,unitkey:d,defaultFromUnit:h,doNotConvertValue:q}),X=C({value:b,toUnit:g,unitkey:d,defaultFromUnit:Q,doNotConvertValue:q}),ye=J!==""?{value:J,unit:g}:X!==""?{value:X,unit:g}:{value:G,unit:h},[a,j]=T.useState(ye),Ue=(a==null?void 0:a.value)===void 0,[w,W]=T.useState(oe?c.PREDEFINED:c.CUSTOM),L=G===""&&b,Te=!!(pe||b),F=y&&y.find(t=>{if(!(t!=null&&t.value))return;if(B)return B===t.valueKey;const i=n.isValueWithUnit(t.value)?n.getUnit(t.value):"";return n.withUnit(ae(l,i,d),i)===t.value}),Ee=()=>{const t=L?b:l??"",i=a.unit;if(re({value:t,unitkey:d,toUnit:i})){if(d)try{let u=n.altUnitsList(t,d);return n.getValue(t)===""?u.map(m=>["",m[1]]):u}catch{return null}}else{let u=n.getAltUnitsListByQuantity(d);return u==null?void 0:u.map(m=>["",m==null?void 0:m.unit])}},be=t=>{const i=ee(e),U=t.target,{value:u,selectionStart:m}=U,x=n.withUnit(u,(a==null?void 0:a.unit)||""),R=ce?n.withUnit(n.convertAndGetValue(x,h),h):x;S({target:{value:R,name:i}});const[Ie,Ne]=n.split(x);j({value:Ie,unit:Ne}),fe(()=>{U.selectionStart=m,U.selectionEnd=m})},he=(t,i)=>{i===a.unit||isNaN(Number(t))||(j({value:t,unit:i}),_&&_(i))};T.useEffect(()=>{if(g){let t,i="";ve!==g?(t=C({value:l,toUnit:g,unitkey:d,defaultFromUnit:h,doNotConvertValue:q}),i=g):n.withUnit(a.value,a.unit)!==l&&(t=C({value:l,toUnit:a.unit,unitkey:d,defaultFromUnit:h,doNotConvertValue:q}),i=a.unit),t!==void 0&&j({value:t,unit:i}),y&&W(F&&k?c.PREDEFINED:c.CUSTOM)}},[g,l,f,k]);const D=Ee(),M=n.label(a.unit)||a.unit||"",we=le||!D||D&&D.length===1,O=ee(e);let P;const Ve=t=>{const i=t!=null&&t.value?t.value:"",[U="",u=""]=n.isValueWithUnit(i)?n.split(i):[i];return{type:Z.OPTION,inline:!0,onClick:()=>{n.validateNumber(U).valid&&!s&&(W(c.PREDEFINED),S({target:{value:i,name:typeof e=="string"?e:(e==null?void 0:e.fieldName)||"",predefinedSelected:!0,predefinedOption:t}}))},label:p.jsxs(p.Fragment,{children:[p.jsx(Se,{children:t.label}),p.jsx(Ae,{width:"20px",height:"0"})]}),description:n.isValueWithUnit(i)?`${U} ${u}`:i,selected:F===t&&w===c.PREDEFINED}};if(P=[{type:Z.OPTION,inline:!0,onClick:()=>{w!==c.CUSTOM&&!s&&S({target:{value:n.withUnit(a.value,a.unit),name:typeof e=="string"?e:(e==null?void 0:e.fieldName)||""}})},label:"Custom",selected:w===c.CUSTOM}],y!=null&&y.length){const t=y.map(Ve);P=[...P,...t]}const qe=t=>{if(L)return C({value:b,toUnit:a.unit,unitkey:d,defaultFromUnit:Q,doNotConvertValue:q});if(n.isValueWithUnit(t)){const i=n.getUnit(t);return C({value:t,toUnit:a.unit,unitkey:d,defaultFromUnit:i,doNotConvertValue:q})}return t};return p.jsx("div",{className:w===c.PREDEFINED?Ce(ne.predefinedMenuActive):"",children:p.jsxs(xe,{small:o,width:A,children:[y&&p.jsx(Pe,{text:w===c.PREDEFINED?F==null?void 0:F.label:"",children:p.jsx(Y,{maxHeight:380,groupOrder:"first",testId:I&&`${I}-predefined-menu`,disabled:s,menu:{colored:!0,trigger:"Component",component:p.jsx(Me,{groupOrder:"first",active:w===c.PREDEFINED,icon:w===c.PREDEFINED?"link":"unlink"}),small:o,sections:P}})}),p.jsx("div",{className:ne.inputWrapper,children:p.jsx(je,{name:O,testId:I,disabled:s,placeholder:qe(r),value:a.value,onChange:be,onFocus:ue,error:f===null?void 0:f,warning:$===null?void 0:$,left:V,allowEmpty:Ue,validationCallback:(t,i)=>de(O,i),enableCosmeticRounding:K,enableDisplayRounding:me,groupOrder:y?"middle":"first",disableInternalErrorValidationMessages:Te,small:o},O)}),M&&(we||!ge?p.jsx(De,{groupOrder:"last",children:M}):p.jsx(Y,{maxHeight:380,groupOrder:"last",disabled:v,testId:I&&`${I}-menu`,menu:{label:M,trigger:"DropDownButton",small:o,sections:D.map(([t,i,U])=>{const u=U||i||"",m=n.isValidNum(t)?t:"";return{type:"Option",label:K?We(m):m,inline:!0,onClick:R=>{R.stopPropagation(),he(L?"":t,i)},description:u,selected:u===M,testId:`${I}-unit-${u}`}})}}))]})})};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};