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

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 (150) hide show
  1. package/dist/index.d.ts +2 -56
  2. package/dist/index.js +69 -219
  3. package/dist/index.js.map +1 -1
  4. package/dist/storybook/assets/{Color-6VNJS4EI-OKUPsN5g.js → Color-6VNJS4EI-Wo3sTH7y.js} +1 -1
  5. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-GtO0h5cy.js → DocsRenderer-NNNQARDV-Yh9Nd5gV.js} +1 -1
  6. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-oJGDwI7F.js → WithTooltip-4HIR6TLV-sgH3fqcb.js} +1 -1
  7. package/dist/storybook/assets/accordion.stories-DAmwlTmm.js +170 -0
  8. package/dist/storybook/assets/{actions-Z9jDWreP.js → actions-SGexXf58.js} +1 -1
  9. package/dist/storybook/assets/{actions.stories-Qrio9EMy.js → actions.stories-dDCC23QK.js} +1 -1
  10. package/dist/storybook/assets/{afe.stories-fh4-T0m2.js → afe.stories-1YkAm2l2.js} +1 -1
  11. package/dist/storybook/assets/{badge.stories-C0MXS15j.js → badge.stories-nzXJ1qip.js} +1 -1
  12. package/dist/storybook/assets/{blowout.stories-BXWf5R9h.js → blowout.stories-ro9WCHli.js} +1 -1
  13. package/dist/storybook/assets/breadcrumb.stories-V7ozYBO-.js +1 -0
  14. package/dist/storybook/assets/{button-7V8oA22w.js → button-IoNblLER.js} +1 -1
  15. package/dist/storybook/assets/{button-group-q8QKkLVU.js → button-group-KeeGgC4K.js} +1 -1
  16. package/dist/storybook/assets/{button-group.stories-tLZpLTfD.js → button-group.stories-DG3i2d7K.js} +1 -1
  17. package/dist/storybook/assets/{button.stories-PhWmZXOu.js → button.stories-R9_1tl9l.js} +1 -1
  18. package/dist/storybook/assets/{buttons-and-links-mIhXkKfh.js → buttons-and-links-G0egBJCQ.js} +2 -2
  19. package/dist/storybook/assets/{card.stories-HzHJW6ek.js → card.stories-OtRekExg.js} +1 -1
  20. package/dist/storybook/assets/{casing-loads.stories-i9Kyuvs1.js → casing-loads.stories--oHbAVn4.js} +1 -1
  21. package/dist/storybook/assets/cell.stories-S9IDsuIA.js +212 -0
  22. package/dist/storybook/assets/{check-box-LZdXXKhv.js → check-box-BX5dfQFk.js} +1 -1
  23. package/dist/storybook/assets/{check-box.stories-0XCykxnz.js → check-box.stories-FNs72smP.js} +1 -1
  24. package/dist/storybook/assets/{chunk-HLWAVYOI-YpA4-WPj.js → chunk-HLWAVYOI-R756X9cQ.js} +1 -1
  25. package/dist/storybook/assets/{color-0ogqq8EH.js → color-6FMn1O-g.js} +1 -1
  26. package/dist/storybook/assets/{column.stories-6OLsjlcP.js → column.stories-5pd3N4bE.js} +1 -1
  27. package/dist/storybook/assets/dialog-dekS0lUR.js +1 -0
  28. package/dist/storybook/assets/dialog-gTGZ42G6.css +1 -0
  29. package/dist/storybook/assets/{drawer-WuErQ5Z8.js → drawer-TM-jK3WR.js} +1 -1
  30. package/dist/storybook/assets/{drawer.stories-BLdyJ3NA.js → drawer.stories-K-pmYbOj.js} +1 -1
  31. package/dist/storybook/assets/empty.stories-KIByp315.js +1 -0
  32. package/dist/storybook/assets/{field-eknsj_Ll.js → field-kOZPBHf6.js} +1 -1
  33. package/dist/storybook/assets/{field.stories-RmhJ16HT.js → field.stories-aEccauPi.js} +1 -1
  34. package/dist/storybook/assets/file-input.stories-22XjkzbO.js +66 -0
  35. package/dist/storybook/assets/{flex-RYZsoWEN.js → flex-ZVra76N-.js} +1 -1
  36. package/dist/storybook/assets/{flex.stories-lLz0Xrt_.js → flex.stories-kjbyZMWP.js} +1 -1
  37. package/dist/storybook/assets/{footer.stories-guoNYzr9.js → footer.stories-4uhW-z_4.js} +1 -1
  38. package/dist/storybook/assets/{form.stories-tzZoKyyL.js → form.stories-_A7_Mppm.js} +1 -1
  39. package/dist/storybook/assets/{formation.stories-KUe50fTQ.js → formation.stories-ZGzBQKt1.js} +1 -1
  40. package/dist/storybook/assets/{formatter-SWP5E3XI-Z60pYM_f.js → formatter-SWP5E3XI-yTTNZ_t2.js} +1 -1
  41. package/dist/storybook/assets/{heading-Bk0bpNfe.js → heading-cUVItwKq.js} +1 -1
  42. package/dist/storybook/assets/{heading.stories-HLMPkIPo.js → heading.stories-K-Z0sIoo.js} +1 -1
  43. package/dist/storybook/assets/{help-icon--rUDxLUD.js → help-icon-nI9A506M.js} +1 -1
  44. package/dist/storybook/assets/{help-icon.stories-vifwJgNA.js → help-icon.stories-Qz7MKCnQ.js} +1 -1
  45. package/dist/storybook/assets/{icon.stories-W-UgTWyK.js → icon.stories-icqUrCtQ.js} +1 -1
  46. package/dist/storybook/assets/iframe-SrZRNvhh.js +7 -0
  47. package/dist/storybook/assets/{index-isA0pQQP.js → index-4BJtFSI2.js} +5 -5
  48. package/dist/storybook/assets/{input-group.stories-WljyIQ0a.js → input-group.stories-EouZEW-v.js} +1 -1
  49. package/dist/storybook/assets/{input-u1He-wWs.js → input-iDZqV-2m.js} +1 -1
  50. package/dist/storybook/assets/{input-validation-lBeNJX0o.js → input-validation-kZPNHjD7.js} +1 -1
  51. package/dist/storybook/assets/{input.stories-rLdDRxtU.js → input.stories-iopguZKB.js} +1 -1
  52. package/dist/storybook/assets/{inputs-bYS5qR_g.js → inputs-V80YGmaz.js} +14 -14
  53. package/dist/storybook/assets/{label-0_Qf6I8t.js → label-RpB4JmHX.js} +1 -1
  54. package/dist/storybook/assets/{label.stories-aXdU5_Ql.js → label.stories-HcdQ1bEB.js} +1 -1
  55. package/dist/storybook/assets/{layout-forms-S1UZag29.js → layout-forms-FANlSXRU.js} +1 -1
  56. package/dist/storybook/assets/{layout-general-U3YRmnqR.js → layout-general-LrT4H6RD.js} +1 -1
  57. package/dist/storybook/assets/{list-dAlCO11z.js → list-ciYNlkVM.js} +1 -1
  58. package/dist/storybook/assets/list-heading-XbqCJOHh.js +1 -0
  59. package/dist/storybook/assets/{list.stories-data-IcFu6vvd.js → list.stories-data-spFiMtCi.js} +1 -1
  60. package/dist/storybook/assets/{list.stories-bt_cumRX.js → list.stories-khlFbVFq.js} +1 -1
  61. package/dist/storybook/assets/{loader.stories-0OwmnNML.js → loader.stories-G8Q_Fm8u.js} +1 -1
  62. package/dist/storybook/assets/{menu.stories-data-hEz8P1yK.js → menu.stories-data-VCYkzuDD.js} +1 -1
  63. package/dist/storybook/assets/{menu.stories-VwRF_Pbx.js → menu.stories-sot2Whii.js} +1 -1
  64. package/dist/storybook/assets/{message-yii7x6Na.js → message-uMHaTEXV.js} +1 -1
  65. package/dist/storybook/assets/{message.stories-9RWD3-p1.js → message.stories-BqM_-mrZ.js} +1 -1
  66. package/dist/storybook/assets/{modal.stories-rVfow_s3.js → modal.stories-K4XxeWTp.js} +1 -1
  67. package/dist/storybook/assets/{number-input-SvjJIGsW.js → number-input-d7hXQldd.js} +1 -1
  68. package/dist/storybook/assets/{number-input.stories-BURENIFo.js → number-input.stories-SOsG2FLJ.js} +1 -1
  69. package/dist/storybook/assets/option-dropdown.stories-1Y5JDaBF.js +21 -0
  70. package/dist/storybook/assets/{padding-and-spacing-Ej5fu8GG.js → padding-and-spacing-sd88NtLC.js} +1 -1
  71. package/dist/storybook/assets/page.stories-B5gzoAi8.js +57 -0
  72. package/dist/storybook/assets/{pagination-5n5spTRo.js → pagination-Eaj_UOBW.js} +1 -1
  73. package/dist/storybook/assets/{pagination.stories-g4a-aSxq.js → pagination.stories-sl2a8BMq.js} +1 -1
  74. package/dist/storybook/assets/pop-confirm.stories-94l3Xg8w.js +9 -0
  75. package/dist/storybook/assets/{popover-Y3FpGdUS.js → popover-uAo1e4-D.js} +1 -1
  76. package/dist/storybook/assets/{popover.stories-b7Tt4S0j.js → popover.stories-XaqJOrng.js} +1 -1
  77. package/dist/storybook/assets/{preview-8d3sl769.js → preview-HzqOHlF7.js} +2 -2
  78. package/dist/storybook/assets/{global-M-3dCKk3.css → preview-QdB_aBj_.css} +1 -1
  79. package/dist/storybook/assets/{preview-UZXZGus9.js → preview-ixZGzwV9.js} +3 -3
  80. package/dist/storybook/assets/{projects.stories-bo3cPOP-.js → projects.stories-ojOsn6HU.js} +1 -1
  81. package/dist/storybook/assets/{radio-button-jHcwHUA4.js → radio-button-QcS9mLYi.js} +1 -1
  82. package/dist/storybook/assets/{radio-button.stories-LkCJsp5P.js → radio-button.stories-KCS981-F.js} +1 -1
  83. package/dist/storybook/assets/{reservoirs.stories-RUFcw2h6.js → reservoirs.stories-Dg5QFAXV.js} +1 -1
  84. package/dist/storybook/assets/{rich-text-input-W-kYpvgO.js → rich-text-input.stories-D55Op5Gf.js} +127 -52
  85. package/dist/storybook/assets/{row.stories-TurDc49t.js → row.stories-HVr8m6RK.js} +1 -1
  86. package/dist/storybook/assets/{select-JjEPivho.js → select-Z1HqJ5aU.js} +1 -1
  87. package/dist/storybook/assets/{select.stories-qFDyxRFm.js → select.stories-oUxeDUts.js} +1 -1
  88. package/dist/storybook/assets/{side-bar-Fjr2t9MT.js → side-bar-GJ2tcZYY.js} +1 -1
  89. package/dist/storybook/assets/{side-bar.stories-sxBJCVnV.js → side-bar.stories-q_bRwHV_.js} +1 -1
  90. package/dist/storybook/assets/{site.stories-Hnwa5Rxk.js → site.stories-OEW6o2C_.js} +1 -1
  91. package/dist/storybook/assets/{slider-nl2rJ9LF.js → slider-_5NQKbM-.js} +1 -1
  92. package/dist/storybook/assets/{slider.stories--aZa8kf-.js → slider.stories-QyyBB_rz.js} +1 -1
  93. package/dist/storybook/assets/{spacer.stories-eCrKj4b3.js → spacer.stories-CWSQp7tw.js} +1 -1
  94. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-LVCFR00p.js → syntaxhighlighter-NMPM6SWI-7eVUNnH3.js} +1 -1
  95. package/dist/storybook/assets/table-_jWgMFOi.js +1 -0
  96. package/dist/storybook/assets/{table.stories-data-txTr9mYv.js → table.stories-data-2BZDVr2X.js} +1 -1
  97. package/dist/storybook/assets/{table.stories-TGOwb9FU.js → table.stories-lwqVUJHa.js} +1 -1
  98. package/dist/storybook/assets/text-link.stories-kjfUeFtk.js +1 -0
  99. package/dist/storybook/assets/{textarea-8bcldTyf.js → textarea-1cVdadvY.js} +1 -1
  100. package/dist/storybook/assets/{textarea.stories-D9SctTMD.js → textarea.stories-twGqf34D.js} +1 -1
  101. package/dist/storybook/assets/{title.stories-InoCrXr8.js → title.stories-Djnk3crF.js} +1 -1
  102. package/dist/storybook/assets/{toaster-2HasMRmP.js → toaster-eOozfa7U.js} +1 -1
  103. package/dist/storybook/assets/{toaster.stories-NBYloz0_.js → toaster.stories-ft_M65x0.js} +1 -1
  104. package/dist/storybook/assets/{toggle-BPI2y-lU.js → toggle-wk0GbVB8.js} +1 -1
  105. package/dist/storybook/assets/{toggle.stories-aVmjpons.js → toggle.stories-LC6LSCD2.js} +1 -1
  106. package/dist/storybook/assets/{tooltip-HEHiU__l.js → tooltip-ZHdi6rl-.js} +1 -1
  107. package/dist/storybook/assets/{tooltip.stories-tiOgoWHH.js → tooltip.stories-gTfOeEzv.js} +1 -1
  108. package/dist/storybook/assets/{tooltip.test-case.stories-kIeZayHw.js → tooltip.test-case.stories-y-bQOM0s.js} +1 -1
  109. package/dist/storybook/assets/{top-bar-3dxv0sp9.js → top-bar-0fDAFWyC.js} +1 -1
  110. package/dist/storybook/assets/{top-bar.stories-sMvXnmhR.js → top-bar.stories-YKtteM_h.js} +1 -1
  111. package/dist/storybook/assets/{top-bar.testcase.stories-Nb8fdPBS.js → top-bar.testcase.stories-Z-6C5D2R.js} +1 -1
  112. package/dist/storybook/assets/tree.stories-5fjCVN1S.js +180 -0
  113. package/dist/storybook/assets/unit-input.stories-ZdrR9JWT.js +273 -0
  114. package/dist/storybook/iframe.html +1 -1
  115. package/dist/storybook/index.json +1 -1
  116. package/dist/storybook/project.json +1 -1
  117. package/dist/storybook/stories.json +1 -1
  118. package/package.json +1 -1
  119. package/dist/storybook/assets/accordion-with-default-toggle-8PUIm8jP.js +0 -1
  120. package/dist/storybook/assets/accordion.stories-xUgAzm87.js +0 -170
  121. package/dist/storybook/assets/breadcrumb-WFZ7OoC2.js +0 -1
  122. package/dist/storybook/assets/breadcrumb.stories-mou0ppaX.js +0 -1
  123. package/dist/storybook/assets/cell.stories-QHDggPeA.js +0 -208
  124. package/dist/storybook/assets/empty-PU0JdhZM.js +0 -1
  125. package/dist/storybook/assets/empty.stories-FYO6syUx.js +0 -1
  126. package/dist/storybook/assets/file-input-7-7kYhsS.js +0 -1
  127. package/dist/storybook/assets/file-input.stories-lW0gLK14.js +0 -66
  128. package/dist/storybook/assets/iframe-ybuSzuG4.js +0 -7
  129. package/dist/storybook/assets/meta-content-2S9BpSoX.js +0 -1
  130. package/dist/storybook/assets/modal-BJKGBCkS.css +0 -1
  131. package/dist/storybook/assets/modal-Dr5HffrG.js +0 -1
  132. package/dist/storybook/assets/option-dropdown-6QvoS02o.js +0 -1
  133. package/dist/storybook/assets/option-dropdown.stories-5qw-N2Q9.js +0 -21
  134. package/dist/storybook/assets/page.stories-4zM8wrxN.js +0 -57
  135. package/dist/storybook/assets/pop-confirm-nfz5S-f-.js +0 -1
  136. package/dist/storybook/assets/pop-confirm.stories-1vIAhdl-.js +0 -9
  137. package/dist/storybook/assets/preview-agc3Xxfb.css +0 -1
  138. package/dist/storybook/assets/print-header-mVYWFles.js +0 -1
  139. package/dist/storybook/assets/rich-text-input.stories-6-587T_0.js +0 -76
  140. package/dist/storybook/assets/table-lfeSnryj.js +0 -1
  141. package/dist/storybook/assets/text-link-1uKYQqn_.js +0 -1
  142. package/dist/storybook/assets/text-link.stories-ZcuOY5VK.js +0 -1
  143. package/dist/storybook/assets/tree-Rhl5ea49.js +0 -6
  144. package/dist/storybook/assets/tree.stories-dFH-G6se.js +0 -123
  145. package/dist/storybook/assets/unit-input-fxjK7nON.js +0 -1
  146. package/dist/storybook/assets/unit-input.stories--UApgPT-.js +0 -273
  147. package/dist/storybook/assets/unit-table.stories-Vd1Nqk2h.js +0 -434
  148. /package/dist/storybook/assets/{accordion-with-default-toggle-tw1O4Ru6.css → accordion-tw1O4Ru6.css} +0 -0
  149. /package/dist/storybook/assets/{meta-content-Y8BAUuV6.css → list-heading-Y8BAUuV6.css} +0 -0
  150. /package/dist/storybook/assets/{print-header-6iak35D6.css → page-6iak35D6.css} +0 -0
@@ -1 +1 @@
1
- import{j as a}from"./jsx-runtime-FsUICBgo.js";import{r as I}from"./index-RfLt4OUa.js";import{c as h}from"./index-VW3EWkuE.js";import{C as t,G as m}from"./common-types-U65vzrrz.js";import{D as M}from"./disabled-context-urNQThQz.js";import{S as j}from"./spinner-R8Il4aRe.js";import{I as w}from"./icon-y1a2N5SZ.js";import{T as C}from"./tooltip-HEHiU__l.js";const F="_inputInTable_1rzkf_1",R="_inputHover_1rzkf_13",U="_inputFocus_1rzkf_18",D="_inputError_1rzkf_25",L="_inputWarning_1rzkf_26",G="_inputDisabled_1rzkf_61",H="_hideScrollbars_1rzkf_67",W="_button_1rzkf_100",A="_active_1rzkf_135",J="_green_1rzkf_135",K="_red_1rzkf_135",P="_orange_1rzkf_135",Q="_icon_1rzkf_147",X="_iconOnly_1rzkf_153",Y="_basic_1rzkf_163",Z="_muted_1rzkf_169",$="_disabled_1rzkf_188",ee="_small_1rzkf_198",re="_pill_1rzkf_203",ae="_round_1rzkf_204",ne="_error_1rzkf_276",te="_warning_1rzkf_293",le="_inverted_1rzkf_310",se="_groupOrderFirst_1rzkf_340",ie="_groupOrderMiddle_1rzkf_341",oe="_groupOrderLast_1rzkf_342",e={inputInTable:F,inputHover:R,inputFocus:U,inputError:D,inputWarning:L,inputDisabled:G,hideScrollbars:H,button:W,active:A,green:J,red:K,orange:P,icon:Q,iconOnly:X,basic:Y,muted:Z,disabled:$,small:ee,pill:re,round:ae,error:ne,warning:te,inverted:le,groupOrderFirst:se,groupOrderMiddle:ie,groupOrderLast:oe};var l=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(l||{});const ue=({children:r,tooltip:n=null})=>n?a.jsx(C,{text:n,display:"inline-flex",children:r}):a.jsx(a.Fragment,{children:r}),g=({active:r=!1,basic:n=!1,colored:s=!1,disabled:u=!1,groupOrder:d=null,icon:i=null,label:c="",loading:p=!1,name:b,pill:v=!1,round:y=!1,small:o=!1,styles:k="",width:z="",title:f="",type:O=l.BUTTON,onClick:q=()=>{},error:T,warning:V,testId:x,tooltip:E,inverted:S=!1})=>{const _=I.useContext(M),N=(()=>{if(s)switch(s){case t.DANGER:case t.RED:return e.red;case t.SUCCESS:case t.GREEN:return e.green;case t.MUTED:return e.muted;default:return e.orange}return""})(),B=(()=>{if(d)switch(d){case m.FIRST:return e.groupOrderFirst;case m.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return a.jsx(ue,{tooltip:E,children:a.jsxs("button",{type:O===l.SUBMIT?l.SUBMIT:l.BUTTON,className:h(e.button,r?e.active:"",n?e.basic:"",N,u||_?e.disabled:"",(i||p)&&!c?e.iconOnly:"",S?e.inverted:"",B,v?e.pill:"",y?e.round:"",o?e.small:"",T?e.error:V?e.warning:"",k),disabled:u||_,name:b??"",onClick:q,...f?{title:f}:{},style:{width:z},"data-testid":x,children:[i&&a.jsx("span",{className:e.icon,children:a.jsx(w,{icon:i})}),p&&a.jsx("span",{className:e.icon,children:a.jsx(j,{small:!o,tiny:o,dark:!s&&!n,colored:n})}),c]})})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{active:{defaultValue:{value:"false"},description:"",name:"active",required:!1,type:{name:"boolean"}},basic:{defaultValue:{value:"false"},description:"",name:"basic",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"string | boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},icon:{defaultValue:{value:"null"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | null"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},pill:{defaultValue:{value:"false"},description:"",name:"pill",required:!1,type:{name:"boolean"}},round:{defaultValue:{value:"false"},description:"",name:"round",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},styles:{defaultValue:{value:""},description:"",name:"styles",required:!1,type:{name:"string"}},width:{defaultValue:{value:""},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:{value:"ButtonType.BUTTON"},description:"",name:"type",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}}}}}catch{}export{g as B,l as a};
1
+ import{j as a}from"./jsx-runtime-FsUICBgo.js";import{r as I}from"./index-RfLt4OUa.js";import{c as h}from"./index-VW3EWkuE.js";import{C as t,G as m}from"./common-types-U65vzrrz.js";import{D as M}from"./disabled-context-urNQThQz.js";import{S as j}from"./spinner-R8Il4aRe.js";import{I as w}from"./icon-y1a2N5SZ.js";import{T as C}from"./tooltip-ZHdi6rl-.js";const F="_inputInTable_1rzkf_1",R="_inputHover_1rzkf_13",U="_inputFocus_1rzkf_18",D="_inputError_1rzkf_25",L="_inputWarning_1rzkf_26",G="_inputDisabled_1rzkf_61",H="_hideScrollbars_1rzkf_67",W="_button_1rzkf_100",A="_active_1rzkf_135",J="_green_1rzkf_135",K="_red_1rzkf_135",P="_orange_1rzkf_135",Q="_icon_1rzkf_147",X="_iconOnly_1rzkf_153",Y="_basic_1rzkf_163",Z="_muted_1rzkf_169",$="_disabled_1rzkf_188",ee="_small_1rzkf_198",re="_pill_1rzkf_203",ae="_round_1rzkf_204",ne="_error_1rzkf_276",te="_warning_1rzkf_293",le="_inverted_1rzkf_310",se="_groupOrderFirst_1rzkf_340",ie="_groupOrderMiddle_1rzkf_341",oe="_groupOrderLast_1rzkf_342",e={inputInTable:F,inputHover:R,inputFocus:U,inputError:D,inputWarning:L,inputDisabled:G,hideScrollbars:H,button:W,active:A,green:J,red:K,orange:P,icon:Q,iconOnly:X,basic:Y,muted:Z,disabled:$,small:ee,pill:re,round:ae,error:ne,warning:te,inverted:le,groupOrderFirst:se,groupOrderMiddle:ie,groupOrderLast:oe};var l=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(l||{});const ue=({children:r,tooltip:n=null})=>n?a.jsx(C,{text:n,display:"inline-flex",children:r}):a.jsx(a.Fragment,{children:r}),g=({active:r=!1,basic:n=!1,colored:s=!1,disabled:u=!1,groupOrder:d=null,icon:i=null,label:c="",loading:p=!1,name:b,pill:v=!1,round:y=!1,small:o=!1,styles:k="",width:z="",title:f="",type:O=l.BUTTON,onClick:q=()=>{},error:T,warning:V,testId:x,tooltip:E,inverted:S=!1})=>{const _=I.useContext(M),N=(()=>{if(s)switch(s){case t.DANGER:case t.RED:return e.red;case t.SUCCESS:case t.GREEN:return e.green;case t.MUTED:return e.muted;default:return e.orange}return""})(),B=(()=>{if(d)switch(d){case m.FIRST:return e.groupOrderFirst;case m.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return a.jsx(ue,{tooltip:E,children:a.jsxs("button",{type:O===l.SUBMIT?l.SUBMIT:l.BUTTON,className:h(e.button,r?e.active:"",n?e.basic:"",N,u||_?e.disabled:"",(i||p)&&!c?e.iconOnly:"",S?e.inverted:"",B,v?e.pill:"",y?e.round:"",o?e.small:"",T?e.error:V?e.warning:"",k),disabled:u||_,name:b??"",onClick:q,...f?{title:f}:{},style:{width:z},"data-testid":x,children:[i&&a.jsx("span",{className:e.icon,children:a.jsx(w,{icon:i})}),p&&a.jsx("span",{className:e.icon,children:a.jsx(j,{small:!o,tiny:o,dark:!s&&!n,colored:n})}),c]})})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{active:{defaultValue:{value:"false"},description:"",name:"active",required:!1,type:{name:"boolean"}},basic:{defaultValue:{value:"false"},description:"",name:"basic",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"string | boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},icon:{defaultValue:{value:"null"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | null"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},pill:{defaultValue:{value:"false"},description:"",name:"pill",required:!1,type:{name:"boolean"}},round:{defaultValue:{value:"false"},description:"",name:"round",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},styles:{defaultValue:{value:""},description:"",name:"styles",required:!1,type:{name:"string"}},width:{defaultValue:{value:""},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:{value:"ButtonType.BUTTON"},description:"",name:"type",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}}}}}catch{}export{g as B,l as a};
@@ -1 +1 @@
1
- import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as H}from"./index-RfLt4OUa.js";import{G as u}from"./common-types-U65vzrrz.js";import{D as P}from"./disabled-context-urNQThQz.js";import{i as c,g as R}from"./types-5uVBABF4.js";import{B as W}from"./button-7V8oA22w.js";import{T as K}from"./tooltip-HEHiU__l.js";const M="_label_iu2wi_1",z="_buttonGroup_iu2wi_11",x={label:M,buttonGroup:z},h=p=>{const{basic:j=!1,items:m=[],header:f="",onSelected:_=()=>{},small:B=!1,value:g="",testId:T=void 0,disabled:b}=p,v=H.useContext(P),I=(e,t,r,s,a)=>{e.preventDefault(),e.stopPropagation(),!(b||a||v)&&_(t,r,s)},V=(e,t)=>t==="string"?e:t==="object"?e.label:t==="array"?e[1]:null,G=(e,t)=>t==="string"?e:t==="object"?e.value??"":t==="array"?e[0]??"":"",S=(e,t,r)=>t==="object"&&"key"in e?e.key:r,q=(e,t)=>t==="object"?e.hidden:!1,F=(e,t)=>t==="object"?e.icon:void 0,N=(e,t,r)=>e==="object"?String(t)===String(g):r===g,k=()=>{if(f)return n.jsx("label",{className:x.label,children:f})},C=()=>m.map((e,t)=>{const r=R(e),s=t===0?u.FIRST:t===m.length-1?u.LAST:u.MIDDLE,a=V(e,r),i=G(e,r),y=S(e,r,i),D=q(e,r),L=F(e,r),w=N(r,y,i),{error:l,maxTooltipWidth:O,testId:E,tooltip:d,warning:o}=e;return D?null:n.jsx(K,{error:!!l,warning:!!o,text:d||l||o,maxWidth:O,display:"block",enabled:d&&c(d)||l&&c(l)||o&&c(o)||!1,placement:"bottom-center",children:n.jsx(W,{active:w,basic:j,disabled:b||e.disabled,groupOrder:s,icon:L,label:a,onClick:A=>{I(A,y,i,typeof a=="string"?a:"",e.disabled||!1)},small:B,testId:E})},t)});return n.jsx("div",{children:n.jsxs("div",{children:[k(),n.jsx("div",{className:x.buttonGroup,"data-testid":T,children:C()})]})})};try{h.displayName="ButtonGroup",h.__docgenInfo={description:"",displayName:"ButtonGroup",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},basic:{defaultValue:null,description:"",name:"basic",required:!1,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!1,type:{name:"string[] | (string[] | IBtnGroupItemProps)[]"}},header:{defaultValue:null,description:"",name:"header",required:!1,type:{name:"string"}},onSelected:{defaultValue:null,description:"",name:"onSelected",required:!1,type:{name:"TFunction"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{h as B};
1
+ import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as H}from"./index-RfLt4OUa.js";import{G as u}from"./common-types-U65vzrrz.js";import{D as P}from"./disabled-context-urNQThQz.js";import{i as c,g as R}from"./types-5uVBABF4.js";import{B as W}from"./button-IoNblLER.js";import{T as K}from"./tooltip-ZHdi6rl-.js";const M="_label_iu2wi_1",z="_buttonGroup_iu2wi_11",x={label:M,buttonGroup:z},h=p=>{const{basic:j=!1,items:m=[],header:f="",onSelected:_=()=>{},small:B=!1,value:g="",testId:T=void 0,disabled:b}=p,v=H.useContext(P),I=(e,t,r,s,a)=>{e.preventDefault(),e.stopPropagation(),!(b||a||v)&&_(t,r,s)},V=(e,t)=>t==="string"?e:t==="object"?e.label:t==="array"?e[1]:null,G=(e,t)=>t==="string"?e:t==="object"?e.value??"":t==="array"?e[0]??"":"",S=(e,t,r)=>t==="object"&&"key"in e?e.key:r,q=(e,t)=>t==="object"?e.hidden:!1,F=(e,t)=>t==="object"?e.icon:void 0,N=(e,t,r)=>e==="object"?String(t)===String(g):r===g,k=()=>{if(f)return n.jsx("label",{className:x.label,children:f})},C=()=>m.map((e,t)=>{const r=R(e),s=t===0?u.FIRST:t===m.length-1?u.LAST:u.MIDDLE,a=V(e,r),i=G(e,r),y=S(e,r,i),D=q(e,r),L=F(e,r),w=N(r,y,i),{error:l,maxTooltipWidth:O,testId:E,tooltip:d,warning:o}=e;return D?null:n.jsx(K,{error:!!l,warning:!!o,text:d||l||o,maxWidth:O,display:"block",enabled:d&&c(d)||l&&c(l)||o&&c(o)||!1,placement:"bottom-center",children:n.jsx(W,{active:w,basic:j,disabled:b||e.disabled,groupOrder:s,icon:L,label:a,onClick:A=>{I(A,y,i,typeof a=="string"?a:"",e.disabled||!1)},small:B,testId:E})},t)});return n.jsx("div",{children:n.jsxs("div",{children:[k(),n.jsx("div",{className:x.buttonGroup,"data-testid":T,children:C()})]})})};try{h.displayName="ButtonGroup",h.__docgenInfo={description:"",displayName:"ButtonGroup",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},basic:{defaultValue:null,description:"",name:"basic",required:!1,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!1,type:{name:"string[] | (string[] | IBtnGroupItemProps)[]"}},header:{defaultValue:null,description:"",name:"header",required:!1,type:{name:"string"}},onSelected:{defaultValue:null,description:"",name:"onSelected",required:!1,type:{name:"TFunction"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{h as B};
@@ -1,4 +1,4 @@
1
- import{j as B}from"./jsx-runtime-FsUICBgo.js";import{B as G}from"./button-group-q8QKkLVU.js";import"./index-RfLt4OUa.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./button-7V8oA22w.js";import"./index-VW3EWkuE.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";const I=[{key:"0",label:"Aardvarks",value:"termites"},{key:"1",label:"Kangaroos",value:"grass"},{key:"2",label:"Monkeys",value:"bananas"},{key:"3",label:"Possums",value:"slugs",hidden:!0},{key:"4",label:"Pandas",value:"bamboo",disabled:!0}],K=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],M=["One","Two","Three"],P=[["first_item","One"],["second_item","Two"],["third_item","Three"]],F=[{key:"0",label:"Aardvarks",value:"termites",tooltip:"Eats 50k termites / night"},{key:"1",label:"Kangaroos",value:"grass",tooltip:B.jsx("span",{children:"Babies are called joeys"})},{key:"2",label:"Monkeys",value:"bananas",warning:"A bit cheeky"},{key:"3",label:"Pandas",value:"bamboo",disabled:!0,tooltip:"Extinct"}],{useArgs:R}=__STORYBOOK_MODULE_ADDONS__,ae={title:"Forms/ButtonGroup",component:G,args:{disabled:!1,items:I,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},e=D=>{const[U,N]=R(),E=w=>{N({value:w})};return B.jsx(G,{...D,onSelected:E})},l=e.bind({}),n=e.bind({});n.args={items:K};const a=e.bind({});a.args={items:F};const t=e.bind({});t.args={disabled:!0};const o=e.bind({});o.args={small:!0};const r=e.bind({});r.args={items:M};r.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const s=e.bind({});s.args={items:P};s.parameters={docs:{description:{story:"Avoid this deprecated legacy usage (still supported, but may be removed in future)."}}};var i,u,d;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
1
+ import{j as B}from"./jsx-runtime-FsUICBgo.js";import{B as G}from"./button-group-KeeGgC4K.js";import"./index-RfLt4OUa.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./button-IoNblLER.js";import"./index-VW3EWkuE.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";const I=[{key:"0",label:"Aardvarks",value:"termites"},{key:"1",label:"Kangaroos",value:"grass"},{key:"2",label:"Monkeys",value:"bananas"},{key:"3",label:"Possums",value:"slugs",hidden:!0},{key:"4",label:"Pandas",value:"bamboo",disabled:!0}],K=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],M=["One","Two","Three"],P=[["first_item","One"],["second_item","Two"],["third_item","Three"]],F=[{key:"0",label:"Aardvarks",value:"termites",tooltip:"Eats 50k termites / night"},{key:"1",label:"Kangaroos",value:"grass",tooltip:B.jsx("span",{children:"Babies are called joeys"})},{key:"2",label:"Monkeys",value:"bananas",warning:"A bit cheeky"},{key:"3",label:"Pandas",value:"bamboo",disabled:!0,tooltip:"Extinct"}],{useArgs:R}=__STORYBOOK_MODULE_ADDONS__,ae={title:"Forms/ButtonGroup",component:G,args:{disabled:!1,items:I,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},e=D=>{const[U,N]=R(),E=w=>{N({value:w})};return B.jsx(G,{...D,onSelected:E})},l=e.bind({}),n=e.bind({});n.args={items:K};const a=e.bind({});a.args={items:F};const t=e.bind({});t.args={disabled:!0};const o=e.bind({});o.args={small:!0};const r=e.bind({});r.args={items:M};r.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const s=e.bind({});s.args={items:P};s.parameters={docs:{description:{story:"Avoid this deprecated legacy usage (still supported, but may be removed in future)."}}};var i,u,d;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
2
2
  const [_, updateArgs] = useArgs();
3
3
  const handleChange = (evt: TStringOrNumber) => {
4
4
  updateArgs({
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{F as nr}from"./flex-RYZsoWEN.js";import{B as o,a as cr}from"./button-7V8oA22w.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";const hr={title:"Forms/Button",component:o,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=x=>e.jsxs(nr,{gap:"var(--padding-sm)",children:[e.jsx(o,{...x}),e.jsx(o,{colored:!0,...x}),e.jsx(o,{colored:"success",...x}),e.jsx(o,{colored:"danger",...x})]}),F=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={disabled:!0};const c=r.bind({});c.args={icon:"delete"};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0};const l=r.bind({});l.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const u=r.bind({});u.args={width:"100%"};const g=r.bind({});g.args={type:cr.SUBMIT};const p=r.bind({});p.args={label:"Lorem ipsum dolor est compendum",width:"100px",small:!0};const i=r.bind({});i.args={tooltip:"Tooltip goes here"};const m=r.bind({});m.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px"};const B=r.bind({});B.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px",small:!0};var b,S,v;F.parameters={...F.parameters,docs:{...(b=F.parameters)==null?void 0:b.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
1
+ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{F as nr}from"./flex-ZVra76N-.js";import{B as o,a as cr}from"./button-IoNblLER.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";const hr={title:"Forms/Button",component:o,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=x=>e.jsxs(nr,{gap:"var(--padding-sm)",children:[e.jsx(o,{...x}),e.jsx(o,{colored:!0,...x}),e.jsx(o,{colored:"success",...x}),e.jsx(o,{colored:"danger",...x})]}),F=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={disabled:!0};const c=r.bind({});c.args={icon:"delete"};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0};const l=r.bind({});l.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const u=r.bind({});u.args={width:"100%"};const g=r.bind({});g.args={type:cr.SUBMIT};const p=r.bind({});p.args={label:"Lorem ipsum dolor est compendum",width:"100px",small:!0};const i=r.bind({});i.args={tooltip:"Tooltip goes here"};const m=r.bind({});m.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px"};const B=r.bind({});B.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px",small:!0};var b,S,v;F.parameters={...F.parameters,docs:{...(b=F.parameters)==null?void 0:b.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
2
2
  <Button {...args} />
3
3
  <Button colored {...args} />
4
4
  <Button colored="success" {...args} />
@@ -1,4 +1,4 @@
1
- import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as e}from"./index-isA0pQQP.js";import{Default as a,Basic as c}from"./button.stories-PhWmZXOu.js";import{Default as d}from"./text-link.stories-ZcuOY5VK.js";import{useMDXComponents as r}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-ybuSzuG4.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./flex-RYZsoWEN.js";import"./button-7V8oA22w.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./text-link-1uKYQqn_.js";import"./text-6KQ6ntOV.js";function i(n){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},r(),n.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Buttons & Links"}),`
1
+ import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as e}from"./index-4BJtFSI2.js";import{Default as a,Basic as c}from"./button.stories-R9_1tl9l.js";import{Default as d}from"./text-link.stories-kjfUeFtk.js";import{useMDXComponents as r}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-SrZRNvhh.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./flex-ZVra76N-.js";import"./button-IoNblLER.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./text-6KQ6ntOV.js";function i(n){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},r(),n.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Buttons & Links"}),`
2
2
  `,t.jsx(o.h1,{id:"buttons--links",children:"Buttons & Links"}),`
3
3
  `,t.jsx(e,{of:a}),`
4
4
  `,t.jsx(o.h2,{id:"a-single-primary-button",children:"A single primary button"}),`
@@ -11,4 +11,4 @@ import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as e}from"./index-
11
11
  `,t.jsxs(o.p,{children:["If you need a very unobtrusive button, combine ",t.jsx(o.code,{children:"basic"})," with ",t.jsx(o.code,{children:'colored="muted"'}),"."]}),`
12
12
  `,t.jsxs(o.h2,{id:"links-textlink",children:["Links (",t.jsx(o.code,{children:"TextLink"}),")"]}),`
13
13
  `,t.jsxs(o.p,{children:["Inline links without extra padding. Use when space is limited and/or extra padding would cause problems (e.g. for a link in a ",t.jsx(o.code,{children:"Table"})," or an inline link)."]}),`
14
- `,t.jsx(e,{of:d})]})}function _(n={}){const{wrapper:o}=Object.assign({},r(),n.components);return o?t.jsx(o,Object.assign({},n,{children:t.jsx(i,n)})):i(n)}export{_ as default};
14
+ `,t.jsx(e,{of:d})]})}function U(n={}){const{wrapper:o}=Object.assign({},r(),n.components);return o?t.jsx(o,Object.assign({},n,{children:t.jsx(i,n)})):i(n)}export{U as default};
@@ -1 +1 @@
1
- import{j as d}from"./jsx-runtime-FsUICBgo.js";import{C as S}from"./card-0r8RRVk-.js";import{H as N}from"./heading-Bk0bpNfe.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const z={title:"Layout/Card",component:S,args:{raised:!1,children:"Content goes here",padding:!0,bordered:!0}},o=W=>d.jsx(S,{...W}),t=o.bind({}),r=o.bind({});r.args={heading:d.jsx(N,{children:"Heading"})};const e=o.bind({});e.args={heading:d.jsx(N,{onClickHelp:()=>console.log("help!"),children:"Heading"})};const a=o.bind({});a.args={padding:!1};const s=o.bind({});s.args={bordered:!1};var i,c,p;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Card {...args} />",...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var n,m,g;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"args => <Card {...args} />",...(g=(m=r.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var l,u,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Card {...args} />",...(h=(u=e.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var H,C,f;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <Card {...args} />",...(f=(C=a.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var b,x,j;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Card {...args} />",...(j=(x=s.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const A=["Default","WithHeading","WithHelpHeading","NoPadding","NoBorder"];export{t as Default,s as NoBorder,a as NoPadding,r as WithHeading,e as WithHelpHeading,A as __namedExportsOrder,z as default};
1
+ import{j as d}from"./jsx-runtime-FsUICBgo.js";import{C as S}from"./card-0r8RRVk-.js";import{H as N}from"./heading-cUVItwKq.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon-nI9A506M.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const z={title:"Layout/Card",component:S,args:{raised:!1,children:"Content goes here",padding:!0,bordered:!0}},o=W=>d.jsx(S,{...W}),t=o.bind({}),r=o.bind({});r.args={heading:d.jsx(N,{children:"Heading"})};const e=o.bind({});e.args={heading:d.jsx(N,{onClickHelp:()=>console.log("help!"),children:"Heading"})};const a=o.bind({});a.args={padding:!1};const s=o.bind({});s.args={bordered:!1};var i,c,p;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Card {...args} />",...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var n,m,g;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"args => <Card {...args} />",...(g=(m=r.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var l,u,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Card {...args} />",...(h=(u=e.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var H,C,f;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <Card {...args} />",...(f=(C=a.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var b,x,j;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Card {...args} />",...(j=(x=s.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const A=["Default","WithHeading","WithHelpHeading","NoPadding","NoBorder"];export{t as Default,s as NoBorder,a as NoPadding,r as WithHeading,e as WithHelpHeading,A as __namedExportsOrder,z as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as u}from"./index-RfLt4OUa.js";import{I as f}from"./common-types-U65vzrrz.js";import{T}from"./top-bar-3dxv0sp9.js";import{S as I}from"./side-bar-Fjr2t9MT.js";import{H as r}from"./heading-Bk0bpNfe.js";import{B as n}from"./button-7V8oA22w.js";import{D as g}from"./drawer-WuErQ5Z8.js";import{L as O}from"./list-dAlCO11z.js";import{F as a}from"./field-eknsj_Ll.js";import{I as o}from"./input-u1He-wWs.js";import{M as D,D as E}from"./modal-Dr5HffrG.js";import{C as H}from"./check-box-LZdXXKhv.js";import{F as p}from"./form-row-bwoDTUga.js";import{P as k}from"./page-9-f6BzS0.js";import{R as y,C as R}from"./row-vFUhHoz5.js";import{S as d}from"./select-JjEPivho.js";import{S as l}from"./spacer-Yji9g2AW.js";import{T as B}from"./tabs-fcLbHC1n.js";import{T as M}from"./table-lfeSnryj.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z9jDWreP.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon--rUDxLUD.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./meta-content-2S9BpSoX.js";import"./loader-TGOJBZQG.js";import"./label-0_Qf6I8t.js";import"./portal-zPiHHKoC.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./pagination-5n5spTRo.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-SvjJIGsW.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./slider-nl2rJ9LF.js";import"./popover-Y3FpGdUS.js";const ze={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as u}from"./index-RfLt4OUa.js";import{I as f}from"./common-types-U65vzrrz.js";import{T}from"./top-bar-0fDAFWyC.js";import{S as I}from"./side-bar-GJ2tcZYY.js";import{H as r}from"./heading-cUVItwKq.js";import{B as n}from"./button-IoNblLER.js";import{D as g}from"./drawer-TM-jK3WR.js";import{L as O}from"./list-ciYNlkVM.js";import{F as a}from"./field-kOZPBHf6.js";import{I as o}from"./input-iDZqV-2m.js";import{M as D,D as E}from"./dialog-dekS0lUR.js";import{C as H}from"./check-box-BX5dfQFk.js";import{F as p}from"./form-row-bwoDTUga.js";import{P as k}from"./page-9-f6BzS0.js";import{R as y,C as R}from"./row-vFUhHoz5.js";import{S as d}from"./select-Z1HqJ5aU.js";import{S as l}from"./spacer-Yji9g2AW.js";import{T as B}from"./tabs-fcLbHC1n.js";import{T as M}from"./table-_jWgMFOi.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-nI9A506M.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-XbqCJOHh.js";import"./loader-TGOJBZQG.js";import"./label-RpB4JmHX.js";import"./portal-zPiHHKoC.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./pagination-Eaj_UOBW.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./slider-_5NQKbM-.js";import"./popover-uAo1e4-D.js";const ze={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
2
2
  const [dialogOpen, setDialogOpen] = useState(false);
3
3
  const SchematicPlaceholder = () => <div style={{
4
4
  color: '#aaa',
@@ -0,0 +1,212 @@
1
+ import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as D}from"./index-RfLt4OUa.js";import{T as W}from"./table-_jWgMFOi.js";import{F as ze}from"./field-kOZPBHf6.js";import{B as F}from"./button-IoNblLER.js";import{I as Xe}from"./input-iDZqV-2m.js";import{F as Ge}from"./flex-ZVra76N-.js";import{t as Ke,s as Ne,u as Qe,v as Ve,w as Ye,x as Ze,y as $e,z as er,A as rr,B as ar,C as sr,D as tr,E as qe,F as or,G as nr,H as lr,I as ir,J as pr}from"./table.stories-data-2BZDVr2X.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./actions-SGexXf58.js";import"./common-types-U65vzrrz.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";import"./pagination-Eaj_UOBW.js";import"./select-Z1HqJ5aU.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-BX5dfQFk.js";import"./slider-_5NQKbM-.js";import"./index-ugi_ZH6T.js";import"./popover-uAo1e4-D.js";import"./label-RpB4JmHX.js";import"./spinner-R8Il4aRe.js";const ra={title:"Basic/Table/Cell",component:W,args:{table:{...Ke}}},r=t=>e.jsx(W,{...t}),d=r.bind({});d.args={table:Ne};const m=r.bind({});m.args={table:Qe};const u=r.bind({});u.args={table:Ve};const b=r.bind({});b.args={table:Ye};const g=r.bind({});g.args={table:Ze};const v=r.bind({});v.args={table:$e};const x=r.bind({});x.args={table:er};const C=r.bind({});C.args={table:rr};const h=r.bind({});h.args={table:ar};const S=r.bind({});S.args={table:sr};const f=r.bind({});f.args={table:tr};const j=r.bind({});j.args={table:qe};const y=r.bind({});y.args={table:or};const T=r.bind({});T.args={table:nr};const k=r.bind({});k.args={table:lr};const l=r.bind({});l.args={table:ir};l.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const w=()=>{const t=["Section","Width","Height"];let p=["","m","m"],A=[...Array(10).keys()].map((n,a)=>[a,a*2,a*2]);const B=()=>{const n=({close:s,value:P})=>e.jsxs(e.Fragment,{children:[e.jsx(ze,{label:"Input",children:e.jsx(Xe,{value:P,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(F,{label:"Cancel",onClick:s})]})]}),a={fixedWidth:"100%",headers:[{cells:t.map(s=>({value:s}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:A.map((s,P)=>({cells:[...Array(3).keys()].map((o,c)=>({value:s[c],type:"Popover",content:e.jsx(n,{value:s[c]})}))}))};return e.jsx(W,{table:a})};return e.jsx(B,{})},I=()=>{const t=["Section","Width","Height"];let p=["","m","m"],A=[...Array(10).keys()].map((n,a)=>[a,a*2,a*2]);const B=()=>{const[n,a]=D.useState(!1),s=({close:o,value:c})=>{D.useEffect(()=>{n||a(!0)},[]);const E=()=>{a(!1),o()};return e.jsxs(e.Fragment,{children:[e.jsx(ze,{label:"Input",children:e.jsx(Xe,{value:c,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:E}),e.jsx(F,{label:"Cancel",onClick:E})]})]})},P={headers:[{cells:t.map(o=>({value:o}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:A.map((o,c)=>({cells:[...Array(3).keys()].map((E,U)=>({value:o[U],type:"Popover",disabled:n,closeOnOutsideClick:!1,content:e.jsx(s,{value:o[U]})}))}))};return e.jsx(W,{table:P})};return e.jsx(B,{})},O=r.bind({});O.args={table:pr};const i=r.bind({});i.args={table:{...qe,name:"Food"}};i.decorators=[t=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(t,{})})];var L,R,H;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
2
+ return <Table
3
+ // eslint-disable-next-line react/jsx-props-no-spreading
4
+ {...args} />;
5
+ }`,...(H=(R=d.parameters)==null?void 0:R.docs)==null?void 0:H.source}}};var J,M,_;m.parameters={...m.parameters,docs:{...(J=m.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
6
+ return <Table
7
+ // eslint-disable-next-line react/jsx-props-no-spreading
8
+ {...args} />;
9
+ }`,...(_=(M=m.parameters)==null?void 0:M.docs)==null?void 0:_.source}}};var z,X,G;u.parameters={...u.parameters,docs:{...(z=u.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
10
+ return <Table
11
+ // eslint-disable-next-line react/jsx-props-no-spreading
12
+ {...args} />;
13
+ }`,...(G=(X=u.parameters)==null?void 0:X.docs)==null?void 0:G.source}}};var q,K,N;b.parameters={...b.parameters,docs:{...(q=b.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
14
+ return <Table
15
+ // eslint-disable-next-line react/jsx-props-no-spreading
16
+ {...args} />;
17
+ }`,...(N=(K=b.parameters)==null?void 0:K.docs)==null?void 0:N.source}}};var Q,V,Y;g.parameters={...g.parameters,docs:{...(Q=g.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
18
+ return <Table
19
+ // eslint-disable-next-line react/jsx-props-no-spreading
20
+ {...args} />;
21
+ }`,...(Y=(V=g.parameters)==null?void 0:V.docs)==null?void 0:Y.source}}};var Z,$,ee;v.parameters={...v.parameters,docs:{...(Z=v.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
22
+ return <Table
23
+ // eslint-disable-next-line react/jsx-props-no-spreading
24
+ {...args} />;
25
+ }`,...(ee=($=v.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};var re,ae,se;x.parameters={...x.parameters,docs:{...(re=x.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
26
+ return <Table
27
+ // eslint-disable-next-line react/jsx-props-no-spreading
28
+ {...args} />;
29
+ }`,...(se=(ae=x.parameters)==null?void 0:ae.docs)==null?void 0:se.source}}};var te,oe,ne;C.parameters={...C.parameters,docs:{...(te=C.parameters)==null?void 0:te.docs,source:{originalSource:`args => {
30
+ return <Table
31
+ // eslint-disable-next-line react/jsx-props-no-spreading
32
+ {...args} />;
33
+ }`,...(ne=(oe=C.parameters)==null?void 0:oe.docs)==null?void 0:ne.source}}};var le,ie,pe;h.parameters={...h.parameters,docs:{...(le=h.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
34
+ return <Table
35
+ // eslint-disable-next-line react/jsx-props-no-spreading
36
+ {...args} />;
37
+ }`,...(pe=(ie=h.parameters)==null?void 0:ie.docs)==null?void 0:pe.source}}};var ce,de,me;S.parameters={...S.parameters,docs:{...(ce=S.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
38
+ return <Table
39
+ // eslint-disable-next-line react/jsx-props-no-spreading
40
+ {...args} />;
41
+ }`,...(me=(de=S.parameters)==null?void 0:de.docs)==null?void 0:me.source}}};var ue,be,ge;f.parameters={...f.parameters,docs:{...(ue=f.parameters)==null?void 0:ue.docs,source:{originalSource:`args => {
42
+ return <Table
43
+ // eslint-disable-next-line react/jsx-props-no-spreading
44
+ {...args} />;
45
+ }`,...(ge=(be=f.parameters)==null?void 0:be.docs)==null?void 0:ge.source}}};var ve,xe,Ce;j.parameters={...j.parameters,docs:{...(ve=j.parameters)==null?void 0:ve.docs,source:{originalSource:`args => {
46
+ return <Table
47
+ // eslint-disable-next-line react/jsx-props-no-spreading
48
+ {...args} />;
49
+ }`,...(Ce=(xe=j.parameters)==null?void 0:xe.docs)==null?void 0:Ce.source}}};var he,Se,fe;y.parameters={...y.parameters,docs:{...(he=y.parameters)==null?void 0:he.docs,source:{originalSource:`args => {
50
+ return <Table
51
+ // eslint-disable-next-line react/jsx-props-no-spreading
52
+ {...args} />;
53
+ }`,...(fe=(Se=y.parameters)==null?void 0:Se.docs)==null?void 0:fe.source}}};var je,ye,Te;T.parameters={...T.parameters,docs:{...(je=T.parameters)==null?void 0:je.docs,source:{originalSource:`args => {
54
+ return <Table
55
+ // eslint-disable-next-line react/jsx-props-no-spreading
56
+ {...args} />;
57
+ }`,...(Te=(ye=T.parameters)==null?void 0:ye.docs)==null?void 0:Te.source}}};var ke,Oe,Pe;k.parameters={...k.parameters,docs:{...(ke=k.parameters)==null?void 0:ke.docs,source:{originalSource:`args => {
58
+ return <Table
59
+ // eslint-disable-next-line react/jsx-props-no-spreading
60
+ {...args} />;
61
+ }`,...(Pe=(Oe=k.parameters)==null?void 0:Oe.docs)==null?void 0:Pe.source}}};var we,Ie,Fe;l.parameters={...l.parameters,docs:{...(we=l.parameters)==null?void 0:we.docs,source:{originalSource:`args => {
62
+ return <Table
63
+ // eslint-disable-next-line react/jsx-props-no-spreading
64
+ {...args} />;
65
+ }`,...(Fe=(Ie=l.parameters)==null?void 0:Ie.docs)==null?void 0:Fe.source}}};var We,Ae,Be;w.parameters={...w.parameters,docs:{...(We=w.parameters)==null?void 0:We.docs,source:{originalSource:`() => {
66
+ const headings = ['Section', 'Width', 'Height'];
67
+ let units = ['', 'm', 'm'];
68
+ let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
69
+ /*
70
+ Mock table data store (real apps should use Redux or similar)
71
+ */
72
+ const PopoverTable = () => {
73
+ const CellInputForm = ({
74
+ close,
75
+ value
76
+ }: any) => <>
77
+ <Field label="Input">
78
+ <Input value={value} width="100%" />
79
+ </Field>
80
+ <Flex gap>
81
+ <Button colored label="Save" onClick={() => {}} />
82
+ <Button label="Cancel" onClick={close} />
83
+ </Flex>
84
+ </>;
85
+ const table = {
86
+ fixedWidth: '100%',
87
+ headers: [{
88
+ cells: headings.map(h => ({
89
+ value: h
90
+ }))
91
+ }, {
92
+ cells: [{}, {
93
+ menu: [{
94
+ label: 'm',
95
+ value: 'm'
96
+ }, {
97
+ label: 'ft',
98
+ value: 'ft'
99
+ }],
100
+ value: units[1],
101
+ type: 'Unit'
102
+ }, {
103
+ menu: [{
104
+ label: 'm',
105
+ value: 'm'
106
+ }, {
107
+ label: 'ft',
108
+ value: 'ft'
109
+ }],
110
+ value: units[2],
111
+ type: 'Unit'
112
+ }]
113
+ }],
114
+ rows: data.map((row, i) => {
115
+ return {
116
+ cells: [...Array(3).keys()].map((c, i) => ({
117
+ //https://stackoverflow.com/a/33352604
118
+ value: row[i],
119
+ type: 'Popover',
120
+ content: <CellInputForm value={row[i]} />
121
+ }))
122
+ };
123
+ })
124
+ };
125
+ return <Table table={(table as any)} />;
126
+ };
127
+ return <PopoverTable />;
128
+ }`,...(Be=(Ae=w.parameters)==null?void 0:Ae.docs)==null?void 0:Be.source}}};var Ee,Ue,De;I.parameters={...I.parameters,docs:{...(Ee=I.parameters)==null?void 0:Ee.docs,source:{originalSource:`() => {
129
+ const headings = ['Section', 'Width', 'Height'];
130
+ let units = ['', 'm', 'm'];
131
+ let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
132
+ /*
133
+ Mock table data store (real apps should use Redux or similar)
134
+ */
135
+ const SinglePopoverOpenedTable = () => {
136
+ const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
137
+ const CellInputForm = ({
138
+ close,
139
+ value
140
+ }: any) => {
141
+ useEffect(() => {
142
+ if (!isPopOverCellOpened) {
143
+ setIsPopOverCellOpened(true);
144
+ }
145
+ }, []);
146
+ const onClosePopOver = () => {
147
+ setIsPopOverCellOpened(false);
148
+ close();
149
+ };
150
+ return <>
151
+ <Field label="Input">
152
+ <Input value={value} width="100%" />
153
+ </Field>
154
+ <Flex gap>
155
+ <Button colored label="Save" onClick={onClosePopOver} />
156
+ <Button label="Cancel" onClick={onClosePopOver} />
157
+ </Flex>
158
+ </>;
159
+ };
160
+ const table = {
161
+ headers: [{
162
+ cells: headings.map(h => ({
163
+ value: h
164
+ }))
165
+ }, {
166
+ cells: [{}, {
167
+ menu: [{
168
+ label: 'm',
169
+ value: 'm'
170
+ }, {
171
+ label: 'ft',
172
+ value: 'ft'
173
+ }],
174
+ value: units[1],
175
+ type: 'Unit'
176
+ }, {
177
+ menu: [{
178
+ label: 'm',
179
+ value: 'm'
180
+ }, {
181
+ label: 'ft',
182
+ value: 'ft'
183
+ }],
184
+ value: units[2],
185
+ type: 'Unit'
186
+ }]
187
+ }],
188
+ rows: data.map((row, i) => {
189
+ return {
190
+ cells: [...Array(3).keys()].map((c, i) => ({
191
+ //https://stackoverflow.com/a/33352604
192
+ value: row[i],
193
+ type: 'Popover',
194
+ disabled: isPopOverCellOpened,
195
+ closeOnOutsideClick: false,
196
+ content: <CellInputForm value={row[i]} />
197
+ }))
198
+ };
199
+ })
200
+ };
201
+ return <Table table={(table as any)} />;
202
+ };
203
+ return <SinglePopoverOpenedTable />;
204
+ }`,...(De=(Ue=I.parameters)==null?void 0:Ue.docs)==null?void 0:De.source}}};var Le,Re,He;O.parameters={...O.parameters,docs:{...(Le=O.parameters)==null?void 0:Le.docs,source:{originalSource:`args => {
205
+ return <Table
206
+ // eslint-disable-next-line react/jsx-props-no-spreading
207
+ {...args} />;
208
+ }`,...(He=(Re=O.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};var Je,Me,_e;i.parameters={...i.parameters,docs:{...(Je=i.parameters)==null?void 0:Je.docs,source:{originalSource:`args => {
209
+ return <Table
210
+ // eslint-disable-next-line react/jsx-props-no-spreading
211
+ {...args} />;
212
+ }`,...(_e=(Me=i.parameters)==null?void 0:Me.docs)==null?void 0:_e.source}}};const aa=["Editable","Disabled","DateInput","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{j as Actions,x as CellStyleProp,v as CellWidths,h as Checkboxes,b as Colspan,g as ColspanWithWidths,u as DateInput,m as Disabled,d as Editable,S as Icons,T as JSXContent,f as Links,y as Menus,O as OverflowingCells,w as Popover,C as Rowspan,I as SinglePopoverAtOnce,k as StaticCellTooltips,i as TestScrolling,l as WordbreakLongContent,aa as __namedExportsOrder,ra as default};
@@ -1 +1 @@
1
- import{j as a}from"./jsx-runtime-FsUICBgo.js";import{r as k}from"./index-RfLt4OUa.js";import{c as g}from"./index-VW3EWkuE.js";import{I as v}from"./common-types-U65vzrrz.js";import{D as C}from"./disabled-context-urNQThQz.js";import{H as q}from"./help-icon--rUDxLUD.js";import{I as V}from"./icon-y1a2N5SZ.js";const E="_checkbox_1ybyr_1",T="_noLabel_1ybyr_17",j="_small_1ybyr_20",M="_checkmark_1ybyr_43",H="_disabled_1ybyr_67",L="_noMargin_1ybyr_81",N="_isInTable_1ybyr_84",B="_helpIconEnabled_1ybyr_87",e={checkbox:E,noLabel:T,small:j,checkmark:M,disabled:H,noMargin:L,isInTable:N,helpIconEnabled:B},u=({noMargin:r=!1,dataix:m=0,isInTable:p=!1,tabIndex:b=0,checked:l=!1,name:n,label:i="",disabled:f=!1,small:y=!1,onChange:_,testId:x,value:D,helpText:o,onClickHelp:d})=>{const h=k.useContext(C),I=o||d,s=f||h;return a.jsxs("div",{className:g(e.checkbox,r&&e.noMargin,p&&e.isInTable,s&&e.disabled,y&&e.small,!i&&e.noLabel),"data-ix":m,onClick:c=>{if(!s){const t=c.target;t.name=n,t.value=!l,t.checked=!l,_(c)}},"data-testid":x,children:[a.jsx("input",{type:"checkbox",tabIndex:b,checked:l,name:n,onChange:()=>{},disabled:s}),a.jsxs("label",{htmlFor:n,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(V,{icon:v.CHECK})}),i]}),I&&a.jsx("div",{className:e.helpIconEnabled,onClick:d,children:a.jsx(q,{text:o})})]})};try{u.displayName="CheckBox",u.__docgenInfo={description:"",displayName:"CheckBox",props:{checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},dataix:{defaultValue:{value:"0"},description:"",name:"dataix",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"TEmpty"}}}}}catch{}export{u as C};
1
+ import{j as a}from"./jsx-runtime-FsUICBgo.js";import{r as k}from"./index-RfLt4OUa.js";import{c as g}from"./index-VW3EWkuE.js";import{I as v}from"./common-types-U65vzrrz.js";import{D as C}from"./disabled-context-urNQThQz.js";import{H as q}from"./help-icon-nI9A506M.js";import{I as V}from"./icon-y1a2N5SZ.js";const E="_checkbox_1ybyr_1",T="_noLabel_1ybyr_17",j="_small_1ybyr_20",M="_checkmark_1ybyr_43",H="_disabled_1ybyr_67",L="_noMargin_1ybyr_81",N="_isInTable_1ybyr_84",B="_helpIconEnabled_1ybyr_87",e={checkbox:E,noLabel:T,small:j,checkmark:M,disabled:H,noMargin:L,isInTable:N,helpIconEnabled:B},u=({noMargin:r=!1,dataix:m=0,isInTable:p=!1,tabIndex:b=0,checked:l=!1,name:n,label:i="",disabled:f=!1,small:y=!1,onChange:_,testId:x,value:D,helpText:o,onClickHelp:d})=>{const h=k.useContext(C),I=o||d,s=f||h;return a.jsxs("div",{className:g(e.checkbox,r&&e.noMargin,p&&e.isInTable,s&&e.disabled,y&&e.small,!i&&e.noLabel),"data-ix":m,onClick:c=>{if(!s){const t=c.target;t.name=n,t.value=!l,t.checked=!l,_(c)}},"data-testid":x,children:[a.jsx("input",{type:"checkbox",tabIndex:b,checked:l,name:n,onChange:()=>{},disabled:s}),a.jsxs("label",{htmlFor:n,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(V,{icon:v.CHECK})}),i]}),I&&a.jsx("div",{className:e.helpIconEnabled,onClick:d,children:a.jsx(q,{text:o})})]})};try{u.displayName="CheckBox",u.__docgenInfo={description:"",displayName:"CheckBox",props:{checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},dataix:{defaultValue:{value:"0"},description:"",name:"dataix",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"TEmpty"}}}}}catch{}export{u as C};
@@ -1,4 +1,4 @@
1
- import{j as Y}from"./jsx-runtime-FsUICBgo.js";import{R as w}from"./index-RfLt4OUa.js";import{C as u}from"./check-box-LZdXXKhv.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:z}=__STORYBOOK_MODULE_ADDONS__,ce={title:"Forms/CheckBox",component:u,args:{disabled:!1,label:"Label"}},n=g=>{const[{checked:h},e]=z(),s=()=>{e({checked:!h})};return Y.jsx(u,{...g,onChange:s})},p=n.bind({}),r=n.bind({});r.args={small:!0};const a=n.bind({});a.args={disabled:!0};const c=n.bind({});c.args={checked:!0,disabled:!0};const t=n.bind({});t.args={label:null};const o=n.bind({});o.args={helpText:"Help text"};const d=n.bind({});d.args={onClickHelp:()=>console.log("Help clicked")};const l=n.bind({});l.args={helpText:"Help text",disabled:!0};const i=()=>{const[g,h]=w.useState([]);return["1","2","3","4"].map(e=>Y.jsx(u,{label:`Label ${e}`,checked:g.includes(e),onChange:()=>{h(s=>s.includes(e)?s.filter(q=>q!==e):[...s,e])}},e))};var m,k,C;p.parameters={...p.parameters,docs:{...(m=p.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
1
+ import{j as Y}from"./jsx-runtime-FsUICBgo.js";import{R as w}from"./index-RfLt4OUa.js";import{C as u}from"./check-box-BX5dfQFk.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./help-icon-nI9A506M.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:z}=__STORYBOOK_MODULE_ADDONS__,ce={title:"Forms/CheckBox",component:u,args:{disabled:!1,label:"Label"}},n=g=>{const[{checked:h},e]=z(),s=()=>{e({checked:!h})};return Y.jsx(u,{...g,onChange:s})},p=n.bind({}),r=n.bind({});r.args={small:!0};const a=n.bind({});a.args={disabled:!0};const c=n.bind({});c.args={checked:!0,disabled:!0};const t=n.bind({});t.args={label:null};const o=n.bind({});o.args={helpText:"Help text"};const d=n.bind({});d.args={onClickHelp:()=>console.log("Help clicked")};const l=n.bind({});l.args={helpText:"Help text",disabled:!0};const i=()=>{const[g,h]=w.useState([]);return["1","2","3","4"].map(e=>Y.jsx(u,{label:`Label ${e}`,checked:g.includes(e),onChange:()=>{h(s=>s.includes(e)?s.filter(q=>q!==e):[...s,e])}},e))};var m,k,C;p.parameters={...p.parameters,docs:{...(m=p.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
2
2
  const [{
3
3
  checked
4
4
  }, updateArgs] = useArgs();
@@ -1,4 +1,4 @@
1
- import{_ as i}from"./iframe-ybuSzuG4.js";import{R as t,r as p}from"./index-RfLt4OUa.js";import{r as l,u}from"./react-16-hgR7FrAp.js";import{b as h,A as E,H as d,D as x}from"./index-isA0pQQP.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-4YXVTraW.js"),__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d};
1
+ import{_ as i}from"./iframe-SrZRNvhh.js";import{R as t,r as p}from"./index-RfLt4OUa.js";import{r as l,u}from"./react-16-hgR7FrAp.js";import{b as h,A as E,H as d,D as x}from"./index-4BJtFSI2.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-4YXVTraW.js"),__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d};
2
2
  function __vite__mapDeps(indexes) {
3
3
  if (!__vite__mapDeps.viteFileDeps) {
4
4
  __vite__mapDeps.viteFileDeps = ["./index-4YXVTraW.js","./index-RfLt4OUa.js"]
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-FsUICBgo.js";import"./chunk-HLWAVYOI-YpA4-WPj.js";import{M as d}from"./index-isA0pQQP.js";import{r as p}from"./index-RfLt4OUa.js";import{t as m,T as x}from"./toaster-2HasMRmP.js";import{useMDXComponents as i}from"./index-4YXVTraW.js";import"./iframe-ybuSzuG4.js";import"../sb-preview/runtime.js";import"./react-16-hgR7FrAp.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./message-yii7x6Na.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],t=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=t.map(r=>`--color-neutral-${r}`),b=t.map(r=>`--color-primary-${r}`),f=t.map(r=>`--color-error-${r}`),y=t.map(r=>`--color-warning-${r}`),C=t.map(r=>`--color-success-${r}`),k=t.map(r=>`--color-info-${r}`),c=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const e=`var(${n})`,s=()=>{navigator.clipboard.writeText(e),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:e,border:"1px solid rgba(0,0,0,0.1)"},onClick:s}),o.jsx("code",{onClick:s,children:e})]},a)})});try{c.displayName="ColorPalette",c.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function l(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},i(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
1
+ import{j as o}from"./jsx-runtime-FsUICBgo.js";import"./chunk-HLWAVYOI-R756X9cQ.js";import{M as d}from"./index-4BJtFSI2.js";import{r as p}from"./index-RfLt4OUa.js";import{t as m,T as x}from"./toaster-eOozfa7U.js";import{useMDXComponents as i}from"./index-4YXVTraW.js";import"./iframe-SrZRNvhh.js";import"../sb-preview/runtime.js";import"./react-16-hgR7FrAp.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./message-uMHaTEXV.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],t=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=t.map(r=>`--color-neutral-${r}`),b=t.map(r=>`--color-primary-${r}`),f=t.map(r=>`--color-error-${r}`),y=t.map(r=>`--color-warning-${r}`),C=t.map(r=>`--color-success-${r}`),k=t.map(r=>`--color-info-${r}`),c=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const e=`var(${n})`,s=()=>{navigator.clipboard.writeText(e),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:e,border:"1px solid rgba(0,0,0,0.1)"},onClick:s}),o.jsx("code",{onClick:s,children:e})]},a)})});try{c.displayName="ColorPalette",c.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function l(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},i(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
2
2
  `,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
3
3
  `,o.jsx(n.p,{children:"When setting colors (either by component props or in custom styling), prefer named CSS variables to literal color values."}),`
4
4
  `,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
@@ -1,4 +1,4 @@
1
- import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vFUhHoz5.js";import{H as m}from"./heading-Bk0bpNfe.js";import"./index-RfLt4OUa.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const Z={title:"Layout/Columns & Rows",component:p,parameters:{layout:"fullscreen"},args:{width:"50%",padding:!0,borderRight:!0},argTypes:{width:{control:{type:"text"}},padding:{control:{type:"text"}},borderLeft:{control:{type:"boolean"}},borderRight:{control:{type:"boolean"}}}},e=_=>{const{height:D,wrap:F,...L}=_;return r.jsxs(W,{spacing:0,height:D,wrap:F,children:[r.jsxs(p,{...L,children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsx(p,{padding:!0,background:"var(--color-background)"})]})},c=e.bind({}),o=e.bind({});o.args={padding:!1};const a=e.bind({});a.args={width:"400px"};const n=e.bind({});n.args={scroll:!0,height:"200px"};const t=e.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=e.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};const i=()=>r.jsxs(W,{spacing:100,children:[r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]})]});var g,l,u;c.parameters={...c.parameters,docs:{...(g=c.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
1
+ import{j as r}from"./jsx-runtime-FsUICBgo.js";import{C as p,R as W}from"./row-vFUhHoz5.js";import{H as m}from"./heading-cUVItwKq.js";import"./index-RfLt4OUa.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./help-icon-nI9A506M.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";const Z={title:"Layout/Columns & Rows",component:p,parameters:{layout:"fullscreen"},args:{width:"50%",padding:!0,borderRight:!0},argTypes:{width:{control:{type:"text"}},padding:{control:{type:"text"}},borderLeft:{control:{type:"boolean"}},borderRight:{control:{type:"boolean"}}}},e=_=>{const{height:D,wrap:F,...L}=_;return r.jsxs(W,{spacing:0,height:D,wrap:F,children:[r.jsxs(p,{...L,children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsx(p,{padding:!0,background:"var(--color-background)"})]})},c=e.bind({}),o=e.bind({});o.args={padding:!1};const a=e.bind({});a.args={width:"400px"};const n=e.bind({});n.args={scroll:!0,height:"200px"};const t=e.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=e.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};const i=()=>r.jsxs(W,{spacing:100,children:[r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsxs(p,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]})]});var g,l,u;c.parameters={...c.parameters,docs:{...(g=c.parameters)==null?void 0:g.docs,source:{originalSource:`args => {
2
2
  const {
3
3
  height,
4
4
  wrap,
@@ -0,0 +1 @@
1
+ import{j as t}from"./jsx-runtime-FsUICBgo.js";import{r as l}from"./index-RfLt4OUa.js";import{c as m}from"./index-VW3EWkuE.js";import{P as x}from"./portal-zPiHHKoC.js";import{l as y}from"./lodash-Bmg8FrMx.js";import{I as j}from"./common-types-U65vzrrz.js";import{H as v}from"./heading-cUVItwKq.js";import{B as w}from"./button-IoNblLER.js";const _=(n,e,r=[])=>{l.useEffect(()=>{const i=o=>{o.key===n&&e()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},r)},E="_wrapper_sb0hc_1",N="_contentContainer_sb0hc_15",b="_centered_sb0hc_24",k="_newLine_sb0hc_28",c={wrapper:E,contentContainer:N,centered:b,newLine:k},C=({children:n})=>{const e=l.useRef(null);return l.useEffect(()=>{if(e.current){const r=e.current.querySelector('[tabindex="0"]');r?r.focus():e.current.focus()}},[]),t.jsx("div",{ref:e,tabIndex:-1,className:m(c.wrapper),children:n})},I=({children:n,width:e,centered:r})=>t.jsx("div",{className:m(c.contentContainer,r?c.centered:""),style:{maxWidth:e},children:n}),f=({children:n,visible:e=!1,centered:r=!1,width:i="100%",onEnter:o,onEscape:d})=>(_("Enter",()=>{e&&o&&o()},[e,o]),_("Escape",()=>{e&&d&&d()},[e,d]),t.jsxs(t.Fragment,{children:[t.jsx(x,{id:"modalContainer",children:e?t.jsx(C,{children:t.jsx(I,{width:i,centered:r,children:n})}):null}),t.jsx("div",{id:"modalContainer"})]}));try{f.displayName="Modal",f.__docgenInfo={description:"",displayName:"Modal",props:{visible:{defaultValue:{value:"false"},description:"",name:"visible",required:!1,type:{name:"boolean"}},centered:{defaultValue:{value:"false"},description:"",name:"centered",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onEnter:{defaultValue:null,description:"",name:"onEnter",required:!1,type:{name:"(() => void)"}},onEscape:{defaultValue:null,description:"",name:"onEscape",required:!1,type:{name:"(() => void)"}}}}}catch{}const q="_dialog_18g0k_1",L="_inline_18g0k_18",V="_scroll_18g0k_21",D="_header_18g0k_24",M="_dismiss_18g0k_33",S="_content_18g0k_38",$="_footer_18g0k_47",a={dialog:q,inline:L,scroll:V,header:D,dismiss:M,content:S,footer:$},B=n=>y.isArray(n)?n.map((e,r)=>t.jsxs(l.Fragment,{children:[e," ",t.jsx("br",{})]},r)):n,g=({dialog:n})=>{const{heading:e,content:r,contentPadding:i="var(--padding)",footer:o,scroll:d,width:u,height:h,onClose:p,testId:s}=n;return t.jsxs("div",{className:m(a.dialog,u?a.inline:null,d?a.scroll:null),style:{width:u,height:h},"data-testid":s??null,children:[t.jsxs("div",{className:a.header,children:[t.jsx(v,{testId:s&&`${s}-heading`,top:!0,marginBottom:0,children:e}),p?t.jsx("div",{className:a.dismiss,children:t.jsx(w,{icon:j.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:p})}):null]}),t.jsx("div",{"data-testid":s&&`${s}-content`,className:a.content,style:{padding:i},children:B(r)}),o&&t.jsx("div",{"data-testid":s&&`${s}-footer`,className:a.footer,children:o})]})};try{g.displayName="Dialog",g.__docgenInfo={description:"",displayName:"Dialog",props:{dialog:{defaultValue:null,description:"",name:"dialog",required:!0,type:{name:"IDialog"}}}}}catch{}export{g as D,f as M};
@@ -0,0 +1 @@
1
+ ._wrapper_sb0hc_1{z-index:var(--zindex-modal);position:fixed;top:0;left:0;height:100%;width:100%;background:#000c;padding:var(--padding);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}._contentContainer_sb0hc_15{color:var(--color-background-raised);max-height:100%;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}._centered_sb0hc_24>*{margin-top:auto;margin-bottom:auto}._newLine_sb0hc_28{white-space:"pre-wrap"}._dialog_18g0k_1{border-radius:var(--border-radius);background:var(--color-background-raised);line-height:var(--line-height);color:var(--color-text);box-shadow:var(--shadow-layer);display:flex;flex-direction:column}._dialog_18g0k_1>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._dialog_18g0k_1>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._dialog_18g0k_1._inline_18g0k_18{display:inline-flex}._dialog_18g0k_1._scroll_18g0k_21{max-height:100%}._header_18g0k_24{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--padding-sm) var(--padding);background-color:var(--color-background-cardheader);border-bottom:1px solid var(--color-border);flex-shrink:0}._header_18g0k_24 ._dismiss_18g0k_33{margin-right:calc(var(--padding-xxs) * -1);margin-left:var(--padding-xs);flex-shrink:0}._content_18g0k_38{flex-grow:1}._scroll_18g0k_21 ._content_18g0k_38{overflow:auto;min-height:0;height:100%;flex:1 1 auto}._footer_18g0k_47{display:flex;padding:var(--padding-sm) var(--padding);background-color:var(--color-background-cardheader);border-top:1px solid var(--color-border);flex-shrink:0}._footer_18g0k_47 button:not(:last-child){margin-right:var(--padding-sm)}