@oliasoft-open-source/react-ui-library 4.7.3 → 4.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/dist/404.html +1 -1
  2. package/dist/assets/{index-D5kcnHmD.js → index-CbZ_B_tn.js} +54 -19
  3. package/dist/index.html +1 -1
  4. package/dist/storybook/assets/{Color-KGDBMAHA-RK4YYQs0.js → Color-KGDBMAHA-fBkbFrxl.js} +1 -1
  5. package/dist/storybook/assets/{DocsRenderer-PKQXORMH-B0ryFlHH.js → DocsRenderer-PKQXORMH-BCXpse5g.js} +1 -1
  6. package/dist/storybook/assets/{accordion.stories-DlFZNmdv.js → accordion.stories-MGPZF2zs.js} +1 -1
  7. package/dist/storybook/assets/{actions-Cu_0szZ4.js → actions-CZK3mphC.js} +1 -1
  8. package/dist/storybook/assets/{actions.stories-SCPuAp0T.js → actions.stories-FOK1cLb3.js} +1 -1
  9. package/dist/storybook/assets/{afe.stories-G3SzS3sg.js → afe.stories-Zs5w8AL0.js} +1 -1
  10. package/dist/storybook/assets/{badge.stories-DGYA6_1I.js → badge.stories-D30jHm96.js} +1 -1
  11. package/dist/storybook/assets/{blowout.stories-P0LHuXSY.js → blowout.stories-CJrNKpKP.js} +1 -1
  12. package/dist/storybook/assets/{button-_0DiND6h.js → button-C1sV-0mR.js} +1 -1
  13. package/dist/storybook/assets/{button-group-BYiHMljF.js → button-group-Ai4DXqNr.js} +1 -1
  14. package/dist/storybook/assets/{button-group.stories-Bz6NHaeB.js → button-group.stories-incmyYJ-.js} +1 -1
  15. package/dist/storybook/assets/{button.stories-vVBGddVf.js → button.stories-Bcy7mnLs.js} +1 -1
  16. package/dist/storybook/assets/{buttons-and-links-B6aQa-f5.js → buttons-and-links-DGEwyzdQ.js} +1 -1
  17. package/dist/storybook/assets/{card.stories-DIlqxO94.js → card.stories-Bn6LpucB.js} +1 -1
  18. package/dist/storybook/assets/{casing-loads.stories-0T--WlaD.js → casing-loads.stories-BZZ4ps89.js} +1 -1
  19. package/dist/storybook/assets/{cell.stories-C5Tkxyfr.js → cell.stories-DtPT5vsK.js} +1 -1
  20. package/dist/storybook/assets/{check-box-DkdQxC5c.js → check-box-CaSrhzev.js} +1 -1
  21. package/dist/storybook/assets/{check-box.stories-D8C12IQo.js → check-box.stories-J1keUUs0.js} +1 -1
  22. package/dist/storybook/assets/{chunk-HLWAVYOI-dB_9CZG8.js → chunk-HLWAVYOI-B_e8hbrU.js} +1 -1
  23. package/dist/storybook/assets/{color-BSzeqkLx.js → color-BWuYLPlh.js} +1 -1
  24. package/dist/storybook/assets/{column.stories-C1Sxwh4f.js → column.stories-JMvj3_fr.js} +1 -1
  25. package/dist/storybook/assets/{dialog-CAWCUmp3.js → dialog-lhPZkAI2.js} +1 -1
  26. package/dist/storybook/assets/{drawer-vbDFqa4U.js → drawer-DSS8yvvp.js} +1 -1
  27. package/dist/storybook/assets/{drawer.stories-CmbGsKmS.js → drawer.stories-D6FBs1_r.js} +1 -1
  28. package/dist/storybook/assets/{empty.stories-iHPKKy4z.js → empty.stories-G8jeIfLL.js} +1 -1
  29. package/dist/storybook/assets/{field-DwLk_uWj.js → field-C5_fLDpy.js} +1 -1
  30. package/dist/storybook/assets/{field.stories-s-0LQVbp.js → field.stories-D5Mej0Bt.js} +1 -1
  31. package/dist/storybook/assets/{file-button.stories-C90kcfbw.js → file-button.stories-DePr8MKB.js} +1 -1
  32. package/dist/storybook/assets/{file-input-C_2w1dKj.js → file-input-BZecnRBy.js} +1 -1
  33. package/dist/storybook/assets/{file-input.stories-BEsZox6U.js → file-input.stories-BH_glmEk.js} +1 -1
  34. package/dist/storybook/assets/{flex.stories-D-QN0gkk.js → flex.stories-sSdg0ChR.js} +1 -1
  35. package/dist/storybook/assets/{footer.stories-U_zMDmxF.js → footer.stories-CsvsDr1-.js} +1 -1
  36. package/dist/storybook/assets/{form.stories-1L75MGpX.js → form.stories-BwzDZgen.js} +1 -1
  37. package/dist/storybook/assets/{formation.stories-YHpXrXvC.js → formation.stories-2ZjWA25v.js} +1 -1
  38. package/dist/storybook/assets/{heading-DkSFysAb.js → heading-NkLgQYoP.js} +1 -1
  39. package/dist/storybook/assets/{heading.stories-Dtq7LNlB.js → heading.stories-nI_cFnAN.js} +1 -1
  40. package/dist/storybook/assets/{help-icon-LfPZiYla.js → help-icon-41R-Z9N1.js} +1 -1
  41. package/dist/storybook/assets/{help-icon.stories-Dh2ylnGq.js → help-icon.stories-DBYh0YX7.js} +1 -1
  42. package/dist/storybook/assets/{iframe-CNFcCVDc.js → iframe-DLWAAiXM.js} +2 -2
  43. package/dist/storybook/assets/{index-BIwFZkUc.js → index-BrCAgVdx.js} +1 -1
  44. package/dist/storybook/assets/{index-DQs5XS8h.js → index-CWz-hU-f.js} +5 -5
  45. package/dist/storybook/assets/{index-ccPuy0l1.js → index-tzHbUYOM.js} +4 -4
  46. package/dist/storybook/assets/{input-D97ganXq.js → input-BW9trNAW.js} +1 -1
  47. package/dist/storybook/assets/{input-group.stories-BcoORZ9x.js → input-group.stories-D1i3gaZ1.js} +1 -1
  48. package/dist/storybook/assets/{input-validation-CLVu4gtl.js → input-validation-BcgNUeij.js} +1 -1
  49. package/dist/storybook/assets/{input.stories-BHdUwYqV.js → input.stories-BruLeJ44.js} +1 -1
  50. package/dist/storybook/assets/{inputs-qWlLPYX_.js → inputs-gN3bum_f.js} +1 -1
  51. package/dist/storybook/assets/{label-tWjEmTQJ.js → label-hiSz3I8H.js} +1 -1
  52. package/dist/storybook/assets/{label.stories-BTA8N7tD.js → label.stories-Cyv5jBAO.js} +1 -1
  53. package/dist/storybook/assets/{layout-forms-p4s8eHw6.js → layout-forms-DXG6Da8u.js} +1 -1
  54. package/dist/storybook/assets/{layout-general-Dn1nlXYw.js → layout-general-CEpJsTnH.js} +1 -1
  55. package/dist/storybook/assets/{list-BpVed6Pw.js → list-DYNKqvUR.js} +1 -1
  56. package/dist/storybook/assets/{list.stories-CiT9J_FH.js → list.stories-BX67BegD.js} +1 -1
  57. package/dist/storybook/assets/{list.stories-data-CnVYk3eo.js → list.stories-data-D_ZfzaxE.js} +1 -1
  58. package/dist/storybook/assets/{loader.stories-BKBFctQ1.js → loader.stories-DjrwwZ15.js} +1 -1
  59. package/dist/storybook/assets/{menu.stories-Bp8L83xx.js → menu.stories-BE0AzXUY.js} +1 -1
  60. package/dist/storybook/assets/{message.stories-C8YRT7nL.js → message.stories-o5jcKCK_.js} +1 -1
  61. package/dist/storybook/assets/{meta-content-Djgg-tiF.js → meta-content-BE7pulye.js} +1 -1
  62. package/dist/storybook/assets/{modal.stories-BoVj2EsX.js → modal.stories-Ns1ikKLR.js} +1 -1
  63. package/dist/storybook/assets/{number-input-B-Nmya5O.js → number-input-uQOVHv2N.js} +1 -1
  64. package/dist/storybook/assets/{number-input.stories-CcNTeD25.js → number-input.stories-BfRW8wgL.js} +1 -1
  65. package/dist/storybook/assets/{option-dropdown.stories-COGmMWEl.js → option-dropdown.stories-ByLG631x.js} +1 -1
  66. package/dist/storybook/assets/{padding-and-spacing-BNiScrzg.js → padding-and-spacing-By28ROLj.js} +1 -1
  67. package/dist/storybook/assets/{page.stories-BB3g1zwB.js → page.stories-br9ia4zp.js} +1 -1
  68. package/dist/storybook/assets/{pagination-DSQeMPG_.js → pagination-CqvxiZHR.js} +1 -1
  69. package/dist/storybook/assets/{pagination.stories-DjIohcDx.js → pagination.stories-BzMlcLsN.js} +1 -1
  70. package/dist/storybook/assets/{pop-confirm.stories-Cr_ZBbLn.js → pop-confirm.stories-MFDc3UAq.js} +1 -1
  71. package/dist/storybook/assets/popover-DgUpTRMk.js +1 -0
  72. package/dist/storybook/assets/{popover.stories-CoWCb2Mn.js → popover.stories-CPW_LGAh.js} +1 -1
  73. package/dist/storybook/assets/{preview-DhMlVLsE.js → preview-CO5-Yrmk.js} +1 -1
  74. package/dist/storybook/assets/{preview-CZPuAPNr.js → preview-eMMARKcW.js} +2 -2
  75. package/dist/storybook/assets/{projects.stories-BesbPJ8Z.js → projects.stories-BSAMs8RG.js} +1 -1
  76. package/dist/storybook/assets/{radio-button-BD7pi0ao.js → radio-button-C_cV5TWA.js} +1 -1
  77. package/dist/storybook/assets/{radio-button.stories-B84Ip3NV.js → radio-button.stories-D7uvMLbK.js} +1 -1
  78. package/dist/storybook/assets/{reservoirs.stories-kxVBoa7Y.js → reservoirs.stories-Cql_9W4F.js} +1 -1
  79. package/dist/storybook/assets/{rich-text-input.stories-C5pcIbSa.js → rich-text-input.stories-BuDUgUsz.js} +1 -1
  80. package/dist/storybook/assets/{row.stories-ATsrjumb.js → row.stories-C-bEP9pE.js} +1 -1
  81. package/dist/storybook/assets/{select-78sreKsp.js → select-tIEV7vnw.js} +1 -1
  82. package/dist/storybook/assets/{select.stories-CZwsHVDB.js → select.stories-BuW6SmRZ.js} +1 -1
  83. package/dist/storybook/assets/{side-bar-WsK6pkmj.js → side-bar-ChOjPNLR.js} +1 -1
  84. package/dist/storybook/assets/{side-bar.stories-Bu2q_b_w.js → side-bar.stories-BupidZk5.js} +1 -1
  85. package/dist/storybook/assets/{site.stories-Yh4uNi3Q.js → site.stories-C1GnbK5P.js} +1 -1
  86. package/dist/storybook/assets/{slider-CxVlS0fh.js → slider-gZmYlxxz.js} +1 -1
  87. package/dist/storybook/assets/{slider.stories-_wS70xsm.js → slider.stories-CY4GxD4Y.js} +1 -1
  88. package/dist/storybook/assets/{smart-upload-modal.stories-DDlO9y2j.js → smart-upload-modal.stories-DGIErcSu.js} +1 -1
  89. package/dist/storybook/assets/{spacer.stories-B3LrTr7b.js → spacer.stories-D7Q45uBk.js} +1 -1
  90. package/dist/storybook/assets/{table-DPvzYjoq.js → table-CXUwJOBt.js} +1 -1
  91. package/dist/storybook/assets/{table.stories-BGQ1O9nw.js → table.stories-Cp0UIPUQ.js} +1 -1
  92. package/dist/storybook/assets/{table.stories-data-2STKbgzG.js → table.stories-data-DwfKQW7P.js} +1 -1
  93. package/dist/storybook/assets/{textarea-DOJDK8hI.js → textarea-BV7xWEdt.js} +1 -1
  94. package/dist/storybook/assets/{textarea.stories-CKm5MlQF.js → textarea.stories-aRLEoDHg.js} +1 -1
  95. package/dist/storybook/assets/{title.stories-CVRTXggL.js → title.stories-hn5F8-2J.js} +1 -1
  96. package/dist/storybook/assets/{toaster.stories-DfbfDavp.js → toaster.stories-DtRx7MDa.js} +1 -1
  97. package/dist/storybook/assets/{toggle-t1iTuSL7.js → toggle-Bo-JPbUP.js} +1 -1
  98. package/dist/storybook/assets/{toggle.stories-D44S3Nix.js → toggle.stories-CBkCAQh6.js} +1 -1
  99. package/dist/storybook/assets/{tooltip-C_E_6ym5.js → tooltip-1V7clEnw.js} +1 -1
  100. package/dist/storybook/assets/{tooltip.stories-C70ADjjJ.js → tooltip.stories-1YexWg6N.js} +1 -1
  101. package/dist/storybook/assets/{tooltip.test-case.stories-BtrJUImB.js → tooltip.test-case.stories-C74mKGrI.js} +1 -1
  102. package/dist/storybook/assets/{top-bar-R-CjhJ21.js → top-bar-DG4ok0uF.js} +1 -1
  103. package/dist/storybook/assets/{top-bar.stories-BYN9rcUw.js → top-bar.stories-BI4a_ekv.js} +1 -1
  104. package/dist/storybook/assets/{top-bar.testcase.stories-ZPaSRyIh.js → top-bar.testcase.stories-DzsYUZIx.js} +1 -1
  105. package/dist/storybook/assets/{tree.stories-Ghxps-dL.js → tree.stories-RtuZpYXn.js} +1 -1
  106. package/dist/storybook/assets/{unit-input.stories-Bqt0CdF7.js → unit-input.stories-DGvDLll8.js} +1 -1
  107. package/dist/storybook/assets/{unit-table.stories-DXies3fA.js → unit-table.stories-D0q58B-1.js} +1 -1
  108. package/dist/storybook/iframe.html +1 -1
  109. package/dist/storybook/project.json +1 -1
  110. package/package.json +3 -3
  111. package/dist/storybook/assets/popover-Dq3iC_lM.js +0 -1
@@ -1 +1 @@
1
- import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as M}from"./index-DhsZuJvc.js";import{c as R}from"./index-Bk2sglWO.js";import{C as a,G as _}from"./common-types-Sih75Sav.js";import{D as I}from"./disabled-context-rmpd7YJS.js";import{S as h}from"./spinner-AWUe4xwQ.js";import{I as j}from"./icon-BP4BO6-k.js";import{T as F}from"./tooltip-C_E_6ym5.js";const U="_inputInTable_1rzkf_1",C="_inputHover_1rzkf_13",D="_inputFocus_1rzkf_18",L="_inputError_1rzkf_25",H="_inputWarning_1rzkf_26",G="_inputDisabled_1rzkf_61",W="_hideScrollbars_1rzkf_67",A="_button_1rzkf_100",J="_active_1rzkf_135",K="_green_1rzkf_135",P="_red_1rzkf_135",Q="_orange_1rzkf_135",X="_icon_1rzkf_147",Y="_iconOnly_1rzkf_153",Z="_basic_1rzkf_163",$="_muted_1rzkf_169",ee="_disabled_1rzkf_188",re="_small_1rzkf_198",ne="_pill_1rzkf_203",te="_round_1rzkf_204",ae="_error_1rzkf_276",se="_warning_1rzkf_293",le="_inverted_1rzkf_310",oe="_groupOrderFirst_1rzkf_340",ie="_groupOrderMiddle_1rzkf_341",ue="_groupOrderLast_1rzkf_342",e={inputInTable:U,inputHover:C,inputFocus:D,inputError:L,inputWarning:H,inputDisabled:G,hideScrollbars:W,button:A,active:J,green:K,red:P,orange:Q,icon:X,iconOnly:Y,basic:Z,muted:$,disabled:ee,small:re,pill:ne,round:te,error:ae,warning:se,inverted:le,groupOrderFirst:oe,groupOrderMiddle:ie,groupOrderLast:ue};var s=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(s||{});const de=({children:r,tooltip:t=null})=>t?n.jsx(F,{text:t,display:"inline-flex",children:r}):n.jsx(n.Fragment,{children:r}),pe=({active:r=!1,basic:t=!1,colored:l=!1,disabled:u=!1,groupOrder:d=null,icon:o=null,label:p="",loading:c=!1,name:g,pill:T=!1,round:b=!1,small:i=!1,styles:v="",width:y="",title:m="",type:k=s.BUTTON,onClick:z=()=>{},error:q,warning:E,testId:O,tooltip:w,inverted:x=!1,component:V="button",url:N})=>{const f=M.useContext(I),S=(()=>{if(l)switch(l){case a.DANGER:case a.RED:return e.red;case a.SUCCESS:case a.GREEN:return e.green;case a.MUTED:return e.muted;default:return e.orange}return""})(),B=(()=>{if(d)switch(d){case _.FIRST:return e.groupOrderFirst;case _.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return n.jsx(de,{tooltip:w,children:n.jsxs(V,{type:k===s.SUBMIT?s.SUBMIT:s.BUTTON,className:R(e.button,r?e.active:"",t?e.basic:"",S,u||f?e.disabled:"",(o||c)&&!p?e.iconOnly:"",x?e.inverted:"",B,T?e.pill:"",b?e.round:"",i?e.small:"",q?e.error:E?e.warning:"",v),disabled:u||f,name:g??"",onClick:z,...m?{title:m}:{},style:{width:y},"data-testid":O,to:N,children:[o&&n.jsx("span",{className:e.icon,children:n.jsx(j,{icon:o})}),c&&n.jsx("span",{className:e.icon,children:n.jsx(h,{small:!i,tiny:i,dark:!l&&!t,colored:t})}),p]})})};pe.__docgenInfo={description:"",methods:[],displayName:"Button",props:{active:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},basic:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},colored:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:"",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},icon:{required:!1,tsType:{name:"union",raw:"ReactNode | string",elements:[{name:"ReactNode"},{name:"string"}]},description:"",defaultValue:{value:"null",computed:!1}},label:{required:!1,tsType:{name:"union",raw:"ReactNode | string | null",elements:[{name:"ReactNode"},{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},name:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: MouseEvent<HTMLButtonElement>) => void",signature:{arguments:[{type:{name:"MouseEvent",elements:[{name:"HTMLButtonElement"}],raw:"MouseEvent<HTMLButtonElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},pill:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},round:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},styles:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},type:{required:!1,tsType:{name:"union",raw:"TButtonType | string",elements:[{name:"union",raw:"'submit' | 'button' | 'reset'",elements:[{name:"literal",value:"'submit'"},{name:"literal",value:"'button'"},{name:"literal",value:"'reset'"}]},{name:"string"}]},description:"",defaultValue:{value:"ButtonType.BUTTON",computed:!0}},error:{required:!1,tsType:{name:"string"},description:""},warning:{required:!1,tsType:{name:"string"},description:""},testId:{required:!1,tsType:{name:"string"},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"ReactNode | string",elements:[{name:"ReactNode"},{name:"string"}]},description:""},inverted:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},component:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:"'button'",computed:!1}},url:{required:!1,tsType:{name:"string"},description:""}}};export{pe as B,s as a};
1
+ import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as M}from"./index-DhsZuJvc.js";import{c as R}from"./index-Bk2sglWO.js";import{C as a,G as _}from"./common-types-Sih75Sav.js";import{D as I}from"./disabled-context-rmpd7YJS.js";import{S as h}from"./spinner-AWUe4xwQ.js";import{I as j}from"./icon-BP4BO6-k.js";import{T as F}from"./tooltip-1V7clEnw.js";const U="_inputInTable_1rzkf_1",C="_inputHover_1rzkf_13",D="_inputFocus_1rzkf_18",L="_inputError_1rzkf_25",H="_inputWarning_1rzkf_26",G="_inputDisabled_1rzkf_61",W="_hideScrollbars_1rzkf_67",A="_button_1rzkf_100",J="_active_1rzkf_135",K="_green_1rzkf_135",P="_red_1rzkf_135",Q="_orange_1rzkf_135",X="_icon_1rzkf_147",Y="_iconOnly_1rzkf_153",Z="_basic_1rzkf_163",$="_muted_1rzkf_169",ee="_disabled_1rzkf_188",re="_small_1rzkf_198",ne="_pill_1rzkf_203",te="_round_1rzkf_204",ae="_error_1rzkf_276",se="_warning_1rzkf_293",le="_inverted_1rzkf_310",oe="_groupOrderFirst_1rzkf_340",ie="_groupOrderMiddle_1rzkf_341",ue="_groupOrderLast_1rzkf_342",e={inputInTable:U,inputHover:C,inputFocus:D,inputError:L,inputWarning:H,inputDisabled:G,hideScrollbars:W,button:A,active:J,green:K,red:P,orange:Q,icon:X,iconOnly:Y,basic:Z,muted:$,disabled:ee,small:re,pill:ne,round:te,error:ae,warning:se,inverted:le,groupOrderFirst:oe,groupOrderMiddle:ie,groupOrderLast:ue};var s=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(s||{});const de=({children:r,tooltip:t=null})=>t?n.jsx(F,{text:t,display:"inline-flex",children:r}):n.jsx(n.Fragment,{children:r}),pe=({active:r=!1,basic:t=!1,colored:l=!1,disabled:u=!1,groupOrder:d=null,icon:o=null,label:p="",loading:c=!1,name:g,pill:T=!1,round:b=!1,small:i=!1,styles:v="",width:y="",title:m="",type:k=s.BUTTON,onClick:z=()=>{},error:q,warning:E,testId:O,tooltip:w,inverted:x=!1,component:V="button",url:N})=>{const f=M.useContext(I),S=(()=>{if(l)switch(l){case a.DANGER:case a.RED:return e.red;case a.SUCCESS:case a.GREEN:return e.green;case a.MUTED:return e.muted;default:return e.orange}return""})(),B=(()=>{if(d)switch(d){case _.FIRST:return e.groupOrderFirst;case _.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return n.jsx(de,{tooltip:w,children:n.jsxs(V,{type:k===s.SUBMIT?s.SUBMIT:s.BUTTON,className:R(e.button,r?e.active:"",t?e.basic:"",S,u||f?e.disabled:"",(o||c)&&!p?e.iconOnly:"",x?e.inverted:"",B,T?e.pill:"",b?e.round:"",i?e.small:"",q?e.error:E?e.warning:"",v),disabled:u||f,name:g??"",onClick:z,...m?{title:m}:{},style:{width:y},"data-testid":O,to:N,children:[o&&n.jsx("span",{className:e.icon,children:n.jsx(j,{icon:o})}),c&&n.jsx("span",{className:e.icon,children:n.jsx(h,{small:!i,tiny:i,dark:!l&&!t,colored:t})}),p]})})};pe.__docgenInfo={description:"",methods:[],displayName:"Button",props:{active:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},basic:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},colored:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:"",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},icon:{required:!1,tsType:{name:"union",raw:"ReactNode | string",elements:[{name:"ReactNode"},{name:"string"}]},description:"",defaultValue:{value:"null",computed:!1}},label:{required:!1,tsType:{name:"union",raw:"ReactNode | string | null",elements:[{name:"ReactNode"},{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},name:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: MouseEvent<HTMLButtonElement>) => void",signature:{arguments:[{type:{name:"MouseEvent",elements:[{name:"HTMLButtonElement"}],raw:"MouseEvent<HTMLButtonElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},pill:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},round:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},styles:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},type:{required:!1,tsType:{name:"union",raw:"TButtonType | string",elements:[{name:"union",raw:"'submit' | 'button' | 'reset'",elements:[{name:"literal",value:"'submit'"},{name:"literal",value:"'button'"},{name:"literal",value:"'reset'"}]},{name:"string"}]},description:"",defaultValue:{value:"ButtonType.BUTTON",computed:!0}},error:{required:!1,tsType:{name:"string"},description:""},warning:{required:!1,tsType:{name:"string"},description:""},testId:{required:!1,tsType:{name:"string"},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"ReactNode | string",elements:[{name:"ReactNode"},{name:"string"}]},description:""},inverted:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},component:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:"'button'",computed:!1}},url:{required:!1,tsType:{name:"string"},description:""}}};export{pe as B,s as a};
@@ -1 +1 @@
1
- import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as P}from"./index-DhsZuJvc.js";import{G as u}from"./common-types-Sih75Sav.js";import{D as V}from"./disabled-context-rmpd7YJS.js";import{i as c,g as H}from"./types-UmZ4Y_CR.js";import{B as R}from"./button-_0DiND6h.js";import{T as W}from"./tooltip-C_E_6ym5.js";const K="_label_iu2wi_1",M="_buttonGroup_iu2wi_11",b={label:K,buttonGroup:M},z=T=>{const{basic:x=!1,items:m=[],header:p="",onSelected:j=()=>{},small:h=!1,value:f="",testId:B=void 0,disabled:g}=T,I=P.useContext(V),v=(e,r,t,i,s)=>{e.preventDefault(),e.stopPropagation(),!(g||s||I)&&j(r,t,i)},w=(e,r)=>r==="string"?e:r==="object"?e.label:r==="array"?e[1]:null,G=(e,r)=>r==="string"?e:r==="object"?e.value??"":r==="array"?e[0]??"":"",q=(e,r,t)=>r==="object"&&"key"in e?e.key:t,_=(e,r)=>r==="object"?e.hidden:!1,k=(e,r)=>r==="object"?e.icon:void 0,S=(e,r,t)=>e==="object"?String(r)===String(f):t===f,F=()=>{if(p)return n.jsx("label",{className:b.label,children:p})},A=()=>m.map((e,r)=>{const t=H(e),i=r===0?u.FIRST:r===m.length-1?u.LAST:u.MIDDLE,s=w(e,t),l=G(e,t),y=q(e,t,l),C=_(e,t),D=k(e,t),L=S(t,y,l),{error:a,maxTooltipWidth:N,testId:E,tooltip:d,warning:o}=e;return C?null:n.jsx(W,{error:!!a,warning:!!o,text:d||a||o,maxWidth:N,display:"block",enabled:d&&c(d)||a&&c(a)||o&&c(o)||!1,placement:"bottom-center",children:n.jsx(R,{active:L,basic:x,disabled:g||e.disabled,groupOrder:i,icon:D,label:s,onClick:O=>{v(O,y,l,typeof s=="string"?s:"",e.disabled||!1)},small:h,testId:E})},r)});return n.jsx("div",{children:n.jsxs("div",{children:[F(),n.jsx("div",{className:b.buttonGroup,"data-testid":B,children:A()})]})})};z.__docgenInfo={description:"",methods:[],displayName:"ButtonGroup",props:{disabled:{required:!1,tsType:{name:"boolean"},description:""},basic:{required:!1,tsType:{name:"boolean"},description:""},items:{required:!1,tsType:{name:"union",raw:"string[] | (string[] | IBtnGroupItemProps)[]",elements:[{name:"Array",elements:[{name:"string"}],raw:"string[]"},{name:"Array",elements:[{name:"unknown"}],raw:"(string[] | IBtnGroupItemProps)[]"}]},description:""},header:{required:!1,tsType:{name:"string"},description:""},onSelected:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},value:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};export{z as B};
1
+ import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as P}from"./index-DhsZuJvc.js";import{G as u}from"./common-types-Sih75Sav.js";import{D as V}from"./disabled-context-rmpd7YJS.js";import{i as c,g as H}from"./types-UmZ4Y_CR.js";import{B as R}from"./button-C1sV-0mR.js";import{T as W}from"./tooltip-1V7clEnw.js";const K="_label_iu2wi_1",M="_buttonGroup_iu2wi_11",b={label:K,buttonGroup:M},z=T=>{const{basic:x=!1,items:m=[],header:p="",onSelected:j=()=>{},small:h=!1,value:f="",testId:B=void 0,disabled:g}=T,I=P.useContext(V),v=(e,r,t,i,s)=>{e.preventDefault(),e.stopPropagation(),!(g||s||I)&&j(r,t,i)},w=(e,r)=>r==="string"?e:r==="object"?e.label:r==="array"?e[1]:null,G=(e,r)=>r==="string"?e:r==="object"?e.value??"":r==="array"?e[0]??"":"",q=(e,r,t)=>r==="object"&&"key"in e?e.key:t,_=(e,r)=>r==="object"?e.hidden:!1,k=(e,r)=>r==="object"?e.icon:void 0,S=(e,r,t)=>e==="object"?String(r)===String(f):t===f,F=()=>{if(p)return n.jsx("label",{className:b.label,children:p})},A=()=>m.map((e,r)=>{const t=H(e),i=r===0?u.FIRST:r===m.length-1?u.LAST:u.MIDDLE,s=w(e,t),l=G(e,t),y=q(e,t,l),C=_(e,t),D=k(e,t),L=S(t,y,l),{error:a,maxTooltipWidth:N,testId:E,tooltip:d,warning:o}=e;return C?null:n.jsx(W,{error:!!a,warning:!!o,text:d||a||o,maxWidth:N,display:"block",enabled:d&&c(d)||a&&c(a)||o&&c(o)||!1,placement:"bottom-center",children:n.jsx(R,{active:L,basic:x,disabled:g||e.disabled,groupOrder:i,icon:D,label:s,onClick:O=>{v(O,y,l,typeof s=="string"?s:"",e.disabled||!1)},small:h,testId:E})},r)});return n.jsx("div",{children:n.jsxs("div",{children:[F(),n.jsx("div",{className:b.buttonGroup,"data-testid":B,children:A()})]})})};z.__docgenInfo={description:"",methods:[],displayName:"ButtonGroup",props:{disabled:{required:!1,tsType:{name:"boolean"},description:""},basic:{required:!1,tsType:{name:"boolean"},description:""},items:{required:!1,tsType:{name:"union",raw:"string[] | (string[] | IBtnGroupItemProps)[]",elements:[{name:"Array",elements:[{name:"string"}],raw:"string[]"},{name:"Array",elements:[{name:"unknown"}],raw:"(string[] | IBtnGroupItemProps)[]"}]},description:""},header:{required:!1,tsType:{name:"string"},description:""},onSelected:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},value:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};export{z as B};
@@ -1,4 +1,4 @@
1
- import{j as B}from"./jsx-runtime-eps93zm2.js";import{B as G}from"./button-group-BYiHMljF.js";import"./index-DhsZuJvc.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./button-_0DiND6h.js";import"./index-Bk2sglWO.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";const P=[{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}],w=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],K=["One","Two","Three"],M=[["first_item","One"],["second_item","Two"],["third_item","Three"]],R=[{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:W}=__STORYBOOK_MODULE_PREVIEW_API__,ae={title:"Forms/ButtonGroup",component:G,args:{disabled:!1,items:P,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},e=E=>{const[F,N]=W(),D=I=>{N({value:I})};return B.jsx(G,{...E,onSelected:D})},l=e.bind({}),n=e.bind({});n.args={items:w};const a=e.bind({});a.args={items:R};const t=e.bind({});t.args={disabled:!0};const o=e.bind({});o.args={small:!0};const r=e.bind({});r.args={items:K};r.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const s=e.bind({});s.args={items:M};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-eps93zm2.js";import{B as G}from"./button-group-Ai4DXqNr.js";import"./index-DhsZuJvc.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";import"./button-C1sV-0mR.js";import"./index-Bk2sglWO.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";const P=[{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}],w=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],K=["One","Two","Three"],M=[["first_item","One"],["second_item","Two"],["third_item","Three"]],R=[{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:W}=__STORYBOOK_MODULE_PREVIEW_API__,ae={title:"Forms/ButtonGroup",component:G,args:{disabled:!1,items:P,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},e=E=>{const[F,N]=W(),D=I=>{N({value:I})};return B.jsx(G,{...E,onSelected:D})},l=e.bind({}),n=e.bind({});n.args={items:w};const a=e.bind({});a.args={items:R};const t=e.bind({});t.args={disabled:!0};const o=e.bind({});o.args={small:!0};const r=e.bind({});r.args={items:K};r.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const s=e.bind({});s.args={items:M};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-eps93zm2.js";import{H as ir,L as F,S as mr,R as S}from"./react-router-dom-CMITYWBH.js";import{F as pr}from"./flex-EllkLxgO.js";import{B as s,a as Br}from"./button-_0DiND6h.js";import"./index-DhsZuJvc.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./extends-CF3RwP-h.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";const Hr={title:"Forms/Button",component:s,args:{label:"Label"}},r=b=>e.jsxs(pr,{gap:"var(--padding-sm)",children:[e.jsx(s,{...b}),e.jsx(s,{colored:!0,...b}),e.jsx(s,{colored:"success",...b}),e.jsx(s,{colored:"danger",...b})]}),h=r.bind({}),o=r.bind({});o.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 u=r.bind({});u.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const l=r.bind({});l.args={width:"100%"};const g=r.bind({});g.args={type:Br.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};const x=()=>e.jsxs(ir,{children:[e.jsxs(pr,{gap:!0,children:[e.jsx(s,{component:F,url:"/dashboard",label:"Dashboard"}),e.jsx(s,{component:F,url:"/settings",label:"Settings"})]}),e.jsxs(mr,{children:[e.jsx(S,{path:"/dashboard",children:"Dashboard"}),e.jsx(S,{path:"/settings",children:"Settings"})]})]});x.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var v,R,j;h.parameters={...h.parameters,docs:{...(v=h.parameters)==null?void 0:v.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{H as ir,L as F,S as mr,R as S}from"./react-router-dom-CMITYWBH.js";import{F as pr}from"./flex-EllkLxgO.js";import{B as s,a as Br}from"./button-C1sV-0mR.js";import"./index-DhsZuJvc.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./extends-CF3RwP-h.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";const Hr={title:"Forms/Button",component:s,args:{label:"Label"}},r=b=>e.jsxs(pr,{gap:"var(--padding-sm)",children:[e.jsx(s,{...b}),e.jsx(s,{colored:!0,...b}),e.jsx(s,{colored:"success",...b}),e.jsx(s,{colored:"danger",...b})]}),h=r.bind({}),o=r.bind({});o.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 u=r.bind({});u.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const l=r.bind({});l.args={width:"100%"};const g=r.bind({});g.args={type:Br.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};const x=()=>e.jsxs(ir,{children:[e.jsxs(pr,{gap:!0,children:[e.jsx(s,{component:F,url:"/dashboard",label:"Dashboard"}),e.jsx(s,{component:F,url:"/settings",label:"Settings"})]}),e.jsxs(mr,{children:[e.jsx(S,{path:"/dashboard",children:"Dashboard"}),e.jsx(S,{path:"/settings",children:"Settings"})]})]});x.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var v,R,j;h.parameters={...h.parameters,docs:{...(v=h.parameters)==null?void 0:v.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-eps93zm2.js";import{useMDXComponents as i}from"./index-BcNHZKhG.js";import{Z as s,$ as e}from"./index-ccPuy0l1.js";import{Default as a,Basic as c}from"./button.stories-vVBGddVf.js";import{Default as d}from"./text-link.stories-BsuVBOWo.js";import"./index-DhsZuJvc.js";import"./iframe-CNFcCVDc.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-D6rZ4wEC.js";import"./react-router-dom-CMITYWBH.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./flex-EllkLxgO.js";import"./button-_0DiND6h.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./tooltip-C_E_6ym5.js";import"./text-B3-TSWok.js";function r(n){const o={code:"code",h1:"h1",h2:"h2",p:"p",...i(),...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Buttons & Links"}),`
1
+ import{j as t}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as i}from"./index-BcNHZKhG.js";import{Z as s,$ as e}from"./index-tzHbUYOM.js";import{Default as a,Basic as c}from"./button.stories-Bcy7mnLs.js";import{Default as d}from"./text-link.stories-BsuVBOWo.js";import"./index-DhsZuJvc.js";import"./iframe-DLWAAiXM.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-D6rZ4wEC.js";import"./react-router-dom-CMITYWBH.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./flex-EllkLxgO.js";import"./button-C1sV-0mR.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./tooltip-1V7clEnw.js";import"./text-B3-TSWok.js";function r(n){const o={code:"code",h1:"h1",h2:"h2",p:"p",...i(),...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"}),`
@@ -1 +1 @@
1
- import{j as d}from"./jsx-runtime-eps93zm2.js";import{C as S}from"./card-EcjmryU9.js";import{H as N}from"./heading-DkSFysAb.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./help-icon-LfPZiYla.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.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-eps93zm2.js";import{C as S}from"./card-EcjmryU9.js";import{H as N}from"./heading-NkLgQYoP.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.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-eps93zm2.js";import{r as u}from"./index-DhsZuJvc.js";import{I as f}from"./common-types-Sih75Sav.js";import{T}from"./top-bar-R-CjhJ21.js";import{S as I}from"./side-bar-WsK6pkmj.js";import{H as r}from"./heading-DkSFysAb.js";import{B as n}from"./button-_0DiND6h.js";import{D as g}from"./drawer-vbDFqa4U.js";import{L as O}from"./list-BpVed6Pw.js";import{F as a}from"./field-DwLk_uWj.js";import{I as o}from"./input-D97ganXq.js";import{M as D,D as E}from"./dialog-CAWCUmp3.js";import{C as H}from"./check-box-DkdQxC5c.js";import{F as p}from"./form-row-CM112EYF.js";import{P as k}from"./page-7SSpdYhb.js";import{R as y,C as R}from"./row-4iAGREkV.js";import{S as d}from"./select-78sreKsp.js";import{S as l}from"./spacer-BWoNR27H.js";import{T as B}from"./tabs-CAZ_dHGK.js";import{T as M}from"./table-DPvzYjoq.js";import"./index-Bk2sglWO.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./actions-Cu_0szZ4.js";import"./lodash-BHd_uQHh.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./help-icon-LfPZiYla.js";import"./spinner-AWUe4xwQ.js";import"./index.es-D2piFfFj.js";import"./extends-CF3RwP-h.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./card-EcjmryU9.js";import"./meta-content-Djgg-tiF.js";import"./loader-XHoVniao.js";import"./label-tWjEmTQJ.js";import"./portal-GQ0_cLB6.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./select.input-DIKP56UZ.js";import"./pagination-DSQeMPG_.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-B-Nmya5O.js";import"./index-DQs5XS8h.js";import"./index-DRSy5Ssd.js";import"./slider-CxVlS0fh.js";import"./popover-Dq3iC_lM.js";const Ve={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,{})]})};s.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};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-eps93zm2.js";import{r as u}from"./index-DhsZuJvc.js";import{I as f}from"./common-types-Sih75Sav.js";import{T}from"./top-bar-DG4ok0uF.js";import{S as I}from"./side-bar-ChOjPNLR.js";import{H as r}from"./heading-NkLgQYoP.js";import{B as n}from"./button-C1sV-0mR.js";import{D as g}from"./drawer-DSS8yvvp.js";import{L as O}from"./list-DYNKqvUR.js";import{F as a}from"./field-C5_fLDpy.js";import{I as o}from"./input-BW9trNAW.js";import{M as D,D as E}from"./dialog-lhPZkAI2.js";import{C as H}from"./check-box-CaSrhzev.js";import{F as p}from"./form-row-CM112EYF.js";import{P as k}from"./page-7SSpdYhb.js";import{R as y,C as R}from"./row-4iAGREkV.js";import{S as d}from"./select-tIEV7vnw.js";import{S as l}from"./spacer-BWoNR27H.js";import{T as B}from"./tabs-CAZ_dHGK.js";import{T as M}from"./table-CXUwJOBt.js";import"./index-Bk2sglWO.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./actions-CZK3mphC.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./help-icon-41R-Z9N1.js";import"./spinner-AWUe4xwQ.js";import"./index.es-D2piFfFj.js";import"./extends-CF3RwP-h.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./card-EcjmryU9.js";import"./meta-content-BE7pulye.js";import"./loader-XHoVniao.js";import"./label-hiSz3I8H.js";import"./portal-GQ0_cLB6.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./select.input-DIKP56UZ.js";import"./pagination-CqvxiZHR.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-uQOVHv2N.js";import"./index-CWz-hU-f.js";import"./index-DRSy5Ssd.js";import"./slider-gZmYlxxz.js";import"./popover-DgUpTRMk.js";const Ve={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,{})]})};s.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};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',
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as E}from"./index-DhsZuJvc.js";import{T as A}from"./table-DPvzYjoq.js";import{F as qe}from"./field-DwLk_uWj.js";import{B as _}from"./button-_0DiND6h.js";import{I as ze}from"./input-D97ganXq.js";import{F as Ge}from"./flex-EllkLxgO.js";import{t as Ye,a as Ze,b as $e,c as ea,d as aa,e as ra,f as sa,g as ta,h as na,i as la,j as oa,k as ia,l as Qe,m as pa,n as ca,o as da,p as ua,q as ma}from"./table.stories-data-2STKbgzG.js";import"./index-Bk2sglWO.js";import"./index.es-D2piFfFj.js";import"./inheritsLoose-DR8r8Ogv.js";import"./extends-CF3RwP-h.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-BHd_uQHh.js";import"./actions-Cu_0szZ4.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-C_E_6ym5.js";import"./icon-BP4BO6-k.js";import"./index-CEuq6vkz.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./heading-DkSFysAb.js";import"./help-icon-LfPZiYla.js";import"./pagination-DSQeMPG_.js";import"./select-78sreKsp.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./select.input-DIKP56UZ.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-B-Nmya5O.js";import"./index-DQs5XS8h.js";import"./index-DRSy5Ssd.js";import"./check-box-DkdQxC5c.js";import"./slider-CxVlS0fh.js";import"./index-BI4_Bp97.js";import"./popover-Dq3iC_lM.js";import"./label-tWjEmTQJ.js";import"./spinner-AWUe4xwQ.js";const lr={title:"Basic/Table/Cell",component:A,args:{table:{...Ye}}},a=s=>e.jsx(A,{...s}),m=a.bind({});m.args={table:Ze};const b=a.bind({});b.args={table:$e};const g=a.bind({});g.args={table:ea};const v=a.bind({});v.args={table:aa};const x=a.bind({});x.args={table:ra};const h=a.bind({});h.args={table:sa};const C=a.bind({});C.args={table:ta};const S=a.bind({});S.args={table:na};const f=a.bind({});f.args={table:la};const y=a.bind({});y.args={table:oa};const j=a.bind({});j.args={table:ia};const T=a.bind({});T.args={table:Qe};const P=a.bind({});P.args={table:pa};const k=a.bind({});k.args={table:ca};const O=a.bind({});O.args={table:da};const i=a.bind({});i.args={table:ua};i.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const w=()=>{const s=["Section","Width","Height"];let n=["","m","m"],c=[...Array(10).keys()].map((o,r)=>[r,r*2,r*2]);const d=()=>{const o=({close:t,value:U})=>e.jsxs(e.Fragment,{children:[e.jsx(qe,{label:"Input",children:e.jsx(ze,{value:U,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(_,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(_,{label:"Cancel",onClick:t})]})]}),r={fixedWidth:"100%",headers:[{cells:s.map(t=>({value:t}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[2],type:"Unit"}]}],rows:c.map((t,U)=>({cells:[...Array(3).keys()].map((l,u)=>({value:t[u],type:"Popover",content:e.jsx(o,{value:t[u]})}))}))};return e.jsx(A,{table:r})};return e.jsx(d,{})},I=()=>{const s=["Section","Width","Height"];let n=["","m","m"],c=[...Array(10).keys()].map((o,r)=>[r,r*2,r*2]);const d=()=>{const[o,r]=E.useState(!1),t=({close:l,value:u})=>{E.useEffect(()=>{o||r(!0)},[]);const B=()=>{r(!1),l()};return e.jsxs(e.Fragment,{children:[e.jsx(qe,{label:"Input",children:e.jsx(ze,{value:u,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(_,{colored:!0,label:"Save",onClick:B}),e.jsx(_,{label:"Cancel",onClick:B})]})]})},U={headers:[{cells:s.map(l=>({value:l}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[2],type:"Unit"}]}],rows:c.map((l,u)=>({cells:[...Array(3).keys()].map((B,M)=>({value:l[M],type:"Popover",disabled:o,closeOnOutsideClick:!1,content:e.jsx(t,{value:l[M]})}))}))};return e.jsx(A,{table:U})};return e.jsx(d,{})},F=a.bind({});F.args={table:ma};const p=a.bind({});p.args={table:{...Qe,name:"Food"}};p.decorators=[s=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(s,{})})];const W=()=>{const[s,n]=E.useState([]),c={fixedWidth:"auto",headers:[{cells:[{value:"Countries"}]}],rows:[{cells:[{type:"Select",width:"240px",multi:!0,options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"United Kingdom",value:"United Kingdom"},{label:"Vietnam",value:"Vietnam"}],value:s,onChange:d=>n(d.target.value)}]}]};return e.jsx(A,{table:c})};w.__docgenInfo={description:"",methods:[],displayName:"Popover"};I.__docgenInfo={description:"",methods:[],displayName:"SinglePopoverAtOnce"};W.__docgenInfo={description:"",methods:[],displayName:"Multiselect"};var V,D,L;m.parameters={...m.parameters,docs:{...(V=m.parameters)==null?void 0:V.docs,source:{originalSource:`args => {
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as E}from"./index-DhsZuJvc.js";import{T as A}from"./table-CXUwJOBt.js";import{F as qe}from"./field-C5_fLDpy.js";import{B as _}from"./button-C1sV-0mR.js";import{I as ze}from"./input-BW9trNAW.js";import{F as Ge}from"./flex-EllkLxgO.js";import{t as Ye,a as Ze,b as $e,c as ea,d as aa,e as ra,f as sa,g as ta,h as na,i as la,j as oa,k as ia,l as Qe,m as pa,n as ca,o as da,p as ua,q as ma}from"./table.stories-data-DwfKQW7P.js";import"./index-Bk2sglWO.js";import"./index.es-D2piFfFj.js";import"./inheritsLoose-DR8r8Ogv.js";import"./extends-CF3RwP-h.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-BHd_uQHh.js";import"./actions-CZK3mphC.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./icon-BP4BO6-k.js";import"./index-CEuq6vkz.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./heading-NkLgQYoP.js";import"./help-icon-41R-Z9N1.js";import"./pagination-CqvxiZHR.js";import"./select-tIEV7vnw.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./select.input-DIKP56UZ.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-uQOVHv2N.js";import"./index-CWz-hU-f.js";import"./index-DRSy5Ssd.js";import"./check-box-CaSrhzev.js";import"./slider-gZmYlxxz.js";import"./index-BI4_Bp97.js";import"./popover-DgUpTRMk.js";import"./label-hiSz3I8H.js";import"./spinner-AWUe4xwQ.js";const lr={title:"Basic/Table/Cell",component:A,args:{table:{...Ye}}},a=s=>e.jsx(A,{...s}),m=a.bind({});m.args={table:Ze};const b=a.bind({});b.args={table:$e};const g=a.bind({});g.args={table:ea};const v=a.bind({});v.args={table:aa};const x=a.bind({});x.args={table:ra};const h=a.bind({});h.args={table:sa};const C=a.bind({});C.args={table:ta};const S=a.bind({});S.args={table:na};const f=a.bind({});f.args={table:la};const y=a.bind({});y.args={table:oa};const j=a.bind({});j.args={table:ia};const T=a.bind({});T.args={table:Qe};const P=a.bind({});P.args={table:pa};const k=a.bind({});k.args={table:ca};const O=a.bind({});O.args={table:da};const i=a.bind({});i.args={table:ua};i.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const w=()=>{const s=["Section","Width","Height"];let n=["","m","m"],c=[...Array(10).keys()].map((o,r)=>[r,r*2,r*2]);const d=()=>{const o=({close:t,value:U})=>e.jsxs(e.Fragment,{children:[e.jsx(qe,{label:"Input",children:e.jsx(ze,{value:U,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(_,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(_,{label:"Cancel",onClick:t})]})]}),r={fixedWidth:"100%",headers:[{cells:s.map(t=>({value:t}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[2],type:"Unit"}]}],rows:c.map((t,U)=>({cells:[...Array(3).keys()].map((l,u)=>({value:t[u],type:"Popover",content:e.jsx(o,{value:t[u]})}))}))};return e.jsx(A,{table:r})};return e.jsx(d,{})},I=()=>{const s=["Section","Width","Height"];let n=["","m","m"],c=[...Array(10).keys()].map((o,r)=>[r,r*2,r*2]);const d=()=>{const[o,r]=E.useState(!1),t=({close:l,value:u})=>{E.useEffect(()=>{o||r(!0)},[]);const B=()=>{r(!1),l()};return e.jsxs(e.Fragment,{children:[e.jsx(qe,{label:"Input",children:e.jsx(ze,{value:u,width:"100%"})}),e.jsxs(Ge,{gap:!0,children:[e.jsx(_,{colored:!0,label:"Save",onClick:B}),e.jsx(_,{label:"Cancel",onClick:B})]})]})},U={headers:[{cells:s.map(l=>({value:l}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:n[2],type:"Unit"}]}],rows:c.map((l,u)=>({cells:[...Array(3).keys()].map((B,M)=>({value:l[M],type:"Popover",disabled:o,closeOnOutsideClick:!1,content:e.jsx(t,{value:l[M]})}))}))};return e.jsx(A,{table:U})};return e.jsx(d,{})},F=a.bind({});F.args={table:ma};const p=a.bind({});p.args={table:{...Qe,name:"Food"}};p.decorators=[s=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(s,{})})];const W=()=>{const[s,n]=E.useState([]),c={fixedWidth:"auto",headers:[{cells:[{value:"Countries"}]}],rows:[{cells:[{type:"Select",width:"240px",multi:!0,options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"United Kingdom",value:"United Kingdom"},{label:"Vietnam",value:"Vietnam"}],value:s,onChange:d=>n(d.target.value)}]}]};return e.jsx(A,{table:c})};w.__docgenInfo={description:"",methods:[],displayName:"Popover"};I.__docgenInfo={description:"",methods:[],displayName:"SinglePopoverAtOnce"};W.__docgenInfo={description:"",methods:[],displayName:"Multiselect"};var V,D,L;m.parameters={...m.parameters,docs:{...(V=m.parameters)==null?void 0:V.docs,source:{originalSource:`args => {
2
2
  return <Table
3
3
  // eslint-disable-next-line react/jsx-props-no-spreading
4
4
  {...args} />;
@@ -1 +1 @@
1
- import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as g}from"./index-DhsZuJvc.js";import{c as T}from"./index-Bk2sglWO.js";import{I as v}from"./common-types-Sih75Sav.js";import{D as I}from"./disabled-context-rmpd7YJS.js";import{H as k}from"./help-icon-LfPZiYla.js";import{I as C}from"./icon-BP4BO6-k.js";const q="_checkbox_1ybyr_1",E="_noLabel_1ybyr_17",j="_small_1ybyr_20",M="_checkmark_1ybyr_43",V="_disabled_1ybyr_67",H="_noMargin_1ybyr_81",L="_isInTable_1ybyr_84",w="_helpIconEnabled_1ybyr_87",e={checkbox:q,noLabel:E,small:j,checkmark:M,disabled:V,noMargin:H,isInTable:L,helpIconEnabled:w},N=({noMargin:c=!1,dataix:u=0,isInTable:m=!1,tabIndex:p=0,checked:n=!1,name:s,label:r="",disabled:f=!1,small:b=!1,onChange:y,testId:h,value:R,helpText:o,onClickHelp:i})=>{const x=g.useContext(I),_=o||i,t=f||x;return a.jsxs("div",{className:T(e.checkbox,c&&e.noMargin,m&&e.isInTable,t&&e.disabled,b&&e.small,!r&&e.noLabel),"data-ix":u,onClick:d=>{if(!t){const l=d.target;l.name=s,l.value=!n,l.checked=!n,y(d)}},"data-testid":h,children:[a.jsx("input",{type:"checkbox",tabIndex:p,checked:n,name:s,onChange:()=>{},disabled:t}),a.jsxs("label",{htmlFor:s,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(C,{icon:v.CHECK})}),r]}),_&&a.jsx("div",{className:e.helpIconEnabled,onClick:i,children:a.jsx(k,{text:o})})]})};N.__docgenInfo={description:"",methods:[],displayName:"CheckBox",props:{checked:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1}},name:{required:!1,tsType:{name:"string"},description:""},noMargin:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(evt: React.ChangeEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"ReactChangeEvent",raw:"React.ChangeEvent<HTMLInputElement>",elements:[{name:"HTMLInputElement"}]},name:"evt"}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},dataix:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},value:{required:!1,tsType:{name:"string"},description:""},helpText:{required:!1,tsType:{name:"string"},description:""},onClickHelp:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};export{N as C};
1
+ import{j as a}from"./jsx-runtime-eps93zm2.js";import{r as g}from"./index-DhsZuJvc.js";import{c as T}from"./index-Bk2sglWO.js";import{I as v}from"./common-types-Sih75Sav.js";import{D as I}from"./disabled-context-rmpd7YJS.js";import{H as k}from"./help-icon-41R-Z9N1.js";import{I as C}from"./icon-BP4BO6-k.js";const q="_checkbox_1ybyr_1",E="_noLabel_1ybyr_17",j="_small_1ybyr_20",M="_checkmark_1ybyr_43",V="_disabled_1ybyr_67",H="_noMargin_1ybyr_81",L="_isInTable_1ybyr_84",w="_helpIconEnabled_1ybyr_87",e={checkbox:q,noLabel:E,small:j,checkmark:M,disabled:V,noMargin:H,isInTable:L,helpIconEnabled:w},N=({noMargin:c=!1,dataix:u=0,isInTable:m=!1,tabIndex:p=0,checked:n=!1,name:s,label:r="",disabled:f=!1,small:b=!1,onChange:y,testId:h,value:R,helpText:o,onClickHelp:i})=>{const x=g.useContext(I),_=o||i,t=f||x;return a.jsxs("div",{className:T(e.checkbox,c&&e.noMargin,m&&e.isInTable,t&&e.disabled,b&&e.small,!r&&e.noLabel),"data-ix":u,onClick:d=>{if(!t){const l=d.target;l.name=s,l.value=!n,l.checked=!n,y(d)}},"data-testid":h,children:[a.jsx("input",{type:"checkbox",tabIndex:p,checked:n,name:s,onChange:()=>{},disabled:t}),a.jsxs("label",{htmlFor:s,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(C,{icon:v.CHECK})}),r]}),_&&a.jsx("div",{className:e.helpIconEnabled,onClick:i,children:a.jsx(k,{text:o})})]})};N.__docgenInfo={description:"",methods:[],displayName:"CheckBox",props:{checked:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},label:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1}},name:{required:!1,tsType:{name:"string"},description:""},noMargin:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(evt: React.ChangeEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"ReactChangeEvent",raw:"React.ChangeEvent<HTMLInputElement>",elements:[{name:"HTMLInputElement"}]},name:"evt"}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},dataix:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},value:{required:!1,tsType:{name:"string"},description:""},helpText:{required:!1,tsType:{name:"string"},description:""},onClickHelp:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};export{N as C};
@@ -1,4 +1,4 @@
1
- import{j as U}from"./jsx-runtime-eps93zm2.js";import{R as Y}from"./index-DhsZuJvc.js";import{C as u}from"./check-box-DkdQxC5c.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./help-icon-LfPZiYla.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";const{useArgs:q}=__STORYBOOK_MODULE_PREVIEW_API__,ce={title:"Forms/CheckBox",component:u,args:{disabled:!1,label:"Label"}},n=g=>{const[{checked:h},e]=q(),s=()=>{e({checked:!h})};return U.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]=Y.useState([]);return["1","2","3","4"].map(e=>U.jsx(u,{label:`Label ${e}`,checked:g.includes(e),onChange:()=>{h(s=>s.includes(e)?s.filter(V=>V!==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 U}from"./jsx-runtime-eps93zm2.js";import{R as Y}from"./index-DhsZuJvc.js";import{C as u}from"./check-box-CaSrhzev.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";const{useArgs:q}=__STORYBOOK_MODULE_PREVIEW_API__,ce={title:"Forms/CheckBox",component:u,args:{disabled:!1,label:"Label"}},n=g=>{const[{checked:h},e]=q(),s=()=>{e({checked:!h})};return U.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]=Y.useState([]);return["1","2","3","4"].map(e=>U.jsx(u,{label:`Label ${e}`,checked:g.includes(e),onChange:()=>{h(s=>s.includes(e)?s.filter(V=>V!==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,2 +1,2 @@
1
1
  const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BcNHZKhG.js","./index-DhsZuJvc.js"])))=>i.map(i=>d[i]);
2
- import{_ as i}from"./iframe-CNFcCVDc.js";import{R as t,r as p}from"./index-DhsZuJvc.js";import{r as u,u as l}from"./react-16-DXAfArL2.js";import{a0 as h,a1 as d,a2 as E,a3 as x}from"./index-ccPuy0l1.js";var D={code:h,a:d,...E},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:t.createElement(t.Fragment,null,r)}},y=class{constructor(){this.render=async(e,r,n)=>{let s={...D,...r==null?void 0:r.components},a=x;return new Promise((c,m)=>{i(async()=>{const{MDXProvider:o}=await import("./index-BcNHZKhG.js");return{MDXProvider:o}},__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:o})=>u(t.createElement(_,{showException:m,key:Math.random()},t.createElement(o,{components:s},t.createElement(a,{context:e,docsParameter:r}))),n)).then(()=>c())})},this.unmount=e=>{l(e)}}};export{y as D,D as d};
2
+ import{_ as i}from"./iframe-DLWAAiXM.js";import{R as t,r as p}from"./index-DhsZuJvc.js";import{r as u,u as l}from"./react-16-DXAfArL2.js";import{a0 as h,a1 as d,a2 as E,a3 as x}from"./index-tzHbUYOM.js";var D={code:h,a:d,...E},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:t.createElement(t.Fragment,null,r)}},y=class{constructor(){this.render=async(e,r,n)=>{let s={...D,...r==null?void 0:r.components},a=x;return new Promise((c,m)=>{i(async()=>{const{MDXProvider:o}=await import("./index-BcNHZKhG.js");return{MDXProvider:o}},__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:o})=>u(t.createElement(_,{showException:m,key:Math.random()},t.createElement(o,{components:s},t.createElement(a,{context:e,docsParameter:r}))),n)).then(()=>c())})},this.unmount=e=>{l(e)}}};export{y as D,D as d};
@@ -1,4 +1,4 @@
1
- import{j as o}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as l}from"./index-BcNHZKhG.js";import"./chunk-HLWAVYOI-dB_9CZG8.js";import{Z as d}from"./index-ccPuy0l1.js";import{r as m}from"./index-DhsZuJvc.js";import{T as p}from"./toaster-7wnI6hqB.js";import"./message-ttrR1AaP.js";import{t as x}from"./toaster-DPbde9Mi.js";import"./iframe-CNFcCVDc.js";import"../sb-preview/runtime.js";import"./react-16-DXAfArL2.js";import"./index-CUZDtIZe.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-D6rZ4wEC.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.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}`),s=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const c=`var(${n})`,e=()=>{navigator.clipboard.writeText(c),x({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(m.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:c,border:"1px solid rgba(0,0,0,0.1)"},onClick:e}),o.jsx("code",{onClick:e,children:c})]},a)})});s.__docgenInfo={description:"",methods:[],displayName:"ColorPalette",props:{colors:{required:!0,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:""}}};function i(r){const n={h1:"h1",h2:"h2",h3:"h3",p:"p",strong:"strong",...l(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
1
+ import{j as o}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as l}from"./index-BcNHZKhG.js";import"./chunk-HLWAVYOI-B_e8hbrU.js";import{Z as d}from"./index-tzHbUYOM.js";import{r as m}from"./index-DhsZuJvc.js";import{T as p}from"./toaster-7wnI6hqB.js";import"./message-ttrR1AaP.js";import{t as x}from"./toaster-DPbde9Mi.js";import"./iframe-DLWAAiXM.js";import"../sb-preview/runtime.js";import"./react-16-DXAfArL2.js";import"./index-CUZDtIZe.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-D6rZ4wEC.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.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}`),s=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const c=`var(${n})`,e=()=>{navigator.clipboard.writeText(c),x({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(m.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:c,border:"1px solid rgba(0,0,0,0.1)"},onClick:e}),o.jsx("code",{onClick:e,children:c})]},a)})});s.__docgenInfo={description:"",methods:[],displayName:"ColorPalette",props:{colors:{required:!0,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:""}}};function i(r){const n={h1:"h1",h2:"h2",h3:"h3",p:"p",strong:"strong",...l(),...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-eps93zm2.js";import{C as i,R as _}from"./row-4iAGREkV.js";import{H as m}from"./heading-DkSFysAb.js";import"./index-DhsZuJvc.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./help-icon-LfPZiYla.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";const Z={title:"Layout/Columns & Rows",component:i,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=W=>{const{height:D,wrap:F,...L}=W;return r.jsxs(_,{spacing:0,height:D,wrap:F,children:[r.jsxs(i,{...L,children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsx(i,{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 s=e.bind({});s.args={scroll:!0,showScrollbar:!1,height:"200px"};const t=e.bind({});t.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};const p=()=>r.jsxs(_,{spacing:100,children:[r.jsxs(i,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsxs(i,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]})]});p.__docgenInfo={description:"",methods:[],displayName:"TestNumberSpacing"};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-eps93zm2.js";import{C as i,R as _}from"./row-4iAGREkV.js";import{H as m}from"./heading-NkLgQYoP.js";import"./index-DhsZuJvc.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";const Z={title:"Layout/Columns & Rows",component:i,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=W=>{const{height:D,wrap:F,...L}=W;return r.jsxs(_,{spacing:0,height:D,wrap:F,children:[r.jsxs(i,{...L,children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsx(i,{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 s=e.bind({});s.args={scroll:!0,showScrollbar:!1,height:"200px"};const t=e.bind({});t.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};const p=()=>r.jsxs(_,{spacing:100,children:[r.jsxs(i,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),r.jsxs(i,{children:[r.jsx(m,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]})]});p.__docgenInfo={description:"",methods:[],displayName:"TestNumberSpacing"};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,
@@ -1 +1 @@
1
- import{j as t}from"./jsx-runtime-eps93zm2.js";import{r as u}from"./index-DhsZuJvc.js";import{c as p}from"./index-Bk2sglWO.js";import{P as g}from"./portal-GQ0_cLB6.js";import{l as h}from"./lodash-BHd_uQHh.js";import{I as y}from"./common-types-Sih75Sav.js";import{H as x}from"./heading-DkSFysAb.js";import{B as v}from"./button-_0DiND6h.js";const _=(n,e,r=[])=>{u.useEffect(()=>{const i=s=>{s.key===n&&e()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},r)},w="_wrapper_sb0hc_1",j="_contentContainer_sb0hc_15",b="_centered_sb0hc_24",E="_newLine_sb0hc_28",m={wrapper:w,contentContainer:j,centered:b,newLine:E},C=({children:n})=>{const e=u.useRef(null);return u.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:p(m.wrapper),children:n})},N=({children:n,width:e,centered:r})=>t.jsx("div",{className:p(m.contentContainer,r?m.centered:""),style:{maxWidth:e},children:n}),k=({children:n,visible:e=!1,centered:r=!1,width:i="100%",onEnter:s,onEscape:c})=>{const d="modalContainer";return u.useEffect(()=>{if(document.getElementById(d))return;const l=document.createElement("div");return l.id=d,document.body.insertBefore(l,document.body.firstChild),()=>{document.body.removeChild(l)}},[]),_("Enter",()=>{e&&s&&s()},[e,s]),_("Escape",()=>{e&&c&&c()},[e,c]),t.jsx(t.Fragment,{children:t.jsx(g,{id:d,children:e?t.jsx(C,{children:t.jsx(N,{width:i,centered:r,children:n})}):null})})};k.__docgenInfo={description:"",methods:[],displayName:"Modal",props:{children:{required:!0,tsType:{name:"ReactNode"},description:""},visible:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},centered:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},onEnter:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onEscape:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const I="_dialog_18g0k_1",T="_inline_18g0k_18",q="_scroll_18g0k_21",L="_header_18g0k_24",D="_dismiss_18g0k_33",B="_content_18g0k_38",R="_footer_18g0k_47",a={dialog:I,inline:T,scroll:q,header:L,dismiss:D,content:B,footer:R},M=n=>h.isArray(n)?n.map((e,r)=>t.jsxs(u.Fragment,{children:[e," ",t.jsx("br",{})]},r)):n,$=({dialog:n})=>{const{heading:e,content:r,contentPadding:i="var(--padding)",footer:s,scroll:c,width:d,height:l,onClose:f,testId:o}=n;return t.jsxs("div",{className:p(a.dialog,d?a.inline:null,c?a.scroll:null),style:{width:d,height:l},"data-testid":o??null,children:[t.jsxs("div",{className:a.header,children:[t.jsx(x,{testId:o&&`${o}-heading`,top:!0,marginBottom:0,children:e}),f?t.jsx("div",{className:a.dismiss,children:t.jsx(v,{icon:y.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:f})}):null]}),t.jsx("div",{"data-testid":o&&`${o}-content`,className:a.content,style:{padding:i},children:M(r)}),s&&t.jsx("div",{"data-testid":o&&`${o}-footer`,className:a.footer,children:s})]})};$.__docgenInfo={description:"",methods:[],displayName:"Dialog",props:{dialog:{required:!0,tsType:{name:"IDialog"},description:""}}};export{$ as D,k as M,_ as u};
1
+ import{j as t}from"./jsx-runtime-eps93zm2.js";import{r as u}from"./index-DhsZuJvc.js";import{c as p}from"./index-Bk2sglWO.js";import{P as g}from"./portal-GQ0_cLB6.js";import{l as h}from"./lodash-BHd_uQHh.js";import{I as y}from"./common-types-Sih75Sav.js";import{H as x}from"./heading-NkLgQYoP.js";import{B as v}from"./button-C1sV-0mR.js";const _=(n,e,r=[])=>{u.useEffect(()=>{const i=s=>{s.key===n&&e()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},r)},w="_wrapper_sb0hc_1",j="_contentContainer_sb0hc_15",b="_centered_sb0hc_24",E="_newLine_sb0hc_28",m={wrapper:w,contentContainer:j,centered:b,newLine:E},C=({children:n})=>{const e=u.useRef(null);return u.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:p(m.wrapper),children:n})},N=({children:n,width:e,centered:r})=>t.jsx("div",{className:p(m.contentContainer,r?m.centered:""),style:{maxWidth:e},children:n}),k=({children:n,visible:e=!1,centered:r=!1,width:i="100%",onEnter:s,onEscape:c})=>{const d="modalContainer";return u.useEffect(()=>{if(document.getElementById(d))return;const l=document.createElement("div");return l.id=d,document.body.insertBefore(l,document.body.firstChild),()=>{document.body.removeChild(l)}},[]),_("Enter",()=>{e&&s&&s()},[e,s]),_("Escape",()=>{e&&c&&c()},[e,c]),t.jsx(t.Fragment,{children:t.jsx(g,{id:d,children:e?t.jsx(C,{children:t.jsx(N,{width:i,centered:r,children:n})}):null})})};k.__docgenInfo={description:"",methods:[],displayName:"Modal",props:{children:{required:!0,tsType:{name:"ReactNode"},description:""},visible:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},centered:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},onEnter:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onEscape:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const I="_dialog_18g0k_1",T="_inline_18g0k_18",q="_scroll_18g0k_21",L="_header_18g0k_24",D="_dismiss_18g0k_33",B="_content_18g0k_38",R="_footer_18g0k_47",a={dialog:I,inline:T,scroll:q,header:L,dismiss:D,content:B,footer:R},M=n=>h.isArray(n)?n.map((e,r)=>t.jsxs(u.Fragment,{children:[e," ",t.jsx("br",{})]},r)):n,$=({dialog:n})=>{const{heading:e,content:r,contentPadding:i="var(--padding)",footer:s,scroll:c,width:d,height:l,onClose:f,testId:o}=n;return t.jsxs("div",{className:p(a.dialog,d?a.inline:null,c?a.scroll:null),style:{width:d,height:l},"data-testid":o??null,children:[t.jsxs("div",{className:a.header,children:[t.jsx(x,{testId:o&&`${o}-heading`,top:!0,marginBottom:0,children:e}),f?t.jsx("div",{className:a.dismiss,children:t.jsx(v,{icon:y.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:f})}):null]}),t.jsx("div",{"data-testid":o&&`${o}-content`,className:a.content,style:{padding:i},children:M(r)}),s&&t.jsx("div",{"data-testid":o&&`${o}-footer`,className:a.footer,children:s})]})};$.__docgenInfo={description:"",methods:[],displayName:"Dialog",props:{dialog:{required:!0,tsType:{name:"IDialog"},description:""}}};export{$ as D,k as M,_ as u};
@@ -1,3 +1,3 @@
1
- import{j as v}from"./jsx-runtime-eps93zm2.js";import{a as ot,r as q}from"./index-DhsZuJvc.js";import{c as ie}from"./index-Bk2sglWO.js";import{I as _e,B as it}from"./common-types-Sih75Sav.js";import{B as st}from"./badge-CLQ59MDF.js";import{l as lt}from"./lodash-BHd_uQHh.js";import{p as le}from"./index-CEuq6vkz.js";import{r as Xe}from"./index-CUZDtIZe.js";import{I as ut}from"./icon-BP4BO6-k.js";import{B as ct}from"./button-_0DiND6h.js";const dt="_inputInTable_khmhl_1",ft="_inputHover_khmhl_13",pt="_inputFocus_khmhl_18",ht="_inputError_khmhl_25",mt="_inputWarning_khmhl_26",gt="_inputDisabled_khmhl_61",yt="_hideScrollbars_khmhl_67",vt="_inline_khmhl_90",bt="_left_khmhl_93",wt="_right_khmhl_96",St="_fixed_khmhl_99",_t="_border_khmhl_111",Dt="_shadow_khmhl_117",Ot="_drawerContent_khmhl_120",Tt="_isResizing_khmhl_132",Pt="_toggleButton_khmhl_143",xt="_top_khmhl_156",Rt="_bottom_khmhl_159",Ct="_toggleButtonOpen_khmhl_162",Nt="_tabs_khmhl_165",zt="_tab_khmhl_165",Mt="_active_khmhl_197",Et="_disabled_khmhl_222",Wt="_tabsContent_khmhl_229",Ht="_resizeHandle_khmhl_235",_={inputInTable:dt,inputHover:ft,inputFocus:pt,inputError:ht,inputWarning:mt,inputDisabled:gt,hideScrollbars:yt,inline:vt,left:bt,right:wt,fixed:St,border:_t,shadow:Dt,drawerContent:Ot,isResizing:Tt,toggleButton:Pt,top:xt,bottom:Rt,toggleButtonOpen:Ct,tabs:Nt,tab:zt,active:Mt,disabled:Et,tabsContent:Wt,resizeHandle:Ht},qt=({badge:e,children:t})=>e?v.jsx(st,{small:!0,margin:4,title:e.toString(),children:t}):v.jsx(v.Fragment,{children:t}),Ye=({tabs:e,activeTab:t,open:r,background:n,handleTabClick:a,width:o,testId:i})=>v.jsxs(v.Fragment,{children:[v.jsx("div",{className:_.tabs,children:e.map((s,l)=>v.jsx("div",{className:ie(_.tab,t===l&&r?_.active:"",s.disabled?_.disabled:""),style:{background:n},onClick:s.disabled?void 0:()=>a(l),"data-testid":i&&`${i}-icon-${l}`,children:v.jsx(qt,{badge:s.badge,children:s.icon})},l))}),e.map((s,l)=>{const m=t===l;return v.jsx("div",{style:{width:typeof o=="number"?`${o}px`:o},className:_.tabsContent,"data-testid":i&&`${i}-content-${l}`,children:m&&r&&s.content},l)})]});Ye.__docgenInfo={description:"",methods:[],displayName:"DrawerTabs",props:{tabs:{required:!0,tsType:{name:"Array",elements:[{name:"IDrawerTab"}],raw:"IDrawerTab[]"},description:""},activeTab:{required:!0,tsType:{name:"number"},description:""},open:{required:!0,tsType:{name:"boolean"},description:""},background:{required:!0,tsType:{name:"string"},description:""},handleTabClick:{required:!0,tsType:{name:"signature",type:"function",raw:"(index: number) => void",signature:{arguments:[{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},width:{required:!0,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var Re={exports:{}},ee={},ue={exports:{}},ke={};function Ve(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=Ve(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function qe(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=Ve(e))&&(n&&(n+=" "),n+=t);return n}const $t=Object.freeze(Object.defineProperty({__proto__:null,clsx:qe,default:qe},Symbol.toStringTag,{value:"Module"})),It=ot($t);var b={},$={};Object.defineProperty($,"__esModule",{value:!0});$.dontSetMe=Yt;$.findInArray=At;$.int=Xt;$.isFunction=Bt;$.isNum=jt;function At(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]}function Bt(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function jt(e){return typeof e=="number"&&!isNaN(e)}function Xt(e){return parseInt(e,10)}function Yt(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))}var V={};Object.defineProperty(V,"__esModule",{value:!0});V.browserPrefixToKey=Fe;V.browserPrefixToStyle=kt;V.default=void 0;V.getPrefix=Ue;const ye=["Moz","Webkit","O","ms"];function Ue(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const r=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!r||t in r)return"";for(let n=0;n<ye.length;n++)if(Fe(t,ye[n])in r)return ye[n];return""}function Fe(e,t){return t?"".concat(t).concat(Vt(e)):e}function kt(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function Vt(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):e[n]==="-"?r=!0:t+=e[n];return t}V.default=Ue();Object.defineProperty(b,"__esModule",{value:!0});b.addClassName=Ke;b.addEvent=Lt;b.addUserSelectStyles=or;b.createCSSTransform=tr;b.createSVGTransform=rr;b.getTouch=nr;b.getTouchIdentifier=ar;b.getTranslation=Ce;b.innerHeight=Qt;b.innerWidth=Zt;b.matchesSelector=Ge;b.matchesSelectorAndParentsTo=Ft;b.offsetXYFromParent=er;b.outerHeight=Kt;b.outerWidth=Jt;b.removeClassName=Je;b.removeEvent=Gt;b.removeUserSelectStyles=ir;var z=$,$e=Ut(V);function Le(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Le=function(n){return n?r:t})(e)}function Ut(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Le(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}let ae="";function Ge(e,t){return ae||(ae=(0,z.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,z.isFunction)(e[r])})),(0,z.isFunction)(e[ae])?e[ae](t):!1}function Ft(e,t,r){let n=e;do{if(Ge(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1}function Lt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,a):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}function Gt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,a):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}function Kt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,z.int)(r.borderTopWidth),t+=(0,z.int)(r.borderBottomWidth),t}function Jt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,z.int)(r.borderLeftWidth),t+=(0,z.int)(r.borderRightWidth),t}function Qt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,z.int)(r.paddingTop),t-=(0,z.int)(r.paddingBottom),t}function Zt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,z.int)(r.paddingLeft),t-=(0,z.int)(r.paddingRight),t}function er(e,t,r){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-a.left)/r,i=(e.clientY+t.scrollTop-a.top)/r;return{x:o,y:i}}function tr(e,t){const r=Ce(e,t,"px");return{[(0,$e.browserPrefixToKey)("transform",$e.default)]:r}}function rr(e,t){return Ce(e,t,"")}function Ce(e,t,r){let{x:n,y:a}=e,o="translate(".concat(n).concat(r,",").concat(a).concat(r,")");if(t){const i="".concat(typeof t.x=="string"?t.x:t.x+r),s="".concat(typeof t.y=="string"?t.y:t.y+r);o="translate(".concat(i,", ").concat(s,")")+o}return o}function nr(e,t){return e.targetTouches&&(0,z.findInArray)(e.targetTouches,r=>t===r.identifier)||e.changedTouches&&(0,z.findInArray)(e.changedTouches,r=>t===r.identifier)}function ar(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function or(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
1
+ import{j as v}from"./jsx-runtime-eps93zm2.js";import{a as ot,r as q}from"./index-DhsZuJvc.js";import{c as ie}from"./index-Bk2sglWO.js";import{I as _e,B as it}from"./common-types-Sih75Sav.js";import{B as st}from"./badge-CLQ59MDF.js";import{l as lt}from"./lodash-BHd_uQHh.js";import{p as le}from"./index-CEuq6vkz.js";import{r as Xe}from"./index-CUZDtIZe.js";import{I as ut}from"./icon-BP4BO6-k.js";import{B as ct}from"./button-C1sV-0mR.js";const dt="_inputInTable_khmhl_1",ft="_inputHover_khmhl_13",pt="_inputFocus_khmhl_18",ht="_inputError_khmhl_25",mt="_inputWarning_khmhl_26",gt="_inputDisabled_khmhl_61",yt="_hideScrollbars_khmhl_67",vt="_inline_khmhl_90",bt="_left_khmhl_93",wt="_right_khmhl_96",St="_fixed_khmhl_99",_t="_border_khmhl_111",Dt="_shadow_khmhl_117",Ot="_drawerContent_khmhl_120",Tt="_isResizing_khmhl_132",Pt="_toggleButton_khmhl_143",xt="_top_khmhl_156",Rt="_bottom_khmhl_159",Ct="_toggleButtonOpen_khmhl_162",Nt="_tabs_khmhl_165",zt="_tab_khmhl_165",Mt="_active_khmhl_197",Et="_disabled_khmhl_222",Wt="_tabsContent_khmhl_229",Ht="_resizeHandle_khmhl_235",_={inputInTable:dt,inputHover:ft,inputFocus:pt,inputError:ht,inputWarning:mt,inputDisabled:gt,hideScrollbars:yt,inline:vt,left:bt,right:wt,fixed:St,border:_t,shadow:Dt,drawerContent:Ot,isResizing:Tt,toggleButton:Pt,top:xt,bottom:Rt,toggleButtonOpen:Ct,tabs:Nt,tab:zt,active:Mt,disabled:Et,tabsContent:Wt,resizeHandle:Ht},qt=({badge:e,children:t})=>e?v.jsx(st,{small:!0,margin:4,title:e.toString(),children:t}):v.jsx(v.Fragment,{children:t}),Ye=({tabs:e,activeTab:t,open:r,background:n,handleTabClick:a,width:o,testId:i})=>v.jsxs(v.Fragment,{children:[v.jsx("div",{className:_.tabs,children:e.map((s,l)=>v.jsx("div",{className:ie(_.tab,t===l&&r?_.active:"",s.disabled?_.disabled:""),style:{background:n},onClick:s.disabled?void 0:()=>a(l),"data-testid":i&&`${i}-icon-${l}`,children:v.jsx(qt,{badge:s.badge,children:s.icon})},l))}),e.map((s,l)=>{const m=t===l;return v.jsx("div",{style:{width:typeof o=="number"?`${o}px`:o},className:_.tabsContent,"data-testid":i&&`${i}-content-${l}`,children:m&&r&&s.content},l)})]});Ye.__docgenInfo={description:"",methods:[],displayName:"DrawerTabs",props:{tabs:{required:!0,tsType:{name:"Array",elements:[{name:"IDrawerTab"}],raw:"IDrawerTab[]"},description:""},activeTab:{required:!0,tsType:{name:"number"},description:""},open:{required:!0,tsType:{name:"boolean"},description:""},background:{required:!0,tsType:{name:"string"},description:""},handleTabClick:{required:!0,tsType:{name:"signature",type:"function",raw:"(index: number) => void",signature:{arguments:[{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},width:{required:!0,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var Re={exports:{}},ee={},ue={exports:{}},ke={};function Ve(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=Ve(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function qe(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=Ve(e))&&(n&&(n+=" "),n+=t);return n}const $t=Object.freeze(Object.defineProperty({__proto__:null,clsx:qe,default:qe},Symbol.toStringTag,{value:"Module"})),It=ot($t);var b={},$={};Object.defineProperty($,"__esModule",{value:!0});$.dontSetMe=Yt;$.findInArray=At;$.int=Xt;$.isFunction=Bt;$.isNum=jt;function At(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]}function Bt(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function jt(e){return typeof e=="number"&&!isNaN(e)}function Xt(e){return parseInt(e,10)}function Yt(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))}var V={};Object.defineProperty(V,"__esModule",{value:!0});V.browserPrefixToKey=Fe;V.browserPrefixToStyle=kt;V.default=void 0;V.getPrefix=Ue;const ye=["Moz","Webkit","O","ms"];function Ue(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const r=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!r||t in r)return"";for(let n=0;n<ye.length;n++)if(Fe(t,ye[n])in r)return ye[n];return""}function Fe(e,t){return t?"".concat(t).concat(Vt(e)):e}function kt(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function Vt(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):e[n]==="-"?r=!0:t+=e[n];return t}V.default=Ue();Object.defineProperty(b,"__esModule",{value:!0});b.addClassName=Ke;b.addEvent=Lt;b.addUserSelectStyles=or;b.createCSSTransform=tr;b.createSVGTransform=rr;b.getTouch=nr;b.getTouchIdentifier=ar;b.getTranslation=Ce;b.innerHeight=Qt;b.innerWidth=Zt;b.matchesSelector=Ge;b.matchesSelectorAndParentsTo=Ft;b.offsetXYFromParent=er;b.outerHeight=Kt;b.outerWidth=Jt;b.removeClassName=Je;b.removeEvent=Gt;b.removeUserSelectStyles=ir;var z=$,$e=Ut(V);function Le(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Le=function(n){return n?r:t})(e)}function Ut(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Le(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}let ae="";function Ge(e,t){return ae||(ae=(0,z.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,z.isFunction)(e[r])})),(0,z.isFunction)(e[ae])?e[ae](t):!1}function Ft(e,t,r){let n=e;do{if(Ge(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1}function Lt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,a):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}function Gt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,a):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}function Kt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,z.int)(r.borderTopWidth),t+=(0,z.int)(r.borderBottomWidth),t}function Jt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,z.int)(r.borderLeftWidth),t+=(0,z.int)(r.borderRightWidth),t}function Qt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,z.int)(r.paddingTop),t-=(0,z.int)(r.paddingBottom),t}function Zt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,z.int)(r.paddingLeft),t-=(0,z.int)(r.paddingRight),t}function er(e,t,r){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-a.left)/r,i=(e.clientY+t.scrollTop-a.top)/r;return{x:o,y:i}}function tr(e,t){const r=Ce(e,t,"px");return{[(0,$e.browserPrefixToKey)("transform",$e.default)]:r}}function rr(e,t){return Ce(e,t,"")}function Ce(e,t,r){let{x:n,y:a}=e,o="translate(".concat(n).concat(r,",").concat(a).concat(r,")");if(t){const i="".concat(typeof t.x=="string"?t.x:t.x+r),s="".concat(typeof t.y=="string"?t.y:t.y+r);o="translate(".concat(i,", ").concat(s,")")+o}return o}function nr(e,t){return e.targetTouches&&(0,z.findInArray)(e.targetTouches,r=>t===r.identifier)||e.changedTouches&&(0,z.findInArray)(e.changedTouches,r=>t===r.identifier)}function ar(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function or(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
2
2
  `,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
3
3
  `,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&Ke(e.body,"react-draggable-transparent-selection")}function ir(e){if(e)try{if(e.body&&Je(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function Ke(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Je(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var I={};Object.defineProperty(I,"__esModule",{value:!0});I.canDragX=ur;I.canDragY=cr;I.createCoreData=fr;I.createDraggableData=pr;I.getBoundPosition=sr;I.getControlPosition=dr;I.snapToGrid=lr;var N=$,G=b;function sr(e,t,r){if(!e.props.bounds)return[t,r];let{bounds:n}=e.props;n=typeof n=="string"?n:hr(n);const a=Ne(e);if(typeof n=="string"){const{ownerDocument:o}=a,i=o.defaultView;let s;if(n==="parent"?s=a.parentNode:s=o.querySelector(n),!(s instanceof i.HTMLElement))throw new Error('Bounds selector "'+n+'" could not find an element.');const l=s,m=i.getComputedStyle(a),g=i.getComputedStyle(l);n={left:-a.offsetLeft+(0,N.int)(g.paddingLeft)+(0,N.int)(m.marginLeft),top:-a.offsetTop+(0,N.int)(g.paddingTop)+(0,N.int)(m.marginTop),right:(0,G.innerWidth)(l)-(0,G.outerWidth)(a)-a.offsetLeft+(0,N.int)(g.paddingRight)-(0,N.int)(m.marginRight),bottom:(0,G.innerHeight)(l)-(0,G.outerHeight)(a)-a.offsetTop+(0,N.int)(g.paddingBottom)-(0,N.int)(m.marginBottom)}}return(0,N.isNum)(n.right)&&(t=Math.min(t,n.right)),(0,N.isNum)(n.bottom)&&(r=Math.min(r,n.bottom)),(0,N.isNum)(n.left)&&(t=Math.max(t,n.left)),(0,N.isNum)(n.top)&&(r=Math.max(r,n.top)),[t,r]}function lr(e,t,r){const n=Math.round(t/e[0])*e[0],a=Math.round(r/e[1])*e[1];return[n,a]}function ur(e){return e.props.axis==="both"||e.props.axis==="x"}function cr(e){return e.props.axis==="both"||e.props.axis==="y"}function dr(e,t,r){const n=typeof t=="number"?(0,G.getTouch)(e,t):null;if(typeof t=="number"&&!n)return null;const a=Ne(r),o=r.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,G.offsetXYFromParent)(n||e,o,r.props.scale)}function fr(e,t,r){const n=!(0,N.isNum)(e.lastX),a=Ne(e);return n?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:a,deltaX:t-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:r}}function pr(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}}function hr(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Ne(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var ce={},de={};Object.defineProperty(de,"__esModule",{value:!0});de.default=mr;function mr(){}Object.defineProperty(ce,"__esModule",{value:!0});ce.default=void 0;var ve=yr(q),R=ze(le),gr=ze(Xe),D=b,j=I,be=$,Q=ze(de);function ze(e){return e&&e.__esModule?e:{default:e}}function Qe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Qe=function(n){return n?r:t})(e)}function yr(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Qe(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function P(e,t,r){return t=vr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function vr(e){var t=br(e,"string");return typeof t=="symbol"?t:String(t)}function br(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const W={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let X=W.mouse,fe=class extends ve.Component{constructor(){super(...arguments),P(this,"dragging",!1),P(this,"lastX",NaN),P(this,"lastY",NaN),P(this,"touchIdentifier",null),P(this,"mounted",!1),P(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const r=this.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:n}=r;if(this.props.disabled||!(t.target instanceof n.defaultView.Node)||this.props.handle&&!(0,D.matchesSelectorAndParentsTo)(t.target,this.props.handle,r)||this.props.cancel&&(0,D.matchesSelectorAndParentsTo)(t.target,this.props.cancel,r))return;t.type==="touchstart"&&t.preventDefault();const a=(0,D.getTouchIdentifier)(t);this.touchIdentifier=a;const o=(0,j.getControlPosition)(t,a,this);if(o==null)return;const{x:i,y:s}=o,l=(0,j.createCoreData)(this,i,s);(0,Q.default)("DraggableCore: handleDragStart: %j",l),(0,Q.default)("calling",this.props.onStart),!(this.props.onStart(t,l)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,D.addUserSelectStyles)(n),this.dragging=!0,this.lastX=i,this.lastY=s,(0,D.addEvent)(n,X.move,this.handleDrag),(0,D.addEvent)(n,X.stop,this.handleDragStop))}),P(this,"handleDrag",t=>{const r=(0,j.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:a}=r;if(Array.isArray(this.props.grid)){let s=n-this.lastX,l=a-this.lastY;if([s,l]=(0,j.snapToGrid)(this.props.grid,s,l),!s&&!l)return;n=this.lastX+s,a=this.lastY+l}const o=(0,j.createCoreData)(this,n,a);if((0,Q.default)("DraggableCore: handleDrag: %j",o),this.props.onDrag(t,o)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const l=document.createEvent("MouseEvents");l.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(l)}return}this.lastX=n,this.lastY=a}),P(this,"handleDragStop",t=>{if(!this.dragging)return;const r=(0,j.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:a}=r;if(Array.isArray(this.props.grid)){let l=n-this.lastX||0,m=a-this.lastY||0;[l,m]=(0,j.snapToGrid)(this.props.grid,l,m),n=this.lastX+l,a=this.lastY+m}const o=(0,j.createCoreData)(this,n,a);if(this.props.onStop(t,o)===!1||this.mounted===!1)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,D.removeUserSelectStyles)(s.ownerDocument),(0,Q.default)("DraggableCore: handleDragStop: %j",o),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,Q.default)("DraggableCore: Removing handlers"),(0,D.removeEvent)(s.ownerDocument,X.move,this.handleDrag),(0,D.removeEvent)(s.ownerDocument,X.stop,this.handleDragStop))}),P(this,"onMouseDown",t=>(X=W.mouse,this.handleDragStart(t))),P(this,"onMouseUp",t=>(X=W.mouse,this.handleDragStop(t))),P(this,"onTouchStart",t=>(X=W.touch,this.handleDragStart(t))),P(this,"onTouchEnd",t=>(X=W.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,D.addEvent)(t,W.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:r}=t;(0,D.removeEvent)(r,W.mouse.move,this.handleDrag),(0,D.removeEvent)(r,W.touch.move,this.handleDrag),(0,D.removeEvent)(r,W.mouse.stop,this.handleDragStop),(0,D.removeEvent)(r,W.touch.stop,this.handleDragStop),(0,D.removeEvent)(t,W.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,D.removeUserSelectStyles)(r)}}findDOMNode(){var t,r;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(r=this.props)===null||r===void 0||(r=r.nodeRef)===null||r===void 0?void 0:r.current:gr.default.findDOMNode(this)}render(){return ve.cloneElement(ve.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};ce.default=fe;P(fe,"displayName","DraggableCore");P(fe,"propTypes",{allowAnyClick:R.default.bool,children:R.default.node.isRequired,disabled:R.default.bool,enableUserSelectHack:R.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:R.default.arrayOf(R.default.number),handle:R.default.string,cancel:R.default.string,nodeRef:R.default.object,onStart:R.default.func,onDrag:R.default.func,onStop:R.default.func,onMouseDown:R.default.func,scale:R.default.number,className:be.dontSetMe,style:be.dontSetMe,transform:be.dontSetMe});P(fe,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1});(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return l.default}}),e.default=void 0;var t=O(q),r=g(le),n=g(Xe),a=g(It),o=b,i=I,s=$,l=g(ce),m=g(de);function g(c){return c&&c.__esModule?c:{default:c}}function w(c){if(typeof WeakMap!="function")return null;var u=new WeakMap,f=new WeakMap;return(w=function(p){return p?f:u})(c)}function O(c,u){if(c&&c.__esModule)return c;if(c===null||typeof c!="object"&&typeof c!="function")return{default:c};var f=w(u);if(f&&f.has(c))return f.get(c);var p={},y=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var h in c)if(h!=="default"&&Object.prototype.hasOwnProperty.call(c,h)){var C=y?Object.getOwnPropertyDescriptor(c,h):null;C&&(C.get||C.set)?Object.defineProperty(p,h,C):p[h]=c[h]}return p.default=c,f&&f.set(c,p),p}function T(){return T=Object.assign?Object.assign.bind():function(c){for(var u=1;u<arguments.length;u++){var f=arguments[u];for(var p in f)Object.prototype.hasOwnProperty.call(f,p)&&(c[p]=f[p])}return c},T.apply(this,arguments)}function S(c,u,f){return u=E(u),u in c?Object.defineProperty(c,u,{value:f,enumerable:!0,configurable:!0,writable:!0}):c[u]=f,c}function E(c){var u=M(c,"string");return typeof u=="symbol"?u:String(u)}function M(c,u){if(typeof c!="object"||c===null)return c;var f=c[Symbol.toPrimitive];if(f!==void 0){var p=f.call(c,u||"default");if(typeof p!="object")return p;throw new TypeError("@@toPrimitive must return a primitive value.")}return(u==="string"?String:Number)(c)}class x extends t.Component{static getDerivedStateFromProps(u,f){let{position:p}=u,{prevPropsPosition:y}=f;return p&&(!y||p.x!==y.x||p.y!==y.y)?((0,m.default)("Draggable: getDerivedStateFromProps %j",{position:p,prevPropsPosition:y}),{x:p.x,y:p.y,prevPropsPosition:{...p}}):null}constructor(u){super(u),S(this,"onDragStart",(f,p)=>{if((0,m.default)("Draggable: onDragStart: %j",p),this.props.onStart(f,(0,i.createDraggableData)(this,p))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),S(this,"onDrag",(f,p)=>{if(!this.state.dragging)return!1;(0,m.default)("Draggable: onDrag: %j",p);const y=(0,i.createDraggableData)(this,p),h={x:y.x,y:y.y,slackX:0,slackY:0};if(this.props.bounds){const{x:A,y:B}=h;h.x+=this.state.slackX,h.y+=this.state.slackY;const[U,re]=(0,i.getBoundPosition)(this,h.x,h.y);h.x=U,h.y=re,h.slackX=this.state.slackX+(A-h.x),h.slackY=this.state.slackY+(B-h.y),y.x=h.x,y.y=h.y,y.deltaX=h.x-this.state.x,y.deltaY=h.y-this.state.y}if(this.props.onDrag(f,y)===!1)return!1;this.setState(h)}),S(this,"onDragStop",(f,p)=>{if(!this.state.dragging||this.props.onStop(f,(0,i.createDraggableData)(this,p))===!1)return!1;(0,m.default)("Draggable: onDragStop: %j",p);const h={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:A,y:B}=this.props.position;h.x=A,h.y=B}this.setState(h)}),this.state={dragging:!1,dragged:!1,x:u.position?u.position.x:u.defaultPosition.x,y:u.position?u.position.y:u.defaultPosition.y,prevPropsPosition:{...u.position},slackX:0,slackY:0,isElementSVG:!1},u.position&&!(u.onDrag||u.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var u,f;return(u=(f=this.props)===null||f===void 0||(f=f.nodeRef)===null||f===void 0?void 0:f.current)!==null&&u!==void 0?u:n.default.findDOMNode(this)}render(){const{axis:u,bounds:f,children:p,defaultPosition:y,defaultClassName:h,defaultClassNameDragging:C,defaultClassNameDragged:A,position:B,positionOffset:U,scale:re,...Y}=this.props;let H={},k=null;const F=!!!B||this.state.dragging,K=B||y,ne={x:(0,i.canDragX)(this)&&F?this.state.x:K.x,y:(0,i.canDragY)(this)&&F?this.state.y:K.y};this.state.isElementSVG?k=(0,o.createSVGTransform)(ne,U):H=(0,o.createCSSTransform)(ne,U);const J=(0,a.default)(p.props.className||"",h,{[C]:this.state.dragging,[A]:this.state.dragged});return t.createElement(l.default,T({},Y,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(p),{className:J,style:{...p.props.style,...H},transform:k}))}}e.default=x,S(x,"displayName","Draggable"),S(x,"propTypes",{...l.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),S(x,"defaultProps",{...l.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})})(ke);const{default:Ze,DraggableCore:wr}=ke;ue.exports=Ze;ue.exports.default=Ze;ue.exports.DraggableCore=wr;var Sr=ue.exports,Me={};Me.__esModule=!0;Me.cloneElement=xr;var _r=Dr(q);function Dr(e){return e&&e.__esModule?e:{default:e}}function Ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Ae(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ie(Object(r),!0).forEach(function(n){Or(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ie(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Or(e,t,r){return t=Tr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Tr(e){var t=Pr(e,"string");return typeof t=="symbol"?t:String(t)}function Pr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function xr(e,t){return t.style&&e.props.style&&(t.style=Ae(Ae({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),_r.default.cloneElement(e,t)}var te={};te.__esModule=!0;te.resizableProps=void 0;var d=Rr(le);function Rr(e){return e&&e.__esModule?e:{default:e}}var Cr={axis:d.default.oneOf(["both","x","y","none"]),className:d.default.string,children:d.default.element.isRequired,draggableOpts:d.default.shape({allowAnyClick:d.default.bool,cancel:d.default.string,children:d.default.node,disabled:d.default.bool,enableUserSelectHack:d.default.bool,offsetParent:d.default.node,grid:d.default.arrayOf(d.default.number),handle:d.default.string,nodeRef:d.default.object,onStart:d.default.func,onDrag:d.default.func,onStop:d.default.func,onMouseDown:d.default.func,scale:d.default.number}),height:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r[0];if(a.axis==="both"||a.axis==="y"){var o;return(o=d.default.number).isRequired.apply(o,r)}return d.default.number.apply(d.default,r)},handle:d.default.oneOfType([d.default.node,d.default.func]),handleSize:d.default.arrayOf(d.default.number),lockAspectRatio:d.default.bool,maxConstraints:d.default.arrayOf(d.default.number),minConstraints:d.default.arrayOf(d.default.number),onResizeStop:d.default.func,onResizeStart:d.default.func,onResize:d.default.func,resizeHandles:d.default.arrayOf(d.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:d.default.number,width:function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r[0];if(a.axis==="both"||a.axis==="x"){var o;return(o=d.default.number).isRequired.apply(o,r)}return d.default.number.apply(d.default,r)}};te.resizableProps=Cr;ee.__esModule=!0;ee.default=void 0;var Z=Wr(q),Nr=Sr,zr=Me,Mr=te,Er=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function et(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(et=function(a){return a?r:t})(e)}function Wr(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=et(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function De(){return De=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},De.apply(this,arguments)}function Hr(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,o;for(o=0;o<n.length;o++)a=n[o],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function Be(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function we(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Be(Object(r),!0).forEach(function(n){qr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Be(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function qr(e,t,r){return t=$r(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function $r(e){var t=Ir(e,"string");return typeof t=="symbol"?t:String(t)}function Ir(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ar(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Oe(e,t)}function Oe(e,t){return Oe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Oe(e,t)}var Ee=function(e){Ar(t,e);function t(){for(var n,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.handleRefs={},n.lastHandleRect=null,n.slack=null,n}var r=t.prototype;return r.componentWillUnmount=function(){this.resetData()},r.resetData=function(){this.lastHandleRect=this.slack=null},r.runConstraints=function(a,o){var i=this.props,s=i.minConstraints,l=i.maxConstraints,m=i.lockAspectRatio;if(!s&&!l&&!m)return[a,o];if(m){var g=this.props.width/this.props.height,w=a-this.props.width,O=o-this.props.height;Math.abs(w)>Math.abs(O*g)?o=a/g:a=o*g}var T=a,S=o,E=this.slack||[0,0],M=E[0],x=E[1];return a+=M,o+=x,s&&(a=Math.max(s[0],a),o=Math.max(s[1],o)),l&&(a=Math.min(l[0],a),o=Math.min(l[1],o)),this.slack=[M+(T-a),x+(S-o)],[a,o]},r.resizeHandler=function(a,o){var i=this;return function(s,l){var m=l.node,g=l.deltaX,w=l.deltaY;a==="onResizeStart"&&i.resetData();var O=(i.props.axis==="both"||i.props.axis==="x")&&o!=="n"&&o!=="s",T=(i.props.axis==="both"||i.props.axis==="y")&&o!=="e"&&o!=="w";if(!(!O&&!T)){var S=o[0],E=o[o.length-1],M=m.getBoundingClientRect();if(i.lastHandleRect!=null){if(E==="w"){var x=M.left-i.lastHandleRect.left;g+=x}if(S==="n"){var c=M.top-i.lastHandleRect.top;w+=c}}i.lastHandleRect=M,E==="w"&&(g=-g),S==="n"&&(w=-w);var u=i.props.width+(O?g/i.props.transformScale:0),f=i.props.height+(T?w/i.props.transformScale:0),p=i.runConstraints(u,f);u=p[0],f=p[1];var y=u!==i.props.width||f!==i.props.height,h=typeof i.props[a]=="function"?i.props[a]:null,C=a==="onResize"&&!y;h&&!C&&(s.persist==null||s.persist(),h(s,{node:m,size:{width:u,height:f},handle:o})),a==="onResizeStop"&&i.resetData()}}},r.renderResizeHandle=function(a,o){var i=this.props.handle;if(!i)return Z.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+a,ref:o});if(typeof i=="function")return i(a,o);var s=typeof i.type=="string",l=we({ref:o},s?{}:{handleAxis:a});return Z.cloneElement(i,l)},r.render=function(){var a=this,o=this.props,i=o.children,s=o.className,l=o.draggableOpts;o.width,o.height,o.handle,o.handleSize,o.lockAspectRatio,o.axis,o.minConstraints,o.maxConstraints,o.onResize,o.onResizeStop,o.onResizeStart;var m=o.resizeHandles;o.transformScale;var g=Hr(o,Er);return(0,zr.cloneElement)(i,we(we({},g),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(i.props.children,m.map(function(w){var O,T=(O=a.handleRefs[w])!=null?O:a.handleRefs[w]=Z.createRef();return Z.createElement(Nr.DraggableCore,De({},l,{nodeRef:T,key:"resizableHandle-"+w,onStop:a.resizeHandler("onResizeStop",w),onStart:a.resizeHandler("onResizeStart",w),onDrag:a.resizeHandler("onResize",w)}),a.renderResizeHandle(w,T))}))}))},t}(Z.Component);ee.default=Ee;Ee.propTypes=Mr.resizableProps;Ee.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var pe={};pe.__esModule=!0;pe.default=void 0;var Se=kr(q),Br=tt(le),jr=tt(ee),Xr=te,Yr=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function tt(e){return e&&e.__esModule?e:{default:e}}function rt(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(rt=function(a){return a?r:t})(e)}function kr(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=rt(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function Te(){return Te=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Te.apply(this,arguments)}function je(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function se(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?je(Object(r),!0).forEach(function(n){Vr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):je(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Vr(e,t,r){return t=Ur(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ur(e){var t=Fr(e,"string");return typeof t=="symbol"?t:String(t)}function Fr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Lr(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,o;for(o=0;o<n.length;o++)a=n[o],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function Gr(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Pe(e,t)}function Pe(e,t){return Pe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Pe(e,t)}var nt=function(e){Gr(t,e);function t(){for(var n,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(s,l){var m=l.size;n.props.onResize?(s.persist==null||s.persist(),n.setState(m,function(){return n.props.onResize&&n.props.onResize(s,l)})):n.setState(m)},n}t.getDerivedStateFromProps=function(a,o){return o.propsWidth!==a.width||o.propsHeight!==a.height?{width:a.width,height:a.height,propsWidth:a.width,propsHeight:a.height}:null};var r=t.prototype;return r.render=function(){var a=this.props,o=a.handle,i=a.handleSize;a.onResize;var s=a.onResizeStart,l=a.onResizeStop,m=a.draggableOpts,g=a.minConstraints,w=a.maxConstraints,O=a.lockAspectRatio,T=a.axis;a.width,a.height;var S=a.resizeHandles,E=a.style,M=a.transformScale,x=Lr(a,Yr);return Se.createElement(jr.default,{axis:T,draggableOpts:m,handle:o,handleSize:i,height:this.state.height,lockAspectRatio:O,maxConstraints:w,minConstraints:g,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:S,transformScale:M,width:this.state.width},Se.createElement("div",Te({},x,{style:se(se({},E),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(Se.Component);pe.default=nt;nt.propTypes=se(se({},Xr.resizableProps),{},{children:Br.default.element});Re.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")};var Kr=Re.exports.Resizable=ee.default;Re.exports.ResizableBox=pe.default;const xe=35,oe=240,Jr=q.forwardRef((e,t)=>{const{handleAxis:r,...n}=e;return v.jsx("div",{ref:t,className:_.resizeHandle,...n,children:v.jsx(ut,{icon:_e.DRAG})})}),at=({children:e=null,width:t=400,right:r=!1,onResize:n,setOpen:a})=>{const[o,i]=q.useState(!1),s=window.innerWidth/2,l=(m,{size:g})=>{n&&n(g.width)};return n?v.jsx(Kr,{width:lt.toNumber(t),height:100,minConstraints:[xe,1/0],maxConstraints:[s,1/0],onResize:l,handle:v.jsx(Jr,{}),resizeHandles:r?["w"]:["e"],axis:"x",className:o?_.isResizing:"",onResizeStart:()=>{a&&a(!0),n&&n(t),i(!0)},onResizeStop:()=>{i(!1),typeof t=="number"&&t<xe+50&&a&&a(!1)},children:e}):v.jsx(v.Fragment,{children:e})};at.__docgenInfo={description:"",methods:[],displayName:"DrawerResizeWrapper",props:{children:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:"",defaultValue:{value:"400",computed:!1}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onResize:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},setOpen:{required:!1,tsType:{name:"union",raw:"((isOpen: boolean) => void) | null",elements:[{name:"unknown"},{name:"null"}]},description:""}}};const Qr=({background:e="var(--color-background-raised)",fixed:t=!1,open:r=!1,setOpen:n,right:a=!1,width:o=400,closedWidth:i=0,shadow:s=!1,top:l=0,button:m=null,buttonAnimate:g=!0,buttonPosition:w=it.BOTTOM,border:O=!1,children:T=null,tabs:S,defaultTabIndex:E=0,activeTab:M,setActiveTab:x,testId:c,onResize:u,getActiveTab:f,onClose:p,onOpen:y})=>{const h=m===!0,C=!h&&q.isValidElement(m),[A,B]=n?[r,n]:h||S?q.useState(r):[r,()=>{}],[U,re]=q.useState(E),Y=n?r:A,H=n||B,k=x!==void 0?M:U,We=x||re,F=Array.isArray(o)?o[k||0]:o,K=Y?F:S?xe:i,ne=J=>{const he=me=>{S&&me&&me(S[J])};k===J&&Y&&H?(he(p),H(!1)):!Y&&H&&(he(y),H(!0),u&&(ge=>{let L;if(Array.isArray(ge)?L=ge[k||0]:L=ge,typeof L=="number"&&L<oe)u(oe);else if(typeof L=="string"){const He=parseInt(L,10);!isNaN(He)&&He<oe&&u(oe)}})(o)),We(J),he(f)};return v.jsx(at,{width:K,onResize:u,setOpen:H,right:a,children:v.jsxs("div",{className:ie(_.drawer,s?_.shadow:"",t?_.fixed:_.inline,a?_.right:_.left),style:{top:l},children:[v.jsx("div",{className:ie(_.drawerContent,O&&_.border),style:{background:e,borderColor:typeof O=="string"?O:void 0,width:K},children:S?v.jsx(Ye,{width:F,testId:c,tabs:S,open:Y,activeTab:k||0,background:e,handleTabClick:ne}):v.jsx("div",{style:{width:F},children:T})}),m&&v.jsx("span",{className:ie(_.toggleButton,A&&(h||C&&g)?_.toggleButtonOpen:"",w==="top"?_.top:_.bottom),children:C?m:v.jsx(ct,{onClick:H?()=>H(!Y):void 0,round:!0,icon:a?_e.CHEVRON_RIGHT:_e.CHEVRON_LEFT})})]})})};Qr.__docgenInfo={description:"",methods:[],displayName:"Drawer",props:{background:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'var(--color-background-raised)'",computed:!1}},children:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},fixed:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},open:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},setOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"(openState: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"openState"}],return:{name:"void"}}},description:""},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},shadow:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},top:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"0",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | Array<TStringOrNumber>",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<TStringOrNumber>"}]},description:"",defaultValue:{value:"400",computed:!1}},closedWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"0",computed:!1}},button:{required:!1,tsType:{name:"union",raw:"boolean | ReactNode",elements:[{name:"boolean"},{name:"ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},buttonAnimate:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},buttonPosition:{required:!1,tsType:{name:"union",raw:"TButtonPosition | string",elements:[{name:"union",raw:"'top' | 'bottom'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'bottom'"}]},{name:"string"}]},description:"",defaultValue:{value:"ButtonPosition.BOTTOM",computed:!0}},border:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:"",defaultValue:{value:"false",computed:!1}},tabs:{required:!1,tsType:{name:"Array",elements:[{name:"IDrawerTab"}],raw:"IDrawerTab[]"},description:""},defaultTabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},activeTab:{required:!1,tsType:{name:"number"},description:""},setActiveTab:{required:!1,tsType:{name:"signature",type:"function",raw:"(index: number) => void",signature:{arguments:[{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""},onResize:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},getActiveTab:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab: IDrawerTab) => void",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"void"}}},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab?: IDrawerTab) => any",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"any"}}},description:""},onOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab?: IDrawerTab) => any",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"any"}}},description:""}}};export{Qr as D};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as j}from"./index-DhsZuJvc.js";import{I as n}from"./common-types-Sih75Sav.js";import{D as a}from"./drawer-vbDFqa4U.js";import{B as S}from"./button-_0DiND6h.js";import{L as y}from"./list-BpVed6Pw.js";import{H as s}from"./heading-DkSFysAb.js";import{F as ae}from"./flex-EllkLxgO.js";import{l as f}from"./list.stories-data-CnVYk3eo.js";import{I as t}from"./icon-BP4BO6-k.js";import"./index-Bk2sglWO.js";import"./badge-CLQ59MDF.js";import"./lodash-BHd_uQHh.js";import"./index-CEuq6vkz.js";import"./index-CUZDtIZe.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-C_E_6ym5.js";import"./index.es-D2piFfFj.js";import"./inheritsLoose-DR8r8Ogv.js";import"./extends-CF3RwP-h.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./card-EcjmryU9.js";import"./meta-content-Djgg-tiF.js";import"./actions-Cu_0szZ4.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./loader-XHoVniao.js";import"./help-icon-LfPZiYla.js";const Be={title:"Layout/Drawer",component:a,args:{button:!0,open:!0,right:!1,border:!0,shadow:!1,width:"300px",closedWidth:"var(--size-sidebar)",top:void 0,children:e.jsx("div",{style:{padding:"var(--padding)"},children:"Drawer content"})},argTypes:{button:{table:{disable:!0}}},decorators:[r=>e.jsxs(ae,{height:"400px",wrap:!1,children:[e.jsx("div",{style:{flexGrow:1,padding:"var(--padding)",background:"var(--color-background)"},children:"Page content"}),r()]})],parameters:{layout:"fullscreen"}},u=r=>e.jsx(a,{...r}),v=u.bind({}),b=u.bind({});b.args={right:!0};const d=u.bind({});d.args={fixed:!0};d.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const h=u.bind({});h.args={button:e.jsx(S,{colored:!0,round:!0,icon:n.LEFT}),buttonAnimate:!0};const x=u.bind({});x.args={shadow:!0};const p=()=>{const[r,o]=j.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a,{button:e.jsx(S,{onClick:()=>o(!r),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"var(--size-sidebar)",border:!0,open:r,children:e.jsx(y,{drawer:!0,list:f,narrow:!r})}),e.jsx(a,{button:e.jsx(S,{onClick:()=>o(!r),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"var(--size-sidebar)",border:!0,open:r,children:e.jsx(y,{drawer:!0,list:f,narrow:!r})})]})};p.parameters={docs:{description:{story:"To hide `List` headings when the `Drawer` is closed, set the `narrow` prop on the `List`."}}};const c=u.bind({});c.args={right:!0,button:!1,closedWidth:0,width:["200px","300px","400px","400px"],defaultTabIndex:1,tabs:[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.LIST}),badge:"2",content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"List"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.EDIT}),disabled:!0,content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}]};c.parameters={docs:{description:{story:"The top tab will be open by default, but you can set `defaultTabIndex` if you need a different tab open. If you need different widths per tab, pass an array of widths to `width`."}}};const l=()=>{const[r,o]=j.useState(!1),g=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}],E=i=>{i&&console.log("on close",i)},I=i=>{i&&console.log("on open",i)};return e.jsx(a,{border:!0,right:!0,tabs:g,open:r,setOpen:o,onClose:E,onOpen:I})};l.parameters={docs:{description:{story:"If a `setOpen` prop is set, the drawer will not manage its open state internally and can be controlled."}}};const m=()=>{const[r,o]=j.useState(0),g=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}];return e.jsx(a,{border:!0,right:!0,tabs:g,activeTab:r,setActiveTab:o})};m.parameters={docs:{description:{story:"If `activeTab` and `setActiveTab` props are set, the drawer will not manage the tab state internally and can be controlled."}}};const w=()=>{const r=[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})}],o=[{icon:e.jsx(t,{icon:n.EDIT}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}];return e.jsxs(e.Fragment,{children:[e.jsx(a,{right:!0,tabs:r,border:!0,open:!0}),e.jsx(a,{right:!0,tabs:o,border:!0,open:!0})]})},T=()=>{const[r,o]=j.useState(!0),[g,E]=j.useState(300),I=[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum dolor. ".repeat(500)]})}];return e.jsx(e.Fragment,{children:e.jsx(a,{right:!0,tabs:I,border:!0,open:r,setOpen:o,width:g,onResize:i=>{E(i)}})})};p.__docgenInfo={description:"",methods:[],displayName:"WithList"};l.__docgenInfo={description:"",methods:[],displayName:"ControlledOpenClose"};m.__docgenInfo={description:"",methods:[],displayName:"ControlledTabs"};w.__docgenInfo={description:"",methods:[],displayName:"MultipleTabbedDrawers"};T.__docgenInfo={description:"",methods:[],displayName:"Resizable"};var D,H,L;v.parameters={...v.parameters,docs:{...(D=v.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as j}from"./index-DhsZuJvc.js";import{I as n}from"./common-types-Sih75Sav.js";import{D as a}from"./drawer-DSS8yvvp.js";import{B as S}from"./button-C1sV-0mR.js";import{L as y}from"./list-DYNKqvUR.js";import{H as s}from"./heading-NkLgQYoP.js";import{F as ae}from"./flex-EllkLxgO.js";import{l as f}from"./list.stories-data-D_ZfzaxE.js";import{I as t}from"./icon-BP4BO6-k.js";import"./index-Bk2sglWO.js";import"./badge-CLQ59MDF.js";import"./lodash-BHd_uQHh.js";import"./index-CEuq6vkz.js";import"./index-CUZDtIZe.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index.es-D2piFfFj.js";import"./inheritsLoose-DR8r8Ogv.js";import"./extends-CF3RwP-h.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./card-EcjmryU9.js";import"./meta-content-BE7pulye.js";import"./actions-CZK3mphC.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./loader-XHoVniao.js";import"./help-icon-41R-Z9N1.js";const Be={title:"Layout/Drawer",component:a,args:{button:!0,open:!0,right:!1,border:!0,shadow:!1,width:"300px",closedWidth:"var(--size-sidebar)",top:void 0,children:e.jsx("div",{style:{padding:"var(--padding)"},children:"Drawer content"})},argTypes:{button:{table:{disable:!0}}},decorators:[r=>e.jsxs(ae,{height:"400px",wrap:!1,children:[e.jsx("div",{style:{flexGrow:1,padding:"var(--padding)",background:"var(--color-background)"},children:"Page content"}),r()]})],parameters:{layout:"fullscreen"}},u=r=>e.jsx(a,{...r}),v=u.bind({}),b=u.bind({});b.args={right:!0};const d=u.bind({});d.args={fixed:!0};d.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const h=u.bind({});h.args={button:e.jsx(S,{colored:!0,round:!0,icon:n.LEFT}),buttonAnimate:!0};const x=u.bind({});x.args={shadow:!0};const p=()=>{const[r,o]=j.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a,{button:e.jsx(S,{onClick:()=>o(!r),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"var(--size-sidebar)",border:!0,open:r,children:e.jsx(y,{drawer:!0,list:f,narrow:!r})}),e.jsx(a,{button:e.jsx(S,{onClick:()=>o(!r),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"var(--size-sidebar)",border:!0,open:r,children:e.jsx(y,{drawer:!0,list:f,narrow:!r})})]})};p.parameters={docs:{description:{story:"To hide `List` headings when the `Drawer` is closed, set the `narrow` prop on the `List`."}}};const c=u.bind({});c.args={right:!0,button:!1,closedWidth:0,width:["200px","300px","400px","400px"],defaultTabIndex:1,tabs:[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.LIST}),badge:"2",content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"List"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.EDIT}),disabled:!0,content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}]};c.parameters={docs:{description:{story:"The top tab will be open by default, but you can set `defaultTabIndex` if you need a different tab open. If you need different widths per tab, pass an array of widths to `width`."}}};const l=()=>{const[r,o]=j.useState(!1),g=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}],E=i=>{i&&console.log("on close",i)},I=i=>{i&&console.log("on open",i)};return e.jsx(a,{border:!0,right:!0,tabs:g,open:r,setOpen:o,onClose:E,onOpen:I})};l.parameters={docs:{description:{story:"If a `setOpen` prop is set, the drawer will not manage its open state internally and can be controlled."}}};const m=()=>{const[r,o]=j.useState(0),g=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}];return e.jsx(a,{border:!0,right:!0,tabs:g,activeTab:r,setActiveTab:o})};m.parameters={docs:{description:{story:"If `activeTab` and `setActiveTab` props are set, the drawer will not manage the tab state internally and can be controlled."}}};const w=()=>{const r=[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})}],o=[{icon:e.jsx(t,{icon:n.EDIT}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}];return e.jsxs(e.Fragment,{children:[e.jsx(a,{right:!0,tabs:r,border:!0,open:!0}),e.jsx(a,{right:!0,tabs:o,border:!0,open:!0})]})},T=()=>{const[r,o]=j.useState(!0),[g,E]=j.useState(300),I=[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum dolor. ".repeat(500)]})}];return e.jsx(e.Fragment,{children:e.jsx(a,{right:!0,tabs:I,border:!0,open:r,setOpen:o,width:g,onResize:i=>{E(i)}})})};p.__docgenInfo={description:"",methods:[],displayName:"WithList"};l.__docgenInfo={description:"",methods:[],displayName:"ControlledOpenClose"};m.__docgenInfo={description:"",methods:[],displayName:"ControlledTabs"};w.__docgenInfo={description:"",methods:[],displayName:"MultipleTabbedDrawers"};T.__docgenInfo={description:"",methods:[],displayName:"Resizable"};var D,H,L;v.parameters={...v.parameters,docs:{...(D=v.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
2
2
  return <Drawer
3
3
  // eslint-disable-next-line react/jsx-props-no-spreading
4
4
  {...args} />;
@@ -1 +1 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as x}from"./text-B3-TSWok.js";import{B as y}from"./button-_0DiND6h.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";const v="_empty_fe425_1",j="_text_fe425_11",i={empty:v,text:j},a=({width:s="auto",height:g="auto",text:o="No data",children:h,testId:f})=>e.jsxs("div",{className:i.empty,style:{width:s,height:g},"data-testid":f,children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"41",children:e.jsxs("g",{transform:"translate(0 1)",fill:"none",fillRule:"evenodd",children:[e.jsx("ellipse",{cx:"32",cy:"33",rx:"32",ry:"7",fill:"rgba(0,0,0,0.1)"}),e.jsxs("g",{fillRule:"nonzero",stroke:"var(--color-text)",strokeOpacity:"0.2",children:[e.jsx("path",{d:"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z",fill:"rgba(0,0,0,0.05)"}),e.jsx("path",{d:"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",fill:"var(--color-background-raised)"})]})]})}),o!==""&&e.jsx("div",{className:i.text,children:e.jsx(x,{faint:!0,children:o})}),h]});a.__docgenInfo={description:"",methods:[],displayName:"Empty",props:{width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'auto'",computed:!1}},height:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'auto'",computed:!1}},text:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:"",defaultValue:{value:"'No data'",computed:!1}},children:{required:!1,tsType:{name:"ReactNode"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const S={title:"Progress/Empty",component:a,args:{text:"No data",width:"100%",height:"100%"}},u=s=>e.jsx(a,{...s}),r=u.bind({}),t=u.bind({});t.args={text:"Please apply at least one casing in Well Schematics to perform drilling mechanics",children:e.jsx(y,{colored:!0,label:"Add casing"}),testId:"empty-with-button"};var n,l,m;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"args => <Empty {...args} />",...(m=(l=r.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};var d,c,p;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:"args => <Empty {...args} />",...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};const W=["Default","WithButton"];export{r as Default,t as WithButton,W as __namedExportsOrder,S as default};
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as x}from"./text-B3-TSWok.js";import{B as y}from"./button-C1sV-0mR.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";const v="_empty_fe425_1",j="_text_fe425_11",i={empty:v,text:j},a=({width:s="auto",height:g="auto",text:o="No data",children:h,testId:f})=>e.jsxs("div",{className:i.empty,style:{width:s,height:g},"data-testid":f,children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"41",children:e.jsxs("g",{transform:"translate(0 1)",fill:"none",fillRule:"evenodd",children:[e.jsx("ellipse",{cx:"32",cy:"33",rx:"32",ry:"7",fill:"rgba(0,0,0,0.1)"}),e.jsxs("g",{fillRule:"nonzero",stroke:"var(--color-text)",strokeOpacity:"0.2",children:[e.jsx("path",{d:"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z",fill:"rgba(0,0,0,0.05)"}),e.jsx("path",{d:"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",fill:"var(--color-background-raised)"})]})]})}),o!==""&&e.jsx("div",{className:i.text,children:e.jsx(x,{faint:!0,children:o})}),h]});a.__docgenInfo={description:"",methods:[],displayName:"Empty",props:{width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'auto'",computed:!1}},height:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'auto'",computed:!1}},text:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:"",defaultValue:{value:"'No data'",computed:!1}},children:{required:!1,tsType:{name:"ReactNode"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const S={title:"Progress/Empty",component:a,args:{text:"No data",width:"100%",height:"100%"}},u=s=>e.jsx(a,{...s}),r=u.bind({}),t=u.bind({});t.args={text:"Please apply at least one casing in Well Schematics to perform drilling mechanics",children:e.jsx(y,{colored:!0,label:"Add casing"}),testId:"empty-with-button"};var n,l,m;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"args => <Empty {...args} />",...(m=(l=r.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};var d,c,p;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:"args => <Empty {...args} />",...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};const W=["Default","WithButton"];export{r as Default,t as WithButton,W as __namedExportsOrder,S as default};
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-eps93zm2.js";import{c as f}from"./index-Bk2sglWO.js";import{L as c}from"./label-tWjEmTQJ.js";const b="_field_1xoss_1",v="_labelLeft_1xoss_5",_="_fieldInput_1xoss_9",x="_formRow_1xoss_12",T="_button_1xoss_22",t={field:b,labelLeft:v,fieldInput:_,formRow:x,"form-row":"_form-row_1xoss_13",button:T},g=({label:s,labelLeft:e=!1,labelWidth:a="auto",children:i,helpText:r,helpTextMaxWidth:o="300px",onClickHelp:l,lock:m={visible:!1,active:!1,onClick:()=>{},tooltip:"",testId:void 0},info:u,libraryIcon:d,testId:p})=>n.jsxs("div",{className:f(t.field,e?t.labelLeft:""),"data-testid":p,children:[(s||e)&&n.jsx(c,{label:s,width:a,helpText:r,helpTextMaxWidth:o,onClickHelp:l,lock:m,info:u,libraryIcon:d,labelLeft:e}),n.jsx("div",{className:t.fieldInput,children:i})]});g.__docgenInfo={description:"",methods:[],displayName:"Field",props:{label:{required:!1,tsType:{name:"union",raw:"TStringNumberNull | ReactNode",elements:[{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},{name:"ReactNode"}]},description:""},labelLeft:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},labelWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'auto'",computed:!1}},children:{required:!0,tsType:{name:"ReactNode"},description:""},helpText:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},helpTextMaxWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'300px'",computed:!1}},onClickHelp:{required:!1,tsType:{name:"signature",type:"function",raw:"(event?: MouseEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"MouseEvent",elements:[{name:"HTMLDivElement"}],raw:"MouseEvent<HTMLDivElement>"},name:"event"}],return:{name:"void"}}},description:""},lock:{required:!1,tsType:{name:"ILabelLockProps"},description:"",defaultValue:{value:`{
1
+ import{j as n}from"./jsx-runtime-eps93zm2.js";import{c as f}from"./index-Bk2sglWO.js";import{L as c}from"./label-hiSz3I8H.js";const b="_field_1xoss_1",v="_labelLeft_1xoss_5",_="_fieldInput_1xoss_9",x="_formRow_1xoss_12",T="_button_1xoss_22",t={field:b,labelLeft:v,fieldInput:_,formRow:x,"form-row":"_form-row_1xoss_13",button:T},g=({label:s,labelLeft:e=!1,labelWidth:a="auto",children:i,helpText:r,helpTextMaxWidth:o="300px",onClickHelp:l,lock:m={visible:!1,active:!1,onClick:()=>{},tooltip:"",testId:void 0},info:u,libraryIcon:d,testId:p})=>n.jsxs("div",{className:f(t.field,e?t.labelLeft:""),"data-testid":p,children:[(s||e)&&n.jsx(c,{label:s,width:a,helpText:r,helpTextMaxWidth:o,onClickHelp:l,lock:m,info:u,libraryIcon:d,labelLeft:e}),n.jsx("div",{className:t.fieldInput,children:i})]});g.__docgenInfo={description:"",methods:[],displayName:"Field",props:{label:{required:!1,tsType:{name:"union",raw:"TStringNumberNull | ReactNode",elements:[{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},{name:"ReactNode"}]},description:""},labelLeft:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},labelWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'auto'",computed:!1}},children:{required:!0,tsType:{name:"ReactNode"},description:""},helpText:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},helpTextMaxWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'300px'",computed:!1}},onClickHelp:{required:!1,tsType:{name:"signature",type:"function",raw:"(event?: MouseEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"MouseEvent",elements:[{name:"HTMLDivElement"}],raw:"MouseEvent<HTMLDivElement>"},name:"event"}],return:{name:"void"}}},description:""},lock:{required:!1,tsType:{name:"ILabelLockProps"},description:"",defaultValue:{value:`{
2
2
  visible: false,
3
3
  active: false,
4
4
  onClick: () => {},
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as P}from"./index-DhsZuJvc.js";import{F as s}from"./field-DwLk_uWj.js";import{I as o}from"./input-D97ganXq.js";import{T as x}from"./text-B3-TSWok.js";import"./index-Bk2sglWO.js";import"./label-tWjEmTQJ.js";import"./common-types-Sih75Sav.js";import"./help-icon-LfPZiYla.js";import"./tooltip-C_E_6ym5.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";const ge={title:"Forms/Field",component:s,args:{label:"Label",labelLeft:!1}},t=r=>e.jsx(s,{...r,children:e.jsx(o,{})}),u=t.bind({}),a=t.bind({});a.args={labelLeft:!0};const n=t.bind({});n.args={labelLeft:!0,labelWidth:"80px"};const l=t.bind({});l.args={helpText:"Tooltip goes here"};const i=t.bind({});i.args={onClickHelp:()=>{}};const c=r=>e.jsxs(e.Fragment,{children:[e.jsxs(s,{...r,children:[e.jsx(o,{}),e.jsx(x,{small:!0,faint:!0,children:"Help text goes here"})]}),e.jsxs(s,{...r,children:[e.jsx(o,{error:"Error text goes here"}),e.jsx(x,{small:!0,error:!0,children:"Error text goes here"})]}),e.jsxs(s,{...r,children:[e.jsx(o,{warning:"Error text goes here"}),e.jsx(x,{small:!0,warning:!0,children:"Warning text goes here"})]})]}),d=t.bind({});d.args={info:"Info goes here"};const p=()=>{const[r,K]=P.useState(!1),M=()=>K(!r);return e.jsx(s,{label:"Label",lock:{visible:!0,active:r,onClick:M,tooltip:r?"Unlock":"Lock",testId:"testId"},children:e.jsx(o,{disabled:r})})},m=t.bind({});m.args={libraryIcon:{onClick:()=>{},tooltip:"View in library"}};const g=()=>e.jsxs(s,{labelLeft:!0,label:"Label",children:[e.jsx(o,{}),e.jsx(o,{})]});c.__docgenInfo={description:"",methods:[],displayName:"HelpTextBelow"};p.__docgenInfo={description:"",methods:[],displayName:"LockIcon"};g.__docgenInfo={description:"",methods:[],displayName:"TestWrappingFields"};var b,I,F;u.parameters={...u.parameters,docs:{...(b=u.parameters)==null?void 0:b.docs,source:{originalSource:`args => <Field {...args}>
1
+ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as P}from"./index-DhsZuJvc.js";import{F as s}from"./field-C5_fLDpy.js";import{I as o}from"./input-BW9trNAW.js";import{T as x}from"./text-B3-TSWok.js";import"./index-Bk2sglWO.js";import"./label-hiSz3I8H.js";import"./common-types-Sih75Sav.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./types-UmZ4Y_CR.js";import"./lodash-BHd_uQHh.js";const ge={title:"Forms/Field",component:s,args:{label:"Label",labelLeft:!1}},t=r=>e.jsx(s,{...r,children:e.jsx(o,{})}),u=t.bind({}),a=t.bind({});a.args={labelLeft:!0};const n=t.bind({});n.args={labelLeft:!0,labelWidth:"80px"};const l=t.bind({});l.args={helpText:"Tooltip goes here"};const i=t.bind({});i.args={onClickHelp:()=>{}};const c=r=>e.jsxs(e.Fragment,{children:[e.jsxs(s,{...r,children:[e.jsx(o,{}),e.jsx(x,{small:!0,faint:!0,children:"Help text goes here"})]}),e.jsxs(s,{...r,children:[e.jsx(o,{error:"Error text goes here"}),e.jsx(x,{small:!0,error:!0,children:"Error text goes here"})]}),e.jsxs(s,{...r,children:[e.jsx(o,{warning:"Error text goes here"}),e.jsx(x,{small:!0,warning:!0,children:"Warning text goes here"})]})]}),d=t.bind({});d.args={info:"Info goes here"};const p=()=>{const[r,K]=P.useState(!1),M=()=>K(!r);return e.jsx(s,{label:"Label",lock:{visible:!0,active:r,onClick:M,tooltip:r?"Unlock":"Lock",testId:"testId"},children:e.jsx(o,{disabled:r})})},m=t.bind({});m.args={libraryIcon:{onClick:()=>{},tooltip:"View in library"}};const g=()=>e.jsxs(s,{labelLeft:!0,label:"Label",children:[e.jsx(o,{}),e.jsx(o,{})]});c.__docgenInfo={description:"",methods:[],displayName:"HelpTextBelow"};p.__docgenInfo={description:"",methods:[],displayName:"LockIcon"};g.__docgenInfo={description:"",methods:[],displayName:"TestWrappingFields"};var b,I,F;u.parameters={...u.parameters,docs:{...(b=u.parameters)==null?void 0:b.docs,source:{originalSource:`args => <Field {...args}>
2
2
  <Input />
3
3
  </Field>`,...(F=(I=u.parameters)==null?void 0:I.docs)==null?void 0:F.source}}};var h,L,f;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`args => <Field {...args}>
4
4
  <Input />