@oliasoft-open-source/react-ui-library 4.5.2-beta-3 → 4.5.2-beta-4

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 (116) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/index.js +11 -15
  3. package/dist/index.js.map +1 -1
  4. package/dist/storybook/assets/{Color-6VNJS4EI-YiasO__e.js → Color-6VNJS4EI-uihae5n8.js} +1 -1
  5. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-KpTWoTe5.js → DocsRenderer-NNNQARDV-XAKLtop4.js} +1 -1
  6. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-FIgYBSs4.js → WithTooltip-4HIR6TLV-GdIeyWMv.js} +1 -1
  7. package/dist/storybook/assets/{accordion.stories-gYUPcGk5.js → accordion.stories-bm6c2WHA.js} +1 -1
  8. package/dist/storybook/assets/{actions-SGexXf58.js → actions-tXlmEPq8.js} +1 -1
  9. package/dist/storybook/assets/{actions.stories-dDCC23QK.js → actions.stories-dJlvGemo.js} +1 -1
  10. package/dist/storybook/assets/{afe.stories--T3wbnQ-.js → afe.stories-cJrw30rw.js} +1 -1
  11. package/dist/storybook/assets/{badge.stories-nzXJ1qip.js → badge.stories-WpnjqlSF.js} +1 -1
  12. package/dist/storybook/assets/{blowout.stories-Qn3Pnbgt.js → blowout.stories-jKZ8Q17q.js} +1 -1
  13. package/dist/storybook/assets/{button-IoNblLER.js → button-DdsCGJK5.js} +1 -1
  14. package/dist/storybook/assets/{button-group-KeeGgC4K.js → button-group-Wks5duYA.js} +1 -1
  15. package/dist/storybook/assets/{button-group.stories-DG3i2d7K.js → button-group.stories-OQBvVaGV.js} +1 -1
  16. package/dist/storybook/assets/{button.stories-R9_1tl9l.js → button.stories-TdGXaym2.js} +1 -1
  17. package/dist/storybook/assets/{buttons-and-links-mDV75Rvz.js → buttons-and-links-3H9Ben8D.js} +1 -1
  18. package/dist/storybook/assets/{card.stories-OtRekExg.js → card.stories-EOgx0yiE.js} +1 -1
  19. package/dist/storybook/assets/{casing-loads.stories-fDmD8FfY.js → casing-loads.stories-Z8h7DkZR.js} +2 -2
  20. package/dist/storybook/assets/{cell.stories-P4syiRmw.js → cell.stories-9k_HH8l4.js} +1 -1
  21. package/dist/storybook/assets/{check-box-BX5dfQFk.js → check-box-w9988qPA.js} +1 -1
  22. package/dist/storybook/assets/{check-box.stories-FNs72smP.js → check-box.stories-ExJO3uyH.js} +1 -1
  23. package/dist/storybook/assets/{chunk-HLWAVYOI-uInF5Aj9.js → chunk-HLWAVYOI-s1rWJ18S.js} +1 -1
  24. package/dist/storybook/assets/{color-S5IuIKmX.js → color-8BtR2wpQ.js} +1 -1
  25. package/dist/storybook/assets/{column.stories-5pd3N4bE.js → column.stories-Vj08adGV.js} +1 -1
  26. package/dist/storybook/assets/dialog-2_fnMD06.js +1 -0
  27. package/dist/storybook/assets/{drawer-TM-jK3WR.js → drawer-cCL5HWhf.js} +1 -1
  28. package/dist/storybook/assets/{drawer.stories-K-pmYbOj.js → drawer.stories-bNB3Bxba.js} +1 -1
  29. package/dist/storybook/assets/{empty.stories-KIByp315.js → empty.stories-U3QRTIt6.js} +1 -1
  30. package/dist/storybook/assets/{field-kOZPBHf6.js → field-Npd3tHFA.js} +1 -1
  31. package/dist/storybook/assets/{field.stories-aEccauPi.js → field.stories-V_PIvaqe.js} +1 -1
  32. package/dist/storybook/assets/{file-input.stories-hWN8tShr.js → file-input.stories-GzIjaxg9.js} +1 -1
  33. package/dist/storybook/assets/{flex-ZVra76N-.js → flex-KzhjL9yc.js} +1 -1
  34. package/dist/storybook/assets/{flex.stories-kjbyZMWP.js → flex.stories-nrXi8iqU.js} +1 -1
  35. package/dist/storybook/assets/{footer.stories-Na2wdtCC.js → footer.stories-r5_aoWWu.js} +1 -1
  36. package/dist/storybook/assets/{form.stories-sBK-yzVk.js → form.stories-CQvJtj-H.js} +1 -1
  37. package/dist/storybook/assets/{formation.stories-MlmT5LOD.js → formation.stories-JdIZBWTC.js} +1 -1
  38. package/dist/storybook/assets/{formatter-SWP5E3XI-3_aQJAot.js → formatter-SWP5E3XI-ZX1DkV0S.js} +1 -1
  39. package/dist/storybook/assets/{heading-cUVItwKq.js → heading-6XQhTFiP.js} +1 -1
  40. package/dist/storybook/assets/{heading.stories-K-Z0sIoo.js → heading.stories-IVRYHx8o.js} +1 -1
  41. package/dist/storybook/assets/{help-icon-nI9A506M.js → help-icon-Zs2X0pKE.js} +1 -1
  42. package/dist/storybook/assets/{help-icon.stories-Qz7MKCnQ.js → help-icon.stories-QIo8A0HG.js} +1 -1
  43. package/dist/storybook/assets/{icon.stories-icqUrCtQ.js → icon.stories-D_XEmSGG.js} +1 -1
  44. package/dist/storybook/assets/iframe-1GWoFWqu.js +7 -0
  45. package/dist/storybook/assets/{index-AUXe73ju.js → index-jEMKZiek.js} +5 -5
  46. package/dist/storybook/assets/{input-group.stories-EouZEW-v.js → input-group.stories-aUaa0VmE.js} +1 -1
  47. package/dist/storybook/assets/{input-iDZqV-2m.js → input-uxHjzYnP.js} +1 -1
  48. package/dist/storybook/assets/{input-validation-I07H4NvH.js → input-validation-VuXCpV9h.js} +1 -1
  49. package/dist/storybook/assets/{input.stories-iopguZKB.js → input.stories-n4j56YOE.js} +1 -1
  50. package/dist/storybook/assets/{inputs-BJbDcTjr.js → inputs-SFX1tIVp.js} +1 -1
  51. package/dist/storybook/assets/{label-RpB4JmHX.js → label-8loR8nsz.js} +1 -1
  52. package/dist/storybook/assets/{label.stories-HcdQ1bEB.js → label.stories-wEQfuD19.js} +1 -1
  53. package/dist/storybook/assets/{layout-forms-aWskik3v.js → layout-forms-yTHKcM2T.js} +1 -1
  54. package/dist/storybook/assets/{layout-general-x0XcRwqY.js → layout-general-eWLllT7Y.js} +1 -1
  55. package/dist/storybook/assets/{list-ciYNlkVM.js → list-3U_EAM7A.js} +1 -1
  56. package/dist/storybook/assets/{list-heading-XbqCJOHh.js → list-heading-prR_yHwi.js} +1 -1
  57. package/dist/storybook/assets/{list.stories-khlFbVFq.js → list.stories-CO6HOEtm.js} +1 -1
  58. package/dist/storybook/assets/{list.stories-data-spFiMtCi.js → list.stories-data-5wOXAHef.js} +1 -1
  59. package/dist/storybook/assets/{loader.stories-G8Q_Fm8u.js → loader.stories-oflBwBGu.js} +1 -1
  60. package/dist/storybook/assets/{menu.stories-sot2Whii.js → menu.stories--vDqOejz.js} +1 -1
  61. package/dist/storybook/assets/{menu.stories-data-VCYkzuDD.js → menu.stories-data-c8X93fYM.js} +1 -1
  62. package/dist/storybook/assets/{message.stories-BqM_-mrZ.js → message.stories-g6f3t9aK.js} +1 -1
  63. package/dist/storybook/assets/{modal.stories-mmctvjOM.js → modal.stories-I7xACVvh.js} +2 -2
  64. package/dist/storybook/assets/{number-input-wURqWy_O.js → number-input-uwxR1XEv.js} +1 -1
  65. package/dist/storybook/assets/{number-input.stories-BUeHRFyX.js → number-input.stories-4krhhV7c.js} +1 -1
  66. package/dist/storybook/assets/{option-dropdown.stories-1Y5JDaBF.js → option-dropdown.stories-1FoOYkFp.js} +1 -1
  67. package/dist/storybook/assets/{padding-and-spacing-mjRKWtkd.js → padding-and-spacing-KZPXKlNW.js} +1 -1
  68. package/dist/storybook/assets/{page.stories-UWV6w4-Y.js → page.stories-rgOy1KqL.js} +1 -1
  69. package/dist/storybook/assets/{pagination-Eaj_UOBW.js → pagination-952Pk8Le.js} +1 -1
  70. package/dist/storybook/assets/{pagination.stories-sl2a8BMq.js → pagination.stories-JoeLohpc.js} +1 -1
  71. package/dist/storybook/assets/{pop-confirm.stories-94l3Xg8w.js → pop-confirm.stories-PSZ07BgA.js} +1 -1
  72. package/dist/storybook/assets/{popover-uAo1e4-D.js → popover-ce6062zh.js} +1 -1
  73. package/dist/storybook/assets/{popover.stories-XaqJOrng.js → popover.stories-vFNOT5ad.js} +1 -1
  74. package/dist/storybook/assets/portal.stories-ya1_TrP6.js +20 -0
  75. package/dist/storybook/assets/{preview-zq3qlmJ4.js → preview-57XjM--J.js} +1 -1
  76. package/dist/storybook/assets/{preview-qREtyop7.js → preview-AWnLUVVU.js} +2 -2
  77. package/dist/storybook/assets/{projects.stories-bJsFt10X.js → projects.stories-rk--77kk.js} +1 -1
  78. package/dist/storybook/assets/{radio-button-QcS9mLYi.js → radio-button-o3c1q6WG.js} +1 -1
  79. package/dist/storybook/assets/{radio-button.stories-KCS981-F.js → radio-button.stories-dxHE7RAL.js} +1 -1
  80. package/dist/storybook/assets/{reservoirs.stories-LEhGyMNL.js → reservoirs.stories-OtLAqZz6.js} +1 -1
  81. package/dist/storybook/assets/{rich-text-input.stories-D55Op5Gf.js → rich-text-input.stories-sN0SnnCc.js} +1 -1
  82. package/dist/storybook/assets/{row.stories-9WPK1-K-.js → row.stories-6eMYvB_B.js} +1 -1
  83. package/dist/storybook/assets/{select-Z1HqJ5aU.js → select-iUWtvkpb.js} +1 -1
  84. package/dist/storybook/assets/{select.stories-oUxeDUts.js → select.stories-lVGQ-YhH.js} +1 -1
  85. package/dist/storybook/assets/{side-bar-GJ2tcZYY.js → side-bar-I18tccX2.js} +1 -1
  86. package/dist/storybook/assets/{side-bar.stories-q_bRwHV_.js → side-bar.stories-LEdVWTQ1.js} +1 -1
  87. package/dist/storybook/assets/{site.stories-ORdl3THa.js → site.stories-XyRPTEHP.js} +1 -1
  88. package/dist/storybook/assets/{slider-_5NQKbM-.js → slider-eyx8tDKw.js} +1 -1
  89. package/dist/storybook/assets/{slider.stories-QyyBB_rz.js → slider.stories-SDu3_XOC.js} +1 -1
  90. package/dist/storybook/assets/{spacer.stories-CWSQp7tw.js → spacer.stories-in3cB2kg.js} +1 -1
  91. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-FzgVx8EM.js → syntaxhighlighter-NMPM6SWI-y6w9SxAj.js} +1 -1
  92. package/dist/storybook/assets/{table-KrWSzq7G.js → table-Ajm2pHhe.js} +1 -1
  93. package/dist/storybook/assets/{table.stories-q2RiUlvj.js → table.stories-JWV5SVuh.js} +1 -1
  94. package/dist/storybook/assets/{table.stories-data-2BZDVr2X.js → table.stories-data-pnIloS3l.js} +1 -1
  95. package/dist/storybook/assets/{textarea-QFVBH_vb.js → textarea-wVOdtbQt.js} +1 -1
  96. package/dist/storybook/assets/{textarea.stories-HETiaNLn.js → textarea.stories-uq9yczmS.js} +1 -1
  97. package/dist/storybook/assets/{title.stories-wYK8FhNE.js → title.stories-AHtJPyIy.js} +1 -1
  98. package/dist/storybook/assets/{toaster.stories-ft_M65x0.js → toaster.stories--kiNCG62.js} +1 -1
  99. package/dist/storybook/assets/{toggle-wk0GbVB8.js → toggle-YZOP233S.js} +1 -1
  100. package/dist/storybook/assets/{toggle.stories-LC6LSCD2.js → toggle.stories-_isIjXI_.js} +1 -1
  101. package/dist/storybook/assets/{tooltip-ZHdi6rl-.js → tooltip-9F6x3SJl.js} +1 -1
  102. package/dist/storybook/assets/{tooltip.stories-gTfOeEzv.js → tooltip.stories-4Yjytwlg.js} +1 -1
  103. package/dist/storybook/assets/{tooltip.test-case.stories-y-bQOM0s.js → tooltip.test-case.stories-gdxC6X-g.js} +1 -1
  104. package/dist/storybook/assets/{top-bar-EnQ1Jkle.js → top-bar-nekzT1T6.js} +1 -1
  105. package/dist/storybook/assets/{top-bar.stories-xeIkUDYw.js → top-bar.stories-oNmlu04o.js} +1 -1
  106. package/dist/storybook/assets/{top-bar.testcase.stories-AJRFp29t.js → top-bar.testcase.stories-lDqHuubR.js} +1 -1
  107. package/dist/storybook/assets/{tree.stories-5fjCVN1S.js → tree.stories-0x0wE0dX.js} +1 -1
  108. package/dist/storybook/assets/{unit-input.stories-JRJyUGWk.js → unit-input.stories-cbwcW_my.js} +1 -1
  109. package/dist/storybook/assets/{unit-table.stories-Q9-nAxW6.js → unit-table.stories-FpGwQYQ1.js} +1 -1
  110. package/dist/storybook/iframe.html +1 -1
  111. package/dist/storybook/project.json +1 -1
  112. package/package.json +1 -1
  113. package/dist/storybook/assets/dialog-Ary52_vt.js +0 -1
  114. package/dist/storybook/assets/iframe-FuQZ2WUu.js +0 -7
  115. package/dist/storybook/assets/portal-zPiHHKoC.js +0 -1
  116. package/dist/storybook/assets/portal.stories-UGkzdgVk.js +0 -20
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as m}from"./index-RfLt4OUa.js";import{d as r,r as rn}from"./index-qZmQ7nA9.js";import{c as sn}from"./index-VW3EWkuE.js";import{u as un}from"./use-previous-VKMmnaK7.js";import{M as we}from"./actions-SGexXf58.js";import{I as on}from"./input-group-addon-BHVsW9mL.js";import{B as c}from"./button-IoNblLER.js";import{T as dn}from"./tooltip-ZHdi6rl-.js";import{I as cn}from"./input-group-R8LoqKRn.js";import{S}from"./spacer-Yji9g2AW.js";import{T as mn}from"./text-6KQ6ntOV.js";import{I as pn}from"./input-iDZqV-2m.js";import{M as Ee}from"./types-VB5zD18b.js";import{l as E}from"./lodash-Bmg8FrMx.js";import{D as gn}from"./divider-RwW2f_N0.js";import{R as qt,C as pe}from"./row-vFUhHoz5.js";import{F as I}from"./field-kOZPBHf6.js";import{a as ge}from"./message-uMHaTEXV.js";import"./index-cCpkwrS5.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./spinner-R8Il4aRe.js";import"./index-miLrID2P.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./label-RpB4JmHX.js";import"./help-icon-nI9A506M.js";const hn=()=>{const t=m.useRef(null);return m.useLayoutEffect(()=>{t.current&&(t.current(),t.current=null)}),n=>{t.current=n}},vn=(t,a)=>{const n=a==null?void 0:a[t];return n||(console.log(`Warning: 'unitTemplate' does not define a preferred unit for '${t}'. Defaulting to standard unit.`),r.unitFromQuantity(t)??"")};var b=(t=>(t.CUSTOM="custom",t.PREDEFINED="predefined",t))(b||{});const Wt=t=>t==="undefined"||t===void 0||t===""||t==="null"||t===null||t==="NaN"||isNaN(t),Tt=(t="",a,n="",s=!1)=>{if(s)return t;if(a&&!Wt(t))try{const u=r.isValueWithUnit(t)?t:r.withUnit(t,n),o=r.convertSamePrecision(u,a);return r.getValue(o)}catch{}return t},fn=t=>t?!!r.getUnit(t):!1,F=(t="",a,n,s)=>{if(s)return t;const u=fn(t)||r.isValueWithUnit(t),o=r.getValue(t);return Wt(o)?o:u?Tt(o,a,n,s):t},Ne=t=>E.isObject(t)&&!E.isArray(t)&&!E.isFunction(t)?E.get(t,"fieldName",""):typeof t=="string"?t:"",Cn=t=>E.isObjectLike(t)&&E.has(t,"message"),bn=t=>typeof t=="string"?t:Cn(t)?t.message:null;var Un=rn();const yn=t=>t.search(RegExp(/(^0{2}\.)|(^0+[1-9])/g))===0,Ae=(t,a)=>{var j;const{allowEmpty:n=!1,autoValue:s,placeholder:u,disabledValidation:o=!1}=a||{},i=String(t);if(o||s||u)return null;const g=Un.isValueWithUnit(i)?r.getValue(i):i;if(n&&g==="")return null;if(yn(g))return"Invalid number format due to leading zeroes";const h=r.validateNumber(g);if(!h.valid){const re=((j=h==null?void 0:h.errors)==null?void 0:j[0])??null;return bn(re)}return null},Pe=(t="")=>{var a;return(a=r.KNOWN_UNITS)==null?void 0:a.includes(t)},xn=(t,a)=>{const n=r.getUnit(t||"");return Pe(a)&&Pe(n)},Vn="_predefinedMenuActive_1yvt4_1",In={predefinedMenuActive:Vn},p=({name:t,placeholder:a="",disabled:n=!1,disabledUnit:s=!1,error:u=null,left:o=!1,small:i=!1,width:g="100%",value:h,unitkey:j="",initUnit:re,noConversion:Rt=!1,onChange:ie=()=>{},onClick:kn=()=>{},onFocus:Lt=()=>{},onSwitchUnit:he=()=>{},unitTemplate:ve,doNotConvertValue:A=!1,testId:w,warning:Kt=null,predefinedOptions:x,initialPredefinedOption:$t=!1,shouldLinkAutomaticly:fe=!0,selectedPredefinedOptionKey:Ce,validationCallback:be=()=>({name:"",error:null}),disabledValidation:Ue=!1,allowEmpty:ye=!1,autoValue:V})=>{typeof h=="number"&&(h=`${h}`);const Ht=hn(),[se="",P=""]=h!==void 0?r.split(h):[],xe=V?r.getUnit(V):"",Ve=m.useMemo(()=>vn(j,ve),[j,ve]),zt=xn(h,Ve),U=re||Ve||P,Jt=un(U),Ie=F(h,U,P,A),je=F(V,U,xe,A),Yt=Ie!==""?{value:Ie,unit:U}:je!==""?{value:je,unit:U}:{value:se,unit:P},[v,Y]=m.useState(Yt),[Zt,ue]=m.useState(null),[k,oe]=m.useState($t?b.PREDEFINED:b.CUSTOM),de=se===""&&V,D=x&&x.find(l=>{if(Ce)return Ce===l.valueKey;const d=r.isValueWithUnit(l.value)?r.getUnit(l.value):"";return r.withUnit(Tt(h,d),d)===l.value}),Gt=()=>{if(j)try{const l=de?V:h??"";let d=r.altUnitsList(l,j);return r.getValue(l)===""?d.map(f=>["",f[1]]):d}catch{return null}},Qt=l=>{const d=Ne(t),f=l.target,{value:y,selectionStart:X}=f,Se=r.cleanNumStr(y.replaceAll(" ","").replaceAll("|","")),ce=r.withUnit(Se,(v==null?void 0:v.unit)||""),nn=r.getValue(ce),me=Ae(nn,{allowEmpty:ye,autoValue:V,placeholder:a,disabledValidation:Ue});if(me===null){ie({target:{value:ce,name:d}});const[an,ln]=r.split(ce);Y({value:an,unit:ln}),ue(null),be(d,null)}else Y({value:Se,unit:v.unit}),ue(me),be(d,me);Ht(()=>{f.selectionStart=X,f.selectionEnd=X})},Xt=(l,d)=>{d===v.unit||isNaN(Number(l))||(Y({value:l,unit:d}),he&&he(d))};m.useEffect(()=>{if(U){let f,y="";Jt!==U?(f=F(h,U,P,A),y=U):r.withUnit(v.value,v.unit)!==h&&(f=F(h,v.unit,P,A),y=v.unit),f!==void 0&&Y({value:f,unit:y}),x&&oe(D&&fe?b.PREDEFINED:b.CUSTOM)}const l=r.checkAndCleanDecimalComma(se),d=Ae(l,{allowEmpty:ye,autoValue:V,placeholder:a,disabledValidation:Ue});ue(d)},[U,h,u,fe]);const Z=Gt(),G=r.label(v.unit)||v.unit||"",en=Rt||!Z||Z&&Z.length===1,ke=Ne(t);let Q;const tn=l=>{const[d,f=""]=r.isValueWithUnit(l.value)?r.split(l.value):[l.value];return{type:Ee.OPTION,inline:!0,onClick:()=>{r.validateNumber(d).valid&&!n&&(oe(b.PREDEFINED),ie({target:{value:l.value,name:typeof t=="string"?t:(t==null?void 0:t.fieldName)||"",predefinedSelected:!0,predefinedOption:l}}))},label:e.jsxs(e.Fragment,{children:[e.jsx(mn,{children:l.label}),e.jsx(S,{width:"20px",height:"0"})]}),description:r.isValueWithUnit(l.value)?`${d} ${f}`:l.value,selected:D===l&&k===b.PREDEFINED}};if(Q=[{type:Ee.OPTION,inline:!0,onClick:()=>{k!==b.CUSTOM&&!n&&ie({target:{value:r.withUnit(v.value,v.unit),name:typeof t=="string"?t:(t==null?void 0:t.fieldName)||""}})},label:"Custom",selected:k===b.CUSTOM}],x!=null&&x.length){const l=x.map(tn);Q=[...Q,...l]}return e.jsx("div",{className:k===b.PREDEFINED?sn(In.predefinedMenuActive):"",children:e.jsxs(cn,{small:i,width:g,children:[x&&e.jsx(dn,{text:k===b.PREDEFINED?D==null?void 0:D.label:"",children:e.jsx(we,{maxHeight:380,groupOrder:"first",testId:w&&`${w}-predefined-menu`,disabled:n,menu:{colored:!0,trigger:"Component",component:e.jsx(c,{groupOrder:"first",active:k===b.PREDEFINED,icon:k===b.PREDEFINED?"link":"unlink"}),small:i,sections:Q}})}),e.jsx(pn,{type:"text",name:ke,testId:w,disabled:n,placeholder:de?F(V,v.unit,xe,A):a,value:v.value,onChange:Qt,onFocus:Lt,error:u||Zt,warning:Kt,right:!o},ke),G&&(en||!zt?e.jsx(on,{groupOrder:"last",children:G}):e.jsx(we,{maxHeight:380,groupOrder:"last",disabled:s,testId:w&&`${w}-menu`,menu:{label:G,trigger:"DropDownButton",small:i,sections:Z.map(([l,d,f])=>{const y=f||d||"";return{type:"Option",label:isNaN(Number(l))?"":l,inline:!0,onClick:X=>{X.stopPropagation(),Xt(de?"":l,d)},description:y,selected:y===G,testId:`${w}-unit-${y}`}})}}))]})})};try{p.displayName="UnitInput",p.__docgenInfo={description:"",displayName:"UnitInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | { fieldName?: string | undefined; }"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},disabledUnit:{defaultValue:{value:"false"},description:"",name:"disabledUnit",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | boolean | null"}},left:{defaultValue:{value:"false"},description:"",name:"left",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"string | number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},unitkey:{defaultValue:{value:""},description:"",name:"unitkey",required:!1,type:{name:"string"}},initUnit:{defaultValue:null,description:"",name:"initUnit",required:!1,type:{name:"string"}},noConversion:{defaultValue:{value:"false"},description:"",name:"noConversion",required:!1,type:{name:"boolean"}},doNotConvertValue:{defaultValue:{value:"false"},description:"",name:"doNotConvertValue",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | null"}},predefinedOptions:{defaultValue:null,description:"",name:"predefinedOptions",required:!1,type:{name:"IPredefinedOption[]"}},initialPredefinedOption:{defaultValue:{value:"false"},description:"",name:"initialPredefinedOption",required:!1,type:{name:"boolean"}},shouldLinkAutomaticly:{defaultValue:{value:"true"},description:"",name:"shouldLinkAutomaticly",required:!1,type:{name:"boolean"}},selectedPredefinedOptionKey:{defaultValue:null,description:"",name:"selectedPredefinedOptionKey",required:!1,type:{name:"string"}},validationCallback:{defaultValue:{value:"() => ({ name: '', error: null })"},description:"",name:"validationCallback",required:!1,type:{name:"((name: string, message: string | null) => { name: string; error: string | null; })"}},disabledValidation:{defaultValue:{value:"false"},description:"",name:"disabledValidation",required:!1,type:{name:"boolean"}},allowEmpty:{defaultValue:{value:"false"},description:"",name:"allowEmpty",required:!1,type:{name:"boolean"}},autoValue:{defaultValue:null,description:"",name:"autoValue",required:!1,type:{name:"string"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"(event: ChangeEvent<HTMLInputElement> | ICustomChangeEvent) => void"}},onSwitchUnit:{defaultValue:{value:"() => {}"},description:"",name:"onSwitchUnit",required:!1,type:{name:"((unit: string) => void)"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLInputElement>"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},unitTemplate:{defaultValue:null,description:"",name:"unitTemplate",required:!1,type:{name:"Record<string, any>"}}}}}catch{}const{useArgs:jn}=__STORYBOOK_MODULE_ADDONS__,ia={title:"Basic/UnitInput",component:p,args:{name:"example",unitkey:"length",value:"123|m"}},C=t=>{const[a,n]=jn(),s=u=>{n({value:u.target.value})};return e.jsx(p,{...t,onChange:s})},ee=C.bind({}),M=C.bind({});M.args={initUnit:"ft",unitTemplate:{length:"ft"}};const _=C.bind({});_.args={value:'123|"',unitkey:'"'};const O=C.bind({});O.args={width:"180px"};const B=C.bind({});B.args={noConversion:!0};const q=C.bind({});q.args={small:!0};const W=C.bind({});W.args={error:"Error message goes here"};const T=C.bind({});T.args={value:"asas123asd|%"};const N=C.bind({});N.args={disabled:!0,disabledUnit:!0};N.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 R=C.bind({});R.args={disabled:!0,disabledUnit:!0,noConversion:!0};const L=C.bind({});L.args={disabledUnit:!0,unitkey:void 0};const K=C.bind({});K.args={disabledUnit:!0,unitkey:"length"};const $=C.bind({});$.args={disabledUnit:!1,disabled:!0};const H=t=>{const[a,n]=m.useState("123|m"),[s,u]=m.useState("223|m"),[o,i]=m.useState("ft");return e.jsxs(e.Fragment,{children:[e.jsx(c,{label:"Change initUnit",onClick:()=>i(o==="m"?"ft":"m")}),e.jsx(S,{}),e.jsx(c,{label:"Change value",onClick:()=>n(a==="123|m"?"456|m":"123|m")}),e.jsx(S,{}),e.jsx(p,{name:"example",onChange:g=>{n(g.target.value)},unitkey:"length",value:a,initUnit:o,onSwitchUnit:i}),e.jsx(S,{}),e.jsx(p,{name:"example2",onChange:g=>{u(g.target.value)},unitkey:"length",value:s,initUnit:o,onSwitchUnit:i}),e.jsx(gn,{}),e.jsx("h4",{children:"Without initUnit property (taken from the redux store)"}),e.jsx(p,{name:"example",onChange:g=>{n(g.target.value)},unitkey:"length",value:a,onSwitchUnit:i}),e.jsx(p,{name:"example2",onChange:g=>{u(g.target.value)},unitkey:"length",value:s,onSwitchUnit:i})]})};H.parameters={docs:{description:{story:"[OW-4380](https://oliasoft.atlassian.net/browse/OW-4380?atlOrigin=eyJpIjoiMmM1N2RkNWU3Mjk5NDYxY2E0YzhkMzk5ZTVmZTJhMjciLCJwIjoiaiJ9)"}}};const z=C.bind({});z.args={predefinedOptions:[{label:"bottom of casing",value:"12|km"},{label:"mud weight at shoe depth",value:"8|mm"}]};const J=()=>{const t="500px",[a,n]=m.useState(void 0);return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different edge cases such as +/- infinity, undefined, NaN, null:"}),e.jsxs(qt,{children:[e.jsxs(pe,{width:"25%",children:[e.jsx(c,{label:"Change value infinity",onClick:()=>n(1/0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value -infinity",onClick:()=>n(-1/0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value null",onClick:()=>n(null)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - undefined",onClick:()=>n(void 0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - NaN",onClick:()=>n(NaN)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - nothing (empty)",onClick:()=>n(void 0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - empty string",onClick:()=>n("")})]}),e.jsxs(pe,{width:"25%",children:[e.jsx(c,{label:"Change value infinity|m",onClick:()=>n("Infinity|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value -infinity|m",onClick:()=>n("-Infinity|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value null|m",onClick:()=>n("null|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - undefined|m",onClick:()=>n("undefined|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - NaN|m",onClick:()=>n("NaN|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - nothing (empty)|m",onClick:()=>n("|m")})]})]}),e.jsx("br",{}),e.jsx(I,{label:"Normal PUI",children:e.jsx(p,{name:"example1",onChange:s=>n(s.target.value),value:a,unitkey:"length",width:t,placeholder:"value|unit"})}),e.jsx(I,{label:"Disabled validation",children:e.jsx(p,{name:"example2",onChange:s=>n(s.target.value),value:a,unitkey:"length",disabledValidation:!0,width:t})}),e.jsx(I,{label:"Disabled validation and manual error",children:e.jsx(p,{name:"example3",onChange:s=>n(s.target.value),value:a,unitkey:"length",error:"test",disabledValidation:!0,width:t})}),e.jsx(ge,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})},te=()=>{const t="500px",[a,n]=m.useState("1|m"),[s,u]=m.useState("|m"),o="123|km";return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different cases for automatic (placeholder) values:"}),e.jsx(qt,{children:e.jsxs(pe,{width:"25%",children:[e.jsx(c,{label:"Change value to ''",onClick:()=>n("")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1",onClick:()=>n("1")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1|m",onClick:()=>n("1|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to |m - empty value",onClick:()=>n("|m")})]})}),e.jsx("br",{}),e.jsx(I,{label:"Normal PUI (placeholder + auto)",children:e.jsx(p,{name:"example1",onChange:i=>n(i.target.value),value:a,unitkey:"length",width:t,placeholder:"value|unit",autoValue:o})}),e.jsx(I,{label:"Normal PUI (only auto)",children:e.jsx(p,{name:"example1",onChange:i=>n(i.target.value),value:a,unitkey:"length",width:t,autoValue:o})}),e.jsx(I,{label:"Empty PUI with autoValue",children:e.jsx(p,{name:"example1",onChange:i=>u(i.target.value),value:s,unitkey:"length",width:t,autoValue:o})}),e.jsx(I,{label:"Normal PUI (only placeholder)",children:e.jsx(p,{name:"example1",onChange:i=>n(i.target.value),value:a,unitkey:"length",width:t,placeholder:"Placeholder test"})}),e.jsx(I,{label:"Normal PUI (placeholder + allowEmpty)",children:e.jsx(p,{name:"example1",onChange:i=>n(i.target.value),value:a,unitkey:"length",width:t,placeholder:"Placeholder test",allowEmpty:!0})}),e.jsx(ge,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})};J.parameters={docs:{description:{story:"[OW-8884](https://oliasoft.atlassian.net/browse/OW-8884)"}}};const ne=()=>{const[t,a]=m.useState("123|%"),[n,s]=m.useState(null),u="This should be visible when an error appears",o=(i,g)=>(s(g),{name:i,error:g});return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"3rd party validation message when inputting invalid value:"}),e.jsx(p,{name:"example",onChange:i=>a(i.target.value),error:!n||u,validationCallback:o,value:t}),e.jsx("br",{}),e.jsx(S,{}),e.jsx("h4",{children:"Original validation message: "}),e.jsx(ge,{message:{heading:n,visible:!0}})]})},ae=()=>{const[t,a]=m.useState("123|m"),[n,s]=m.useState(""),[u,o]=m.useState("km"),i=()=>{o("ft"),s("placeholder"),a("|m")};return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Empty value case:"}),e.jsx(p,{name:"example",onChange:g=>a(g.target.value),value:t,allowEmpty:!0,placeholder:n,initUnit:u,unitkey:"length"}),e.jsx("br",{}),e.jsx(S,{}),e.jsx(c,{label:"Change value |m and unit ft",onClick:()=>i()})]})},le=()=>{const[t,a]=m.useState("123|m"),[n,s]=m.useState("m");return e.jsxs(e.Fragment,{children:[e.jsx(p,{name:"example",onChange:u=>a(u.target.value),value:t,initUnit:n,unitkey:"length",onSwitchUnit:s}),e.jsx(S,{}),e.jsx(p,{name:"example",onChange:u=>a(u.target.value),value:t,initUnit:n,unitkey:"length",onSwitchUnit:s})]})};var De,Fe,Me;ee.parameters={...ee.parameters,docs:{...(De=ee.parameters)==null?void 0:De.docs,source:{originalSource:`args => {
1
+ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as m}from"./index-RfLt4OUa.js";import{d as r,r as rn}from"./index-qZmQ7nA9.js";import{c as sn}from"./index-VW3EWkuE.js";import{u as un}from"./use-previous-VKMmnaK7.js";import{M as we}from"./actions-tXlmEPq8.js";import{I as on}from"./input-group-addon-BHVsW9mL.js";import{B as c}from"./button-DdsCGJK5.js";import{T as dn}from"./tooltip-9F6x3SJl.js";import{I as cn}from"./input-group-R8LoqKRn.js";import{S}from"./spacer-Yji9g2AW.js";import{T as mn}from"./text-6KQ6ntOV.js";import{I as pn}from"./input-uxHjzYnP.js";import{M as Ee}from"./types-VB5zD18b.js";import{l as E}from"./lodash-Bmg8FrMx.js";import{D as gn}from"./divider-RwW2f_N0.js";import{R as qt,C as pe}from"./row-vFUhHoz5.js";import{F as I}from"./field-Npd3tHFA.js";import{a as ge}from"./message-uMHaTEXV.js";import"./index-cCpkwrS5.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./spinner-R8Il4aRe.js";import"./index-miLrID2P.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./label-8loR8nsz.js";import"./help-icon-Zs2X0pKE.js";const hn=()=>{const t=m.useRef(null);return m.useLayoutEffect(()=>{t.current&&(t.current(),t.current=null)}),n=>{t.current=n}},vn=(t,a)=>{const n=a==null?void 0:a[t];return n||(console.log(`Warning: 'unitTemplate' does not define a preferred unit for '${t}'. Defaulting to standard unit.`),r.unitFromQuantity(t)??"")};var b=(t=>(t.CUSTOM="custom",t.PREDEFINED="predefined",t))(b||{});const Wt=t=>t==="undefined"||t===void 0||t===""||t==="null"||t===null||t==="NaN"||isNaN(t),Tt=(t="",a,n="",s=!1)=>{if(s)return t;if(a&&!Wt(t))try{const u=r.isValueWithUnit(t)?t:r.withUnit(t,n),o=r.convertSamePrecision(u,a);return r.getValue(o)}catch{}return t},fn=t=>t?!!r.getUnit(t):!1,F=(t="",a,n,s)=>{if(s)return t;const u=fn(t)||r.isValueWithUnit(t),o=r.getValue(t);return Wt(o)?o:u?Tt(o,a,n,s):t},Ne=t=>E.isObject(t)&&!E.isArray(t)&&!E.isFunction(t)?E.get(t,"fieldName",""):typeof t=="string"?t:"",Cn=t=>E.isObjectLike(t)&&E.has(t,"message"),bn=t=>typeof t=="string"?t:Cn(t)?t.message:null;var Un=rn();const yn=t=>t.search(RegExp(/(^0{2}\.)|(^0+[1-9])/g))===0,Ae=(t,a)=>{var j;const{allowEmpty:n=!1,autoValue:s,placeholder:u,disabledValidation:o=!1}=a||{},i=String(t);if(o||s||u)return null;const g=Un.isValueWithUnit(i)?r.getValue(i):i;if(n&&g==="")return null;if(yn(g))return"Invalid number format due to leading zeroes";const h=r.validateNumber(g);if(!h.valid){const re=((j=h==null?void 0:h.errors)==null?void 0:j[0])??null;return bn(re)}return null},Pe=(t="")=>{var a;return(a=r.KNOWN_UNITS)==null?void 0:a.includes(t)},xn=(t,a)=>{const n=r.getUnit(t||"");return Pe(a)&&Pe(n)},Vn="_predefinedMenuActive_1yvt4_1",In={predefinedMenuActive:Vn},p=({name:t,placeholder:a="",disabled:n=!1,disabledUnit:s=!1,error:u=null,left:o=!1,small:i=!1,width:g="100%",value:h,unitkey:j="",initUnit:re,noConversion:Rt=!1,onChange:ie=()=>{},onClick:kn=()=>{},onFocus:Lt=()=>{},onSwitchUnit:he=()=>{},unitTemplate:ve,doNotConvertValue:A=!1,testId:w,warning:Kt=null,predefinedOptions:x,initialPredefinedOption:$t=!1,shouldLinkAutomaticly:fe=!0,selectedPredefinedOptionKey:Ce,validationCallback:be=()=>({name:"",error:null}),disabledValidation:Ue=!1,allowEmpty:ye=!1,autoValue:V})=>{typeof h=="number"&&(h=`${h}`);const Ht=hn(),[se="",P=""]=h!==void 0?r.split(h):[],xe=V?r.getUnit(V):"",Ve=m.useMemo(()=>vn(j,ve),[j,ve]),zt=xn(h,Ve),U=re||Ve||P,Jt=un(U),Ie=F(h,U,P,A),je=F(V,U,xe,A),Yt=Ie!==""?{value:Ie,unit:U}:je!==""?{value:je,unit:U}:{value:se,unit:P},[v,Y]=m.useState(Yt),[Zt,ue]=m.useState(null),[k,oe]=m.useState($t?b.PREDEFINED:b.CUSTOM),de=se===""&&V,D=x&&x.find(l=>{if(Ce)return Ce===l.valueKey;const d=r.isValueWithUnit(l.value)?r.getUnit(l.value):"";return r.withUnit(Tt(h,d),d)===l.value}),Gt=()=>{if(j)try{const l=de?V:h??"";let d=r.altUnitsList(l,j);return r.getValue(l)===""?d.map(f=>["",f[1]]):d}catch{return null}},Qt=l=>{const d=Ne(t),f=l.target,{value:y,selectionStart:X}=f,Se=r.cleanNumStr(y.replaceAll(" ","").replaceAll("|","")),ce=r.withUnit(Se,(v==null?void 0:v.unit)||""),nn=r.getValue(ce),me=Ae(nn,{allowEmpty:ye,autoValue:V,placeholder:a,disabledValidation:Ue});if(me===null){ie({target:{value:ce,name:d}});const[an,ln]=r.split(ce);Y({value:an,unit:ln}),ue(null),be(d,null)}else Y({value:Se,unit:v.unit}),ue(me),be(d,me);Ht(()=>{f.selectionStart=X,f.selectionEnd=X})},Xt=(l,d)=>{d===v.unit||isNaN(Number(l))||(Y({value:l,unit:d}),he&&he(d))};m.useEffect(()=>{if(U){let f,y="";Jt!==U?(f=F(h,U,P,A),y=U):r.withUnit(v.value,v.unit)!==h&&(f=F(h,v.unit,P,A),y=v.unit),f!==void 0&&Y({value:f,unit:y}),x&&oe(D&&fe?b.PREDEFINED:b.CUSTOM)}const l=r.checkAndCleanDecimalComma(se),d=Ae(l,{allowEmpty:ye,autoValue:V,placeholder:a,disabledValidation:Ue});ue(d)},[U,h,u,fe]);const Z=Gt(),G=r.label(v.unit)||v.unit||"",en=Rt||!Z||Z&&Z.length===1,ke=Ne(t);let Q;const tn=l=>{const[d,f=""]=r.isValueWithUnit(l.value)?r.split(l.value):[l.value];return{type:Ee.OPTION,inline:!0,onClick:()=>{r.validateNumber(d).valid&&!n&&(oe(b.PREDEFINED),ie({target:{value:l.value,name:typeof t=="string"?t:(t==null?void 0:t.fieldName)||"",predefinedSelected:!0,predefinedOption:l}}))},label:e.jsxs(e.Fragment,{children:[e.jsx(mn,{children:l.label}),e.jsx(S,{width:"20px",height:"0"})]}),description:r.isValueWithUnit(l.value)?`${d} ${f}`:l.value,selected:D===l&&k===b.PREDEFINED}};if(Q=[{type:Ee.OPTION,inline:!0,onClick:()=>{k!==b.CUSTOM&&!n&&ie({target:{value:r.withUnit(v.value,v.unit),name:typeof t=="string"?t:(t==null?void 0:t.fieldName)||""}})},label:"Custom",selected:k===b.CUSTOM}],x!=null&&x.length){const l=x.map(tn);Q=[...Q,...l]}return e.jsx("div",{className:k===b.PREDEFINED?sn(In.predefinedMenuActive):"",children:e.jsxs(cn,{small:i,width:g,children:[x&&e.jsx(dn,{text:k===b.PREDEFINED?D==null?void 0:D.label:"",children:e.jsx(we,{maxHeight:380,groupOrder:"first",testId:w&&`${w}-predefined-menu`,disabled:n,menu:{colored:!0,trigger:"Component",component:e.jsx(c,{groupOrder:"first",active:k===b.PREDEFINED,icon:k===b.PREDEFINED?"link":"unlink"}),small:i,sections:Q}})}),e.jsx(pn,{type:"text",name:ke,testId:w,disabled:n,placeholder:de?F(V,v.unit,xe,A):a,value:v.value,onChange:Qt,onFocus:Lt,error:u||Zt,warning:Kt,right:!o},ke),G&&(en||!zt?e.jsx(on,{groupOrder:"last",children:G}):e.jsx(we,{maxHeight:380,groupOrder:"last",disabled:s,testId:w&&`${w}-menu`,menu:{label:G,trigger:"DropDownButton",small:i,sections:Z.map(([l,d,f])=>{const y=f||d||"";return{type:"Option",label:isNaN(Number(l))?"":l,inline:!0,onClick:X=>{X.stopPropagation(),Xt(de?"":l,d)},description:y,selected:y===G,testId:`${w}-unit-${y}`}})}}))]})})};try{p.displayName="UnitInput",p.__docgenInfo={description:"",displayName:"UnitInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | { fieldName?: string | undefined; }"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},disabledUnit:{defaultValue:{value:"false"},description:"",name:"disabledUnit",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | boolean | null"}},left:{defaultValue:{value:"false"},description:"",name:"left",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"string | number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},unitkey:{defaultValue:{value:""},description:"",name:"unitkey",required:!1,type:{name:"string"}},initUnit:{defaultValue:null,description:"",name:"initUnit",required:!1,type:{name:"string"}},noConversion:{defaultValue:{value:"false"},description:"",name:"noConversion",required:!1,type:{name:"boolean"}},doNotConvertValue:{defaultValue:{value:"false"},description:"",name:"doNotConvertValue",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | null"}},predefinedOptions:{defaultValue:null,description:"",name:"predefinedOptions",required:!1,type:{name:"IPredefinedOption[]"}},initialPredefinedOption:{defaultValue:{value:"false"},description:"",name:"initialPredefinedOption",required:!1,type:{name:"boolean"}},shouldLinkAutomaticly:{defaultValue:{value:"true"},description:"",name:"shouldLinkAutomaticly",required:!1,type:{name:"boolean"}},selectedPredefinedOptionKey:{defaultValue:null,description:"",name:"selectedPredefinedOptionKey",required:!1,type:{name:"string"}},validationCallback:{defaultValue:{value:"() => ({ name: '', error: null })"},description:"",name:"validationCallback",required:!1,type:{name:"((name: string, message: string | null) => { name: string; error: string | null; })"}},disabledValidation:{defaultValue:{value:"false"},description:"",name:"disabledValidation",required:!1,type:{name:"boolean"}},allowEmpty:{defaultValue:{value:"false"},description:"",name:"allowEmpty",required:!1,type:{name:"boolean"}},autoValue:{defaultValue:null,description:"",name:"autoValue",required:!1,type:{name:"string"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"(event: ChangeEvent<HTMLInputElement> | ICustomChangeEvent) => void"}},onSwitchUnit:{defaultValue:{value:"() => {}"},description:"",name:"onSwitchUnit",required:!1,type:{name:"((unit: string) => void)"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLInputElement>"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},unitTemplate:{defaultValue:null,description:"",name:"unitTemplate",required:!1,type:{name:"Record<string, any>"}}}}}catch{}const{useArgs:jn}=__STORYBOOK_MODULE_ADDONS__,ia={title:"Basic/UnitInput",component:p,args:{name:"example",unitkey:"length",value:"123|m"}},C=t=>{const[a,n]=jn(),s=u=>{n({value:u.target.value})};return e.jsx(p,{...t,onChange:s})},ee=C.bind({}),M=C.bind({});M.args={initUnit:"ft",unitTemplate:{length:"ft"}};const _=C.bind({});_.args={value:'123|"',unitkey:'"'};const O=C.bind({});O.args={width:"180px"};const B=C.bind({});B.args={noConversion:!0};const q=C.bind({});q.args={small:!0};const W=C.bind({});W.args={error:"Error message goes here"};const T=C.bind({});T.args={value:"asas123asd|%"};const N=C.bind({});N.args={disabled:!0,disabledUnit:!0};N.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 R=C.bind({});R.args={disabled:!0,disabledUnit:!0,noConversion:!0};const L=C.bind({});L.args={disabledUnit:!0,unitkey:void 0};const K=C.bind({});K.args={disabledUnit:!0,unitkey:"length"};const $=C.bind({});$.args={disabledUnit:!1,disabled:!0};const H=t=>{const[a,n]=m.useState("123|m"),[s,u]=m.useState("223|m"),[o,i]=m.useState("ft");return e.jsxs(e.Fragment,{children:[e.jsx(c,{label:"Change initUnit",onClick:()=>i(o==="m"?"ft":"m")}),e.jsx(S,{}),e.jsx(c,{label:"Change value",onClick:()=>n(a==="123|m"?"456|m":"123|m")}),e.jsx(S,{}),e.jsx(p,{name:"example",onChange:g=>{n(g.target.value)},unitkey:"length",value:a,initUnit:o,onSwitchUnit:i}),e.jsx(S,{}),e.jsx(p,{name:"example2",onChange:g=>{u(g.target.value)},unitkey:"length",value:s,initUnit:o,onSwitchUnit:i}),e.jsx(gn,{}),e.jsx("h4",{children:"Without initUnit property (taken from the redux store)"}),e.jsx(p,{name:"example",onChange:g=>{n(g.target.value)},unitkey:"length",value:a,onSwitchUnit:i}),e.jsx(p,{name:"example2",onChange:g=>{u(g.target.value)},unitkey:"length",value:s,onSwitchUnit:i})]})};H.parameters={docs:{description:{story:"[OW-4380](https://oliasoft.atlassian.net/browse/OW-4380?atlOrigin=eyJpIjoiMmM1N2RkNWU3Mjk5NDYxY2E0YzhkMzk5ZTVmZTJhMjciLCJwIjoiaiJ9)"}}};const z=C.bind({});z.args={predefinedOptions:[{label:"bottom of casing",value:"12|km"},{label:"mud weight at shoe depth",value:"8|mm"}]};const J=()=>{const t="500px",[a,n]=m.useState(void 0);return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different edge cases such as +/- infinity, undefined, NaN, null:"}),e.jsxs(qt,{children:[e.jsxs(pe,{width:"25%",children:[e.jsx(c,{label:"Change value infinity",onClick:()=>n(1/0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value -infinity",onClick:()=>n(-1/0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value null",onClick:()=>n(null)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - undefined",onClick:()=>n(void 0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - NaN",onClick:()=>n(NaN)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - nothing (empty)",onClick:()=>n(void 0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - empty string",onClick:()=>n("")})]}),e.jsxs(pe,{width:"25%",children:[e.jsx(c,{label:"Change value infinity|m",onClick:()=>n("Infinity|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value -infinity|m",onClick:()=>n("-Infinity|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value null|m",onClick:()=>n("null|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - undefined|m",onClick:()=>n("undefined|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - NaN|m",onClick:()=>n("NaN|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - nothing (empty)|m",onClick:()=>n("|m")})]})]}),e.jsx("br",{}),e.jsx(I,{label:"Normal PUI",children:e.jsx(p,{name:"example1",onChange:s=>n(s.target.value),value:a,unitkey:"length",width:t,placeholder:"value|unit"})}),e.jsx(I,{label:"Disabled validation",children:e.jsx(p,{name:"example2",onChange:s=>n(s.target.value),value:a,unitkey:"length",disabledValidation:!0,width:t})}),e.jsx(I,{label:"Disabled validation and manual error",children:e.jsx(p,{name:"example3",onChange:s=>n(s.target.value),value:a,unitkey:"length",error:"test",disabledValidation:!0,width:t})}),e.jsx(ge,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})},te=()=>{const t="500px",[a,n]=m.useState("1|m"),[s,u]=m.useState("|m"),o="123|km";return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different cases for automatic (placeholder) values:"}),e.jsx(qt,{children:e.jsxs(pe,{width:"25%",children:[e.jsx(c,{label:"Change value to ''",onClick:()=>n("")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1",onClick:()=>n("1")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1|m",onClick:()=>n("1|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to |m - empty value",onClick:()=>n("|m")})]})}),e.jsx("br",{}),e.jsx(I,{label:"Normal PUI (placeholder + auto)",children:e.jsx(p,{name:"example1",onChange:i=>n(i.target.value),value:a,unitkey:"length",width:t,placeholder:"value|unit",autoValue:o})}),e.jsx(I,{label:"Normal PUI (only auto)",children:e.jsx(p,{name:"example1",onChange:i=>n(i.target.value),value:a,unitkey:"length",width:t,autoValue:o})}),e.jsx(I,{label:"Empty PUI with autoValue",children:e.jsx(p,{name:"example1",onChange:i=>u(i.target.value),value:s,unitkey:"length",width:t,autoValue:o})}),e.jsx(I,{label:"Normal PUI (only placeholder)",children:e.jsx(p,{name:"example1",onChange:i=>n(i.target.value),value:a,unitkey:"length",width:t,placeholder:"Placeholder test"})}),e.jsx(I,{label:"Normal PUI (placeholder + allowEmpty)",children:e.jsx(p,{name:"example1",onChange:i=>n(i.target.value),value:a,unitkey:"length",width:t,placeholder:"Placeholder test",allowEmpty:!0})}),e.jsx(ge,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})};J.parameters={docs:{description:{story:"[OW-8884](https://oliasoft.atlassian.net/browse/OW-8884)"}}};const ne=()=>{const[t,a]=m.useState("123|%"),[n,s]=m.useState(null),u="This should be visible when an error appears",o=(i,g)=>(s(g),{name:i,error:g});return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"3rd party validation message when inputting invalid value:"}),e.jsx(p,{name:"example",onChange:i=>a(i.target.value),error:!n||u,validationCallback:o,value:t}),e.jsx("br",{}),e.jsx(S,{}),e.jsx("h4",{children:"Original validation message: "}),e.jsx(ge,{message:{heading:n,visible:!0}})]})},ae=()=>{const[t,a]=m.useState("123|m"),[n,s]=m.useState(""),[u,o]=m.useState("km"),i=()=>{o("ft"),s("placeholder"),a("|m")};return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Empty value case:"}),e.jsx(p,{name:"example",onChange:g=>a(g.target.value),value:t,allowEmpty:!0,placeholder:n,initUnit:u,unitkey:"length"}),e.jsx("br",{}),e.jsx(S,{}),e.jsx(c,{label:"Change value |m and unit ft",onClick:()=>i()})]})},le=()=>{const[t,a]=m.useState("123|m"),[n,s]=m.useState("m");return e.jsxs(e.Fragment,{children:[e.jsx(p,{name:"example",onChange:u=>a(u.target.value),value:t,initUnit:n,unitkey:"length",onSwitchUnit:s}),e.jsx(S,{}),e.jsx(p,{name:"example",onChange:u=>a(u.target.value),value:t,initUnit:n,unitkey:"length",onSwitchUnit:s})]})};var De,Fe,Me;ee.parameters={...ee.parameters,docs:{...(De=ee.parameters)==null?void 0:De.docs,source:{originalSource:`args => {
2
2
  const [_, updateArgs] = useArgs();
3
3
  const handleChange = (evt: any) => {
4
4
  updateArgs({
@@ -1,4 +1,4 @@
1
- import{j as l}from"./jsx-runtime-FsUICBgo.js";import{r as h}from"./index-RfLt4OUa.js";import{f as Q}from"./immer.esm-bD7SSJ7T.js";import{d as U}from"./index-qZmQ7nA9.js";import{G as J}from"./grid-u1mZpaML.js";import{C as V}from"./card-0r8RRVk-.js";import{F as $}from"./field-kOZPBHf6.js";import{H as I}from"./heading-cUVItwKq.js";import{S as z}from"./select-Z1HqJ5aU.js";import{l as M}from"./lodash-Bmg8FrMx.js";import{u as W}from"./use-previous-VKMmnaK7.js";import{T as X,C as _}from"./table-KrWSzq7G.js";import"./index-cCpkwrS5.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./label-RpB4JmHX.js";import"./common-types-U65vzrrz.js";import"./help-icon-nI9A506M.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-SGexXf58.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./index.es-JXn3JM7k.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./pagination-Eaj_UOBW.js";import"./input-iDZqV-2m.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-wURqWy_O.js";import"./check-box-BX5dfQFk.js";import"./slider-_5NQKbM-.js";import"./index-ugi_ZH6T.js";import"./popover-uAo1e4-D.js";const Y=r=>r.reduce(({preferredUnits:n,storageUnits:t},{unitKey:i,preferredUnit:c,storageUnit:d})=>(n[i]=c,t[i]=d,{preferredUnits:n,storageUnits:t}),{preferredUnits:{},storageUnits:{}}),Z=({headers:r,rows:n,selectedUnits:t,storageUnits:i,onChangeUnit:c,convertBackToStorageUnit:d,enableCosmeticRounding:a})=>{const p=r?r.map(u=>({...u,cells:u.cells.map(s=>{if(s.type===_.AUTO_UNIT){const{unitKey:e}=s;return{value:t[e],type:_.SELECT,options:U.getUnitsForQuantity(e),native:!0,onChange:b=>c({unitKey:e,value:b.target.value})}}return s})})):[],o=n?n.map((u,s)=>({...u,cells:u.cells.map((e,b)=>{if("autoUnit"in e&&(e!=null&&e.autoUnit)&&(typeof(e==null?void 0:e.value)=="string"||typeof(e==null?void 0:e.value)=="number")){const{formatDisplayValue:m,unitKey:g,value:f}=e,y=t[g],v=i[g],T=y!==v,R=T?U.convertAndGetValue(f,y,v):e.value,G=U.isScientificStringNum(f),D=a&&(T||!G)?U.roundToPrecision(R,14):R,q=m?m(D):D;return{...e,value:q,onChange:C=>{const{value:A}=C.target,w=i[g],S=t[g],B=S!==w?U.convertAndGetValue(A,w,S):A,k=d?w:S;if("onChange"in e){const{onChange:O}=e,L={...C,target:{...C.target,value:String(B),rowIndex:s,cellIndex:b,unit:k}};O(L)}}}}return e})})):[];return{convertedHeaders:p,convertedRows:o}},j=({table:r,unitConfig:n,convertBackToStorageUnit:t=!0,enableCosmeticRounding:i=!0})=>{const{rows:c,headers:d,...a}=r,{storageUnits:p,preferredUnits:o}=Y(n),u=W(o),[s,e]=h.useState(o),b=({unitKey:v,value:T})=>e({...s,[v]:T}),m=v=>Z({headers:d,rows:c,selectedUnits:v,storageUnits:p,onChangeUnit:b,convertBackToStorageUnit:t,enableCosmeticRounding:i}),g=m(s),[f,y]=h.useState(g);return h.useEffect(()=>{!M.isEqual(o,u)&&(e(o),y(m(o)))},[n]),h.useEffect(()=>{y(m(s))},[r,s]),l.jsx(X,{table:{...a,headers:f.convertedHeaders,rows:f.convertedRows}})};try{j.displayName="UnitTable",j.__docgenInfo={description:"",displayName:"UnitTable",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"IUnitTable"}},unitConfig:{defaultValue:null,description:"",name:"unitConfig",required:!0,type:{name:"IUnitConfigItem[]"}},convertBackToStorageUnit:{defaultValue:{value:"true"},description:"",name:"convertBackToStorageUnit",required:!1,type:{name:"boolean"}},enableCosmeticRounding:{defaultValue:{value:"true"},description:"",name:"enableCosmeticRounding",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}}}}}catch{}const tt={title:"Basic/UnitTable",args:{}},ee=!0,te=!0,P="m",ne=3,re=(r,n)=>{const t=[n,n,n],i=[...Array(Number(r))].map((c,d)=>{const a=d,p=d+1.25,o=p-a;return[String(a),String(p),String(o)]});return[t].concat(i)},ae=re(ne,P),oe=({reduxTable:r,value:n,rowIndex:t,cellIndex:i})=>Q(r,c=>{c[t+1][i]=n}),x=()=>{const[r,n]=h.useState(P),[t,i]=h.useState(ae),c=a=>{const{rowIndex:p,cellIndex:o,value:u,unit:s}=a.target,e=oe({reduxTable:t,value:u,rowIndex:p,cellIndex:o});i(e)},d=t.reduce((a,p,o)=>(o===0?a.headers=[{cells:[{value:"From"},{value:"To"},{value:"Delta"}]},{cells:[{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"length"}]}]:a.rows=a.rows.concat({cells:p.map((u,s)=>{const e=o===1&&s===1;return{value:u,type:e?"Text":"NumberInput",unitKey:"length",onChange:c,formatDisplayValue:e?f=>`T* ${f}`:null,autoUnit:!0}})}),a),{headers:[],rows:[]});return l.jsxs(J,{columns:"1fr 1fr",gap:!0,children:[l.jsx(V,{heading:l.jsx(I,{children:"Global View Settings"}),children:l.jsx($,{label:"Active Unit Template",children:l.jsx(z,{options:U.getUnitsForQuantity("length"),value:{value:r},onChange:a=>n(a.target.value),width:"100px"})})}),l.jsx(V,{heading:l.jsx(I,{children:"UnitTable"}),children:l.jsx(j,{table:d,unitConfig:[{unitKey:"length",storageUnit:t[0][0],preferredUnit:r}],convertBackToStorageUnit:ee,enableCosmeticRounding:te})}),l.jsx(V,{heading:l.jsx(I,{children:"Storage State (Redux)"}),children:l.jsx("pre",{children:l.jsx("code",{children:JSON.stringify(t,null,2)})})})]})};var K,E,H,N,F;x.parameters={...x.parameters,docs:{...(K=x.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
1
+ import{j as l}from"./jsx-runtime-FsUICBgo.js";import{r as h}from"./index-RfLt4OUa.js";import{f as Q}from"./immer.esm-bD7SSJ7T.js";import{d as U}from"./index-qZmQ7nA9.js";import{G as J}from"./grid-u1mZpaML.js";import{C as V}from"./card-0r8RRVk-.js";import{F as $}from"./field-Npd3tHFA.js";import{H as I}from"./heading-6XQhTFiP.js";import{S as z}from"./select-iUWtvkpb.js";import{l as M}from"./lodash-Bmg8FrMx.js";import{u as W}from"./use-previous-VKMmnaK7.js";import{T as X,C as _}from"./table-Ajm2pHhe.js";import"./index-cCpkwrS5.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./label-8loR8nsz.js";import"./common-types-U65vzrrz.js";import"./help-icon-Zs2X0pKE.js";import"./tooltip-9F6x3SJl.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-tXlmEPq8.js";import"./button-DdsCGJK5.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./index.es-JXn3JM7k.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./pagination-952Pk8Le.js";import"./input-uxHjzYnP.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-uwxR1XEv.js";import"./check-box-w9988qPA.js";import"./slider-eyx8tDKw.js";import"./index-ugi_ZH6T.js";import"./popover-ce6062zh.js";const Y=r=>r.reduce(({preferredUnits:n,storageUnits:t},{unitKey:i,preferredUnit:c,storageUnit:d})=>(n[i]=c,t[i]=d,{preferredUnits:n,storageUnits:t}),{preferredUnits:{},storageUnits:{}}),Z=({headers:r,rows:n,selectedUnits:t,storageUnits:i,onChangeUnit:c,convertBackToStorageUnit:d,enableCosmeticRounding:a})=>{const p=r?r.map(u=>({...u,cells:u.cells.map(s=>{if(s.type===_.AUTO_UNIT){const{unitKey:e}=s;return{value:t[e],type:_.SELECT,options:U.getUnitsForQuantity(e),native:!0,onChange:b=>c({unitKey:e,value:b.target.value})}}return s})})):[],o=n?n.map((u,s)=>({...u,cells:u.cells.map((e,b)=>{if("autoUnit"in e&&(e!=null&&e.autoUnit)&&(typeof(e==null?void 0:e.value)=="string"||typeof(e==null?void 0:e.value)=="number")){const{formatDisplayValue:m,unitKey:g,value:f}=e,y=t[g],v=i[g],T=y!==v,R=T?U.convertAndGetValue(f,y,v):e.value,G=U.isScientificStringNum(f),D=a&&(T||!G)?U.roundToPrecision(R,14):R,q=m?m(D):D;return{...e,value:q,onChange:C=>{const{value:A}=C.target,w=i[g],S=t[g],B=S!==w?U.convertAndGetValue(A,w,S):A,k=d?w:S;if("onChange"in e){const{onChange:O}=e,L={...C,target:{...C.target,value:String(B),rowIndex:s,cellIndex:b,unit:k}};O(L)}}}}return e})})):[];return{convertedHeaders:p,convertedRows:o}},j=({table:r,unitConfig:n,convertBackToStorageUnit:t=!0,enableCosmeticRounding:i=!0})=>{const{rows:c,headers:d,...a}=r,{storageUnits:p,preferredUnits:o}=Y(n),u=W(o),[s,e]=h.useState(o),b=({unitKey:v,value:T})=>e({...s,[v]:T}),m=v=>Z({headers:d,rows:c,selectedUnits:v,storageUnits:p,onChangeUnit:b,convertBackToStorageUnit:t,enableCosmeticRounding:i}),g=m(s),[f,y]=h.useState(g);return h.useEffect(()=>{!M.isEqual(o,u)&&(e(o),y(m(o)))},[n]),h.useEffect(()=>{y(m(s))},[r,s]),l.jsx(X,{table:{...a,headers:f.convertedHeaders,rows:f.convertedRows}})};try{j.displayName="UnitTable",j.__docgenInfo={description:"",displayName:"UnitTable",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"IUnitTable"}},unitConfig:{defaultValue:null,description:"",name:"unitConfig",required:!0,type:{name:"IUnitConfigItem[]"}},convertBackToStorageUnit:{defaultValue:{value:"true"},description:"",name:"convertBackToStorageUnit",required:!1,type:{name:"boolean"}},enableCosmeticRounding:{defaultValue:{value:"true"},description:"",name:"enableCosmeticRounding",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}}}}}catch{}const tt={title:"Basic/UnitTable",args:{}},ee=!0,te=!0,P="m",ne=3,re=(r,n)=>{const t=[n,n,n],i=[...Array(Number(r))].map((c,d)=>{const a=d,p=d+1.25,o=p-a;return[String(a),String(p),String(o)]});return[t].concat(i)},ae=re(ne,P),oe=({reduxTable:r,value:n,rowIndex:t,cellIndex:i})=>Q(r,c=>{c[t+1][i]=n}),x=()=>{const[r,n]=h.useState(P),[t,i]=h.useState(ae),c=a=>{const{rowIndex:p,cellIndex:o,value:u,unit:s}=a.target,e=oe({reduxTable:t,value:u,rowIndex:p,cellIndex:o});i(e)},d=t.reduce((a,p,o)=>(o===0?a.headers=[{cells:[{value:"From"},{value:"To"},{value:"Delta"}]},{cells:[{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"length"}]}]:a.rows=a.rows.concat({cells:p.map((u,s)=>{const e=o===1&&s===1;return{value:u,type:e?"Text":"NumberInput",unitKey:"length",onChange:c,formatDisplayValue:e?f=>`T* ${f}`:null,autoUnit:!0}})}),a),{headers:[],rows:[]});return l.jsxs(J,{columns:"1fr 1fr",gap:!0,children:[l.jsx(V,{heading:l.jsx(I,{children:"Global View Settings"}),children:l.jsx($,{label:"Active Unit Template",children:l.jsx(z,{options:U.getUnitsForQuantity("length"),value:{value:r},onChange:a=>n(a.target.value),width:"100px"})})}),l.jsx(V,{heading:l.jsx(I,{children:"UnitTable"}),children:l.jsx(j,{table:d,unitConfig:[{unitKey:"length",storageUnit:t[0][0],preferredUnit:r}],convertBackToStorageUnit:ee,enableCosmeticRounding:te})}),l.jsx(V,{heading:l.jsx(I,{children:"Storage State (Redux)"}),children:l.jsx("pre",{children:l.jsx("code",{children:JSON.stringify(t,null,2)})})})]})};var K,E,H,N,F;x.parameters={...x.parameters,docs:{...(K=x.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
2
2
  const [preferredUnit, setPreferredUnit] = useState(initialUnit);
3
3
  const [reduxTable, setReduxTable] = useState(initialTable);
4
4
 
@@ -357,7 +357,7 @@
357
357
  }
358
358
  </script>
359
359
 
360
- <script type="module" crossorigin src="./assets/iframe-FuQZ2WUu.js"></script>
360
+ <script type="module" crossorigin src="./assets/iframe-1GWoFWqu.js"></script>
361
361
  </head>
362
362
 
363
363
  <body>
@@ -1 +1 @@
1
- {"generatedAt":1717408716132,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.5.3","storybookVersionSpecifier":"^7.5.3","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.5.3"},"@storybook/addon-links":{"version":"7.5.3"},"@storybook/addons":{"version":"7.5.3"},"@storybook/react":{"version":"7.5.3"},"@storybook/react-vite":{"version":"7.5.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.3"}},"addons":{"@storybook/addon-actions":{"version":"7.5.3"},"@storybook/addon-docs":{"version":"7.5.3"},"storybook-dark-mode":{"version":"3.0.3"}}}
1
+ {"generatedAt":1717411182946,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.5.3","storybookVersionSpecifier":"^7.5.3","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.5.3"},"@storybook/addon-links":{"version":"7.5.3"},"@storybook/addons":{"version":"7.5.3"},"@storybook/react":{"version":"7.5.3"},"@storybook/react-vite":{"version":"7.5.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.3"}},"addons":{"@storybook/addon-actions":{"version":"7.5.3"},"@storybook/addon-docs":{"version":"7.5.3"},"storybook-dark-mode":{"version":"3.0.3"}}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oliasoft-open-source/react-ui-library",
3
- "version": "4.5.2-beta-3",
3
+ "version": "4.5.2-beta-4",
4
4
  "description": "Reusable UI components for React projects",
5
5
  "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
6
6
  "bugs": {
@@ -1 +0,0 @@
1
- import{j as t}from"./jsx-runtime-FsUICBgo.js";import{r as c}from"./index-RfLt4OUa.js";import{c as m}from"./index-VW3EWkuE.js";import{l as h}from"./lodash-Bmg8FrMx.js";import{P as y}from"./portal-zPiHHKoC.js";import{I as j}from"./common-types-U65vzrrz.js";import{H as v}from"./heading-cUVItwKq.js";import{B as w}from"./button-IoNblLER.js";const _=(n,e,r=[])=>{c.useEffect(()=>{const i=s=>{s.key===n&&e()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},r)},E="_wrapper_sb0hc_1",N="_contentContainer_sb0hc_15",b="_centered_sb0hc_24",k="_newLine_sb0hc_28",u={wrapper:E,contentContainer:N,centered:b,newLine:k},I=({children:n})=>{const e=c.useRef(null);return c.useEffect(()=>{if(e.current){const r=e.current.querySelector('[tabindex="0"]');r?r.focus():e.current.focus()}},[]),t.jsx("div",{ref:e,tabIndex:-1,className:m(u.wrapper),children:n})},q=({children:n,width:e,centered:r})=>t.jsx("div",{className:m(u.contentContainer,r?u.centered:""),style:{maxWidth:e},children:n}),f=({children:n,visible:e=!1,centered:r=!1,width:i="100%",onEnter:s,onEscape:d})=>{const l=h.uniqueId("modal-");return _("Enter",()=>{e&&s&&s()},[e,s]),_("Escape",()=>{e&&d&&d()},[e,d]),t.jsxs(t.Fragment,{children:[t.jsx(y,{id:l,children:e?t.jsx(I,{children:t.jsx(q,{width:i,centered:r,children:n})}):null}),t.jsx("div",{id:l})]})};try{f.displayName="Modal",f.__docgenInfo={description:"",displayName:"Modal",props:{visible:{defaultValue:{value:"false"},description:"",name:"visible",required:!1,type:{name:"boolean"}},centered:{defaultValue:{value:"false"},description:"",name:"centered",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onEnter:{defaultValue:null,description:"",name:"onEnter",required:!1,type:{name:"(() => void)"}},onEscape:{defaultValue:null,description:"",name:"onEscape",required:!1,type:{name:"(() => void)"}}}}}catch{}const C="_dialog_18g0k_1",L="_inline_18g0k_18",V="_scroll_18g0k_21",D="_header_18g0k_24",M="_dismiss_18g0k_33",S="_content_18g0k_38",$="_footer_18g0k_47",a={dialog:C,inline:L,scroll:V,header:D,dismiss:M,content:S,footer:$},B=n=>h.isArray(n)?n.map((e,r)=>t.jsxs(c.Fragment,{children:[e," ",t.jsx("br",{})]},r)):n,g=({dialog:n})=>{const{heading:e,content:r,contentPadding:i="var(--padding)",footer:s,scroll:d,width:l,height:x,onClose:p,testId:o}=n;return t.jsxs("div",{className:m(a.dialog,l?a.inline:null,d?a.scroll:null),style:{width:l,height:x},"data-testid":o??null,children:[t.jsxs("div",{className:a.header,children:[t.jsx(v,{testId:o&&`${o}-heading`,top:!0,marginBottom:0,children:e}),p?t.jsx("div",{className:a.dismiss,children:t.jsx(w,{icon:j.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:p})}):null]}),t.jsx("div",{"data-testid":o&&`${o}-content`,className:a.content,style:{padding:i},children:B(r)}),s&&t.jsx("div",{"data-testid":o&&`${o}-footer`,className:a.footer,children:s})]})};try{g.displayName="Dialog",g.__docgenInfo={description:"",displayName:"Dialog",props:{dialog:{defaultValue:null,description:"",name:"dialog",required:!0,type:{name:"IDialog"}}}}}catch{}export{g as D,f as M};
@@ -1,7 +0,0 @@
1
- import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))m(o);new MutationObserver(o=>{for(const r of o)if(r.type==="childList")for(const e of r.addedNodes)e.tagName==="LINK"&&e.rel==="modulepreload"&&m(e)}).observe(document,{childList:!0,subtree:!0});function n(o){const r={};return o.integrity&&(r.integrity=o.integrity),o.referrerPolicy&&(r.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?r.credentials="include":o.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function m(o){if(o.ep)return;o.ep=!0;const r=n(o);fetch(o.href,r)}})();const d="modulepreload",O=function(s,i){return new URL(s,i).href},l={},t=function(i,n,m){let o=Promise.resolve();if(n&&n.length>0){const r=document.getElementsByTagName("link");o=Promise.all(n.map(e=>{if(e=O(e,m),e in l)return;l[e]=!0;const c=e.endsWith(".css"),E=c?'[rel="stylesheet"]':"";if(!!m)for(let p=r.length-1;p>=0;p--){const a=r[p];if(a.href===e&&(!c||a.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${e}"]${E}`))return;const _=document.createElement("link");if(_.rel=c?"stylesheet":d,c||(_.as="script",_.crossOrigin=""),_.href=e,document.head.appendChild(_),c)return new Promise((p,a)=>{_.addEventListener("load",p),_.addEventListener("error",()=>a(new Error(`Unable to preload CSS for ${e}`)))})}))}return o.then(()=>i()).catch(r=>{const e=new Event("vite:preloadError",{cancelable:!0});if(e.payload=r,window.dispatchEvent(e),!e.defaultPrevented)throw r})},{createBrowserChannel:y}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,u=y({page:"preview"});R.setChannel(u);window.__STORYBOOK_ADDONS_CHANNEL__=u;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=u);const P={"./src/components/padding-and-spacing.mdx":async()=>t(()=>import("./padding-and-spacing-mjRKWtkd.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url),"./src/components/layout-general.mdx":async()=>t(()=>import("./layout-general-x0XcRwqY.js"),__vite__mapDeps([10,1,2,3,4,5,6,7,8,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,9]),import.meta.url),"./src/components/layout-forms.mdx":async()=>t(()=>import("./layout-forms-aWskik3v.js"),__vite__mapDeps([40,1,2,3,4,5,6,7,8,41,42,14,43,15,37,23,24,19,20,21,16,22,38,44,45,46,47,48,49,26,27,50,51,52,53,54,13,17,18,25,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,9]),import.meta.url),"./src/components/inputs.mdx":async()=>t(()=>import("./inputs-BJbDcTjr.js"),__vite__mapDeps([80,1,2,3,4,5,6,7,8,81,12,13,14,15,16,17,18,19,20,21,22,23,24,25,82,60,37,38,61,83,66,67,46,47,48,49,84,85,86,74,75,87,88,89,90,91,92,68,69,51,52,53,26,27,54,55,56,57,58,59,93,94,95,96,97,76,77,98,99,70,71,72,73,100,101,64,65,9]),import.meta.url),"./src/components/input-validation.mdx":async()=>t(()=>import("./input-validation-I07H4NvH.js"),__vite__mapDeps([102,1,2,3,4,5,6,7,8,98,51,14,15,16,47,48,23,24,21,52,53,26,27,54,13,17,18,19,20,22,25,55,56,57,58,59,84,9]),import.meta.url),"./src/components/buttons-and-links.mdx":async()=>t(()=>import("./buttons-and-links-mDV75Rvz.js"),__vite__mapDeps([103,1,2,3,4,5,6,7,8,81,12,13,14,15,16,17,18,19,20,21,22,23,24,25,104,26,27,9]),import.meta.url),"./src/components/color/color.mdx":async()=>t(()=>import("./color-S5IuIKmX.js"),__vite__mapDeps([105,1,2,106,107,4,3,5,6,7,8,108,85,14,15,19,20,21,16,22,86,109,9]),import.meta.url),"./src/components/unit-table/unit-table.stories.tsx":async()=>t(()=>import("./unit-table.stories-Q9-nAxW6.js"),__vite__mapDeps([110,1,2,111,91,92,29,30,20,31,14,32,42,43,15,37,23,4,24,19,7,21,16,22,38,44,45,36,39,51,47,48,5,6,52,53,26,27,54,13,17,18,25,55,56,57,58,59,112,113,114,115,71,116,46,49,66,67,68,69,117,90,60,61,70,72,73,118,119,120]),import.meta.url),"./src/components/unit-input/unit-input.stories.tsx":async()=>t(()=>import("./unit-input.stories-JRJyUGWk.js"),__vite__mapDeps([121,1,2,91,92,14,112,54,48,15,16,13,17,18,19,7,20,21,22,23,4,24,25,53,47,55,56,57,68,69,66,67,84,26,27,46,49,94,95,34,30,35,42,43,37,38,44,45,85,86,122]),import.meta.url),"./src/components/tree/tree.stories.tsx":async()=>t(()=>import("./tree.stories-5fjCVN1S.js"),__vite__mapDeps([123,1,2,19,14,7,20,21,16,22,92,15,124,55,56,23,4,24,36,37,38,39,54,48,13,17,18,25,53,47,57,125,115,71,26,27,126]),import.meta.url),"./src/components/top-bar/top-bar.testcase.stories.tsx":async()=>t(()=>import("./top-bar.testcase.stories-AJRFp29t.js"),__vite__mapDeps([127,1,2,15,128,14,19,7,20,21,16,22,13,17,18,23,4,24,25,54,48,53,47,55,56,57,129,130]),import.meta.url),"./src/components/top-bar/top-bar.stories.tsx":async()=>t(()=>import("./top-bar.stories-xeIkUDYw.js"),__vite__mapDeps([131,1,2,15,128,14,19,7,20,21,16,22,13,17,18,23,4,24,25,54,48,53,47,55,56,57,129,130,132]),import.meta.url),"./src/components/tooltip/tooltip.test-case.stories.tsx":async()=>t(()=>import("./tooltip.test-case.stories-y-bQOM0s.js"),__vite__mapDeps([133,1,2,23,4,14,24,54,48,15,16,13,17,18,19,7,20,21,22,25,53,47,55,56,57,134,12]),import.meta.url),"./src/components/tooltip/tooltip.stories.tsx":async()=>t(()=>import("./tooltip.stories-gTfOeEzv.js"),__vite__mapDeps([135,1,2,23,4,14,24]),import.meta.url),"./src/components/toggle/toggle.stories.tsx":async()=>t(()=>import("./toggle.stories-LC6LSCD2.js"),__vite__mapDeps([101,1,2,12,26,14,27,64,15,16,37,23,4,24,19,7,20,21,22,38,65]),import.meta.url),"./src/components/toaster/toaster.stories.tsx":async()=>t(()=>import("./toaster.stories-ft_M65x0.js"),__vite__mapDeps([136,1,2,29,30,20,26,14,27,12,108,4,85,15,19,7,21,16,22,86,109,13,17,18,23,24,25,84]),import.meta.url),"./src/components/textarea/textarea.stories.tsx":async()=>t(()=>import("./textarea.stories-HETiaNLn.js"),__vite__mapDeps([100,1,2,74,14,47,48,16,23,4,24,75]),import.meta.url),"./src/components/text-link/text-link.stories.tsx":async()=>t(()=>import("./text-link.stories-kjfUeFtk.js"),__vite__mapDeps([104,1,2,26,14,27]),import.meta.url),"./src/components/text/text.stories.tsx":async()=>t(()=>import("./text.stories-4JGfMLkI.js"),__vite__mapDeps([137,1,2,26,14,27]),import.meta.url),"./src/components/tabs/tabs.stories.tsx":async()=>t(()=>import("./tabs.stories-KtJc5Yci.js"),__vite__mapDeps([138,1,2,139,14,16,55,56,58,53,140]),import.meta.url),"./src/components/table/table.stories.tsx":async()=>t(()=>import("./table.stories-q2RiUlvj.js"),__vite__mapDeps([141,1,2,111,48,29,30,20,26,14,27,113,114,7,5,115,71,4,52,19,21,16,22,54,15,13,17,18,23,24,25,53,47,55,56,57,36,37,38,39,116,51,6,58,59,46,49,66,67,68,69,117,90,91,92,60,61,70,72,73,118,119,120,31,32,42,43,44,45,142,12]),import.meta.url),"./src/components/spinner/spinner.stories.tsx":async()=>t(()=>import("./spinner.stories-w5R_Yjfw.js"),__vite__mapDeps([143,1,2,17,18]),import.meta.url),"./src/components/slider/slider.stories.tsx":async()=>t(()=>import("./slider.stories-QyyBB_rz.js"),__vite__mapDeps([99,1,2,70,48,71,14,5,19,7,20,21,16,22,52,72,15,23,4,24,13,17,18,25,73,26,27]),import.meta.url),"./src/components/side-bar/side-bar.stories.tsx":async()=>t(()=>import("./side-bar.stories-q_bRwHV_.js"),__vite__mapDeps([144,1,2,15,145,14,72,146,55,56,48,21,4,19,7,20,16,22,13,17,18,23,24,25,147,148,12,132]),import.meta.url),"./src/components/select/select.stories.tsx":async()=>t(()=>import("./select.stories-oUxeDUts.js"),__vite__mapDeps([98,1,2,51,14,15,16,47,48,23,4,24,21,5,6,7,52,53,26,27,54,13,17,18,19,20,22,25,55,56,57,58,59,84]),import.meta.url),"./src/components/rich-text-input/rich-text-input.stories.tsx":async()=>t(()=>import("./rich-text-input.stories-D55Op5Gf.js"),__vite__mapDeps([149,1,2,16,15,13,14,17,18,19,7,20,21,22,23,4,24,25,51,47,48,5,6,52,53,26,27,54,55,56,57,58,59,150]),import.meta.url),"./src/components/radio-button/radio-button.stories.tsx":async()=>t(()=>import("./radio-button.stories-KCS981-F.js"),__vite__mapDeps([97,1,2,76,14,16,58,53,15,37,23,4,24,19,7,20,21,22,38,77]),import.meta.url),"./src/components/progress-bar/progress-bar.stories.tsx":async()=>t(()=>import("./progress-bar.stories-5x1LDEkb.js"),__vite__mapDeps([151,1,2,152,14,153]),import.meta.url),"./src/components/portal/portal.stories.tsx":async()=>t(()=>import("./portal.stories-UGkzdgVk.js"),__vite__mapDeps([154,1,2,4,155]),import.meta.url),"./src/components/popover/popover.stories.tsx":async()=>t(()=>import("./popover.stories-XaqJOrng.js"),__vite__mapDeps([156,1,2,118,23,4,14,24,15,16,13,17,18,19,7,20,21,22,25,119,46,47,48,49,12,51,5,6,52,53,26,27,54,55,56,57,58,59]),import.meta.url),"./src/components/pop-confirm/pop-confirm.stories.tsx":async()=>t(()=>import("./pop-confirm.stories-94l3Xg8w.js"),__vite__mapDeps([157,1,2,118,23,4,14,24,15,16,13,17,18,19,7,20,21,22,25,119,26,27,108,85,86,109,158]),import.meta.url),"./src/components/pagination/pagination.stories.tsx":async()=>t(()=>import("./pagination.stories-sl2a8BMq.js"),__vite__mapDeps([159,1,2,116,15,51,14,16,47,48,23,4,24,21,5,6,7,52,53,26,27,54,13,17,18,19,20,22,25,55,56,57,58,59,46,49,66,67,68,69,117]),import.meta.url),"./src/components/option-dropdown/option-dropdown.stories.tsx":async()=>t(()=>import("./option-dropdown.stories-1Y5JDaBF.js"),__vite__mapDeps([93,1,2,15,54,14,48,16,13,17,18,19,7,20,21,22,23,4,24,25,53,47,55,56,57,60,37,38,61,94,26,27,95,96]),import.meta.url),"./src/components/number-input/number-input.stories.tsx":async()=>t(()=>import("./number-input.stories-BUeHRFyX.js"),__vite__mapDeps([89,1,2,90,91,92,48,46,14,16,47,23,4,24,49,66,15,67,68,69,51,21,5,6,7,52,53,26,27,54,13,17,18,19,20,22,25,55,56,57,58,59]),import.meta.url),"./src/components/modal/modal.stories.tsx":async()=>t(()=>import("./modal.stories-mmctvjOM.js"),__vite__mapDeps([160,1,2,15,161,14,48,155,4,36,37,23,24,19,7,20,21,16,22,38,39,13,17,18,25,162,118,119,46,47,49,66,67,42,43,44,45,54,53,55,56,57,51,5,6,52,26,27,58,59,84]),import.meta.url),"./src/components/message/message.stories.tsx":async()=>t(()=>import("./message.stories-BqM_-mrZ.js"),__vite__mapDeps([163,1,2,85,14,15,19,7,20,21,16,22,86,13,17,18,23,4,24,25,29,30]),import.meta.url),"./src/components/menu/menu.stories.tsx":async()=>t(()=>import("./menu.stories-sot2Whii.js"),__vite__mapDeps([164,1,2,15,54,14,48,16,13,17,18,19,7,20,21,22,23,4,24,25,53,47,55,56,57,12,134]),import.meta.url),"./src/components/loader/loader.stories.tsx":async()=>t(()=>import("./loader.stories-G8Q_Fm8u.js"),__vite__mapDeps([165,1,2,15,166,14,167,152,153,17,18,84,13,16,19,7,20,21,22,23,4,24,25,31,32]),import.meta.url),"./src/components/list/list.stories.tsx":async()=>t(()=>import("./list.stories-khlFbVFq.js"),__vite__mapDeps([168,1,2,111,169,14,114,7,5,115,71,4,52,19,20,21,16,22,31,32,124,55,56,23,24,15,36,37,38,39,54,48,13,17,18,25,53,47,57,125,166,167,12,170]),import.meta.url),"./src/components/layout/page.stories.tsx":async()=>t(()=>import("./page.stories-UWV6w4-Y.js"),__vite__mapDeps([171,1,2,172,14,173,128,19,7,20,21,16,22,15,13,17,18,23,4,24,25,54,48,53,47,55,56,57,129,145,72,146,147,148,36,37,38,39,130,174]),import.meta.url),"./src/components/layout/column.stories.tsx":async()=>t(()=>import("./column.stories-5pd3N4bE.js"),__vite__mapDeps([33,1,2,34,30,20,14,35,36,15,37,23,4,24,19,7,21,16,22,38,39]),import.meta.url),"./src/components/label/label.stories.tsx":async()=>t(()=>import("./label.stories-HcdQ1bEB.js"),__vite__mapDeps([175,1,2,43,14,15,37,23,4,24,19,7,20,21,16,22,38,44]),import.meta.url),"./src/components/input-group/input-group.stories.tsx":async()=>t(()=>import("./input-group.stories-EouZEW-v.js"),__vite__mapDeps([176,1,2,15,66,14,67,68,69,46,16,47,48,23,4,24,49,13,17,18,19,7,20,21,22,25,54,53,55,56,57,51,5,6,52,26,27,58,59]),import.meta.url),"./src/components/input/input.stories.tsx":async()=>t(()=>import("./input.stories-iopguZKB.js"),__vite__mapDeps([88,1,2,46,14,16,47,48,23,4,24,49]),import.meta.url),"./src/components/icon/icon.stories.tsx":async()=>t(()=>import("./icon.stories-icqUrCtQ.js"),__vite__mapDeps([177,1,2,19,14,7,20,21,16,22,132,29,30,12,26,27]),import.meta.url),"./src/components/help-icon/help-icon.stories.tsx":async()=>t(()=>import("./help-icon.stories-Qz7MKCnQ.js"),__vite__mapDeps([178,1,2,15,37,14,23,4,24,19,7,20,21,16,22,38]),import.meta.url),"./src/components/heading/heading.stories.tsx":async()=>t(()=>import("./heading.stories-K-Z0sIoo.js"),__vite__mapDeps([179,1,2,15,36,14,37,23,4,24,19,7,20,21,16,22,38,39,12]),import.meta.url),"./src/components/form/form.stories.tsx":async()=>t(()=>import("./form.stories-sBK-yzVk.js"),__vite__mapDeps([50,1,2,15,16,42,14,43,37,23,4,24,19,7,20,21,22,38,44,45,46,47,48,49,51,5,6,52,53,26,27,54,13,17,18,25,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79]),import.meta.url),"./src/components/form/field.stories.tsx":async()=>t(()=>import("./field.stories-aEccauPi.js"),__vite__mapDeps([41,1,2,42,14,43,15,37,23,4,24,19,7,20,21,16,22,38,44,45,46,47,48,49,26,27]),import.meta.url),"./src/components/file-input/file-input.stories.tsx":async()=>t(()=>import("./file-input.stories-hWN8tShr.js"),__vite__mapDeps([83,1,2,16,66,14,15,67,46,47,48,23,4,24,49,13,17,18,19,7,20,21,22,25,84,85,86,74,75,87]),import.meta.url),"./src/components/empty/empty.stories.tsx":async()=>t(()=>import("./empty.stories-KIByp315.js"),__vite__mapDeps([180,1,2,26,14,27,13,15,16,17,18,19,7,20,21,22,23,4,24,25,181]),import.meta.url),"./src/components/drawer/drawer.stories.tsx":async()=>t(()=>import("./drawer.stories-K-pmYbOj.js"),__vite__mapDeps([182,1,2,15,146,14,55,56,48,21,4,19,7,20,16,22,13,17,18,23,24,25,147,169,114,5,115,71,52,31,32,124,36,37,38,39,54,53,47,57,125,166,167,12,170]),import.meta.url),"./src/components/divider/divider.stories.tsx":async()=>t(()=>import("./divider.stories-FO3XrgMC.js"),__vite__mapDeps([183,1,2,15,26,14,27,94,95]),import.meta.url),"./src/components/check-box/check-box.stories.tsx":async()=>t(()=>import("./check-box.stories-FNs72smP.js"),__vite__mapDeps([82,1,2,60,14,15,16,37,23,4,24,19,7,20,21,22,38,61]),import.meta.url),"./src/components/card/card.stories.tsx":async()=>t(()=>import("./card.stories-OtRekExg.js"),__vite__mapDeps([184,1,2,31,14,32,36,15,37,23,4,24,19,7,20,21,16,22,38,39]),import.meta.url),"./src/components/button-group/button-group.stories.tsx":async()=>t(()=>import("./button-group.stories-DG3i2d7K.js"),__vite__mapDeps([185,1,2,62,15,16,47,48,13,14,17,18,19,7,20,21,22,23,4,24,25,63]),import.meta.url),"./src/components/button/button.stories.tsx":async()=>t(()=>import("./button.stories-R9_1tl9l.js"),__vite__mapDeps([81,1,2,12,13,14,15,16,17,18,19,7,20,21,22,23,4,24,25]),import.meta.url),"./src/components/breadcrumb/breadcrumb.stories.tsx":async()=>t(()=>import("./breadcrumb.stories-V7ozYBO-.js"),__vite__mapDeps([186,1,2,14,16,187]),import.meta.url),"./src/components/badge/badge.stories.tsx":async()=>t(()=>import("./badge.stories-nzXJ1qip.js"),__vite__mapDeps([188,1,2,55,14,56,13,15,16,17,18,19,7,20,21,22,23,4,24,25]),import.meta.url),"./src/components/actions/actions.stories.tsx":async()=>t(()=>import("./actions.stories-dDCC23QK.js"),__vite__mapDeps([189,1,2,54,14,48,15,16,13,17,18,19,7,20,21,22,23,4,24,25,53,47,55,56,57]),import.meta.url),"./src/components/accordion/accordion.stories.tsx":async()=>t(()=>import("./accordion.stories-gYUPcGk5.js"),__vite__mapDeps([190,1,2,15,14,191,19,7,20,21,16,22,192,60,37,23,4,24,38,61,36,39,94,26,27,95,113,114,5,115,71,52,48,54,13,17,18,25,53,47,55,56,57,116,51,6,58,59,46,49,66,67,68,69,117,90,91,92,70,72,73,118,119,120,193]),import.meta.url),"./src/components/table/title/title.stories.tsx":async()=>t(()=>import("./title.stories-wYK8FhNE.js"),__vite__mapDeps([194,1,2,113,14,114,7,5,115,71,4,52,19,20,21,16,22,48,54,15,13,17,18,23,24,25,53,47,55,56,57,36,37,38,39,116,51,6,26,27,58,59,46,49,66,67,68,69,117,90,91,92,60,61,70,72,73,118,119,120,142,12]),import.meta.url),"./src/components/table/row/row.stories.tsx":async()=>t(()=>import("./row.stories-9WPK1-K-.js"),__vite__mapDeps([195,1,2,113,14,114,7,5,115,71,4,52,19,20,21,16,22,48,54,15,13,17,18,23,24,25,53,47,55,56,57,36,37,38,39,116,51,6,26,27,58,59,46,49,66,67,68,69,117,90,91,92,60,61,70,72,73,118,119,120,142,12]),import.meta.url),"./src/components/table/footer/footer.stories.tsx":async()=>t(()=>import("./footer.stories-Na2wdtCC.js"),__vite__mapDeps([196,1,2,113,14,114,7,5,115,71,4,52,19,20,21,16,22,48,54,15,13,17,18,23,24,25,53,47,55,56,57,36,37,38,39,116,51,6,26,27,58,59,46,49,66,67,68,69,117,90,91,92,60,61,70,72,73,118,119,120,142,12]),import.meta.url),"./src/components/table/cell/cell.stories.tsx":async()=>t(()=>import("./cell.stories-P4syiRmw.js"),__vite__mapDeps([197,1,2,113,14,114,7,5,115,71,4,52,19,20,21,16,22,48,54,15,13,17,18,23,24,25,53,47,55,56,57,36,37,38,39,116,51,6,26,27,58,59,46,49,66,67,68,69,117,90,91,92,60,61,70,72,73,118,119,120,42,43,44,45,12,142]),import.meta.url),"./src/components/layout/spacer/spacer.stories.tsx":async()=>t(()=>import("./spacer.stories-CWSQp7tw.js"),__vite__mapDeps([198,1,2,84,12,13,14,15,16,17,18,19,7,20,21,22,23,4,24,25]),import.meta.url),"./src/components/layout/grid/grid.stories.tsx":async()=>t(()=>import("./grid.stories-hPfW-CxX.js"),__vite__mapDeps([28,1,2,29,30,20,31,14,32]),import.meta.url),"./src/components/layout/flex/flex.stories.tsx":async()=>t(()=>import("./flex.stories-kjbyZMWP.js"),__vite__mapDeps([11,1,2,12,13,14,15,16,17,18,19,7,20,21,22,23,4,24,25,26,27]),import.meta.url),"./src/components/layout/examples/site.stories.jsx":async()=>t(()=>import("./site.stories-ORdl3THa.js"),__vite__mapDeps([199,1,2,15,128,14,19,7,20,21,16,22,13,17,18,23,4,24,25,54,48,53,47,55,56,57,129,145,72,146,147,148,36,37,38,39,169,114,5,115,71,52,31,32,124,125,166,167,42,43,44,45,46,49,60,61,172,173,34,30,35,191,192,84,139,58,140]),import.meta.url),"./src/components/layout/examples/reservoirs.stories.jsx":async()=>t(()=>import("./reservoirs.stories-LEhGyMNL.js"),__vite__mapDeps([200,1,2,15,128,14,19,7,20,21,16,22,13,17,18,23,4,24,25,54,48,53,47,55,56,57,129,145,72,146,147,148,36,37,38,39,169,114,5,115,71,52,31,32,124,125,166,167,42,43,44,45,46,49,60,61,76,58,77,78,79,172,173,34,30,35,51,6,26,27,59,84]),import.meta.url),"./src/components/layout/examples/projects.stories.jsx":async()=>t(()=>import("./projects.stories-bJsFt10X.js"),__vite__mapDeps([201,1,2,128,14,19,7,20,21,16,22,15,13,17,18,23,4,24,25,54,48,53,47,55,56,57,129,169,114,5,115,71,52,31,32,124,36,37,38,39,125,166,167,172,173,34,30,35,139,58,140,84]),import.meta.url),"./src/components/layout/examples/formation.stories.jsx":async()=>t(()=>import("./formation.stories-MlmT5LOD.js"),__vite__mapDeps([202,1,2,128,14,19,7,20,21,16,22,15,13,17,18,23,4,24,25,54,48,53,47,55,56,57,129,145,72,146,147,148,36,37,38,39,172,173,34,30,35,84,139,58,140,113,114,5,115,71,52,116,51,6,26,27,59,46,49,66,67,68,69,117,90,91,92,60,61,70,73,118,119,120]),import.meta.url),"./src/components/layout/examples/casing-loads.stories.jsx":async()=>t(()=>import("./casing-loads.stories-fDmD8FfY.js"),__vite__mapDeps([203,1,2,15,128,14,19,7,20,21,16,22,13,17,18,23,4,24,25,54,48,53,47,55,56,57,129,145,72,146,147,148,36,37,38,39,169,114,5,115,71,52,31,32,124,125,166,167,42,43,44,45,46,49,161,155,162,60,61,78,79,172,173,34,30,35,51,6,26,27,58,59,84,139,140,113,116,66,67,68,69,117,90,91,92,70,73,118,119,120]),import.meta.url),"./src/components/layout/examples/blowout.stories.jsx":async()=>t(()=>import("./blowout.stories-Qn3Pnbgt.js"),__vite__mapDeps([204,1,2,15,128,14,19,7,20,21,16,22,13,17,18,23,4,24,25,54,48,53,47,55,56,57,129,145,72,146,147,148,36,37,38,39,31,32,172,173,34,30,35,84]),import.meta.url),"./src/components/layout/examples/afe.stories.jsx":async()=>t(()=>import("./afe.stories--T3wbnQ-.js"),__vite__mapDeps([205,1,2,15,128,14,19,7,20,21,16,22,13,17,18,23,4,24,25,54,48,53,47,55,56,57,129,145,72,146,147,148,36,37,38,39,169,114,5,115,71,52,31,32,124,125,166,167,42,43,44,45,46,49,191,192,60,61,78,79,172,173,34,30,35,51,6,26,27,58,59,84,139,140,66,67,68,69]),import.meta.url)};async function T(s){return P[s]()}const{composeConfigs:v,PreviewWeb:L,ClientApi:x}=__STORYBOOK_MODULE_PREVIEW_API__,I=async()=>{const s=await Promise.all([t(()=>import("./config-b-_d5fwn.js"),__vite__mapDeps([206,2,107,4,8,21,207]),import.meta.url),t(()=>import("./preview-Fi7DQdoQ.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-qREtyop7.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-zq3qlmJ4.js"),__vite__mapDeps([208,1,2,108,4,85,14,15,19,7,20,21,16,22,86,109,8,3,5,6,207,92,106,107,209]),import.meta.url)]);return v(s)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new L;window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;window.__STORYBOOK_CLIENT_API__=window.__STORYBOOK_CLIENT_API__||new x({storyStore:window.__STORYBOOK_PREVIEW__.storyStore});window.__STORYBOOK_PREVIEW__.initialize({importFn:T,getProjectAnnotations:I});export{t as _};
2
- function __vite__mapDeps(indexes) {
3
- if (!__vite__mapDeps.viteFileDeps) {
4
- __vite__mapDeps.viteFileDeps = ["./padding-and-spacing-mjRKWtkd.js","./jsx-runtime-FsUICBgo.js","./index-RfLt4OUa.js","./index-AUXe73ju.js","./index-miLrID2P.js","./extends-dGVwEr9R.js","./assertThisInitialized-4q6YPdh3.js","./inheritsLoose-Y9jOMJLd.js","./index-gM75B7fB.js","./index-4YXVTraW.js","./layout-general-x0XcRwqY.js","./flex.stories-kjbyZMWP.js","./flex-ZVra76N-.js","./button-IoNblLER.js","./index-VW3EWkuE.js","./common-types-U65vzrrz.js","./disabled-context-urNQThQz.js","./spinner-R8Il4aRe.js","./spinner-tO8fikLm.css","./icon-y1a2N5SZ.js","./tslib.es6-OIsz3r9a.js","./index-4QtD-hFu.js","./icon-l7R76_J0.css","./tooltip-ZHdi6rl-.js","./tooltip-jr3F-ie6.css","./button-aRSI9lcJ.css","./text-6KQ6ntOV.js","./text-Njvh0hvI.css","./grid.stories-hPfW-CxX.js","./grid-u1mZpaML.js","./styled-components.browser.esm-qIipjd6c.js","./card-0r8RRVk-.js","./card-FRQxSCqd.css","./column.stories-5pd3N4bE.js","./row-vFUhHoz5.js","./row-_hDFhU-t.css","./heading-cUVItwKq.js","./help-icon-nI9A506M.js","./help-icon-3sHkLODS.css","./heading-zGDwg1Yz.css","./layout-forms-aWskik3v.js","./field.stories-aEccauPi.js","./field-kOZPBHf6.js","./label-RpB4JmHX.js","./label-ZsCidjJ8.css","./field-jQwmeVEW.css","./input-iDZqV-2m.js","./types-5uVBABF4.js","./lodash-Bmg8FrMx.js","./input-Fje0itH2.css","./form.stories-sBK-yzVk.js","./select-Z1HqJ5aU.js","./memoize-one.esm-hqe5SRxC.js","./types-VB5zD18b.js","./actions-SGexXf58.js","./badge-23Ty_zBt.js","./badge-YmqKjusH.css","./actions-W12osUP0.css","./select.input-zP5tW20f.js","./select-codRSLz-.css","./check-box-BX5dfQFk.js","./check-box-lfs3fyP9.css","./button-group-KeeGgC4K.js","./button-group-NIYwVeLc.css","./toggle-wk0GbVB8.js","./toggle-Mg-49VUp.css","./input-group-R8LoqKRn.js","./input-group-uD4dOWa6.css","./input-group-addon-BHVsW9mL.js","./input-group-addon-im08H5HG.css","./slider-_5NQKbM-.js","./objectSpread2-93s0nBry.js","./index-ugi_ZH6T.js","./slider-50XXQQsj.css","./textarea-QFVBH_vb.js","./textarea-2qQbcmFS.css","./radio-button-QcS9mLYi.js","./radio-button-77m09BoF.css","./form-row-bwoDTUga.js","./form-row-WM-bvlay.css","./inputs-BJbDcTjr.js","./button.stories-R9_1tl9l.js","./check-box.stories-FNs72smP.js","./file-input.stories-hWN8tShr.js","./spacer-Yji9g2AW.js","./message-uMHaTEXV.js","./message-J8OVkKuk.css","./file-input-G_eVIuoe.css","./input.stories-iopguZKB.js","./number-input.stories-BUeHRFyX.js","./number-input-wURqWy_O.js","./index-qZmQ7nA9.js","./index-cCpkwrS5.js","./option-dropdown.stories-1Y5JDaBF.js","./divider-RwW2f_N0.js","./divider-MEMf2853.css","./option-dropdown-qj2LBRz5.css","./radio-button.stories-KCS981-F.js","./select.stories-oUxeDUts.js","./slider.stories-QyyBB_rz.js","./textarea.stories-HETiaNLn.js","./toggle.stories-LC6LSCD2.js","./input-validation-I07H4NvH.js","./buttons-and-links-mDV75Rvz.js","./text-link.stories-kjfUeFtk.js","./color-S5IuIKmX.js","./chunk-HLWAVYOI-uInF5Aj9.js","./react-16-hgR7FrAp.js","./toaster-eOozfa7U.js","./toaster-8C7zmNfJ.css","./unit-table.stories-Q9-nAxW6.js","./immer.esm-bD7SSJ7T.js","./use-previous-VKMmnaK7.js","./table-KrWSzq7G.js","./index.es-JXn3JM7k.js","./redux-F5dueAP3.js","./pagination-Eaj_UOBW.js","./pagination-79rymMEE.css","./popover-uAo1e4-D.js","./popover-knPvPg4S.css","./table-PWodWi0p.css","./unit-input.stories-JRJyUGWk.js","./unit-input-qBUtqoTb.css","./tree.stories-5fjCVN1S.js","./list-heading-XbqCJOHh.js","./list-heading-Y8BAUuV6.css","./tree-zmq4MRb6.css","./top-bar.testcase.stories-AJRFp29t.js","./top-bar-EnQ1Jkle.js","./top-bar-K-LdFikH.css","./logo-nHW4TqZt.js","./top-bar.stories-xeIkUDYw.js","./icon-custom-PyWFQsS3.js","./tooltip.test-case.stories-y-bQOM0s.js","./menu.stories-data-VCYkzuDD.js","./tooltip.stories-gTfOeEzv.js","./toaster.stories-ft_M65x0.js","./text.stories-4JGfMLkI.js","./tabs.stories-KtJc5Yci.js","./tabs-fcLbHC1n.js","./tabs-51rNj7QN.css","./table.stories-q2RiUlvj.js","./table.stories-data-2BZDVr2X.js","./spinner.stories-w5R_Yjfw.js","./side-bar.stories-q_bRwHV_.js","./side-bar-GJ2tcZYY.js","./drawer-TM-jK3WR.js","./drawer-L_geICAt.css","./side-bar-78DAkitE.css","./rich-text-input.stories-D55Op5Gf.js","./rich-text-input-zzFhJRmL.css","./progress-bar.stories-5x1LDEkb.js","./progress-bar-NRjN2baY.js","./progress-bar-M7WIcFG5.css","./portal.stories-UGkzdgVk.js","./portal-zPiHHKoC.js","./popover.stories-XaqJOrng.js","./pop-confirm.stories-94l3Xg8w.js","./pop-confirm-1_6P1_NS.css","./pagination.stories-sl2a8BMq.js","./modal.stories-mmctvjOM.js","./dialog-Ary52_vt.js","./dialog-gTGZ42G6.css","./message.stories-BqM_-mrZ.js","./menu.stories-sot2Whii.js","./loader.stories-G8Q_Fm8u.js","./loader-TGOJBZQG.js","./loader-ePthe3P6.css","./list.stories-khlFbVFq.js","./list-ciYNlkVM.js","./list.stories-data-spFiMtCi.js","./page.stories-UWV6w4-Y.js","./page-9-f6BzS0.js","./page-ZwBY88Xw.css","./page-6iak35D6.css","./label.stories-HcdQ1bEB.js","./input-group.stories-EouZEW-v.js","./icon.stories-icqUrCtQ.js","./help-icon.stories-Qz7MKCnQ.js","./heading.stories-K-Z0sIoo.js","./empty.stories-KIByp315.js","./empty-C9BF8m3k.css","./drawer.stories-K-pmYbOj.js","./divider.stories-FO3XrgMC.js","./card.stories-OtRekExg.js","./button-group.stories-DG3i2d7K.js","./breadcrumb.stories-V7ozYBO-.js","./breadcrumb-zMfjLuCW.css","./badge.stories-nzXJ1qip.js","./actions.stories-dDCC23QK.js","./accordion.stories-gYUPcGk5.js","./accordion-6_27SROY.js","./accordion-4RINpLG4.css","./accordion-tw1O4Ru6.css","./title.stories-wYK8FhNE.js","./row.stories-9WPK1-K-.js","./footer.stories-Na2wdtCC.js","./cell.stories-P4syiRmw.js","./spacer.stories-CWSQp7tw.js","./site.stories-ORdl3THa.js","./reservoirs.stories-LEhGyMNL.js","./projects.stories-bJsFt10X.js","./formation.stories-MlmT5LOD.js","./casing-loads.stories-fDmD8FfY.js","./blowout.stories-Qn3Pnbgt.js","./afe.stories--T3wbnQ-.js","./config-b-_d5fwn.js","./isPlainObject-4RuU_w9g.js","./preview-zq3qlmJ4.js","./preview-QdB_aBj_.css"]
5
- }
6
- return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
7
- }
@@ -1 +0,0 @@
1
- import{r}from"./index-RfLt4OUa.js";import{r as c}from"./index-miLrID2P.js";const o=({id:e,children:a})=>{const t=document.querySelector(`#${e}`),[s,n]=r.useState(!1);return r.useLayoutEffect(()=>{s||n(!0)},[e]),t?c.createPortal(a,t):null};try{o.displayName="Portal",o.__docgenInfo={description:"",displayName:"Portal",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}}}}}catch{}export{o as P};
@@ -1,20 +0,0 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as i}from"./index-RfLt4OUa.js";import{r as h}from"./index-miLrID2P.js";import{P as v}from"./portal-zPiHHKoC.js";const b={title:"Modals/Portal",component:v,args:{children:e.jsx("div",{children:"Portal content"}),id:"portalContainer"},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},y=r=>e.jsxs(e.Fragment,{children:[e.jsx(v,{...r}),e.jsx("div",{id:r.id})]}),a=y.bind({}),t=()=>{const r=document.querySelector("#root");return e.jsxs(e.Fragment,{children:[e.jsx("div",{id:"portalContainer"}),r&&h.createPortal(e.jsx("div",{children:"Portal content"}),r)]})};t.parameters={docs:{source:{type:"code"},description:{story:"How to use React `createPortal()` directly"}}};const o=()=>{const r=document.querySelector("#portalContainer"),[s,x]=i.useState(!1);return i.useEffect(()=>{s||x(!0)},[]),e.jsxs(e.Fragment,{children:[e.jsx("div",{id:"portalContainer"}),s&&r&&h.createPortal(e.jsx("div",{children:"Portal content"}),r)]})};o.parameters={docs:{source:{type:"code"},description:{story:"This story shows how to use React `createPortal()` directly. The domNode for `createPortal()` must exist. For a dynamic container, this is not the case on the first render."}}};var n,c,d;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`args => <>
2
- <Portal {...args} />
3
- <div id={args.id} />
4
- </>`,...(d=(c=a.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var l,p,m;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`() => {
5
- const parent = document.querySelector('#root');
6
- return <>
7
- <div id="portalContainer" />
8
- {parent && createPortal(<div>Portal content</div>, parent)}
9
- </>;
10
- }`,...(m=(p=t.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var u,P,f;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
11
- const parent = document.querySelector('#portalContainer');
12
- const [visible, setVisible] = useState(false);
13
- useEffect(() => {
14
- if (!visible) setVisible(true);
15
- }, []);
16
- return <>
17
- <div id="portalContainer" />
18
- {visible && parent && createPortal(<div>Portal content</div>, parent)}
19
- </>;
20
- }`,...(f=(P=o.parameters)==null?void 0:P.docs)==null?void 0:f.source}}};const D=["Default","CreatePortal","CreatePortalWithDynamicDOMNode"];export{t as CreatePortal,o as CreatePortalWithDynamicDOMNode,a as Default,D as __namedExportsOrder,b as default};