@oliasoft-open-source/react-ui-library 4.8.0-beta-4 → 4.8.0-beta-6

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 (167) hide show
  1. package/dist/assets/{index-Oe0PlEED.css → index-BpSdrNXy.css} +316 -316
  2. package/dist/assets/{index-GTFdS-JF.js → index-CnfDrmnZ.js} +236 -195
  3. package/dist/global.css +576 -576
  4. package/dist/index.d.ts +39 -39
  5. package/dist/index.html +1 -1
  6. package/dist/index.js +546 -510
  7. package/dist/index.js.map +1 -1
  8. package/dist/storybook/assets/{Color-KGDBMAHA-BGErnsA6.js → Color-KGDBMAHA-7n9iRx7S.js} +1 -1
  9. package/dist/storybook/assets/{DocsRenderer-PKQXORMH-D7WH90Ux.js → DocsRenderer-PKQXORMH-C57lSAQP.js} +1 -1
  10. package/dist/storybook/assets/{accordion.stories-YV-J9E1H.js → accordion.stories-DxcPNOgs.js} +2 -2
  11. package/dist/storybook/assets/actions-D-uVCDzk.js +39 -0
  12. package/dist/storybook/assets/{actions.stories-CCDxFKFk.js → actions.stories-gKfuiKQy.js} +1 -1
  13. package/dist/storybook/assets/{afe.stories-BnD7J0sn.js → afe.stories-Be4Zi8Qk.js} +2 -2
  14. package/dist/storybook/assets/{badge.stories-D5DA-vxC.js → badge.stories-Dkq_XgEW.js} +1 -1
  15. package/dist/storybook/assets/{blowout.stories-BlyKeeED.js → blowout.stories-DHdofVc-.js} +1 -1
  16. package/dist/storybook/assets/button-DHevvVBE.js +1 -0
  17. package/dist/storybook/assets/button-fAxt_G4d.css +1 -0
  18. package/dist/storybook/assets/{button-group-CwJdFo2z.js → button-group-1DEZPmxq.js} +1 -1
  19. package/dist/storybook/assets/{button-group.stories-DU5k5qCY.js → button-group.stories-C4V1k0z_.js} +1 -1
  20. package/dist/storybook/assets/{button.stories-DVtec2Eo.js → button.stories-DA9DGYD2.js} +1 -1
  21. package/dist/storybook/assets/{buttons-and-links-BCjRj0sv.js → buttons-and-links-CAoQC4F0.js} +2 -2
  22. package/dist/storybook/assets/{casing-loads.stories-CEKi9p48.js → casing-loads.stories-C4UBI5Xe.js} +2 -2
  23. package/dist/storybook/assets/{cell.stories-B0IK4EXk.js → cell.stories-BSxt9Uy7.js} +2 -2
  24. package/dist/storybook/assets/check-box-DPLaOkRR.js +13 -0
  25. package/dist/storybook/assets/{check-box.stories-C_7Z7Ss6.js → check-box.stories-DfbWw6mD.js} +1 -1
  26. package/dist/storybook/assets/{chunk-HLWAVYOI-D7npaoui.js → chunk-HLWAVYOI-DrFFqdeg.js} +1 -1
  27. package/dist/storybook/assets/{color-DCR_IQPE.js → color-Cj3Jrfqu.js} +2 -2
  28. package/dist/storybook/assets/{dialog-Di8hNunM.js → dialog-BelCA1mt.js} +1 -1
  29. package/dist/storybook/assets/drawer-DOWJp9T4.js +3 -0
  30. package/dist/storybook/assets/drawer-DhrjYsQu.css +1 -0
  31. package/dist/storybook/assets/{drawer.stories-B-PsNJJ6.js → drawer.stories-DcjyDHEs.js} +1 -1
  32. package/dist/storybook/assets/{empty.stories-BVYXwvpa.js → empty.stories-DcwF0pkK.js} +1 -1
  33. package/dist/storybook/assets/{field.stories-B9p9nBgY.js → field.stories-DUGMwi1O.js} +1 -1
  34. package/dist/storybook/assets/file-button.stories-CU2pZcEO.js +22 -0
  35. package/dist/storybook/assets/file-input-X3BnZaHk.js +13 -0
  36. package/dist/storybook/assets/{file-input.stories-Jrdw5k-s.js → file-input.stories-CWD5XYE9.js} +1 -1
  37. package/dist/storybook/assets/{flex.stories-BEXf0VqI.js → flex.stories-BhvJpHpN.js} +1 -1
  38. package/dist/storybook/assets/footer.stories-CMQkKB8p.js +3 -0
  39. package/dist/storybook/assets/form.stories-CX1WxUVL.js +49 -0
  40. package/dist/storybook/assets/formation.stories-DdQ8gl9A.js +74 -0
  41. package/dist/storybook/assets/helpers-JJxzGegQ.js +1 -0
  42. package/dist/storybook/assets/iframe-BGmrP0sW.js +2 -0
  43. package/dist/storybook/assets/index-C2sXcduN.js +1 -0
  44. package/dist/storybook/assets/{index-CEjEvyl9.js → index-DugqEjCI.js} +47 -47
  45. package/dist/storybook/assets/input-DD7t4kHm.css +1 -0
  46. package/dist/storybook/assets/input-DTXbDJaL.js +1 -0
  47. package/dist/storybook/assets/{input-group.stories-D7nvlp0S.js → input-group.stories-Bqx8op1f.js} +2 -2
  48. package/dist/storybook/assets/{input-validation-Cpjs6Oco.js → input-validation-f5uEIzl2.js} +2 -2
  49. package/dist/storybook/assets/{input.stories-BruLeJ44.js → input.stories-FKl0qVhm.js} +1 -1
  50. package/dist/storybook/assets/{inputs-B0fHrXlB.js → inputs-CeRKE4Lz.js} +2 -2
  51. package/dist/storybook/assets/{layout-forms-Ck78vgFh.js → layout-forms-BxYHgSuN.js} +4 -4
  52. package/dist/storybook/assets/{layout-general-BV8ErZlY.js → layout-general-GRQFrkfR.js} +1 -1
  53. package/dist/storybook/assets/{list-yVTOdmpX.js → list-bKpz6I9Q.js} +1 -1
  54. package/dist/storybook/assets/{list.stories-ChqQXY5M.js → list.stories-Cgmt29Wv.js} +1 -1
  55. package/dist/storybook/assets/{list.stories-data-Iq66w9oH.js → list.stories-data-D_Aj3AN4.js} +1 -1
  56. package/dist/storybook/assets/{loader.stories-DM7ZJBgz.js → loader.stories-pS8zRM4u.js} +1 -1
  57. package/dist/storybook/assets/{lodash-BHd_uQHh.js → lodash-c4VUpsOs.js} +2 -2
  58. package/dist/storybook/assets/menu.stories-data-CQ59XhzU.js +1 -0
  59. package/dist/storybook/assets/{menu.stories-mt3LwVCk.js → menu.stories-xWX80Eh2.js} +1 -1
  60. package/dist/storybook/assets/message-Cl3kn7ZD.css +1 -0
  61. package/dist/storybook/assets/message-Y48EomV-.js +1 -0
  62. package/dist/storybook/assets/{message.stories-DEMcK-wa.js → message.stories-r_UlbshI.js} +1 -1
  63. package/dist/storybook/assets/meta-content-DWZbURV2.js +9 -0
  64. package/dist/storybook/assets/meta-content-DnZPPeTF.css +1 -0
  65. package/dist/storybook/assets/{modal.stories-Benu2pYo.js → modal.stories-BcqAhYEy.js} +2 -2
  66. package/dist/storybook/assets/number-input-CEoWDcRg.js +16 -0
  67. package/dist/storybook/assets/number-input.stories-UJVpFqsh.js +110 -0
  68. package/dist/storybook/assets/option-dropdown.stories-CIvqMhQ3.js +52 -0
  69. package/dist/storybook/assets/{padding-and-spacing-Tv64UDVi.js → padding-and-spacing-D6XbiS3K.js} +1 -1
  70. package/dist/storybook/assets/{page.stories-Cse3cMsO.js → page.stories-DnCh8h8y.js} +1 -1
  71. package/dist/storybook/assets/{pagination-DXnrsBZs.js → pagination-D6pYWeQM.js} +1 -1
  72. package/dist/storybook/assets/{pagination.stories-DKSBeVH-.js → pagination.stories-ItfGvzb-.js} +2 -2
  73. package/dist/storybook/assets/{pop-confirm.stories-Dhid1FK8.js → pop-confirm.stories-DCpooB2O.js} +1 -1
  74. package/dist/storybook/assets/{popover-CzZdWNnB.js → popover-rq33c1W2.js} +1 -1
  75. package/dist/storybook/assets/popover.stories-B4sQDryP.js +10 -0
  76. package/dist/storybook/assets/{preview-DV63XeY-.js → preview-C0zm9b3L.js} +2 -2
  77. package/dist/storybook/assets/{preview-C4UROPMn.js → preview-DGngQ_J0.js} +2 -2
  78. package/dist/storybook/assets/projects.stories-Co_WnKSx.js +47 -0
  79. package/dist/storybook/assets/radio-button-C4ljBRED.js +13 -0
  80. package/dist/storybook/assets/{radio-button.stories-CGJnfCk-.js → radio-button.stories-BzyW2CtK.js} +2 -2
  81. package/dist/storybook/assets/{reservoirs.stories-CZme5ZCc.js → reservoirs.stories-FQuUA3DK.js} +2 -2
  82. package/dist/storybook/assets/{rich-text-input-DPMWElGY.css → rich-text-input-dDjxXFl-.css} +1 -1
  83. package/dist/storybook/assets/{rich-text-input.stories-a2GSF6vM.js → rich-text-input.stories-B5srzxDu.js} +44 -44
  84. package/dist/storybook/assets/{row.stories-UAENUT5Q.js → row.stories-C1XgB_82.js} +2 -2
  85. package/dist/storybook/assets/select-H-9tdhwc.css +1 -0
  86. package/dist/storybook/assets/select-V2ZNp3Pv.js +61 -0
  87. package/dist/storybook/assets/select.input-CJed_LLR.js +1 -0
  88. package/dist/storybook/assets/{select.stories-Bj6BwvfZ.js → select.stories-CV9h5z0E.js} +2 -2
  89. package/dist/storybook/assets/{side-bar-CKbHPgIV.js → side-bar-CSx5wI-k.js} +4 -4
  90. package/dist/storybook/assets/side-bar-auov230-.css +1 -0
  91. package/dist/storybook/assets/{side-bar.stories-MUj_dj1F.js → side-bar.stories-M6FsuCrQ.js} +1 -1
  92. package/dist/storybook/assets/{site.stories-CRc-gQlK.js → site.stories-ZGohyW6Z.js} +2 -2
  93. package/dist/storybook/assets/slider-C7vnj_3M.js +27 -0
  94. package/dist/storybook/assets/{slider.stories-Cd0rLfHP.js → slider.stories-BzBb3PkP.js} +1 -1
  95. package/dist/storybook/assets/{smart-upload-modal.stories-BStZdEeo.js → smart-upload-modal.stories-Dn7dIsu1.js} +1 -1
  96. package/dist/storybook/assets/{spacer.stories-CHEZdgDM.js → spacer.stories-BBTt2LdE.js} +1 -1
  97. package/dist/storybook/assets/table-C9uAiJu6.css +1 -0
  98. package/dist/storybook/assets/table-iMn5OU9-.js +86 -0
  99. package/dist/storybook/assets/{table.stories-CvFBGBd6.js → table.stories-CIsR2u2M.js} +2 -2
  100. package/dist/storybook/assets/table.stories-data-D52aKMY1.js +1 -0
  101. package/dist/storybook/assets/tabs-BoToLVEP.js +13 -0
  102. package/dist/storybook/assets/tabs.stories-B52iEaHf.js +30 -0
  103. package/dist/storybook/assets/textarea-D6ltcKhz.js +13 -0
  104. package/dist/storybook/assets/textarea-H-YTEwr8.css +1 -0
  105. package/dist/storybook/assets/{textarea.stories-aRLEoDHg.js → textarea.stories-CJ-Oqytp.js} +1 -1
  106. package/dist/storybook/assets/{title.stories-DvTVQphz.js → title.stories-BhbnN3vD.js} +2 -2
  107. package/dist/storybook/assets/{toaster-BNO0suPv.js → toaster-BoBcvmf9.js} +1 -1
  108. package/dist/storybook/assets/{toaster.stories-Dxg5K32_.js → toaster.stories-HO4VBTy-.js} +1 -1
  109. package/dist/storybook/assets/toggle-BbFVf61v.js +13 -0
  110. package/dist/storybook/assets/{toggle.stories-mjk0JIle.js → toggle.stories-qTHFTXxI.js} +1 -1
  111. package/dist/storybook/assets/{tooltip.test-case.stories-i9YQqba1.js → tooltip.test-case.stories-CHibN8rC.js} +1 -1
  112. package/dist/storybook/assets/{top-bar-C_tn2Pc5.js → top-bar-DkXSzzqt.js} +1 -1
  113. package/dist/storybook/assets/{top-bar.stories-B2a-RgK-.js → top-bar.stories-HDmWT243.js} +1 -1
  114. package/dist/storybook/assets/{top-bar.testcase.stories-DoPEAMYc.js → top-bar.testcase.stories-DfmrkEpT.js} +1 -1
  115. package/dist/storybook/assets/{tree.stories-6UHASEZu.js → tree.stories-feLUcTtm.js} +1 -1
  116. package/dist/storybook/assets/{types-UmZ4Y_CR.js → types-Dx2TtIG9.js} +1 -1
  117. package/dist/storybook/assets/unit-input.stories-DCAfSaYS.js +316 -0
  118. package/dist/storybook/assets/unit-table.stories-M7pzrM4S.js +152 -0
  119. package/dist/storybook/iframe.html +1 -1
  120. package/dist/storybook/index.json +1 -1
  121. package/dist/storybook/project.json +1 -1
  122. package/dist/storybook/sb-addons/interactions-2/manager-bundle.js +52 -52
  123. package/dist/storybook/sb-manager/globals-runtime.js +7164 -7166
  124. package/dist/storybook/sb-manager/runtime.js +1110 -1111
  125. package/dist/storybook/sb-preview/runtime.js +1485 -1483
  126. package/package.json +3 -3
  127. package/dist/storybook/assets/actions-CHgr8eL8.js +0 -27
  128. package/dist/storybook/assets/button-BpFIj2Vw.css +0 -1
  129. package/dist/storybook/assets/button-VxhoNhrV.js +0 -1
  130. package/dist/storybook/assets/check-box-BtCGePRy.js +0 -1
  131. package/dist/storybook/assets/drawer-BhuWxI7V.js +0 -3
  132. package/dist/storybook/assets/drawer-v-B4gIC0.css +0 -1
  133. package/dist/storybook/assets/file-button.stories-FOaiNPt-.js +0 -10
  134. package/dist/storybook/assets/file-input-BpMtsZ2S.js +0 -1
  135. package/dist/storybook/assets/footer.stories-Bl3gEVhY.js +0 -3
  136. package/dist/storybook/assets/form.stories-JRw9Y_sV.js +0 -49
  137. package/dist/storybook/assets/formation.stories-DNNvbCAo.js +0 -74
  138. package/dist/storybook/assets/iframe-DNtoVJNq.js +0 -2
  139. package/dist/storybook/assets/index-C_B8BHJN.js +0 -1
  140. package/dist/storybook/assets/input-BW9trNAW.js +0 -1
  141. package/dist/storybook/assets/input-WN7SK0fa.css +0 -1
  142. package/dist/storybook/assets/menu.stories-data-DeDnsKpk.js +0 -1
  143. package/dist/storybook/assets/message-BYzRg8Ae.js +0 -1
  144. package/dist/storybook/assets/message-nw5WQq6S.css +0 -1
  145. package/dist/storybook/assets/meta-content-B1HsACrT.css +0 -1
  146. package/dist/storybook/assets/meta-content-cbHGvPJ7.js +0 -9
  147. package/dist/storybook/assets/number-input-FjN2w5Zq.js +0 -4
  148. package/dist/storybook/assets/number-input.stories-CjeUb5EQ.js +0 -166
  149. package/dist/storybook/assets/option-dropdown.stories-CoLsSS95.js +0 -34
  150. package/dist/storybook/assets/popover.stories-BKImRt9k.js +0 -10
  151. package/dist/storybook/assets/projects.stories-BfMSNrkX.js +0 -47
  152. package/dist/storybook/assets/radio-button-YBwYcMaM.js +0 -1
  153. package/dist/storybook/assets/select-Br1k0mOD.js +0 -40
  154. package/dist/storybook/assets/select-Byh1FIvP.css +0 -1
  155. package/dist/storybook/assets/select.input-DIKP56UZ.js +0 -1
  156. package/dist/storybook/assets/side-bar-DvwMCSK0.css +0 -1
  157. package/dist/storybook/assets/slider-DAramr8j.js +0 -31
  158. package/dist/storybook/assets/table-CyYpP6Fs.css +0 -1
  159. package/dist/storybook/assets/table-DMsE4ks-.js +0 -86
  160. package/dist/storybook/assets/table.stories-data-CR9VpXHs.js +0 -1
  161. package/dist/storybook/assets/tabs-CAZ_dHGK.js +0 -1
  162. package/dist/storybook/assets/tabs.stories-DXcDAqB2.js +0 -30
  163. package/dist/storybook/assets/textarea-BV7xWEdt.js +0 -1
  164. package/dist/storybook/assets/textarea-DapBtyYV.css +0 -1
  165. package/dist/storybook/assets/toggle-CBpNgTrm.js +0 -1
  166. package/dist/storybook/assets/unit-input.stories-s45csxB3.js +0 -353
  167. package/dist/storybook/assets/unit-table.stories-DtWOiSyD.js +0 -152
@@ -1 +0,0 @@
1
- import{j as t}from"./jsx-runtime-eps93zm2.js";import{r as o}from"./index-DhsZuJvc.js";import{c as C}from"./index-Bk2sglWO.js";import{D}from"./disabled-context-rmpd7YJS.js";import{i as r}from"./types-UmZ4Y_CR.js";import{T as E}from"./tooltip-1V7clEnw.js";const N="_inputInTable_jnwnh_1",W="_inputHover_jnwnh_13",L="_inputFocus_jnwnh_18",M="_inputError_jnwnh_25",S="_inputWarning_jnwnh_26",H="_inputDisabled_jnwnh_61",P="_hideScrollbars_jnwnh_67",R="_input_jnwnh_1",k="_isInTable_jnwnh_100",z="_small_jnwnh_124",B="_error_jnwnh_130",K="_warning_jnwnh_147",A="_right_jnwnh_170",G="_groupOrderFirst_jnwnh_173",J="_groupOrderMiddle_jnwnh_174",Q="_groupOrderLast_jnwnh_175",e={inputInTable:N,inputHover:W,inputFocus:L,inputError:M,inputWarning:S,inputDisabled:H,hideScrollbars:P,input:R,isInTable:k,small:z,error:B,warning:K,right:A,groupOrderFirst:G,groupOrderMiddle:J,groupOrderLast:Q},U=o.forwardRef(({error:l=null,tooltip:a=null,isInTable:i,width:f=void 0,small:p=!1,onChange:c=()=>{},placeholder:m="",value:_="",onKeyPress:h=()=>{},onFocus:v=()=>{},onBlur:g=()=>{},onPaste:w=()=>{},name:b=void 0,type:j="text",tabIndex:q=0,disabled:V=!1,right:x=!1,warning:u=null,groupOrder:n=null,maxTooltipWidth:I=void 0,testId:O=void 0,size:s=null},T)=>{const y=o.useContext(D),F=(()=>{if(n)switch(n){case"first":return e.groupOrderFirst;case"last":return e.groupOrderLast;default:return e.groupOrderMiddle}return""})(),d=f||(s?"auto":"100%");return t.jsx("div",{style:{width:d},className:F,children:t.jsx(E,{error:!!l,warning:!!u,text:a||l||u,enabled:a&&r(a)||l&&r(l)||u&&r(u)||!1,maxWidth:I,display:"block",placement:"bottom-center",children:t.jsx("input",{ref:T,type:j||"text",size:s||20,placeholder:m??"",value:_??"",onChange:c,onKeyPress:h,onFocus:v,onBlur:g,onPaste:w,name:b,tabIndex:q,autoComplete:"off",disabled:V||y,className:C(e.input,l?e.error:u?e.warning:"",x?e.right:"",p?e.small:"",i?e.isInTable:""),style:{width:d},"data-testid":O})})})});U.__docgenInfo={description:"",methods:[],displayName:"Input",props:{error:{defaultValue:{value:"null",computed:!1},required:!1},tooltip:{defaultValue:{value:"null",computed:!1},required:!1},width:{defaultValue:{value:"undefined",computed:!0},required:!1},small:{defaultValue:{value:"false",computed:!1},required:!1},onChange:{defaultValue:{value:"() => {}",computed:!1},required:!1},placeholder:{defaultValue:{value:"''",computed:!1},required:!1},value:{defaultValue:{value:"''",computed:!1},required:!1},onKeyPress:{defaultValue:{value:"() => {}",computed:!1},required:!1},onFocus:{defaultValue:{value:"() => {}",computed:!1},required:!1},onBlur:{defaultValue:{value:"() => {}",computed:!1},required:!1},onPaste:{defaultValue:{value:"() => {}",computed:!1},required:!1},name:{defaultValue:{value:"undefined",computed:!0},required:!1},type:{defaultValue:{value:"'text'",computed:!1},required:!1},tabIndex:{defaultValue:{value:"0",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},right:{defaultValue:{value:"false",computed:!1},required:!1},warning:{defaultValue:{value:"null",computed:!1},required:!1},groupOrder:{defaultValue:{value:"null",computed:!1},required:!1},maxTooltipWidth:{defaultValue:{value:"undefined",computed:!0},required:!1},testId:{defaultValue:{value:"undefined",computed:!0},required:!1},size:{defaultValue:{value:"null",computed:!1},required:!1}}};export{U as I};
@@ -1 +0,0 @@
1
- ._inputInTable_jnwnh_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_jnwnh_1:not(:hover){border-color:transparent}._inputInTable_jnwnh_1:not(:focus){box-shadow:none}._inputHover_jnwnh_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_jnwnh_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_jnwnh_25,._inputWarning_jnwnh_26{position:relative}._inputError_jnwnh_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_jnwnh_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_jnwnh_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_jnwnh_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_jnwnh_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_jnwnh_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_jnwnh_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_jnwnh_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_jnwnh_67::-webkit-scrollbar{display:none}._input_jnwnh_1{margin:0;outline:0;text-align:left;font-family:var(--font-family);padding:var(--padding-input);background:var(--color-background-input);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--border-radius);transition:box-shadow .1s ease,border-color .1s ease;box-shadow:none;height:var(--size);line-height:var(--line-height);width:100%;font-weight:400;font-style:normal;position:relative;font-variant-numeric:tabular-nums}._input_jnwnh_1::placeholder{color:var(--color-text-placeholder)}._input_jnwnh_1._isInTable_jnwnh_100{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._input_jnwnh_1._isInTable_jnwnh_100:not(:hover){border-color:transparent}._input_jnwnh_1._isInTable_jnwnh_100:not(:focus){box-shadow:none}._input_jnwnh_1:hover{position:relative;border-color:var(--color-border-hover);z-index:2}._input_jnwnh_1:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._input_jnwnh_1._small_jnwnh_124{font-size:var(--font-size-sm);height:var(--size-sm);padding:var(--padding-input-sm);line-height:var(--size-sm)}._input_jnwnh_1._error_jnwnh_130{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._input_jnwnh_1._error_jnwnh_130:hover{border-color:var(--color-border-error-hover)!important}._input_jnwnh_1._error_jnwnh_130:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._input_jnwnh_1._warning_jnwnh_147{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._input_jnwnh_1._warning_jnwnh_147:hover{border-color:var(--color-border-warning-hover)!important}._input_jnwnh_1._warning_jnwnh_147:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._input_jnwnh_1[disabled]{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._input_jnwnh_1._right_jnwnh_170{text-align:right}._groupOrderFirst_jnwnh_173,._groupOrderMiddle_jnwnh_174,._groupOrderLast_jnwnh_175{flex:1}._groupOrderFirst_jnwnh_173 ._input_jnwnh_1,._groupOrderMiddle_jnwnh_174 ._input_jnwnh_1{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_jnwnh_175 ._input_jnwnh_1,._groupOrderMiddle_jnwnh_174 ._input_jnwnh_1{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
@@ -1 +0,0 @@
1
- import{j as n}from"./jsx-runtime-eps93zm2.js";import{T as o}from"./common-types-Sih75Sav.js";import{F as i}from"./flex-EllkLxgO.js";import{B as s}from"./badge-CLQ59MDF.js";import{M as l}from"./types-BmbYqTX_.js";const a=async e=>{await console.log("onFileChange",e)},t={label:"Select",trigger:o.DROP_DOWN_BUTTON,sections:[{type:l.HEADING,label:"Heading"},{type:l.OPTION,label:"King",onClick:()=>{}},{type:l.OPTION,label:"Queen",selected:!0,onClick:()=>{}},{type:l.DIVIDER},{type:l.OPTION,label:"Knight",disabled:!0,onClick:()=>{}},{type:l.OPTION,label:"Bishop",onClick:()=>{}}]},y={...t,sections:t.sections.map(e=>e.type===l.OPTION?{...e,onClick:void 0,onChange:a,upload:!0}:e)},b={...t,label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Select",n.jsx(s,{small:!0,title:"BETA"})]}),sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Parent",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Parent",sections:Array(3).fill({type:"Option",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Child",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Child"})}})},d={label:"123 m",trigger:"DropDownButton",sections:[{type:"Option",label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:"Option",label:"123",description:"m",inline:!0,onClick:()=>{},selected:!0},{type:"Option",label:"0.123",description:"km",inline:!0,onClick:()=>{}}]},r=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],O={...t,sections:t.sections.map(e=>e.type==="Option"?{...e,inline:!0,actions:r}:e)},h={...t,sections:t.sections.map(e=>e.type==="Option"||e.type==="Heading"?{...e,icon:"star",onClick:()=>{}}:e)},C={...t,sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:"Parent",sections:Array(3).fill({type:"Option",label:"Child",onClick:()=>{}})}})},T={...t,sections:Array(100).fill({type:"Option",label:"Item",onClick:()=>{}})},x={label:"No sections",trigger:"DropDownButton",sections:[]},k={label:"Select",trigger:"DropDownButton",showAllButton:{visible:!0,showAllTitle:"Show all...",showLessTitle:"Show less...",additionalSections:[{type:"Divider"},{type:"Option",label:"This item is always shown",onClick:()=>{}}]},sections:Array(8).fill({type:"Option",label:"Item",onClick:()=>{}})};export{y as a,d as b,O as c,h as d,x as e,C as f,b as g,k as h,T as i,t as m};
@@ -1 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as T}from"./index-DhsZuJvc.js";import{c as l}from"./index-Bk2sglWO.js";import{I as o}from"./common-types-Sih75Sav.js";import{I as a}from"./icon-BSFY3vDO.js";const N="_inputInTable_s49vk_1",b="_inputHover_s49vk_13",j="_inputFocus_s49vk_18",R="_inputError_s49vk_25",y="_inputWarning_s49vk_26",C="_inputDisabled_s49vk_61",w="_hideScrollbars_s49vk_67",O="_container_s49vk_83",D="_block_s49vk_101",G="_info_s49vk_104",W="_success_s49vk_108",A="_warning_s49vk_112",L="_error_s49vk_116",F="_content_s49vk_120",q="_heading_s49vk_124",z="_icon_s49vk_131",H="_dismiss_s49vk_139",U="_absolute_s49vk_143",V="_legendToggle_s49vk_155",M="_detailsText_s49vk_165",B="_footer_s49vk_169",n={inputInTable:N,inputHover:b,inputFocus:j,inputError:R,inputWarning:y,inputDisabled:C,hideScrollbars:w,container:O,block:D,info:G,success:W,warning:A,error:L,content:F,heading:q,icon:z,dismiss:H,absolute:U,legendToggle:V,detailsText:M,footer:B};var i=(s=>(s.INFO="Info",s.SUCCESS="Success",s.WARNING="Warning",s.ERROR="Error",s))(i||{}),d=(s=>(s.TOGGLE_DETAILS="TOGGLE_DETAILS",s))(d||{});const g=({type:s,onClose:t,isInToast:r,testId:c})=>e.jsx("div",{className:l(n.dismiss,r?n.absolute:"",s===i.INFO?n.info:s===i.SUCCESS?n.success:s===i.WARNING?n.warning:s===i.ERROR?n.error:null),children:e.jsx(a,{icon:o.CLOSE,onClick:t,testId:c})});g.__docgenInfo={description:"",methods:[],displayName:"Dismiss",props:{type:{required:!0,tsType:{name:"union",raw:"TMessageType | string",elements:[{name:"union",raw:"'Info' | 'Success' | 'Warning' | 'Error'",elements:[{name:"literal",value:"'Info'"},{name:"literal",value:"'Success'"},{name:"literal",value:"'Warning'"},{name:"literal",value:"'Error'"}]},{name:"string"}]},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},isInToast:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const J=(s,t)=>{switch(t.type){case d.TOGGLE_DETAILS:return{...s,detailsVisible:!s.detailsVisible};default:return s}},K=({details:s,visible:t,dispatch:r})=>e.jsxs("div",{children:[e.jsx("div",{className:l(n.legendToggle),onClick:r,children:t?"Hide details":"Show details"}),t?e.jsx("div",{className:n.detailsText,children:s}):null]}),P=({type:s})=>{switch(s){case i.SUCCESS:return e.jsx(a,{icon:o.SUCCESS,size:16});case i.WARNING:return e.jsx(a,{icon:o.WARNING,size:16});case i.ERROR:return e.jsx(a,{icon:o.ERROR,size:16});default:return e.jsx(a,{icon:o.INFO,size:16})}},Q=({message:s})=>{const{visible:t,type:r=i.INFO,icon:c,heading:u,content:v,details:_,detailsVisible:h=!1,footer:m,withDismiss:x,onClose:I,width:p,maxHeight:S}=s,f={detailsVisible:h},[k,E]=T.useReducer(J,f);return e.jsx(e.Fragment,{children:t?e.jsxs("div",{className:l(n.container,p?n.block:null,r===i.SUCCESS?n.success:r===i.WARNING?n.warning:r===i.ERROR?n.error:n.info),style:{width:p,maxHeight:S},children:[e.jsx("div",{children:c?e.jsx("div",{className:n.icon,children:e.jsx(P,{type:r})}):null}),e.jsxs("div",{className:n.content,children:[u?e.jsx("div",{className:n.heading,children:u}):null,e.jsx("div",{children:v}),_?e.jsx(K,{details:_,visible:k.detailsVisible,dispatch:()=>E({type:d.TOGGLE_DETAILS})}):null,!!m&&e.jsx("div",{className:n.footer,children:m})]}),x?e.jsx(g,{type:r,onClose:I}):null]}):null})};Q.__docgenInfo={description:"",methods:[],displayName:"Message",props:{message:{required:!0,tsType:{name:"IMessage"},description:""}}};export{g as D,Q as M,i as a};
@@ -1 +0,0 @@
1
- ._inputInTable_s49vk_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_s49vk_1:not(:hover){border-color:transparent}._inputInTable_s49vk_1:not(:focus){box-shadow:none}._inputHover_s49vk_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_s49vk_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_s49vk_25,._inputWarning_s49vk_26{position:relative}._inputError_s49vk_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_s49vk_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_s49vk_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_s49vk_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_s49vk_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_s49vk_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_s49vk_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_s49vk_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_s49vk_67::-webkit-scrollbar{display:none}:root{--color-border-message: rgba(0, 0, 0, .1)}html[data-theme=dark]{--color-border-message: rgba(255, 255, 255, .1)}._container_s49vk_83{padding:var(--padding-sm);border-radius:var(--border-radius);display:inline-flex;align-items:flex-start;line-height:var(--line-height);flex-wrap:wrap;overflow-y:auto;border:1px solid var(--color-border-message);scrollbar-width:none;-ms-overflow-style:none}._container_s49vk_83::-webkit-scrollbar{display:none}._container_s49vk_83._block_s49vk_101{display:flex}._container_s49vk_83._info_s49vk_104{color:var(--color-text-info);background-color:var(--color-background-info-muted)}._container_s49vk_83._success_s49vk_108{color:var(--color-text-success);background-color:var(--color-background-success-muted)}._container_s49vk_83._warning_s49vk_112{color:var(--color-text-warning);background-color:var(--color-background-warning-muted)}._container_s49vk_83._error_s49vk_116{color:var(--color-text-error);background-color:var(--color-background-error-muted)}._content_s49vk_120{flex:1;min-width:0}._heading_s49vk_124{font-weight:700;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-size:var(--font-size-sm);line-height:var(--line-height)}._icon_s49vk_131{display:flex;justify-content:center;align-items:center;height:var(--line-height);margin-right:var(--padding-xs);font-size:var(--size-xs)}._dismiss_s49vk_139{margin-left:var(--padding);color:var(--color-text)}._dismiss_s49vk_139._absolute_s49vk_143{position:absolute;top:var(--padding-sm);right:var(--padding-sm)}._dismiss_s49vk_139{--offset-message-dismiss: calc((var(--line-height) - var(--size-sm)) / 2);display:flex;margin-top:var(--offset-message-dismiss);margin-bottom:var(--offset-message-dismiss);margin-right:var(--offset-message-dismiss)}._legendToggle_s49vk_155{opacity:.6}._legendToggle_s49vk_155:hover{opacity:.8;cursor:pointer}._legendToggle_s49vk_155:active{opacity:1}._detailsText_s49vk_165{margin-top:var(--padding-xxs);word-break:break-word}._footer_s49vk_169{display:flex;flex-wrap:wrap;gap:var(--padding-sm);margin-top:var(--padding-xxs)}
@@ -1 +0,0 @@
1
- ._inputInTable_tn20e_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_tn20e_1:not(:hover){border-color:transparent}._inputInTable_tn20e_1:not(:focus){box-shadow:none}._inputHover_tn20e_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_tn20e_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_tn20e_25,._inputWarning_tn20e_26{position:relative}._inputError_tn20e_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_tn20e_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_tn20e_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_tn20e_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_tn20e_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_tn20e_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_tn20e_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_tn20e_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_tn20e_67::-webkit-scrollbar{display:none}._header_tn20e_77 ._headerTitle_tn20e_77,._heading_tn20e_78 ._itemHeader_tn20e_78{transition:opacity .3s}._narrow_tn20e_81 ._header_tn20e_77 ._headerTitle_tn20e_77,._narrow_tn20e_81 ._heading_tn20e_78 ._itemHeader_tn20e_78{opacity:0}._stickyHeader_tn20e_85{position:sticky;top:0;background-color:var(--color-background);z-index:10}._itemHeader_tn20e_78{padding:var(--padding-xs) var(--padding);display:flex;align-items:flex-start}._itemHeader_tn20e_78 ._title_tn20e_96{margin:0;padding:0;flex-grow:1;min-width:0}._itemHeader_tn20e_78 ._name_tn20e_102{font-weight:400}._itemHeader_tn20e_78 ._iconTooltipMargin_tn20e_105{margin-left:var(--padding-xs)}._itemHeader_tn20e_78 ._bold_tn20e_108{font-weight:700}._header_tn20e_77{padding:var(--padding);display:flex;align-items:center;border-bottom:1px solid var(--color-border)}._toggleNarrow_tn20e_117{margin-right:16px;margin-left:-5px;color:#c8c8c8;transition:all .4s;display:flex;width:22px;justify-content:center}._toggleNarrow_tn20e_117:hover{color:var(--color-text-primary-hover)}._toggleNarrow_tn20e_117:active{color:var(--color-text-primary-active)}._narrow_tn20e_81 ._toggleNarrow_tn20e_117{transform:scaleX(-1)}._drag_tn20e_135{color:var(--color-text-faint);display:flex;align-items:center;justify-content:center;margin-right:var(--padding-xs);margin-left:calc(var(--padding-xs) * -1);margin-top:calc((var(--line-height) - var(--size-sm)) / 2);margin-bottom:calc((var(--line-height) - var(--size-sm)) / 2);cursor:move;height:var(--size-sm);width:var(--size-sm);flex-shrink:0}._drag_tn20e_135:hover{color:var(--color-text-primary-hover)}._drag_tn20e_135:active{color:var(--color-text-primary-active)}._list_tn20e_155{flex-shrink:0;background:var(--color-background)}._list_tn20e_155._bordered_tn20e_159:first-child,._list_tn20e_155._bordered_tn20e_159:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._list_tn20e_155._bordered_tn20e_159:last-child,._list_tn20e_155._bordered_tn20e_159:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-bottom:0}._item_tn20e_78{color:inherit;display:block;transition:background-color .2s;position:relative;border-bottom:1px solid var(--color-border);background-color:var(--color-background-raised);transition:background .3s;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}._item_tn20e_78:not(._heading_tn20e_78):after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;transition:background .3s,width .3s}._item_tn20e_78._action_tn20e_192{cursor:pointer}._item_tn20e_78._action_tn20e_192:not(._active_tn20e_195):hover{background:var(--color-background-listitem-hover)}._item_tn20e_78._action_tn20e_192:not(._active_tn20e_195):hover:after{width:5px;background:#0000001a}._item_tn20e_78._indented_tn20e_202:after{width:3px;background:#0000001a}._item_tn20e_78._active_tn20e_195{cursor:default;position:relative;z-index:1;background:var(--color-background-listitem-active)}._item_tn20e_78._active_tn20e_195:after{background:var(--color-background-primary)!important}._item_tn20e_78._disabled_tn20e_215{color:var(--color-text-faint);pointer-events:none}._item_tn20e_78._heading_tn20e_78{color:var(--color-text-muted);background-color:var(--color-background-cardheader)}._item_tn20e_78._heading_tn20e_78._action_tn20e_192:hover{color:var(--color-text-primary-hover)}._item_tn20e_78 ._label_tn20e_226{margin-right:var(--padding-xs);flex-shrink:0;width:var(--size-sm);height:var(--size-sm);margin-top:calc(var(--line-height) / 2 - var(--size-sm) / 2);margin-bottom:calc(var(--line-height) / 2 - var(--size-sm) / 2);display:flex;align-items:center;justify-content:center}._item_tn20e_78 ._details_tn20e_237,._item_tn20e_78 ._metadata_tn20e_238{display:block;width:100%;font-weight:400}._item_tn20e_78 ._metadata_tn20e_238{color:var(--color-text-muted)}._item_tn20e_78 ._itemContent_tn20e_246{padding:0 var(--padding) var(--padding-sm);cursor:auto}._item_tn20e_78 ._itemContent_tn20e_246:empty{padding:inherit}._indentIcon_tn20e_253{color:var(--color-text-faint);flex-shrink:0;margin-right:var(--padding-xxs)}._expandIcon_tn20e_258{flex-shrink:0;position:relative;display:flex;height:var(--line-height);margin-right:var(--padding-xs)}._expandIcon_tn20e_258._expanded_tn20e_265 svg{transform:rotate(90deg)}._right_tn20e_268{margin-left:auto;display:flex;align-items:center;margin-top:calc((var(--line-height) - var(--size-sm)) / 2);margin-bottom:calc((var(--line-height) - var(--size-sm)) / 2);min-height:var(--size-sm)}._actions_tn20e_276{margin-left:var(--padding-xs);display:flex;align-items:center}._scrollableList_tn20e_281{height:100%;overflow-y:auto;scroll-behavior:smooth}._infiniteScrollContainer_tn20e_286{overflow:hidden!important}._hideScrollbar_tn20e_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbar_tn20e_67::-webkit-scrollbar{display:none}._bordered_tn20e_159{box-shadow:inset 0 0 0 2px var(--color-background-primary);background:var(--color-background-listitem-active)}._noPointerEvents_tn20e_303{pointer-events:none}
@@ -1,9 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as u}from"./index-DhsZuJvc.js";import{c}from"./index-Bk2sglWO.js";import{I as g}from"./common-types-Sih75Sav.js";import{I as _}from"./icon-BSFY3vDO.js";import{H as h}from"./heading-CRNoBc7q.js";import{A as x}from"./actions-CHgr8eL8.js";import{B as f}from"./badge-CLQ59MDF.js";import{T as N}from"./tooltip-1V7clEnw.js";const b="_inputInTable_tn20e_1",T="_inputHover_tn20e_13",j="_inputFocus_tn20e_18",v="_inputError_tn20e_25",y="_inputWarning_tn20e_26",I="_inputDisabled_tn20e_61",w="_hideScrollbars_tn20e_67",H="_header_tn20e_77",q="_headerTitle_tn20e_77",C="_heading_tn20e_78",k="_itemHeader_tn20e_78",E="_narrow_tn20e_81",S="_stickyHeader_tn20e_85",M="_title_tn20e_96",R="_name_tn20e_102",L="_iconTooltipMargin_tn20e_105",F="_bold_tn20e_108",V="_toggleNarrow_tn20e_117",W="_drag_tn20e_135",B="_list_tn20e_155",D="_bordered_tn20e_159",P="_item_tn20e_78",$="_action_tn20e_192",A="_active_tn20e_195",O="_indented_tn20e_202",z="_disabled_tn20e_215",G="_label_tn20e_226",J="_details_tn20e_237",K="_metadata_tn20e_238",Q="_itemContent_tn20e_246",U="_indentIcon_tn20e_253",X="_expandIcon_tn20e_258",Y="_expanded_tn20e_265",Z="_right_tn20e_268",ee="_actions_tn20e_276",te="_scrollableList_tn20e_281",ne="_infiniteScrollContainer_tn20e_286",ae="_hideScrollbar_tn20e_67",oe="_noPointerEvents_tn20e_303",n={inputInTable:b,inputHover:T,inputFocus:j,inputError:v,inputWarning:y,inputDisabled:I,hideScrollbars:w,header:H,headerTitle:q,heading:C,itemHeader:k,narrow:E,stickyHeader:S,title:M,name:R,iconTooltipMargin:L,bold:F,toggleNarrow:V,drag:W,list:B,bordered:D,item:P,action:$,active:A,indented:O,disabled:z,label:G,details:J,metadata:K,itemContent:Q,indentIcon:U,expandIcon:X,expanded:Y,right:Z,actions:ee,scrollableList:te,infiniteScrollContainer:ne,hideScrollbar:ae,noPointerEvents:oe},p=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:n.toggleNarrow,onClick:t,children:e.jsx(_,{icon:g.CHEVRON_LEFT})}):null;p.__docgenInfo={description:"",methods:[],displayName:"ToggleNarrow",props:{toggleNarrow:{required:!1,tsType:{name:"boolean"},description:""},onClickToggleNarrow:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const ie=u.forwardRef(({name:a,actions:t=[],toggleNarrow:r=!1,onToggleNarrow:o=()=>{},stickyHeader:s},d)=>e.jsxs("div",{ref:d,className:c(n.header,s?n.stickyHeader:""),children:[e.jsx(p,{toggleNarrow:r,onClickToggleNarrow:o}),a&&e.jsx("div",{className:n.headerTitle,children:e.jsx(h,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:n.right,children:e.jsx("div",{className:n.actions,children:e.jsx(x,{actions:t})})})]}));ie.__docgenInfo={description:"",methods:[],displayName:"ListHeading",props:{actions:{defaultValue:{value:"[]",computed:!1},required:!1},toggleNarrow:{defaultValue:{value:"false",computed:!1},required:!1},onToggleNarrow:{defaultValue:{value:"() => {}",computed:!1},required:!1}}};const m=({name:a,icon:t,testId:r})=>{const o=t&&e.jsx(_,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:c(n.name,n.bold),"data-testid":r,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:n.iconTooltipMargin,children:e.jsx(N,{text:t.tooltip.text,maxWidth:"350px",children:o})}):t&&t.icon&&e.jsx("span",{className:n.iconTooltipMargin,children:o})]})};m.__docgenInfo={description:"",methods:[],displayName:"Name",props:{name:{required:!0,tsType:{name:"ReactNode"},description:""},icon:{required:!1,tsType:{name:"signature",type:"object",raw:`{
2
- icon: ReactNode;
3
- color?: string;
4
- tooltip?: {
5
- text: ReactNode;
6
- };
7
- }`,signature:{properties:[{key:"icon",value:{name:"ReactNode",required:!0}},{key:"color",value:{name:"string",required:!1}},{key:"tooltip",value:{name:"signature",type:"object",raw:`{
8
- text: ReactNode;
9
- }`,signature:{properties:[{key:"text",value:{name:"ReactNode",required:!0}}]},required:!1}}]}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const re=({item:a})=>{const{name:t,icon:r,details:o,metadata:s,invalid:d,testId:i}=a;let l=e.jsx(m,{name:t,icon:r,testId:i&&`${i}-name`});return d&&(l=e.jsx(f,{small:!0,margin:"-2px",title:"!",children:l})),e.jsxs("span",{className:n.title,children:[l,o&&e.jsx("span",{className:n.details,"data-testid":i&&`${i}-details`,children:o}),s&&e.jsx("span",{className:n.metadata,"data-testid":i&&`${i}-metadata`,children:s})]})};re.__docgenInfo={description:"",methods:[],displayName:"MetaContent",props:{item:{required:!0,tsType:{name:"IMetaContentItem"},description:""}}};export{ie as L,re as M,m as N,n as l};
@@ -1,4 +0,0 @@
1
- import{j as w}from"./jsx-runtime-eps93zm2.js";import{r as a}from"./index-DhsZuJvc.js";import{d as r}from"./index-C0x1JmaP.js";import{K as Q,E as X}from"./select-Br1k0mOD.js";import{l as Y}from"./lodash-BHd_uQHh.js";import{I as $}from"./input-BW9trNAW.js";const ee=14,ne=n=>r.isScientificStringNum(n)?n:r.roundToPrecision(n,ee),d=n=>String(r.toString(n)),te=n=>n?typeof n=="string"?n:Y.isArray(n)?n[0]:n.fieldName:"",ae=({name:n,placeholder:g="",disabled:h=!1,error:y=!1,left:S=!1,small:R=!1,width:C="100%",value:p="",onChange:F=()=>{},onFocus:x=()=>{},onBlur:L=()=>{},tabIndex:M=0,testId:H,tooltip:O=null,warning:j=!1,validationCallback:v=()=>{},allowEmpty:_=!1,isInTable:K,groupOrder:A,enableCosmeticRounding:T=!0,enableDisplayRounding:f=!1,roundDisplayValue:E,disableInternalErrorValidationMessages:k=!1})=>{const s=a.useRef(null),[u,b]=a.useState(d(p)),[l,N]=a.useState(!1),[B,I]=a.useState(!0),o=te(n),D=e=>{const t=r.validateNumber(e);return _&&e===""||t.valid?{...t,valid:!0,errors:void 0}:t},{valid:m,errors:c}=D(u),V=c&&c.length&&!k?c[0]:null;a.useEffect(()=>{b(d(p)),I(!0)},[p,T,f]),a.useEffect(()=>{!l&&!m?v(o,V):v(o,null)},[l,m,y]);const q=e=>{if(m&&!B){const t={...e,target:{...e.target,value:r.stripLeadingZeros(d(u)),name:o}};F(t)}},P=e=>{const t=e.target,{value:z}=t,J=r.cleanNumStr(z.replaceAll(" ","").replaceAll("|",""));b(J),I(!1)};a.useEffect(()=>{if(s&&(s!=null&&s.current)&&f&&l){const e=s.current;e&&setTimeout(()=>{const{length:t}=d(u);e.setSelectionRange(t,t)},0)}},[l]);const U=e=>{N(!0),x(e)},W=e=>{N(!1),q(e),L(e)},i=f&&!l&&m?E?d(E(u)):r.roundToFixed(u,2):u,Z=!!(i!=null&&i.endsWith("0")),G=T&&i&&!Z&&m?ne(i):i;return w.jsx(Q,{handleKeys:[X.ENTER],onKeyEvent:(e,t)=>q(t),children:w.jsx($,{type:"text",name:o,testId:H,disabled:h,placeholder:g,value:G,onChange:P,onFocus:U,onBlur:W,error:!l&&(V||y),warning:j,right:!S,small:R,width:C,isInTable:K,groupOrder:A,tabIndex:M,tooltip:O,ref:s},o)})};ae.__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:""},enableCosmeticRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},roundDisplayValue:{required:!1,tsType:{name:"signature",type:"function",raw:"(args: TStringOrNumber) => TStringOrNumber",signature:{arguments:[{type:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},name:"args"}],return:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}}},description:""},disableInternalErrorValidationMessages:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};export{ae as N,ne as r};
@@ -1,166 +0,0 @@
1
- import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as d}from"./index-DhsZuJvc.js";import{w as E,u as a,e as o,f as Re}from"./index-DMAnyMX5.js";import{d as _e}from"./index-C0x1JmaP.js";import{S as V}from"./spacer-BWoNR27H.js";import{G as Ve}from"./grid-DRkC-bt8.js";import{F as M}from"./field-HrLaMLbx.js";import{T as _}from"./toggle-CBpNgTrm.js";import{I as He}from"./input-group-BaRSJAEN.js";import{I as Fe}from"./input-group-addon-D68iUKV2.js";import{S as Le}from"./select-Br1k0mOD.js";import{C as g}from"./card-EcjmryU9.js";import{B as je}from"./button-VxhoNhrV.js";import{H as p}from"./heading-CRNoBc7q.js";import{T as Ge}from"./text-B3-TSWok.js";import{M as We}from"./message-BYzRg8Ae.js";import{N as l}from"./number-input-FjN2w5Zq.js";import"./index-CF7H4eMJ.js";import"./index-DRSy5Ssd.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./common-types-Sih75Sav.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./actions-CHgr8eL8.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./spinner-AWUe4xwQ.js";import"./input-BW9trNAW.js";const{useArgs:Oe}=__STORYBOOK_MODULE_PREVIEW_API__,ka={title:"Forms/NumberInput",component:l,parameters:{canvas:{page:null}},args:{label:"Label"}},i=r=>{const[s,t]=Oe(),u=e=>{t({value:e.target.value})};return n.jsx(l,{onChange:u,value:123,...r})},k=i.bind({}),I=i.bind({});I.args={small:!0};const C=i.bind({});C.args={width:"150px"};const b=i.bind({});b.args={left:!0};const y=i.bind({});y.args={disabled:!0};const w=i.bind({});w.args={allowEmpty:!0,value:""};const T=i.bind({});T.args={warning:"This input number is almost 100!",value:"99"};const f=i.bind({});f.args={error:"This is a error message"};const x=i.bind({});x.args={value:"123test"};const B=i.bind({});B.args={value:"123.123456789",enableDisplayRounding:!0};const D=i.bind({});D.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:r=>_e.roundToFixed(r,4)};const S=()=>n.jsxs(He,{small:!0,children:[n.jsx(l,{value:123}),n.jsx(Fe,{children:"to"}),n.jsx(l,{value:123}),n.jsx(Le,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),m=i.bind({});m.args={testId:"testId",enableDisplayRounding:!0};m.play=async({canvasElement:r,step:s})=>{const t=E(r);await s("Value should be rounded on blur",async()=>{const u=t.getByTestId("testId");await a.clear(u),await a.type(u,"123.123456789"),await a.click(r),await o(t.getByDisplayValue("123.12")).toBeInTheDocument()}),await s("Full value shown on focus",async()=>{const u=t.getByTestId("testId");await a.click(u),await o(t.getByDisplayValue("123.123456789")).toBeInTheDocument()})};const A=()=>{const[r,s]=d.useState("123");return n.jsxs(Ve,{columns:"1fr 1fr",gap:!0,children:[n.jsxs(g,{heading:n.jsx(p,{children:"Storage State (Redux)"}),children:[r,n.jsx(V,{}),n.jsx(je,{label:"Change value",onClick:()=>s(String(Math.floor(Math.random()*100)))})]}),n.jsx(g,{heading:n.jsx(p,{children:"NumberInput"}),children:n.jsx(l,{value:r,onChange:t=>{s(t.target.value)},error:Number(r)>=0?"":"Value must be positive"})})]})},h=()=>{const[r,s]=d.useState(!1),[t,u]=d.useState(!0),[e,j]=d.useState("0.6889763779527558"),[N,Ne]=d.useState(""),Me=Number(e)*.3048;return n.jsxs(Ve,{columns:"1fr 1fr",gap:!0,children:[n.jsxs(g,{heading:n.jsx(p,{children:"Settings"}),children:[n.jsx(M,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:n.jsx(_,{checked:r,onChange:c=>s(c.target.checked)})}),n.jsx(M,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:n.jsx(_,{checked:t,onChange:c=>u(c.target.checked)})})]}),n.jsxs(g,{heading:n.jsx(p,{children:"NumberInput (displayed in Meters)"}),children:[n.jsx(Ge,{faint:!0,children:"Cosmetic Rounding Test Cases: type 0.21 then return (compare with enableCosmeticRounding on and off)"}),n.jsx(V,{}),n.jsx(l,{name:"Example",value:Me,onChange:c=>{const R=String(Number(c.target.value)/.3048);j(R)},enableDisplayRounding:r,enableCosmeticRounding:t,error:Number(e)>=0?"":"Value must be positive",validationCallback:(c,R)=>{Ne(R??"")},testId:"testId"})]}),n.jsxs(g,{heading:n.jsx(p,{children:"Storage State / Redux (stored in Feet)"}),children:[e,n.jsx(V,{}),n.jsx(je,{label:"Change value",onClick:()=>j(String(Math.floor(Math.random()*100)))})]}),n.jsx(g,{heading:n.jsx(p,{children:"Test Validation Callback"}),children:N&&n.jsx(We,{message:{content:N,icon:!0,type:"Error",visible:!0}})})]})};h.play=async({canvasElement:r,step:s})=>{const t=E(r),u=E(r.ownerDocument.body);await s("Can enter decimal values",async()=>{const e=t.getByTestId("testId");await a.clear(e),await a.type(e,"123.123456789"),await a.click(r),await o(t.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await s("Cannot enter scientific notation when storage unit is different (expected)",async()=>{const e=t.getByTestId("testId");await a.clear(e),await a.type(e,"-1.12e3"),await a.click(r),await o(t.getByDisplayValue("-1120")).toBeInTheDocument()}),await s("Can enter comma decimals (converts to dot)",async()=>{const e=t.getByTestId("testId");await a.clear(e),await a.type(e,"123,456"),await a.click(r),await o(t.getByDisplayValue("123.456")).toBeInTheDocument()}),await s("Can enter small numbers",async()=>{const e=t.getByTestId("testId");await a.clear(e),await a.type(e,"0.0000000023"),await a.click(r),await o(t.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await s("Can enter large numbers",async()=>{const e=t.getByTestId("testId");await a.clear(e),await a.type(e,"999999999999"),await a.click(r),await o(t.getByDisplayValue("999999999999")).toBeInTheDocument()}),await s("Shows validation error for non-numeric input",async()=>{const e=t.getByTestId("testId");await a.clear(e),await a.type(e,"123x45s6"),await a.click(r),await o(t.getByDisplayValue("123x45s6")).toBeInTheDocument(),await Re.mouseOver(e),console.log("got here",u.getAllByText("Must be a numerical value")),await o(u.getAllByText("Must be a numerical value").length).toEqual(2)})};const v=()=>{const[r,s]=d.useState("123");return n.jsx(l,{value:r,onChange:t=>{s(t.target.value)},testId:"testId"})};v.play=async({canvasElement:r,step:s})=>{const t=E(r),u=E(r.ownerDocument.body);await s("Can enter decimal values",async()=>{const e=t.getByTestId("testId");await a.clear(e),await a.type(e,"123.123456789"),await a.click(r),await o(t.getByDisplayValue("123.123456789")).toBeInTheDocument()}),await s("Can enter scientific notation",async()=>{const e=t.getByTestId("testId");await a.clear(e),await a.type(e,"-1.12e3"),await a.click(r),await o(t.getByDisplayValue("-1.12e3")).toBeInTheDocument()}),await s("Can enter comma decimals (converts to dot)",async()=>{const e=t.getByTestId("testId");await a.clear(e),await a.type(e,"123,456"),await a.click(r),await o(t.getByDisplayValue("123.456")).toBeInTheDocument()}),await s("Can enter small numbers",async()=>{const e=t.getByTestId("testId");await a.clear(e),await a.type(e,"0.0000000023"),await a.click(r),await o(t.getByDisplayValue("0.0000000023")).toBeInTheDocument()}),await s("Can enter large numbers",async()=>{const e=t.getByTestId("testId");await a.clear(e),await a.type(e,"999999999999"),await a.click(r),await o(t.getByDisplayValue("999999999999")).toBeInTheDocument()}),await s("Shows validation error for non-numeric input",async()=>{const e=t.getByTestId("testId");await a.clear(e),await a.type(e,"123x45s6"),await a.click(r),await o(t.getByDisplayValue("123x45s6")).toBeInTheDocument(),await Re.mouseOver(e),await o(u.getByText("Must be a numerical value")).toBeInTheDocument()})};S.__docgenInfo={description:"",methods:[],displayName:"TestInputGroup"};A.__docgenInfo={description:"",methods:[],displayName:"ManagedTestCase"};h.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"DemoCosmeticRounding"};v.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"TestUserInput"};var H,F,L;k.parameters={...k.parameters,docs:{...(H=k.parameters)==null?void 0:H.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
- }`,...(L=(F=k.parameters)==null?void 0:F.docs)==null?void 0:L.source}}};var G,W,O;I.parameters={...I.parameters,docs:{...(G=I.parameters)==null?void 0:G.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
- }`,...(O=(W=I.parameters)==null?void 0:W.docs)==null?void 0:O.source}}};var U,P,q;C.parameters={...C.parameters,docs:{...(U=C.parameters)==null?void 0:U.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
- }`,...(q=(P=C.parameters)==null?void 0:P.docs)==null?void 0:q.source}}};var K,Y,z;b.parameters={...b.parameters,docs:{...(K=b.parameters)==null?void 0:K.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
- }`,...(z=(Y=b.parameters)==null?void 0:Y.docs)==null?void 0:z.source}}};var J,Q,X;y.parameters={...y.parameters,docs:{...(J=y.parameters)==null?void 0:J.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
- }`,...(X=(Q=y.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Z,$,ee;w.parameters={...w.parameters,docs:{...(Z=w.parameters)==null?void 0:Z.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
- }`,...(ee=($=w.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};var ae,te,ne;T.parameters={...T.parameters,docs:{...(ae=T.parameters)==null?void 0:ae.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
- }`,...(ne=(te=T.parameters)==null?void 0:te.docs)==null?void 0:ne.source}}};var re,se,oe;f.parameters={...f.parameters,docs:{...(re=f.parameters)==null?void 0:re.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
- }`,...(oe=(se=f.parameters)==null?void 0:se.docs)==null?void 0:oe.source}}};var ue,ie,le;x.parameters={...x.parameters,docs:{...(ue=x.parameters)==null?void 0:ue.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
- }`,...(le=(ie=x.parameters)==null?void 0:ie.docs)==null?void 0:le.source}}};var ce,de,ge;B.parameters={...B.parameters,docs:{...(ce=B.parameters)==null?void 0:ce.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
- }`,...(ge=(de=B.parameters)==null?void 0:de.docs)==null?void 0:ge.source}}};var pe,me,he;D.parameters={...D.parameters,docs:{...(pe=D.parameters)==null?void 0:pe.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
- }`,...(he=(me=D.parameters)==null?void 0:me.docs)==null?void 0:he.source}}};var ve,Ie,Ce;S.parameters={...S.parameters,docs:{...(ve=S.parameters)==null?void 0:ve.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>`,...(Ce=(Ie=S.parameters)==null?void 0:Ie.docs)==null?void 0:Ce.source}}};var be,ye,we;m.parameters={...m.parameters,docs:{...(be=m.parameters)==null?void 0:be.docs,source:{originalSource:`args => {
98
- const [_, updateArgs] = useArgs();
99
- const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
100
- updateArgs({
101
- value: evt.target.value
102
- });
103
- };
104
- return <NumberInput onChange={handleChange} value={123} {...args} />;
105
- }`,...(we=(ye=m.parameters)==null?void 0:ye.docs)==null?void 0:we.source}}};var Te,fe,xe;A.parameters={...A.parameters,docs:{...(Te=A.parameters)==null?void 0:Te.docs,source:{originalSource:`() => {
106
- const [value, setValue] = useState('123');
107
- return <Grid columns="1fr 1fr" gap>
108
- <Card heading={<Heading>Storage State (Redux)</Heading>}>
109
- {value}
110
- <Spacer />
111
- <Button label="Change value" onClick={() => setValue(String(Math.floor(Math.random() * 100)))} />
112
- </Card>
113
- <Card heading={<Heading>NumberInput</Heading>}>
114
- <NumberInput value={value} onChange={evt => {
115
- setValue(evt.target.value);
116
- }} error={Number(value) >= 0 ? '' : 'Value must be positive'} />
117
- </Card>
118
- </Grid>;
119
- }`,...(xe=(fe=A.parameters)==null?void 0:fe.docs)==null?void 0:xe.source}}};var Be,De,Se;h.parameters={...h.parameters,docs:{...(Be=h.parameters)==null?void 0:Be.docs,source:{originalSource:`() => {
120
- const [enableDisplayRounding, setEnableDisplayRounding] = useState(false);
121
- const [enableCosmeticRounding, setEnableCosmeticRounding] = useState(true);
122
- const [valueInFeet, setValueInFeet] = useState('0.6889763779527558');
123
- const [callBackError, setCallBackError] = useState('');
124
- const valueInMeters = Number(valueInFeet) * 0.3048;
125
- return <Grid columns="1fr 1fr" gap>
126
- <Card heading={<Heading>Settings</Heading>}>
127
- <Field label="Enable display rounding:" labelLeft labelWidth={200}>
128
- <Toggle checked={enableDisplayRounding} onChange={evt => setEnableDisplayRounding(evt.target.checked)} />
129
- </Field>
130
- <Field label="Enable cosmetic rounding:" labelLeft labelWidth={200}>
131
- <Toggle checked={enableCosmeticRounding} onChange={evt => setEnableCosmeticRounding(evt.target.checked)} />
132
- </Field>
133
- </Card>
134
- <Card heading={<Heading>NumberInput (displayed in Meters)</Heading>}>
135
- <Text faint>
136
- Cosmetic Rounding Test Cases: type 0.21 then return (compare with
137
- enableCosmeticRounding on and off)
138
- </Text>
139
- <Spacer />
140
- <NumberInput name="Example" value={valueInMeters} onChange={evt => {
141
- const nextValueInFeet = String(Number(evt.target.value) / 0.3048);
142
- setValueInFeet(nextValueInFeet); // convert back to ft
143
- }} enableDisplayRounding={enableDisplayRounding} enableCosmeticRounding={enableCosmeticRounding} error={Number(valueInFeet) >= 0 ? '' : 'Value must be positive'} validationCallback={(name, error) => {
144
- setCallBackError(error ?? '');
145
- }} testId="testId" />
146
- </Card>
147
- <Card heading={<Heading>Storage State / Redux (stored in Feet)</Heading>}>
148
- {valueInFeet}
149
- <Spacer />
150
- <Button label="Change value" onClick={() => setValueInFeet(String(Math.floor(Math.random() * 100)))} />
151
- </Card>
152
- <Card heading={<Heading>Test Validation Callback</Heading>}>
153
- {callBackError && <Message message={{
154
- content: callBackError,
155
- icon: true,
156
- type: 'Error',
157
- visible: true
158
- }} />}
159
- </Card>
160
- </Grid>;
161
- }`,...(Se=(De=h.parameters)==null?void 0:De.docs)==null?void 0:Se.source}}};var Ae,Ee,ke;v.parameters={...v.parameters,docs:{...(Ae=v.parameters)==null?void 0:Ae.docs,source:{originalSource:`() => {
162
- const [value, setValue] = useState('123');
163
- return <NumberInput value={value} onChange={evt => {
164
- setValue(evt.target.value);
165
- }} testId="testId" />;
166
- }`,...(ke=(Ee=v.parameters)==null?void 0:Ee.docs)==null?void 0:ke.source}}};const Ra=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","WithDisplayRounding","WithCustomDisplayRounding","TestInputGroup","TestDisplayRounding","ManagedTestCase","DemoCosmeticRounding","TestUserInput"];export{w as AllowEmpty,x as BadInput,k as Default,h as DemoCosmeticRounding,y as Disabled,f as Error,b as Left,A as ManagedTestCase,I as Small,m as TestDisplayRounding,S as TestInputGroup,v as TestUserInput,T as Warning,C as Width,D as WithCustomDisplayRounding,B as WithDisplayRounding,Ra as __namedExportsOrder,ka as default};
@@ -1,34 +0,0 @@
1
- import{j as n}from"./jsx-runtime-eps93zm2.js";import{T as A}from"./common-types-Sih75Sav.js";import{M as j}from"./actions-CHgr8eL8.js";import{c as C}from"./index-Bk2sglWO.js";import{C as D}from"./check-box-BtCGePRy.js";import{D as y}from"./divider-DY9nJ_7N.js";import"./index-DhsZuJvc.js";import"./lodash-BHd_uQHh.js";import"./disabled-context-rmpd7YJS.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./help-icon-Buhx5nl6.js";import"./text-B3-TSWok.js";const H="_menu_12x4u_1",q="_header_12x4u_11",M="_item_12x4u_27",k="_heading_12x4u_32",u={menu:H,header:q,item:M,heading:k},x=({option:e,onChange:a})=>{const{key:o,label:i,selected:t}=e;return n.jsx("div",{className:u.item,children:n.jsx(D,{label:i,noMargin:!0,checked:t,onChange:a})},o)};x.__docgenInfo={description:"",methods:[],displayName:"Option",props:{option:{required:!0,tsType:{name:"signature",type:"object",raw:`{
2
- key?: string;
3
- label?: string | null;
4
- selected?: boolean;
5
- }`,signature:{properties:[{key:"key",value:{name:"string",required:!1}},{key:"label",value:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}],required:!1}},{key:"selected",value:{name:"boolean",required:!1}}]}},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(evt: React.ChangeEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"ReactChangeEvent",raw:"React.ChangeEvent<HTMLInputElement>",elements:[{name:"HTMLInputElement"}]},name:"evt"}],return:{name:"void"}}},description:""}}};const b=({label:e})=>n.jsx("div",{className:u.heading,children:e});b.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"string"},description:""}}};var c=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(c||{});const E=({options:e,onChangeOptions:a,showHeader:o,maxHeight:i})=>n.jsxs("div",{className:C("menu",u.menu),style:{maxHeight:i},children:[o&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:u.header,children:[n.jsx("a",{onClick:t=>{const s=e.map(r=>({...r,selected:!0}));a(t,s)},children:"All"}),n.jsx("a",{onClick:t=>{const s=e.map(r=>({...r,selected:!1}));a(t,s)},children:"Clear"}),n.jsx("a",{onClick:t=>{const s=e.map(r=>({...r,selected:!r.selected}));a(t,s)},children:"Invert"})]}),n.jsx(y,{margin:0})]}),e.map((t,s)=>{switch(t.type){case c.HEADING:return n.jsx(b,{label:t.label},s);case c.DIVIDER:return n.jsx(y,{margin:0},s);default:return n.jsx(x,{option:t,onChange:r=>{const{value:d}=t,w=e.map(l=>l.value!==d?l:{...l,selected:!l.selected});a(r,w)}},s)}})]});E.__docgenInfo={description:"",methods:[],displayName:"Layer",props:{options:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]"},description:""},onChangeOptions:{required:!0,tsType:{name:"signature",type:"function",raw:`(
6
- evt: React.MouseEvent<HTMLAnchorElement>,
7
- options: IOptionType[],
8
- ) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement>",elements:[{name:"HTMLAnchorElement"}]},name:"evt"},{type:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]"},name:"options"}],return:{name:"void"}}},description:""},showHeader:{required:!1,tsType:{name:"boolean"},description:""},maxHeight:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const g=({name:e,label:a,options:o,onChange:i,showHeader:t=!0,maxHeight:s="40vh"})=>n.jsx(j,{menu:{label:a,trigger:A.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(E,{options:o,onChangeOptions:(r,d)=>{r.stopPropagation(),r.target.name=e,r.target.value=d,i(r)},showHeader:t,maxHeight:s})}});g.__docgenInfo={description:"",methods:[],displayName:"OptionDropdown",props:{name:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:`(
9
- evt: ChangeEvent<
10
- HTMLInputElement & { name?: string; value: IOptionType[] }
11
- >,
12
- ) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"intersection",raw:"HTMLInputElement & { name?: string; value: IOptionType[] }",elements:[{name:"HTMLInputElement"},{name:"signature",type:"object",raw:"{ name?: string; value: IOptionType[] }",signature:{properties:[{key:"name",value:{name:"string",required:!1}},{key:"value",value:{name:"Array",elements:[{name:"IOptionType"}],raw:"IOptionType[]",required:!0}}]}}]}],raw:`ChangeEvent<
13
- HTMLInputElement & { name?: string; value: IOptionType[] }
14
- >`},name:"evt"}],return:{name:"void"}}},description:""},showHeader:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},maxHeight:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'40vh'",computed:!1}}}};const{useArgs:L}=__STORYBOOK_MODULE_PREVIEW_API__,N=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],se={title:"Forms/OptionDropdown",component:g,args:{label:"Label",options:N}},O=e=>{const[a,o]=L(),i=t=>{o({options:t.target.value})};return n.jsx(g,{...e,onChange:i})},m=O.bind({}),p=O.bind({});p.args={options:[...Array(50)].map((e,a)=>({label:`Item #${a}`,value:a}))};var v,h,T;m.parameters={...m.parameters,docs:{...(v=m.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
15
- const [_, updateArgs] = useArgs();
16
- const handleChange = (evt: any) => {
17
- updateArgs({
18
- options: evt.target.value
19
- });
20
- };
21
- return <OptionDropdown
22
- // eslint-disable-next-line react/jsx-props-no-spreading
23
- {...args} onChange={handleChange} />;
24
- }`,...(T=(h=m.parameters)==null?void 0:h.docs)==null?void 0:T.source}}};var _,f,I;p.parameters={...p.parameters,docs:{...(_=p.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
25
- const [_, updateArgs] = useArgs();
26
- const handleChange = (evt: any) => {
27
- updateArgs({
28
- options: evt.target.value
29
- });
30
- };
31
- return <OptionDropdown
32
- // eslint-disable-next-line react/jsx-props-no-spreading
33
- {...args} onChange={handleChange} />;
34
- }`,...(I=(f=p.parameters)==null?void 0:f.docs)==null?void 0:I.source}}};const oe=["Default","ScrollOverflow"];export{m as Default,p as ScrollOverflow,oe as __namedExportsOrder,se as default};
@@ -1,10 +0,0 @@
1
- import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{S as w}from"./spacer-BWoNR27H.js";import{P as i}from"./popover-CzZdWNnB.js";import{I as c}from"./input-BW9trNAW.js";import{B as l}from"./button-VxhoNhrV.js";import{F as y}from"./flex-EllkLxgO.js";import{S as D}from"./select-Br1k0mOD.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-CHgr8eL8.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";const u=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],_=({close:e})=>r.jsxs(y,{gap:"var(--padding-xs)",children:[r.jsx(c,{value:"Value",width:"150px",small:!0}),r.jsx(D,{options:u,value:u[0],width:"auto",small:!0}),r.jsx(l,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(l,{label:"Cancel",onClick:e,small:!0})]}),lr={title:"Basic/Popover",component:i,args:{overflowContainer:!0,content:r.jsx(_,{}),children:r.jsx(l,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},n=e=>r.jsx(i,{...e}),p=n.bind({}),o=n.bind({});o.args={children:r.jsx(c,{value:"Value",width:"100%"})};const s=n.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=n.bind({});t.args={disabled:!0};const a=e=>{const[m,T]=k.useState(!1);return r.jsxs("div",{children:[r.jsx(l,{onClick:()=>T(!m),label:"Toggle Popover Externally"}),r.jsx(w,{}),r.jsx(i,{...e,isOpen:m,children:r.jsx(c,{})})]})};a.__docgenInfo={description:"",methods:[],displayName:"ExternalControl"};var d,g,x;p.parameters={...p.parameters,docs:{...(d=p.parameters)==null?void 0:d.docs,source:{originalSource:"args => <Popover {...args} />",...(x=(g=p.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};var v,f,j;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:"args => <Popover {...args} />",...(j=(f=o.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};var b,S,C;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Popover {...args} />",...(C=(S=s.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var O,h,P;t.parameters={...t.parameters,docs:{...(O=t.parameters)==null?void 0:O.docs,source:{originalSource:"args => <Popover {...args} />",...(P=(h=t.parameters)==null?void 0:h.docs)==null?void 0:P.source}}};var I,E,B;a.parameters={...a.parameters,docs:{...(I=a.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
2
- const [isOpen, setIsOpen] = useState(false);
3
- return <div>
4
- <Button onClick={() => setIsOpen(!isOpen)} label="Toggle Popover Externally" />
5
- <Spacer />
6
- <Popover {...args} isOpen={isOpen}>
7
- <Input />
8
- </Popover>
9
- </div>;
10
- }`,...(B=(E=a.parameters)==null?void 0:E.docs)==null?void 0:B.source}}};const nr=["Default","InputTrigger","CloseButton","Disabled","ExternalControl"];export{s as CloseButton,p as Default,t as Disabled,a as ExternalControl,o as InputTrigger,nr as __namedExportsOrder,lr as default};
@@ -1,47 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import"./index-DhsZuJvc.js";import{T as n}from"./top-bar-C_tn2Pc5.js";import{L as r}from"./list-yVTOdmpX.js";import{P as p}from"./page-7SSpdYhb.js";import{R as c,C as o}from"./row-Bmiy2Lh0.js";import{T as d}from"./tabs-CAZ_dHGK.js";import{S as u}from"./spacer-BWoNR27H.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./common-types-Sih75Sav.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./actions-CHgr8eL8.js";import"./lodash-BHd_uQHh.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./card-EcjmryU9.js";import"./meta-content-cbHGvPJ7.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./loader-XHoVniao.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./select.input-DIKP56UZ.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],X={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{}),e.jsxs(p,{padding:!1,left:0,scroll:!1,children:[e.jsx(u,{}),e.jsx(d,{margin:!1,padding:!0,options:t,value:t[0]}),e.jsxs(c,{spacing:0,flex:!0,height:"100%",children:[e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Country",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Field",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Site",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Well",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Wellbore",items:s}})}),e.jsx(o,{scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Design",items:s}})})]})]})]});l.__docgenInfo={description:"",methods:[],displayName:"Projects"};var i,m,a;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
2
- return <>
3
- <TopBar />
4
- <Page padding={false} left={0} scroll={false}>
5
- <Spacer />
6
- <Tabs margin={false} padding options={tabs} value={tabs[0]} />
7
- <Row spacing={0} flex height="100%">
8
- <Column borderRight scroll showScrollbar={false}>
9
- <List list={{
10
- name: 'Country',
11
- items
12
- }} />
13
- </Column>
14
- <Column borderRight scroll showScrollbar={false}>
15
- <List list={{
16
- name: 'Field',
17
- items
18
- }} />
19
- </Column>
20
- <Column borderRight scroll showScrollbar={false}>
21
- <List list={{
22
- name: 'Site',
23
- items
24
- }} />
25
- </Column>
26
- <Column borderRight scroll showScrollbar={false}>
27
- <List list={{
28
- name: 'Well',
29
- items
30
- }} />
31
- </Column>
32
- <Column borderRight scroll showScrollbar={false}>
33
- <List list={{
34
- name: 'Wellbore',
35
- items
36
- }} />
37
- </Column>
38
- <Column scroll showScrollbar={false}>
39
- <List list={{
40
- name: 'Design',
41
- items
42
- }} />
43
- </Column>
44
- </Row>
45
- </Page>
46
- </>;
47
- }`,...(a=(m=l.parameters)==null?void 0:m.docs)==null?void 0:a.source}}};const Y=["Projects"];export{l as Projects,Y as __namedExportsOrder,X as default};
@@ -1 +0,0 @@
1
- import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{c as y}from"./index-Bk2sglWO.js";import{D as R}from"./disabled-context-rmpd7YJS.js";import{s as C}from"./select.input-DIKP56UZ.js";import{b as H}from"./common-types-Sih75Sav.js";import{H as V}from"./help-icon-Buhx5nl6.js";const j="_wrapper_1fbik_1",O="_inline_1fbik_1",B="_radio_1fbik_5",L="_labelMargin_1fbik_8",D="_small_1fbik_27",N="_noMargin_1fbik_32",A="_disabled_1fbik_90",S="_isInTable_1fbik_106",z="_helpIconEnabled_1fbik_111",n={wrapper:j,inline:O,radio:B,labelMargin:L,small:D,noMargin:N,disabled:A,isInTable:S,helpIconEnabled:z},T=({name:m,label:p,value:r,selected:c,disabled:t=!1,small:f=!1,onChange:b,noMargin:g=!1,testId:v,helpText:s,onClickHelp:l})=>{const o=s||l;return a.jsxs("div",{className:y(n.radio,t?n.disabled:null,f?n.small:null,g?n.noMargin:null),onClick:b,"data-testid":v,children:[a.jsx("input",{type:H.RADIO,value:r,checked:c,onChange:()=>{},disabled:t}),a.jsx("label",{"data-name":m,"data-value":r,children:p}),o&&a.jsx("div",{className:n.helpIconEnabled,onClick:l,children:a.jsx(V,{text:s})})]})};T.__docgenInfo={description:"",methods:[],displayName:"RadioInput",props:{name:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},value:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},selected:{required:!0,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},noMargin:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},helpText:{required:!1,tsType:{name:"string"},description:""},onClickHelp:{required:!1,tsType:{name:"signature",type:"function",raw:"(event?: any) => void",signature:{arguments:[{type:{name:"any"},name:"event"}],return:{name:"void"}}},description:""}}};const F=({name:m,label:p,options:r,value:c,onChange:t,disabled:f=!1,small:b=!1,noMargin:g=!1,onClick:v=()=>{},inline:s=!1,mainLabel:l="",radioButtonsData:o,classForContainer:I="grouped fields"})=>{const _=k.useContext(R),u=o!==void 0,{simpleInputs:q,options:M,selectedOptions:d}=u?{simpleInputs:!1,options:o,selectedOptions:void 0}:C(r,c),E=u||d===void 0||d===null?void 0:q?d:d.value,h=u?l:p;return a.jsxs("div",{className:y(n.wrapper,s?n.inline:null,I==="inline fields"?n.inline:null),children:[l&&a.jsx("label",{className:y(s&&n.labelMargin),children:h}),M.map((e,w)=>{const x=e.checked||e.value===E||!1;return a.jsx(T,{name:e.name||e.value,label:e.label,value:e.value,selected:x,disabled:f||e.disabled||_,small:b,noMargin:g,onChange:e.disabled?void 0:i=>{u?v(i.target):(i.target.name=m,i.target.value=e.value.toString(),i.target.label=e.label.toString(),t&&t(i))},testId:e.testId,helpText:e.helpText,onClickHelp:e.onClickHelp},w)})]})};F.__docgenInfo={description:"",methods:[],displayName:"RadioButton",props:{name:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"IRadioButtonOption"}],raw:"IRadioButtonOption[]"},description:""},value:{required:!0,tsType:{name:"union",raw:"TStringOrNumber | IRadioButtonOption",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"IRadioButtonOption"}]},description:""},inline:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",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:""},noMargin:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},mainLabel:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(target: HTMLInputElement) => void",signature:{arguments:[{type:{name:"HTMLInputElement"},name:"target"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},radioButtonsData:{required:!1,tsType:{name:"Array",elements:[{name:"IRadioButtonOption"}],raw:"IRadioButtonOption[]"},description:""},classForContainer:{required:!1,tsType:{name:"union",raw:"'grouped fields' | 'inline fields'",elements:[{name:"literal",value:"'grouped fields'"},{name:"literal",value:"'inline fields'"}]},description:"",defaultValue:{value:"'grouped fields'",computed:!1}}}};export{F as R};