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

package/dist/storybook/assets/toaster-B8A3xIYu.js

@@ -1 +0,0 @@
-import{j as c}from"./jsx-runtime-eps93zm2.js";import{t,S as f}from"./toaster-7wnI6hqB.js";import{a as r,M as d,D as E}from"./message-ZenLdkrf.js";const m=({id:s,message:e={type:r.INFO,content:""},autoClose:o=6e3,onClose:a})=>{const{type:p=r.INFO}=e??{},u=({closeToast:l})=>c.jsx(E,{type:p,onClose:l,isInToast:!0}),i=c.jsx(d,{message:{...e,visible:!0,width:"100%",maxHeight:"500px",withDismiss:!1}}),n=(()=>{switch(e==null?void 0:e.type){case r.SUCCESS:return t.TYPE.SUCCESS;case r.WARNING:return t.TYPE.WARNING;case r.ERROR:return t.TYPE.ERROR;default:return t.TYPE.INFO}})();return s!==void 0&&t.isActive(s)?t.update(s,{render:i,autoClose:o,onClose:a,type:n}):t(i,{toastId:s,autoClose:o,onClose:a,hideProgressBar:o===!1,icon:!1,closeOnClick:!1,pauseOnHover:!0,draggable:!1,closeButton:u,transition:f,type:n})},x=s=>{t.dismiss(s)};export{x as d,m as t};

package/dist/storybook/assets/toaster.stories-DuE6vvV6.js

@@ -1,86 +0,0 @@
-import{j as s}from"./jsx-runtime-eps93zm2.js";import{G as w}from"./grid-B6LFPf51.js";import{T as d}from"./text-B3-TSWok.js";import{F as v}from"./flex-EllkLxgO.js";import{t,d as u}from"./toaster-B8A3xIYu.js";import{B as o}from"./button-CdEIDAx8.js";import{S as l}from"./spacer-BWoNR27H.js";import{a as m}from"./message-ZenLdkrf.js";import"./index-DhsZuJvc.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./index-Bk2sglWO.js";import"./toaster-7wnI6hqB.js";import"./index-CUZDtIZe.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-C_E_6ym5.js";const O={type:m.SUCCESS,icon:!0,heading:"Heading",content:"Great results"},A={type:m.ERROR,icon:!0,heading:"Heading",content:"An error has happened",details:"Bad input data lorem ipsum dolor est compendum lorem ipsum."},F={type:m.WARNING,icon:!0,heading:"Heading",content:"Warning message"},B={type:m.INFO,icon:!0,heading:"Heading",content:"Long content lorem ipsum dolor est compendum lorem ipsum."},ts={title:"Modals/Toaster",parameters:{docs:{story:{inline:!1,iframeHeight:400}}},source:{type:"code"},args:{id:void 0,message:B,autoClose:6e3,onClose:()=>{}}},G=()=>s.jsxs(s.Fragment,{children:[s.jsx(o,{label:"Info",onClick:()=>t({message:B,onClose:()=>console.log("toast closed")})}),s.jsx(l,{}),s.jsx(o,{label:"Error",onClick:()=>t({message:A,onClose:()=>console.log("toast closed")})}),s.jsx(l,{}),s.jsx(o,{label:"Warning",onClick:()=>t({message:F,onClose:()=>console.log("toast closed")})}),s.jsx(l,{}),s.jsx(o,{label:"Success",onClick:()=>t({message:O,onClose:()=>console.log("toast closed")})})]}),c=G.bind({}),n=()=>s.jsx(o,{label:"Show Toast",onClick:()=>{const e=Math.random()>=.5;t({message:{type:e?"Success":"Error",icon:!0,content:e?"Success":"Error"},onClose:()=>console.log("toast closed"),id:"uniqueId"})}});n.parameters={docs:{iframeHeight:200,description:{story:"Pass a unique `id` in the `toast` object to prevent duplicates. Successive toasts with the same ID will update the existing toast."}}};const a=()=>{const e="sessionExpiring",p={type:"Info",content:s.jsxs(w,{children:[s.jsx(d,{bold:!0,children:"You will be signed out soon"}),s.jsx(d,{children:"For your security, you will be automatically signed out in 30 minutes unless you extend your session."}),s.jsx(l,{height:"var(--padding-xxs)"}),s.jsxs(v,{gap:"var(--padding-xs)",children:[s.jsx(o,{label:"Extend session",small:!0,colored:"success",onClick:()=>u(e)}),s.jsx(o,{label:"Dismiss",small:!0,onClick:()=>u(e)})]})]})};return s.jsx(o,{label:"Show Toast",onClick:()=>t({message:p,autoClose:!1,id:e})})},r=()=>{const e="sessionExpiringSoon",p={type:"Error",content:s.jsxs(w,{children:[s.jsx(d,{bold:!0,children:"You will be signed out very soon"}),s.jsx(d,{children:"For your security, you will be automatically signed out in 30 minutes unless you extend your session."}),s.jsx(l,{height:"var(--padding-xxs)"}),s.jsxs(v,{gap:"var(--padding-xs)",children:[s.jsx(o,{label:"Extend session",small:!0,colored:"success",onClick:()=>u(e)}),s.jsx(o,{label:"Dismiss",small:!0,onClick:()=>u(e)})]})]})};return s.jsx(o,{label:"Show Toast",onClick:()=>t({message:p,autoClose:!1,id:e})})},i=()=>{const e={type:"Success",content:"Your session has been extended for 1 hour"};return s.jsx(o,{label:"Show Toast",onClick:()=>t({message:e})})};n.__docgenInfo={description:"",methods:[],displayName:"PreventDuplicates"};a.__docgenInfo={description:"",methods:[],displayName:"SessionExpiring"};r.__docgenInfo={description:"",methods:[],displayName:"SessionExpiringSoon"};i.__docgenInfo={description:"",methods:[],displayName:"SessionExtended"};var g,x,S;c.parameters={...c.parameters,docs:{...(g=c.parameters)==null?void 0:g.docs,source:{originalSource:`() => {
-  return <>
-      <Button label="Info" onClick={() => toast({
-      message: messageInfo,
-      onClose: () => console.log('toast closed')
-    })} />
-      <Spacer />
-      <Button label="Error" onClick={() => toast({
-      message: messageError,
-      onClose: () => console.log('toast closed')
-    })} />
-      <Spacer />
-      <Button label="Warning" onClick={() => toast({
-      message: messageWarning,
-      onClose: () => console.log('toast closed')
-    })} />
-      <Spacer />
-      <Button label="Success" onClick={() => toast({
-      message: messageSuccess,
-      onClose: () => console.log('toast closed')
-    })} />
-    </>;
-}`,...(S=(x=c.parameters)==null?void 0:x.docs)==null?void 0:S.source}}};var y,T,h;n.parameters={...n.parameters,docs:{...(y=n.parameters)==null?void 0:y.docs,source:{originalSource:`() => <Button label="Show Toast" onClick={() => {
-  const isSuccess = Math.random() >= 0.5;
-  toast({
-    message: ({
-      type: isSuccess ? 'Success' : 'Error',
-      icon: true,
-      content: isSuccess ? 'Success' : 'Error'
-    } as IMessageType),
-    onClose: () => console.log('toast closed'),
-    id: 'uniqueId'
-  });
-}} />`,...(h=(T=n.parameters)==null?void 0:T.docs)==null?void 0:h.source}}};var C,b,E;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
-  const TOAST_ID = 'sessionExpiring';
-  const message = ({
-    type: 'Info',
-    content: <Grid>
-        <Text bold>You will be signed out soon</Text>
-        <Text>
-          For your security, you will be automatically signed out in 30 minutes
-          unless you extend your session.
-        </Text>
-        <Spacer height="var(--padding-xxs)" />
-        <Flex gap="var(--padding-xs)">
-          <Button label="Extend session" small colored="success" onClick={() => dismissToast(TOAST_ID)} />
-          <Button label="Dismiss" small onClick={() => dismissToast(TOAST_ID)} />
-        </Flex>
-      </Grid>
-  } as IMessageType);
-  return <Button label="Show Toast" onClick={() => toast({
-    message,
-    autoClose: false,
-    id: TOAST_ID
-  })} />;
-}`,...(E=(b=a.parameters)==null?void 0:b.docs)==null?void 0:E.source}}};var f,j,I;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`() => {
-  const TOAST_ID = 'sessionExpiringSoon';
-  const message = ({
-    type: 'Error',
-    content: <Grid>
-        <Text bold>You will be signed out very soon</Text>
-        <Text>
-          For your security, you will be automatically signed out in 30 minutes
-          unless you extend your session.
-        </Text>
-        <Spacer height="var(--padding-xxs)" />
-        <Flex gap="var(--padding-xs)">
-          <Button label="Extend session" small colored="success" onClick={() => dismissToast(TOAST_ID)} />
-          <Button label="Dismiss" small onClick={() => dismissToast(TOAST_ID)} />
-        </Flex>
-      </Grid>
-  } as IMessageType);
-  return <Button label="Show Toast" onClick={() => toast({
-    message,
-    autoClose: false,
-    id: TOAST_ID
-  })} />;
-}`,...(I=(j=r.parameters)==null?void 0:j.docs)==null?void 0:I.source}}};var k,_,D;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`() => {
-  const message = ({
-    type: 'Success',
-    content: 'Your session has been extended for 1 hour'
-  } as IMessageType);
-  return <Button label="Show Toast" onClick={() => toast({
-    message
-  })} />;
-}`,...(D=(_=i.parameters)==null?void 0:_.docs)==null?void 0:D.source}}};const ns=["Default","PreventDuplicates","SessionExpiring","SessionExpiringSoon","SessionExtended"];export{c as Default,n as PreventDuplicates,a as SessionExpiring,r as SessionExpiringSoon,i as SessionExtended,ns as __namedExportsOrder,ts as default};

package/dist/storybook/assets/toggle.stories-Cre2gnIB.js

@@ -1,117 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as X}from"./index-DhsZuJvc.js";import{F as C}from"./flex-EllkLxgO.js";import{T as i}from"./text-B3-TSWok.js";import{T as p}from"./toggle-D0yzyALV.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./help-icon-CfV3_Ais.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";const{useArgs:Z}=__STORYBOOK_MODULE_PREVIEW_API__,ue={title:"Forms/Toggle",component:p,args:{label:"Label"}},n=u=>{const[{checked:m},x]=Z(),b=()=>{x({checked:!m})};return e.jsx(p,{...u,onChange:b})},h=n.bind({}),s=n.bind({});s.args={disabled:!0};const a=n.bind({});a.args={checked:!0,disabled:!0};const r=n.bind({});r.args={small:!0};const t=n.bind({});t.args={label:null};const c=n.bind({});c.args={helpText:"Help text"};const o=n.bind({});o.args={onClickHelp:()=>console.log("Help clicked")};const d=()=>e.jsxs(e.Fragment,{children:[e.jsx(p,{display:"block",label:e.jsxs(C,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(i,{bold:!0,children:"Label"}),e.jsx(i,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}}),e.jsx(p,{label:e.jsxs(C,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(i,{bold:!0,children:"Label"}),e.jsx(i,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}})]}),l=()=>{const[u,m]=X.useState(!1);return e.jsx(p,{name:"name",label:"Label",checked:u,onChange:x=>{const{name:b,value:Q,checked:k}=x.target;m(k),console.log(b,Q,k)}})},g=n.bind({});g.args={helpText:"Help text",disabled:!0};d.__docgenInfo={description:"",methods:[],displayName:"Display"};l.__docgenInfo={description:"",methods:[],displayName:"TestClickevt"};var T,A,j;h.parameters={...h.parameters,docs:{...(T=h.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(j=(A=h.parameters)==null?void 0:A.docs)==null?void 0:j.source}}};var f,y,S;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(S=(y=s.parameters)==null?void 0:y.docs)==null?void 0:S.source}}};var _,D,H;a.parameters={...a.parameters,docs:{...(_=a.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(H=(D=a.parameters)==null?void 0:D.docs)==null?void 0:H.source}}};var v,w,F;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(F=(w=r.parameters)==null?void 0:w.docs)==null?void 0:F.source}}};var L,O,R;t.parameters={...t.parameters,docs:{...(L=t.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(R=(O=t.parameters)==null?void 0:O.docs)==null?void 0:R.source}}};var E,I,W;c.parameters={...c.parameters,docs:{...(E=c.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(W=(I=c.parameters)==null?void 0:I.docs)==null?void 0:W.source}}};var N,P,B;o.parameters={...o.parameters,docs:{...(N=o.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(B=(P=o.parameters)==null?void 0:P.docs)==null?void 0:B.source}}};var K,M,U;d.parameters={...d.parameters,docs:{...(K=d.parameters)==null?void 0:K.docs,source:{originalSource:`() => <>
-    <Toggle display="block" label={<Flex justifyContent="space-between" wrap={false} gap>
-          <Text bold>Label</Text>
-          <Text success>Released yesterday</Text>
-        </Flex>} onChange={() => {}} />
-    <Toggle label={<Flex justifyContent="space-between" wrap={false} gap>
-          <Text bold>Label</Text>
-          <Text success>Released yesterday</Text>
-        </Flex>} onChange={() => {}} />
-  </>`,...(U=(M=d.parameters)==null?void 0:M.docs)==null?void 0:U.source}}};var V,Y,q;l.parameters={...l.parameters,docs:{...(V=l.parameters)==null?void 0:V.docs,source:{originalSource:`() => {
-  const [checked, setChecked] = useState(false);
-  return <Toggle name="name" label="Label" checked={checked} onChange={evt => {
-    const {
-      name,
-      value,
-      checked
-    } = evt.target;
-    setChecked(checked);
-    console.log(name, value, checked);
-  }} />;
-}`,...(q=(Y=l.parameters)==null?void 0:Y.docs)==null?void 0:q.source}}};var z,G,J;g.parameters={...g.parameters,docs:{...(z=g.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
-  const [{
-    checked
-  }, updateArgs] = useArgs();
-  const handleChange = () => {
-    updateArgs({
-      checked: !checked
-    });
-  };
-  return <Toggle
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  {...args} onChange={handleChange} />;
-}`,...(J=(G=g.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};const me=["Default","Disabled","DisabledChecked","Small","Standalone","HelpText","OnClickHelp","Display","TestClickevt","DisabledWithHelpText"];export{h as Default,s as Disabled,a as DisabledChecked,g as DisabledWithHelpText,d as Display,c as HelpText,o as OnClickHelp,r as Small,t as Standalone,l as TestClickevt,me as __namedExportsOrder,ue as default};

package/dist/storybook/assets/unit-input-5P4Cogho.css

@@ -1 +0,0 @@
-._predefinedMenuActive_ye9w9_1 input{background:var(--color-background-disabled)!important}._inputWrapper_ye9w9_4{flex:1}

package/dist/storybook/assets/unit-input.stories-CEzR1Pvn.js

@@ -1,354 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as d}from"./index-DhsZuJvc.js";import{d as i}from"./index-DGl0obec.js";import{c as Ct}from"./index-Bk2sglWO.js";import{u as yt}from"./use-previous-D775JrO6.js";import{M as Ae}from"./actions-4w-EOz3m.js";import{I as Ut}from"./input-group-addon-D68iUKV2.js";import{B as c}from"./button-CdEIDAx8.js";import{T as xt}from"./tooltip-C_E_6ym5.js";import{I as It}from"./input-group-BaRSJAEN.js";import{S as C}from"./spacer-BWoNR27H.js";import{T as ce}from"./text-B3-TSWok.js";import{M as Pe}from"./types-BmbYqTX_.js";import{l as ue}from"./lodash-BHd_uQHh.js";import{N as Vt,r as jt}from"./number-input-RV1zn3_t.js";import{D as kt}from"./divider-DY9nJ_7N.js";import{R as Zn,C as be}from"./row-4iAGREkV.js";import{F as I}from"./field-nInV3MuR.js";import{M as pe}from"./message-ZenLdkrf.js";import{G as wt}from"./grid-B6LFPf51.js";import{C as _}from"./card-EcjmryU9.js";import{H as F}from"./heading-EzI5s4VN.js";import{T as qe}from"./toggle-D0yzyALV.js";import{S as Tt}from"./select-BPp24Pdw.js";import"./index-DRSy5Ssd.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./spinner-AWUe4xwQ.js";import"./index-CUZDtIZe.js";import"./input-D97ganXq.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./label-Cz6TT90s.js";import"./help-icon-CfV3_Ais.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./select.input-DIKP56UZ.js";const Et=()=>{const n=d.useRef(null);return d.useLayoutEffect(()=>{n.current&&(n.current(),n.current=null)}),t=>{n.current=t}},St=(n,a)=>{const t=a==null?void 0:a[n];return t||(console.log(`Warning: 'unitTemplate' does not define a preferred unit for '${n}'. Defaulting to standard unit.`),i.unitFromQuantity(n)??"")};var b=(n=>(n.CUSTOM="custom",n.PREDEFINED="predefined",n))(b||{});const Qn=n=>n==="undefined"||n===void 0||n===""||n==="null"||n===null||n==="NaN"||isNaN(n),Xn=(n="",a,t="",l=!1)=>{if(l)return n;if(a&&!Qn(n))try{const u=i.isValueWithUnit(n)?n:i.withUnit(n,t),p=i.convertSamePrecision(u,a);return i.getValue(p)}catch{}return n},Nt=n=>n?!!i.getUnit(n):!1,B=(n="",a,t,l)=>{if(l)return n;const u=Nt(n)||i.isValueWithUnit(n),p=i.getValue(n);return Qn(p)?p:u?Xn(p,a,t,l):n},De=n=>ue.isObject(n)&&!ue.isArray(n)&&!ue.isFunction(n)?ue.get(n,"fieldName",""):typeof n=="string"?n:"",Me=(n="")=>{var a;return(a=i.KNOWN_UNITS)==null?void 0:a.includes(n)},At=(n,a)=>{const t=i.getUnit(n||"");return Me(a)&&Me(t)},Pt="_predefinedMenuActive_ye9w9_1",qt="_inputWrapper_ye9w9_4",Re={predefinedMenuActive:Pt,inputWrapper:qt},m=({name:n,placeholder:a="",disabled:t=!1,disabledUnit:l=!1,error:u=null,left:p=!1,small:s=!1,width:g="100%",value:h,unitkey:E="",initUnit:y,noConversion:S=!1,onChange:me=()=>{},onClick:Mt=()=>{},onFocus:et=()=>{},onSwitchUnit:Ce=()=>{},unitTemplate:ye,doNotConvertValue:M=!1,testId:N,warning:Ue=null,predefinedOptions:V,initialPredefinedOption:nt=!1,shouldLinkAutomaticly:xe=!0,selectedPredefinedOptionKey:Ie,validationCallback:Ve=()=>({name:"",error:null}),disabledValidation:tt=!1,allowEmpty:at=!1,autoValue:j,convertBackToStorageUnit:rt=!1,enableCosmeticRounding:je=!0,enableDisplayRounding:it=!1})=>{typeof h=="number"&&(h=`${h}`);const st=Et(),[ke="",k=""]=h!==void 0?i.split(h):[],we=j?i.getUnit(j):"",Te=d.useMemo(()=>St(E,ye),[E,ye]),lt=At(h,Te),U=y||Te||k,ot=yt(U),Ee=B(h,U,k,M),Se=B(j,U,we,M),ut=Ee!==""?{value:Ee,unit:U}:Se!==""?{value:Se,unit:U}:{value:ke,unit:k},[v,ge]=d.useState(ut),[w,he]=d.useState(nt?b.PREDEFINED:b.CUSTOM),ve=ke===""&&j,dt=!!(tt||j||a),R=V&&V.find(r=>{if(!(r!=null&&r.value))return;if(Ie)return Ie===r.valueKey;const o=i.isValueWithUnit(r.value)?i.getUnit(r.value):"";return i.withUnit(Xn(h,o),o)===r.value}),ct=()=>{if(E)try{const r=ve?j:h??"";let o=i.altUnitsList(r,E);return i.getValue(r)===""?o.map(x=>["",x[1]]):o}catch{return null}},pt=r=>{const o=De(n),x=r.target,{value:T,selectionStart:A}=x,oe=i.withUnit(T,(v==null?void 0:v.unit)||""),fe=rt?i.withUnit(i.convertAndGetValue(oe,k),k):oe;me({target:{value:fe,name:o}});const[ft,bt]=i.split(oe);ge({value:ft,unit:bt}),st(()=>{x.selectionStart=A,x.selectionEnd=A})},mt=(r,o)=>{o===v.unit||isNaN(Number(r))||(ge({value:r,unit:o}),Ce&&Ce(o))};d.useEffect(()=>{if(U){let r,o="";ot!==U?(r=B(h,U,k,M),o=U):i.withUnit(v.value,v.unit)!==h&&(r=B(h,v.unit,k,M),o=v.unit),r!==void 0&&ge({value:r,unit:o}),V&&he(R&&xe?b.PREDEFINED:b.CUSTOM)}},[U,h,u,xe]);const ie=ct(),se=i.label(v.unit)||v.unit||"",gt=S||!ie||ie&&ie.length===1,Ne=De(n);let le;const ht=r=>{const o=r!=null&&r.value?r.value:"",[x="",T=""]=i.isValueWithUnit(o)?i.split(o):[o];return{type:Pe.OPTION,inline:!0,onClick:()=>{i.validateNumber(x).valid&&!t&&(he(b.PREDEFINED),me({target:{value:o,name:typeof n=="string"?n:(n==null?void 0:n.fieldName)||"",predefinedSelected:!0,predefinedOption:r}}))},label:e.jsxs(e.Fragment,{children:[e.jsx(ce,{children:r.label}),e.jsx(C,{width:"20px",height:"0"})]}),description:i.isValueWithUnit(o)?`${x} ${T}`:o,selected:R===r&&w===b.PREDEFINED}},vt=(r,o)=>{Ve&&Ve({name:r,error:o})};if(le=[{type:Pe.OPTION,inline:!0,onClick:()=>{w!==b.CUSTOM&&!t&&me({target:{value:i.withUnit(v.value,v.unit),name:typeof n=="string"?n:(n==null?void 0:n.fieldName)||""}})},label:"Custom",selected:w===b.CUSTOM}],V!=null&&V.length){const r=V.map(ht);le=[...le,...r]}return e.jsx("div",{className:w===b.PREDEFINED?Ct(Re.predefinedMenuActive):"",children:e.jsxs(It,{small:s,width:g,children:[V&&e.jsx(xt,{text:w===b.PREDEFINED?R==null?void 0:R.label:"",children:e.jsx(Ae,{maxHeight:380,groupOrder:"first",testId:N&&`${N}-predefined-menu`,disabled:t,menu:{colored:!0,trigger:"Component",component:e.jsx(c,{groupOrder:"first",active:w===b.PREDEFINED,icon:w===b.PREDEFINED?"link":"unlink"}),small:s,sections:le}})}),e.jsx("div",{className:Re.inputWrapper,children:e.jsx(Vt,{name:Ne,testId:N,disabled:t,placeholder:ve?B(j,v.unit,we,M):a,value:v.value,onChange:pt,onFocus:et,error:u===null?void 0:u,warning:Ue===null?void 0:Ue,left:p,allowEmpty:at,validationCallback:vt,enableCosmeticRounding:je,enableDisplayRounding:it,groupOrder:V?"middle":"first",disableInternalErrorValidationMessages:dt},Ne)}),se&&(gt||!lt?e.jsx(Ut,{groupOrder:"last",children:se}):e.jsx(Ae,{maxHeight:380,groupOrder:"last",disabled:l,testId:N&&`${N}-menu`,menu:{label:se,trigger:"DropDownButton",small:s,sections:ie.map(([r,o,x])=>{const T=x||o||"",A=isNaN(Number(r))?"":r;return{type:"Option",label:je?jt(A):A,inline:!0,onClick:fe=>{fe.stopPropagation(),mt(ve?"":r,o)},description:T,selected:T===se,testId:`${N}-unit-${T}`}})}}))]})})};m.__docgenInfo={description:"",methods:[],displayName:"UnitInput",props:{name:{required:!0,tsType:{name:"union",raw:"string | { fieldName?: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName?: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!1}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabledUnit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | null | boolean",elements:[{name:"string"},{name:"null"},{name:"boolean"}]},description:"",defaultValue:{value:"null",computed:!1}},left:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},value:{required:!1,tsType:{name:"string"},description:""},unitkey:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},initUnit:{required:!1,tsType:{name:"string"},description:""},noConversion:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},doNotConvertValue:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | boolean | null",elements:[{name:"string"},{name:"boolean"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},predefinedOptions:{required:!1,tsType:{name:"union",raw:"IPredefinedOption[] | null",elements:[{name:"Array",elements:[{name:"IPredefinedOption"}],raw:"IPredefinedOption[]"},{name:"null"}]},description:""},initialPredefinedOption:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},shouldLinkAutomaticly:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},selectedPredefinedOptionKey:{required:!1,tsType:{name:"string"},description:""},validationCallback:{required:!1,tsType:{name:"signature",type:"function",raw:"(params: IUnitInputValidationCallbackPayload) => void",signature:{arguments:[{type:{name:"IUnitInputValidationCallbackPayload"},name:"params"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => ({ name: '', error: null })",computed:!1}},disabledValidation:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},allowEmpty:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},autoValue:{required:!1,tsType:{name:"string"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: ChangeEvent<HTMLInputElement> | ICustomChangeEvent) => void",signature:{arguments:[{type:{name:"union",raw:"ChangeEvent<HTMLInputElement> | ICustomChangeEvent",elements:[{name:"ChangeEvent",elements:[{name:"HTMLInputElement"}],raw:"ChangeEvent<HTMLInputElement>"},{name:"ICustomChangeEvent"}]},name:"event"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onSwitchUnit:{required:!1,tsType:{name:"signature",type:"function",raw:"(unit: string) => void",signature:{arguments:[{type:{name:"string"},name:"unit"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"HTMLInputElement"}],raw:"MouseEventHandler<HTMLInputElement>"},description:"",defaultValue:{value:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"FocusEventHandler",elements:[{name:"HTMLInputElement"}],raw:"FocusEventHandler<HTMLInputElement>"},description:"",defaultValue:{value:"() => {}",computed:!1}},unitTemplate:{required:!1,tsType:{name:"Record",elements:[{name:"string"},{name:"any"}],raw:"Record<string, any>"},description:""},convertBackToStorageUnit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},enableCosmeticRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};const{useArgs:Dt}=__STORYBOOK_MODULE_PREVIEW_API__,ja={title:"Forms/UnitInput",component:m,args:{name:"example",unitkey:"length",value:"123|m"}},f=n=>{const[a,t]=Dt(),l=u=>{t({value:u.target.value})};return e.jsx(m,{...n,onChange:l})},de=f.bind({}),W=f.bind({});W.args={initUnit:"ft",unitTemplate:{length:"ft"}};const O=f.bind({});O.args={value:'123|"',unitkey:'"'};const H=f.bind({});H.args={width:"180px"};const L=f.bind({});L.args={noConversion:!0};const K=f.bind({});K.args={small:!0};const G=f.bind({});G.args={error:"Error message goes here"};const $=f.bind({});$.args={value:"asas123asd|%"};const P=f.bind({});P.args={disabled:!0,disabledUnit:!0};P.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 z=f.bind({});z.args={disabled:!0,disabledUnit:!0,noConversion:!0};const J=f.bind({});J.args={disabledUnit:!0,unitkey:void 0};const Y=f.bind({});Y.args={disabledUnit:!0,unitkey:"length"};const Z=f.bind({});Z.args={disabledUnit:!1,disabled:!0};const q=n=>{const[a,t]=d.useState("123|m"),[l,u]=d.useState("223|m"),[p,s]=d.useState("ft");return e.jsxs(e.Fragment,{children:[e.jsx(c,{label:"Change initUnit",onClick:()=>s(p==="m"?"ft":"m")}),e.jsx(C,{}),e.jsx(c,{label:"Change value",onClick:()=>t(a==="123|m"?"456|m":"123|m")}),e.jsx(C,{}),e.jsx(m,{name:"example",onChange:g=>{t(g.target.value)},unitkey:"length",value:a,initUnit:p,onSwitchUnit:s}),e.jsx(C,{}),e.jsx(m,{name:"example2",onChange:g=>{u(g.target.value)},unitkey:"length",value:l,initUnit:p,onSwitchUnit:s}),e.jsx(kt,{}),e.jsx("h4",{children:"Without initUnit property (taken from the redux store)"}),e.jsx(m,{name:"example",onChange:g=>{t(g.target.value)},unitkey:"length",value:a,onSwitchUnit:s}),e.jsx(m,{name:"example2",onChange:g=>{u(g.target.value)},unitkey:"length",value:l,onSwitchUnit:s})]})};q.parameters={docs:{description:{story:"[OW-4380](https://oliasoft.atlassian.net/browse/OW-4380?atlOrigin=eyJpIjoiMmM1N2RkNWU3Mjk5NDYxY2E0YzhkMzk5ZTVmZTJhMjciLCJwIjoiaiJ9)"}}};const Q=f.bind({});Q.args={predefinedOptions:[{label:"bottom of casing",value:"12|km"},{label:"mud weight at shoe depth",value:"8|mm"}]};const D=()=>{const n="500px",[a,t]=d.useState(void 0);return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different edge cases such as +/- infinity, undefined, NaN, null:"}),e.jsxs(Zn,{children:[e.jsxs(be,{width:"25%",children:[e.jsx(c,{label:"Change value infinity",onClick:()=>t(1/0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value -infinity",onClick:()=>t(-1/0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value null",onClick:()=>t(null)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - undefined",onClick:()=>t(void 0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - NaN",onClick:()=>t(NaN)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - nothing (empty)",onClick:()=>t(void 0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - empty string",onClick:()=>t("")})]}),e.jsxs(be,{width:"25%",children:[e.jsx(c,{label:"Change value infinity|m",onClick:()=>t("Infinity|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value -infinity|m",onClick:()=>t("-Infinity|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value null|m",onClick:()=>t("null|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - undefined|m",onClick:()=>t("undefined|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - NaN|m",onClick:()=>t("NaN|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - nothing (empty)|m",onClick:()=>t("|m")})]})]}),e.jsx("br",{}),e.jsx(I,{label:"Normal PUI",children:e.jsx(m,{name:"example1",onChange:l=>t(l.target.value),value:a,unitkey:"length",width:n,placeholder:"value|unit"})}),e.jsx(I,{label:"Disabled validation",children:e.jsx(m,{name:"example2",onChange:l=>t(l.target.value),value:a,unitkey:"length",disabledValidation:!0,width:n})}),e.jsx(I,{label:"Disabled validation and manual error",children:e.jsx(m,{name:"example3",onChange:l=>t(l.target.value),value:a,unitkey:"length",error:"test",disabledValidation:!0,width:n})}),e.jsx(pe,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})},X=()=>{const n="500px",[a,t]=d.useState("1|m"),[l,u]=d.useState("|m"),p="123|km";return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different cases for automatic (placeholder) values:"}),e.jsx(Zn,{children:e.jsxs(be,{width:"25%",children:[e.jsx(c,{label:"Change value to ''",onClick:()=>t("")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1",onClick:()=>t("1")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1|m",onClick:()=>t("1|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to |m - empty value",onClick:()=>t("|m")})]})}),e.jsx("br",{}),e.jsx(I,{label:"Normal PUI (placeholder + auto)",children:e.jsx(m,{name:"example1",onChange:s=>t(s.target.value),value:a,unitkey:"length",width:n,placeholder:"value|unit",autoValue:p})}),e.jsx(I,{label:"Normal PUI (only auto)",children:e.jsx(m,{name:"example1",onChange:s=>t(s.target.value),value:a,unitkey:"length",width:n,autoValue:p})}),e.jsx(I,{label:"Empty PUI with autoValue",children:e.jsx(m,{name:"example1",onChange:s=>u(s.target.value),value:l,unitkey:"length",width:n,autoValue:p})}),e.jsx(I,{label:"Normal PUI (only placeholder)",children:e.jsx(m,{name:"example1",onChange:s=>t(s.target.value),value:a,unitkey:"length",width:n,placeholder:"Placeholder test"})}),e.jsx(I,{label:"Normal PUI (placeholder + allowEmpty)",children:e.jsx(m,{name:"example1",onChange:s=>t(s.target.value),value:a,unitkey:"length",width:n,placeholder:"Placeholder test",allowEmpty:!0})}),e.jsx(pe,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})};D.parameters={docs:{description:{story:"[OW-8884](https://oliasoft.atlassian.net/browse/OW-8884)"}}};const ee=()=>{const[n,a]=d.useState("123|%"),[t,l]=d.useState(null),u="This should be visible when an error appears",p=({name:s,error:g})=>(l(g),{name:s,error:g});return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"3rd party validation message when inputting invalid value:"}),e.jsx(m,{name:"example",onChange:s=>a(s.target.value),error:!t||u,validationCallback:p,value:n}),e.jsx("br",{}),e.jsx(C,{}),e.jsx("h4",{children:"Original validation message: "}),e.jsx(pe,{message:{heading:t,visible:!0}})]})},ne=()=>{const[n,a]=d.useState("123|m"),[t,l]=d.useState(""),[u,p]=d.useState("km"),s=()=>{p("ft"),l("placeholder"),a("|m")};return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Empty value case:"}),e.jsx(m,{name:"example",onChange:g=>a(g.target.value),value:n,allowEmpty:!0,placeholder:t,initUnit:u,unitkey:"length"}),e.jsx("br",{}),e.jsx(C,{}),e.jsx(c,{label:"Change value |m and unit ft",onClick:()=>s()})]})},te=()=>{const[n,a]=d.useState("123|m"),[t,l]=d.useState("m");return e.jsxs(e.Fragment,{children:[e.jsx(m,{name:"example",onChange:u=>a(u.target.value),value:n,initUnit:t,unitkey:"length",onSwitchUnit:l}),e.jsx(C,{}),e.jsx(m,{name:"example",onChange:u=>a(u.target.value),value:n,initUnit:t,unitkey:"length",onSwitchUnit:l})]})},ae=()=>e.jsxs(e.Fragment,{children:[e.jsx(ce,{faint:!0,children:"Reproduce OW-10614 rounding noise bug when storing values in a different unit to the display unit"}),e.jsx(C,{}),e.jsx(m,{name:"example",onChange:()=>{},value:i.withUnit(i.convertAndGetValue("9750|psi","bar"),"bar"),initUnit:"psi",unitkey:"pressure",unitTemplate:{pressure:"psi"}})]}),re=()=>{const[n,a]=d.useState("psi"),[t,l]=d.useState(!1),[u,p]=d.useState(!0),[s,g]=d.useState("672.2388357750001|bar"),[h,E]=d.useState("");return e.jsxs(wt,{columns:"1fr 1fr",gap:!0,children:[e.jsxs(_,{heading:e.jsx(F,{children:"Settings"}),children:[e.jsx(I,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:e.jsx(qe,{checked:t,onChange:y=>l(y.target.checked)})}),e.jsx(I,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:e.jsx(qe,{checked:u,onChange:y=>p(y.target.checked)})})]}),e.jsxs(_,{heading:e.jsx(F,{children:"NumberInput (displayed in Meters)"}),children:[e.jsx(ce,{faint:!0,children:"Cosmetic Rounding Test Case: type 9750 then return (compare with enableCosmeticRounding on and off)"}),e.jsx(C,{}),e.jsx(ce,{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."}),e.jsx(C,{}),e.jsx(m,{name:"Example",unitkey:"pressure",initUnit:n,unitTemplate:{pressure:"psi"},value:s,onChange:y=>{const{value:S}=y.target;S&&g(S)},enableDisplayRounding:t,enableCosmeticRounding:u,error:i.convertAndGetValue(s,"bar")>=0?"":"Value must be positive",validationCallback:({name:y,error:S})=>{E(S??"")},convertBackToStorageUnit:!0})]}),e.jsx(_,{heading:e.jsx(F,{children:"Unit Template"}),children:e.jsx(Tt,{options:[{label:"Bar",value:"bar"},{label:"psi",value:"psi"}],value:n,width:70,onChange:y=>a(y.target.value)})}),e.jsx(_,{heading:e.jsx(F,{children:"Test Validation Callback"}),children:h&&e.jsx(pe,{message:{content:h,icon:!0,type:"Error",visible:!0}})}),e.jsxs(_,{heading:e.jsx(F,{children:"Storage State / Redux (stored in Feet)"}),children:[s,e.jsx(C,{}),e.jsx(c,{label:"Change value",onClick:()=>g(i.withUnit(String(Math.floor(Math.random()*100)),"bar"))})]})]})};q.__docgenInfo={description:"",methods:[],displayName:"TestExternalStateChangeWithSynchronizedUnits",props:{name:{required:!0,tsType:{name:"union",raw:"string | { fieldName?: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName?: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!1}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:""},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:""},doNotConvertValue:{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:"(params: IUnitInputValidationCallbackPayload) => void",signature:{arguments:[{type:{name:"IUnitInputValidationCallbackPayload"},name:"params"}],return:{name:"void"}}},description:""},disabledValidation:{required:!1,tsType:{name:"boolean"},description:""},allowEmpty:{required:!1,tsType:{name:"boolean"},description:""},autoValue:{required:!1,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(event: ChangeEvent<HTMLInputElement> | ICustomChangeEvent) => void",signature:{arguments:[{type:{name:"union",raw:"ChangeEvent<HTMLInputElement> | ICustomChangeEvent",elements:[{name:"ChangeEvent",elements:[{name:"HTMLInputElement"}],raw:"ChangeEvent<HTMLInputElement>"},{name:"ICustomChangeEvent"}]},name:"event"}],return:{name:"void"}}},description:""},onSwitchUnit:{required:!1,tsType:{name:"signature",type:"function",raw:"(unit: string) => void",signature:{arguments:[{type:{name:"string"},name:"unit"}],return:{name:"void"}}},description:""},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"HTMLInputElement"}],raw:"MouseEventHandler<HTMLInputElement>"},description:""},onFocus:{required:!1,tsType:{name:"FocusEventHandler",elements:[{name:"HTMLInputElement"}],raw:"FocusEventHandler<HTMLInputElement>"},description:""},unitTemplate:{required:!1,tsType:{name:"Record",elements:[{name:"string"},{name:"any"}],raw:"Record<string, any>"},description:""},convertBackToStorageUnit:{required:!1,tsType:{name:"boolean"},description:""},enableCosmeticRounding:{required:!1,tsType:{name:"boolean"},description:""},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:""}}};D.__docgenInfo={description:"",methods:[],displayName:"TestEdgeCases"};X.__docgenInfo={description:"",methods:[],displayName:"AutomaticValues"};ee.__docgenInfo={description:"",methods:[],displayName:"ValidationCallback"};ne.__docgenInfo={description:"",methods:[],displayName:"AllowEmptyPUI"};te.__docgenInfo={description:"",methods:[],displayName:"onSwitchUnit"};ae.__docgenInfo={description:"",methods:[],displayName:"OW_10614TestCase"};re.__docgenInfo={description:"",methods:[],displayName:"DemoCosmeticRounding"};var _e,Fe,Be;de.parameters={...de.parameters,docs:{...(_e=de.parameters)==null?void 0:_e.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(Be=(Fe=de.parameters)==null?void 0:Fe.docs)==null?void 0:Be.source}}};var We,Oe,He;W.parameters={...W.parameters,docs:{...(We=W.parameters)==null?void 0:We.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(He=(Oe=W.parameters)==null?void 0:Oe.docs)==null?void 0:He.source}}};var Le,Ke,Ge;O.parameters={...O.parameters,docs:{...(Le=O.parameters)==null?void 0:Le.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(Ge=(Ke=O.parameters)==null?void 0:Ke.docs)==null?void 0:Ge.source}}};var $e,ze,Je;H.parameters={...H.parameters,docs:{...($e=H.parameters)==null?void 0:$e.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(Je=(ze=H.parameters)==null?void 0:ze.docs)==null?void 0:Je.source}}};var Ye,Ze,Qe;L.parameters={...L.parameters,docs:{...(Ye=L.parameters)==null?void 0:Ye.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(Qe=(Ze=L.parameters)==null?void 0:Ze.docs)==null?void 0:Qe.source}}};var Xe,en,nn;K.parameters={...K.parameters,docs:{...(Xe=K.parameters)==null?void 0:Xe.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(nn=(en=K.parameters)==null?void 0:en.docs)==null?void 0:nn.source}}};var tn,an,rn;G.parameters={...G.parameters,docs:{...(tn=G.parameters)==null?void 0:tn.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(rn=(an=G.parameters)==null?void 0:an.docs)==null?void 0:rn.source}}};var sn,ln,on;$.parameters={...$.parameters,docs:{...(sn=$.parameters)==null?void 0:sn.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(on=(ln=$.parameters)==null?void 0:ln.docs)==null?void 0:on.source}}};var un,dn,cn;P.parameters={...P.parameters,docs:{...(un=P.parameters)==null?void 0:un.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(cn=(dn=P.parameters)==null?void 0:dn.docs)==null?void 0:cn.source}}};var pn,mn,gn;z.parameters={...z.parameters,docs:{...(pn=z.parameters)==null?void 0:pn.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(gn=(mn=z.parameters)==null?void 0:mn.docs)==null?void 0:gn.source}}};var hn,vn,fn;J.parameters={...J.parameters,docs:{...(hn=J.parameters)==null?void 0:hn.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(fn=(vn=J.parameters)==null?void 0:vn.docs)==null?void 0:fn.source}}};var bn,Cn,yn;Y.parameters={...Y.parameters,docs:{...(bn=Y.parameters)==null?void 0:bn.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(yn=(Cn=Y.parameters)==null?void 0:Cn.docs)==null?void 0:yn.source}}};var Un,xn,In;Z.parameters={...Z.parameters,docs:{...(Un=Z.parameters)==null?void 0:Un.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(In=(xn=Z.parameters)==null?void 0:xn.docs)==null?void 0:In.source}}};var Vn,jn,kn;q.parameters={...q.parameters,docs:{...(Vn=q.parameters)==null?void 0:Vn.docs,source:{originalSource:`(args: IUnitInputProps) => {
-  const [value, setValue] = useState('123|m');
-  const [value2, setValue2] = useState('223|m');
-  const [initUnit, setInitUnit] = useState('ft');
-  return <>
-      <Button label="Change initUnit" onClick={() => setInitUnit(initUnit === 'm' ? 'ft' : 'm')} />
-      <Spacer />
-      <Button label="Change value" onClick={() => setValue(value === '123|m' ? '456|m' : '123|m')} />
-      <Spacer />
-      <UnitInput name="example" onChange={evt => {
-      setValue(evt.target.value);
-    }} unitkey="length" value={value} initUnit={initUnit} onSwitchUnit={setInitUnit} />
-      <Spacer />
-      <UnitInput name="example2" onChange={evt => {
-      setValue2(evt.target.value);
-    }} unitkey="length" value={value2} initUnit={initUnit} onSwitchUnit={setInitUnit} />
-      <Divider />
-      <h4>Without initUnit property (taken from the redux store)</h4>
-      <UnitInput name="example" onChange={evt => {
-      setValue(evt.target.value);
-    }} unitkey="length" value={value} onSwitchUnit={setInitUnit} />
-      <UnitInput name="example2" onChange={evt => {
-      setValue2(evt.target.value);
-    }} unitkey="length" value={value2} onSwitchUnit={setInitUnit} />
-    </>;
-}`,...(kn=(jn=q.parameters)==null?void 0:jn.docs)==null?void 0:kn.source}}};var wn,Tn,En;Q.parameters={...Q.parameters,docs:{...(wn=Q.parameters)==null?void 0:wn.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleChange = (evt: any) => {
-    updateArgs({
-      value: evt.target.value
-    });
-  };
-  return <UnitInput {...args} onChange={handleChange} />;
-}`,...(En=(Tn=Q.parameters)==null?void 0:Tn.docs)==null?void 0:En.source}}};var Sn,Nn,An;D.parameters={...D.parameters,docs:{...(Sn=D.parameters)==null?void 0:Sn.docs,source:{originalSource:`() => {
-  const width = '500px';
-  const [value, setValue] = useState<any>(undefined);
-  return <>
-      <h4>Different edge cases such as +/- infinity, undefined, NaN, null:</h4>
-      <Row>
-        <Column width="25%">
-          <Button label="Change value infinity" onClick={() => setValue(Infinity)} />
-          <br />
-          <Button label="Change value -infinity" onClick={() => setValue(-Infinity)} />
-          <br />
-          <Button label="Change value null" onClick={() => setValue(null)} />
-          <br />
-          <Button label="Change value - undefined" onClick={() => setValue(undefined)} />
-          <br />
-          <Button label="Change value - NaN" onClick={() => setValue(NaN)} />
-          <br />
-          <Button label="Change value - nothing (empty)" onClick={() => setValue(undefined)} />
-          <br />
-          <Button label="Change value - empty string" onClick={() => setValue('')} />
-        </Column>
-        <Column width="25%">
-          <Button label="Change value infinity|m" onClick={() => setValue(Infinity + '|m')} />
-          <br />
-          <Button label="Change value -infinity|m" onClick={() => setValue(-Infinity + '|m')} />
-          <br />
-          <Button label="Change value null|m" onClick={() => setValue(null + '|m')} />
-          <br />
-          <Button label="Change value - undefined|m" onClick={() => setValue(undefined + '|m')} />
-          <br />
-          <Button label="Change value - NaN|m" onClick={() => setValue(NaN + '|m')} />
-          <br />
-          <Button label="Change value - nothing (empty)|m" onClick={() => setValue('|m')} />
-        </Column>
-      </Row>
-      <br />
-      <Field label="Normal PUI">
-        <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="value|unit" />
-      </Field>
-      <Field label="Disabled validation">
-        <UnitInput name="example2" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" disabledValidation width={width} />
-      </Field>
-      <Field label="Disabled validation and manual error">
-        <UnitInput name="example3" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" error="test" disabledValidation width={width} />
-      </Field>
-      <Message message={{
-      heading: 'Current value inside PUI: ' + value,
-      visible: true
-    }} />
-    </>;
-}`,...(An=(Nn=D.parameters)==null?void 0:Nn.docs)==null?void 0:An.source}}};var Pn,qn,Dn;X.parameters={...X.parameters,docs:{...(Pn=X.parameters)==null?void 0:Pn.docs,source:{originalSource:`() => {
-  const width = '500px';
-  const [value, setValue] = useState<string>('1|m');
-  const [valueB, setValueB] = useState('|m');
-  const automaticValue = '123|km';
-  return <>
-      <h4>Different cases for automatic (placeholder) values:</h4>
-      <Row>
-        <Column width="25%">
-          <Button label="Change value to ''" onClick={() => setValue('')} />
-          <br />
-          <Button label="Change value to 1" onClick={() => setValue('1')} />
-          <br />
-          <Button label="Change value to 1|m" onClick={() => setValue('1|m')} />
-          <br />
-          <Button label="Change value to |m - empty value" onClick={() => setValue('|m')} />
-        </Column>
-      </Row>
-      <br />
-      <Field label="Normal PUI (placeholder + auto)">
-        <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="value|unit" autoValue={automaticValue} />
-      </Field>
-      <Field label="Normal PUI (only auto)">
-        <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} autoValue={automaticValue} />
-      </Field>
-      <Field label="Empty PUI with autoValue">
-        <UnitInput name="example1" onChange={evt => setValueB(evt.target.value)} value={valueB} unitkey="length" width={width} autoValue={automaticValue} />
-      </Field>
-      <Field label="Normal PUI (only placeholder)">
-        <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="Placeholder test" />
-      </Field>
-      <Field label="Normal PUI (placeholder + allowEmpty)">
-        <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="Placeholder test" allowEmpty />
-      </Field>
-      <Message message={{
-      heading: 'Current value inside PUI: ' + value,
-      visible: true
-    }} />
-    </>;
-}`,...(Dn=(qn=X.parameters)==null?void 0:qn.docs)==null?void 0:Dn.source}}};var Mn,Rn,_n;ee.parameters={...ee.parameters,docs:{...(Mn=ee.parameters)==null?void 0:Mn.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';
-  const handleValidation = ({
-    name,
-    error
-  }: IUnitInputValidationCallbackPayload) => {
-    setValidation(error);
-    return {
-      name,
-      error
-    };
-  };
-  return <>
-      <h4>3rd party validation message when inputting invalid value:</h4>
-      <UnitInput name="example" onChange={evt => setValue(evt.target.value)} error={!validation || predictedMessage} validationCallback={handleValidation} value={value} />
-      <br />
-      <Spacer />
-      <h4>Original validation message: </h4>
-      <Message message={{
-      heading: validation,
-      visible: true
-    }} />
-    </>;
-}`,...(_n=(Rn=ee.parameters)==null?void 0:Rn.docs)==null?void 0:_n.source}}};var Fn,Bn,Wn;ne.parameters={...ne.parameters,docs:{...(Fn=ne.parameters)==null?void 0:Fn.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState('123|m');
-  const [placeholder, setPlaceholder] = useState('');
-  const [initUnit, setInitUnit] = useState('km');
-  const setPlaceholderValue = () => {
-    setInitUnit('ft');
-    setPlaceholder('placeholder');
-    setValue('|m');
-  };
-  return <>
-      <h4>Empty value case:</h4>
-      <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} allowEmpty placeholder={placeholder} initUnit={initUnit} unitkey="length" />
-      <br />
-      <Spacer />
-      <Button label="Change value |m and unit ft" onClick={() => setPlaceholderValue()} />
-    </>;
-}`,...(Wn=(Bn=ne.parameters)==null?void 0:Bn.docs)==null?void 0:Wn.source}}};var On,Hn,Ln;te.parameters={...te.parameters,docs:{...(On=te.parameters)==null?void 0:On.docs,source:{originalSource:`() => {
-  const [value, setValue] = useState('123|m');
-  const [unit, setUnit] = useState('m');
-  return <>
-      <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} initUnit={unit} unitkey="length" onSwitchUnit={setUnit} />
-      <Spacer />
-      <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} initUnit={unit} unitkey="length" onSwitchUnit={setUnit} />
-    </>;
-}`,...(Ln=(Hn=te.parameters)==null?void 0:Hn.docs)==null?void 0:Ln.source}}};var Kn,Gn,$n;ae.parameters={...ae.parameters,docs:{...(Kn=ae.parameters)==null?void 0:Kn.docs,source:{originalSource:`() => {
-  return <>
-      <Text faint>
-        Reproduce OW-10614 rounding noise bug when storing values in a different
-        unit to the display unit
-      </Text>
-      <Spacer />
-      <UnitInput name="example" onChange={() => {}} value={withUnit(convertAndGetValue('9750|psi', 'bar'), 'bar')} initUnit="psi" unitkey="pressure" unitTemplate={{
-      pressure: 'psi'
-    }} />
-    </>;
-}`,...($n=(Gn=ae.parameters)==null?void 0:Gn.docs)==null?void 0:$n.source}}};var zn,Jn,Yn;re.parameters={...re.parameters,docs:{...(zn=re.parameters)==null?void 0:zn.docs,source:{originalSource:`() => {
-  const [preferredUnit, setPreferredUnit] = useState('psi');
-  const [enableDisplayRounding, setEnableDisplayRounding] = useState(false);
-  const [enableCosmeticRounding, setEnableCosmeticRounding] = useState(true);
-  const [value, setValue] = useState('672.2388357750001|bar');
-  const [callBackError, setCallBackError] = useState('');
-  return <Grid columns="1fr 1fr" gap>
-      <Card heading={<Heading>Settings</Heading>}>
-        <Field label="Enable display rounding:" labelLeft labelWidth={200}>
-          <Toggle checked={enableDisplayRounding} onChange={evt => setEnableDisplayRounding(evt.target.checked)} />
-        </Field>
-        <Field label="Enable cosmetic rounding:" labelLeft labelWidth={200}>
-          <Toggle checked={enableCosmeticRounding} onChange={evt => setEnableCosmeticRounding(evt.target.checked)} />
-        </Field>
-      </Card>
-      <Card heading={<Heading>NumberInput (displayed in Meters)</Heading>}>
-        <Text faint>
-          Cosmetic Rounding Test Case: type 9750 then return (compare with
-          enableCosmeticRounding on and off)
-        </Text>
-        <Spacer />
-        <Text warning>
-          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.
-        </Text>
-        <Spacer />
-        <UnitInput name="Example" unitkey="pressure" initUnit={preferredUnit} unitTemplate={{
-        pressure: 'psi'
-      }} value={value} onChange={evt => {
-        const {
-          value
-        } = evt.target;
-        if (value) {
-          setValue(value);
-        }
-      }} enableDisplayRounding={enableDisplayRounding} enableCosmeticRounding={enableCosmeticRounding} error={convertAndGetValue(value, 'bar') >= 0 ? '' : 'Value must be positive'} validationCallback={({
-        name,
-        error
-      }) => {
-        setCallBackError(error ?? '');
-      }} convertBackToStorageUnit />
-      </Card>
-      <Card heading={<Heading>Unit Template</Heading>}>
-        <Select options={[{
-        label: 'Bar',
-        value: 'bar'
-      }, {
-        label: 'psi',
-        value: 'psi'
-      }]} value={preferredUnit} width={70} onChange={evt => setPreferredUnit(evt.target.value)} />
-      </Card>
-      <Card heading={<Heading>Test Validation Callback</Heading>}>
-        {callBackError && <Message message={{
-        content: callBackError,
-        icon: true,
-        type: 'Error',
-        visible: true
-      }} />}
-      </Card>
-      <Card heading={<Heading>Storage State / Redux (stored in Feet)</Heading>}>
-        {value}
-        <Spacer />
-        <Button label="Change value" onClick={() => setValue(withUnit(String(Math.floor(Math.random() * 100)), 'bar'))} />
-      </Card>
-    </Grid>;
-}`,...(Yn=(Jn=re.parameters)==null?void 0:Jn.docs)==null?void 0:Yn.source}}};const ka=["Default","InitUnit","notKnownUnit","Width","NoConversion","Small","Error","InternalValidationError","Disabled","DisabledNoConversion","DisabledUnitWithoutUnitKey","DisabledUnitWithUnitKey","DisabledWithEnabledUnitMenu","TestExternalStateChangeWithSynchronizedUnits","PredefinedOptionsMenu","TestEdgeCases","AutomaticValues","ValidationCallback","AllowEmptyPUI","onSwitchUnit","OW_10614TestCase","DemoCosmeticRounding"];export{ne as AllowEmptyPUI,X as AutomaticValues,de as Default,re as DemoCosmeticRounding,P as Disabled,z as DisabledNoConversion,Y as DisabledUnitWithUnitKey,J as DisabledUnitWithoutUnitKey,Z as DisabledWithEnabledUnitMenu,G as Error,W as InitUnit,$ as InternalValidationError,L as NoConversion,ae as OW_10614TestCase,Q as PredefinedOptionsMenu,K as Small,D as TestEdgeCases,q as TestExternalStateChangeWithSynchronizedUnits,ee as ValidationCallback,H as Width,ka as __namedExportsOrder,ja as default,O as notKnownUnit,te as onSwitchUnit};