@oliasoft-open-source/react-ui-library 4.12.1 → 4.12.2-beta-1
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.
- package/dist/global.css +12 -14
- package/dist/index.js +23 -16
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-KGDBMAHA-cuFJBfra.js → Color-KGDBMAHA-DR5riISF.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-PKQXORMH-CaQNyPjs.js → DocsRenderer-PKQXORMH-DoLMzUGK.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-BlHfHegj.js → accordion.stories-CrmHu75y.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-CIalsKBg.js → buttons-and-links-D9QYAqXc.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-Cl2tJipP.js → casing-loads.stories-Buy0-e_n.js} +1 -1
- package/dist/storybook/assets/{cell.stories-rzJE_qJC.js → cell.stories-CPNfDo9l.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-B6tKmVAb.js → chunk-HLWAVYOI-B19gizy0.js} +1 -1
- package/dist/storybook/assets/{color-Db0d-sIL.js → color-DOGODpJM.js} +1 -1
- package/dist/storybook/assets/{footer.stories-C6M5S0UZ.js → footer.stories-DniqHrTZ.js} +1 -1
- package/dist/storybook/assets/{form.stories-BNORsn6Z.js → form.stories-Cr5Pz40F.js} +1 -1
- package/dist/storybook/assets/{formation.stories-1WX1Nu1P.js → formation.stories-C4Kugh7C.js} +1 -1
- package/dist/storybook/assets/{iframe-CiH1oRY9.js → iframe-DkdT7E6u.js} +2 -2
- package/dist/storybook/assets/{index-CFQAbfkz.js → index-BAPxTrKt.js} +1 -1
- package/dist/storybook/assets/{index-DxVfXBUu.js → index-CwR8VCbF.js} +88 -88
- package/dist/storybook/assets/{input-validation-2jw3AErr.js → input-validation-llrgZ0aw.js} +1 -1
- package/dist/storybook/assets/{inputs-vz_lls3e.js → inputs-D95idzfz.js} +1 -1
- package/dist/storybook/assets/{layout-forms-C57CCgYO.js → layout-forms-Bmc6a73a.js} +1 -1
- package/dist/storybook/assets/{layout-general-BrPYeT71.js → layout-general-DwimaZpH.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-frCiIWTJ.js → padding-and-spacing-DX1RBvZY.js} +1 -1
- package/dist/storybook/assets/{preview-BtOO2cWa.js → preview-IQ_AMOjJ.js} +2 -2
- package/dist/storybook/assets/{preview-zxbSrXtO.js → preview-lF2OP7nL.js} +1 -1
- package/dist/storybook/assets/{row.stories-DRvH8Grn.js → row.stories-jKh8Ms1e.js} +1 -1
- package/dist/storybook/assets/{slider-DnRddBCy.css → slider-DPdTVMP0.css} +1 -1
- package/dist/storybook/assets/{slider-CcpE4BLD.js → slider-DxaD8LU4.js} +4 -4
- package/dist/storybook/assets/slider.stories-DuGie_AX.js +134 -0
- package/dist/storybook/assets/{table-DoyDBG6l.js → table-BSABGfWm.js} +1 -1
- package/dist/storybook/assets/{table.stories-BgWKzIob.js → table.stories-CHwzAdud.js} +1 -1
- package/dist/storybook/assets/{title.stories-Rv6ZO_Wl.js → title.stories-D0VjujmM.js} +1 -1
- package/dist/storybook/assets/unit-input-DTOrVqdm.js +5 -0
- package/dist/storybook/assets/{unit-input.stories-BP03WTYV.js → unit-input.stories-BhSBzB95.js} +1 -1
- package/dist/storybook/assets/{unit-input.test-case.stories-D9PyN8YI.js → unit-input.test-case.stories-Dk5SRvMt.js} +7 -12
- package/dist/storybook/assets/{unit-table.stories-CISvZMxX.js → unit-table.stories-DwZVHcZo.js} +1 -1
- package/dist/storybook/assets/{unit-table.test-case.stories-tEype9om.js → unit-table.test-case.stories-C9Swzooe.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +1 -1
- package/dist/404.html +0 -1
- package/dist/storybook/assets/slider.stories-BqlRLY_C.js +0 -171
- package/dist/storybook/assets/unit-input-C07ZKMj5.js +0 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1725546776220,"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
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-BVCFmQTa.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BU9wzZv9.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-CcpE4BLD.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-Cbv7WK6k.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 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 Ne}from"./index-Bk2sglWO.js";import{c as ne,i as Ce,a as Fe,g as De,u as Me,b as Pe}from"./initialize-context-Y03pJPr5.js";import{M as X}from"./actions-Bax0KeqM.js";import{I as xe}from"./input-group-addon-D68iUKV2.js";import{B as Se}from"./button-Cbv7WK6k.js";import{T as je}from"./tooltip-1V7clEnw.js";import{I as Ae}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 Y}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 _e=()=>{const e=q.useRef(null);return q.useLayoutEffect(()=>{e.current&&(e.current(),e.current=null)}),c=>{e.current=c}};var d=(e=>(e.CUSTOM="custom",e.PREDEFINED="predefined",e))(d||{});const He=e=>{if(!e)return!1;const m=a.getUnit(e);return!a.KNOWN_UNITS.includes(m)},w=({value:e="",toUnit:m,unitkey:c,defaultFromUnit:x,doNotConvertValue:I})=>{const N=a.getValue(e),E=Ce(N);return He(e)?{value:N}:E?{value:N}:a.isValueWithUnit(e)?ne({value:e,unitkey:c,toUnit:m,fromUnit:x,doNotConvertValue:I,exactPrecision:!0}):{value:e}},Z=e=>v.isObject(e)&&!v.isArray(e)&&!v.isFunction(e)?v.get(e,"fieldName",""):typeof e=="string"?e:"",ee=(e="")=>{var m;return(m=a.KNOWN_UNITS)==null?void 0:m.includes(e)},ke=(e,m)=>{const c=a.getUnit(e||"");return ee(m)&&ee(c)},$e="_predefinedMenuActive_ye9w9_1",Be="_inputWrapper_ye9w9_4",te={predefinedMenuActive:$e,inputWrapper:Be},Ke=({name:e,placeholder:m="",disabled:c=!1,disabledUnit:x=!1,error:I=null,left:N=!1,small:E=!1,width:ae="100%",value:l,unitkey:u="",initUnit:ie,noConversion:re=!1,onChange:S=v.noop,onClick:Ge=v.noop,onFocus:se=v.noop,onSwitchUnit:R=v.noop,unitTemplate:_,doNotConvertValue:b=!1,testId:V,warning:H=null,predefinedOptions:g,initialPredefinedOption:le=!1,shouldLinkAutomaticly:k=!0,selectedPredefinedOptionKey:$,validationCallback:ue=()=>({name:"",error:null}),disabledValidation:oe=!1,allowEmpty:de=!1,autoValue:y,convertBackToStorageUnit:pe=!1,enableCosmeticRounding:B=!0,enableDisplayRounding:me=!1})=>{const h=Fe(),ce=_e();typeof l=="number"&&(l=`${l}`);const[K="",U=""]=l!==void 0?a.split(l):[],G=y?a.getUnit(y):"",Q=q.useMemo(()=>De(u,_||(h==null?void 0:h.unitTemplate)),[u,_,h==null?void 0:h.unitTemplate]),fe=ke(l,Q),f=ie||Q||U,ge=Me(f),{value:z}=w({value:l,toUnit:f,unitkey:u,defaultFromUnit:U,doNotConvertValue:b}),{value:J}=w({value:y,toUnit:f,unitkey:u,defaultFromUnit:G,doNotConvertValue:b}),ve=z!==""?{value:z,unit:f}:J!==""?{value:J,unit:f}:{value:K,unit:U},[i,j]=q.useState(ve),ye=de||(i==null?void 0:i.value)===void 0,[T,A]=q.useState(le?d.PREDEFINED:d.CUSTOM),O=K===""&&y,Ue=!!(oe||y),C=g&&g.find(t=>{if(!(t!=null&&t.value))return;if($)return $===t.valueKey;const n=a.isValueWithUnit(t.value)?a.getUnit(t.value):"",{value:r=l}=ne({value:String(l),unitkey:u,toUnit:n});return a.withUnit(r,n)===t.value}),Te=()=>{const t=O?y: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=Z(e),r=t.target,{value:s,selectionStart:p}=r,P=a.withUnit(s,(i==null?void 0:i.unit)||""),W=pe?a.withUnit(a.convertAndGetValue(P,U),U):P;S({target:{value:W,name:n}});const[qe,Ie]=a.split(P);j({value:qe,unit:Ie}),ce(()=>{r.selectionStart=p,r.selectionEnd=p})},be=(t,n)=>{n===i.unit||isNaN(Number(t))||(j({value:t,unit:n}),R&&R(n))};q.useEffect(()=>{if(f){let t,n="";if(ge!==f){const{value:r}=w({value:l,toUnit:f,unitkey:u,defaultFromUnit:U,doNotConvertValue:b});t=r,n=f}else if(a.withUnit(i.value,i.unit)!==l){const{value:r}=w({value:l,toUnit:i.unit,unitkey:u,defaultFromUnit:U,doNotConvertValue:b});t=r,n=i.unit}t!==void 0&&j({value:t,unit:n}),g&&A(C&&k?d.PREDEFINED:d.CUSTOM)}},[f,l,I,k]);const F=Te(),D=a.label(i.unit)||i.unit||"",Ve=re||!F||F&&F.length===1,L=Z(e);let M;const he=t=>{const n=t!=null&&t.value?t.value:"",[r="",s=""]=a.isValueWithUnit(n)?a.split(n):[n];return{type:Y.OPTION,inline:!0,onClick:()=>{a.validateNumber(r).valid&&!c&&(A(d.PREDEFINED),S({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&&T===d.PREDEFINED}};if(M=[{type:Y.OPTION,inline:!0,onClick:()=>{T!==d.CUSTOM&&!c&&S({target:{value:a.withUnit(i.value,i.unit),name:typeof e=="string"?e:(e==null?void 0:e.fieldName)||""}})},label:"Custom",selected:T===d.CUSTOM}],g!=null&&g.length){const t=g.map(he);M=[...M,...t]}const we=t=>{if(O){const{value:n}=w({value:y,toUnit:i.unit,unitkey:u,defaultFromUnit:G,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:T===d.PREDEFINED?Ne(te.predefinedMenuActive):"",children:o.jsxs(Ae,{small:E,width:ae,children:[g&&o.jsx(je,{text:T===d.PREDEFINED?C==null?void 0:C.label:"",children:o.jsx(X,{maxHeight:380,groupOrder:"first",testId:V&&`${V}-predefined-menu`,disabled:c,menu:{colored:!0,trigger:"Component",component:o.jsx(Se,{groupOrder:"first",active:T===d.PREDEFINED,icon:T===d.PREDEFINED?"link":"unlink"}),small:E,sections:M}})}),o.jsx("div",{className:te.inputWrapper,children:o.jsx(We,{name:L,testId:V,disabled:c,placeholder:we(m),value:i.value,onChange:Ee,onFocus:se,error:I===null?void 0:I,warning:H===null?void 0:H,left:N,allowEmpty:ye,validationCallback:(t,n)=>ue(L,n),enableCosmeticRounding:B,enableDisplayRounding:me,groupOrder:g?"middle":"first",disableInternalErrorValidationMessages:Ue,small:E},L)}),D&&(Ve||!fe?o.jsx(xe,{groupOrder:"last",children:D}):o.jsx(X,{maxHeight:380,groupOrder:"last",disabled:x,testId:V&&`${V}-menu`,menu:{label:D,trigger:"DropDownButton",small:E,sections:F.map(([t,n,r])=>{const s=r||n||"",p=a.isValidNum(t)?t:"";return{type:"Option",label:B?Re(p):p,inline:!0,onClick:W=>{W.stopPropagation(),be(O?"":t,n)},description:s,selected:s===D,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};
|