@oliasoft-open-source/react-ui-library 4.7.3-beta-1 → 4.7.3-beta-3

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 (130) hide show
  1. package/dist/index.js +12 -3
  2. package/dist/index.js.map +1 -1
  3. package/dist/storybook/assets/Color-KGDBMAHA-Ck2diywb.js +1 -0
  4. package/dist/storybook/assets/DocsRenderer-PKQXORMH-CO2Q7pkj.js +1 -0
  5. package/dist/storybook/assets/{accordion-BiuI_LCA.js → accordion-6ouB0WTt.js} +1 -1
  6. package/dist/storybook/assets/{accordion.stories-sb-Y7MMb.js → accordion.stories-DlFZNmdv.js} +2 -2
  7. package/dist/storybook/assets/{actions-4w-EOz3m.js → actions-Cu_0szZ4.js} +1 -1
  8. package/dist/storybook/assets/{actions.stories-CtocfSW4.js → actions.stories-SCPuAp0T.js} +1 -1
  9. package/dist/storybook/assets/{afe.stories--E_j7kET.js → afe.stories-G3SzS3sg.js} +2 -2
  10. package/dist/storybook/assets/{badge.stories-CKnNQLZ5.js → badge.stories-DGYA6_1I.js} +1 -1
  11. package/dist/storybook/assets/{blowout.stories-AxiXaQQ-.js → blowout.stories-P0LHuXSY.js} +1 -1
  12. package/dist/storybook/assets/{button-CdEIDAx8.js → button-_0DiND6h.js} +1 -1
  13. package/dist/storybook/assets/{button-group-BIUVa0X9.js → button-group-BYiHMljF.js} +1 -1
  14. package/dist/storybook/assets/{button-group.stories-B0Gb9kNs.js → button-group.stories-Bz6NHaeB.js} +1 -1
  15. package/dist/storybook/assets/{button.stories-CHt71NKu.js → button.stories-vVBGddVf.js} +2 -2
  16. package/dist/storybook/assets/{buttons-and-links-BYEAhhA9.js → buttons-and-links-DsIYBu4t.js} +2 -2
  17. package/dist/storybook/assets/{card.stories-Cddrprok.js → card.stories-DIlqxO94.js} +1 -1
  18. package/dist/storybook/assets/{casing-loads.stories-EZlP6XsN.js → casing-loads.stories-0T--WlaD.js} +2 -2
  19. package/dist/storybook/assets/{cell.stories-D9KrTmCA.js → cell.stories-C5Tkxyfr.js} +2 -2
  20. package/dist/storybook/assets/{check-box-2fHPdAZG.js → check-box-DkdQxC5c.js} +1 -1
  21. package/dist/storybook/assets/{check-box.stories-Do-GOmLf.js → check-box.stories-D8C12IQo.js} +1 -1
  22. package/dist/storybook/assets/{chunk-HLWAVYOI-BYDWICmD.js → chunk-HLWAVYOI-CtLnxQiQ.js} +1 -1
  23. package/dist/storybook/assets/color-Cm4zop4f.js +25 -0
  24. package/dist/storybook/assets/{column.stories-rKyxUTAG.js → column.stories-C1Sxwh4f.js} +1 -1
  25. package/dist/storybook/assets/{dialog-B-R6eAnf.js → dialog-CAWCUmp3.js} +1 -1
  26. package/dist/storybook/assets/{drawer-BOl7GxGI.js → drawer-vbDFqa4U.js} +1 -1
  27. package/dist/storybook/assets/{drawer.stories-qH2nYW2a.js → drawer.stories-CmbGsKmS.js} +4 -4
  28. package/dist/storybook/assets/{empty.stories-BKEXzh9o.js → empty.stories-iHPKKy4z.js} +1 -1
  29. package/dist/storybook/assets/extends-CF3RwP-h.js +1 -0
  30. package/dist/storybook/assets/{field-nInV3MuR.js → field-DwLk_uWj.js} +1 -1
  31. package/dist/storybook/assets/{field.stories-eRSYmEtA.js → field.stories-s-0LQVbp.js} +1 -1
  32. package/dist/storybook/assets/{file-button.stories-CH6kxEKM.js → file-button.stories-C90kcfbw.js} +1 -1
  33. package/dist/storybook/assets/{file-input-Amcc9o5I.js → file-input-C_2w1dKj.js} +1 -1
  34. package/dist/storybook/assets/{file-input.stories-aiTQE5UN.js → file-input.stories-BEsZox6U.js} +1 -1
  35. package/dist/storybook/assets/{flex.stories-CT6o2gii.js → flex.stories-D-QN0gkk.js} +1 -1
  36. package/dist/storybook/assets/footer.stories-U_zMDmxF.js +3 -0
  37. package/dist/storybook/assets/form.stories-1L75MGpX.js +49 -0
  38. package/dist/storybook/assets/formation.stories-YHpXrXvC.js +74 -0
  39. package/dist/storybook/assets/{heading-EzI5s4VN.js → heading-DkSFysAb.js} +1 -1
  40. package/dist/storybook/assets/{heading.stories-D5x1-mKs.js → heading.stories-Dtq7LNlB.js} +1 -1
  41. package/dist/storybook/assets/{help-icon-CfV3_Ais.js → help-icon-LfPZiYla.js} +1 -1
  42. package/dist/storybook/assets/{help-icon.stories-D4KS1wlT.js → help-icon.stories-Dh2ylnGq.js} +1 -1
  43. package/dist/storybook/assets/icon-BP4BO6-k.js +8 -0
  44. package/dist/storybook/assets/{icon.stories-C1hZXIMX.js → icon.stories-B-tKaIKA.js} +1 -1
  45. package/dist/storybook/assets/iframe-BRbyeatW.js +2 -0
  46. package/dist/storybook/assets/{index-DJ8hSxGk.js → index-BuBRmFoY.js} +8 -8
  47. package/dist/storybook/assets/index-DknIsB0y.js +1 -0
  48. package/dist/storybook/assets/{index.es-DazXb-ul.js → index.es-D2piFfFj.js} +4 -4
  49. package/dist/storybook/assets/inheritsLoose-DR8r8Ogv.js +1 -0
  50. package/dist/storybook/assets/{input-group.stories-hHCmTbtu.js → input-group.stories-BcoORZ9x.js} +2 -2
  51. package/dist/storybook/assets/{input-validation-D54Tgh0X.js → input-validation-DHXUjjTW.js} +2 -2
  52. package/dist/storybook/assets/{inputs-D7FnSkCy.js → inputs-DOBN-gBG.js} +4 -4
  53. package/dist/storybook/assets/{label-Cz6TT90s.js → label-tWjEmTQJ.js} +1 -1
  54. package/dist/storybook/assets/{label.stories-BzSzxxM-.js → label.stories-BTA8N7tD.js} +1 -1
  55. package/dist/storybook/assets/layout-forms-CWJU-MMJ.js +16 -0
  56. package/dist/storybook/assets/{layout-general-CWsbvxgT.js → layout-general-DIKhH47g.js} +2 -2
  57. package/dist/storybook/assets/{list-BtA0jYMp.js → list-BpVed6Pw.js} +1 -1
  58. package/dist/storybook/assets/{list.stories-CmJsmJZJ.js → list.stories-CiT9J_FH.js} +2 -2
  59. package/dist/storybook/assets/{list.stories-data-C_w1DX5i.js → list.stories-data-CnVYk3eo.js} +1 -1
  60. package/dist/storybook/assets/{loader.stories-CA2m3EFj.js → loader.stories-BKBFctQ1.js} +1 -1
  61. package/dist/storybook/assets/{menu.stories-Bc2kf356.js → menu.stories-Bp8L83xx.js} +2 -2
  62. package/dist/storybook/assets/{message-ZenLdkrf.js → message-ttrR1AaP.js} +1 -1
  63. package/dist/storybook/assets/{message.stories-CXOrrAOR.js → message.stories-C8YRT7nL.js} +1 -1
  64. package/dist/storybook/assets/{meta-content-BdypOdcN.js → meta-content-Djgg-tiF.js} +1 -1
  65. package/dist/storybook/assets/{modal.stories-ChRLG9ud.js → modal.stories-BoVj2EsX.js} +2 -2
  66. package/dist/storybook/assets/{number-input.stories-COWyMRAs.js → number-input.stories-CcNTeD25.js} +2 -2
  67. package/dist/storybook/assets/{option-dropdown.stories-DvgAgTHQ.js → option-dropdown.stories-COGmMWEl.js} +1 -1
  68. package/dist/storybook/assets/{padding-and-spacing-vB3pUNzW.js → padding-and-spacing-2bE7HUNT.js} +2 -2
  69. package/dist/storybook/assets/{page.stories-DdAfcsOc.js → page.stories-BB3g1zwB.js} +1 -1
  70. package/dist/storybook/assets/{pagination-0wY_w1xz.js → pagination-DSQeMPG_.js} +1 -1
  71. package/dist/storybook/assets/{pagination.stories-BagAIIz3.js → pagination.stories-DjIohcDx.js} +2 -2
  72. package/dist/storybook/assets/{pop-confirm.stories-D4L3erpj.js → pop-confirm.stories-Cr_ZBbLn.js} +1 -1
  73. package/dist/storybook/assets/{popover-CvS_kBVF.js → popover-Dq3iC_lM.js} +1 -1
  74. package/dist/storybook/assets/popover.stories-CoWCb2Mn.js +10 -0
  75. package/dist/storybook/assets/{preview-DMFuiETZ.js → preview-C7oeNNbC.js} +2 -2
  76. package/dist/storybook/assets/preview-DP1caVnC.js +2 -0
  77. package/dist/storybook/assets/projects.stories-BesbPJ8Z.js +47 -0
  78. package/dist/storybook/assets/{radio-button-J4oEQdxt.js → radio-button-BD7pi0ao.js} +1 -1
  79. package/dist/storybook/assets/{radio-button.stories-BFp_qyyE.js → radio-button.stories-B84Ip3NV.js} +1 -1
  80. package/dist/storybook/assets/react-router-dom-CMITYWBH.js +8 -0
  81. package/dist/storybook/assets/{reservoirs.stories-DywuU8EY.js → reservoirs.stories-kxVBoa7Y.js} +2 -2
  82. package/dist/storybook/assets/{rich-text-input.stories-Cw_6EJx8.js → rich-text-input.stories-C5pcIbSa.js} +3 -3
  83. package/dist/storybook/assets/{row.stories-D7V0fxhq.js → row.stories-ATsrjumb.js} +2 -2
  84. package/dist/storybook/assets/{select-yqiMF9-4.js → select-78sreKsp.js} +2 -2
  85. package/dist/storybook/assets/{select.stories-VMcOn7Ri.js → select.stories-CZwsHVDB.js} +2 -2
  86. package/dist/storybook/assets/{side-bar-DAMfASqb.js → side-bar-WsK6pkmj.js} +1 -1
  87. package/dist/storybook/assets/{side-bar.stories-BlEIOckL.js → side-bar.stories-Bu2q_b_w.js} +1 -1
  88. package/dist/storybook/assets/{site.stories-Kk57nhAn.js → site.stories-Yh4uNi3Q.js} +2 -2
  89. package/dist/storybook/assets/{slider-BLU39INk.js → slider-CxVlS0fh.js} +4 -4
  90. package/dist/storybook/assets/{slider.stories-DdVxUAfH.js → slider.stories-_wS70xsm.js} +2 -2
  91. package/dist/storybook/assets/{smart-upload-modal.stories-Cot88l9r.js → smart-upload-modal.stories-DDlO9y2j.js} +1 -1
  92. package/dist/storybook/assets/{spacer.stories-Dd1QMhoc.js → spacer.stories-B3LrTr7b.js} +1 -1
  93. package/dist/storybook/assets/{table-DmwpXp_Q.js → table-DPvzYjoq.js} +1 -1
  94. package/dist/storybook/assets/{table.stories-DKcZk5JR.js → table.stories-BGQ1O9nw.js} +2 -2
  95. package/dist/storybook/assets/{table.stories-data-C6x-UHeN.js → table.stories-data-2STKbgzG.js} +1 -1
  96. package/dist/storybook/assets/text-link.stories-BsuVBOWo.js +14 -0
  97. package/dist/storybook/assets/{title.stories-CKbl0CB2.js → title.stories-CVRTXggL.js} +2 -2
  98. package/dist/storybook/assets/{toaster-B8A3xIYu.js → toaster-DPbde9Mi.js} +1 -1
  99. package/dist/storybook/assets/{toaster.stories-DuE6vvV6.js → toaster.stories-DfbfDavp.js} +1 -1
  100. package/dist/storybook/assets/{toggle-D0yzyALV.js → toggle-t1iTuSL7.js} +1 -1
  101. package/dist/storybook/assets/{toggle.stories-Cre2gnIB.js → toggle.stories-D44S3Nix.js} +1 -1
  102. package/dist/storybook/assets/{tooltip.test-case.stories-BWJhZQg8.js → tooltip.test-case.stories-BtrJUImB.js} +1 -1
  103. package/dist/storybook/assets/{top-bar-mKg-xcLh.js → top-bar-R-CjhJ21.js} +1 -1
  104. package/dist/storybook/assets/top-bar.stories-BYN9rcUw.js +21 -0
  105. package/dist/storybook/assets/{top-bar.testcase.stories-BlbsX9By.js → top-bar.testcase.stories-ZPaSRyIh.js} +1 -1
  106. package/dist/storybook/assets/{tree.stories-CkYwGe0X.js → tree.stories-Ghxps-dL.js} +1 -1
  107. package/dist/storybook/assets/unit-input.stories-BaU6h22E.js +290 -0
  108. package/dist/storybook/assets/unit-table.stories-DXies3fA.js +150 -0
  109. package/dist/storybook/iframe.html +1 -1
  110. package/dist/storybook/project.json +1 -1
  111. package/package.json +1 -1
  112. package/dist/storybook/assets/Color-KGDBMAHA-flSaV_MJ.js +0 -1
  113. package/dist/storybook/assets/DocsRenderer-PKQXORMH-B2MpYyNq.js +0 -1
  114. package/dist/storybook/assets/color-Da1CW6lH.js +0 -25
  115. package/dist/storybook/assets/footer.stories-B5zvZawz.js +0 -3
  116. package/dist/storybook/assets/form.stories-D58sdhOk.js +0 -49
  117. package/dist/storybook/assets/formation.stories-OtA8Hcp6.js +0 -74
  118. package/dist/storybook/assets/icon-BSFY3vDO.js +0 -8
  119. package/dist/storybook/assets/iframe-BCuVAzCF.js +0 -2
  120. package/dist/storybook/assets/index-B9beUMCC.js +0 -1
  121. package/dist/storybook/assets/inheritsLoose-DP0QEDDI.js +0 -1
  122. package/dist/storybook/assets/layout-forms-DMszHpOu.js +0 -16
  123. package/dist/storybook/assets/popover.stories-ChwzGOlc.js +0 -10
  124. package/dist/storybook/assets/preview-1T5p1vXe.js +0 -2
  125. package/dist/storybook/assets/projects.stories-ApHyZURX.js +0 -47
  126. package/dist/storybook/assets/react-router-dom-Ck2Y_Fzc.js +0 -8
  127. package/dist/storybook/assets/text-link.stories-BQAkVO-W.js +0 -14
  128. package/dist/storybook/assets/top-bar.stories-CFZoJq-r.js +0 -21
  129. package/dist/storybook/assets/unit-input.stories-DeyzCbvE.js +0 -290
  130. package/dist/storybook/assets/unit-table.stories-BoNWlaAe.js +0 -150
@@ -1,8 +0,0 @@
1
- import{_ as F,a as V}from"./inheritsLoose-DP0QEDDI.js";import{g as st,R as w}from"./index-DhsZuJvc.js";import{P as Be}from"./index-CEuq6vkz.js";import{i as Y}from"./tiny-invariant-DqLgxztJ.js";import{_ as ce}from"./objectWithoutPropertiesLoose-CAYKN5F1.js";function ie(e){return e.charAt(0)==="/"}function Pe(e,t){for(var i=t,r=i+1,n=e.length;r<n;i+=1,r+=1)e[i]=e[r];e.pop()}function ct(e,t){t===void 0&&(t="");var i=e&&e.split("/")||[],r=t&&t.split("/")||[],n=e&&ie(e),o=t&&ie(t),u=n||o;if(e&&ie(e)?r=i:i.length&&(r.pop(),r=r.concat(i)),!r.length)return"/";var c;if(r.length){var l=r[r.length-1];c=l==="."||l===".."||l===""}else c=!1;for(var a=0,s=r.length;s>=0;s--){var f=r[s];f==="."?Pe(r,s):f===".."?(Pe(r,s),a++):a&&(Pe(r,s),a--)}if(!u)for(;a--;a)r.unshift("..");u&&r[0]!==""&&(!r[0]||!ie(r[0]))&&r.unshift("");var h=r.join("/");return c&&h.substr(-1)!=="/"&&(h+="/"),h}function re(e){return e.charAt(0)==="/"?e:"/"+e}function Ne(e){return e.charAt(0)==="/"?e.substr(1):e}function ut(e,t){return e.toLowerCase().indexOf(t.toLowerCase())===0&&"/?#".indexOf(e.charAt(t.length))!==-1}function Qe(e,t){return ut(e,t)?e.substr(t.length):e}function Ye(e){return e.charAt(e.length-1)==="/"?e.slice(0,-1):e}function ft(e){var t=e||"/",i="",r="",n=t.indexOf("#");n!==-1&&(r=t.substr(n),t=t.substr(0,n));var o=t.indexOf("?");return o!==-1&&(i=t.substr(o),t=t.substr(0,o)),{pathname:t,search:i==="?"?"":i,hash:r==="#"?"":r}}function B(e){var t=e.pathname,i=e.search,r=e.hash,n=t||"/";return i&&i!=="?"&&(n+=i.charAt(0)==="?"?i:"?"+i),r&&r!=="#"&&(n+=r.charAt(0)==="#"?r:"#"+r),n}function W(e,t,i,r){var n;typeof e=="string"?(n=ft(e),n.state=t):(n=F({},e),n.pathname===void 0&&(n.pathname=""),n.search?n.search.charAt(0)!=="?"&&(n.search="?"+n.search):n.search="",n.hash?n.hash.charAt(0)!=="#"&&(n.hash="#"+n.hash):n.hash="",t!==void 0&&n.state===void 0&&(n.state=t));try{n.pathname=decodeURI(n.pathname)}catch(o){throw o instanceof URIError?new URIError('Pathname "'+n.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):o}return i&&(n.key=i),r?n.pathname?n.pathname.charAt(0)!=="/"&&(n.pathname=ct(n.pathname,r.pathname)):n.pathname=r.pathname:n.pathname||(n.pathname="/"),n}function Ae(){var e=null;function t(u){return e=u,function(){e===u&&(e=null)}}function i(u,c,l,a){if(e!=null){var s=typeof e=="function"?e(u,c):e;typeof s=="string"?typeof l=="function"?l(s,a):a(!0):a(s!==!1)}else a(!0)}var r=[];function n(u){var c=!0;function l(){c&&u.apply(void 0,arguments)}return r.push(l),function(){c=!1,r=r.filter(function(a){return a!==l})}}function o(){for(var u=arguments.length,c=new Array(u),l=0;l<u;l++)c[l]=arguments[l];r.forEach(function(a){return a.apply(void 0,c)})}return{setPrompt:t,confirmTransitionTo:i,appendListener:n,notifyListeners:o}}var Ze=!!(typeof window<"u"&&window.document&&window.document.createElement);function ke(e,t){t(window.confirm(e))}function lt(){var e=window.navigator.userAgent;return(e.indexOf("Android 2.")!==-1||e.indexOf("Android 4.0")!==-1)&&e.indexOf("Mobile Safari")!==-1&&e.indexOf("Chrome")===-1&&e.indexOf("Windows Phone")===-1?!1:window.history&&"pushState"in window.history}function ht(){return window.navigator.userAgent.indexOf("Trident")===-1}function pt(){return window.navigator.userAgent.indexOf("Firefox")===-1}function vt(e){return e.state===void 0&&navigator.userAgent.indexOf("CriOS")===-1}var je="popstate",We="hashchange";function Fe(){try{return window.history.state||{}}catch{return{}}}function dt(e){e===void 0&&(e={}),Ze||Y();var t=window.history,i=lt(),r=!ht(),n=e,o=n.forceRefresh,u=o===void 0?!1:o,c=n.getUserConfirmation,l=c===void 0?ke:c,a=n.keyLength,s=a===void 0?6:a,f=e.basename?Ye(re(e.basename)):"";function h(d){var p=d||{},x=p.key,m=p.state,C=window.location,U=C.pathname,j=C.search,G=C.hash,z=U+j+G;return f&&(z=Qe(z,f)),W(z,m,x)}function v(){return Math.random().toString(36).substr(2,s)}var g=Ae();function E(d){F(q,d),q.length=t.length,g.notifyListeners(q.location,q.action)}function S(d){vt(d)||_(h(d.state))}function A(){_(h(Fe()))}var O=!1;function _(d){if(O)O=!1,E();else{var p="POP";g.confirmTransitionTo(d,p,l,function(x){x?E({action:p,location:d}):D(d)})}}function D(d){var p=q.location,x=T.indexOf(p.key);x===-1&&(x=0);var m=T.indexOf(d.key);m===-1&&(m=0);var C=x-m;C&&(O=!0,R(C))}var H=h(Fe()),T=[H.key];function y(d){return f+B(d)}function P(d,p){var x="PUSH",m=W(d,p,v(),q.location);g.confirmTransitionTo(m,x,l,function(C){if(C){var U=y(m),j=m.key,G=m.state;if(i)if(t.pushState({key:j,state:G},null,U),u)window.location.href=U;else{var z=T.indexOf(q.location.key),Q=T.slice(0,z+1);Q.push(m.key),T=Q,E({action:x,location:m})}else window.location.href=U}})}function M(d,p){var x="REPLACE",m=W(d,p,v(),q.location);g.confirmTransitionTo(m,x,l,function(C){if(C){var U=y(m),j=m.key,G=m.state;if(i)if(t.replaceState({key:j,state:G},null,U),u)window.location.replace(U);else{var z=T.indexOf(q.location.key);z!==-1&&(T[z]=m.key),E({action:x,location:m})}else window.location.replace(U)}})}function R(d){t.go(d)}function L(){R(-1)}function J(){R(1)}var X=0;function N(d){X+=d,X===1&&d===1?(window.addEventListener(je,S),r&&window.addEventListener(We,A)):X===0&&(window.removeEventListener(je,S),r&&window.removeEventListener(We,A))}var I=!1;function Z(d){d===void 0&&(d=!1);var p=g.setPrompt(d);return I||(N(1),I=!0),function(){return I&&(I=!1,N(-1)),p()}}function we(d){var p=g.appendListener(d);return N(1),function(){N(-1),p()}}var q={length:t.length,action:"POP",location:H,createHref:y,push:P,replace:M,go:R,goBack:L,goForward:J,block:Z,listen:we};return q}var Ke="hashchange",mt={hashbang:{encodePath:function(t){return t.charAt(0)==="!"?t:"!/"+Ne(t)},decodePath:function(t){return t.charAt(0)==="!"?t.substr(1):t}},noslash:{encodePath:Ne,decodePath:re},slash:{encodePath:re,decodePath:re}};function et(e){var t=e.indexOf("#");return t===-1?e:e.slice(0,t)}function ne(){var e=window.location.href,t=e.indexOf("#");return t===-1?"":e.substring(t+1)}function gt(e){window.location.hash=e}function be(e){window.location.replace(et(window.location.href)+"#"+e)}function yt(e){e===void 0&&(e={}),Ze||Y();var t=window.history;pt();var i=e,r=i.getUserConfirmation,n=r===void 0?ke:r,o=i.hashType,u=o===void 0?"slash":o,c=e.basename?Ye(re(e.basename)):"",l=mt[u],a=l.encodePath,s=l.decodePath;function f(){var p=s(ne());return c&&(p=Qe(p,c)),W(p)}var h=Ae();function v(p){F(d,p),d.length=t.length,h.notifyListeners(d.location,d.action)}var g=!1,E=null;function S(p,x){return p.pathname===x.pathname&&p.search===x.search&&p.hash===x.hash}function A(){var p=ne(),x=a(p);if(p!==x)be(x);else{var m=f(),C=d.location;if(!g&&S(C,m)||E===B(m))return;E=null,O(m)}}function O(p){if(g)g=!1,v();else{var x="POP";h.confirmTransitionTo(p,x,n,function(m){m?v({action:x,location:p}):_(p)})}}function _(p){var x=d.location,m=y.lastIndexOf(B(x));m===-1&&(m=0);var C=y.lastIndexOf(B(p));C===-1&&(C=0);var U=m-C;U&&(g=!0,L(U))}var D=ne(),H=a(D);D!==H&&be(H);var T=f(),y=[B(T)];function P(p){var x=document.querySelector("base"),m="";return x&&x.getAttribute("href")&&(m=et(window.location.href)),m+"#"+a(c+B(p))}function M(p,x){var m="PUSH",C=W(p,void 0,void 0,d.location);h.confirmTransitionTo(C,m,n,function(U){if(U){var j=B(C),G=a(c+j),z=ne()!==G;if(z){E=j,gt(G);var Q=y.lastIndexOf(B(d.location)),De=y.slice(0,Q+1);De.push(j),y=De,v({action:m,location:C})}else v()}})}function R(p,x){var m="REPLACE",C=W(p,void 0,void 0,d.location);h.confirmTransitionTo(C,m,n,function(U){if(U){var j=B(C),G=a(c+j),z=ne()!==G;z&&(E=j,be(G));var Q=y.indexOf(B(d.location));Q!==-1&&(y[Q]=j),v({action:m,location:C})}})}function L(p){t.go(p)}function J(){L(-1)}function X(){L(1)}var N=0;function I(p){N+=p,N===1&&p===1?window.addEventListener(Ke,A):N===0&&window.removeEventListener(Ke,A)}var Z=!1;function we(p){p===void 0&&(p=!1);var x=h.setPrompt(p);return Z||(I(1),Z=!0),function(){return Z&&(Z=!1,I(-1)),x()}}function q(p){var x=h.appendListener(p);return I(1),function(){I(-1),x()}}var d={length:t.length,action:"POP",location:T,createHref:P,push:M,replace:R,go:L,goBack:J,goForward:X,block:we,listen:q};return d}function qe(e,t,i){return Math.min(Math.max(e,t),i)}function xt(e){e===void 0&&(e={});var t=e,i=t.getUserConfirmation,r=t.initialEntries,n=r===void 0?["/"]:r,o=t.initialIndex,u=o===void 0?0:o,c=t.keyLength,l=c===void 0?6:c,a=Ae();function s(P){F(y,P),y.length=y.entries.length,a.notifyListeners(y.location,y.action)}function f(){return Math.random().toString(36).substr(2,l)}var h=qe(u,0,n.length-1),v=n.map(function(P){return typeof P=="string"?W(P,void 0,f()):W(P,void 0,P.key||f())}),g=B;function E(P,M){var R="PUSH",L=W(P,M,f(),y.location);a.confirmTransitionTo(L,R,i,function(J){if(J){var X=y.index,N=X+1,I=y.entries.slice(0);I.length>N?I.splice(N,I.length-N,L):I.push(L),s({action:R,location:L,index:N,entries:I})}})}function S(P,M){var R="REPLACE",L=W(P,M,f(),y.location);a.confirmTransitionTo(L,R,i,function(J){J&&(y.entries[y.index]=L,s({action:R,location:L}))})}function A(P){var M=qe(y.index+P,0,y.entries.length-1),R="POP",L=y.entries[M];a.confirmTransitionTo(L,R,i,function(J){J?s({action:R,location:L,index:M}):s()})}function O(){A(-1)}function _(){A(1)}function D(P){var M=y.index+P;return M>=0&&M<y.entries.length}function H(P){return P===void 0&&(P=!1),a.setPrompt(P)}function T(P){return a.appendListener(P)}var y={length:v.length,action:"POP",location:v[h],index:h,entries:v,createHref:g,push:E,replace:S,go:A,goBack:O,goForward:_,canGo:D,block:H,listen:T};return y}var te={exports:{}},wt=Array.isArray||function(e){return Object.prototype.toString.call(e)=="[object Array]"},ae=wt;te.exports=rt;te.exports.parse=Re;te.exports.compile=bt;te.exports.tokensToFunction=tt;te.exports.tokensToRegExp=nt;var Pt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function Re(e,t){for(var i=[],r=0,n=0,o="",u=t&&t.delimiter||"/",c;(c=Pt.exec(e))!=null;){var l=c[0],a=c[1],s=c.index;if(o+=e.slice(n,s),n=s+l.length,a){o+=a[1];continue}var f=e[n],h=c[2],v=c[3],g=c[4],E=c[5],S=c[6],A=c[7];o&&(i.push(o),o="");var O=h!=null&&f!=null&&f!==h,_=S==="+"||S==="*",D=S==="?"||S==="*",H=c[2]||u,T=g||E;i.push({name:v||r++,prefix:h||"",delimiter:H,optional:D,repeat:_,partial:O,asterisk:!!A,pattern:T?St(T):A?".*":"[^"+oe(H)+"]+?"})}return n<e.length&&(o+=e.substr(n)),o&&i.push(o),i}function bt(e,t){return tt(Re(e,t),t)}function Ct(e){return encodeURI(e).replace(/[\/?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function Et(e){return encodeURI(e).replace(/[?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function tt(e,t){for(var i=new Array(e.length),r=0;r<e.length;r++)typeof e[r]=="object"&&(i[r]=new RegExp("^(?:"+e[r].pattern+")$",$e(t)));return function(n,o){for(var u="",c=n||{},l=o||{},a=l.pretty?Ct:encodeURIComponent,s=0;s<e.length;s++){var f=e[s];if(typeof f=="string"){u+=f;continue}var h=c[f.name],v;if(h==null)if(f.optional){f.partial&&(u+=f.prefix);continue}else throw new TypeError('Expected "'+f.name+'" to be defined');if(ae(h)){if(!f.repeat)throw new TypeError('Expected "'+f.name+'" to not repeat, but received `'+JSON.stringify(h)+"`");if(h.length===0){if(f.optional)continue;throw new TypeError('Expected "'+f.name+'" to not be empty')}for(var g=0;g<h.length;g++){if(v=a(h[g]),!i[s].test(v))throw new TypeError('Expected all "'+f.name+'" to match "'+f.pattern+'", but received `'+JSON.stringify(v)+"`");u+=(g===0?f.prefix:f.delimiter)+v}continue}if(v=f.asterisk?Et(h):a(h),!i[s].test(v))throw new TypeError('Expected "'+f.name+'" to match "'+f.pattern+'", but received "'+v+'"');u+=f.prefix+v}return u}}function oe(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function St(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function Le(e,t){return e.keys=t,e}function $e(e){return e&&e.sensitive?"":"i"}function Tt(e,t){var i=e.source.match(/\((?!\?)/g);if(i)for(var r=0;r<i.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return Le(e,t)}function At(e,t,i){for(var r=[],n=0;n<e.length;n++)r.push(rt(e[n],t,i).source);var o=new RegExp("(?:"+r.join("|")+")",$e(i));return Le(o,t)}function Rt(e,t,i){return nt(Re(e,i),t,i)}function nt(e,t,i){ae(t)||(i=t||i,t=[]),i=i||{};for(var r=i.strict,n=i.end!==!1,o="",u=0;u<e.length;u++){var c=e[u];if(typeof c=="string")o+=oe(c);else{var l=oe(c.prefix),a="(?:"+c.pattern+")";t.push(c),c.repeat&&(a+="(?:"+l+a+")*"),c.optional?c.partial?a=l+"("+a+")?":a="(?:"+l+"("+a+"))?":a=l+"("+a+")",o+=a}}var s=oe(i.delimiter||"/"),f=o.slice(-s.length)===s;return r||(o=(f?o.slice(0,-s.length):o)+"(?:"+s+"(?=$))?"),n?o+="$":o+=r&&f?"":"(?="+s+"|$)",Le(new RegExp("^"+o,$e(i)),t)}function rt(e,t,i){return ae(t)||(i=t||i,t=[]),i=i||{},e instanceof RegExp?Tt(e,t):ae(e)?At(e,t,i):Rt(e,t,i)}var Lt=te.exports;const $t=st(Lt);var b={};/** @license React v16.13.1
2
- * react-is.production.min.js
3
- *
4
- * Copyright (c) Facebook, Inc. and its affiliates.
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- */var $=typeof Symbol=="function"&&Symbol.for,Me=$?Symbol.for("react.element"):60103,Oe=$?Symbol.for("react.portal"):60106,ue=$?Symbol.for("react.fragment"):60107,fe=$?Symbol.for("react.strict_mode"):60108,le=$?Symbol.for("react.profiler"):60114,he=$?Symbol.for("react.provider"):60109,pe=$?Symbol.for("react.context"):60110,Ue=$?Symbol.for("react.async_mode"):60111,ve=$?Symbol.for("react.concurrent_mode"):60111,de=$?Symbol.for("react.forward_ref"):60112,me=$?Symbol.for("react.suspense"):60113,Mt=$?Symbol.for("react.suspense_list"):60120,ge=$?Symbol.for("react.memo"):60115,ye=$?Symbol.for("react.lazy"):60116,Ot=$?Symbol.for("react.block"):60121,Ut=$?Symbol.for("react.fundamental"):60117,Ht=$?Symbol.for("react.responder"):60118,It=$?Symbol.for("react.scope"):60119;function K(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case Me:switch(e=e.type,e){case Ue:case ve:case ue:case le:case fe:case me:return e;default:switch(e=e&&e.$$typeof,e){case pe:case de:case ye:case ge:case he:return e;default:return t}}case Oe:return t}}}function it(e){return K(e)===ve}b.AsyncMode=Ue;b.ConcurrentMode=ve;b.ContextConsumer=pe;b.ContextProvider=he;b.Element=Me;b.ForwardRef=de;b.Fragment=ue;b.Lazy=ye;b.Memo=ge;b.Portal=Oe;b.Profiler=le;b.StrictMode=fe;b.Suspense=me;b.isAsyncMode=function(e){return it(e)||K(e)===Ue};b.isConcurrentMode=it;b.isContextConsumer=function(e){return K(e)===pe};b.isContextProvider=function(e){return K(e)===he};b.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===Me};b.isForwardRef=function(e){return K(e)===de};b.isFragment=function(e){return K(e)===ue};b.isLazy=function(e){return K(e)===ye};b.isMemo=function(e){return K(e)===ge};b.isPortal=function(e){return K(e)===Oe};b.isProfiler=function(e){return K(e)===le};b.isStrictMode=function(e){return K(e)===fe};b.isSuspense=function(e){return K(e)===me};b.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===ue||e===ve||e===le||e===fe||e===me||e===Mt||typeof e=="object"&&e!==null&&(e.$$typeof===ye||e.$$typeof===ge||e.$$typeof===he||e.$$typeof===pe||e.$$typeof===de||e.$$typeof===Ut||e.$$typeof===Ht||e.$$typeof===It||e.$$typeof===Ot)};b.typeOf=K;var Ce=1073741823,ze=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:{};function _t(){var e="__global_unique_id__";return ze[e]=(ze[e]||0)+1}function Dt(e,t){return e===t?e!==0||1/e===1/t:e!==e&&t!==t}function Bt(e){var t=[];return{on:function(r){t.push(r)},off:function(r){t=t.filter(function(n){return n!==r})},get:function(){return e},set:function(r,n){e=r,t.forEach(function(o){return o(e,n)})}}}function Nt(e){return Array.isArray(e)?e[0]:e}function jt(e,t){var i,r,n="__create-react-context-"+_t()+"__",o=function(c){V(l,c);function l(){for(var s,f=arguments.length,h=new Array(f),v=0;v<f;v++)h[v]=arguments[v];return s=c.call.apply(c,[this].concat(h))||this,s.emitter=Bt(s.props.value),s}var a=l.prototype;return a.getChildContext=function(){var f;return f={},f[n]=this.emitter,f},a.componentWillReceiveProps=function(f){if(this.props.value!==f.value){var h=this.props.value,v=f.value,g;Dt(h,v)?g=0:(g=typeof t=="function"?t(h,v):Ce,g|=0,g!==0&&this.emitter.set(f.value,g))}},a.render=function(){return this.props.children},l}(w.Component);o.childContextTypes=(i={},i[n]=Be.object.isRequired,i);var u=function(c){V(l,c);function l(){for(var s,f=arguments.length,h=new Array(f),v=0;v<f;v++)h[v]=arguments[v];return s=c.call.apply(c,[this].concat(h))||this,s.observedBits=void 0,s.state={value:s.getValue()},s.onUpdate=function(g,E){var S=s.observedBits|0;S&E&&s.setState({value:s.getValue()})},s}var a=l.prototype;return a.componentWillReceiveProps=function(f){var h=f.observedBits;this.observedBits=h??Ce},a.componentDidMount=function(){this.context[n]&&this.context[n].on(this.onUpdate);var f=this.props.observedBits;this.observedBits=f??Ce},a.componentWillUnmount=function(){this.context[n]&&this.context[n].off(this.onUpdate)},a.getValue=function(){return this.context[n]?this.context[n].get():e},a.render=function(){return Nt(this.props.children)(this.state.value)},l}(w.Component);return u.contextTypes=(r={},r[n]=Be.object,r),{Provider:o,Consumer:u}}var Wt=w.createContext||jt,ot=function(t){var i=Wt();return i.displayName=t,i},Ft=ot("Router-History"),k=ot("Router"),xe=function(e){V(t,e),t.computeRootMatch=function(n){return{path:"/",url:"/",params:{},isExact:n==="/"}};function t(r){var n;return n=e.call(this,r)||this,n.state={location:r.history.location},n._isMounted=!1,n._pendingLocation=null,r.staticContext||(n.unlisten=r.history.listen(function(o){n._pendingLocation=o})),n}var i=t.prototype;return i.componentDidMount=function(){var n=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen(function(o){n._isMounted&&n.setState({location:o})})),this._pendingLocation&&this.setState({location:this._pendingLocation})},i.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},i.render=function(){return w.createElement(k.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},w.createElement(Ft.Provider,{children:this.props.children||null,value:this.props.history}))},t}(w.Component);w.Component;w.Component;var Ge={},Kt=1e4,Ve=0;function qt(e,t){var i=""+t.end+t.strict+t.sensitive,r=Ge[i]||(Ge[i]={});if(r[e])return r[e];var n=[],o=$t(e,n,t),u={regexp:o,keys:n};return Ve<Kt&&(r[e]=u,Ve++),u}function He(e,t){t===void 0&&(t={}),(typeof t=="string"||Array.isArray(t))&&(t={path:t});var i=t,r=i.path,n=i.exact,o=n===void 0?!1:n,u=i.strict,c=u===void 0?!1:u,l=i.sensitive,a=l===void 0?!1:l,s=[].concat(r);return s.reduce(function(f,h){if(!h&&h!=="")return null;if(f)return f;var v=qt(h,{end:o,strict:c,sensitive:a}),g=v.regexp,E=v.keys,S=g.exec(e);if(!S)return null;var A=S[0],O=S.slice(1),_=e===A;return o&&!_?null:{path:h,url:h==="/"&&A===""?"/":A,isExact:_,params:E.reduce(function(D,H,T){return D[H.name]=O[T],D},{})}},null)}function zt(e){return w.Children.count(e)===0}var rn=function(e){V(t,e);function t(){return e.apply(this,arguments)||this}var i=t.prototype;return i.render=function(){var n=this;return w.createElement(k.Consumer,null,function(o){o||Y();var u=n.props.location||o.location,c=n.props.computedMatch?n.props.computedMatch:n.props.path?He(u.pathname,n.props):o.match,l=F({},o,{location:u,match:c}),a=n.props,s=a.children,f=a.component,h=a.render;return Array.isArray(s)&&zt(s)&&(s=null),w.createElement(k.Provider,{value:l},l.match?s?typeof s=="function"?s(l):s:f?w.createElement(f,l):h?h(l):null:typeof s=="function"?s(l):null)})},t}(w.Component);function Ie(e){return e.charAt(0)==="/"?e:"/"+e}function Gt(e,t){return e?F({},t,{pathname:Ie(e)+t.pathname}):t}function Vt(e,t){if(!e)return t;var i=Ie(e);return t.pathname.indexOf(i)!==0?t:F({},t,{pathname:t.pathname.substr(i.length)})}function Je(e){return typeof e=="string"?e:B(e)}function Ee(e){return function(){Y()}}function Xe(){}w.Component;var on=function(e){V(t,e);function t(){return e.apply(this,arguments)||this}var i=t.prototype;return i.render=function(){var n=this;return w.createElement(k.Consumer,null,function(o){o||Y();var u=n.props.location||o.location,c,l;return w.Children.forEach(n.props.children,function(a){if(l==null&&w.isValidElement(a)){c=a;var s=a.props.path||a.props.from;l=s?He(u.pathname,F({},a.props,{path:s})):o.match}}),l?w.cloneElement(c,{location:u,computedMatch:l}):null})},t}(w.Component);w.useContext;w.Component;var an=function(e){V(t,e);function t(){for(var r,n=arguments.length,o=new Array(n),u=0;u<n;u++)o[u]=arguments[u];return r=e.call.apply(e,[this].concat(o))||this,r.history=yt(r.props),r}var i=t.prototype;return i.render=function(){return w.createElement(xe,{history:this.history,children:this.props.children})},t}(w.Component),Se=function(t,i){return typeof t=="function"?t(i):t},Te=function(t,i){return typeof t=="string"?W(t,null,null,i):t},_e=function(t){return t},ee=w.forwardRef;typeof ee>"u"&&(ee=_e);function Jt(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}var Xt=ee(function(e,t){var i=e.innerRef,r=e.navigate,n=e.onClick,o=ce(e,["innerRef","navigate","onClick"]),u=o.target,c=F({},o,{onClick:function(a){try{n&&n(a)}catch(s){throw a.preventDefault(),s}!a.defaultPrevented&&a.button===0&&(!u||u==="_self")&&!Jt(a)&&(a.preventDefault(),r())}});return _e!==ee?c.ref=t||i:c.ref=i,w.createElement("a",c)}),Qt=ee(function(e,t){var i=e.component,r=i===void 0?Xt:i,n=e.replace,o=e.to,u=e.innerRef,c=ce(e,["component","replace","to","innerRef"]);return w.createElement(k.Consumer,null,function(l){l||Y();var a=l.history,s=Te(Se(o,l.location),l.location),f=s?a.createHref(s):"",h=F({},c,{href:f,navigate:function(){var g=Se(o,l.location),E=B(l.location)===B(Te(g)),S=n||E?a.replace:a.push;S(g)}});return _e!==ee?h.ref=t||u:h.innerRef=u,w.createElement(r,h)})}),at=function(t){return t},se=w.forwardRef;typeof se>"u"&&(se=at);function Yt(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return t.filter(function(r){return r}).join(" ")}se(function(e,t){var i=e["aria-current"],r=i===void 0?"page":i,n=e.activeClassName,o=n===void 0?"active":n,u=e.activeStyle,c=e.className,l=e.exact,a=e.isActive,s=e.location,f=e.sensitive,h=e.strict,v=e.style,g=e.to,E=e.innerRef,S=ce(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return w.createElement(k.Consumer,null,function(A){A||Y();var O=s||A.location,_=Te(Se(g,O),O),D=_.pathname,H=D&&D.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),T=H?He(O.pathname,{path:H,exact:l,sensitive:f,strict:h}):null,y=!!(a?a(T,O):T),P=typeof c=="function"?c(y):c,M=typeof v=="function"?v(y):v;y&&(P=Yt(P,o),M=F({},M,u));var R=F({"aria-current":y&&r||null,className:P,style:M,to:_},S);return at!==se?R.ref=t||E:R.innerRef=E,w.createElement(Qt,R)})});export{an as H,Qt as L,rn as R,on as S};
@@ -1,14 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{H as E,L as i,S as j,R as c}from"./react-router-dom-Ck2Y_Fzc.js";import{F as y}from"./flex-EllkLxgO.js";import{T as S}from"./text-B3-TSWok.js";import"./index-DhsZuJvc.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";const r=({children:a,href:o=void 0,target:T=void 0,testId:R,onClick:L,component:v="a"})=>e.jsx(v,{href:o,to:o,target:T,onClick:L,"data-testid":R,children:e.jsx(S,{link:!0,children:a})});r.__docgenInfo={description:"",methods:[],displayName:"TextLink",props:{href:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"undefined",computed:!0}},target:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"undefined",computed:!0}},testId:{required:!1,tsType:{name:"string"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"e"}],return:{name:"void"}}},description:""},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},component:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:"'a'",computed:!1}}}};const N={title:"Basic/TextLink",component:r,args:{children:"Link text goes here",href:"http://oliasoft.com"}},k=a=>e.jsx(r,{...a}),n=k.bind({}),t=k.bind({});t.args={href:void 0,onClick:()=>console.log("Clicked!")};const s=()=>e.jsxs(E,{children:[e.jsxs(y,{gap:!0,children:[e.jsx(r,{component:i,href:"/dashboard",children:"Dashboard"}),e.jsx(r,{component:i,href:"/settings",children:"Settings"})]}),e.jsxs(j,{children:[e.jsx(c,{path:"/dashboard",children:"Dashboard"}),e.jsx(c,{path:"/settings",children:"Settings"})]})]});s.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var d,p,m;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TextLink {...args} />",...(m=(p=n.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var u,l,h;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:"args => <TextLink {...args} />",...(h=(l=t.parameters)==null?void 0:l.docs)==null?void 0:h.source}}};var g,f,x;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`() => <HashRouter>
2
- <Flex gap>
3
- <TextLink component={Link} href="/dashboard">
4
- Dashboard
5
- </TextLink>
6
- <TextLink component={Link} href="/settings">
7
- Settings
8
- </TextLink>
9
- </Flex>
10
- <Switch>
11
- <Route path="/dashboard">Dashboard</Route>
12
- <Route path="/settings">Settings</Route>
13
- </Switch>
14
- </HashRouter>`,...(x=(f=s.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};const I=["Default","OnClick","AsRouterLink"];export{s as AsRouterLink,n as Default,t as OnClick,I as __namedExportsOrder,N as default};
@@ -1,21 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{H as I,L as c,S as D,R as l}from"./react-router-dom-Ck2Y_Fzc.js";import{I as O,T as A}from"./common-types-Sih75Sav.js";import{T as p}from"./top-bar-mKg-xcLh.js";import{P as w}from"./page-7SSpdYhb.js";import{M as N}from"./actions-4w-EOz3m.js";import{B as m}from"./button-CdEIDAx8.js";import{B as P}from"./badge-CLQ59MDF.js";import{L as v}from"./logo-BVP9045W.js";import{s as H}from"./icon-custom-Xcl4YkWP.js";import{M as s}from"./types-BmbYqTX_.js";import"./index-DhsZuJvc.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./disabled-context-rmpd7YJS.js";import"./lodash-BHd_uQHh.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";import"./types-UmZ4Y_CR.js";import"./spinner-AWUe4xwQ.js";const M=[{type:"Link",label:"Link",onClick:()=>{}},{type:"Link",label:"Active",active:!0,onClick:()=>{}},{type:"Link",label:"Disabled",disabled:!0,onClick:()=>{}},{type:"Menu",label:"Dropdown",onClick:()=>{},sections:[{type:"Option",label:"Alpacas",onClick:()=>{}},{type:"Option",label:"Llamas",onClick:()=>{}}]},{type:"Button",label:"Save",colored:!0,onClick:()=>{},testId:"top-bar-button-save"}],E=[{type:"Component",component:e.jsx(P,{title:"3",small:!0,margin:"5px",children:e.jsx(m,{icon:O.NOTIFICATION,round:!0,onClick:()=>{}})})},{type:"Component",component:e.jsx(N,{menu:{trigger:A.COMPONENT,fullHeightTrigger:!0,placement:"bottom-end",component:e.jsx(m,{label:"TU",round:!0,onClick:()=>{}}),sections:[{type:s.HEADING,label:"Test User"},{type:s.OPTION,label:"Profile",icon:"user",onClick:()=>{}},{type:s.DIVIDER},{type:s.OPTION,label:"Sign out",icon:"lock",onClick:()=>{}}]}})}],ce={title:"Navigation/TopBar",component:p,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{height:{control:"text"}},args:{title:{logo:e.jsx("img",{src:v,alt:"logo"}),onClick:()=>{}},content:M,contentRight:E}},i=j=>e.jsx(p,{...j}),n=i.bind({}),t=i.bind({});t.args={warning:"Application update available. Please refresh your browser."};const r=i.bind({});r.args={title:{label:"Text Branding",onClick:()=>{}}};const o=i.bind({});o.args={appSwitcher:{icon:H,onClick:()=>{}}};const a=()=>e.jsx(I,{children:e.jsxs(w,{left:0,children:[e.jsx(p,{content:[{type:"Link",label:"Dashboard",component:c,url:"/dashboard"},{type:"Link",label:"Settings",component:c,url:"/settings"}]}),e.jsxs(D,{children:[e.jsx(l,{path:"/dashboard",children:"Dashboard"}),e.jsx(l,{path:"/settings",children:"Settings"})]})]})});a.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var d,u,g;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TopBar {...args} />",...(g=(u=n.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var h,b,k;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:"args => <TopBar {...args} />",...(k=(b=t.parameters)==null?void 0:b.docs)==null?void 0:k.source}}};var T,y,f;r.parameters={...r.parameters,docs:{...(T=r.parameters)==null?void 0:T.docs,source:{originalSource:"args => <TopBar {...args} />",...(f=(y=r.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var x,S,C;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:"args => <TopBar {...args} />",...(C=(S=o.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var L,B,R;a.parameters={...a.parameters,docs:{...(L=a.parameters)==null?void 0:L.docs,source:{originalSource:`() => {
2
- return <HashRouter>
3
- <Page left={0}>
4
- <TopBar content={[{
5
- type: 'Link',
6
- label: 'Dashboard',
7
- component: Link,
8
- url: '/dashboard'
9
- }, {
10
- type: 'Link',
11
- label: 'Settings',
12
- component: Link,
13
- url: '/settings'
14
- }]} />
15
- <Switch>
16
- <Route path="/dashboard">Dashboard</Route>
17
- <Route path="/settings">Settings</Route>
18
- </Switch>
19
- </Page>
20
- </HashRouter>;
21
- }`,...(R=(B=a.parameters)==null?void 0:B.docs)==null?void 0:R.source}}};const le=["Default","WithWarning","TextBranding","AppSwitcher","AsRouterLink"];export{o as AppSwitcher,a as AsRouterLink,n as Default,r as TextBranding,t as WithWarning,le as __namedExportsOrder,ce as default};
@@ -1,290 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as d}from"./index-DhsZuJvc.js";import{d as r,r as gt}from"./index-DQs5XS8h.js";import{c as ht}from"./index-Bk2sglWO.js";import{u as vt}from"./use-previous-D775JrO6.js";import{M as Se}from"./actions-4w-EOz3m.js";import{I as ft}from"./input-group-addon-D68iUKV2.js";import{B as m}from"./button-CdEIDAx8.js";import{T as Ct}from"./tooltip-C_E_6ym5.js";import{I as yt}from"./input-group-BaRSJAEN.js";import{S as V}from"./spacer-BWoNR27H.js";import{T as Kn}from"./text-B3-TSWok.js";import{I as bt}from"./input-D97ganXq.js";import{M as Ne}from"./types-BmbYqTX_.js";import{l as T}from"./lodash-BHd_uQHh.js";import{D as Ut}from"./divider-DY9nJ_7N.js";import{R as zn,C as he}from"./row-4iAGREkV.js";import{F as w}from"./field-nInV3MuR.js";import{M as ve}from"./message-ZenLdkrf.js";import"./index-DRSy5Ssd.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./spinner-AWUe4xwQ.js";import"./index-CUZDtIZe.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./label-Cz6TT90s.js";import"./help-icon-CfV3_Ais.js";const xt=()=>{const n=d.useRef(null);return d.useLayoutEffect(()=>{n.current&&(n.current(),n.current=null)}),t=>{n.current=t}},It=(n,a)=>{const t=a==null?void 0:a[n];return t||(console.log(`Warning: 'unitTemplate' missing for '${n}'. Using initial unit, value unit, or default.`),r.unitFromQuantity(n)??"")};var y=(n=>(n.CUSTOM="custom",n.PREDEFINED="predefined",n))(y||{});const $n=n=>n==="undefined"||n===void 0||n===""||n==="null"||n===null||n==="NaN"||isNaN(n),Gn=(n="",a,t="",l=!1)=>{if(l)return n;if(a&&!$n(n))try{const o=r.isValueWithUnit(n)?n:r.withUnit(n,t),c=r.convertSamePrecision(o,a);return r.getValue(c)}catch{}return n},wt=n=>n?!!r.getUnit(n):!1,_=(n="",a,t,l)=>{if(l)return n;const o=wt(n)||r.isValueWithUnit(n),c=r.getValue(n);return $n(c)?c:o?Gn(c,a,t,l):n},Ae=n=>T.isObject(n)&&!T.isArray(n)&&!T.isFunction(n)?T.get(n,"fieldName",""):typeof n=="string"?n:"",Vt=n=>T.isObjectLike(n)&&T.has(n,"message"),jt=n=>typeof n=="string"?n:Vt(n)?n.message:null;var Et=gt();const kt=n=>n.search(RegExp(/(^0{2}\.)|(^0+[1-9])/g))===0,qe=(n,a)=>{var j;const{allowEmpty:t=!1,autoValue:l,placeholder:o,disabledValidation:c=!1}=a||{},i=String(n);if(c||l||o)return null;const g=Et.isValueWithUnit(i)?r.getValue(i):i;if(t&&g==="")return null;if(kt(g))return"Invalid number format due to leading zeroes";const h=r.validateNumber(g);if(!h.valid){const le=((j=h==null?void 0:h.errors)==null?void 0:j[0])??null;return jt(le)}return null},Pe=(n="")=>{var a;return(a=r.KNOWN_UNITS)==null?void 0:a.includes(n)},Tt=(n,a)=>{const t=r.getUnit(n||"");return Pe(a)&&Pe(t)},St=d.createContext(null),Nt=()=>d.useContext(St),At=n=>a=>(console.log("Context not initialized. Call initializeContext first."),e.jsx(n,{...a})),qt="_predefinedMenuActive_1yvt4_1",Pt={predefinedMenuActive:qt},Jn=({name:n,placeholder:a="",disabled:t=!1,disabledUnit:l=!1,error:o=null,left:c=!1,small:i=!1,width:g="100%",value:h,unitkey:j="",initUnit:le,noConversion:Yn=!1,onChange:ue=()=>{},onClick:Dt=()=>{},onFocus:Zn=()=>{},onSwitchUnit:fe=()=>{},unitTemplate:Qn,doNotConvertValue:q=!1,testId:k,warning:Xn=null,predefinedOptions:x,initialPredefinedOption:et=!1,shouldLinkAutomaticly:Ce=!0,selectedPredefinedOptionKey:ye,validationCallback:be=()=>({name:"",error:null}),disabledValidation:Ue=!1,allowEmpty:xe=!1,autoValue:I})=>{const ne=Nt(),Ie=Qn??(ne==null?void 0:ne.unitTemplate);console.log("context in component ->>>>",ne),typeof h=="number"&&(h=`${h}`);const nt=xt(),[oe="",P=""]=h!==void 0?r.split(h):[],we=I?r.getUnit(I):"",Ve=d.useMemo(()=>It(j,Ie),[j,Ie]),tt=Tt(h,Ve),U=le||P||Ve,at=vt(U),je=_(h,U,P,q),Ee=_(I,U,we,q),rt=je!==""?{value:je,unit:U}:Ee!==""?{value:Ee,unit:U}:{value:oe,unit:P},[v,te]=d.useState(rt),[st,de]=d.useState(null),[E,ce]=d.useState(et?y.PREDEFINED:y.CUSTOM),me=oe===""&&I,M=x&&x.find(s=>{if(!(s!=null&&s.value))return;if(ye)return ye===s.valueKey;const u=r.isValueWithUnit(s.value)?r.getUnit(s.value):"";return r.withUnit(Gn(h,u),u)===s.value}),it=()=>{if(j)try{const s=me?I:h??"";let u=r.altUnitsList(s,j);return r.getValue(s)===""?u.map(f=>["",f[1]]):u}catch{return null}},lt=s=>{const u=Ae(n),f=s.target,{value:b,selectionStart:D}=f,Te=r.cleanNumStr(b.replaceAll(" ","").replaceAll("|","")),pe=r.withUnit(Te,(v==null?void 0:v.unit)||""),ct=r.getValue(pe),ge=qe(ct,{allowEmpty:xe,autoValue:I,placeholder:a,disabledValidation:Ue});if(ge===null){ue({target:{value:pe,name:u}});const[mt,pt]=r.split(pe);te({value:mt,unit:pt}),de(null),be(u,null)}else te({value:Te,unit:v.unit}),de(ge),be(u,ge);nt(()=>{f.selectionStart=D,f.selectionEnd=D})},ut=(s,u)=>{u===v.unit||isNaN(Number(s))||(te({value:s,unit:u}),fe&&fe(u))};d.useEffect(()=>{if(U){let f,b="";at!==U?(f=_(h,U,P,q),b=U):r.withUnit(v.value,v.unit)!==h&&(f=_(h,v.unit,P,q),b=v.unit),f!==void 0&&te({value:f,unit:b}),x&&ce(M&&Ce?y.PREDEFINED:y.CUSTOM)}const s=r.checkAndCleanDecimalComma(oe),u=qe(s,{allowEmpty:xe,autoValue:I,placeholder:a,disabledValidation:Ue});de(u)},[U,h,o,Ce]);const ae=it(),re=r.label(v.unit)||v.unit||"",ot=Yn||!ae||ae&&ae.length===1,ke=Ae(n);let se;const dt=s=>{const u=s!=null&&s.value?s.value:"",[f="",b=""]=r.isValueWithUnit(u)?r.split(u):[u];return{type:Ne.OPTION,inline:!0,onClick:()=>{r.validateNumber(f).valid&&!t&&(ce(y.PREDEFINED),ue({target:{value:u,name:typeof n=="string"?n:(n==null?void 0:n.fieldName)||"",predefinedSelected:!0,predefinedOption:s}}))},label:e.jsxs(e.Fragment,{children:[e.jsx(Kn,{children:s.label}),e.jsx(V,{width:"20px",height:"0"})]}),description:r.isValueWithUnit(u)?`${f} ${b}`:u,selected:M===s&&E===y.PREDEFINED}};if(se=[{type:Ne.OPTION,inline:!0,onClick:()=>{E!==y.CUSTOM&&!t&&ue({target:{value:r.withUnit(v.value,v.unit),name:typeof n=="string"?n:(n==null?void 0:n.fieldName)||""}})},label:"Custom",selected:E===y.CUSTOM}],x!=null&&x.length){const s=x.map(dt);se=[...se,...s]}return e.jsx("div",{className:E===y.PREDEFINED?ht(Pt.predefinedMenuActive):"",children:e.jsxs(yt,{small:i,width:g,children:[x&&e.jsx(Ct,{text:E===y.PREDEFINED?M==null?void 0:M.label:"",children:e.jsx(Se,{maxHeight:380,groupOrder:"first",testId:k&&`${k}-predefined-menu`,disabled:t,menu:{colored:!0,trigger:"Component",component:e.jsx(m,{groupOrder:"first",active:E===y.PREDEFINED,icon:E===y.PREDEFINED?"link":"unlink"}),small:i,sections:se}})}),e.jsx(bt,{type:"text",name:ke,testId:k,disabled:t,placeholder:me?_(I,v.unit,we,q):a,value:v.value,onChange:lt,onFocus:Zn,error:o||st,warning:Xn,right:!c},ke),re&&(ot||!tt?e.jsx(ft,{groupOrder:"last",children:re}):e.jsx(Se,{maxHeight:380,groupOrder:"last",disabled:l,testId:k&&`${k}-menu`,menu:{label:re,trigger:"DropDownButton",small:i,sections:ae.map(([s,u,f])=>{const b=f||u||"";return{type:"Option",label:isNaN(Number(s))?"":s,inline:!0,onClick:D=>{D.stopPropagation(),ut(me?"":s,u)},description:b,selected:b===re,testId:`${k}-unit-${b}`}})}}))]})})},p=At(Jn);Jn.__docgenInfo={description:"",methods:[],displayName:"UnitInputComponent",props:{name:{required:!0,tsType:{name:"union",raw:"string | { fieldName?: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName?: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!1}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabledUnit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | null | boolean",elements:[{name:"string"},{name:"null"},{name:"boolean"}]},description:"",defaultValue:{value:"null",computed:!1}},left:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},value:{required:!1,tsType:{name:"string"},description:""},unitkey:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},initUnit:{required:!1,tsType:{name:"string"},description:""},noConversion:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},doNotConvertValue:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | boolean | null",elements:[{name:"string"},{name:"boolean"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},predefinedOptions:{required:!1,tsType:{name:"union",raw:"IPredefinedOption[] | null",elements:[{name:"Array",elements:[{name:"IPredefinedOption"}],raw:"IPredefinedOption[]"},{name:"null"}]},description:""},initialPredefinedOption:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},shouldLinkAutomaticly:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},selectedPredefinedOptionKey:{required:!1,tsType:{name:"string"},description:""},validationCallback:{required:!1,tsType:{name:"signature",type:"function",raw:`(
2
- name: string,
3
- message: string | null,
4
- ) => { name: string; error: string | null }`,signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"message"}],return:{name:"signature",type:"object",raw:"{ name: string; error: string | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"error",value:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}],required:!0}}]}}}},description:"",defaultValue:{value:"() => ({ name: '', error: null })",computed:!1}},disabledValidation:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},allowEmpty:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},autoValue:{required:!1,tsType:{name:"string"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: ChangeEvent<HTMLInputElement> | ICustomChangeEvent) => void",signature:{arguments:[{type:{name:"union",raw:"ChangeEvent<HTMLInputElement> | ICustomChangeEvent",elements:[{name:"ChangeEvent",elements:[{name:"HTMLInputElement"}],raw:"ChangeEvent<HTMLInputElement>"},{name:"ICustomChangeEvent"}]},name:"event"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onSwitchUnit:{required:!1,tsType:{name:"signature",type:"function",raw:"(unit: string) => void",signature:{arguments:[{type:{name:"string"},name:"unit"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"HTMLInputElement"}],raw:"MouseEventHandler<HTMLInputElement>"},description:"",defaultValue:{value:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"FocusEventHandler",elements:[{name:"HTMLInputElement"}],raw:"FocusEventHandler<HTMLInputElement>"},description:"",defaultValue:{value:"() => {}",computed:!1}},unitTemplate:{required:!1,tsType:{name:"Record",elements:[{name:"string"},{name:"any"}],raw:"Record<string, any>"},description:""}}};const{useArgs:Mt}=__STORYBOOK_MODULE_PREVIEW_API__,va={title:"Basic/UnitInput",component:p,args:{name:"example",unitkey:"length",value:"123|m"}},C=n=>{const[a,t]=Mt(),l=o=>{t({value:o.target.value})};return e.jsx(p,{...n,onChange:l})},ie=C.bind({}),F=C.bind({});F.args={initUnit:"ft",unitTemplate:{length:"ft"}};const O=C.bind({});O.args={value:'123|"',unitkey:'"'};const W=C.bind({});W.args={width:"180px"};const B=C.bind({});B.args={noConversion:!0};const R=C.bind({});R.args={small:!0};const H=C.bind({});H.args={error:"Error message goes here"};const L=C.bind({});L.args={value:"asas123asd|%"};const S=C.bind({});S.args={disabled:!0,disabledUnit:!0};S.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 K=C.bind({});K.args={disabled:!0,disabledUnit:!0,noConversion:!0};const z=C.bind({});z.args={disabledUnit:!0,unitkey:void 0};const $=C.bind({});$.args={disabledUnit:!0,unitkey:"length"};const G=C.bind({});G.args={disabledUnit:!1,disabled:!0};const N=n=>{const[a,t]=d.useState("123|m"),[l,o]=d.useState("223|m"),[c,i]=d.useState("ft");return e.jsxs(e.Fragment,{children:[e.jsx(m,{label:"Change initUnit",onClick:()=>i(c==="m"?"ft":"m")}),e.jsx(V,{}),e.jsx(m,{label:"Change value",onClick:()=>t(a==="123|m"?"456|m":"123|m")}),e.jsx(V,{}),e.jsx(p,{name:"example",onChange:g=>{t(g.target.value)},unitkey:"length",value:a,initUnit:c,onSwitchUnit:i}),e.jsx(V,{}),e.jsx(p,{name:"example2",onChange:g=>{o(g.target.value)},unitkey:"length",value:l,initUnit:c,onSwitchUnit:i}),e.jsx(Ut,{}),e.jsx("h4",{children:"Without initUnit property (taken from the redux store)"}),e.jsx(p,{name:"example",onChange:g=>{t(g.target.value)},unitkey:"length",value:a,onSwitchUnit:i}),e.jsx(p,{name:"example2",onChange:g=>{o(g.target.value)},unitkey:"length",value:l,onSwitchUnit:i})]})};N.parameters={docs:{description:{story:"[OW-4380](https://oliasoft.atlassian.net/browse/OW-4380?atlOrigin=eyJpIjoiMmM1N2RkNWU3Mjk5NDYxY2E0YzhkMzk5ZTVmZTJhMjciLCJwIjoiaiJ9)"}}};const J=C.bind({});J.args={predefinedOptions:[{label:"bottom of casing",value:"12|km"},{label:"mud weight at shoe depth",value:"8|mm"}]};const A=()=>{const n="500px",[a,t]=d.useState(void 0);return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different edge cases such as +/- infinity, undefined, NaN, null:"}),e.jsxs(zn,{children:[e.jsxs(he,{width:"25%",children:[e.jsx(m,{label:"Change value infinity",onClick:()=>t(1/0)}),e.jsx("br",{}),e.jsx(m,{label:"Change value -infinity",onClick:()=>t(-1/0)}),e.jsx("br",{}),e.jsx(m,{label:"Change value null",onClick:()=>t(null)}),e.jsx("br",{}),e.jsx(m,{label:"Change value - undefined",onClick:()=>t(void 0)}),e.jsx("br",{}),e.jsx(m,{label:"Change value - NaN",onClick:()=>t(NaN)}),e.jsx("br",{}),e.jsx(m,{label:"Change value - nothing (empty)",onClick:()=>t(void 0)}),e.jsx("br",{}),e.jsx(m,{label:"Change value - empty string",onClick:()=>t("")})]}),e.jsxs(he,{width:"25%",children:[e.jsx(m,{label:"Change value infinity|m",onClick:()=>t("Infinity|m")}),e.jsx("br",{}),e.jsx(m,{label:"Change value -infinity|m",onClick:()=>t("-Infinity|m")}),e.jsx("br",{}),e.jsx(m,{label:"Change value null|m",onClick:()=>t("null|m")}),e.jsx("br",{}),e.jsx(m,{label:"Change value - undefined|m",onClick:()=>t("undefined|m")}),e.jsx("br",{}),e.jsx(m,{label:"Change value - NaN|m",onClick:()=>t("NaN|m")}),e.jsx("br",{}),e.jsx(m,{label:"Change value - nothing (empty)|m",onClick:()=>t("|m")})]})]}),e.jsx("br",{}),e.jsx(w,{label:"Normal PUI",children:e.jsx(p,{name:"example1",onChange:l=>t(l.target.value),value:a,unitkey:"length",width:n,placeholder:"value|unit"})}),e.jsx(w,{label:"Disabled validation",children:e.jsx(p,{name:"example2",onChange:l=>t(l.target.value),value:a,unitkey:"length",disabledValidation:!0,width:n})}),e.jsx(w,{label:"Disabled validation and manual error",children:e.jsx(p,{name:"example3",onChange:l=>t(l.target.value),value:a,unitkey:"length",error:"test",disabledValidation:!0,width:n})}),e.jsx(ve,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})},Y=()=>{const n="500px",[a,t]=d.useState("1|m"),[l,o]=d.useState("|m"),c="123|km";return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different cases for automatic (placeholder) values:"}),e.jsx(zn,{children:e.jsxs(he,{width:"25%",children:[e.jsx(m,{label:"Change value to ''",onClick:()=>t("")}),e.jsx("br",{}),e.jsx(m,{label:"Change value to 1",onClick:()=>t("1")}),e.jsx("br",{}),e.jsx(m,{label:"Change value to 1|m",onClick:()=>t("1|m")}),e.jsx("br",{}),e.jsx(m,{label:"Change value to |m - empty value",onClick:()=>t("|m")})]})}),e.jsx("br",{}),e.jsx(w,{label:"Normal PUI (placeholder + auto)",children:e.jsx(p,{name:"example1",onChange:i=>t(i.target.value),value:a,unitkey:"length",width:n,placeholder:"value|unit",autoValue:c})}),e.jsx(w,{label:"Normal PUI (only auto)",children:e.jsx(p,{name:"example1",onChange:i=>t(i.target.value),value:a,unitkey:"length",width:n,autoValue:c})}),e.jsx(w,{label:"Empty PUI with autoValue",children:e.jsx(p,{name:"example1",onChange:i=>o(i.target.value),value:l,unitkey:"length",width:n,autoValue:c})}),e.jsx(w,{label:"Normal PUI (only placeholder)",children:e.jsx(p,{name:"example1",onChange:i=>t(i.target.value),value:a,unitkey:"length",width:n,placeholder:"Placeholder test"})}),e.jsx(w,{label:"Normal PUI (placeholder + allowEmpty)",children:e.jsx(p,{name:"example1",onChange:i=>t(i.target.value),value:a,unitkey:"length",width:n,placeholder:"Placeholder test",allowEmpty:!0})}),e.jsx(ve,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})};A.parameters={docs:{description:{story:"[OW-8884](https://oliasoft.atlassian.net/browse/OW-8884)"}}};const Z=()=>{const[n,a]=d.useState("123|%"),[t,l]=d.useState(null),o="This should be visible when an error appears",c=(i,g)=>(l(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:!t||o,validationCallback:c,value:n}),e.jsx("br",{}),e.jsx(V,{}),e.jsx("h4",{children:"Original validation message: "}),e.jsx(ve,{message:{heading:t,visible:!0}})]})},Q=()=>{const[n,a]=d.useState("123|m"),[t,l]=d.useState(""),[o,c]=d.useState("km"),i=()=>{c("ft"),l("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:n,allowEmpty:!0,placeholder:t,initUnit:o,unitkey:"length"}),e.jsx("br",{}),e.jsx(V,{}),e.jsx(m,{label:"Change value |m and unit ft",onClick:()=>i()})]})},X=()=>{const[n,a]=d.useState("123|m"),[t,l]=d.useState("m");return e.jsxs(e.Fragment,{children:[e.jsx(p,{name:"example",onChange:o=>a(o.target.value),value:n,initUnit:t,unitkey:"length",onSwitchUnit:l}),e.jsx(V,{}),e.jsx(p,{name:"example",onChange:o=>a(o.target.value),value:n,initUnit:t,unitkey:"length",onSwitchUnit:l})]})},ee=()=>e.jsxs(e.Fragment,{children:[e.jsx(Kn,{faint:!0,children:"Reproduce OW-10614 rounding noise bug when storing values in a different unit to the display unit"}),e.jsx(V,{}),e.jsx(p,{name:"example",onChange:()=>{},value:r.withUnit(r.convertAndGetValue("9750|psi","bar"),"bar"),initUnit:"psi",unitkey:"pressure",unitTemplate:{pressure:"psi"}})]});N.__docgenInfo={description:"",methods:[],displayName:"TestExternalStateChangeWithSynchronizedUnits",props:{name:{required:!0,tsType:{name:"union",raw:"string | { fieldName?: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName?: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!1}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},disabledUnit:{required:!1,tsType:{name:"boolean"},description:""},error:{required:!1,tsType:{name:"union",raw:"string | null | boolean",elements:[{name:"string"},{name:"null"},{name:"boolean"}]},description:""},left:{required:!1,tsType:{name:"boolean"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},value:{required:!1,tsType:{name:"string"},description:""},unitkey:{required:!1,tsType:{name:"string"},description:""},initUnit:{required:!1,tsType:{name:"string"},description:""},noConversion:{required:!1,tsType:{name:"boolean"},description:""},doNotConvertValue:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | boolean | null",elements:[{name:"string"},{name:"boolean"},{name:"null"}]},description:""},predefinedOptions:{required:!1,tsType:{name:"union",raw:"IPredefinedOption[] | null",elements:[{name:"Array",elements:[{name:"IPredefinedOption"}],raw:"IPredefinedOption[]"},{name:"null"}]},description:""},initialPredefinedOption:{required:!1,tsType:{name:"boolean"},description:""},shouldLinkAutomaticly:{required:!1,tsType:{name:"boolean"},description:""},selectedPredefinedOptionKey:{required:!1,tsType:{name:"string"},description:""},validationCallback:{required:!1,tsType:{name:"signature",type:"function",raw:`(
5
- name: string,
6
- message: string | null,
7
- ) => { name: string; error: string | null }`,signature:{arguments:[{type:{name:"string"},name:"name"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"message"}],return:{name:"signature",type:"object",raw:"{ name: string; error: string | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"error",value:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}],required:!0}}]}}}},description:""},disabledValidation:{required:!1,tsType:{name:"boolean"},description:""},allowEmpty:{required:!1,tsType:{name:"boolean"},description:""},autoValue:{required:!1,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(event: ChangeEvent<HTMLInputElement> | ICustomChangeEvent) => void",signature:{arguments:[{type:{name:"union",raw:"ChangeEvent<HTMLInputElement> | ICustomChangeEvent",elements:[{name:"ChangeEvent",elements:[{name:"HTMLInputElement"}],raw:"ChangeEvent<HTMLInputElement>"},{name:"ICustomChangeEvent"}]},name:"event"}],return:{name:"void"}}},description:""},onSwitchUnit:{required:!1,tsType:{name:"signature",type:"function",raw:"(unit: string) => void",signature:{arguments:[{type:{name:"string"},name:"unit"}],return:{name:"void"}}},description:""},onClick:{required:!1,tsType:{name:"MouseEventHandler",elements:[{name:"HTMLInputElement"}],raw:"MouseEventHandler<HTMLInputElement>"},description:""},onFocus:{required:!1,tsType:{name:"FocusEventHandler",elements:[{name:"HTMLInputElement"}],raw:"FocusEventHandler<HTMLInputElement>"},description:""},unitTemplate:{required:!1,tsType:{name:"Record",elements:[{name:"string"},{name:"any"}],raw:"Record<string, any>"},description:""}}};A.__docgenInfo={description:"",methods:[],displayName:"TestEdgeCases"};Y.__docgenInfo={description:"",methods:[],displayName:"AutomaticValues"};Z.__docgenInfo={description:"",methods:[],displayName:"ValidationCallback"};Q.__docgenInfo={description:"",methods:[],displayName:"AllowEmptyPUI"};X.__docgenInfo={description:"",methods:[],displayName:"onSwitchUnit"};ee.__docgenInfo={description:"",methods:[],displayName:"OW_10614TestCase"};var Me,De,_e;ie.parameters={...ie.parameters,docs:{...(Me=ie.parameters)==null?void 0:Me.docs,source:{originalSource:`args => {
8
- const [_, updateArgs] = useArgs();
9
- const handleChange = (evt: any) => {
10
- updateArgs({
11
- value: evt.target.value
12
- });
13
- };
14
- return <UnitInput {...args} onChange={handleChange} />;
15
- }`,...(_e=(De=ie.parameters)==null?void 0:De.docs)==null?void 0:_e.source}}};var Fe,Oe,We;F.parameters={...F.parameters,docs:{...(Fe=F.parameters)==null?void 0:Fe.docs,source:{originalSource:`args => {
16
- const [_, updateArgs] = useArgs();
17
- const handleChange = (evt: any) => {
18
- updateArgs({
19
- value: evt.target.value
20
- });
21
- };
22
- return <UnitInput {...args} onChange={handleChange} />;
23
- }`,...(We=(Oe=F.parameters)==null?void 0:Oe.docs)==null?void 0:We.source}}};var Be,Re,He;O.parameters={...O.parameters,docs:{...(Be=O.parameters)==null?void 0:Be.docs,source:{originalSource:`args => {
24
- const [_, updateArgs] = useArgs();
25
- const handleChange = (evt: any) => {
26
- updateArgs({
27
- value: evt.target.value
28
- });
29
- };
30
- return <UnitInput {...args} onChange={handleChange} />;
31
- }`,...(He=(Re=O.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};var Le,Ke,ze;W.parameters={...W.parameters,docs:{...(Le=W.parameters)==null?void 0:Le.docs,source:{originalSource:`args => {
32
- const [_, updateArgs] = useArgs();
33
- const handleChange = (evt: any) => {
34
- updateArgs({
35
- value: evt.target.value
36
- });
37
- };
38
- return <UnitInput {...args} onChange={handleChange} />;
39
- }`,...(ze=(Ke=W.parameters)==null?void 0:Ke.docs)==null?void 0:ze.source}}};var $e,Ge,Je;B.parameters={...B.parameters,docs:{...($e=B.parameters)==null?void 0:$e.docs,source:{originalSource:`args => {
40
- const [_, updateArgs] = useArgs();
41
- const handleChange = (evt: any) => {
42
- updateArgs({
43
- value: evt.target.value
44
- });
45
- };
46
- return <UnitInput {...args} onChange={handleChange} />;
47
- }`,...(Je=(Ge=B.parameters)==null?void 0:Ge.docs)==null?void 0:Je.source}}};var Ye,Ze,Qe;R.parameters={...R.parameters,docs:{...(Ye=R.parameters)==null?void 0:Ye.docs,source:{originalSource:`args => {
48
- const [_, updateArgs] = useArgs();
49
- const handleChange = (evt: any) => {
50
- updateArgs({
51
- value: evt.target.value
52
- });
53
- };
54
- return <UnitInput {...args} onChange={handleChange} />;
55
- }`,...(Qe=(Ze=R.parameters)==null?void 0:Ze.docs)==null?void 0:Qe.source}}};var Xe,en,nn;H.parameters={...H.parameters,docs:{...(Xe=H.parameters)==null?void 0:Xe.docs,source:{originalSource:`args => {
56
- const [_, updateArgs] = useArgs();
57
- const handleChange = (evt: any) => {
58
- updateArgs({
59
- value: evt.target.value
60
- });
61
- };
62
- return <UnitInput {...args} onChange={handleChange} />;
63
- }`,...(nn=(en=H.parameters)==null?void 0:en.docs)==null?void 0:nn.source}}};var tn,an,rn;L.parameters={...L.parameters,docs:{...(tn=L.parameters)==null?void 0:tn.docs,source:{originalSource:`args => {
64
- const [_, updateArgs] = useArgs();
65
- const handleChange = (evt: any) => {
66
- updateArgs({
67
- value: evt.target.value
68
- });
69
- };
70
- return <UnitInput {...args} onChange={handleChange} />;
71
- }`,...(rn=(an=L.parameters)==null?void 0:an.docs)==null?void 0:rn.source}}};var sn,ln,un;S.parameters={...S.parameters,docs:{...(sn=S.parameters)==null?void 0:sn.docs,source:{originalSource:`args => {
72
- const [_, updateArgs] = useArgs();
73
- const handleChange = (evt: any) => {
74
- updateArgs({
75
- value: evt.target.value
76
- });
77
- };
78
- return <UnitInput {...args} onChange={handleChange} />;
79
- }`,...(un=(ln=S.parameters)==null?void 0:ln.docs)==null?void 0:un.source}}};var on,dn,cn;K.parameters={...K.parameters,docs:{...(on=K.parameters)==null?void 0:on.docs,source:{originalSource:`args => {
80
- const [_, updateArgs] = useArgs();
81
- const handleChange = (evt: any) => {
82
- updateArgs({
83
- value: evt.target.value
84
- });
85
- };
86
- return <UnitInput {...args} onChange={handleChange} />;
87
- }`,...(cn=(dn=K.parameters)==null?void 0:dn.docs)==null?void 0:cn.source}}};var mn,pn,gn;z.parameters={...z.parameters,docs:{...(mn=z.parameters)==null?void 0:mn.docs,source:{originalSource:`args => {
88
- const [_, updateArgs] = useArgs();
89
- const handleChange = (evt: any) => {
90
- updateArgs({
91
- value: evt.target.value
92
- });
93
- };
94
- return <UnitInput {...args} onChange={handleChange} />;
95
- }`,...(gn=(pn=z.parameters)==null?void 0:pn.docs)==null?void 0:gn.source}}};var hn,vn,fn;$.parameters={...$.parameters,docs:{...(hn=$.parameters)==null?void 0:hn.docs,source:{originalSource:`args => {
96
- const [_, updateArgs] = useArgs();
97
- const handleChange = (evt: any) => {
98
- updateArgs({
99
- value: evt.target.value
100
- });
101
- };
102
- return <UnitInput {...args} onChange={handleChange} />;
103
- }`,...(fn=(vn=$.parameters)==null?void 0:vn.docs)==null?void 0:fn.source}}};var Cn,yn,bn;G.parameters={...G.parameters,docs:{...(Cn=G.parameters)==null?void 0:Cn.docs,source:{originalSource:`args => {
104
- const [_, updateArgs] = useArgs();
105
- const handleChange = (evt: any) => {
106
- updateArgs({
107
- value: evt.target.value
108
- });
109
- };
110
- return <UnitInput {...args} onChange={handleChange} />;
111
- }`,...(bn=(yn=G.parameters)==null?void 0:yn.docs)==null?void 0:bn.source}}};var Un,xn,In;N.parameters={...N.parameters,docs:{...(Un=N.parameters)==null?void 0:Un.docs,source:{originalSource:`(args: IUnitInputProps) => {
112
- const [value, setValue] = useState('123|m');
113
- const [value2, setValue2] = useState('223|m');
114
- const [initUnit, setInitUnit] = useState('ft');
115
- return <>
116
- <Button label="Change initUnit" onClick={() => setInitUnit(initUnit === 'm' ? 'ft' : 'm')} />
117
- <Spacer />
118
- <Button label="Change value" onClick={() => setValue(value === '123|m' ? '456|m' : '123|m')} />
119
- <Spacer />
120
- <UnitInput name="example" onChange={evt => {
121
- setValue(evt.target.value);
122
- }} unitkey="length" value={value} initUnit={initUnit} onSwitchUnit={setInitUnit} />
123
- <Spacer />
124
- <UnitInput name="example2" onChange={evt => {
125
- setValue2(evt.target.value);
126
- }} unitkey="length" value={value2} initUnit={initUnit} onSwitchUnit={setInitUnit} />
127
- <Divider />
128
- <h4>Without initUnit property (taken from the redux store)</h4>
129
- <UnitInput name="example" onChange={evt => {
130
- setValue(evt.target.value);
131
- }} unitkey="length" value={value} onSwitchUnit={setInitUnit} />
132
- <UnitInput name="example2" onChange={evt => {
133
- setValue2(evt.target.value);
134
- }} unitkey="length" value={value2} onSwitchUnit={setInitUnit} />
135
- </>;
136
- }`,...(In=(xn=N.parameters)==null?void 0:xn.docs)==null?void 0:In.source}}};var wn,Vn,jn;J.parameters={...J.parameters,docs:{...(wn=J.parameters)==null?void 0:wn.docs,source:{originalSource:`args => {
137
- const [_, updateArgs] = useArgs();
138
- const handleChange = (evt: any) => {
139
- updateArgs({
140
- value: evt.target.value
141
- });
142
- };
143
- return <UnitInput {...args} onChange={handleChange} />;
144
- }`,...(jn=(Vn=J.parameters)==null?void 0:Vn.docs)==null?void 0:jn.source}}};var En,kn,Tn;A.parameters={...A.parameters,docs:{...(En=A.parameters)==null?void 0:En.docs,source:{originalSource:`() => {
145
- const width = '500px';
146
- const [value, setValue] = useState<any>(undefined);
147
- return <>
148
- <h4>Different edge cases such as +/- infinity, undefined, NaN, null:</h4>
149
- <Row>
150
- <Column width="25%">
151
- <Button label="Change value infinity" onClick={() => setValue(Infinity)} />
152
- <br />
153
- <Button label="Change value -infinity" onClick={() => setValue(-Infinity)} />
154
- <br />
155
- <Button label="Change value null" onClick={() => setValue(null)} />
156
- <br />
157
- <Button label="Change value - undefined" onClick={() => setValue(undefined)} />
158
- <br />
159
- <Button label="Change value - NaN" onClick={() => setValue(NaN)} />
160
- <br />
161
- <Button label="Change value - nothing (empty)" onClick={() => setValue(undefined)} />
162
- <br />
163
- <Button label="Change value - empty string" onClick={() => setValue('')} />
164
- </Column>
165
- <Column width="25%">
166
- <Button label="Change value infinity|m" onClick={() => setValue(Infinity + '|m')} />
167
- <br />
168
- <Button label="Change value -infinity|m" onClick={() => setValue(-Infinity + '|m')} />
169
- <br />
170
- <Button label="Change value null|m" onClick={() => setValue(null + '|m')} />
171
- <br />
172
- <Button label="Change value - undefined|m" onClick={() => setValue(undefined + '|m')} />
173
- <br />
174
- <Button label="Change value - NaN|m" onClick={() => setValue(NaN + '|m')} />
175
- <br />
176
- <Button label="Change value - nothing (empty)|m" onClick={() => setValue('|m')} />
177
- </Column>
178
- </Row>
179
- <br />
180
- <Field label="Normal PUI">
181
- <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="value|unit" />
182
- </Field>
183
- <Field label="Disabled validation">
184
- <UnitInput name="example2" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" disabledValidation width={width} />
185
- </Field>
186
- <Field label="Disabled validation and manual error">
187
- <UnitInput name="example3" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" error="test" disabledValidation width={width} />
188
- </Field>
189
- <Message message={{
190
- heading: 'Current value inside PUI: ' + value,
191
- visible: true
192
- }} />
193
- </>;
194
- }`,...(Tn=(kn=A.parameters)==null?void 0:kn.docs)==null?void 0:Tn.source}}};var Sn,Nn,An;Y.parameters={...Y.parameters,docs:{...(Sn=Y.parameters)==null?void 0:Sn.docs,source:{originalSource:`() => {
195
- const width = '500px';
196
- const [value, setValue] = useState<string>('1|m');
197
- const [valueB, setValueB] = useState('|m');
198
- const automaticValue = '123|km';
199
- return <>
200
- <h4>Different cases for automatic (placeholder) values:</h4>
201
- <Row>
202
- <Column width="25%">
203
- <Button label="Change value to ''" onClick={() => setValue('')} />
204
- <br />
205
- <Button label="Change value to 1" onClick={() => setValue('1')} />
206
- <br />
207
- <Button label="Change value to 1|m" onClick={() => setValue('1|m')} />
208
- <br />
209
- <Button label="Change value to |m - empty value" onClick={() => setValue('|m')} />
210
- </Column>
211
- </Row>
212
- <br />
213
- <Field label="Normal PUI (placeholder + auto)">
214
- <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="value|unit" autoValue={automaticValue} />
215
- </Field>
216
- <Field label="Normal PUI (only auto)">
217
- <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} autoValue={automaticValue} />
218
- </Field>
219
- <Field label="Empty PUI with autoValue">
220
- <UnitInput name="example1" onChange={evt => setValueB(evt.target.value)} value={valueB} unitkey="length" width={width} autoValue={automaticValue} />
221
- </Field>
222
- <Field label="Normal PUI (only placeholder)">
223
- <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="Placeholder test" />
224
- </Field>
225
- <Field label="Normal PUI (placeholder + allowEmpty)">
226
- <UnitInput name="example1" onChange={evt => setValue(evt.target.value)} value={value} unitkey="length" width={width} placeholder="Placeholder test" allowEmpty />
227
- </Field>
228
- <Message message={{
229
- heading: 'Current value inside PUI: ' + value,
230
- visible: true
231
- }} />
232
- </>;
233
- }`,...(An=(Nn=Y.parameters)==null?void 0:Nn.docs)==null?void 0:An.source}}};var qn,Pn,Mn;Z.parameters={...Z.parameters,docs:{...(qn=Z.parameters)==null?void 0:qn.docs,source:{originalSource:`() => {
234
- const [value, setValue] = useState('123|%');
235
- const [validation, setValidation] = useState<string | null>(null);
236
- const predictedMessage = 'This should be visible when an error appears';
237
- const handleValidation = (name: string, message: string | null) => {
238
- setValidation(message);
239
- return {
240
- name,
241
- error: message
242
- };
243
- };
244
- return <>
245
- <h4>3rd party validation message when inputting invalid value:</h4>
246
- <UnitInput name="example" onChange={evt => setValue(evt.target.value)} error={!validation || predictedMessage} validationCallback={handleValidation} value={value} />
247
- <br />
248
- <Spacer />
249
- <h4>Original validation message: </h4>
250
- <Message message={{
251
- heading: validation,
252
- visible: true
253
- }} />
254
- </>;
255
- }`,...(Mn=(Pn=Z.parameters)==null?void 0:Pn.docs)==null?void 0:Mn.source}}};var Dn,_n,Fn;Q.parameters={...Q.parameters,docs:{...(Dn=Q.parameters)==null?void 0:Dn.docs,source:{originalSource:`() => {
256
- const [value, setValue] = useState('123|m');
257
- const [placeholder, setPlaceholder] = useState('');
258
- const [initUnit, setInitUnit] = useState('km');
259
- const setPlaceholderValue = () => {
260
- setInitUnit('ft');
261
- setPlaceholder('placeholder');
262
- setValue('|m');
263
- };
264
- return <>
265
- <h4>Empty value case:</h4>
266
- <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} allowEmpty placeholder={placeholder} initUnit={initUnit} unitkey="length" />
267
- <br />
268
- <Spacer />
269
- <Button label="Change value |m and unit ft" onClick={() => setPlaceholderValue()} />
270
- </>;
271
- }`,...(Fn=(_n=Q.parameters)==null?void 0:_n.docs)==null?void 0:Fn.source}}};var On,Wn,Bn;X.parameters={...X.parameters,docs:{...(On=X.parameters)==null?void 0:On.docs,source:{originalSource:`() => {
272
- const [value, setValue] = useState('123|m');
273
- const [unit, setUnit] = useState('m');
274
- return <>
275
- <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} initUnit={unit} unitkey="length" onSwitchUnit={setUnit} />
276
- <Spacer />
277
- <UnitInput name="example" onChange={evt => setValue(evt.target.value)} value={value} initUnit={unit} unitkey="length" onSwitchUnit={setUnit} />
278
- </>;
279
- }`,...(Bn=(Wn=X.parameters)==null?void 0:Wn.docs)==null?void 0:Bn.source}}};var Rn,Hn,Ln;ee.parameters={...ee.parameters,docs:{...(Rn=ee.parameters)==null?void 0:Rn.docs,source:{originalSource:`() => {
280
- return <>
281
- <Text faint>
282
- Reproduce OW-10614 rounding noise bug when storing values in a different
283
- unit to the display unit
284
- </Text>
285
- <Spacer />
286
- <UnitInput name="example" onChange={() => {}} value={withUnit(convertAndGetValue('9750|psi', 'bar'), 'bar')} initUnit="psi" unitkey="pressure" unitTemplate={{
287
- pressure: 'psi'
288
- }} />
289
- </>;
290
- }`,...(Ln=(Hn=ee.parameters)==null?void 0:Hn.docs)==null?void 0:Ln.source}}};const fa=["Default","InitUnit","notKnownUnit","Width","NoConversion","Small","Error","InternalValidationError","Disabled","DisabledNoConversion","DisabledUnitWithoutUnitKey","DisabledUnitWithUnitKey","DisabledWithEnabledUnitMenu","TestExternalStateChangeWithSynchronizedUnits","PredefinedOptionsMenu","TestEdgeCases","AutomaticValues","ValidationCallback","AllowEmptyPUI","onSwitchUnit","OW_10614TestCase"];export{Q as AllowEmptyPUI,Y as AutomaticValues,ie as Default,S as Disabled,K as DisabledNoConversion,$ as DisabledUnitWithUnitKey,z as DisabledUnitWithoutUnitKey,G as DisabledWithEnabledUnitMenu,H as Error,F as InitUnit,L as InternalValidationError,B as NoConversion,ee as OW_10614TestCase,J as PredefinedOptionsMenu,R as Small,A as TestEdgeCases,N as TestExternalStateChangeWithSynchronizedUnits,Z as ValidationCallback,W as Width,fa as __namedExportsOrder,va as default,O as notKnownUnit,X as onSwitchUnit};