npm - @oliasoft-open-source/react-ui-library - Versions diffs - 5.6.0-beta-20 → 5.6.0-beta-21 - Mend

@oliasoft-open-source/react-ui-library 5.6.0-beta-20 → 5.6.0-beta-21

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 (222) hide show

package/dist/storybook/assets/{unit-input-D3ug0XIr.js → unit-input-C-88gl7h.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{A as e,E as t,M as n,h as r,v as i}from"./iframe-D4Zg62hF.js";import{b as a}from"./text-DVka0T2p.js";import{b as o}from"./lodash-DCsx9Ntr.js";import{b as s}from"./button-COZYpTMg.js";import{c}from"./actions-C75Yhysc.js";import{c as l}from"./types-D9-IVcXX.js";import{b as ee}from"./input-group-VNNfEwqC.js";import{b as te}from"./input-group-addon-DhpBpIxI.js";import{A as u,c as d,d as ne,f as re,h as ie,i as f,k as ae,l as p,m as oe,n as m,o as se,p as ce,t as h,y as le,z as g}from"./dist-3hm1VO_N.js";import{b as ue}from"./number-input-CYtGXTJS.js";import{b as de}from"./spacer-CXxVsxF9.js";import{b as fe,c as _,d as v,e as y,f as pe,g as me}from"./initialize-context-B9jrQ6AF.js";var b=n(t());const he=()=>{let e=(0,b.useRef)(null);(0,b.useLayoutEffect)(()=>{e.current&&(e.current(),e.current=null)});let t=t=>{e.current=t};return t};let x=function(e){return e.CUSTOM=`custom`,e.PREDEFINED=`predefined`,e}({});const S=e=>{if(!e)return!1;let t=f(e);return!d.includes(t)},C=({value:e=``,toUnit:t,unitkey:n,defaultFromUnit:r,doNotConvertValue:i})=>{let a=ae(e),o=y(a),s=v({value:e,unitkey:n,toUnit:t});return!s||S(e)||o?{value:a}:m(e)?_({value:e,unitkey:n,toUnit:t,fromUnit:r,doNotConvertValue:i,exactPrecision:!0}):{value:e}};var w=n(o());const ge=e=>(0,w.isObject)(e)&&!(0,w.isArray)(e)&&!(0,w.isFunction)(e)?(0,w.get)(e,`fieldName`,``):typeof e==`string`?e:``,T=(e=``)=>d?.includes(e),_e=(e,t)=>{let n=f(e||``);return T(t)&&T(n)},ve=e=>{let t=p(e);return t?e:ce(e)};var E={predefinedMenuActive:`_predefinedMenuActive_ye9w9_1`,inputWrapper:`_inputWrapper_ye9w9_4`},ye=n(e()),D=n(o()),O=n(r());const k=({name:e,placeholder:t=``,disabled:n=!1,disabledUnit:r=!1,error:o=null,left:d=!1,small:p=!1,width:ce=`100%`,value:y,unitkey:S=``,initUnit:w,noConversion:T=!1,onChange:k=D.noop,onClick:be=D.noop,onFocus:xe=D.noop,onSwitchUnit:A=D.noop,unitTemplate:j,testId:M,warning:N=null,predefinedOptions:P,initialPredefinedOption:Se=!1,shouldLinkAutomaticly:F=!0,selectedPredefinedOptionKey:I,validationCallback:Ce=()=>({name:``,error:null}),disabledValidation:we=!1,allowEmpty:Te=!1,convertBackToStorageUnit:Ee=!1,enableCosmeticRounding:L=!0,enableDisplayRounding:De=!1,roundDisplayValue:Oe,selectOnFocus:ke,groupOrder:R,tooltip:Ae=null})=>{let z=fe(),je=he();typeof y==`number`&&(y=`${y}`);let[Me=``,B=``]=y===void 0?[]:h(y),V=(0,b.useMemo)(()=>pe(S,j||z?.unitTemplate),[S,j,z?.unitTemplate]),Ne=_e(y,V),H=w||V||B,Pe=me(H),{value:U}=C({value:y,toUnit:H,unitkey:S,defaultFromUnit:B,doNotConvertValue:T}),Fe=U===``?{value:Me,unit:B}:{value:U,unit:H},[W,G]=(0,b.useState)(Fe),Ie=Te||W?.value===void 0,[K,q]=(0,b.useState)(Se?x.PREDEFINED:x.CUSTOM),Le=!!(we||n),J=P&&P.find(e=>{if(!e?.value)return;if(I)return I===e.valueKey;let t=m(e.value)?f(e.value):``,{value:n=y}=_({value:String(y),unitkey:S,toUnit:t});return u(n,t)===e.value}),Re=()=>{let e=y??``,t=W.unit,n=v({value:e,unitkey:S,toUnit:t});if(n){if(S)try{let t=ne(e,S);return ae(e)===``?t.map(e=>[``,e[1]]):t}catch{return null}}else{let e=ie(S);return e?.map(e=>[``,e?.unit])}},ze=t=>{let n=ge(e),r=t.target,{value:i,selectionStart:a}=r,o=u(i,W?.unit||``),s=Ee?u(re(o,B),B):o;k({target:{value:s,name:n}});let[c,l]=h(o);G({value:c,unit:l}),je(()=>{r.selectionStart=a,r.selectionEnd=a})},Be=(e,t)=>{t===W.unit||isNaN(Number(e))||(G({value:e,unit:t}),A&&A(t))};(0,b.useEffect)(()=>{if(H){let e,t=``;if(Pe!==H){let{value:n}=C({value:y,toUnit:H,unitkey:S,defaultFromUnit:B,doNotConvertValue:T});e=n,t=H}else if(u(W.value,W.unit)!==y){let{value:n}=C({value:y,toUnit:W.unit,unitkey:S,defaultFromUnit:B,doNotConvertValue:T});e=n,t=W.unit}e!==void 0&&G({value:e,unit:t}),P&&q(J&&F?x.PREDEFINED:x.CUSTOM)}},[H,y,o,F]);let Y=Re(),X=se(W.unit)||W.unit||``,Ve=T||!Y||Y&&Y.length===1,Z=ge(e),Q,He=t=>{let r=t?.value?t.value:``,[i=``,o=``]=m(r)?h(r):[r],s=g(r),c=v({value:r,unitkey:S,toUnit:o});if(c){let{value:e=``}=C({value:r,toUnit:V,unitkey:S,defaultFromUnit:o,doNotConvertValue:T});s=g(u(e,V))}return{type:l.OPTION,inline:!0,onClick:()=>{let a=le(i);a.valid&&!n&&(q(x.PREDEFINED),k({target:{value:r,name:typeof e==`string`?e:e?.fieldName||``,predefinedSelected:!0,predefinedOption:t}}))},label:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(a,{children:t.label}),(0,O.jsx)(de,{width:`20px`,height:`0`})]}),description:s,selected:J===t&&K===x.PREDEFINED}};if(Q=[{type:l.OPTION,inline:!0,onClick:()=>{K!==x.CUSTOM&&!n&&k({target:{value:u(W.value,W.unit),name:typeof e==`string`?e:e?.fieldName||``}})},label:`Custom`,selected:K===x.CUSTOM}],P?.length){let e=P.map(He);Q=[...Q,...e]}let Ue=e=>{if(m(e)){let t=f(e),{value:n}=C({value:e,toUnit:W.unit,unitkey:S,defaultFromUnit:t,doNotConvertValue:T});return n}return e},We=!P&&(!R||R===i.FIRST)?i.FIRST:i.MIDDLE,$=!R||R===i.LAST?i.LAST:i.MIDDLE;return(0,O.jsx)(`div`,{className:K===x.PREDEFINED?(0,ye.default)(E.predefinedMenuActive):``,children:(0,O.jsxs)(ee,{small:p,width:ce,children:[P&&(0,O.jsx)(c,{maxHeight:380,groupOrder:`first`,testId:M&&`${M}-predefined-menu`,disabled:n,menu:{colored:!0,trigger:`Component`,component:(0,O.jsx)(s,{groupOrder:`first`,active:K===x.PREDEFINED,icon:K===x.PREDEFINED?`link`:`unlink`}),small:p,sections:Q},tooltip:K===x.PREDEFINED?J?.label:``}),(0,O.jsx)(`div`,{className:E.inputWrapper,children:(0,O.jsx)(ue,{name:Z,testId:M,disabled:n,placeholder:Ue(t),value:W.value,onChange:ze,onFocus:xe,error:o===null?void 0:o,warning:N===null?void 0:N,left:d,allowEmpty:Ie,validationCallback:(e,t)=>Ce(Z,t),enableCosmeticRounding:L,enableDisplayRounding:De,roundDisplayValue:Oe,groupOrder:We,disableInternalErrorValidationMessages:Le,small:p,selectOnFocus:ke,tooltip:Ae},Z)}),X&&(Ve||!Ne?(0,O.jsx)(te,{groupOrder:$,children:X}):(0,O.jsx)(c,{groupOrder:$,maxHeight:380,disabled:r,testId:M&&`${M}-menu`,tabIndex:-1,menu:{label:X,trigger:`DropDownButton`,small:p,sections:Y.map(([e=``,t=``,n])=>{let r=n||t||``,i=oe(e)?e:``,a=L?ve(i):i;return{type:`Option`,label:a,inline:!0,onClick:n=>{n.stopPropagation(),Be(e,t)},description:r,selected:r===X,testId:`${M}-unit-${r}`}})}}))]})})};k.__docgenInfo={description:``,methods:[],displayName:`UnitInput`,props:{name:{required:!1,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}},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}},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(evt: TOnChangeEvent) => void`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{ target: TOnChangeEventTarget }`,signature:{properties:[{key:`target`,value:{name:`union`,raw:`| TOnChangeEventBaseTarget
+import{A as e,E as t,M as n,h as r,v as i}from"./iframe-EU22ddzP.js";import{b as a}from"./text-CkkjKEEc.js";import{b as o}from"./lodash-CiSVjb27.js";import{b as s}from"./button-DXVRmU6A.js";import{c}from"./actions-Ct9IeQri.js";import{c as l}from"./types-D9-IVcXX.js";import{b as ee}from"./input-group-D24O4Bxc.js";import{b as te}from"./input-group-addon-DZoIwpw9.js";import{A as u,c as d,d as ne,f as re,h as ie,i as f,k as ae,l as p,m as oe,n as m,o as se,p as ce,t as h,y as le,z as g}from"./dist-3hm1VO_N.js";import{b as ue}from"./number-input-CO11SW2l.js";import{b as de}from"./spacer-vcWIopH5.js";import{b as fe,c as _,d as v,e as y,f as pe,g as me}from"./initialize-context-DFfe1jE3.js";var b=n(t());const he=()=>{let e=(0,b.useRef)(null);(0,b.useLayoutEffect)(()=>{e.current&&(e.current(),e.current=null)});let t=t=>{e.current=t};return t};let x=function(e){return e.CUSTOM=`custom`,e.PREDEFINED=`predefined`,e}({});const S=e=>{if(!e)return!1;let t=f(e);return!d.includes(t)},C=({value:e=``,toUnit:t,unitkey:n,defaultFromUnit:r,doNotConvertValue:i})=>{let a=ae(e),o=y(a),s=v({value:e,unitkey:n,toUnit:t});return!s||S(e)||o?{value:a}:m(e)?_({value:e,unitkey:n,toUnit:t,fromUnit:r,doNotConvertValue:i,exactPrecision:!0}):{value:e}};var w=n(o());const ge=e=>(0,w.isObject)(e)&&!(0,w.isArray)(e)&&!(0,w.isFunction)(e)?(0,w.get)(e,`fieldName`,``):typeof e==`string`?e:``,T=(e=``)=>d?.includes(e),_e=(e,t)=>{let n=f(e||``);return T(t)&&T(n)},ve=e=>{let t=p(e);return t?e:ce(e)};var E={predefinedMenuActive:`_predefinedMenuActive_ye9w9_1`,inputWrapper:`_inputWrapper_ye9w9_4`},ye=n(e()),D=n(o()),O=n(r());const k=({name:e,placeholder:t=``,disabled:n=!1,disabledUnit:r=!1,error:o=null,left:d=!1,small:p=!1,width:ce=`100%`,value:y,unitkey:S=``,initUnit:w,noConversion:T=!1,onChange:k=D.noop,onClick:be=D.noop,onFocus:xe=D.noop,onSwitchUnit:A=D.noop,unitTemplate:j,testId:M,warning:N=null,predefinedOptions:P,initialPredefinedOption:Se=!1,shouldLinkAutomaticly:F=!0,selectedPredefinedOptionKey:I,validationCallback:Ce=()=>({name:``,error:null}),disabledValidation:we=!1,allowEmpty:Te=!1,convertBackToStorageUnit:Ee=!1,enableCosmeticRounding:L=!0,enableDisplayRounding:De=!1,roundDisplayValue:Oe,selectOnFocus:ke,groupOrder:R,tooltip:Ae=null})=>{let z=fe(),je=he();typeof y==`number`&&(y=`${y}`);let[Me=``,B=``]=y===void 0?[]:h(y),V=(0,b.useMemo)(()=>pe(S,j||z?.unitTemplate),[S,j,z?.unitTemplate]),Ne=_e(y,V),H=w||V||B,Pe=me(H),{value:U}=C({value:y,toUnit:H,unitkey:S,defaultFromUnit:B,doNotConvertValue:T}),Fe=U===``?{value:Me,unit:B}:{value:U,unit:H},[W,G]=(0,b.useState)(Fe),Ie=Te||W?.value===void 0,[K,q]=(0,b.useState)(Se?x.PREDEFINED:x.CUSTOM),Le=!!(we||n),J=P&&P.find(e=>{if(!e?.value)return;if(I)return I===e.valueKey;let t=m(e.value)?f(e.value):``,{value:n=y}=_({value:String(y),unitkey:S,toUnit:t});return u(n,t)===e.value}),Re=()=>{let e=y??``,t=W.unit,n=v({value:e,unitkey:S,toUnit:t});if(n){if(S)try{let t=ne(e,S);return ae(e)===``?t.map(e=>[``,e[1]]):t}catch{return null}}else{let e=ie(S);return e?.map(e=>[``,e?.unit])}},ze=t=>{let n=ge(e),r=t.target,{value:i,selectionStart:a}=r,o=u(i,W?.unit||``),s=Ee?u(re(o,B),B):o;k({target:{value:s,name:n}});let[c,l]=h(o);G({value:c,unit:l}),je(()=>{r.selectionStart=a,r.selectionEnd=a})},Be=(e,t)=>{t===W.unit||isNaN(Number(e))||(G({value:e,unit:t}),A&&A(t))};(0,b.useEffect)(()=>{if(H){let e,t=``;if(Pe!==H){let{value:n}=C({value:y,toUnit:H,unitkey:S,defaultFromUnit:B,doNotConvertValue:T});e=n,t=H}else if(u(W.value,W.unit)!==y){let{value:n}=C({value:y,toUnit:W.unit,unitkey:S,defaultFromUnit:B,doNotConvertValue:T});e=n,t=W.unit}e!==void 0&&G({value:e,unit:t}),P&&q(J&&F?x.PREDEFINED:x.CUSTOM)}},[H,y,o,F]);let Y=Re(),X=se(W.unit)||W.unit||``,Ve=T||!Y||Y&&Y.length===1,Z=ge(e),Q,He=t=>{let r=t?.value?t.value:``,[i=``,o=``]=m(r)?h(r):[r],s=g(r),c=v({value:r,unitkey:S,toUnit:o});if(c){let{value:e=``}=C({value:r,toUnit:V,unitkey:S,defaultFromUnit:o,doNotConvertValue:T});s=g(u(e,V))}return{type:l.OPTION,inline:!0,onClick:()=>{let a=le(i);a.valid&&!n&&(q(x.PREDEFINED),k({target:{value:r,name:typeof e==`string`?e:e?.fieldName||``,predefinedSelected:!0,predefinedOption:t}}))},label:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(a,{children:t.label}),(0,O.jsx)(de,{width:`20px`,height:`0`})]}),description:s,selected:J===t&&K===x.PREDEFINED}};if(Q=[{type:l.OPTION,inline:!0,onClick:()=>{K!==x.CUSTOM&&!n&&k({target:{value:u(W.value,W.unit),name:typeof e==`string`?e:e?.fieldName||``}})},label:`Custom`,selected:K===x.CUSTOM}],P?.length){let e=P.map(He);Q=[...Q,...e]}let Ue=e=>{if(m(e)){let t=f(e),{value:n}=C({value:e,toUnit:W.unit,unitkey:S,defaultFromUnit:t,doNotConvertValue:T});return n}return e},We=!P&&(!R||R===i.FIRST)?i.FIRST:i.MIDDLE,$=!R||R===i.LAST?i.LAST:i.MIDDLE;return(0,O.jsx)(`div`,{className:K===x.PREDEFINED?(0,ye.default)(E.predefinedMenuActive):``,children:(0,O.jsxs)(ee,{small:p,width:ce,children:[P&&(0,O.jsx)(c,{maxHeight:380,groupOrder:`first`,testId:M&&`${M}-predefined-menu`,disabled:n,menu:{colored:!0,trigger:`Component`,component:(0,O.jsx)(s,{groupOrder:`first`,active:K===x.PREDEFINED,icon:K===x.PREDEFINED?`link`:`unlink`,small:p}),small:p,sections:Q},tooltip:K===x.PREDEFINED?J?.label:``}),(0,O.jsx)(`div`,{className:E.inputWrapper,children:(0,O.jsx)(ue,{name:Z,testId:M,disabled:n,placeholder:Ue(t),value:W.value,onChange:ze,onFocus:xe,error:o===null?void 0:o,warning:N===null?void 0:N,left:d,allowEmpty:Ie,validationCallback:(e,t)=>Ce(Z,t),enableCosmeticRounding:L,enableDisplayRounding:De,roundDisplayValue:Oe,groupOrder:We,disableInternalErrorValidationMessages:Le,small:p,selectOnFocus:ke,tooltip:Ae},Z)}),X&&(Ve||!Ne?(0,O.jsx)(te,{groupOrder:$,small:p,children:X}):(0,O.jsx)(c,{groupOrder:$,maxHeight:380,disabled:r,testId:M&&`${M}-menu`,tabIndex:-1,menu:{label:X,trigger:`DropDownButton`,small:p,sections:Y.map(([e=``,t=``,n])=>{let r=n||t||``,i=oe(e)?e:``,a=L?ve(i):i;return{type:`Option`,label:a,inline:!0,onClick:n=>{n.stopPropagation(),Be(e,t)},description:r,selected:r===X,testId:`${M}-unit-${r}`}})}}))]})})};k.__docgenInfo={description:``,methods:[],displayName:`UnitInput`,props:{name:{required:!1,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}},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}},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(evt: TOnChangeEvent) => void`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{ target: TOnChangeEventTarget }`,signature:{properties:[{key:`target`,value:{name:`union`,raw:`| TOnChangeEventBaseTarget
 | (TOnChangeEventBaseTarget & {
     predefinedSelected: boolean;
     predefinedOption: IPredefinedOption;

package/dist/storybook/assets/{unit-input.stories-Cw3IxHlW.js → unit-input.stories-JosB76bO.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{E as e,M as t,d as n,h as r}from"./iframe-D4Zg62hF.js";import"./react-dom-DrHyh6_j.js";import"./tooltip-BDJkAs31.js";import"./text-DVka0T2p.js";import"./lodash-DCsx9Ntr.js";import{b as i}from"./button-COZYpTMg.js";import"./spinner-FbE2mbiy.js";import"./actions-C75Yhysc.js";import"./types-D9-IVcXX.js";import"./types-Q8bq0gPd.js";import"./badge-DoQogrt7.js";import{b as a}from"./select-dDHTUZaq.js";import"./use-keyboard-event-CPHW-LTR.js";import"./memoize-one.esm-Dbu59KLW.js";import"./enum-_bzRAybU.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import"./input-BQQrNKmr.js";import{b as o}from"./input-group-VNNfEwqC.js";import"./input-group-addon-DhpBpIxI.js";import"./dist-3hm1VO_N.js";import"./number-input-CYtGXTJS.js";import{b as s}from"./spacer-CXxVsxF9.js";import"./styled-components.browser.esm-DG0FhB-e.js";import"./emotion-is-prop-valid.esm-BTIsZlY_.js";import{b as c}from"./grid-tfYbM62b.js";import{b as l}from"./unit-input-D3ug0XIr.js";import"./initialize-context-B9jrQ6AF.js";var u=t(e()),d=t(r());const{useArgs:f}=__STORYBOOK_MODULE_PREVIEW_API__;var p={title:`Forms/UnitInput`,component:l,args:{name:`example`,unitkey:`length`,value:`123|m`}};const m=e=>{let[t,n]=f(),r=e=>{n({value:e.target.value})};return(0,d.jsx)(l,{...e,onChange:r})},h=m.bind({}),g=m.bind({});g.args={initUnit:`ft`,unitTemplate:{length:`ft`}};const _=m.bind({});_.args={value:`123|"`,unitkey:`"`};const v=m.bind({});v.args={width:`180px`};const y=m.bind({});y.args={noConversion:!0};const b=m.bind({});b.args={small:!0};const x=m.bind({});x.args={error:`Error message goes here`};const S=m.bind({});S.args={value:`asas123asd|%`};const C=m.bind({});C.args={disabled:!0,disabledUnit:!0},C.parameters={docs:{description:{story:"Each part of UnitInput can be disabled separately. `disabled` disables only the main text input, `disabledUnit` disables only the unit menu. **Needs review (comes from Reservoir input requirements)**"}}};const w=m.bind({});w.args={disabled:!0,disabledUnit:!0,noConversion:!0};const T=m.bind({});T.args={disabledUnit:!0,unitkey:void 0};const E=m.bind({});E.args={disabledUnit:!0,unitkey:`length`};const D=m.bind({});D.args={disabledUnit:!1,disabled:!0};const O=m.bind({});O.args={predefinedOptions:[{label:`bottom of casing`,value:`12|km`},{label:`mud weight at shoe depth`,value:`8|mm`}]};const k=m.bind({});k.args={name:`unitInput`,placeholder:`Enter value`,unitkey:`length`,unitTemplate:{length:`ft`},predefinedOptions:[{label:`Bottom of casing in ft`,value:`7|ft`},{label:`Bottom of casing`,value:`12|m`},{label:`Mud weight at shoe depth`,value:`8|m`},{label:`Percents`,value:`777|%`}]};const A=m.bind({});A.args={name:`unitInput`,placeholder:`Enter value`,unitkey:`length`,unitTemplate:{length:`ft`},selectedPredefinedOptionKey:`opt2`,predefinedOptions:[{label:`Bottom of casing in ft`,value:`7|ft`,valueKey:`opt1`},{label:`Bottom of casing`,value:`12|m`,valueKey:`opt2`}]};const j=()=>{let[e,t]=(0,u.useState)(`123|%`),[r,i]=(0,u.useState)(null),a=(e,t)=>(i(t),{name:e,error:t});return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`h4`,{children:`3rd party validation message when inputting invalid value:`}),(0,d.jsx)(l,{name:`example`,onChange:e=>t(e.target.value),error:!r||`This should be visible when an error appears`,validationCallback:a,value:e}),(0,d.jsx)(`br`,{}),(0,d.jsx)(s,{}),(0,d.jsx)(`h4`,{children:`Original validation message: `}),(0,d.jsx)(n,{message:{heading:r,visible:!0}})]})},M=()=>{let[e,t]=(0,u.useState)(`123|m`),[n,r]=(0,u.useState)(``),[a,o]=(0,u.useState)(`km`),c=()=>{o(`ft`),r(`placeholder`),t(`|m`)};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`h4`,{children:`Empty value case:`}),(0,d.jsx)(l,{name:`example`,onChange:e=>t(e.target.value),value:e,allowEmpty:!0,placeholder:n,initUnit:a,unitkey:`length`}),(0,d.jsx)(`br`,{}),(0,d.jsx)(s,{}),(0,d.jsx)(i,{label:`Change value |m and unit ft`,onClick:()=>c()})]})},N=()=>{let[e,t]=(0,u.useState)(`123|m`),[n,r]=(0,u.useState)(`m`);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(l,{name:`example`,onChange:e=>t(e.target.value),value:e,initUnit:n,unitkey:`length`,onSwitchUnit:r}),(0,d.jsx)(s,{}),(0,d.jsx)(l,{name:`example`,onChange:e=>t(e.target.value),value:e,initUnit:n,unitkey:`length`,onSwitchUnit:r})]})},P=m.bind({});P.args={value:`|m`,disabled:!0};const F=m.bind({});F.args={selectOnFocus:!1};const I=()=>(0,d.jsxs)(c,{gap:!0,children:[(0,d.jsxs)(o,{children:[(0,d.jsx)(a,{options:[{label:`Option 1`,value:`1`},{label:`Option 2`,value:`2`}],value:`1`,onChange:()=>{},width:`auto`}),(0,d.jsx)(l,{name:`example`,onChange:()=>{},value:`123`,initUnit:`m`,unitkey:`length`,onSwitchUnit:()=>{}})]}),(0,d.jsxs)(o,{children:[(0,d.jsx)(l,{name:`example`,onChange:()=>{},value:`123`,initUnit:`m`,unitkey:`length`,onSwitchUnit:()=>{}}),(0,d.jsx)(a,{options:[{label:`Option 1`,value:`1`},{label:`Option 2`,value:`2`}],value:`1`,onChange:()=>{},width:`auto`})]})]});j.__docgenInfo={description:``,methods:[],displayName:`ValidationCallback`},M.__docgenInfo={description:``,methods:[],displayName:`AllowEmptyPUI`},N.__docgenInfo={description:``,methods:[],displayName:`OnSwitchUnit`},I.__docgenInfo={description:``,methods:[],displayName:`InInputGroup`},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`args => {
+import{E as e,M as t,d as n,h as r}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import"./tooltip-N1V1x_Kn.js";import"./text-CkkjKEEc.js";import"./lodash-CiSVjb27.js";import{b as i}from"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";import"./actions-Ct9IeQri.js";import"./types-D9-IVcXX.js";import"./types-BjAzD82u.js";import"./badge-CSqHSgHc.js";import{b as a}from"./select-C3UalMKs.js";import"./use-keyboard-event-DJxq2Iwi.js";import"./memoize-one.esm-Dbu59KLW.js";import"./enum-_bzRAybU.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import"./input-BdYHHPue.js";import{b as o}from"./input-group-D24O4Bxc.js";import"./input-group-addon-DZoIwpw9.js";import"./dist-3hm1VO_N.js";import"./number-input-CO11SW2l.js";import{b as s}from"./spacer-vcWIopH5.js";import"./styled-components.browser.esm-DWmnuEYo.js";import"./emotion-is-prop-valid.esm-BUoVdhe_.js";import{b as c}from"./grid-BFBK01ob.js";import{b as l}from"./unit-input-C-88gl7h.js";import"./initialize-context-DFfe1jE3.js";var u=t(e()),d=t(r());const{useArgs:f}=__STORYBOOK_MODULE_PREVIEW_API__;var p={title:`Forms/UnitInput`,component:l,args:{name:`example`,unitkey:`length`,value:`123|m`}};const m=e=>{let[t,n]=f(),r=e=>{n({value:e.target.value})};return(0,d.jsx)(l,{...e,onChange:r})},h=m.bind({}),g=m.bind({});g.args={initUnit:`ft`,unitTemplate:{length:`ft`}};const _=m.bind({});_.args={value:`123|"`,unitkey:`"`};const v=m.bind({});v.args={width:`180px`};const y=m.bind({});y.args={noConversion:!0};const b=m.bind({});b.args={small:!0};const x=m.bind({});x.args={error:`Error message goes here`};const S=m.bind({});S.args={value:`asas123asd|%`};const C=m.bind({});C.args={disabled:!0,disabledUnit:!0},C.parameters={docs:{description:{story:"Each part of UnitInput can be disabled separately. `disabled` disables only the main text input, `disabledUnit` disables only the unit menu. **Needs review (comes from Reservoir input requirements)**"}}};const w=m.bind({});w.args={disabled:!0,disabledUnit:!0,noConversion:!0};const T=m.bind({});T.args={disabledUnit:!0,unitkey:void 0};const E=m.bind({});E.args={disabledUnit:!0,unitkey:`length`};const D=m.bind({});D.args={disabledUnit:!1,disabled:!0};const O=m.bind({});O.args={predefinedOptions:[{label:`bottom of casing`,value:`12|km`},{label:`mud weight at shoe depth`,value:`8|mm`}]};const k=m.bind({});k.args={small:!0,predefinedOptions:[{label:`bottom of casing`,value:`12|km`},{label:`mud weight at shoe depth`,value:`8|mm`}]};const A=m.bind({});A.args={small:!0,noConversion:!0,predefinedOptions:[{label:`bottom of casing`,value:`12|km`},{label:`mud weight at shoe depth`,value:`8|mm`}]};const j=m.bind({});j.args={name:`unitInput`,placeholder:`Enter value`,unitkey:`length`,unitTemplate:{length:`ft`},predefinedOptions:[{label:`Bottom of casing in ft`,value:`7|ft`},{label:`Bottom of casing`,value:`12|m`},{label:`Mud weight at shoe depth`,value:`8|m`},{label:`Percents`,value:`777|%`}]};const M=m.bind({});M.args={name:`unitInput`,placeholder:`Enter value`,unitkey:`length`,unitTemplate:{length:`ft`},selectedPredefinedOptionKey:`opt2`,predefinedOptions:[{label:`Bottom of casing in ft`,value:`7|ft`,valueKey:`opt1`},{label:`Bottom of casing`,value:`12|m`,valueKey:`opt2`}]};const N=()=>{let[e,t]=(0,u.useState)(`123|%`),[r,i]=(0,u.useState)(null),a=(e,t)=>(i(t),{name:e,error:t});return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`h4`,{children:`3rd party validation message when inputting invalid value:`}),(0,d.jsx)(l,{name:`example`,onChange:e=>t(e.target.value),error:!r||`This should be visible when an error appears`,validationCallback:a,value:e}),(0,d.jsx)(`br`,{}),(0,d.jsx)(s,{}),(0,d.jsx)(`h4`,{children:`Original validation message: `}),(0,d.jsx)(n,{message:{heading:r,visible:!0}})]})},P=()=>{let[e,t]=(0,u.useState)(`123|m`),[n,r]=(0,u.useState)(``),[a,o]=(0,u.useState)(`km`),c=()=>{o(`ft`),r(`placeholder`),t(`|m`)};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`h4`,{children:`Empty value case:`}),(0,d.jsx)(l,{name:`example`,onChange:e=>t(e.target.value),value:e,allowEmpty:!0,placeholder:n,initUnit:a,unitkey:`length`}),(0,d.jsx)(`br`,{}),(0,d.jsx)(s,{}),(0,d.jsx)(i,{label:`Change value |m and unit ft`,onClick:()=>c()})]})},F=()=>{let[e,t]=(0,u.useState)(`123|m`),[n,r]=(0,u.useState)(`m`);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(l,{name:`example`,onChange:e=>t(e.target.value),value:e,initUnit:n,unitkey:`length`,onSwitchUnit:r}),(0,d.jsx)(s,{}),(0,d.jsx)(l,{name:`example`,onChange:e=>t(e.target.value),value:e,initUnit:n,unitkey:`length`,onSwitchUnit:r})]})},I=m.bind({});I.args={value:`|m`,disabled:!0};const L=m.bind({});L.args={selectOnFocus:!1};const R=()=>(0,d.jsxs)(c,{gap:!0,children:[(0,d.jsxs)(o,{children:[(0,d.jsx)(a,{options:[{label:`Option 1`,value:`1`},{label:`Option 2`,value:`2`}],value:`1`,onChange:()=>{},width:`auto`}),(0,d.jsx)(l,{name:`example`,onChange:()=>{},value:`123`,initUnit:`m`,unitkey:`length`,onSwitchUnit:()=>{}})]}),(0,d.jsxs)(o,{children:[(0,d.jsx)(l,{name:`example`,onChange:()=>{},value:`123`,initUnit:`m`,unitkey:`length`,onSwitchUnit:()=>{}}),(0,d.jsx)(a,{options:[{label:`Option 1`,value:`1`},{label:`Option 2`,value:`2`}],value:`1`,onChange:()=>{},width:`auto`})]})]});N.__docgenInfo={description:``,methods:[],displayName:`ValidationCallback`},P.__docgenInfo={description:``,methods:[],displayName:`AllowEmptyPUI`},F.__docgenInfo={description:``,methods:[],displayName:`OnSwitchUnit`},R.__docgenInfo={description:``,methods:[],displayName:`InInputGroup`},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`args => {
   const [_, updateArgs] = useArgs();
   const handleChange = (evt: any) => {
     updateArgs({
@@ -126,7 +126,23 @@ import{E as e,M as t,d as n,h as r}from"./iframe-D4Zg62hF.js";import"./react-dom
     });
   };
   return <UnitInput {...args} onChange={handleChange} />;
-}`,...A.parameters?.docs?.source}}},j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`() => {
+}`,...A.parameters?.docs?.source}}},j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...j.parameters?.docs?.source}}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: any) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <UnitInput {...args} onChange={handleChange} />;
+}`,...M.parameters?.docs?.source}}},N.parameters={...N.parameters,docs:{...N.parameters?.docs,source:{originalSource:`() => {
   const [value, setValue] = useState('123|%');
   const [validation, setValidation] = useState<string | null>(null);
   const predictedMessage = 'This should be visible when an error appears';
@@ -148,7 +164,7 @@ import{E as e,M as t,d as n,h as r}from"./iframe-D4Zg62hF.js";import"./react-dom
       visible: true
     }} />
     </>;
-}`,...j.parameters?.docs?.source}}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`() => {
+}`,...N.parameters?.docs?.source}}},P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`() => {
   const [value, setValue] = useState('123|m');
   const [placeholder, setPlaceholder] = useState('');
   const [initUnit, setInitUnit] = useState('km');
@@ -164,7 +180,7 @@ import{E as e,M as t,d as n,h as r}from"./iframe-D4Zg62hF.js";import"./react-dom
       <Spacer />
       <Button label="Change value |m and unit ft" onClick={() => setPlaceholderValue()} />
     </>;
-}`,...M.parameters?.docs?.source}}},N.parameters={...N.parameters,docs:{...N.parameters?.docs,source:{originalSource:`() => {
+}`,...P.parameters?.docs?.source}}},F.parameters={...F.parameters,docs:{...F.parameters?.docs,source:{originalSource:`() => {
   const [value, setValue] = useState('123|m');
   const [unit, setUnit] = useState('m');
   return <>
@@ -172,7 +188,7 @@ import{E as e,M as t,d as n,h as r}from"./iframe-D4Zg62hF.js";import"./react-dom
       <Spacer />
       <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} initUnit={unit} unitkey="length" onSwitchUnit={setUnit} />
     </>;
-}`,...N.parameters?.docs?.source}}},P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`args => {
+}`,...F.parameters?.docs?.source}}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`args => {
   const [_, updateArgs] = useArgs();
   const handleChange = (evt: any) => {
     updateArgs({
@@ -180,7 +196,7 @@ import{E as e,M as t,d as n,h as r}from"./iframe-D4Zg62hF.js";import"./react-dom
     });
   };
   return <UnitInput {...args} onChange={handleChange} />;
-}`,...P.parameters?.docs?.source}}},F.parameters={...F.parameters,docs:{...F.parameters?.docs,source:{originalSource:`args => {
+}`,...I.parameters?.docs?.source}}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`args => {
   const [_, updateArgs] = useArgs();
   const handleChange = (evt: any) => {
     updateArgs({
@@ -188,7 +204,7 @@ import{E as e,M as t,d as n,h as r}from"./iframe-D4Zg62hF.js";import"./react-dom
     });
   };
   return <UnitInput {...args} onChange={handleChange} />;
-}`,...F.parameters?.docs?.source}}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`() => {
+}`,...L.parameters?.docs?.source}}},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`() => {
   return <Grid gap>
       <InputGroup>
         <Select options={[{
@@ -211,4 +227,4 @@ import{E as e,M as t,d as n,h as r}from"./iframe-D4Zg62hF.js";import"./react-dom
       }]} value="1" onChange={() => {}} width="auto" />
       </InputGroup>
     </Grid>;
-}`,...I.parameters?.docs?.source}}};const L=[`Default`,`InitUnit`,`NotKnownUnit`,`Width`,`NoConversion`,`Small`,`Error`,`InternalValidationError`,`Disabled`,`DisabledNoConversion`,`DisabledUnitWithoutUnitKey`,`DisabledUnitWithUnitKey`,`DisabledWithEnabledUnitMenu`,`PredefinedOptionsMenu`,`PredefinedOptionsConverted`,`PredefinedOptionsLinked`,`ValidationCallback`,`AllowEmptyPUI`,`OnSwitchUnit`,`DisabledValidationWhenDisabled`,`DisableSelectOnFocus`,`InInputGroup`];export{M as AllowEmptyPUI,h as Default,F as DisableSelectOnFocus,C as Disabled,w as DisabledNoConversion,E as DisabledUnitWithUnitKey,T as DisabledUnitWithoutUnitKey,P as DisabledValidationWhenDisabled,D as DisabledWithEnabledUnitMenu,x as Error,I as InInputGroup,g as InitUnit,S as InternalValidationError,y as NoConversion,_ as NotKnownUnit,N as OnSwitchUnit,k as PredefinedOptionsConverted,A as PredefinedOptionsLinked,O as PredefinedOptionsMenu,b as Small,j as ValidationCallback,v as Width,L as __namedExportsOrder,p as default};
+}`,...R.parameters?.docs?.source}}};const z=[`Default`,`InitUnit`,`NotKnownUnit`,`Width`,`NoConversion`,`Small`,`Error`,`InternalValidationError`,`Disabled`,`DisabledNoConversion`,`DisabledUnitWithoutUnitKey`,`DisabledUnitWithUnitKey`,`DisabledWithEnabledUnitMenu`,`PredefinedOptionsMenu`,`PredefinedOptionsMenuSmall`,`PredefinedOptionsMenuSmallNoConversion`,`PredefinedOptionsConverted`,`PredefinedOptionsLinked`,`ValidationCallback`,`AllowEmptyPUI`,`OnSwitchUnit`,`DisabledValidationWhenDisabled`,`DisableSelectOnFocus`,`InInputGroup`];export{P as AllowEmptyPUI,h as Default,L as DisableSelectOnFocus,C as Disabled,w as DisabledNoConversion,E as DisabledUnitWithUnitKey,T as DisabledUnitWithoutUnitKey,I as DisabledValidationWhenDisabled,D as DisabledWithEnabledUnitMenu,x as Error,R as InInputGroup,g as InitUnit,S as InternalValidationError,y as NoConversion,_ as NotKnownUnit,F as OnSwitchUnit,j as PredefinedOptionsConverted,M as PredefinedOptionsLinked,O as PredefinedOptionsMenu,k as PredefinedOptionsMenuSmall,A as PredefinedOptionsMenuSmallNoConversion,b as Small,N as ValidationCallback,v as Width,z as __namedExportsOrder,p as default};

package/dist/storybook/assets/{unit-input.test-case.stories-B1Fm7RYH.js → unit-input.test-case.stories-pQmvLvTu.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{E as e,M as t,d as n,f as r,h as i}from"./iframe-D4Zg62hF.js";import"./react-dom-DrHyh6_j.js";import"./tooltip-BDJkAs31.js";import"./help-icon-7rahs3sO.js";import{b as a}from"./heading-B4XmPyQx.js";import{b as o}from"./divider-BPAxNR_g.js";import{b as s}from"./text-DVka0T2p.js";import"./lodash-DCsx9Ntr.js";import{b as c}from"./button-COZYpTMg.js";import"./spinner-FbE2mbiy.js";import"./actions-C75Yhysc.js";import"./types-D9-IVcXX.js";import"./types-Q8bq0gPd.js";import"./badge-DoQogrt7.js";import{b as ee}from"./select-dDHTUZaq.js";import"./use-keyboard-event-CPHW-LTR.js";import"./memoize-one.esm-Dbu59KLW.js";import"./enum-_bzRAybU.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import"./input-BQQrNKmr.js";import"./input-group-VNNfEwqC.js";import"./input-group-addon-DhpBpIxI.js";import{A as l,f as u}from"./dist-3hm1VO_N.js";import"./number-input-CYtGXTJS.js";import{b as d}from"./card-BNQ_Ty0W.js";import{b as f}from"./spacer-CXxVsxF9.js";import{b as p}from"./toggle-C_si2Zbr.js";import"./label-CT4MqTF7.js";import{b as m}from"./field-jj7svWmp.js";import"./styled-components.browser.esm-DG0FhB-e.js";import"./emotion-is-prop-valid.esm-BTIsZlY_.js";import{b as te}from"./grid-tfYbM62b.js";import{b as ne,c as h}from"./row-CBGyVSEs.js";import{b as g}from"./unit-input-D3ug0XIr.js";import"./initialize-context-B9jrQ6AF.js";var _=t(e()),v=t(i());const{expect:y,fireEvent:b,userEvent:x,waitFor:S,within:C}=__STORYBOOK_MODULE_TEST__,{useArgs:w}=__STORYBOOK_MODULE_PREVIEW_API__;var T={title:`Forms/UnitInput/Test Cases`,component:g,tags:[`!autodocs`],args:{name:`example`,unitkey:`length`,value:`123|m`,testId:`unit-input`}};const re=e=>{let[t,n]=w(),r=e=>{n({value:e.target.value})};return(0,v.jsx)(g,{...e,onChange:r})},E=re.bind({}),D=()=>{let[e,t]=(0,_.useState)(`123|m`);return(0,v.jsx)(g,{name:`example`,onChange:e=>t(e.target.value),placeholder:`Type a value...`,value:e,initUnit:`m`,unitkey:`depth`,unitTemplate:{depth:`m`},testId:`testId`})};D.play=async({canvasElement:e,step:t})=>{let n=C(e),r=C(e.ownerDocument.body);await t(`Shows validation error for non-numeric input`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123x45s6`),await y(n.getByDisplayValue(`123x45s6`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await b.mouseOver(e),await S(()=>{y(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})})};const O=()=>{let[e,t]=(0,_.useState)(`|m`);return(0,v.jsx)(g,{name:`example-ft`,onChange:e=>t(e.target.value),placeholder:`7|ft`,value:e,initUnit:`m`,unitkey:`depth`,unitTemplate:{depth:`m`},testId:`testId-ft`})};O.play=async({canvasElement:e,step:t})=>{let n=C(e),r=C(e.ownerDocument.body);await t(`Handle input with unit only`,async()=>{let e=n.getByTestId(`testId-ft`);await y(n.getByDisplayValue(``)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toBeNull(),await b.mouseOver(e),await y(e.getAttribute(`data-error`)).toBeNull()}),await t(`Clear input and check placeholder`,async()=>{let e=n.getByTestId(`testId-ft`);await x.clear(e),await y(e).toHaveAttribute(`placeholder`,`2.13`)}),await t(`Type a correct numeric value and ensure no error`,async()=>{let e=n.getByTestId(`testId-ft`);await x.type(e,`123`),await y(n.getByDisplayValue(`123`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toBeNull(),await b.mouseOver(e),await y(e.getAttribute(`data-error`)).toBeNull()}),await t(`Remove value, type incorrect value and check for error`,async()=>{let e=n.getByTestId(`testId-ft`);await x.clear(e),await x.type(e,`123abc`),await y(n.getByDisplayValue(`123abc`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await b.mouseOver(e),await S(()=>{y(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})})};const k=e=>{let[t,n]=(0,_.useState)(`123|m`),[r,i]=(0,_.useState)(`223|m`),[a,s]=(0,_.useState)(`ft`);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(c,{label:`Change initUnit`,onClick:()=>s(a===`m`?`ft`:`m`)}),(0,v.jsx)(f,{}),(0,v.jsx)(c,{label:`Change value`,onClick:()=>n(t===`123|m`?`456|m`:`123|m`)}),(0,v.jsx)(f,{}),(0,v.jsx)(g,{name:`example`,onChange:e=>{n(e.target.value)},unitkey:`length`,value:t,initUnit:a,onSwitchUnit:s}),(0,v.jsx)(f,{}),(0,v.jsx)(g,{name:`example2`,onChange:e=>{i(e.target.value)},unitkey:`length`,value:r,initUnit:a,onSwitchUnit:s}),(0,v.jsx)(o,{}),(0,v.jsx)(`h4`,{children:`Without initUnit property (taken from the redux store)`}),(0,v.jsx)(g,{name:`example`,onChange:e=>{n(e.target.value)},unitkey:`length`,value:t,onSwitchUnit:s}),(0,v.jsx)(g,{name:`example2`,onChange:e=>{i(e.target.value)},unitkey:`length`,value:r,onSwitchUnit:s})]})};k.parameters={docs:{description:{story:`[OW-4380](https://oliasoft.atlassian.net/browse/OW-4380?atlOrigin=eyJpIjoiMmM1N2RkNWU3Mjk5NDYxY2E0YzhkMzk5ZTVmZTJhMjciLCJwIjoiaiJ9)`}}};const A=()=>{let e=`500px`,[t,r]=(0,_.useState)(void 0);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`h4`,{children:`Different edge cases such as +/- infinity, undefined, NaN, null:`}),(0,v.jsxs)(ne,{children:[(0,v.jsxs)(h,{width:`25%`,children:[(0,v.jsx)(c,{label:`Change value infinity`,onClick:()=>r(1/0)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value -infinity`,onClick:()=>r(-1/0)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value null`,onClick:()=>r(null)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - undefined`,onClick:()=>r(void 0)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - NaN`,onClick:()=>r(NaN)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - nothing (empty)`,onClick:()=>r(void 0)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - empty string`,onClick:()=>r(``)})]}),(0,v.jsxs)(h,{width:`25%`,children:[(0,v.jsx)(c,{label:`Change value infinity|m`,onClick:()=>r(`Infinity|m`)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value -infinity|m`,onClick:()=>r(`-Infinity|m`)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value null|m`,onClick:()=>r(`null|m`)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - undefined|m`,onClick:()=>r(`undefined|m`)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - NaN|m`,onClick:()=>r(`NaN|m`)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - nothing (empty)|m`,onClick:()=>r(`|m`)})]})]}),(0,v.jsx)(`br`,{}),(0,v.jsx)(m,{label:`Normal PUI`,children:(0,v.jsx)(g,{name:`example1`,onChange:e=>r(e.target.value),value:t,unitkey:`length`,width:e,placeholder:`value|unit`})}),(0,v.jsx)(m,{label:`Disabled validation`,children:(0,v.jsx)(g,{name:`example2`,onChange:e=>r(e.target.value),value:t,unitkey:`length`,disabledValidation:!0,width:e})}),(0,v.jsx)(m,{label:`Disabled validation and manual error`,children:(0,v.jsx)(g,{name:`example3`,onChange:e=>r(e.target.value),value:t,unitkey:`length`,error:`test`,disabledValidation:!0,width:e})}),(0,v.jsx)(n,{message:{heading:`Current value inside PUI: `+t,visible:!0}})]})};A.parameters={docs:{description:{story:`[OW-8884](https://oliasoft.atlassian.net/browse/OW-8884)`}}};const j=()=>{let[e,t]=(0,_.useState)(!0),n=()=>{t(!1),setTimeout(()=>t(!0),0)},[i,o]=(0,_.useState)(`123|ft`);return(0,v.jsxs)(te,{columns:`1fr 1fr`,gap:!0,children:[(0,v.jsxs)(d,{heading:(0,v.jsx)(a,{children:`Storage State (Redux)`}),children:[i,(0,v.jsx)(f,{}),(0,v.jsx)(c,{label:`Change value`,onClick:()=>o(l(String(Math.floor(Math.random()*100)),`ft`))})]}),(0,v.jsx)(d,{heading:(0,v.jsx)(a,{icon:(0,v.jsx)(r,{icon:`refresh`,testId:`triggerRerenderTestId`}),onIconClick:n,children:`UnitInput`}),children:e&&(0,v.jsx)(g,{name:`example`,onChange:e=>o(e.target.value),value:i,initUnit:`m`,unitkey:`depth`,unitTemplate:{depth:`m`}})})]})},M=()=>(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s,{faint:!0,children:`Reproduce OW-10614 rounding noise bug when storing values in a different unit to the display unit`}),(0,v.jsx)(f,{}),(0,v.jsx)(g,{name:`example`,onChange:()=>{},value:l(u(`9750|psi`,`bar`),`bar`),initUnit:`psi`,unitkey:`pressure`,unitTemplate:{pressure:`psi`}}),(0,v.jsx)(f,{}),(0,v.jsx)(g,{name:`example2`,onChange:()=>{},value:l(u(`8642|lbf`,`tonneForce`),`tonneForce`),initUnit:`lbf`,unitkey:`force`,unitTemplate:{force:`tonneForce`}})]}),N=()=>(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(g,{name:`example`,unitkey:`moleWeight`,initUnit:`g/mol`,noConversion:!0,value:`170|g/mol`,unitTemplate:{moleWeight:`g/mol`},testId:`case1`}),(0,v.jsx)(f,{}),(0,v.jsx)(g,{name:`gor`,unitkey:`moleWeight`,initUnit:`gor`,value:`Infinity|SCF/STB`,testId:`case2`})]});N.play=async({canvasElement:e,step:t})=>{let n=C(e);await t(`Can enter decimal values`,async()=>{await y(n.getByDisplayValue(`170`)).toBeInTheDocument(),await y(n.getByDisplayValue(`Infinity`)).toBeInTheDocument()})};const P=()=>{let[e,t]=(0,_.useState)(!0),i=()=>{t(!1),setTimeout(()=>t(!0),0)},[o,ne]=(0,_.useState)(`psi`),[h,y]=(0,_.useState)(!1),[b,x]=(0,_.useState)(!0),[S,C]=(0,_.useState)(!0),[w,T]=(0,_.useState)(`672.2388357750001|bar`),[re,E]=(0,_.useState)(``);return(0,v.jsxs)(te,{columns:`1fr 1fr`,gap:!0,children:[(0,v.jsxs)(d,{heading:(0,v.jsx)(a,{children:`Settings`}),children:[(0,v.jsx)(m,{label:`Enable display rounding:`,labelLeft:!0,labelWidth:200,children:(0,v.jsx)(p,{checked:h,onChange:e=>y(e.target.checked)})}),(0,v.jsx)(m,{label:`Enable cosmetic rounding:`,labelLeft:!0,labelWidth:200,children:(0,v.jsx)(p,{checked:b,onChange:e=>x(e.target.checked)})}),(0,v.jsx)(m,{label:`Convert back to storage unit (onChange):`,labelLeft:!0,labelWidth:200,children:(0,v.jsx)(p,{checked:S,onChange:e=>C(e.target.checked)})})]}),(0,v.jsxs)(d,{heading:(0,v.jsx)(a,{icon:(0,v.jsx)(r,{icon:`refresh`,testId:`triggerRerenderTestId`}),onIconClick:i,children:`UnitInput`}),children:[(0,v.jsx)(s,{faint:!0,children:`Cosmetic Rounding Test Case: type 9750 then return (compare with enableCosmeticRounding on and off)`}),(0,v.jsx)(f,{}),(0,v.jsx)(s,{warning:!0,children:`Note: UnitInput uses convertSamePrecision internally (decision prior to cosmetic value implementation). This means not all rounding noise occurrences seen in NumberInput will be reproducible in UnitInput, because they get rounded off by other logic.`}),(0,v.jsx)(f,{}),e&&(0,v.jsx)(g,{name:`Example`,unitkey:`pressure`,initUnit:o,unitTemplate:{pressure:`psi`},value:w,onChange:e=>{let{value:t}=e.target;t&&T(t)},enableDisplayRounding:h,enableCosmeticRounding:b,error:u(w,`bar`)>=0?``:`Value must be positive`,validationCallback:(e,t)=>{E(t??``)},convertBackToStorageUnit:S})]}),(0,v.jsx)(d,{heading:(0,v.jsx)(a,{children:`Unit Template`}),children:(0,v.jsx)(ee,{options:[{label:`Bar`,value:`bar`},{label:`psi`,value:`psi`}],value:o,width:70,onChange:e=>ne(e.target.value)})}),(0,v.jsx)(d,{heading:(0,v.jsx)(a,{children:`Test Validation Callback`}),children:re&&(0,v.jsx)(n,{message:{content:re,icon:!0,type:`Error`,visible:!0}})}),(0,v.jsxs)(d,{heading:(0,v.jsx)(a,{children:`Storage State / Redux`}),children:[w,(0,v.jsx)(f,{}),(0,v.jsx)(c,{label:`Change value`,onClick:()=>T(l(String(Math.floor(Math.random()*100)),`bar`))})]})]})},F=()=>{let[e,t]=(0,_.useState)(`123|m`);return(0,v.jsx)(g,{name:`example`,onChange:e=>t(e.target.value),value:e,initUnit:`m`,unitkey:`depth`,unitTemplate:{depth:`m`},testId:`testId`})};F.play=async({canvasElement:e,step:t})=>{let n=C(e),r=C(e.ownerDocument.body);await t(`Can enter decimal values`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123.123456789`),await y(n.getByDisplayValue(`123.123456789`)).toBeInTheDocument()}),await t(`Can enter scientific notation`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`-1.12e3`),await y(n.getByDisplayValue(`-1.12e3`)).toBeInTheDocument()}),await t(`Can enter comma decimals (converts to dot)`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123,456`),await y(n.getByDisplayValue(`123.456`)).toBeInTheDocument()}),await t(`Can enter small numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`0.0000000023`),await y(n.getByDisplayValue(`0.0000000023`)).toBeInTheDocument()}),await t(`Can enter large numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`999999999999`),await y(n.getByDisplayValue(`999999999999`)).toBeInTheDocument()}),await t(`Can convert units`,async()=>{let e=n.getByTestId(`testId`),t=n.getByTestId(`testId-menu`);await x.clear(e),await x.type(e,`456.1`),await x.click(t),await x.click(r.getByTestId(`testId-unit-ft`)),await y(n.getByDisplayValue(`1496`)).toBeInTheDocument()}),await t(`Shows validation error for non-numeric input`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123x45s6`),await y(n.getByDisplayValue(`123x45s6`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await b.mouseOver(e),await S(()=>{y(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})})};const I=E.bind({});I.args={disabled:!0},I.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`);y(n).toBeDisabled()};const L=E.bind({});L.args={disabledUnit:!0},L.play=async({canvasElement:e})=>{let t=C(e),n=t.queryByTestId(`unit-input-menu`);y(n).toBeInTheDocument();let r=C(n).queryByRole(`button`);y(r).toBeDisabled()};const R=E.bind({});R.args={error:`Own Error message`},R.play=async({canvasElement:e})=>{let t=C(e),n=t.getByTestId(`unit-input`),r=C(e.ownerDocument.body);await b.mouseOver(n),await S(()=>{y(r.getByText(`Own Error message`)).toBeInTheDocument()})};const z=E.bind({});z.args={left:!0},z.play=async({canvasElement:e})=>{let t=C(e),n=t.getByTestId(`unit-input`);y(n).not.toHaveStyle(`text-align: right`)};const B=E.bind({});B.args={value:`456|ft`,initUnit:`ft`},B.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`);y(n).toHaveValue(`456`)};const V=E.bind({});V.args={value:`10|kg`,unitkey:`weight`},V.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`button`);await x.click(n);let r=e.ownerDocument.body;y(C(r).getByText(`t`)).toBeInTheDocument(),y(C(r).getByText(`lbf`)).toBeInTheDocument(),y(C(r).getByText(`mt`)).toBeInTheDocument(),y(C(r).getByText(`kip`)).toBeInTheDocument(),y(C(r).getByText(`N`)).toBeInTheDocument()};const H=E.bind({});H.args={initUnit:`ft`},H.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`);y(n).toHaveValue(`404`);let r=t.getByRole(`button`);y(r).toHaveTextContent(`ft`)};const U=E.bind({});U.args={noConversion:!0},U.play=async({canvasElement:e})=>{let t=e.querySelector(`._addon_b4w53_1._groupOrderLast_b4w53_21`);y(t).toBeInTheDocument(),y(t).toHaveTextContent(`m`)};const W=E.bind({});W.args={warning:`Warning message`},W.play=async({canvasElement:e})=>{let t=C(e),n=t.getByTestId(`unit-input`),r=C(e.ownerDocument.body);await b.mouseOver(n),await S(()=>{y(r.getByText(`Warning message`)).toBeInTheDocument()})};const G=E.bind({});G.args={predefinedOptions:[{label:`Option 1`,value:`10|m`},{label:`Option 2`,value:`20|m`}]},G.play=async({canvasElement:e})=>{let t=C(e),n=t.queryByTestId(`unit-input-predefined-menu`);y(n).toBeInTheDocument();let r=C(n).queryByRole(`button`);await x.click(r);let i=e.ownerDocument.body;y(C(i).getByText(`Custom`)).toBeInTheDocument(),y(C(i).getByText(`Option 1`)).toBeInTheDocument(),y(C(i).getByText(`Option 2`)).toBeInTheDocument()};const K=E.bind({});K.args={unitkey:`length`,unitTemplate:{length:`ft`},predefinedOptions:[{label:`Option 1`,value:`10|m`},{label:`Option 2`,value:`20|m`}]},K.play=async({canvasElement:e})=>{let t=C(e),n=t.queryByTestId(`unit-input-predefined-menu`);y(n).toBeInTheDocument();let r=C(n).queryByRole(`button`);await x.click(r);let i=e.ownerDocument.body;y(C(i).getByText(`32.8 ft`)).toBeInTheDocument(),y(C(i).getByText(`65.6 ft`)).toBeInTheDocument()};const q=E.bind({});let ie={};q.args={validationCallback:(e,t)=>(ie={name:e,error:t},{name:e,error:t})},q.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`),r=C(e.ownerDocument.body);await x.clear(n),await x.type(n,`123asd`);let i=e.querySelector(`body`);await x.click(i),await S(()=>{y(ie).toEqual({name:`example`,error:`Must be a numerical value`})}),await b.mouseOver(n),await S(()=>{y(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})};const J=E.bind({});J.args={disabledValidation:!0},J.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`);C(e.ownerDocument.body),await x.clear(n),await x.type(n,`123asd`),await b.mouseOver(n),await y(n.getAttribute(`data-error`)).toBeNull()};const Y=E.bind({});Y.args={allowEmpty:!0,value:`|m`},Y.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`);y(n).toHaveValue(``)};const X=E.bind({});let ae=``;X.args={onSwitchUnit:e=>{ae=e}},X.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`),r=t.getByRole(`button`);await x.click(r);let i=e.ownerDocument.body,a=C(i).getByText(`km`);await x.click(a),y(n).toHaveValue(`0.123`),y(ae).toEqual(`km`)};const Z=E.bind({});Z.args={unitTemplate:{length:`ft`}},Z.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`),r=t.getByRole(`button`);y(r).toHaveTextContent(`ft`),y(n).toHaveValue(`404`)};const Q=E.bind({});Q.args={unitkey:void 0,value:`77|"`},Q.play=async({canvasElement:e})=>{let t=C(e),n=t.getByTestId(`unit-input`);await x.clear(n),await x.type(n,`22`),await S(()=>{y(t.getByDisplayValue(`22`)).toBeInTheDocument()}),await y(n.getAttribute(`data-error`)).toBeNull()};const $=E.bind({});$.args={unitkey:`length`,value:`0.127836182735|m`,unitTemplate:{length:`m`}},$.play=async({canvasElement:e,step:t})=>{let n=C(e),r=n.getByRole(`button`);await x.click(r);let i=e.ownerDocument.body,a=[{rounded:`0.1278`,fullValue:`0.127836182735`},{rounded:`12.78`,fullValue:`12.7836182735`},{rounded:`0.4194`,fullValue:`0.419410048343`},{rounded:`0.0001278`,fullValue:`0.000127836182735`},{rounded:`5.033`,fullValue:`5.03292058012`},{rounded:`127.8`,fullValue:`127.836182735`}],o=async(e,t)=>{await x.click(C(i).getByText(e)),await S(()=>{let e=n.getByTestId(`unit-input`);y(e).toHaveValue(t)}),await x.click(r)};await t(`Check if value rounded in menu`,async()=>{await Promise.all(a.map(({rounded:e})=>S(()=>{y(C(i).getByText(e)).toHaveTextContent(e)})))}),await t(`Check each unit selection displays full value without rounding`,async()=>{await o(`0.1278`,`0.127836182735`),await o(`12.78`,`12.7836182735`),await o(`0.4194`,`0.419410048343`),await o(`0.0001278`,`0.000127836182735`),await o(`5.033`,`5.03292058012`),await o(`127.8`,`127.836182735`)})},D.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`Placeholder`},O.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`PlaceholderWithUnit`},k.__docgenInfo={description:``,methods:[],displayName:`TestExternalStateChangeWithSynchronizedUnits`,props:{name:{required:!1,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:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},disabledUnit:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`union`,raw:`string | null | boolean`,elements:[{name:`string`},{name:`null`},{name:`boolean`}]},description:``},left:{required:!1,tsType:{name:`boolean`},description:``},small:{required:!1,tsType:{name:`boolean`},description:``},width:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},value:{required:!1,tsType:{name:`string`},description:``},unitkey:{required:!1,tsType:{name:`string`},description:``},initUnit:{required:!1,tsType:{name:`string`},description:``},noConversion:{required:!1,tsType:{name:`boolean`},description:``},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:``},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:``},shouldLinkAutomaticly:{required:!1,tsType:{name:`boolean`},description:``},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:``},disabledValidation:{required:!1,tsType:{name:`boolean`},description:``},allowEmpty:{required:!1,tsType:{name:`boolean`},description:``},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(evt: TOnChangeEvent) => void`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{ target: TOnChangeEventTarget }`,signature:{properties:[{key:`target`,value:{name:`union`,raw:`| TOnChangeEventBaseTarget
+import{E as e,M as t,d as n,f as r,h as i}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import{b as a}from"./heading-DC2eTr4r.js";import{b as o}from"./divider-B4em5zcI.js";import{b as s}from"./text-CkkjKEEc.js";import"./lodash-CiSVjb27.js";import{b as c}from"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";import"./actions-Ct9IeQri.js";import"./types-D9-IVcXX.js";import"./types-BjAzD82u.js";import"./badge-CSqHSgHc.js";import{b as ee}from"./select-C3UalMKs.js";import"./use-keyboard-event-DJxq2Iwi.js";import"./memoize-one.esm-Dbu59KLW.js";import"./enum-_bzRAybU.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import"./input-BdYHHPue.js";import"./input-group-D24O4Bxc.js";import"./input-group-addon-DZoIwpw9.js";import{A as l,f as u}from"./dist-3hm1VO_N.js";import"./number-input-CO11SW2l.js";import{b as d}from"./card-WLrmR7W6.js";import{b as f}from"./spacer-vcWIopH5.js";import{b as p}from"./toggle-BAmO7wKa.js";import"./label-BkXPoL3G.js";import{b as m}from"./field-CMcGBkdh.js";import"./styled-components.browser.esm-DWmnuEYo.js";import"./emotion-is-prop-valid.esm-BUoVdhe_.js";import{b as te}from"./grid-BFBK01ob.js";import{b as ne,c as h}from"./row-ccWcLrf1.js";import{b as g}from"./unit-input-C-88gl7h.js";import"./initialize-context-DFfe1jE3.js";var _=t(e()),v=t(i());const{expect:y,fireEvent:b,userEvent:x,waitFor:S,within:C}=__STORYBOOK_MODULE_TEST__,{useArgs:w}=__STORYBOOK_MODULE_PREVIEW_API__;var T={title:`Forms/UnitInput/Test Cases`,component:g,tags:[`!autodocs`],args:{name:`example`,unitkey:`length`,value:`123|m`,testId:`unit-input`}};const re=e=>{let[t,n]=w(),r=e=>{n({value:e.target.value})};return(0,v.jsx)(g,{...e,onChange:r})},E=re.bind({}),D=()=>{let[e,t]=(0,_.useState)(`123|m`);return(0,v.jsx)(g,{name:`example`,onChange:e=>t(e.target.value),placeholder:`Type a value...`,value:e,initUnit:`m`,unitkey:`depth`,unitTemplate:{depth:`m`},testId:`testId`})};D.play=async({canvasElement:e,step:t})=>{let n=C(e),r=C(e.ownerDocument.body);await t(`Shows validation error for non-numeric input`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123x45s6`),await y(n.getByDisplayValue(`123x45s6`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await b.mouseOver(e),await S(()=>{y(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})})};const O=()=>{let[e,t]=(0,_.useState)(`|m`);return(0,v.jsx)(g,{name:`example-ft`,onChange:e=>t(e.target.value),placeholder:`7|ft`,value:e,initUnit:`m`,unitkey:`depth`,unitTemplate:{depth:`m`},testId:`testId-ft`})};O.play=async({canvasElement:e,step:t})=>{let n=C(e),r=C(e.ownerDocument.body);await t(`Handle input with unit only`,async()=>{let e=n.getByTestId(`testId-ft`);await y(n.getByDisplayValue(``)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toBeNull(),await b.mouseOver(e),await y(e.getAttribute(`data-error`)).toBeNull()}),await t(`Clear input and check placeholder`,async()=>{let e=n.getByTestId(`testId-ft`);await x.clear(e),await y(e).toHaveAttribute(`placeholder`,`2.13`)}),await t(`Type a correct numeric value and ensure no error`,async()=>{let e=n.getByTestId(`testId-ft`);await x.type(e,`123`),await y(n.getByDisplayValue(`123`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toBeNull(),await b.mouseOver(e),await y(e.getAttribute(`data-error`)).toBeNull()}),await t(`Remove value, type incorrect value and check for error`,async()=>{let e=n.getByTestId(`testId-ft`);await x.clear(e),await x.type(e,`123abc`),await y(n.getByDisplayValue(`123abc`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await b.mouseOver(e),await S(()=>{y(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})})};const k=e=>{let[t,n]=(0,_.useState)(`123|m`),[r,i]=(0,_.useState)(`223|m`),[a,s]=(0,_.useState)(`ft`);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(c,{label:`Change initUnit`,onClick:()=>s(a===`m`?`ft`:`m`)}),(0,v.jsx)(f,{}),(0,v.jsx)(c,{label:`Change value`,onClick:()=>n(t===`123|m`?`456|m`:`123|m`)}),(0,v.jsx)(f,{}),(0,v.jsx)(g,{name:`example`,onChange:e=>{n(e.target.value)},unitkey:`length`,value:t,initUnit:a,onSwitchUnit:s}),(0,v.jsx)(f,{}),(0,v.jsx)(g,{name:`example2`,onChange:e=>{i(e.target.value)},unitkey:`length`,value:r,initUnit:a,onSwitchUnit:s}),(0,v.jsx)(o,{}),(0,v.jsx)(`h4`,{children:`Without initUnit property (taken from the redux store)`}),(0,v.jsx)(g,{name:`example`,onChange:e=>{n(e.target.value)},unitkey:`length`,value:t,onSwitchUnit:s}),(0,v.jsx)(g,{name:`example2`,onChange:e=>{i(e.target.value)},unitkey:`length`,value:r,onSwitchUnit:s})]})};k.parameters={docs:{description:{story:`[OW-4380](https://oliasoft.atlassian.net/browse/OW-4380?atlOrigin=eyJpIjoiMmM1N2RkNWU3Mjk5NDYxY2E0YzhkMzk5ZTVmZTJhMjciLCJwIjoiaiJ9)`}}};const A=()=>{let e=`500px`,[t,r]=(0,_.useState)(void 0);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`h4`,{children:`Different edge cases such as +/- infinity, undefined, NaN, null:`}),(0,v.jsxs)(ne,{children:[(0,v.jsxs)(h,{width:`25%`,children:[(0,v.jsx)(c,{label:`Change value infinity`,onClick:()=>r(1/0)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value -infinity`,onClick:()=>r(-1/0)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value null`,onClick:()=>r(null)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - undefined`,onClick:()=>r(void 0)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - NaN`,onClick:()=>r(NaN)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - nothing (empty)`,onClick:()=>r(void 0)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - empty string`,onClick:()=>r(``)})]}),(0,v.jsxs)(h,{width:`25%`,children:[(0,v.jsx)(c,{label:`Change value infinity|m`,onClick:()=>r(`Infinity|m`)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value -infinity|m`,onClick:()=>r(`-Infinity|m`)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value null|m`,onClick:()=>r(`null|m`)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - undefined|m`,onClick:()=>r(`undefined|m`)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - NaN|m`,onClick:()=>r(`NaN|m`)}),(0,v.jsx)(`br`,{}),(0,v.jsx)(c,{label:`Change value - nothing (empty)|m`,onClick:()=>r(`|m`)})]})]}),(0,v.jsx)(`br`,{}),(0,v.jsx)(m,{label:`Normal PUI`,children:(0,v.jsx)(g,{name:`example1`,onChange:e=>r(e.target.value),value:t,unitkey:`length`,width:e,placeholder:`value|unit`})}),(0,v.jsx)(m,{label:`Disabled validation`,children:(0,v.jsx)(g,{name:`example2`,onChange:e=>r(e.target.value),value:t,unitkey:`length`,disabledValidation:!0,width:e})}),(0,v.jsx)(m,{label:`Disabled validation and manual error`,children:(0,v.jsx)(g,{name:`example3`,onChange:e=>r(e.target.value),value:t,unitkey:`length`,error:`test`,disabledValidation:!0,width:e})}),(0,v.jsx)(n,{message:{heading:`Current value inside PUI: `+t,visible:!0}})]})};A.parameters={docs:{description:{story:`[OW-8884](https://oliasoft.atlassian.net/browse/OW-8884)`}}};const j=()=>{let[e,t]=(0,_.useState)(!0),n=()=>{t(!1),setTimeout(()=>t(!0),0)},[i,o]=(0,_.useState)(`123|ft`);return(0,v.jsxs)(te,{columns:`1fr 1fr`,gap:!0,children:[(0,v.jsxs)(d,{heading:(0,v.jsx)(a,{children:`Storage State (Redux)`}),children:[i,(0,v.jsx)(f,{}),(0,v.jsx)(c,{label:`Change value`,onClick:()=>o(l(String(Math.floor(Math.random()*100)),`ft`))})]}),(0,v.jsx)(d,{heading:(0,v.jsx)(a,{icon:(0,v.jsx)(r,{icon:`refresh`,testId:`triggerRerenderTestId`}),onIconClick:n,children:`UnitInput`}),children:e&&(0,v.jsx)(g,{name:`example`,onChange:e=>o(e.target.value),value:i,initUnit:`m`,unitkey:`depth`,unitTemplate:{depth:`m`}})})]})},M=()=>(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s,{faint:!0,children:`Reproduce OW-10614 rounding noise bug when storing values in a different unit to the display unit`}),(0,v.jsx)(f,{}),(0,v.jsx)(g,{name:`example`,onChange:()=>{},value:l(u(`9750|psi`,`bar`),`bar`),initUnit:`psi`,unitkey:`pressure`,unitTemplate:{pressure:`psi`}}),(0,v.jsx)(f,{}),(0,v.jsx)(g,{name:`example2`,onChange:()=>{},value:l(u(`8642|lbf`,`tonneForce`),`tonneForce`),initUnit:`lbf`,unitkey:`force`,unitTemplate:{force:`tonneForce`}})]}),N=()=>(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(g,{name:`example`,unitkey:`moleWeight`,initUnit:`g/mol`,noConversion:!0,value:`170|g/mol`,unitTemplate:{moleWeight:`g/mol`},testId:`case1`}),(0,v.jsx)(f,{}),(0,v.jsx)(g,{name:`gor`,unitkey:`moleWeight`,initUnit:`gor`,value:`Infinity|SCF/STB`,testId:`case2`})]});N.play=async({canvasElement:e,step:t})=>{let n=C(e);await t(`Can enter decimal values`,async()=>{await y(n.getByDisplayValue(`170`)).toBeInTheDocument(),await y(n.getByDisplayValue(`Infinity`)).toBeInTheDocument()})};const P=()=>{let[e,t]=(0,_.useState)(!0),i=()=>{t(!1),setTimeout(()=>t(!0),0)},[o,ne]=(0,_.useState)(`psi`),[h,y]=(0,_.useState)(!1),[b,x]=(0,_.useState)(!0),[S,C]=(0,_.useState)(!0),[w,T]=(0,_.useState)(`672.2388357750001|bar`),[re,E]=(0,_.useState)(``);return(0,v.jsxs)(te,{columns:`1fr 1fr`,gap:!0,children:[(0,v.jsxs)(d,{heading:(0,v.jsx)(a,{children:`Settings`}),children:[(0,v.jsx)(m,{label:`Enable display rounding:`,labelLeft:!0,labelWidth:200,children:(0,v.jsx)(p,{checked:h,onChange:e=>y(e.target.checked)})}),(0,v.jsx)(m,{label:`Enable cosmetic rounding:`,labelLeft:!0,labelWidth:200,children:(0,v.jsx)(p,{checked:b,onChange:e=>x(e.target.checked)})}),(0,v.jsx)(m,{label:`Convert back to storage unit (onChange):`,labelLeft:!0,labelWidth:200,children:(0,v.jsx)(p,{checked:S,onChange:e=>C(e.target.checked)})})]}),(0,v.jsxs)(d,{heading:(0,v.jsx)(a,{icon:(0,v.jsx)(r,{icon:`refresh`,testId:`triggerRerenderTestId`}),onIconClick:i,children:`UnitInput`}),children:[(0,v.jsx)(s,{faint:!0,children:`Cosmetic Rounding Test Case: type 9750 then return (compare with enableCosmeticRounding on and off)`}),(0,v.jsx)(f,{}),(0,v.jsx)(s,{warning:!0,children:`Note: UnitInput uses convertSamePrecision internally (decision prior to cosmetic value implementation). This means not all rounding noise occurrences seen in NumberInput will be reproducible in UnitInput, because they get rounded off by other logic.`}),(0,v.jsx)(f,{}),e&&(0,v.jsx)(g,{name:`Example`,unitkey:`pressure`,initUnit:o,unitTemplate:{pressure:`psi`},value:w,onChange:e=>{let{value:t}=e.target;t&&T(t)},enableDisplayRounding:h,enableCosmeticRounding:b,error:u(w,`bar`)>=0?``:`Value must be positive`,validationCallback:(e,t)=>{E(t??``)},convertBackToStorageUnit:S})]}),(0,v.jsx)(d,{heading:(0,v.jsx)(a,{children:`Unit Template`}),children:(0,v.jsx)(ee,{options:[{label:`Bar`,value:`bar`},{label:`psi`,value:`psi`}],value:o,width:70,onChange:e=>ne(e.target.value)})}),(0,v.jsx)(d,{heading:(0,v.jsx)(a,{children:`Test Validation Callback`}),children:re&&(0,v.jsx)(n,{message:{content:re,icon:!0,type:`Error`,visible:!0}})}),(0,v.jsxs)(d,{heading:(0,v.jsx)(a,{children:`Storage State / Redux`}),children:[w,(0,v.jsx)(f,{}),(0,v.jsx)(c,{label:`Change value`,onClick:()=>T(l(String(Math.floor(Math.random()*100)),`bar`))})]})]})},F=()=>{let[e,t]=(0,_.useState)(`123|m`);return(0,v.jsx)(g,{name:`example`,onChange:e=>t(e.target.value),value:e,initUnit:`m`,unitkey:`depth`,unitTemplate:{depth:`m`},testId:`testId`})};F.play=async({canvasElement:e,step:t})=>{let n=C(e),r=C(e.ownerDocument.body);await t(`Can enter decimal values`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123.123456789`),await y(n.getByDisplayValue(`123.123456789`)).toBeInTheDocument()}),await t(`Can enter scientific notation`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`-1.12e3`),await y(n.getByDisplayValue(`-1.12e3`)).toBeInTheDocument()}),await t(`Can enter comma decimals (converts to dot)`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123,456`),await y(n.getByDisplayValue(`123.456`)).toBeInTheDocument()}),await t(`Can enter small numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`0.0000000023`),await y(n.getByDisplayValue(`0.0000000023`)).toBeInTheDocument()}),await t(`Can enter large numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`999999999999`),await y(n.getByDisplayValue(`999999999999`)).toBeInTheDocument()}),await t(`Can convert units`,async()=>{let e=n.getByTestId(`testId`),t=n.getByTestId(`testId-menu`);await x.clear(e),await x.type(e,`456.1`),await x.click(t),await x.click(r.getByTestId(`testId-unit-ft`)),await y(n.getByDisplayValue(`1496`)).toBeInTheDocument()}),await t(`Shows validation error for non-numeric input`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123x45s6`),await y(n.getByDisplayValue(`123x45s6`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await b.mouseOver(e),await S(()=>{y(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})})};const I=E.bind({});I.args={disabled:!0},I.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`);y(n).toBeDisabled()};const L=E.bind({});L.args={disabledUnit:!0},L.play=async({canvasElement:e})=>{let t=C(e),n=t.queryByTestId(`unit-input-menu`);y(n).toBeInTheDocument();let r=C(n).queryByRole(`button`);y(r).toBeDisabled()};const R=E.bind({});R.args={error:`Own Error message`},R.play=async({canvasElement:e})=>{let t=C(e),n=t.getByTestId(`unit-input`),r=C(e.ownerDocument.body);await b.mouseOver(n),await S(()=>{y(r.getByText(`Own Error message`)).toBeInTheDocument()})};const z=E.bind({});z.args={left:!0},z.play=async({canvasElement:e})=>{let t=C(e),n=t.getByTestId(`unit-input`);y(n).not.toHaveStyle(`text-align: right`)};const B=E.bind({});B.args={value:`456|ft`,initUnit:`ft`},B.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`);y(n).toHaveValue(`456`)};const V=E.bind({});V.args={value:`10|kg`,unitkey:`weight`},V.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`button`);await x.click(n);let r=e.ownerDocument.body;y(C(r).getByText(`t`)).toBeInTheDocument(),y(C(r).getByText(`lbf`)).toBeInTheDocument(),y(C(r).getByText(`mt`)).toBeInTheDocument(),y(C(r).getByText(`kip`)).toBeInTheDocument(),y(C(r).getByText(`N`)).toBeInTheDocument()};const H=E.bind({});H.args={initUnit:`ft`},H.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`);y(n).toHaveValue(`404`);let r=t.getByRole(`button`);y(r).toHaveTextContent(`ft`)};const U=E.bind({});U.args={noConversion:!0},U.play=async({canvasElement:e})=>{let t=e.querySelector(`._addon_b4w53_1._groupOrderLast_b4w53_21`);y(t).toBeInTheDocument(),y(t).toHaveTextContent(`m`)};const W=E.bind({});W.args={warning:`Warning message`},W.play=async({canvasElement:e})=>{let t=C(e),n=t.getByTestId(`unit-input`),r=C(e.ownerDocument.body);await b.mouseOver(n),await S(()=>{y(r.getByText(`Warning message`)).toBeInTheDocument()})};const G=E.bind({});G.args={predefinedOptions:[{label:`Option 1`,value:`10|m`},{label:`Option 2`,value:`20|m`}]},G.play=async({canvasElement:e})=>{let t=C(e),n=t.queryByTestId(`unit-input-predefined-menu`);y(n).toBeInTheDocument();let r=C(n).queryByRole(`button`);await x.click(r);let i=e.ownerDocument.body;y(C(i).getByText(`Custom`)).toBeInTheDocument(),y(C(i).getByText(`Option 1`)).toBeInTheDocument(),y(C(i).getByText(`Option 2`)).toBeInTheDocument()};const K=E.bind({});K.args={unitkey:`length`,unitTemplate:{length:`ft`},predefinedOptions:[{label:`Option 1`,value:`10|m`},{label:`Option 2`,value:`20|m`}]},K.play=async({canvasElement:e})=>{let t=C(e),n=t.queryByTestId(`unit-input-predefined-menu`);y(n).toBeInTheDocument();let r=C(n).queryByRole(`button`);await x.click(r);let i=e.ownerDocument.body;y(C(i).getByText(`32.8 ft`)).toBeInTheDocument(),y(C(i).getByText(`65.6 ft`)).toBeInTheDocument()};const q=E.bind({});let ie={};q.args={validationCallback:(e,t)=>(ie={name:e,error:t},{name:e,error:t})},q.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`),r=C(e.ownerDocument.body);await x.clear(n),await x.type(n,`123asd`);let i=e.querySelector(`body`);await x.click(i),await S(()=>{y(ie).toEqual({name:`example`,error:`Must be a numerical value`})}),await b.mouseOver(n),await S(()=>{y(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})};const J=E.bind({});J.args={disabledValidation:!0},J.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`);C(e.ownerDocument.body),await x.clear(n),await x.type(n,`123asd`),await b.mouseOver(n),await y(n.getAttribute(`data-error`)).toBeNull()};const Y=E.bind({});Y.args={allowEmpty:!0,value:`|m`},Y.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`);y(n).toHaveValue(``)};const X=E.bind({});let ae=``;X.args={onSwitchUnit:e=>{ae=e}},X.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`),r=t.getByRole(`button`);await x.click(r);let i=e.ownerDocument.body,a=C(i).getByText(`km`);await x.click(a),y(n).toHaveValue(`0.123`),y(ae).toEqual(`km`)};const Z=E.bind({});Z.args={unitTemplate:{length:`ft`}},Z.play=async({canvasElement:e})=>{let t=C(e),n=t.getByRole(`textbox`),r=t.getByRole(`button`);y(r).toHaveTextContent(`ft`),y(n).toHaveValue(`404`)};const Q=E.bind({});Q.args={unitkey:void 0,value:`77|"`},Q.play=async({canvasElement:e})=>{let t=C(e),n=t.getByTestId(`unit-input`);await x.clear(n),await x.type(n,`22`),await S(()=>{y(t.getByDisplayValue(`22`)).toBeInTheDocument()}),await y(n.getAttribute(`data-error`)).toBeNull()};const $=E.bind({});$.args={unitkey:`length`,value:`0.127836182735|m`,unitTemplate:{length:`m`}},$.play=async({canvasElement:e,step:t})=>{let n=C(e),r=n.getByRole(`button`);await x.click(r);let i=e.ownerDocument.body,a=[{rounded:`0.1278`,fullValue:`0.127836182735`},{rounded:`12.78`,fullValue:`12.7836182735`},{rounded:`0.4194`,fullValue:`0.419410048343`},{rounded:`0.0001278`,fullValue:`0.000127836182735`},{rounded:`5.033`,fullValue:`5.03292058012`},{rounded:`127.8`,fullValue:`127.836182735`}],o=async(e,t)=>{await x.click(C(i).getByText(e)),await S(()=>{let e=n.getByTestId(`unit-input`);y(e).toHaveValue(t)}),await x.click(r)};await t(`Check if value rounded in menu`,async()=>{await Promise.all(a.map(({rounded:e})=>S(()=>{y(C(i).getByText(e)).toHaveTextContent(e)})))}),await t(`Check each unit selection displays full value without rounding`,async()=>{await o(`0.1278`,`0.127836182735`),await o(`12.78`,`12.7836182735`),await o(`0.4194`,`0.419410048343`),await o(`0.0001278`,`0.000127836182735`),await o(`5.033`,`5.03292058012`),await o(`127.8`,`127.836182735`)})},D.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`Placeholder`},O.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`PlaceholderWithUnit`},k.__docgenInfo={description:``,methods:[],displayName:`TestExternalStateChangeWithSynchronizedUnits`,props:{name:{required:!1,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:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},disabledUnit:{required:!1,tsType:{name:`boolean`},description:``},error:{required:!1,tsType:{name:`union`,raw:`string | null | boolean`,elements:[{name:`string`},{name:`null`},{name:`boolean`}]},description:``},left:{required:!1,tsType:{name:`boolean`},description:``},small:{required:!1,tsType:{name:`boolean`},description:``},width:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},value:{required:!1,tsType:{name:`string`},description:``},unitkey:{required:!1,tsType:{name:`string`},description:``},initUnit:{required:!1,tsType:{name:`string`},description:``},noConversion:{required:!1,tsType:{name:`boolean`},description:``},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:``},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:``},shouldLinkAutomaticly:{required:!1,tsType:{name:`boolean`},description:``},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:``},disabledValidation:{required:!1,tsType:{name:`boolean`},description:``},allowEmpty:{required:!1,tsType:{name:`boolean`},description:``},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(evt: TOnChangeEvent) => void`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{ target: TOnChangeEventTarget }`,signature:{properties:[{key:`target`,value:{name:`union`,raw:`| TOnChangeEventBaseTarget
 | (TOnChangeEventBaseTarget & {
     predefinedSelected: boolean;
     predefinedOption: IPredefinedOption;

package/dist/storybook/assets/unit-table.stories-M2tcFYq6.js ADDED Viewed

@@ -0,0 +1 @@

+ import"./react-dom-rzgPE705.js";import"./check-box--YUuQA9P.js";import"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import"./heading-DC2eTr4r.js";import"./text-CkkjKEEc.js";import"./lodash-CiSVjb27.js";import"./table-B6Rh_KBA.js";import"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";import"./actions-Ct9IeQri.js";import"./types-D9-IVcXX.js";import"./types-BjAzD82u.js";import"./badge-CSqHSgHc.js";import"./select-C3UalMKs.js";import"./use-keyboard-event-DJxq2Iwi.js";import"./memoize-one.esm-Dbu59KLW.js";import"./enum-_bzRAybU.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import"./input-BdYHHPue.js";import"./pagination-_RRF0iW0.js";import"./input-group-D24O4Bxc.js";import"./input-group-addon-DZoIwpw9.js";import"./esm-Cd-AO6qk.js";import"./dist-3hm1VO_N.js";import"./number-input-CO11SW2l.js";import"./objectSpread2-DjvBifS4.js";import"./slider-MhFdkngd.js";import"./react-fast-compare-DmR1Q96O.js";import"./popover-DPG74BOL.js";import"./card-WLrmR7W6.js";import"./spacer-vcWIopH5.js";import"./toggle-BAmO7wKa.js";import"./label-BkXPoL3G.js";import"./field-CMcGBkdh.js";import"./config-BLtv6XzA.js";import"./styled-components.browser.esm-DWmnuEYo.js";import"./emotion-is-prop-valid.esm-BUoVdhe_.js";import"./grid-BFBK01ob.js";import"./immer-BwSnAsZY.js";import"./initialize-context-DFfe1jE3.js";import{b as e,c as t,d as n,e as r,f as i}from"./unit-table.stories-kjnrEnHm.js";export{e as InfiniteScrollPerformance,t as InfiniteScrollSimple,n as UnitTableExample,r as __namedExportsOrder,i as default};

package/dist/storybook/assets/{unit-table.stories-DRfidPr_.js → unit-table.stories-kjnrEnHm.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{E as e,M as t,h as n}from"./iframe-D4Zg62hF.js";import{b as r}from"./heading-B4XmPyQx.js";import{b as i}from"./lodash-DCsx9Ntr.js";import{b as a,c as o}from"./table-3zH873Md.js";import{b as s}from"./select-dDHTUZaq.js";import{f as c,j as l,o as u,p as d}from"./dist-3hm1VO_N.js";import{c as f}from"./number-input-CYtGXTJS.js";import{b as p}from"./card-BNQ_Ty0W.js";import{b as m}from"./spacer-CXxVsxF9.js";import{b as h}from"./toggle-C_si2Zbr.js";import{b as g}from"./field-jj7svWmp.js";import{b as _}from"./config-BLtv6XzA.js";import{b as v}from"./grid-tfYbM62b.js";import{b as y}from"./immer-BwSnAsZY.js";import{b,c as x,f as S,g as C}from"./initialize-context-B9jrQ6AF.js";var w=t(i()),T=t(e()),E=t(n());const D=e=>e.reduce(({preferredUnits:e,storageUnits:t},{unitKey:n,preferredUnit:r,storageUnit:i})=>{let{unitTemplate:a=null}=b()??{};return e[n]=r??S(n,a),t[n]=i,{preferredUnits:e,storageUnits:t}},{preferredUnits:{},storageUnits:{}}),O=({row:e,rowIndex:t,selectedUnits:n,storageUnits:r,convertBackToStorageUnit:i,enableCosmeticRounding:a,enableDisplayRounding:o})=>({...e,cells:e.cells.map((e,s)=>{if(`autoUnit`in e&&e?.autoUnit&&(typeof e?.value==`string`||typeof e?.value==`number`)){let{unitKey:c,value:l,formatDisplayValue:u}=e,d=o&&`roundDisplayValue`in e?e?.roundDisplayValue:null,p=n[c],m=r[c],h=m&&p!==m,{value:g=l}=x({value:f(l),unitkey:c,toUnit:p,fromUnit:m}),_=h?g:e.value,v=u?u(_,p):_;return{...e,value:v,enableCosmeticRounding:a,enableDisplayRounding:o,roundDisplayValue:d,selectOnFocus:!0,onChange:n=>{let{value:r}=n.target,a=i?m:p,{value:o=r}=x({value:String(r),unitkey:c,toUnit:a,fromUnit:p}),l=h?o:r;if(`onChange`in e){let{onChange:r}=e,i={...n,target:{...n.target,value:String(l),rowIndex:t,cellIndex:s,unit:a}};r(i)}}}}return e})}),k=({headers:e,selectedUnits:t,storageUnits:n,onChangeUnit:r})=>{let{translations:i}=_();return e?e.map(e=>({...e,cells:e.cells.map(e=>{if(e.type===o.AUTO_UNIT){let{testId:a,unitKey:s,disabled:c=!1,error:d}=e,f=n[s];return{value:f&&t[s],type:o.SELECT,error:!f&&i?.unitIsMissing||d,disabled:c||!f,searchable:!1,options:l(s)?.map(e=>({label:u(e),value:e})),native:e.native,onChange:e=>r({unitKey:s,value:e.target.value}),testId:a}}return e})})):[]},A=({table:e,unitConfig:t,convertBackToStorageUnit:n=!0,enableCosmeticRounding:r=!0,enableDisplayRounding:i=!0,onListReorder:o,canListReorder:s,beforeRenderRow:c})=>{let{headers:l,...u}=e,{storageUnits:d,preferredUnits:f}=D(t),p=C(f),[m,h]=(0,T.useState)(f),g=({unitKey:e,value:n})=>{h({...m,[e]:n});let r=t.find(t=>t.unitKey===e);r&&typeof r.onChange==`function`&&r.onChange({oldUnit:m[e],newUnit:n,unitKey:e})},_=(0,T.useCallback)(({row:e,rowIndex:t})=>{let a=c?c({row:e,rowIndex:t}):e;return O({row:a,rowIndex:t,selectedUnits:m,storageUnits:d,convertBackToStorageUnit:n,enableCosmeticRounding:r,enableDisplayRounding:i})},[m,d,n,r,i]);return(0,T.useEffect)(()=>{let e=!(0,w.isEqual)(f,p);e&&Object.keys(f).forEach(e=>{let t=p?.[e],n=f[e];t!==n&&g({unitKey:e,value:n})})},[t]),(0,E.jsx)(a,{table:{...u,headers:k({headers:e.headers,selectedUnits:m,storageUnits:d,onChangeUnit:g})},onListReorder:o,canListReorder:s,beforeRenderRow:_})};A.__docgenInfo={description:``,methods:[],displayName:`UnitTable`,props:{table:{required:!0,tsType:{name:`IUnitTable`},description:``},unitConfig:{required:!0,tsType:{name:`Array`,elements:[{name:`IUnitConfigItem`}],raw:`IUnitConfigItem[]`},description:``},convertBackToStorageUnit:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},enableCosmeticRounding:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},enableDisplayRounding:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onListReorder:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(obj: { from: number; to: number }) => void`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{ from: number; to: number }`,signature:{properties:[{key:`from`,value:{name:`number`,required:!0}},{key:`to`,value:{name:`number`,required:!0}}]}},name:`obj`}],return:{name:`void`}}},description:``},canListReorder:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(obj: { from: number; to: number }) => boolean`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{ from: number; to: number }`,signature:{properties:[{key:`from`,value:{name:`number`,required:!0}},{key:`to`,value:{name:`number`,required:!0}}]}},name:`obj`}],return:{name:`boolean`}}},description:``},beforeRenderRow:{required:!1,tsType:{name:`signature`,type:`function`,raw:`({
+import{E as e,M as t,h as n}from"./iframe-EU22ddzP.js";import{b as r}from"./heading-DC2eTr4r.js";import{b as i}from"./lodash-CiSVjb27.js";import{b as a,c as o}from"./table-B6Rh_KBA.js";import{b as s}from"./select-C3UalMKs.js";import{f as c,j as l,o as u,p as d}from"./dist-3hm1VO_N.js";import{c as f}from"./number-input-CO11SW2l.js";import{b as p}from"./card-WLrmR7W6.js";import{b as m}from"./spacer-vcWIopH5.js";import{b as h}from"./toggle-BAmO7wKa.js";import{b as g}from"./field-CMcGBkdh.js";import{b as _}from"./config-BLtv6XzA.js";import{b as v}from"./grid-BFBK01ob.js";import{b as y}from"./immer-BwSnAsZY.js";import{b,c as x,f as S,g as C}from"./initialize-context-DFfe1jE3.js";var w=t(i()),T=t(e()),E=t(n());const D=e=>e.reduce(({preferredUnits:e,storageUnits:t},{unitKey:n,preferredUnit:r,storageUnit:i})=>{let{unitTemplate:a=null}=b()??{};return e[n]=r??S(n,a),t[n]=i,{preferredUnits:e,storageUnits:t}},{preferredUnits:{},storageUnits:{}}),O=({row:e,rowIndex:t,selectedUnits:n,storageUnits:r,convertBackToStorageUnit:i,enableCosmeticRounding:a,enableDisplayRounding:o})=>({...e,cells:e.cells.map((e,s)=>{if(`autoUnit`in e&&e?.autoUnit&&(typeof e?.value==`string`||typeof e?.value==`number`)){let{unitKey:c,value:l,formatDisplayValue:u}=e,d=o&&`roundDisplayValue`in e?e?.roundDisplayValue:null,p=n[c],m=r[c],h=m&&p!==m,{value:g=l}=x({value:f(l),unitkey:c,toUnit:p,fromUnit:m}),_=h?g:e.value,v=u?u(_,p):_;return{...e,value:v,enableCosmeticRounding:a,enableDisplayRounding:o,roundDisplayValue:d,selectOnFocus:!0,onChange:n=>{let{value:r}=n.target,a=i?m:p,{value:o=r}=x({value:String(r),unitkey:c,toUnit:a,fromUnit:p}),l=h?o:r;if(`onChange`in e){let{onChange:r}=e,i={...n,target:{...n.target,value:String(l),rowIndex:t,cellIndex:s,unit:a}};r(i)}}}}return e})}),k=({headers:e,selectedUnits:t,storageUnits:n,onChangeUnit:r})=>{let{translations:i}=_();return e?e.map(e=>({...e,cells:e.cells.map(e=>{if(e.type===o.AUTO_UNIT){let{testId:a,unitKey:s,disabled:c=!1,error:d}=e,f=n[s];return{value:f&&t[s],type:o.SELECT,error:!f&&i?.unitIsMissing||d,disabled:c||!f,searchable:!1,options:l(s)?.map(e=>({label:u(e),value:e})),native:e.native,onChange:e=>r({unitKey:s,value:e.target.value}),testId:a}}return e})})):[]},A=({table:e,unitConfig:t,convertBackToStorageUnit:n=!0,enableCosmeticRounding:r=!0,enableDisplayRounding:i=!0,onListReorder:o,canListReorder:s,beforeRenderRow:c})=>{let{headers:l,...u}=e,{storageUnits:d,preferredUnits:f}=D(t),p=C(f),[m,h]=(0,T.useState)(f),g=({unitKey:e,value:n})=>{h({...m,[e]:n});let r=t.find(t=>t.unitKey===e);r&&typeof r.onChange==`function`&&r.onChange({oldUnit:m[e],newUnit:n,unitKey:e})},_=(0,T.useCallback)(({row:e,rowIndex:t})=>{let a=c?c({row:e,rowIndex:t}):e;return O({row:a,rowIndex:t,selectedUnits:m,storageUnits:d,convertBackToStorageUnit:n,enableCosmeticRounding:r,enableDisplayRounding:i})},[m,d,n,r,i]);return(0,T.useEffect)(()=>{let e=!(0,w.isEqual)(f,p);e&&Object.keys(f).forEach(e=>{let t=p?.[e],n=f[e];t!==n&&g({unitKey:e,value:n})})},[t]),(0,E.jsx)(a,{table:{...u,headers:k({headers:e.headers,selectedUnits:m,storageUnits:d,onChangeUnit:g})},onListReorder:o,canListReorder:s,beforeRenderRow:_})};A.__docgenInfo={description:``,methods:[],displayName:`UnitTable`,props:{table:{required:!0,tsType:{name:`IUnitTable`},description:``},unitConfig:{required:!0,tsType:{name:`Array`,elements:[{name:`IUnitConfigItem`}],raw:`IUnitConfigItem[]`},description:``},convertBackToStorageUnit:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},enableCosmeticRounding:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},enableDisplayRounding:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onListReorder:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(obj: { from: number; to: number }) => void`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{ from: number; to: number }`,signature:{properties:[{key:`from`,value:{name:`number`,required:!0}},{key:`to`,value:{name:`number`,required:!0}}]}},name:`obj`}],return:{name:`void`}}},description:``},canListReorder:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(obj: { from: number; to: number }) => boolean`,signature:{arguments:[{type:{name:`signature`,type:`object`,raw:`{ from: number; to: number }`,signature:{properties:[{key:`from`,value:{name:`number`,required:!0}},{key:`to`,value:{name:`number`,required:!0}}]}},name:`obj`}],return:{name:`boolean`}}},description:``},beforeRenderRow:{required:!1,tsType:{name:`signature`,type:`function`,raw:`({
   row,
   rowIndex,
 }: {

package/dist/storybook/assets/{unit-table.test-case.stories-4m2yh8rO.js → unit-table.test-case.stories-CYjQekHK.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{E as e,M as t,h as n}from"./iframe-~~D4Zg62hF~~.js";import"./react-dom-~~DrHyh6_j~~.js";import"./check-box~~-BrYAm1gp~~.js";import"./tooltip-~~BDJkAs31~~.js";import"./help-icon-~~7rahs3sO~~.js";import"./heading-~~B4XmPyQx~~.js";import"./text-~~DVka0T2p~~.js";import"./lodash-~~DCsx9Ntr~~.js";import"./table-~~3zH873Md~~.js";import"./button-~~COZYpTMg~~.js";import"./spinner-~~FbE2mbiy~~.js";import"./actions-~~C75Yhysc~~.js";import"./types-D9-IVcXX.js";import"./types-~~Q8bq0gPd~~.js";import"./badge-~~DoQogrt7~~.js";import"./select-~~dDHTUZaq~~.js";import"./use-keyboard-event-~~CPHW-LTR~~.js";import"./memoize-one.esm-Dbu59KLW.js";import"./enum-_bzRAybU.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import"./input-~~BQQrNKmr~~.js";import"./pagination-~~Bz_ydB2y~~.js";import"./input-group-~~VNNfEwqC~~.js";import"./input-group-addon-~~DhpBpIxI~~.js";import"./esm-~~L3AFfpT1~~.js";import"./dist-3hm1VO_N.js";import"./number-input-~~CYtGXTJS~~.js";import"./objectSpread2-DjvBifS4.js";import"./slider-~~rFDKD7LU~~.js";import"./react-fast-compare-~~50RPpPoD~~.js";import"./popover-~~CyuIVmBY~~.js";import"./card-~~BNQ_Ty0W~~.js";import"./spacer-~~CXxVsxF9~~.js";import"./toggle-~~C_si2Zbr~~.js";import"./label-~~CT4MqTF7~~.js";import"./field-~~jj7svWmp~~.js";import"./config-BLtv6XzA.js";import"./styled-components.browser.esm-~~DG0FhB-e~~.js";import"./emotion-is-prop-valid.esm-~~BTIsZlY_~~.js";import"./grid-~~tfYbM62b~~.js";import"./immer-BwSnAsZY.js";import"./initialize-context-~~B9jrQ6AF~~.js";import{d as r,g as i}from"./unit-table.stories-~~DRfidPr_~~.js";e();var a=t(n());const{expect:o,fireEvent:s,userEvent:c,waitFor:l,within:u}=__STORYBOOK_MODULE_TEST__;var d={title:`Basic/UnitTable/Test Cases`,args:{},tags:[`!autodocs`]};const f=r.bind({});f.play=async({canvasElement:e,step:t})=>{let n=u(e),r=u(e.ownerDocument.body);await t(`Can enter decimal values`,async()=>{let t=n.getByTestId(`testId_2_1`);await c.clear(t),await c.type(t,`123.123456789`),await c.click(e),await o(n.getByDisplayValue(`123.12`)).toBeInTheDocument()}),await t(`Can enter comma decimals (converts to dot)`,async()=>{let t=n.getByTestId(`testId_2_1`);await c.clear(t),await c.type(t,`123,456`),await c.click(e),await o(n.getByDisplayValue(`123.46`)).toBeInTheDocument()}),await t(`Can enter small numbers`,async()=>{let t=n.getByTestId(`testId_2_1`);await c.clear(t),await c.type(t,`0.0000000023`),await c.click(e),await o(t).toHaveDisplayValue(`0.00`)}),await t(`Can enter large numbers`,async()=>{let t=n.getByTestId(`testId_2_1`);await c.clear(t),await c.type(t,`999999999999`),await c.click(e),await o(n.getByDisplayValue(`999999999999.00`)).toBeInTheDocument()}),await t(`Shows validation error for non-numeric input`,async()=>{let t=n.getByTestId(`testId_2_1`);await c.clear(t),await c.type(t,`123x45s6`),await c.click(e),await o(n.getByDisplayValue(`123x45s6`)).toBeInTheDocument(),await o(t.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await s.mouseOver(t),await l(()=>{o(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})})};const p=()=>{let e=[[``,``,`C`],[`0`,`1.25`,`4`],[`1`,`2.25`,`6`]],t=e.reduce((e,t,n)=>(n===0?e.headers=[{cells:[{value:`From`},{value:`To`},{value:`Temperature`}]},{cells:[{type:`AutoUnit`,unitKey:`length`,disabled:!0},{type:`AutoUnit`,unitKey:`length`,disabled:!1,testId:`table-unit-selector-2`},{type:`AutoUnit`,unitKey:`temperature`,testId:`table-unit-selector-3`}]}]:e.rows=e.rows.concat({cells:t.map((e,t)=>{let r=e;return{value:r,type:`NumberInput`,unitKey:t===2?`temperature`:`length`,onChange:()=>{},autoUnit:!0,testId:`testId_${n}_${t}`}})}),e),{testId:`testId`,infiniteScroll:!0,maxHeight:`500px`,headers:[],rows:[]});return(0,a.jsx)(i,{table:t,unitConfig:[{unitKey:`length`,storageUnit:e[0][0],preferredUnit:`ft`},{unitKey:`temperature`,storageUnit:e[0][2],preferredUnit:`F`}]})},m=p.bind({});m.play=async({canvasElement:e,step:t})=>{let n=u(e),r=u(e.ownerDocument.body);await t(`Shows error if unit is missing and disabled`,async()=>{let e=n.getByTestId(`table-unit-selector-2`);await o(e.getAttribute(`data-error`)).toEqual(`Unit is missing`),await s.mouseOver(e),await l(()=>{o(r.getByText(`Unit is missing`)).toBeInTheDocument()});let t=e.className;o(t).toMatch(/_disabled_/)}),await t(`Inputs are raw`,async()=>{let e=n.getByTestId(`testId_1_1`),t=n.getByTestId(`testId_2_1`);await o(e).toHaveDisplayValue(`1.25`),await o(t).toHaveDisplayValue(`2.25`)})};const h=[`Test`,`MissingUnitTest`];export{m as MissingUnitTest,f as Test,h as __namedExportsOrder,d as default};
1	+ import{E as e,M as t,h as n}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import"./check-box--YUuQA9P.js";import"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import"./heading-DC2eTr4r.js";import"./text-CkkjKEEc.js";import"./lodash-CiSVjb27.js";import"./table-B6Rh_KBA.js";import"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";import"./actions-Ct9IeQri.js";import"./types-D9-IVcXX.js";import"./types-BjAzD82u.js";import"./badge-CSqHSgHc.js";import"./select-C3UalMKs.js";import"./use-keyboard-event-DJxq2Iwi.js";import"./memoize-one.esm-Dbu59KLW.js";import"./enum-_bzRAybU.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import"./input-BdYHHPue.js";import"./pagination-_RRF0iW0.js";import"./input-group-D24O4Bxc.js";import"./input-group-addon-DZoIwpw9.js";import"./esm-Cd-AO6qk.js";import"./dist-3hm1VO_N.js";import"./number-input-CO11SW2l.js";import"./objectSpread2-DjvBifS4.js";import"./slider-MhFdkngd.js";import"./react-fast-compare-DmR1Q96O.js";import"./popover-DPG74BOL.js";import"./card-WLrmR7W6.js";import"./spacer-vcWIopH5.js";import"./toggle-BAmO7wKa.js";import"./label-BkXPoL3G.js";import"./field-CMcGBkdh.js";import"./config-BLtv6XzA.js";import"./styled-components.browser.esm-DWmnuEYo.js";import"./emotion-is-prop-valid.esm-BUoVdhe_.js";import"./grid-BFBK01ob.js";import"./immer-BwSnAsZY.js";import"./initialize-context-DFfe1jE3.js";import{d as r,g as i}from"./unit-table.stories-kjnrEnHm.js";e();var a=t(n());const{expect:o,fireEvent:s,userEvent:c,waitFor:l,within:u}=__STORYBOOK_MODULE_TEST__;var d={title:`Basic/UnitTable/Test Cases`,args:{},tags:[`!autodocs`]};const f=r.bind({});f.play=async({canvasElement:e,step:t})=>{let n=u(e),r=u(e.ownerDocument.body);await t(`Can enter decimal values`,async()=>{let t=n.getByTestId(`testId_2_1`);await c.clear(t),await c.type(t,`123.123456789`),await c.click(e),await o(n.getByDisplayValue(`123.12`)).toBeInTheDocument()}),await t(`Can enter comma decimals (converts to dot)`,async()=>{let t=n.getByTestId(`testId_2_1`);await c.clear(t),await c.type(t,`123,456`),await c.click(e),await o(n.getByDisplayValue(`123.46`)).toBeInTheDocument()}),await t(`Can enter small numbers`,async()=>{let t=n.getByTestId(`testId_2_1`);await c.clear(t),await c.type(t,`0.0000000023`),await c.click(e),await o(t).toHaveDisplayValue(`0.00`)}),await t(`Can enter large numbers`,async()=>{let t=n.getByTestId(`testId_2_1`);await c.clear(t),await c.type(t,`999999999999`),await c.click(e),await o(n.getByDisplayValue(`999999999999.00`)).toBeInTheDocument()}),await t(`Shows validation error for non-numeric input`,async()=>{let t=n.getByTestId(`testId_2_1`);await c.clear(t),await c.type(t,`123x45s6`),await c.click(e),await o(n.getByDisplayValue(`123x45s6`)).toBeInTheDocument(),await o(t.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await s.mouseOver(t),await l(()=>{o(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})})};const p=()=>{let e=[[``,``,`C`],[`0`,`1.25`,`4`],[`1`,`2.25`,`6`]],t=e.reduce((e,t,n)=>(n===0?e.headers=[{cells:[{value:`From`},{value:`To`},{value:`Temperature`}]},{cells:[{type:`AutoUnit`,unitKey:`length`,disabled:!0},{type:`AutoUnit`,unitKey:`length`,disabled:!1,testId:`table-unit-selector-2`},{type:`AutoUnit`,unitKey:`temperature`,testId:`table-unit-selector-3`}]}]:e.rows=e.rows.concat({cells:t.map((e,t)=>{let r=e;return{value:r,type:`NumberInput`,unitKey:t===2?`temperature`:`length`,onChange:()=>{},autoUnit:!0,testId:`testId_${n}_${t}`}})}),e),{testId:`testId`,infiniteScroll:!0,maxHeight:`500px`,headers:[],rows:[]});return(0,a.jsx)(i,{table:t,unitConfig:[{unitKey:`length`,storageUnit:e[0][0],preferredUnit:`ft`},{unitKey:`temperature`,storageUnit:e[0][2],preferredUnit:`F`}]})},m=p.bind({});m.play=async({canvasElement:e,step:t})=>{let n=u(e),r=u(e.ownerDocument.body);await t(`Shows error if unit is missing and disabled`,async()=>{let e=n.getByTestId(`table-unit-selector-2`);await o(e.getAttribute(`data-error`)).toEqual(`Unit is missing`),await s.mouseOver(e),await l(()=>{o(r.getByText(`Unit is missing`)).toBeInTheDocument()});let t=e.className;o(t).toMatch(/_disabled_/)}),await t(`Inputs are raw`,async()=>{let e=n.getByTestId(`testId_1_1`),t=n.getByTestId(`testId_2_1`);await o(e).toHaveDisplayValue(`1.25`),await o(t).toHaveDisplayValue(`2.25`)})};const h=[`Test`,`MissingUnitTest`];export{m as MissingUnitTest,f as Test,h as __namedExportsOrder,d as default};

package/dist/storybook/assets/{use-keyboard-event-CPHW-LTR.js → use-keyboard-event-DJxq2Iwi.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{E as e,M as t}from"./iframe-~~D4Zg62hF~~.js";var n=t(e());const r=(e,t,r=[],i)=>{(0,n.useEffect)(()=>{let n=n=>{let r=n?.key?.toLowerCase()===e?.toLowerCase(),a=i?.ctrl??!1,o=i?.meta??!1,s=n?.ctrlKey,c=n?.metaKey,l=!a&&!o\|\|a&&s\|\|o&&c;r&&l&&t()};return window.addEventListener(`keydown`,n),()=>{window.removeEventListener(`keydown`,n)}},r)};export{r as b};
1	+ import{E as e,M as t}from"./iframe-EU22ddzP.js";var n=t(e());const r=(e,t,r=[],i)=>{(0,n.useEffect)(()=>{let n=n=>{let r=n?.key?.toLowerCase()===e?.toLowerCase(),a=i?.ctrl??!1,o=i?.meta??!1,s=n?.ctrlKey,c=n?.metaKey,l=!a&&!o\|\|a&&s\|\|o&&c;r&&l&&t()};return window.addEventListener(`keydown`,n),()=>{window.removeEventListener(`keydown`,n)}},r)};export{r as b};

package/dist/storybook/iframe.html CHANGED Viewed

@@ -529,7 +529,7 @@
   }
 </script>
-    <script type="module" crossorigin src="./assets/iframe-D4Zg62hF.js"></script>
+    <script type="module" crossorigin src="./assets/iframe-EU22ddzP.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-D5u4KL1i.js">
     <link rel="stylesheet" crossorigin href="./assets/iframe-DQjO7Shz.css">
   </head>

package/dist/storybook/{index-B1D5hqWS.js → index-CMB0aE4o.js} RENAMED Viewed

@@ -17488,7 +17488,7 @@ const Component$1 = ({ component: component$1, disabled: disabled$4, testId }) =
 		error: !!error$2,
 		warning: !!warning$6,
 		text: tooltip$1 || error$2 || warning$6,
-		display: "inline-block",
+		display: "inline-flex",
 		children
 	});
 }, Trigger = import_react.forwardRef(({ active: active$8, isDisabled, badgeTitle, badgeDot, loading, width, trigger: trigger$2, label: label$6, title: title$3, onClickTrigger, colored, small: small$5, isNested, contextMenu, component: component$1, groupOrder, fullHeight, isOpen, error: error$2, warning: warning$6, tooltip: tooltip$1, testId, selected: selected$1, tabIndex,...restProps }, ref) => {

package/dist/storybook/index.html CHANGED Viewed

	@@ -1 +1 @@
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/index-~~B1D5hqWS~~.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/index-7Av0lwQO.css"></head><body><div id="content"></div></body>
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/index-CMB0aE4o.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/index-7Av0lwQO.css"></head><body><div id="content"></div></body>