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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/assets/{index-D5kcnHmD.js → index-DYGOUZH8.js} +0 -1
  2. package/dist/global.css +4 -1
  3. package/dist/index.d.ts +16 -6
  4. package/dist/index.html +1 -1
  5. package/dist/index.js +121 -158
  6. package/dist/index.js.map +1 -1
  7. package/dist/storybook/assets/{Color-KGDBMAHA-ChInQPtm.js → Color-KGDBMAHA-TfNjzFol.js} +1 -1
  8. package/dist/storybook/assets/{DocsRenderer-PKQXORMH-D9jeh5x5.js → DocsRenderer-PKQXORMH-CvKaIyAS.js} +1 -1
  9. package/dist/storybook/assets/{accordion.stories-sb-Y7MMb.js → accordion.stories-CbUgpQAC.js} +1 -1
  10. package/dist/storybook/assets/{afe.stories--E_j7kET.js → afe.stories-3nCmEH0q.js} +1 -1
  11. package/dist/storybook/assets/{buttons-and-links-CGABKYuN.js → buttons-and-links-DQXhygpA.js} +1 -1
  12. package/dist/storybook/assets/{casing-loads.stories-EZlP6XsN.js → casing-loads.stories-CSdj5faI.js} +1 -1
  13. package/dist/storybook/assets/{cell.stories-D9KrTmCA.js → cell.stories-DBLJ17se.js} +1 -1
  14. package/dist/storybook/assets/{chunk-HLWAVYOI-4dAs2eBm.js → chunk-HLWAVYOI-C9RjJIQI.js} +1 -1
  15. package/dist/storybook/assets/{color-Bif_5nQw.js → color-DiLYh1iE.js} +1 -1
  16. package/dist/storybook/assets/{footer.stories-B5zvZawz.js → footer.stories-CpsfxWaj.js} +1 -1
  17. package/dist/storybook/assets/{form.stories-D58sdhOk.js → form.stories-CqFk9g40.js} +1 -1
  18. package/dist/storybook/assets/{formation.stories-OtA8Hcp6.js → formation.stories-DN4l7-9g.js} +1 -1
  19. package/dist/storybook/assets/iframe-CeeVOkcX.js +2 -0
  20. package/dist/storybook/assets/{index-CdEG3ntG.js → index-B9Xm8jXL.js} +1 -1
  21. package/dist/storybook/assets/{index-0mVwGqNm.js → index-BesoTaoD.js} +4 -4
  22. package/dist/storybook/assets/{index-DQs5XS8h.js → index-DGl0obec.js} +1 -1
  23. package/dist/storybook/assets/{input-group.stories-hHCmTbtu.js → input-group.stories-DctjyXor.js} +1 -1
  24. package/dist/storybook/assets/{input-validation-DGRN9eyS.js → input-validation-BVAuiwBg.js} +1 -1
  25. package/dist/storybook/assets/{inputs-C1zY_c9W.js → inputs-zvgQy7Ef.js} +4 -4
  26. package/dist/storybook/assets/{layout-forms-kbHRclqK.js → layout-forms-CiP17Xxu.js} +1 -1
  27. package/dist/storybook/assets/{layout-general-D5EVLJYf.js → layout-general-ChpChtZ5.js} +1 -1
  28. package/dist/storybook/assets/{modal.stories-ChRLG9ud.js → modal.stories-B31R5KLu.js} +1 -1
  29. package/dist/storybook/assets/number-input-RV1zn3_t.js +4 -0
  30. package/dist/storybook/assets/number-input.stories-CBser6Ry.js +153 -0
  31. package/dist/storybook/assets/{padding-and-spacing-BUAWfapl.js → padding-and-spacing-Ds9-kSBv.js} +1 -1
  32. package/dist/storybook/assets/{pagination-0wY_w1xz.js → pagination-BA9mb3NP.js} +1 -1
  33. package/dist/storybook/assets/{pagination.stories-BagAIIz3.js → pagination.stories-2HPZnimC.js} +1 -1
  34. package/dist/storybook/assets/{popover.stories-ChwzGOlc.js → popover.stories-SMz7Cd0A.js} +1 -1
  35. package/dist/storybook/assets/{preview-C_kotj1_.js → preview-AeyuE7NC.js} +2 -2
  36. package/dist/storybook/assets/{preview-BZH-CnkP.js → preview-craejBWr.js} +1 -1
  37. package/dist/storybook/assets/{reservoirs.stories-DywuU8EY.js → reservoirs.stories-D_HCj-TY.js} +1 -1
  38. package/dist/storybook/assets/{rich-text-input.stories-Cw_6EJx8.js → rich-text-input.stories-rQEM-l57.js} +1 -1
  39. package/dist/storybook/assets/{row.stories-D7V0fxhq.js → row.stories-BHz3vX8n.js} +1 -1
  40. package/dist/storybook/assets/{select-yqiMF9-4.js → select-BPp24Pdw.js} +1 -1
  41. package/dist/storybook/assets/{select.stories-VMcOn7Ri.js → select.stories-hyJTR9B_.js} +1 -1
  42. package/dist/storybook/assets/{smart-upload-modal.stories-Cot88l9r.js → smart-upload-modal.stories-01X4DGpB.js} +1 -1
  43. package/dist/storybook/assets/{table-DmwpXp_Q.js → table-CWxrvmPS.js} +1 -1
  44. package/dist/storybook/assets/{table.stories-DKcZk5JR.js → table.stories-DXq-XP56.js} +1 -1
  45. package/dist/storybook/assets/{title.stories-CKbl0CB2.js → title.stories-D2obDA1k.js} +1 -1
  46. package/dist/storybook/assets/unit-input-5P4Cogho.css +1 -0
  47. package/dist/storybook/assets/unit-input.stories-CEzR1Pvn.js +354 -0
  48. package/dist/storybook/assets/unit-table.stories-CWGzy_cE.js +150 -0
  49. package/dist/storybook/iframe.html +1 -1
  50. package/dist/storybook/index.json +1 -1
  51. package/dist/storybook/project.json +1 -1
  52. package/package.json +1 -1
  53. package/dist/404.html +0 -1
  54. package/dist/storybook/assets/iframe-CPU35noh.js +0 -2
  55. package/dist/storybook/assets/number-input-B-Nmya5O.js +0 -4
  56. package/dist/storybook/assets/number-input.stories-COWyMRAs.js +0 -97
  57. package/dist/storybook/assets/unit-input-CoFS2qhN.css +0 -1
  58. package/dist/storybook/assets/unit-input.stories-BkkknmTW.js +0 -290
  59. package/dist/storybook/assets/unit-table.stories-BoNWlaAe.js +0 -150
@@ -1 +1 @@
1
- {"generatedAt":1721379614449,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.4","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.4"},"@storybook/addon-links":{"version":"8.2.4"},"@storybook/preview-api":{"version":"8.2.4"},"@storybook/react":{"version":"8.2.4"},"@storybook/react-vite":{"version":"8.2.4"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.4"}},"addons":{"@storybook/addon-actions":{"version":"8.2.4"},"@storybook/addon-docs":{"version":"8.2.4"},"storybook-dark-mode":{"version":"4.0.2"}}}
1
+ {"generatedAt":1721389554935,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.4","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.4"},"@storybook/addon-links":{"version":"8.2.4"},"@storybook/preview-api":{"version":"8.2.4"},"@storybook/react":{"version":"8.2.4"},"@storybook/react-vite":{"version":"8.2.4"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.4"}},"addons":{"@storybook/addon-actions":{"version":"8.2.4"},"@storybook/addon-docs":{"version":"8.2.4"},"storybook-dark-mode":{"version":"4.0.2"}}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oliasoft-open-source/react-ui-library",
3
- "version": "4.7.1",
3
+ "version": "4.8.0-beta-1",
4
4
  "description": "Reusable UI components for React projects",
5
5
  "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
6
6
  "bugs": {
package/dist/404.html DELETED
@@ -1 +0,0 @@
1
- <!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-D5kcnHmD.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-Oe0PlEED.css"></head><body><div id="content"></div></body>
@@ -1,2 +0,0 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./accordion.stories-sb-Y7MMb.js","./jsx-runtime-eps93zm2.js","./index-DhsZuJvc.js","./common-types-Sih75Sav.js","./index-Bk2sglWO.js","./accordion-BiuI_LCA.js","./icon-BSFY3vDO.js","./objectWithoutPropertiesLoose-CAYKN5F1.js","./inheritsLoose-DP0QEDDI.js","./index-CEuq6vkz.js","./disabled-context-rmpd7YJS.js","./icon-CXtHvr8n.css","./accordion-DhEg2ksb.css","./check-box-2fHPdAZG.js","./help-icon-CfV3_Ais.js","./tooltip-C_E_6ym5.js","./index-CUZDtIZe.js","./tooltip-COvcX6J7.css","./help-icon-DeweQs4N.css","./check-box-CV-zd_I_.css","./heading-EzI5s4VN.js","./heading-DMYPCDVj.css","./divider-DY9nJ_7N.js","./text-B3-TSWok.js","./text-2O-HSG8g.css","./divider-wQx_bznd.css","./table-DmwpXp_Q.js","./index.es-DazXb-ul.js","./redux-tRgGMjwY.js","./objectSpread2-DW4nTBoq.js","./tiny-invariant-DqLgxztJ.js","./memoize-one.esm-CcMeOnPo.js","./lodash-BHd_uQHh.js","./actions-4w-EOz3m.js","./button-CdEIDAx8.js","./spinner-AWUe4xwQ.js","./spinner-C07x-KQu.css","./button-BpFIj2Vw.css","./types-BmbYqTX_.js","./types-UmZ4Y_CR.js","./badge-CLQ59MDF.js","./badge-BiaoqO6w.css","./actions-D8UgHts6.css","./pagination-0wY_w1xz.js","./select-yqiMF9-4.js","./assertThisInitialized-B9jnkVVz.js","./select.input-DIKP56UZ.js","./select-Byh1FIvP.css","./input-D97ganXq.js","./input-WN7SK0fa.css","./input-group-BaRSJAEN.js","./input-group-C4Ph05Zr.css","./input-group-addon-D68iUKV2.js","./input-group-addon-CKbTwfkc.css","./pagination-Dv2vKYwQ.css","./number-input-B-Nmya5O.js","./index-DQs5XS8h.js","./index-DRSy5Ssd.js","./slider-BLU39INk.js","./index-BI4_Bp97.js","./slider-DnRddBCy.css","./popover-CvS_kBVF.js","./popover-CSc-8-Dh.css","./table-CyYpP6Fs.css","./accordion-C3DU7hG7.css","./actions.stories-CtocfSW4.js","./badge.stories-CKnNQLZ5.js","./breadcrumb.stories-CJArS18Q.js","./breadcrumb-DMx-Mu4J.css","./button-group.stories-B0Gb9kNs.js","./button-group-BIUVa0X9.js","./button-group-0hjBV4tw.css","./button.stories-CHt71NKu.js","./react-router-dom-Ck2Y_Fzc.js","./flex-EllkLxgO.js","./buttons-and-links-CGABKYuN.js","./index-BcNHZKhG.js","./index-0mVwGqNm.js","./index-D6rZ4wEC.js","./text-link.stories-BQAkVO-W.js","./card.stories-Cddrprok.js","./card-EcjmryU9.js","./card-VFDFIKp2.css","./check-box.stories-Do-GOmLf.js","./color-Bif_5nQw.js","./chunk-HLWAVYOI-4dAs2eBm.js","./react-16-DXAfArL2.js","./toaster-7wnI6hqB.js","./toaster-DwLvOY18.css","./message-ZenLdkrf.js","./message-nw5WQq6S.css","./toaster-B8A3xIYu.js","./divider.stories-Dd-yyGrX.js","./drawer.stories-qH2nYW2a.js","./drawer-BOl7GxGI.js","./drawer-v-B4gIC0.css","./list-BtA0jYMp.js","./meta-content-BdypOdcN.js","./meta-content-B1HsACrT.css","./loader-XHoVniao.js","./loader-B4-2F7c_.css","./list.stories-data-C_w1DX5i.js","./empty.stories-BKEXzh9o.js","./empty-L0EXybeR.css","./file-button.stories-CH6kxEKM.js","./file-input.stories-aiTQE5UN.js","./file-input-Amcc9o5I.js","./file-input-b95Ui6h6.css","./spacer-BWoNR27H.js","./textarea-DOJDK8hI.js","./textarea-DapBtyYV.css","./field.stories-eRSYmEtA.js","./field-nInV3MuR.js","./label-Cz6TT90s.js","./label-BmwKJ2Mn.css","./field-CNDCZ5UR.css","./form.stories-D58sdhOk.js","./toggle-D0yzyALV.js","./toggle-yD7j1VSk.css","./radio-button-J4oEQdxt.js","./radio-button-DvubT0Gg.css","./form-row-CM112EYF.js","./form-row-BYz5u-Vr.css","./heading.stories-D5x1-mKs.js","./help-icon.stories-D4KS1wlT.js","./icon.stories-C1hZXIMX.js","./icon-custom-Xcl4YkWP.js","./grid-B6LFPf51.js","./styled-components.browser.esm-Bf0q9Yjk.js","./input-group.stories-hHCmTbtu.js","./input-validation-DGRN9eyS.js","./select.stories-VMcOn7Ri.js","./input.stories-BHdUwYqV.js","./inputs-C1zY_c9W.js","./number-input.stories-COWyMRAs.js","./option-dropdown.stories-DvgAgTHQ.js","./option-dropdown-CqPYsFHP.css","./radio-button.stories-BFp_qyyE.js","./slider.stories-DdVxUAfH.js","./textarea.stories-CKm5MlQF.js","./toggle.stories-Cre2gnIB.js","./label.stories-BzSzxxM-.js","./layout-forms-kbHRclqK.js","./layout-general-D5EVLJYf.js","./flex.stories-CT6o2gii.js","./grid.stories-BhjMGl59.js","./column.stories-rKyxUTAG.js","./row-4iAGREkV.js","./row-D-EMWFT6.css","./afe.stories--E_j7kET.js","./top-bar-mKg-xcLh.js","./top-bar-u7j8EgRd.css","./side-bar-DAMfASqb.js","./side-bar-DvwMCSK0.css","./page-7SSpdYhb.js","./page-BnAFjzxf.css","./tabs-CAZ_dHGK.js","./tabs-DnWs2PtA.css","./blowout.stories-AxiXaQQ-.js","./casing-loads.stories-EZlP6XsN.js","./dialog-B-R6eAnf.js","./portal-GQ0_cLB6.js","./dialog-CBMZnjYb.css","./formation.stories-OtA8Hcp6.js","./projects.stories-ApHyZURX.js","./reservoirs.stories-DywuU8EY.js","./site.stories-Kk57nhAn.js","./page.stories-DdAfcsOc.js","./logo-BVP9045W.js","./page-DqJqTfkP.css","./spacer.stories-Dd1QMhoc.js","./list.stories-CmJsmJZJ.js","./immer.esm-BwVl9PS2.js","./loader.stories-CA2m3EFj.js","./progress-bar-C_kV6r0Q.js","./progress-bar-ztYhwUbl.css","./menu.stories-Bc2kf356.js","./menu.stories-data-DeDnsKpk.js","./message.stories-CXOrrAOR.js","./modal.stories-ChRLG9ud.js","./padding-and-spacing-BUAWfapl.js","./pagination.stories-BagAIIz3.js","./pop-confirm.stories-D4L3erpj.js","./pop-confirm-DX_o_X81.css","./popover.stories-ChwzGOlc.js","./portal.stories-BvRfNPz3.js","./progress-bar.stories-CpbgT43D.js","./rich-text-input.stories-Cw_6EJx8.js","./rich-text-input-DPMWElGY.css","./side-bar.stories-BlEIOckL.js","./smart-upload-modal.stories-Cot88l9r.js","./spinner.stories-DuQNhl1V.js","./cell.stories-D9KrTmCA.js","./table.stories-data-C6x-UHeN.js","./footer.stories-B5zvZawz.js","./row.stories-D7V0fxhq.js","./table.stories-DKcZk5JR.js","./title.stories-CKbl0CB2.js","./tabs.stories-DXcDAqB2.js","./text.stories-B8L4FWPt.js","./toaster.stories-DuE6vvV6.js","./tooltip.stories-C70ADjjJ.js","./tooltip.test-case.stories-BWJhZQg8.js","./top-bar.stories-CFZoJq-r.js","./top-bar.testcase.stories-BlbsX9By.js","./tree.stories-CkYwGe0X.js","./tree-BTgu2lWb.css","./unit-input.stories-BkkknmTW.js","./use-previous-D775JrO6.js","./unit-input-CoFS2qhN.css","./unit-table.stories-BoNWlaAe.js","./entry-preview-CHonU0lQ.js","./entry-preview-docs-DUYczTxA.js","./preview-BZH-CnkP.js","./preview-DeFlgNaS.css"])))=>i.map(i=>d[i]);
2
- 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"]'))c(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"&&c(e)}).observe(document,{childList:!0,subtree:!0});function m(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 c(o){if(o.ep)return;o.ep=!0;const r=m(o);fetch(o.href,r)}})();const y="modulepreload",R=function(s,i){return new URL(s,i).href},d={},t=function(i,m,c){let o=Promise.resolve();if(m&&m.length>0){const r=document.getElementsByTagName("link"),e=document.querySelector("meta[property=csp-nonce]"),E=(e==null?void 0:e.nonce)||(e==null?void 0:e.getAttribute("nonce"));o=Promise.all(m.map(_=>{if(_=R(_,c),_ in d)return;d[_]=!0;const p=_.endsWith(".css"),O=p?'[rel="stylesheet"]':"";if(!!c)for(let a=r.length-1;a>=0;a--){const u=r[a];if(u.href===_&&(!p||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${_}"]${O}`))return;const n=document.createElement("link");if(n.rel=p?"stylesheet":y,p||(n.as="script",n.crossOrigin=""),n.href=_,E&&n.setAttribute("nonce",E),document.head.appendChild(n),p)return new Promise((a,u)=>{n.addEventListener("load",a),n.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${_}`)))})}))}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:P}=__STORYBOOK_MODULE_CHANNELS__,{addons:T}=__STORYBOOK_MODULE_PREVIEW_API__,l=P({page:"preview"});T.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const v={"./src/components/accordion/accordion.stories.tsx":async()=>t(()=>import("./accordion.stories-sb-Y7MMb.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,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,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64]),import.meta.url),"./src/components/actions/actions.stories.tsx":async()=>t(()=>import("./actions.stories-CtocfSW4.js"),__vite__mapDeps([65,1,2,33,4,32,3,10,34,35,36,6,7,8,9,11,15,16,17,37,38,39,40,41,42]),import.meta.url),"./src/components/badge/badge.stories.tsx":async()=>t(()=>import("./badge.stories-CKnNQLZ5.js"),__vite__mapDeps([66,1,2,40,4,41,34,3,10,35,36,6,7,8,9,11,15,16,17,37]),import.meta.url),"./src/components/breadcrumb/breadcrumb.stories.tsx":async()=>t(()=>import("./breadcrumb.stories-CJArS18Q.js"),__vite__mapDeps([67,1,2,4,10,68]),import.meta.url),"./src/components/button-group/button-group.stories.tsx":async()=>t(()=>import("./button-group.stories-B0Gb9kNs.js"),__vite__mapDeps([69,1,2,70,3,10,39,32,34,4,35,36,6,7,8,9,11,15,16,17,37,71]),import.meta.url),"./src/components/button/button.stories.tsx":async()=>t(()=>import("./button.stories-CHt71NKu.js"),__vite__mapDeps([72,1,2,73,8,9,30,7,74,34,4,3,10,35,36,6,11,15,16,17,37]),import.meta.url),"./src/components/buttons-and-links.mdx":async()=>t(()=>import("./buttons-and-links-CGABKYuN.js"),__vite__mapDeps([75,1,2,76,77,16,8,45,78,72,73,9,30,7,74,34,4,3,10,35,36,6,11,15,17,37,79,23,24]),import.meta.url),"./src/components/card/card.stories.tsx":async()=>t(()=>import("./card.stories-Cddrprok.js"),__vite__mapDeps([80,1,2,81,4,82,20,3,14,15,16,17,6,7,8,9,10,11,18,21]),import.meta.url),"./src/components/check-box/check-box.stories.tsx":async()=>t(()=>import("./check-box.stories-Do-GOmLf.js"),__vite__mapDeps([83,1,2,13,4,3,10,14,15,16,17,6,7,8,9,11,18,19]),import.meta.url),"./src/components/color/color.mdx":async()=>t(()=>import("./color-Bif_5nQw.js"),__vite__mapDeps([84,1,2,76,85,86,16,77,8,45,78,87,88,89,4,3,6,7,9,10,11,90,91]),import.meta.url),"./src/components/divider/divider.stories.tsx":async()=>t(()=>import("./divider.stories-Dd-yyGrX.js"),__vite__mapDeps([92,1,2,3,23,4,24,22,25]),import.meta.url),"./src/components/drawer/drawer.stories.tsx":async()=>t(()=>import("./drawer.stories-qH2nYW2a.js"),__vite__mapDeps([93,1,2,3,94,4,40,41,32,9,16,6,7,8,10,11,34,35,36,15,17,37,95,96,27,28,29,30,31,81,82,97,20,14,18,21,33,38,39,42,98,99,100,74,101]),import.meta.url),"./src/components/empty/empty.stories.tsx":async()=>t(()=>import("./empty.stories-BKEXzh9o.js"),__vite__mapDeps([102,1,2,23,4,24,34,3,10,35,36,6,7,8,9,11,15,16,17,37,103]),import.meta.url),"./src/components/file-button/file-button.stories.tsx":async()=>t(()=>import("./file-button.stories-CH6kxEKM.js"),__vite__mapDeps([104,1,2,33,4,32,3,10,34,35,36,6,7,8,9,11,15,16,17,37,38,39,40,41,42]),import.meta.url),"./src/components/file-input/file-input.stories.tsx":async()=>t(()=>import("./file-input.stories-aiTQE5UN.js"),__vite__mapDeps([105,1,2,106,10,50,4,3,51,48,39,32,15,16,17,49,34,35,36,6,7,8,9,11,37,107,108,89,90,109,110]),import.meta.url),"./src/components/form/field.stories.tsx":async()=>t(()=>import("./field.stories-eRSYmEtA.js"),__vite__mapDeps([111,1,2,112,4,113,3,14,15,16,17,6,7,8,9,10,11,18,114,115,48,39,32,49,23,24]),import.meta.url),"./src/components/form/form.stories.tsx":async()=>t(()=>import("./form.stories-D58sdhOk.js"),__vite__mapDeps([116,1,2,3,10,112,4,113,14,15,16,17,6,7,8,9,11,18,114,115,48,39,32,49,44,45,31,38,23,24,33,34,35,36,37,40,41,42,46,47,13,19,70,71,117,118,50,51,52,53,58,29,59,60,109,110,119,120,121,122]),import.meta.url),"./src/components/heading/heading.stories.tsx":async()=>t(()=>import("./heading.stories-D5x1-mKs.js"),__vite__mapDeps([123,1,2,3,20,4,14,15,16,17,6,7,8,9,10,11,18,21,74]),import.meta.url),"./src/components/help-icon/help-icon.stories.tsx":async()=>t(()=>import("./help-icon.stories-D4KS1wlT.js"),__vite__mapDeps([124,1,2,3,14,4,15,16,17,6,7,8,9,10,11,18]),import.meta.url),"./src/components/icon/icon.stories.tsx":async()=>t(()=>import("./icon.stories-C1hZXIMX.js"),__vite__mapDeps([125,1,2,6,4,7,8,9,10,11,126,127,128,74,23,24]),import.meta.url),"./src/components/input-group/input-group.stories.tsx":async()=>t(()=>import("./input-group.stories-hHCmTbtu.js"),__vite__mapDeps([129,1,2,3,50,4,51,52,53,48,10,39,32,15,16,17,49,34,35,36,6,7,8,9,11,37,33,38,40,41,42,44,45,31,23,24,46,47]),import.meta.url),"./src/components/input-validation.mdx":async()=>t(()=>import("./input-validation-DGRN9eyS.js"),__vite__mapDeps([130,1,2,76,77,16,8,45,78,131,44,4,3,10,39,32,15,17,9,31,38,23,24,33,34,35,36,6,7,11,37,40,41,42,46,47,108]),import.meta.url),"./src/components/input/input.stories.tsx":async()=>t(()=>import("./input.stories-BHdUwYqV.js"),__vite__mapDeps([132,1,2,48,4,10,39,32,15,16,17,49]),import.meta.url),"./src/components/inputs.mdx":async()=>t(()=>import("./inputs-C1zY_c9W.js"),__vite__mapDeps([133,1,2,76,77,16,8,45,78,72,73,9,30,7,74,34,4,3,10,35,36,6,11,15,17,37,83,13,14,18,19,105,106,50,51,48,39,32,49,107,108,89,90,109,110,132,134,56,57,55,52,53,44,31,38,23,24,33,40,41,42,46,47,135,22,25,136,137,119,120,131,138,58,29,59,60,139,140,117,118]),import.meta.url),"./src/components/label/label.stories.tsx":async()=>t(()=>import("./label.stories-BzSzxxM-.js"),__vite__mapDeps([141,1,2,113,4,3,14,15,16,17,6,7,8,9,10,11,18,114]),import.meta.url),"./src/components/layout-forms.mdx":async()=>t(()=>import("./layout-forms-kbHRclqK.js"),__vite__mapDeps([142,1,2,76,77,16,8,45,78,111,112,4,113,3,14,15,17,6,7,9,10,11,18,114,115,48,39,32,49,23,24,116,44,31,38,33,34,35,36,37,40,41,42,46,47,13,19,70,71,117,118,50,51,52,53,58,29,59,60,109,110,119,120,121,122]),import.meta.url),"./src/components/layout-general.mdx":async()=>t(()=>import("./layout-general-D5EVLJYf.js"),__vite__mapDeps([143,1,2,76,77,16,8,45,78,144,74,34,4,3,10,35,36,6,7,9,11,15,17,37,23,24,145,127,128,81,82,146,147,148,20,14,18,21]),import.meta.url),"./src/components/layout/column.stories.tsx":async()=>t(()=>import("./column.stories-rKyxUTAG.js"),__vite__mapDeps([146,1,2,147,128,4,148,20,3,14,15,16,17,6,7,8,9,10,11,18,21]),import.meta.url),"./src/components/layout/examples/afe.stories.jsx":async()=>t(()=>import("./afe.stories--E_j7kET.js"),__vite__mapDeps([149,1,2,3,150,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,151,152,59,94,95,153,20,14,18,21,96,27,28,29,30,31,81,82,97,98,99,100,112,113,114,115,48,49,5,12,13,19,121,122,154,155,147,128,148,44,45,23,24,46,47,108,156,157,50,51,52,53]),import.meta.url),"./src/components/layout/examples/blowout.stories.jsx":async()=>t(()=>import("./blowout.stories-AxiXaQQ-.js"),__vite__mapDeps([158,1,2,3,150,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,151,152,59,94,95,153,20,14,18,21,81,82,154,155,147,128,148,108]),import.meta.url),"./src/components/layout/examples/casing-loads.stories.jsx":async()=>t(()=>import("./casing-loads.stories-EZlP6XsN.js"),__vite__mapDeps([159,1,2,3,150,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,151,152,59,94,95,153,20,14,18,21,96,27,28,29,30,31,81,82,97,98,99,100,112,113,114,115,48,49,160,161,162,13,19,121,122,154,155,147,128,148,44,45,23,24,46,47,108,156,157,26,43,50,51,52,53,54,55,56,57,58,60,61,62,63]),import.meta.url),"./src/components/layout/examples/formation.stories.jsx":async()=>t(()=>import("./formation.stories-OtA8Hcp6.js"),__vite__mapDeps([163,1,2,150,4,6,7,8,9,10,11,3,34,35,36,15,16,17,37,33,32,38,39,40,41,42,151,152,59,94,95,153,20,14,18,21,154,155,147,128,148,108,156,46,157,26,27,28,29,30,31,43,44,45,23,24,47,48,49,50,51,52,53,54,55,56,57,13,19,58,60,61,62,63]),import.meta.url),"./src/components/layout/examples/projects.stories.jsx":async()=>t(()=>import("./projects.stories-ApHyZURX.js"),__vite__mapDeps([164,1,2,150,4,6,7,8,9,10,11,3,34,35,36,15,16,17,37,33,32,38,39,40,41,42,151,96,27,28,29,30,31,81,82,97,20,14,18,21,98,99,100,154,155,147,128,148,156,46,157,108]),import.meta.url),"./src/components/layout/examples/reservoirs.stories.jsx":async()=>t(()=>import("./reservoirs.stories-DywuU8EY.js"),__vite__mapDeps([165,1,2,3,150,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,151,152,59,94,95,153,20,14,18,21,96,27,28,29,30,31,81,82,97,98,99,100,112,113,114,115,48,49,13,19,119,46,120,121,122,154,155,147,128,148,44,45,23,24,47,108]),import.meta.url),"./src/components/layout/examples/site.stories.jsx":async()=>t(()=>import("./site.stories-Kk57nhAn.js"),__vite__mapDeps([166,1,2,3,150,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,151,152,59,94,95,153,20,14,18,21,96,27,28,29,30,31,81,82,97,98,99,100,112,113,114,115,48,49,13,19,154,155,147,128,148,5,12,108,156,46,157]),import.meta.url),"./src/components/layout/flex/flex.stories.tsx":async()=>t(()=>import("./flex.stories-CT6o2gii.js"),__vite__mapDeps([144,1,2,74,34,4,3,10,35,36,6,7,8,9,11,15,16,17,37,23,24]),import.meta.url),"./src/components/layout/grid/grid.stories.tsx":async()=>t(()=>import("./grid.stories-BhjMGl59.js"),__vite__mapDeps([145,1,2,127,128,81,4,82]),import.meta.url),"./src/components/layout/page.stories.tsx":async()=>t(()=>import("./page.stories-DdAfcsOc.js"),__vite__mapDeps([167,1,2,154,4,155,150,6,7,8,9,10,11,3,34,35,36,15,16,17,37,33,32,38,39,40,41,42,151,152,59,94,95,153,20,14,18,21,168,169]),import.meta.url),"./src/components/layout/spacer/spacer.stories.tsx":async()=>t(()=>import("./spacer.stories-Dd1QMhoc.js"),__vite__mapDeps([170,1,2,108,74,34,4,3,10,35,36,6,7,8,9,11,15,16,17,37]),import.meta.url),"./src/components/list/list.stories.tsx":async()=>t(()=>import("./list.stories-CmJsmJZJ.js"),__vite__mapDeps([171,1,2,172,73,8,9,30,7,96,4,27,28,29,16,31,81,82,97,3,6,10,11,20,14,15,17,18,21,33,32,34,35,36,37,38,39,40,41,42,98,99,100,74,101]),import.meta.url),"./src/components/loader/loader.stories.tsx":async()=>t(()=>import("./loader.stories-CA2m3EFj.js"),__vite__mapDeps([173,1,2,3,99,4,100,174,175,35,36,108,34,10,6,7,8,9,11,15,16,17,37,81,82]),import.meta.url),"./src/components/menu/menu.stories.tsx":async()=>t(()=>import("./menu.stories-Bc2kf356.js"),__vite__mapDeps([176,1,2,73,8,9,30,7,3,33,4,32,10,34,35,36,6,11,15,16,17,37,38,39,40,41,42,74,177]),import.meta.url),"./src/components/message/message.stories.tsx":async()=>t(()=>import("./message.stories-CXOrrAOR.js"),__vite__mapDeps([178,1,2,89,4,3,6,7,8,9,10,11,90,34,35,36,15,16,17,37,127,128]),import.meta.url),"./src/components/modal/modal.stories.tsx":async()=>t(()=>import("./modal.stories-ChRLG9ud.js"),__vite__mapDeps([179,1,2,3,160,4,161,16,32,20,14,15,17,6,7,8,9,10,11,18,21,34,35,36,37,162,61,62,48,39,49,50,51,112,113,114,115,33,38,40,41,42,44,45,31,23,24,46,47,108]),import.meta.url),"./src/components/number-input/number-input.stories.tsx":async()=>t(()=>import("./number-input.stories-COWyMRAs.js"),__vite__mapDeps([134,1,2,56,57,55,32,48,4,10,39,15,16,17,49,50,3,51,52,53,44,9,8,45,31,38,23,24,33,34,35,36,6,7,11,37,40,41,42,46,47]),import.meta.url),"./src/components/option-dropdown/option-dropdown.stories.tsx":async()=>t(()=>import("./option-dropdown.stories-DvgAgTHQ.js"),__vite__mapDeps([135,1,2,3,33,4,32,10,34,35,36,6,7,8,9,11,15,16,17,37,38,39,40,41,42,13,14,18,19,22,23,24,25,136]),import.meta.url),"./src/components/padding-and-spacing.mdx":async()=>t(()=>import("./padding-and-spacing-BUAWfapl.js"),__vite__mapDeps([180,1,2,76,77,16,8,45,78]),import.meta.url),"./src/components/pagination/pagination.stories.tsx":async()=>t(()=>import("./pagination.stories-BagAIIz3.js"),__vite__mapDeps([181,1,2,43,3,44,4,10,39,32,15,16,17,9,8,45,31,38,23,24,33,34,35,36,6,7,11,37,40,41,42,46,47,48,49,50,51,52,53,54]),import.meta.url),"./src/components/pop-confirm/pop-confirm.stories.tsx":async()=>t(()=>import("./pop-confirm.stories-D4L3erpj.js"),__vite__mapDeps([182,1,2,61,15,16,4,17,3,10,34,35,36,6,7,8,9,11,37,62,23,24,91,87,88,89,90,183]),import.meta.url),"./src/components/popover/popover.stories.tsx":async()=>t(()=>import("./popover.stories-ChwzGOlc.js"),__vite__mapDeps([184,1,2,108,61,15,16,4,17,3,10,34,35,36,6,7,8,9,11,37,62,48,39,32,49,74,44,45,31,38,23,24,33,40,41,42,46,47]),import.meta.url),"./src/components/portal/portal.stories.tsx":async()=>t(()=>import("./portal.stories-BvRfNPz3.js"),__vite__mapDeps([185,1,2,16,161]),import.meta.url),"./src/components/progress-bar/progress-bar.stories.tsx":async()=>t(()=>import("./progress-bar.stories-CpbgT43D.js"),__vite__mapDeps([186,1,2,174,4,175]),import.meta.url),"./src/components/radio-button/radio-button.stories.tsx":async()=>t(()=>import("./radio-button.stories-BFp_qyyE.js"),__vite__mapDeps([137,1,2,119,4,10,46,38,3,14,15,16,17,6,7,8,9,11,18,120]),import.meta.url),"./src/components/rich-text-input/rich-text-input.stories.tsx":async()=>t(()=>import("./rich-text-input.stories-Cw_6EJx8.js"),__vite__mapDeps([187,1,2,10,3,34,4,35,36,6,7,8,9,11,15,16,17,37,44,39,32,45,31,38,23,24,33,40,41,42,46,47,188]),import.meta.url),"./src/components/select/select.stories.tsx":async()=>t(()=>import("./select.stories-VMcOn7Ri.js"),__vite__mapDeps([131,1,2,44,4,3,10,39,32,15,16,17,9,8,45,31,38,23,24,33,34,35,36,6,7,11,37,40,41,42,46,47,108]),import.meta.url),"./src/components/side-bar/side-bar.stories.tsx":async()=>t(()=>import("./side-bar.stories-BlEIOckL.js"),__vite__mapDeps([189,1,2,3,152,4,59,94,40,41,32,9,16,6,7,8,10,11,34,35,36,15,17,37,95,153,74,126]),import.meta.url),"./src/components/slider/slider.stories.tsx":async()=>t(()=>import("./slider.stories-DdVxUAfH.js"),__vite__mapDeps([138,1,2,58,32,29,4,8,7,31,59,3,10,15,16,17,34,35,36,6,9,11,37,60,23,24]),import.meta.url),"./src/components/smart-upload-modal/smart-upload-modal.stories.tsx":async()=>t(()=>import("./smart-upload-modal.stories-Cot88l9r.js"),__vite__mapDeps([190,1,2,34,4,3,10,35,36,6,7,8,9,11,15,16,17,37,160,161,32,20,14,18,21,162,106,50,51,48,39,49,107,108,23,24,174,175,56,57]),import.meta.url),"./src/components/spinner/spinner.stories.tsx":async()=>t(()=>import("./spinner.stories-DuQNhl1V.js"),__vite__mapDeps([191,1,2,35,36]),import.meta.url),"./src/components/table/cell/cell.stories.tsx":async()=>t(()=>import("./cell.stories-D9KrTmCA.js"),__vite__mapDeps([192,1,2,26,4,27,8,28,29,30,16,31,7,32,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,23,24,46,47,48,49,50,51,52,53,54,55,56,57,13,19,58,59,60,61,62,63,112,113,114,115,74,193]),import.meta.url),"./src/components/table/footer/footer.stories.tsx":async()=>t(()=>import("./footer.stories-B5zvZawz.js"),__vite__mapDeps([194,1,2,26,4,27,8,28,29,30,16,31,7,32,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,23,24,46,47,48,49,50,51,52,53,54,55,56,57,13,19,58,59,60,61,62,63,193,74]),import.meta.url),"./src/components/table/row/row.stories.tsx":async()=>t(()=>import("./row.stories-D7V0fxhq.js"),__vite__mapDeps([195,1,2,26,4,27,8,28,29,30,16,31,7,32,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,23,24,46,47,48,49,50,51,52,53,54,55,56,57,13,19,58,59,60,61,62,63,193,74]),import.meta.url),"./src/components/table/table.stories.tsx":async()=>t(()=>import("./table.stories-DKcZk5JR.js"),__vite__mapDeps([196,1,2,172,32,127,128,23,4,24,26,27,8,28,29,30,16,31,7,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,13,19,58,59,60,61,62,63,81,82,112,113,114,115,193,74]),import.meta.url),"./src/components/table/title/title.stories.tsx":async()=>t(()=>import("./title.stories-CKbl0CB2.js"),__vite__mapDeps([197,1,2,26,4,27,8,28,29,30,16,31,7,32,33,3,10,34,35,36,6,9,11,15,17,37,38,39,40,41,42,20,14,18,21,43,44,45,23,24,46,47,48,49,50,51,52,53,54,55,56,57,13,19,58,59,60,61,62,63,193,74]),import.meta.url),"./src/components/tabs/tabs.stories.tsx":async()=>t(()=>import("./tabs.stories-DXcDAqB2.js"),__vite__mapDeps([198,1,2,156,4,10,40,41,46,38,157]),import.meta.url),"./src/components/text-link/text-link.stories.tsx":async()=>t(()=>import("./text-link.stories-BQAkVO-W.js"),__vite__mapDeps([79,1,2,73,8,9,30,7,74,23,4,24]),import.meta.url),"./src/components/text/text.stories.tsx":async()=>t(()=>import("./text.stories-B8L4FWPt.js"),__vite__mapDeps([199,1,2,23,4,24]),import.meta.url),"./src/components/textarea/textarea.stories.tsx":async()=>t(()=>import("./textarea.stories-CKm5MlQF.js"),__vite__mapDeps([139,1,2,109,4,39,32,10,15,16,17,110]),import.meta.url),"./src/components/toaster/toaster.stories.tsx":async()=>t(()=>import("./toaster.stories-DuE6vvV6.js"),__vite__mapDeps([200,1,2,127,128,23,4,24,74,91,87,16,88,89,3,6,7,8,9,10,11,90,34,35,36,15,17,37,108]),import.meta.url),"./src/components/toggle/toggle.stories.tsx":async()=>t(()=>import("./toggle.stories-Cre2gnIB.js"),__vite__mapDeps([140,1,2,74,23,4,24,117,3,10,14,15,16,17,6,7,8,9,11,18,118]),import.meta.url),"./src/components/tooltip/tooltip.stories.tsx":async()=>t(()=>import("./tooltip.stories-C70ADjjJ.js"),__vite__mapDeps([201,1,2,15,16,4,17]),import.meta.url),"./src/components/tooltip/tooltip.test-case.stories.tsx":async()=>t(()=>import("./tooltip.test-case.stories-BWJhZQg8.js"),__vite__mapDeps([202,1,2,15,16,4,17,33,32,3,10,34,35,36,6,7,8,9,11,37,38,39,40,41,42,177,74]),import.meta.url),"./src/components/top-bar/top-bar.stories.tsx":async()=>t(()=>import("./top-bar.stories-CFZoJq-r.js"),__vite__mapDeps([203,1,2,73,8,9,30,7,3,150,4,6,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,151,154,155,168,126]),import.meta.url),"./src/components/top-bar/top-bar.testcase.stories.tsx":async()=>t(()=>import("./top-bar.testcase.stories-BlbsX9By.js"),__vite__mapDeps([204,1,2,3,150,4,6,7,8,9,10,11,34,35,36,15,16,17,37,33,32,38,39,40,41,42,151,168]),import.meta.url),"./src/components/tree/tree.stories.tsx":async()=>t(()=>import("./tree.stories-CkYwGe0X.js"),__vite__mapDeps([205,1,2,6,4,7,8,9,10,11,57,3,97,20,14,15,16,17,18,21,33,32,34,35,36,37,38,39,40,41,42,98,28,29,23,24,206]),import.meta.url),"./src/components/unit-input/unit-input.stories.tsx":async()=>t(()=>import("./unit-input.stories-BkkknmTW.js"),__vite__mapDeps([207,1,2,56,57,4,208,33,32,3,10,34,35,36,6,7,8,9,11,15,16,17,37,38,39,40,41,42,52,53,50,51,108,23,24,48,49,22,25,147,128,148,112,113,14,18,114,115,89,90,209]),import.meta.url),"./src/components/unit-table/unit-table.stories.tsx":async()=>t(()=>import("./unit-table.stories-BoNWlaAe.js"),__vite__mapDeps([210,1,2,172,56,57,127,128,108,81,4,82,112,113,3,14,15,16,17,6,7,8,9,10,11,18,114,115,20,21,44,39,32,45,31,38,23,24,33,34,35,36,37,40,41,42,46,47,117,118,208,26,27,28,29,30,43,48,49,50,51,52,53,54,55,13,19,58,59,60,61,62,63]),import.meta.url)};async function L(s){return v[s]()}const{composeConfigs:x,PreviewWeb:I,ClientApi:f}=__STORYBOOK_MODULE_PREVIEW_API__,A=async(s=[])=>{const i=await Promise.all([s.at(0)??t(()=>import("./entry-preview-CHonU0lQ.js"),__vite__mapDeps([211,2,86,16]),import.meta.url),s.at(1)??t(()=>import("./entry-preview-docs-DUYczTxA.js"),__vite__mapDeps([212,78,2,9]),import.meta.url),s.at(2)??t(()=>import("./preview-Ct5NkTJf.js"),[],import.meta.url),s.at(3)??t(()=>import("./preview-C_kotj1_.js"),[],import.meta.url),s.at(4)??t(()=>import("./preview-BZH-CnkP.js"),__vite__mapDeps([213,1,2,87,16,88,89,4,3,6,7,8,9,10,11,90,77,45,78,57,85,86,214]),import.meta.url)]);return x(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new I(L,A);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _};
@@ -1,4 +0,0 @@
1
- import{j as G}from"./jsx-runtime-eps93zm2.js";import{r as s}from"./index-DhsZuJvc.js";import{d as v}from"./index-DQs5XS8h.js";import{l as J}from"./lodash-BHd_uQHh.js";import{I as K}from"./input-D97ganXq.js";const P=t=>t?typeof t=="string"?t:J.isArray(t)?t[0]:t.fieldName:"",Q=({name:t,placeholder:N="",disabled:q=!1,error:y=!1,left:V=!1,small:I=!1,width:h="100%",value:u="",onChange:F=()=>{},onFocus:S=()=>{},onBlur:x=()=>{},tabIndex:H=0,testId:L,tooltip:M=null,warning:R=!1,validationCallback:l=()=>{},allowEmpty:j=!1,isInTable:A,groupOrder:B,enableDisplayRounding:T=!1,roundDisplayValue:b})=>{const r=s.useRef(null),[i,f]=s.useState(u),[C,o]=s.useState(null),[c,E]=s.useState(!1),a=P(t),w=e=>{let n=v.validateNumber(e);return j&&e===""||n.valid?{...n,valid:!0,errors:void 0}:n};s.useEffect(()=>{const{valid:e,errors:n}=w(u);if(f(u),e)o(null),l(a,null);else{const m=n&&n.length?n[0]:null;o(m),l(a,m)}},[u,y]);const D=e=>{const n=e.target,{value:m}=n,d=v.cleanNumStr(m.replaceAll(" ","").replaceAll("|","")),{valid:z,errors:g}=w(d);if(z){const p={...e,target:{...e.target,value:d,name:a}};F(p),f(d),o(null),l(a,null)}else{f(d);const p=g&&g.length?g[0]:null;o(p),l(a,p)}};s.useEffect(()=>{if(r&&(r!=null&&r.current)&&T&&c){const e=r.current;e&&setTimeout(()=>{const{length:n}=String(i);e.setSelectionRange(n,n)},0)}},[c]);const O=e=>{E(!0),S(e)},_=e=>{E(!1),x(e)},k=!c&&T?b?b(i):v.roundToFixed(i,2):i;return G.jsx(K,{type:"text",name:a,testId:L,disabled:q,placeholder:N,value:k,onChange:D,onFocus:O,onBlur:_,error:y||C,warning:R,right:!V,small:I,width:h,isInTable:A,groupOrder:B,tabIndex:H,tooltip:M,ref:r},a)};Q.__docgenInfo={description:"",methods:[],displayName:"NumberInput",props:{name:{required:!1,tsType:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",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:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: ChangeEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLInputElement"}],raw:"ChangeEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},validationCallback:{required:!1,tsType:{name:"signature",type:"function",raw:`(
2
- name: string | { fieldName: string },
3
- error: string | null,
4
- ) => void`,signature:{arguments:[{type:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},name:"name"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"error"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},allowEmpty:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"any"},description:""},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},roundDisplayValue:{required:!1,tsType:{name:"signature",type:"function",raw:"(args: TStringNumberNull) => TStringNumberNull",signature:{arguments:[{type:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},name:"args"}],return:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]}}},description:""}}};export{Q as N};
@@ -1,97 +0,0 @@
1
- import{j as n}from"./jsx-runtime-eps93zm2.js";import{d as ne}from"./index-DQs5XS8h.js";import{N as i}from"./number-input-B-Nmya5O.js";import{I as ae}from"./input-group-BaRSJAEN.js";import{I as re}from"./input-group-addon-D68iUKV2.js";import{S as te}from"./select-yqiMF9-4.js";import"./index-DhsZuJvc.js";import"./index-DRSy5Ssd.js";import"./lodash-BHd_uQHh.js";import"./input-D97ganXq.js";import"./index-Bk2sglWO.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";import"./common-types-Sih75Sav.js";import"./index-CEuq6vkz.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-4w-EOz3m.js";import"./button-CdEIDAx8.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";const{useArgs:se}=__STORYBOOK_MODULE_PREVIEW_API__,je={title:"Forms/NumberInput",component:i,parameters:{canvas:{page:null}},args:{label:"Label"}},e=h=>{const[ue,Z]=se(),$=ee=>{Z({value:ee.target.value})};return n.jsx(i,{onChange:$,value:123,...h})},c=e.bind({}),a=e.bind({});a.args={small:!0};const r=e.bind({});r.args={width:"150px"};const t=e.bind({});t.args={left:!0};const s=e.bind({});s.args={disabled:!0};const u=e.bind({});u.args={allowEmpty:!0,value:""};const o=e.bind({});o.args={warning:"This input number is almost 100!",value:"99"};const p=e.bind({});p.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const l=e.bind({});l.args={value:"123.123456789",enableDisplayRounding:!0};const m=e.bind({});m.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:h=>ne.roundToFixed(h,4)};const d=()=>n.jsxs(ae,{small:!0,children:[n.jsx(i,{value:123}),n.jsx(re,{children:"to"}),n.jsx(i,{value:123}),n.jsx(te,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]});d.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};var v,C,I;c.parameters={...c.parameters,docs:{...(v=c.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
2
- const [_, updateArgs] = useArgs();
3
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
4
- updateArgs({
5
- value: evt.target.value
6
- });
7
- };
8
- return <NumberInput onChange={handleChange} value={123} {...args} />;
9
- }`,...(I=(C=c.parameters)==null?void 0:C.docs)==null?void 0:I.source}}};var A,b,E;a.parameters={...a.parameters,docs:{...(A=a.parameters)==null?void 0:A.docs,source:{originalSource:`args => {
10
- const [_, updateArgs] = useArgs();
11
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
12
- updateArgs({
13
- value: evt.target.value
14
- });
15
- };
16
- return <NumberInput onChange={handleChange} value={123} {...args} />;
17
- }`,...(E=(b=a.parameters)==null?void 0:b.docs)==null?void 0:E.source}}};var _,T,S;r.parameters={...r.parameters,docs:{...(_=r.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
18
- const [_, updateArgs] = useArgs();
19
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
20
- updateArgs({
21
- value: evt.target.value
22
- });
23
- };
24
- return <NumberInput onChange={handleChange} value={123} {...args} />;
25
- }`,...(S=(T=r.parameters)==null?void 0:T.docs)==null?void 0:S.source}}};var N,L,f;t.parameters={...t.parameters,docs:{...(N=t.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
26
- const [_, updateArgs] = useArgs();
27
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
28
- updateArgs({
29
- value: evt.target.value
30
- });
31
- };
32
- return <NumberInput onChange={handleChange} value={123} {...args} />;
33
- }`,...(f=(L=t.parameters)==null?void 0:L.docs)==null?void 0:f.source}}};var x,D,M;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
34
- const [_, updateArgs] = useArgs();
35
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
36
- updateArgs({
37
- value: evt.target.value
38
- });
39
- };
40
- return <NumberInput onChange={handleChange} value={123} {...args} />;
41
- }`,...(M=(D=s.parameters)==null?void 0:D.docs)==null?void 0:M.source}}};var y,H,G;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
42
- const [_, updateArgs] = useArgs();
43
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
44
- updateArgs({
45
- value: evt.target.value
46
- });
47
- };
48
- return <NumberInput onChange={handleChange} value={123} {...args} />;
49
- }`,...(G=(H=u.parameters)==null?void 0:H.docs)==null?void 0:G.source}}};var R,W,j;o.parameters={...o.parameters,docs:{...(R=o.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
50
- const [_, updateArgs] = useArgs();
51
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
52
- updateArgs({
53
- value: evt.target.value
54
- });
55
- };
56
- return <NumberInput onChange={handleChange} value={123} {...args} />;
57
- }`,...(j=(W=o.parameters)==null?void 0:W.docs)==null?void 0:j.source}}};var w,O,B;p.parameters={...p.parameters,docs:{...(w=p.parameters)==null?void 0:w.docs,source:{originalSource:`args => {
58
- const [_, updateArgs] = useArgs();
59
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
60
- updateArgs({
61
- value: evt.target.value
62
- });
63
- };
64
- return <NumberInput onChange={handleChange} value={123} {...args} />;
65
- }`,...(B=(O=p.parameters)==null?void 0:O.docs)==null?void 0:B.source}}};var F,P,V;g.parameters={...g.parameters,docs:{...(F=g.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
66
- const [_, updateArgs] = useArgs();
67
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
68
- updateArgs({
69
- value: evt.target.value
70
- });
71
- };
72
- return <NumberInput onChange={handleChange} value={123} {...args} />;
73
- }`,...(V=(P=g.parameters)==null?void 0:P.docs)==null?void 0:V.source}}};var K,U,Y;l.parameters={...l.parameters,docs:{...(K=l.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
74
- const [_, updateArgs] = useArgs();
75
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
76
- updateArgs({
77
- value: evt.target.value
78
- });
79
- };
80
- return <NumberInput onChange={handleChange} value={123} {...args} />;
81
- }`,...(Y=(U=l.parameters)==null?void 0:U.docs)==null?void 0:Y.source}}};var k,q,z;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
82
- const [_, updateArgs] = useArgs();
83
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
84
- updateArgs({
85
- value: evt.target.value
86
- });
87
- };
88
- return <NumberInput onChange={handleChange} value={123} {...args} />;
89
- }`,...(z=(q=m.parameters)==null?void 0:q.docs)==null?void 0:z.source}}};var J,Q,X;d.parameters={...d.parameters,docs:{...(J=d.parameters)==null?void 0:J.docs,source:{originalSource:`() => <InputGroup small>
90
- <NumberInput value={123} />
91
- <InputGroupAddon>to</InputGroupAddon>
92
- <NumberInput value={123} />
93
- <Select options={[{
94
- value: 'units',
95
- label: 'units'
96
- }]} width="auto" value="units" />
97
- </InputGroup>`,...(X=(Q=d.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};const we=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","WithDisplayRounding","WithCustomDisplayRounding","TestInputGroup"];export{u as AllowEmpty,g as BadInput,c as Default,s as Disabled,p as Error,t as Left,a as Small,d as TestInputGroup,o as Warning,r as Width,m as WithCustomDisplayRounding,l as WithDisplayRounding,we as __namedExportsOrder,je as default};
@@ -1 +0,0 @@
1
- ._predefinedMenuActive_1yvt4_1 input{background:var(--color-background-disabled)!important}
@@ -1,290 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as m}from"./index-DhsZuJvc.js";import{d as s,r as ct}from"./index-DQs5XS8h.js";import{c as mt}from"./index-Bk2sglWO.js";import{u as pt}from"./use-previous-D775JrO6.js";import{M as Te}from"./actions-4w-EOz3m.js";import{I as gt}from"./input-group-addon-D68iUKV2.js";import{B as c}from"./button-CdEIDAx8.js";import{T as ht}from"./tooltip-C_E_6ym5.js";import{I as vt}from"./input-group-BaRSJAEN.js";import{S as V}from"./spacer-BWoNR27H.js";import{T as Ln}from"./text-B3-TSWok.js";import{I as ft}from"./input-D97ganXq.js";import{M as Se}from"./types-BmbYqTX_.js";import{l as T}from"./lodash-BHd_uQHh.js";import{D as yt}from"./divider-DY9nJ_7N.js";import{R as Kn,C as ge}from"./row-4iAGREkV.js";import{F as w}from"./field-nInV3MuR.js";import{M as he}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 Ct=()=>{const n=m.useRef(null);return m.useLayoutEffect(()=>{n.current&&(n.current(),n.current=null)}),t=>{n.current=t}},bt=(n,a)=>{const t=a==null?void 0:a[n];return t||(console.log(`Warning: 'unitTemplate' does not define a preferred unit for '${n}'. Defaulting to standard unit.`),s.unitFromQuantity(n)??"")};var C=(n=>(n.CUSTOM="custom",n.PREDEFINED="predefined",n))(C||{});const $n=n=>n==="undefined"||n===void 0||n===""||n==="null"||n===null||n==="NaN"||isNaN(n),zn=(n="",a,t="",l=!1)=>{if(l)return n;if(a&&!$n(n))try{const o=s.isValueWithUnit(n)?n:s.withUnit(n,t),d=s.convertSamePrecision(o,a);return s.getValue(d)}catch{}return n},Ut=n=>n?!!s.getUnit(n):!1,_=(n="",a,t,l)=>{if(l)return n;const o=Ut(n)||s.isValueWithUnit(n),d=s.getValue(n);return $n(d)?d:o?zn(d,a,t,l):n},Ne=n=>T.isObject(n)&&!T.isArray(n)&&!T.isFunction(n)?T.get(n,"fieldName",""):typeof n=="string"?n:"",xt=n=>T.isObjectLike(n)&&T.has(n,"message"),It=n=>typeof n=="string"?n:xt(n)?n.message:null;var wt=ct();const Vt=n=>n.search(RegExp(/(^0{2}\.)|(^0+[1-9])/g))===0,Ae=(n,a)=>{var j;const{allowEmpty:t=!1,autoValue:l,placeholder:o,disabledValidation:d=!1}=a||{},i=String(n);if(d||l||o)return null;const g=wt.isValueWithUnit(i)?s.getValue(i):i;if(t&&g==="")return null;if(Vt(g))return"Invalid number format due to leading zeroes";const h=s.validateNumber(g);if(!h.valid){const ie=((j=h==null?void 0:h.errors)==null?void 0:j[0])??null;return It(ie)}return null},qe=(n="")=>{var a;return(a=s.KNOWN_UNITS)==null?void 0:a.includes(n)},jt=(n,a)=>{const t=s.getUnit(n||"");return qe(a)&&qe(t)},Et="_predefinedMenuActive_1yvt4_1",kt={predefinedMenuActive:Et},p=({name:n,placeholder:a="",disabled:t=!1,disabledUnit:l=!1,error:o=null,left:d=!1,small:i=!1,width:g="100%",value:h,unitkey:j="",initUnit:ie,noConversion:Gn=!1,onChange:le=()=>{},onClick:St=()=>{},onFocus:Jn=()=>{},onSwitchUnit:ve=()=>{},unitTemplate:fe,doNotConvertValue:q=!1,testId:k,warning:Yn=null,predefinedOptions:x,initialPredefinedOption:Zn=!1,shouldLinkAutomaticly:ye=!0,selectedPredefinedOptionKey:Ce,validationCallback:be=()=>({name:"",error:null}),disabledValidation:Ue=!1,allowEmpty:xe=!1,autoValue:I})=>{typeof h=="number"&&(h=`${h}`);const Qn=Ct(),[ue="",P=""]=h!==void 0?s.split(h):[],Ie=I?s.getUnit(I):"",we=m.useMemo(()=>bt(j,fe),[j,fe]),Xn=jt(h,we),U=ie||we||P,et=pt(U),Ve=_(h,U,P,q),je=_(I,U,Ie,q),nt=Ve!==""?{value:Ve,unit:U}:je!==""?{value:je,unit:U}:{value:ue,unit:P},[v,ne]=m.useState(nt),[tt,oe]=m.useState(null),[E,de]=m.useState(Zn?C.PREDEFINED:C.CUSTOM),ce=ue===""&&I,M=x&&x.find(r=>{if(!(r!=null&&r.value))return;if(Ce)return Ce===r.valueKey;const u=s.isValueWithUnit(r==null?void 0:r.value)?s.getUnit(r==null?void 0:r.value):"";return s.withUnit(zn(h,u),u)===(r==null?void 0:r.value)}),at=()=>{if(j)try{const r=ce?I:h??"";let u=s.altUnitsList(r,j);return s.getValue(r)===""?u.map(f=>["",f[1]]):u}catch{return null}},rt=r=>{const u=Ne(n),f=r.target,{value:b,selectionStart:D}=f,ke=s.cleanNumStr(b.replaceAll(" ","").replaceAll("|","")),me=s.withUnit(ke,(v==null?void 0:v.unit)||""),ut=s.getValue(me),pe=Ae(ut,{allowEmpty:xe,autoValue:I,placeholder:a,disabledValidation:Ue});if(pe===null){le({target:{value:me,name:u}});const[ot,dt]=s.split(me);ne({value:ot,unit:dt}),oe(null),be(u,null)}else ne({value:ke,unit:v.unit}),oe(pe),be(u,pe);Qn(()=>{f.selectionStart=D,f.selectionEnd=D})},st=(r,u)=>{u===v.unit||isNaN(Number(r))||(ne({value:r,unit:u}),ve&&ve(u))};m.useEffect(()=>{if(U){let f,b="";et!==U?(f=_(h,U,P,q),b=U):s.withUnit(v.value,v.unit)!==h&&(f=_(h,v.unit,P,q),b=v.unit),f!==void 0&&ne({value:f,unit:b}),x&&de(M&&ye?C.PREDEFINED:C.CUSTOM)}const r=s.checkAndCleanDecimalComma(ue),u=Ae(r,{allowEmpty:xe,autoValue:I,placeholder:a,disabledValidation:Ue});oe(u)},[U,h,o,ye]);const te=at(),ae=s.label(v.unit)||v.unit||"",it=Gn||!te||te&&te.length===1,Ee=Ne(n);let re;const lt=r=>{const u=r!=null&&r.value?r.value:"",[f="",b=""]=s.isValueWithUnit(u)?s.split(u):[u];return{type:Se.OPTION,inline:!0,onClick:()=>{s.validateNumber(f).valid&&!t&&(de(C.PREDEFINED),le({target:{value:u,name:typeof n=="string"?n:(n==null?void 0:n.fieldName)||"",predefinedSelected:!0,predefinedOption:r}}))},label:e.jsxs(e.Fragment,{children:[e.jsx(Ln,{children:r.label}),e.jsx(V,{width:"20px",height:"0"})]}),description:s.isValueWithUnit(u)?`${f} ${b}`:u,selected:M===r&&E===C.PREDEFINED}};if(re=[{type:Se.OPTION,inline:!0,onClick:()=>{E!==C.CUSTOM&&!t&&le({target:{value:s.withUnit(v.value,v.unit),name:typeof n=="string"?n:(n==null?void 0:n.fieldName)||""}})},label:"Custom",selected:E===C.CUSTOM}],x!=null&&x.length){const r=x.map(lt);re=[...re,...r]}return e.jsx("div",{className:E===C.PREDEFINED?mt(kt.predefinedMenuActive):"",children:e.jsxs(vt,{small:i,width:g,children:[x&&e.jsx(ht,{text:E===C.PREDEFINED?M==null?void 0:M.label:"",children:e.jsx(Te,{maxHeight:380,groupOrder:"first",testId:k&&`${k}-predefined-menu`,disabled:t,menu:{colored:!0,trigger:"Component",component:e.jsx(c,{groupOrder:"first",active:E===C.PREDEFINED,icon:E===C.PREDEFINED?"link":"unlink"}),small:i,sections:re}})}),e.jsx(ft,{type:"text",name:Ee,testId:k,disabled:t,placeholder:ce?_(I,v.unit,Ie,q):a,value:v.value,onChange:rt,onFocus:Jn,error:o||tt,warning:Yn,right:!d},Ee),ae&&(it||!Xn?e.jsx(gt,{groupOrder:"last",children:ae}):e.jsx(Te,{maxHeight:380,groupOrder:"last",disabled:l,testId:k&&`${k}-menu`,menu:{label:ae,trigger:"DropDownButton",small:i,sections:te.map(([r,u,f])=>{const b=f||u||"";return{type:"Option",label:isNaN(Number(r))?"":r,inline:!0,onClick:D=>{D.stopPropagation(),st(ce?"":r,u)},description:b,selected:b===ae,testId:`${k}-unit-${b}`}})}}))]})})};p.__docgenInfo={description:"",methods:[],displayName:"UnitInput",props:{name:{required:!0,tsType:{name:"union",raw:"string | { fieldName?: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName?: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!1}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabledUnit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | null | boolean",elements:[{name:"string"},{name:"null"},{name:"boolean"}]},description:"",defaultValue:{value:"null",computed:!1}},left:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},value:{required:!1,tsType:{name:"string"},description:""},unitkey:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},initUnit:{required:!1,tsType:{name:"string"},description:""},noConversion:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},doNotConvertValue:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{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:Tt}=__STORYBOOK_MODULE_PREVIEW_API__,da={title:"Basic/UnitInput",component:p,args:{name:"example",unitkey:"length",value:"123|m"}},y=n=>{const[a,t]=Tt(),l=o=>{t({value:o.target.value})};return e.jsx(p,{...n,onChange:l})},se=y.bind({}),F=y.bind({});F.args={initUnit:"ft",unitTemplate:{length:"ft"}};const O=y.bind({});O.args={value:'123|"',unitkey:'"'};const W=y.bind({});W.args={width:"180px"};const B=y.bind({});B.args={noConversion:!0};const R=y.bind({});R.args={small:!0};const H=y.bind({});H.args={error:"Error message goes here"};const L=y.bind({});L.args={value:"asas123asd|%"};const S=y.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=y.bind({});K.args={disabled:!0,disabledUnit:!0,noConversion:!0};const $=y.bind({});$.args={disabledUnit:!0,unitkey:void 0};const z=y.bind({});z.args={disabledUnit:!0,unitkey:"length"};const G=y.bind({});G.args={disabledUnit:!1,disabled:!0};const N=n=>{const[a,t]=m.useState("123|m"),[l,o]=m.useState("223|m"),[d,i]=m.useState("ft");return e.jsxs(e.Fragment,{children:[e.jsx(c,{label:"Change initUnit",onClick:()=>i(d==="m"?"ft":"m")}),e.jsx(V,{}),e.jsx(c,{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:d,onSwitchUnit:i}),e.jsx(V,{}),e.jsx(p,{name:"example2",onChange:g=>{o(g.target.value)},unitkey:"length",value:l,initUnit:d,onSwitchUnit:i}),e.jsx(yt,{}),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=y.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]=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(Kn,{children:[e.jsxs(ge,{width:"25%",children:[e.jsx(c,{label:"Change value infinity",onClick:()=>t(1/0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value -infinity",onClick:()=>t(-1/0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value null",onClick:()=>t(null)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - undefined",onClick:()=>t(void 0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - NaN",onClick:()=>t(NaN)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - nothing (empty)",onClick:()=>t(void 0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - empty string",onClick:()=>t("")})]}),e.jsxs(ge,{width:"25%",children:[e.jsx(c,{label:"Change value infinity|m",onClick:()=>t("Infinity|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value -infinity|m",onClick:()=>t("-Infinity|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value null|m",onClick:()=>t("null|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - undefined|m",onClick:()=>t("undefined|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - NaN|m",onClick:()=>t("NaN|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - nothing (empty)|m",onClick:()=>t("|m")})]})]}),e.jsx("br",{}),e.jsx(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(he,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})},Y=()=>{const n="500px",[a,t]=m.useState("1|m"),[l,o]=m.useState("|m"),d="123|km";return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different cases for automatic (placeholder) values:"}),e.jsx(Kn,{children:e.jsxs(ge,{width:"25%",children:[e.jsx(c,{label:"Change value to ''",onClick:()=>t("")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1",onClick:()=>t("1")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1|m",onClick:()=>t("1|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to |m - empty value",onClick:()=>t("|m")})]})}),e.jsx("br",{}),e.jsx(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:d})}),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:d})}),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:d})}),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(he,{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]=m.useState("123|%"),[t,l]=m.useState(null),o="This should be visible when an error appears",d=(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:d,value:n}),e.jsx("br",{}),e.jsx(V,{}),e.jsx("h4",{children:"Original validation message: "}),e.jsx(he,{message:{heading:t,visible:!0}})]})},Q=()=>{const[n,a]=m.useState("123|m"),[t,l]=m.useState(""),[o,d]=m.useState("km"),i=()=>{d("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(c,{label:"Change value |m and unit ft",onClick:()=>i()})]})},X=()=>{const[n,a]=m.useState("123|m"),[t,l]=m.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(Ln,{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:s.withUnit(s.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 | null",elements:[{name:"string"},{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 Pe,Me,De;se.parameters={...se.parameters,docs:{...(Pe=se.parameters)==null?void 0:Pe.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
- }`,...(De=(Me=se.parameters)==null?void 0:Me.docs)==null?void 0:De.source}}};var _e,Fe,Oe;F.parameters={...F.parameters,docs:{...(_e=F.parameters)==null?void 0:_e.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
- }`,...(Oe=(Fe=F.parameters)==null?void 0:Fe.docs)==null?void 0:Oe.source}}};var We,Be,Re;O.parameters={...O.parameters,docs:{...(We=O.parameters)==null?void 0:We.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
- }`,...(Re=(Be=O.parameters)==null?void 0:Be.docs)==null?void 0:Re.source}}};var He,Le,Ke;W.parameters={...W.parameters,docs:{...(He=W.parameters)==null?void 0:He.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
- }`,...(Ke=(Le=W.parameters)==null?void 0:Le.docs)==null?void 0:Ke.source}}};var $e,ze,Ge;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
- }`,...(Ge=(ze=B.parameters)==null?void 0:ze.docs)==null?void 0:Ge.source}}};var Je,Ye,Ze;R.parameters={...R.parameters,docs:{...(Je=R.parameters)==null?void 0:Je.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
- }`,...(Ze=(Ye=R.parameters)==null?void 0:Ye.docs)==null?void 0:Ze.source}}};var Qe,Xe,en;H.parameters={...H.parameters,docs:{...(Qe=H.parameters)==null?void 0:Qe.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
- }`,...(en=(Xe=H.parameters)==null?void 0:Xe.docs)==null?void 0:en.source}}};var nn,tn,an;L.parameters={...L.parameters,docs:{...(nn=L.parameters)==null?void 0:nn.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
- }`,...(an=(tn=L.parameters)==null?void 0:tn.docs)==null?void 0:an.source}}};var rn,sn,ln;S.parameters={...S.parameters,docs:{...(rn=S.parameters)==null?void 0:rn.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
- }`,...(ln=(sn=S.parameters)==null?void 0:sn.docs)==null?void 0:ln.source}}};var un,on,dn;K.parameters={...K.parameters,docs:{...(un=K.parameters)==null?void 0:un.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
- }`,...(dn=(on=K.parameters)==null?void 0:on.docs)==null?void 0:dn.source}}};var cn,mn,pn;$.parameters={...$.parameters,docs:{...(cn=$.parameters)==null?void 0:cn.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
- }`,...(pn=(mn=$.parameters)==null?void 0:mn.docs)==null?void 0:pn.source}}};var gn,hn,vn;z.parameters={...z.parameters,docs:{...(gn=z.parameters)==null?void 0:gn.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
- }`,...(vn=(hn=z.parameters)==null?void 0:hn.docs)==null?void 0:vn.source}}};var fn,yn,Cn;G.parameters={...G.parameters,docs:{...(fn=G.parameters)==null?void 0:fn.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
- }`,...(Cn=(yn=G.parameters)==null?void 0:yn.docs)==null?void 0:Cn.source}}};var bn,Un,xn;N.parameters={...N.parameters,docs:{...(bn=N.parameters)==null?void 0:bn.docs,source:{originalSource:`(args: IUnitInputProps) => {
112
- const [value, setValue] = useState<string | undefined>('123|m');
113
- const [value2, setValue2] = useState<string | undefined>('223|m');
114
- const [initUnit, setInitUnit] = useState<string | undefined>('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
- }`,...(xn=(Un=N.parameters)==null?void 0:Un.docs)==null?void 0:xn.source}}};var In,wn,Vn;J.parameters={...J.parameters,docs:{...(In=J.parameters)==null?void 0:In.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
- }`,...(Vn=(wn=J.parameters)==null?void 0:wn.docs)==null?void 0:Vn.source}}};var jn,En,kn;A.parameters={...A.parameters,docs:{...(jn=A.parameters)==null?void 0:jn.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
- }`,...(kn=(En=A.parameters)==null?void 0:En.docs)==null?void 0:kn.source}}};var Tn,Sn,Nn;Y.parameters={...Y.parameters,docs:{...(Tn=Y.parameters)==null?void 0:Tn.docs,source:{originalSource:`() => {
195
- const width = '500px';
196
- const [value, setValue] = useState<string | undefined>('1|m');
197
- const [valueB, setValueB] = useState<string | undefined>('|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
- }`,...(Nn=(Sn=Y.parameters)==null?void 0:Sn.docs)==null?void 0:Nn.source}}};var An,qn,Pn;Z.parameters={...Z.parameters,docs:{...(An=Z.parameters)==null?void 0:An.docs,source:{originalSource:`() => {
234
- const [value, setValue] = useState<string | undefined>('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
- }`,...(Pn=(qn=Z.parameters)==null?void 0:qn.docs)==null?void 0:Pn.source}}};var Mn,Dn,_n;Q.parameters={...Q.parameters,docs:{...(Mn=Q.parameters)==null?void 0:Mn.docs,source:{originalSource:`() => {
256
- const [value, setValue] = useState<string | undefined>('123|m');
257
- const [placeholder, setPlaceholder] = useState<string | undefined>('');
258
- const [initUnit, setInitUnit] = useState<string | undefined>('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
- }`,...(_n=(Dn=Q.parameters)==null?void 0:Dn.docs)==null?void 0:_n.source}}};var Fn,On,Wn;X.parameters={...X.parameters,docs:{...(Fn=X.parameters)==null?void 0:Fn.docs,source:{originalSource:`() => {
272
- const [value, setValue] = useState<string | undefined>('123|m');
273
- const [unit, setUnit] = useState<string | undefined>('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
- }`,...(Wn=(On=X.parameters)==null?void 0:On.docs)==null?void 0:Wn.source}}};var Bn,Rn,Hn;ee.parameters={...ee.parameters,docs:{...(Bn=ee.parameters)==null?void 0:Bn.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
- }`,...(Hn=(Rn=ee.parameters)==null?void 0:Rn.docs)==null?void 0:Hn.source}}};const ca=["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,se as Default,S as Disabled,K as DisabledNoConversion,z as DisabledUnitWithUnitKey,$ 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,ca as __namedExportsOrder,da as default,O as notKnownUnit,X as onSwitchUnit};