@oliasoft-open-source/react-ui-library 4.0.0-beta-54 → 4.0.0-beta-56

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 (154) hide show
  1. package/dist/assets/{index-0376e2f1.css → index-2d59d5c8.css} +223 -223
  2. package/dist/assets/{index-74e27221.js → index-f8e95fed.js} +98 -98
  3. package/dist/global.css +223 -223
  4. package/dist/index.html +1 -1
  5. package/dist/index.js +98 -98
  6. package/dist/storybook/assets/Color-6VNJS4EI-f5b164cb.js +1 -0
  7. package/dist/storybook/assets/DocsRenderer-NNNQARDV-3b2a003c.js +1 -0
  8. package/dist/storybook/assets/WithTooltip-4HIR6TLV-660c1375.js +1 -0
  9. package/dist/storybook/assets/{accordion-1c9c8a58.js → accordion-e03fde2a.js} +1 -1
  10. package/dist/storybook/assets/accordion-e6b28b2f.css +1 -0
  11. package/dist/storybook/assets/{accordion.stories-211a0941.js → accordion.stories-bda1ae4f.js} +2 -2
  12. package/dist/storybook/assets/{actions-6b65cbff.js → actions-f8fd4018.js} +1 -1
  13. package/dist/storybook/assets/{actions.stories-6137d4ef.js → actions.stories-b6a34775.js} +1 -1
  14. package/dist/storybook/assets/{afe.stories-825f8189.js → afe.stories-2715773c.js} +2 -2
  15. package/dist/storybook/assets/{badge.stories-7a95373d.js → badge.stories-b06c4eb6.js} +1 -1
  16. package/dist/storybook/assets/{blowout.stories-c0585012.js → blowout.stories-e3a528b9.js} +1 -1
  17. package/dist/storybook/assets/{button-61beba21.js → button-9ba2f9d9.js} +1 -1
  18. package/dist/storybook/assets/{button-group-58c38de1.js → button-group-25b7ef39.js} +1 -1
  19. package/dist/storybook/assets/{button-group.stories-d468c45f.js → button-group.stories-a926a4f7.js} +1 -1
  20. package/dist/storybook/assets/{button.stories-1cb338de.js → button.stories-f0c0b1a2.js} +1 -1
  21. package/dist/storybook/assets/buttons-and-links-103b75c8.js +14 -0
  22. package/dist/storybook/assets/card-13420d4a.css +1 -0
  23. package/dist/storybook/assets/card-3847c251.js +1 -0
  24. package/dist/storybook/assets/{card.stories-5ed6ba1e.js → card.stories-3c963363.js} +1 -1
  25. package/dist/storybook/assets/{casing-loads.stories-27d2752a.js → casing-loads.stories-6d2f2b37.js} +2 -2
  26. package/dist/storybook/assets/{cell.stories-97c6fa45.js → cell.stories-92d2084f.js} +2 -2
  27. package/dist/storybook/assets/{check-box-68cd3d2f.js → check-box-7706d069.js} +1 -1
  28. package/dist/storybook/assets/{check-box.stories-34449233.js → check-box.stories-bbaf5ca8.js} +1 -1
  29. package/dist/storybook/assets/{chunk-HLWAVYOI-372f53a5.js → chunk-HLWAVYOI-4cd7592b.js} +1 -1
  30. package/dist/storybook/assets/color-ae2652cd.js +25 -0
  31. package/dist/storybook/assets/{column.stories-49753a68.js → column.stories-677ce5ea.js} +1 -1
  32. package/dist/storybook/assets/dialog-aa7b2a62.js +1 -0
  33. package/dist/storybook/assets/dialog-db92ec70.css +1 -0
  34. package/dist/storybook/assets/{drawer-e0faf46d.js → drawer-3caec0f2.js} +2 -2
  35. package/dist/storybook/assets/drawer-44f8763b.css +1 -0
  36. package/dist/storybook/assets/{drawer.stories-d339f890.js → drawer.stories-90d4ccbb.js} +2 -2
  37. package/dist/storybook/assets/{empty.stories-0f0aeb01.js → empty.stories-94b69f95.js} +1 -1
  38. package/dist/storybook/assets/{field-51d743eb.js → field-ea8dc7c8.js} +1 -1
  39. package/dist/storybook/assets/{field.stories-7017cc5f.js → field.stories-093ada6a.js} +1 -1
  40. package/dist/storybook/assets/{file-input.stories-88a82a9e.js → file-input.stories-712d08ee.js} +1 -1
  41. package/dist/storybook/assets/{flex-1d14d86c.js → flex-47732c42.js} +1 -1
  42. package/dist/storybook/assets/{flex.stories-58a2cc4b.js → flex.stories-057c4495.js} +1 -1
  43. package/dist/storybook/assets/footer.stories-2bf6ad68.js +3 -0
  44. package/dist/storybook/assets/form.stories-45d7fe9b.js +49 -0
  45. package/dist/storybook/assets/formation.stories-e0929625.js +74 -0
  46. package/dist/storybook/assets/{formatter-SWP5E3XI-75f6b799.js → formatter-SWP5E3XI-07eafcdb.js} +2 -2
  47. package/dist/storybook/assets/{grid.stories-7c153c63.js → grid.stories-9c914a43.js} +1 -1
  48. package/dist/storybook/assets/{heading-5d1d2bfd.js → heading-e7d165ab.js} +1 -1
  49. package/dist/storybook/assets/{heading.stories-480b6273.js → heading.stories-0deaa288.js} +1 -1
  50. package/dist/storybook/assets/{help-icon-48633ef4.js → help-icon-45458fb1.js} +1 -1
  51. package/dist/storybook/assets/{help-icon.stories-d2bcc871.js → help-icon.stories-61d1960c.js} +1 -1
  52. package/dist/storybook/assets/icon-afbea088.js +8 -0
  53. package/dist/storybook/assets/{icon.stories-e4c5081e.js → icon.stories-738838fc.js} +1 -1
  54. package/dist/storybook/assets/iframe-1946c701.js +1 -0
  55. package/dist/storybook/assets/{index-5a2d8f2e.js → index-344eea21.js} +8 -8
  56. package/dist/storybook/assets/{index.es-4496b27d.js → index.es-ddd8aaab.js} +4 -4
  57. package/dist/storybook/assets/inheritsLoose-d4851ab8.js +1 -0
  58. package/dist/storybook/assets/{input-8cbac50c.js → input-d116362c.js} +1 -1
  59. package/dist/storybook/assets/{input-group.stories-c04a7c0a.js → input-group.stories-fb41f645.js} +2 -2
  60. package/dist/storybook/assets/{input-validation-c45f252d.js → input-validation-8ca51fbc.js} +2 -2
  61. package/dist/storybook/assets/{input.stories-cf8786ce.js → input.stories-45602b99.js} +1 -1
  62. package/dist/storybook/assets/{inputs-c7a3bba8.js → inputs-649e0d13.js} +2 -2
  63. package/dist/storybook/assets/{label-305bf982.js → label-87bf6474.js} +1 -1
  64. package/dist/storybook/assets/{label.stories-1af9861e.js → label.stories-f7085c22.js} +1 -1
  65. package/dist/storybook/assets/layout-forms-e0d086d9.js +16 -0
  66. package/dist/storybook/assets/{layout-general-002d86af.js → layout-general-a86b2992.js} +2 -2
  67. package/dist/storybook/assets/{list-2d8d5220.js → list-f9796442.js} +1 -1
  68. package/dist/storybook/assets/list-heading-12a69c44.js +1 -0
  69. package/dist/storybook/assets/list-heading-c5b15447.css +1 -0
  70. package/dist/storybook/assets/{list.stories-af867b90.js → list.stories-b0e1adff.js} +2 -2
  71. package/dist/storybook/assets/{list.stories-data-f43f6be8.js → list.stories-data-dae4a006.js} +1 -1
  72. package/dist/storybook/assets/{loader.stories-711b9794.js → loader.stories-4a7d5cd5.js} +1 -1
  73. package/dist/storybook/assets/{menu.stories-data-0d3161d5.js → menu.stories-data-50e9f9fe.js} +1 -1
  74. package/dist/storybook/assets/{menu.stories-2b6c5ddc.js → menu.stories-de7b259c.js} +1 -1
  75. package/dist/storybook/assets/{message.stories-6bda91aa.js → message.stories-4f10f398.js} +1 -1
  76. package/dist/storybook/assets/{modal.stories-a7ad8c3a.js → modal.stories-526b9113.js} +2 -2
  77. package/dist/storybook/assets/{number-input-8c96cda7.js → number-input-2867677b.js} +1 -1
  78. package/dist/storybook/assets/{number-input.stories-af2b6310.js → number-input.stories-1a5c2ff7.js} +2 -2
  79. package/dist/storybook/assets/{option-dropdown.stories-620e32fc.js → option-dropdown.stories-4fb3e093.js} +1 -1
  80. package/dist/storybook/assets/{padding-and-spacing-dc5595b9.js → padding-and-spacing-2bc04dd2.js} +2 -2
  81. package/dist/storybook/assets/{page.stories-bf5a5a18.js → page.stories-930e5698.js} +1 -1
  82. package/dist/storybook/assets/{pagination-b6c2b776.js → pagination-7d4f4b5e.js} +1 -1
  83. package/dist/storybook/assets/{pagination.stories-46176c59.js → pagination.stories-3ff9fcd6.js} +2 -2
  84. package/dist/storybook/assets/{pop-confirm.stories-d57e73ac.js → pop-confirm.stories-5c83375c.js} +1 -1
  85. package/dist/storybook/assets/{popover-8a585577.js → popover-145ebd5a.js} +1 -1
  86. package/dist/storybook/assets/popover.stories-3b7114c2.js +1 -0
  87. package/dist/storybook/assets/{preview-4e3a36e0.js → preview-7f0f880d.js} +2 -2
  88. package/dist/storybook/assets/{preview-fa9f5911.css → preview-a9d7d049.css} +1 -1
  89. package/dist/storybook/assets/preview-eccb9f17.js +1 -0
  90. package/dist/storybook/assets/projects.stories-aaebf8ac.js +47 -0
  91. package/dist/storybook/assets/{radio-button-b877ae56.js → radio-button-b7f25f00.js} +1 -1
  92. package/dist/storybook/assets/{radio-button.stories-3b892a10.js → radio-button.stories-b5f9a271.js} +1 -1
  93. package/dist/storybook/assets/{reservoirs.stories-c92158d0.js → reservoirs.stories-ccb16b5d.js} +2 -2
  94. package/dist/storybook/assets/{rich-text-input.stories-36c55103.js → rich-text-input.stories-097bbb86.js} +3 -3
  95. package/dist/storybook/assets/{row.stories-24072d76.js → row.stories-eb999f1b.js} +2 -2
  96. package/dist/storybook/assets/select-aeef7d5c.js +1 -0
  97. package/dist/storybook/assets/{select.stories-b623c717.js → select.stories-949f000f.js} +2 -2
  98. package/dist/storybook/assets/{side-bar-314d18b9.js → side-bar-d03fce4d.js} +1 -1
  99. package/dist/storybook/assets/{side-bar.stories-ed2e47d6.js → side-bar.stories-b8869796.js} +1 -1
  100. package/dist/storybook/assets/{site.stories-e436f263.js → site.stories-e6eb7dfd.js} +2 -2
  101. package/dist/storybook/assets/slider-313babda.js +7 -0
  102. package/dist/storybook/assets/{slider.stories-aa3b568f.js → slider.stories-d83aff03.js} +2 -2
  103. package/dist/storybook/assets/{spacer.stories-05b77a14.js → spacer.stories-0ef7c8ac.js} +1 -1
  104. package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-0e5907b6.js +1 -0
  105. package/dist/storybook/assets/{table-c216363a.js → table-161c105d.js} +1 -1
  106. package/dist/storybook/assets/table-a13ac865.css +1 -0
  107. package/dist/storybook/assets/{table.stories-data-865e8af6.js → table.stories-data-88050724.js} +1 -1
  108. package/dist/storybook/assets/{table.stories-cbf5e660.js → table.stories-f56557b7.js} +2 -2
  109. package/dist/storybook/assets/{textarea-d5858301.js → textarea-cd192287.js} +1 -1
  110. package/dist/storybook/assets/{textarea.stories-997a728c.js → textarea.stories-72c40473.js} +1 -1
  111. package/dist/storybook/assets/{title.stories-ef8c16c1.js → title.stories-cb6f9f0f.js} +2 -2
  112. package/dist/storybook/assets/{toaster-8b706c13.js → toaster-22baa752.js} +1 -1
  113. package/dist/storybook/assets/{toaster.stories-b5f75da0.js → toaster.stories-b0bd3369.js} +1 -1
  114. package/dist/storybook/assets/{toggle-e5c5d3be.js → toggle-e8622d72.js} +1 -1
  115. package/dist/storybook/assets/{toggle.stories-32a7950a.js → toggle.stories-f186fa2f.js} +1 -1
  116. package/dist/storybook/assets/{tooltip-856042a7.js → tooltip-23e84186.js} +1 -1
  117. package/dist/storybook/assets/{tooltip.stories-666868d0.js → tooltip.stories-e8ba5fff.js} +1 -1
  118. package/dist/storybook/assets/{tooltip.test-case.stories-3eb2e069.js → tooltip.test-case.stories-d804cd47.js} +1 -1
  119. package/dist/storybook/assets/{top-bar-aba07c83.js → top-bar-9ff51763.js} +1 -1
  120. package/dist/storybook/assets/{top-bar.stories-1eb96816.js → top-bar.stories-3c43fe36.js} +1 -1
  121. package/dist/storybook/assets/{top-bar.testcase.stories-689e8333.js → top-bar.testcase.stories-e38d8db2.js} +1 -1
  122. package/dist/storybook/assets/{tree.stories-14a1eca8.js → tree.stories-4013a034.js} +1 -1
  123. package/dist/storybook/assets/{types-a5ffa243.js → types-6ba4c093.js} +1 -1
  124. package/dist/storybook/iframe.html +1 -1
  125. package/dist/storybook/project.json +1 -1
  126. package/package.json +1 -1
  127. package/dist/storybook/assets/Color-6VNJS4EI-e795cc02.js +0 -1
  128. package/dist/storybook/assets/DocsRenderer-NNNQARDV-def39a53.js +0 -1
  129. package/dist/storybook/assets/WithTooltip-4HIR6TLV-416b869e.js +0 -1
  130. package/dist/storybook/assets/accordion-83b19011.css +0 -1
  131. package/dist/storybook/assets/buttons-and-links-8c2a6402.js +0 -14
  132. package/dist/storybook/assets/card-0e97f333.js +0 -1
  133. package/dist/storybook/assets/card-c1c32f6b.css +0 -1
  134. package/dist/storybook/assets/color-a4161ef0.js +0 -25
  135. package/dist/storybook/assets/dialog-6a918041.js +0 -1
  136. package/dist/storybook/assets/dialog-94371237.css +0 -1
  137. package/dist/storybook/assets/drawer-2ba71b5e.css +0 -1
  138. package/dist/storybook/assets/extends-98964cd2.js +0 -1
  139. package/dist/storybook/assets/footer.stories-793cdbde.js +0 -3
  140. package/dist/storybook/assets/form.stories-0cafbd00.js +0 -49
  141. package/dist/storybook/assets/formation.stories-65748958.js +0 -74
  142. package/dist/storybook/assets/icon-c9698f36.js +0 -8
  143. package/dist/storybook/assets/iframe-5a7e9368.js +0 -1
  144. package/dist/storybook/assets/inheritsLoose-c82a83d4.js +0 -1
  145. package/dist/storybook/assets/layout-forms-f57d849a.js +0 -16
  146. package/dist/storybook/assets/list-heading-7615c8e6.css +0 -1
  147. package/dist/storybook/assets/list-heading-a328b18f.js +0 -1
  148. package/dist/storybook/assets/popover.stories-9f657fea.js +0 -1
  149. package/dist/storybook/assets/preview-2a0d715a.js +0 -1
  150. package/dist/storybook/assets/projects.stories-8cfe2c00.js +0 -47
  151. package/dist/storybook/assets/select-91388524.js +0 -1
  152. package/dist/storybook/assets/slider-89f379a5.js +0 -7
  153. package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-8d4ff828.js +0 -1
  154. package/dist/storybook/assets/table-dedd549f.css +0 -1
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as l}from"./index-f80c8c95.js";import{I as F}from"./common-types-2c81813f.js";import{T as w}from"./top-bar-aba07c83.js";import{S as C}from"./side-bar-314d18b9.js";import{H as n}from"./heading-5d1d2bfd.js";import{B as s}from"./button-61beba21.js";import{D as I}from"./drawer-e0faf46d.js";import{L as T}from"./list-2d8d5220.js";import{F as i}from"./field-51d743eb.js";import{I as d}from"./input-8cbac50c.js";import{A as E}from"./accordion-1c9c8a58.js";import{C as a}from"./check-box-68cd3d2f.js";import{F as p}from"./form-row-19dd7f6e.js";import{P as R}from"./page-6d07f774.js";import{R as A,C as B}from"./row-2f12e486.js";import{S as m}from"./select-91388524.js";import{S as u}from"./spacer-54db0620.js";import{T as k}from"./tabs-087681cd.js";import{I as L}from"./input-group-20c3add3.js";import{I as U}from"./input-group-addon-f8f6683a.js";import"./index-a80ed1cf.js";import"./icon-c9698f36.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-6b65cbff.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./help-icon-48633ef4.js";import"./spinner-cb92a546.js";import"./index.es-4496b27d.js";import"./extends-98964cd2.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-0e97f333.js";import"./list-heading-a328b18f.js";import"./loader-87ec8334.js";import"./label-305bf982.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";const c=[{label:"Settings",value:"settings"},{label:"Simulation Results",value:"results"}],H=["30, Conductor, Casing","20, Surface, Casing","13 3/8, Intermediate, Casing","11 3/4, Surface, Casing","9 5/8, Production, Casing"],ke={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>{const[r,g]=l.useState(!0),[f,j]=l.useState(c[0]);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(C,{options:{title:"",sections:[]}}),e.jsx(R,{padding:!1,scroll:!1,children:e.jsxs(A,{spacing:0,height:"100%",children:[e.jsx(I,{button:e.jsx(s,{onClick:()=>g(!r),round:!0,icon:F.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(T,{drawer:!0,narrow:!r,list:{name:"AFE Simulation",items:[{id:1,name:"Simulation name here",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(B,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsx(n,{top:!0,children:"Simulation name here"}),e.jsx(k,{options:c,value:f,onChange:o=>{const{value:v,label:S}=o.target;j({value:v,label:S})},margin:0}),e.jsx(u,{}),e.jsxs(p,{children:[e.jsx(i,{label:"Name",children:e.jsx(d,{value:"Simulation name here",width:"200px"})}),e.jsx(i,{label:"Initial condition",children:e.jsx(m,{options:[{label:"E3 - Circulation through drillpipe",value:"e3"}],value:{label:"E3 - Circulation through drillpipe",value:"e3"},native:!0})})]}),H.map(o=>e.jsxs("div",{children:[e.jsx(E,{heading:e.jsx(n,{children:o}),managed:!0,bordered:!0,children:e.jsxs(p,{children:[e.jsx(i,{label:"Leak off @TVD 425",children:e.jsx(a,{label:"Use formation data",checked:!0})}),e.jsx(i,{children:e.jsxs(L,{children:[e.jsx(d,{width:"200px",disabled:!0,value:"1.532142857142857"}),e.jsx(U,{children:"m"})]})}),e.jsx(i,{children:e.jsx(a,{label:"Gas cap"})}),e.jsx(i,{children:e.jsx(a,{label:"Max allowable pressure buildup"})})]})}),e.jsx(u,{})]},o)),e.jsx(i,{label:"Final condition",children:e.jsx(m,{options:[{label:"Undisturbed",value:"Undisturbed"}],value:{label:"Undisturbed",value:"Undisturbed"},native:!0,width:"auto"})}),e.jsx(s,{label:"Simulate",colored:!0})]})]})})]})};var h,b,x;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as l}from"./index-f80c8c95.js";import{I as F}from"./common-types-2c81813f.js";import{T as w}from"./top-bar-9ff51763.js";import{S as C}from"./side-bar-d03fce4d.js";import{H as n}from"./heading-e7d165ab.js";import{B as s}from"./button-9ba2f9d9.js";import{D as I}from"./drawer-3caec0f2.js";import{L as T}from"./list-f9796442.js";import{F as i}from"./field-ea8dc7c8.js";import{I as d}from"./input-d116362c.js";import{A as E}from"./accordion-e03fde2a.js";import{C as a}from"./check-box-7706d069.js";import{F as p}from"./form-row-19dd7f6e.js";import{P as R}from"./page-6d07f774.js";import{R as A,C as B}from"./row-2f12e486.js";import{S as m}from"./select-aeef7d5c.js";import{S as u}from"./spacer-54db0620.js";import{T as k}from"./tabs-087681cd.js";import{I as L}from"./input-group-20c3add3.js";import{I as U}from"./input-group-addon-f8f6683a.js";import"./index-a80ed1cf.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-f8fd4018.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./help-icon-45458fb1.js";import"./spinner-cb92a546.js";import"./index.es-ddd8aaab.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-12a69c44.js";import"./loader-87ec8334.js";import"./label-87bf6474.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";const c=[{label:"Settings",value:"settings"},{label:"Simulation Results",value:"results"}],H=["30, Conductor, Casing","20, Surface, Casing","13 3/8, Intermediate, Casing","11 3/4, Surface, Casing","9 5/8, Production, Casing"],Be={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>{const[r,g]=l.useState(!0),[f,j]=l.useState(c[0]);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(C,{options:{title:"",sections:[]}}),e.jsx(R,{padding:!1,scroll:!1,children:e.jsxs(A,{spacing:0,height:"100%",children:[e.jsx(I,{button:e.jsx(s,{onClick:()=>g(!r),round:!0,icon:F.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(T,{drawer:!0,narrow:!r,list:{name:"AFE Simulation",items:[{id:1,name:"Simulation name here",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(B,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsx(n,{top:!0,children:"Simulation name here"}),e.jsx(k,{options:c,value:f,onChange:o=>{const{value:v,label:S}=o.target;j({value:v,label:S})},margin:0}),e.jsx(u,{}),e.jsxs(p,{children:[e.jsx(i,{label:"Name",children:e.jsx(d,{value:"Simulation name here",width:"200px"})}),e.jsx(i,{label:"Initial condition",children:e.jsx(m,{options:[{label:"E3 - Circulation through drillpipe",value:"e3"}],value:{label:"E3 - Circulation through drillpipe",value:"e3"},native:!0})})]}),H.map(o=>e.jsxs("div",{children:[e.jsx(E,{heading:e.jsx(n,{children:o}),managed:!0,bordered:!0,children:e.jsxs(p,{children:[e.jsx(i,{label:"Leak off @TVD 425",children:e.jsx(a,{label:"Use formation data",checked:!0})}),e.jsx(i,{children:e.jsxs(L,{children:[e.jsx(d,{width:"200px",disabled:!0,value:"1.532142857142857"}),e.jsx(U,{children:"m"})]})}),e.jsx(i,{children:e.jsx(a,{label:"Gas cap"})}),e.jsx(i,{children:e.jsx(a,{label:"Max allowable pressure buildup"})})]})}),e.jsx(u,{})]},o)),e.jsx(i,{label:"Final condition",children:e.jsx(m,{options:[{label:"Undisturbed",value:"Undisturbed"}],value:{label:"Undisturbed",value:"Undisturbed"},native:!0,width:"auto"})}),e.jsx(s,{label:"Simulate",colored:!0})]})]})})]})};var h,b,x;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`() => {
2
2
  const [open, setOpen] = useState(true);
3
3
  const [selectedTab, setSelectedTab] = useState(options[0]);
4
4
  return <>
@@ -85,4 +85,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as l}from"./index-f80c8c9
85
85
  </Row>
86
86
  </Page>
87
87
  </>;
88
- }`,...(x=(b=t.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};t.__docgenInfo={description:"",methods:[],displayName:"AFESimulation"};const Le=["AFESimulation"];export{t as AFESimulation,Le as __namedExportsOrder,ke as default};
88
+ }`,...(x=(b=t.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};t.__docgenInfo={description:"",methods:[],displayName:"AFESimulation"};const ke=["AFESimulation"];export{t as AFESimulation,ke as __namedExportsOrder,Be as default};
@@ -1 +1 @@
1
- import{j as h}from"./jsx-runtime-f961835c.js";import{B as v}from"./badge-3abf067b.js";import{B as k}from"./button-61beba21.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-c9698f36.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";const L={title:"Basic/Badge",component:v,args:{title:"3",color:"",small:!1,children:h.jsx(k,{name:"example",label:"Button",onClick:()=>{}})}},r=E=>h.jsx(v,{...E}),m=r.bind({}),e=r.bind({});e.args={small:!0};const a=r.bind({});a.args={dot:!0,title:void 0};const s=r.bind({});s.args={children:void 0};const o=r.bind({});o.args={title:null};const t=r.bind({});t.args={small:!0,title:null};var c,i,l;m.parameters={...m.parameters,docs:{...(c=m.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Badge {...args} />",...(l=(i=m.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};var p,d,n;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:"args => <Badge {...args} />",...(n=(d=e.parameters)==null?void 0:d.docs)==null?void 0:n.source}}};var g,u,B;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:"args => <Badge {...args} />",...(B=(u=a.parameters)==null?void 0:u.docs)==null?void 0:B.source}}};var S,T,b;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:"args => <Badge {...args} />",...(b=(T=s.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var f,x,j;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Badge {...args} />",...(j=(x=o.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};var D,N,_;t.parameters={...t.parameters,docs:{...(D=t.parameters)==null?void 0:D.docs,source:{originalSource:"args => <Badge {...args} />",...(_=(N=t.parameters)==null?void 0:N.docs)==null?void 0:_.source}}};const M=["Default","Small","Dot","Standalone","TestNoTitle","TestSmallNoTitle"];export{m as Default,a as Dot,e as Small,s as Standalone,o as TestNoTitle,t as TestSmallNoTitle,M as __namedExportsOrder,L as default};
1
+ import{j as h}from"./jsx-runtime-f961835c.js";import{B as v}from"./badge-3abf067b.js";import{B as k}from"./button-9ba2f9d9.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const L={title:"Basic/Badge",component:v,args:{title:"3",color:"",small:!1,children:h.jsx(k,{name:"example",label:"Button",onClick:()=>{}})}},r=E=>h.jsx(v,{...E}),m=r.bind({}),e=r.bind({});e.args={small:!0};const a=r.bind({});a.args={dot:!0,title:void 0};const s=r.bind({});s.args={children:void 0};const o=r.bind({});o.args={title:null};const t=r.bind({});t.args={small:!0,title:null};var c,i,l;m.parameters={...m.parameters,docs:{...(c=m.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Badge {...args} />",...(l=(i=m.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};var p,d,n;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:"args => <Badge {...args} />",...(n=(d=e.parameters)==null?void 0:d.docs)==null?void 0:n.source}}};var g,u,B;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:"args => <Badge {...args} />",...(B=(u=a.parameters)==null?void 0:u.docs)==null?void 0:B.source}}};var S,T,b;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:"args => <Badge {...args} />",...(b=(T=s.parameters)==null?void 0:T.docs)==null?void 0:b.source}}};var f,x,j;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Badge {...args} />",...(j=(x=o.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};var D,N,_;t.parameters={...t.parameters,docs:{...(D=t.parameters)==null?void 0:D.docs,source:{originalSource:"args => <Badge {...args} />",...(_=(N=t.parameters)==null?void 0:N.docs)==null?void 0:_.source}}};const M=["Default","Small","Dot","Standalone","TestNoTitle","TestSmallNoTitle"];export{m as Default,a as Dot,e as Small,s as Standalone,o as TestNoTitle,t as TestSmallNoTitle,M as __namedExportsOrder,L as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{I as u}from"./common-types-2c81813f.js";import{T as h}from"./top-bar-aba07c83.js";import{S as g}from"./side-bar-314d18b9.js";import{H as o}from"./heading-5d1d2bfd.js";import{B as a}from"./button-61beba21.js";import{C as i}from"./card-0e97f333.js";import{P as x}from"./page-6d07f774.js";import{R as s,C as n}from"./row-2f12e486.js";import{S as r}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-c9698f36.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-6b65cbff.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./drawer-e0faf46d.js";import"./help-icon-48633ef4.js";import"./spinner-cb92a546.js";import"./styled-components.browser.esm-416d73e5.js";const C=({width:p,height:c})=>e.jsx("div",{style:{background:"#ddd",width:p,height:c}}),K={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>e.jsxs(e.Fragment,{children:[e.jsx(h,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(x,{padding:"var(--padding)",children:[e.jsxs(s,{children:[e.jsx(n,{width:"80px",children:e.jsx(C,{width:60,height:80})}),e.jsxs(n,{children:[e.jsx(o,{top:!0,children:"Blowout Simulation"}),e.jsx(a,{colored:!0,label:"Save & run simulation"})]}),e.jsx(n,{flex:!1,children:e.jsx(a,{onClick:()=>{},round:!0,icon:u.HELP})})]}),e.jsx(r,{}),e.jsxs(s,{children:[e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Reservoir Zones"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Models"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Options"}),children:"Content"})]}),e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Drill String"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Surface Roughness"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Weighted Rates"}),children:"Content"})]})]})]})]});var d,l,m;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{I as u}from"./common-types-2c81813f.js";import{T as h}from"./top-bar-9ff51763.js";import{S as g}from"./side-bar-d03fce4d.js";import{H as o}from"./heading-e7d165ab.js";import{B as a}from"./button-9ba2f9d9.js";import{C as i}from"./card-3847c251.js";import{P as x}from"./page-6d07f774.js";import{R as s,C as n}from"./row-2f12e486.js";import{S as r}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-f8fd4018.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./drawer-3caec0f2.js";import"./help-icon-45458fb1.js";import"./spinner-cb92a546.js";import"./styled-components.browser.esm-416d73e5.js";const C=({width:p,height:c})=>e.jsx("div",{style:{background:"#ddd",width:p,height:c}}),K={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>e.jsxs(e.Fragment,{children:[e.jsx(h,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(x,{padding:"var(--padding)",children:[e.jsxs(s,{children:[e.jsx(n,{width:"80px",children:e.jsx(C,{width:60,height:80})}),e.jsxs(n,{children:[e.jsx(o,{top:!0,children:"Blowout Simulation"}),e.jsx(a,{colored:!0,label:"Save & run simulation"})]}),e.jsx(n,{flex:!1,children:e.jsx(a,{onClick:()=>{},round:!0,icon:u.HELP})})]}),e.jsx(r,{}),e.jsxs(s,{children:[e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Reservoir Zones"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Models"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Simulation Options"}),children:"Content"})]}),e.jsxs(n,{children:[e.jsx(i,{heading:e.jsx(o,{children:"Drill String"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Surface Roughness"}),children:"Content"}),e.jsx(r,{}),e.jsx(i,{heading:e.jsx(o,{children:"Weighted Rates"}),children:"Content"})]})]})]})]});var d,l,m;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`() => {
2
2
  return <>
3
3
  <TopBar />
4
4
  <SideBar options={{
@@ -1 +1 @@
1
- import{j as a}from"./jsx-runtime-f961835c.js";import{r as M}from"./index-f80c8c95.js";import{c as j}from"./index-a80ed1cf.js";import{C as t,G as f}from"./common-types-2c81813f.js";import{D as w}from"./disabled-context-d654f6ff.js";import{S as C}from"./spinner-cb92a546.js";import{I as F}from"./icon-c9698f36.js";import{T as R}from"./tooltip-856042a7.js";const U="_inputInTable_19gdq_1",D="_inputHover_19gdq_13",L="_inputFocus_19gdq_18",G="_inputError_19gdq_25",H="_inputWarning_19gdq_26",W="_inputDisabled_19gdq_61",k="_hideScrollbars_19gdq_67",A="_button_19gdq_101",z="_active_19gdq_136",J="_green_19gdq_136",K="_red_19gdq_136",P="_orange_19gdq_136",Q="_icon_19gdq_148",X="_iconOnly_19gdq_154",Y="_basic_19gdq_164",Z="_muted_19gdq_170",$="_disabled_19gdq_189",ee="_small_19gdq_199",re="_pill_19gdq_204",ae="_round_19gdq_205",ne="_error_19gdq_277",te="_warning_19gdq_294",le="_inverted_19gdq_311",se="_groupOrderFirst_19gdq_341",ie="_groupOrderMiddle_19gdq_342",oe="_groupOrderLast_19gdq_343",e={inputInTable:U,inputHover:D,inputFocus:L,inputError:G,inputWarning:H,inputDisabled:W,hideScrollbars:k,button:A,active:z,green:J,red:K,orange:P,icon:Q,iconOnly:X,basic:Y,muted:Z,disabled:$,small:ee,pill:re,round:ae,error:ne,warning:te,inverted:le,groupOrderFirst:se,groupOrderMiddle:ie,groupOrderLast:oe};var l=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(l||{});const de=({children:r,tooltip:n=null})=>n?a.jsx(R,{text:n,display:"inline-flex",children:r}):a.jsx(a.Fragment,{children:r}),g=({active:r=!1,basic:n=!1,colored:s=!1,disabled:d=!1,groupOrder:u=null,icon:i=null,label:c="",loading:p=!1,name:q,pill:b=!1,round:v=!1,small:o=!1,styles:y="",width:O="",title:_="",type:T=l.BUTTON,onClick:V=()=>{},error:x,warning:E,testId:S,tooltip:N,inverted:B=!1})=>{const m=M.useContext(w),I=(()=>{if(s)switch(s){case t.DANGER:case t.RED:return e.red;case t.SUCCESS:case t.GREEN:return e.green;case t.MUTED:return e.muted;default:return e.orange}return""})(),h=(()=>{if(u)switch(u){case f.FIRST:return e.groupOrderFirst;case f.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return a.jsx(de,{tooltip:N,children:a.jsxs("button",{type:T===l.SUBMIT?l.SUBMIT:l.BUTTON,className:j(e.button,r?e.active:"",n?e.basic:"",I,d||m?e.disabled:"",(i||p)&&!c?e.iconOnly:"",B?e.inverted:"",h,b?e.pill:"",v?e.round:"",o?e.small:"",x?e.error:E?e.warning:"",y),disabled:d||m,name:q??"",onClick:V,..._?{title:_}:{},style:{width:O},"data-testid":S,children:[i&&a.jsx("span",{className:e.icon,children:a.jsx(F,{icon:i})}),p&&a.jsx("span",{className:e.icon,children:a.jsx(C,{small:!o,tiny:o,dark:!s&&!n,colored:n})}),c]})})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{active:{defaultValue:{value:"false"},description:"",name:"active",required:!1,type:{name:"boolean"}},basic:{defaultValue:{value:"false"},description:"",name:"basic",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"string | boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},icon:{defaultValue:{value:"null"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | null"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},pill:{defaultValue:{value:"false"},description:"",name:"pill",required:!1,type:{name:"boolean"}},round:{defaultValue:{value:"false"},description:"",name:"round",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},styles:{defaultValue:{value:""},description:"",name:"styles",required:!1,type:{name:"string"}},width:{defaultValue:{value:""},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:{value:"ButtonType.BUTTON"},description:"",name:"type",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}}}}}catch{}export{g as B,l as a};
1
+ import{j as a}from"./jsx-runtime-f961835c.js";import{r as M}from"./index-f80c8c95.js";import{c as j}from"./index-a80ed1cf.js";import{C as t,G as f}from"./common-types-2c81813f.js";import{D as w}from"./disabled-context-d654f6ff.js";import{S as C}from"./spinner-cb92a546.js";import{I as F}from"./icon-afbea088.js";import{T as R}from"./tooltip-23e84186.js";const U="_inputInTable_19gdq_1",D="_inputHover_19gdq_13",L="_inputFocus_19gdq_18",G="_inputError_19gdq_25",H="_inputWarning_19gdq_26",W="_inputDisabled_19gdq_61",k="_hideScrollbars_19gdq_67",A="_button_19gdq_101",z="_active_19gdq_136",J="_green_19gdq_136",K="_red_19gdq_136",P="_orange_19gdq_136",Q="_icon_19gdq_148",X="_iconOnly_19gdq_154",Y="_basic_19gdq_164",Z="_muted_19gdq_170",$="_disabled_19gdq_189",ee="_small_19gdq_199",re="_pill_19gdq_204",ae="_round_19gdq_205",ne="_error_19gdq_277",te="_warning_19gdq_294",le="_inverted_19gdq_311",se="_groupOrderFirst_19gdq_341",ie="_groupOrderMiddle_19gdq_342",oe="_groupOrderLast_19gdq_343",e={inputInTable:U,inputHover:D,inputFocus:L,inputError:G,inputWarning:H,inputDisabled:W,hideScrollbars:k,button:A,active:z,green:J,red:K,orange:P,icon:Q,iconOnly:X,basic:Y,muted:Z,disabled:$,small:ee,pill:re,round:ae,error:ne,warning:te,inverted:le,groupOrderFirst:se,groupOrderMiddle:ie,groupOrderLast:oe};var l=(r=>(r.SUBMIT="submit",r.BUTTON="button",r.RESET="reset",r))(l||{});const de=({children:r,tooltip:n=null})=>n?a.jsx(R,{text:n,display:"inline-flex",children:r}):a.jsx(a.Fragment,{children:r}),g=({active:r=!1,basic:n=!1,colored:s=!1,disabled:d=!1,groupOrder:u=null,icon:i=null,label:c="",loading:p=!1,name:q,pill:b=!1,round:v=!1,small:o=!1,styles:y="",width:O="",title:_="",type:T=l.BUTTON,onClick:V=()=>{},error:x,warning:E,testId:S,tooltip:N,inverted:B=!1})=>{const m=M.useContext(w),I=(()=>{if(s)switch(s){case t.DANGER:case t.RED:return e.red;case t.SUCCESS:case t.GREEN:return e.green;case t.MUTED:return e.muted;default:return e.orange}return""})(),h=(()=>{if(u)switch(u){case f.FIRST:return e.groupOrderFirst;case f.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return a.jsx(de,{tooltip:N,children:a.jsxs("button",{type:T===l.SUBMIT?l.SUBMIT:l.BUTTON,className:j(e.button,r?e.active:"",n?e.basic:"",I,d||m?e.disabled:"",(i||p)&&!c?e.iconOnly:"",B?e.inverted:"",h,b?e.pill:"",v?e.round:"",o?e.small:"",x?e.error:E?e.warning:"",y),disabled:d||m,name:q??"",onClick:V,..._?{title:_}:{},style:{width:O},"data-testid":S,children:[i&&a.jsx("span",{className:e.icon,children:a.jsx(F,{icon:i})}),p&&a.jsx("span",{className:e.icon,children:a.jsx(C,{small:!o,tiny:o,dark:!s&&!n,colored:n})}),c]})})};try{g.displayName="Button",g.__docgenInfo={description:"",displayName:"Button",props:{active:{defaultValue:{value:"false"},description:"",name:"active",required:!1,type:{name:"boolean"}},basic:{defaultValue:{value:"false"},description:"",name:"basic",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"string | boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},icon:{defaultValue:{value:"null"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | null"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},pill:{defaultValue:{value:"false"},description:"",name:"pill",required:!1,type:{name:"boolean"}},round:{defaultValue:{value:"false"},description:"",name:"round",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},styles:{defaultValue:{value:""},description:"",name:"styles",required:!1,type:{name:"string"}},width:{defaultValue:{value:""},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:{value:"ButtonType.BUTTON"},description:"",name:"type",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"boolean"}}}}}catch{}export{g as B,l as a};
@@ -1 +1 @@
1
- import{j as n}from"./jsx-runtime-f961835c.js";import{r as H}from"./index-f80c8c95.js";import{G as u}from"./common-types-2c81813f.js";import{D as P}from"./disabled-context-d654f6ff.js";import{i as c,g as R}from"./types-332ceaf3.js";import{B as W}from"./button-61beba21.js";import{T as K}from"./tooltip-856042a7.js";const M="_label_iu2wi_1",z="_buttonGroup_iu2wi_11",x={label:M,buttonGroup:z},h=p=>{const{basic:j=!1,items:m=[],header:f="",onSelected:_=()=>{},small:B=!1,value:g="",testId:T=void 0,disabled:b}=p,v=H.useContext(P),I=(e,t,r,s,a)=>{e.preventDefault(),e.stopPropagation(),!(b||a||v)&&_(t,r,s)},V=(e,t)=>t==="string"?e:t==="object"?e.label:t==="array"?e[1]:null,G=(e,t)=>t==="string"?e:t==="object"?e.value??"":t==="array"?e[0]??"":"",S=(e,t,r)=>t==="object"&&"key"in e?e.key:r,q=(e,t)=>t==="object"?e.hidden:!1,F=(e,t)=>t==="object"?e.icon:void 0,N=(e,t,r)=>e==="object"?String(t)===String(g):r===g,k=()=>{if(f)return n.jsx("label",{className:x.label,children:f})},C=()=>m.map((e,t)=>{const r=R(e),s=t===0?u.FIRST:t===m.length-1?u.LAST:u.MIDDLE,a=V(e,r),i=G(e,r),y=S(e,r,i),D=q(e,r),L=F(e,r),w=N(r,y,i),{error:l,maxTooltipWidth:O,testId:E,tooltip:d,warning:o}=e;return D?null:n.jsx(K,{error:!!l,warning:!!o,text:d||l||o,maxWidth:O,display:"block",enabled:d&&c(d)||l&&c(l)||o&&c(o)||!1,placement:"bottom-center",children:n.jsx(W,{active:w,basic:j,disabled:b||e.disabled,groupOrder:s,icon:L,label:a,onClick:A=>{I(A,y,i,typeof a=="string"?a:"",e.disabled||!1)},small:B,testId:E})},t)});return n.jsx("div",{children:n.jsxs("div",{children:[k(),n.jsx("div",{className:x.buttonGroup,"data-testid":T,children:C()})]})})};try{h.displayName="ButtonGroup",h.__docgenInfo={description:"",displayName:"ButtonGroup",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},basic:{defaultValue:null,description:"",name:"basic",required:!1,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!1,type:{name:"string[] | (string[] | IBtnGroupItemProps)[]"}},header:{defaultValue:null,description:"",name:"header",required:!1,type:{name:"string"}},onSelected:{defaultValue:null,description:"",name:"onSelected",required:!1,type:{name:"TFunction"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{h as B};
1
+ import{j as n}from"./jsx-runtime-f961835c.js";import{r as H}from"./index-f80c8c95.js";import{G as u}from"./common-types-2c81813f.js";import{D as P}from"./disabled-context-d654f6ff.js";import{i as c,g as R}from"./types-332ceaf3.js";import{B as W}from"./button-9ba2f9d9.js";import{T as K}from"./tooltip-23e84186.js";const M="_label_iu2wi_1",z="_buttonGroup_iu2wi_11",x={label:M,buttonGroup:z},h=p=>{const{basic:j=!1,items:m=[],header:f="",onSelected:_=()=>{},small:B=!1,value:g="",testId:T=void 0,disabled:b}=p,v=H.useContext(P),I=(e,t,r,s,a)=>{e.preventDefault(),e.stopPropagation(),!(b||a||v)&&_(t,r,s)},V=(e,t)=>t==="string"?e:t==="object"?e.label:t==="array"?e[1]:null,G=(e,t)=>t==="string"?e:t==="object"?e.value??"":t==="array"?e[0]??"":"",S=(e,t,r)=>t==="object"&&"key"in e?e.key:r,q=(e,t)=>t==="object"?e.hidden:!1,F=(e,t)=>t==="object"?e.icon:void 0,N=(e,t,r)=>e==="object"?String(t)===String(g):r===g,k=()=>{if(f)return n.jsx("label",{className:x.label,children:f})},C=()=>m.map((e,t)=>{const r=R(e),s=t===0?u.FIRST:t===m.length-1?u.LAST:u.MIDDLE,a=V(e,r),i=G(e,r),y=S(e,r,i),D=q(e,r),L=F(e,r),w=N(r,y,i),{error:l,maxTooltipWidth:O,testId:E,tooltip:d,warning:o}=e;return D?null:n.jsx(K,{error:!!l,warning:!!o,text:d||l||o,maxWidth:O,display:"block",enabled:d&&c(d)||l&&c(l)||o&&c(o)||!1,placement:"bottom-center",children:n.jsx(W,{active:w,basic:j,disabled:b||e.disabled,groupOrder:s,icon:L,label:a,onClick:A=>{I(A,y,i,typeof a=="string"?a:"",e.disabled||!1)},small:B,testId:E})},t)});return n.jsx("div",{children:n.jsxs("div",{children:[k(),n.jsx("div",{className:x.buttonGroup,"data-testid":T,children:C()})]})})};try{h.displayName="ButtonGroup",h.__docgenInfo={description:"",displayName:"ButtonGroup",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},basic:{defaultValue:null,description:"",name:"basic",required:!1,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!1,type:{name:"string[] | (string[] | IBtnGroupItemProps)[]"}},header:{defaultValue:null,description:"",name:"header",required:!1,type:{name:"string"}},onSelected:{defaultValue:null,description:"",name:"onSelected",required:!1,type:{name:"TFunction"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{h as B};
@@ -1,4 +1,4 @@
1
- import{j as B}from"./jsx-runtime-f961835c.js";import{B as G}from"./button-group-58c38de1.js";import"./index-f80c8c95.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./button-61beba21.js";import"./index-a80ed1cf.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-c9698f36.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";const I=[{key:"0",label:"Aardvarks",value:"termites"},{key:"1",label:"Kangaroos",value:"grass"},{key:"2",label:"Monkeys",value:"bananas"},{key:"3",label:"Possums",value:"slugs",hidden:!0},{key:"4",label:"Pandas",value:"bamboo",disabled:!0}],K=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],M=["One","Two","Three"],P=[["first_item","One"],["second_item","Two"],["third_item","Three"]],F=[{key:"0",label:"Aardvarks",value:"termites",tooltip:"Eats 50k termites / night"},{key:"1",label:"Kangaroos",value:"grass",tooltip:B.jsx("span",{children:"Babies are called joeys"})},{key:"2",label:"Monkeys",value:"bananas",warning:"A bit cheeky"},{key:"3",label:"Pandas",value:"bamboo",disabled:!0,tooltip:"Extinct"}],{useArgs:R}=__STORYBOOK_MODULE_ADDONS__,ae={title:"Forms/ButtonGroup",component:G,args:{disabled:!1,items:I,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},e=D=>{const[U,N]=R(),E=w=>{N({value:w})};return B.jsx(G,{...D,onSelected:E})},l=e.bind({}),n=e.bind({});n.args={items:K};const a=e.bind({});a.args={items:F};const t=e.bind({});t.args={disabled:!0};const o=e.bind({});o.args={small:!0};const r=e.bind({});r.args={items:M};r.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const s=e.bind({});s.args={items:P};s.parameters={docs:{description:{story:"Avoid this deprecated legacy usage (still supported, but may be removed in future)."}}};var i,u,d;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
1
+ import{j as B}from"./jsx-runtime-f961835c.js";import{B as G}from"./button-group-25b7ef39.js";import"./index-f80c8c95.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./button-9ba2f9d9.js";import"./index-a80ed1cf.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const I=[{key:"0",label:"Aardvarks",value:"termites"},{key:"1",label:"Kangaroos",value:"grass"},{key:"2",label:"Monkeys",value:"bananas"},{key:"3",label:"Possums",value:"slugs",hidden:!0},{key:"4",label:"Pandas",value:"bamboo",disabled:!0}],K=[{key:"0",label:"Upload",value:"upload",icon:"upload"},{key:"1",label:"Delete",value:"delete",icon:"delete"},{key:"2",label:"Help",value:"help",icon:"help"}],M=["One","Two","Three"],P=[["first_item","One"],["second_item","Two"],["third_item","Three"]],F=[{key:"0",label:"Aardvarks",value:"termites",tooltip:"Eats 50k termites / night"},{key:"1",label:"Kangaroos",value:"grass",tooltip:B.jsx("span",{children:"Babies are called joeys"})},{key:"2",label:"Monkeys",value:"bananas",warning:"A bit cheeky"},{key:"3",label:"Pandas",value:"bamboo",disabled:!0,tooltip:"Extinct"}],{useArgs:R}=__STORYBOOK_MODULE_ADDONS__,ae={title:"Forms/ButtonGroup",component:G,args:{disabled:!1,items:I,value:"0",small:!1,testId:void 0,onSelected:()=>{}}},e=D=>{const[U,N]=R(),E=w=>{N({value:w})};return B.jsx(G,{...D,onSelected:E})},l=e.bind({}),n=e.bind({});n.args={items:K};const a=e.bind({});a.args={items:F};const t=e.bind({});t.args={disabled:!0};const o=e.bind({});o.args={small:!0};const r=e.bind({});r.args={items:M};r.parameters={docs:{description:{story:"For simple cases when button key, label and value are the same."}}};const s=e.bind({});s.args={items:P};s.parameters={docs:{description:{story:"Avoid this deprecated legacy usage (still supported, but may be removed in future)."}}};var i,u,d;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
2
2
  const [_, updateArgs] = useArgs();
3
3
  const handleChange = (evt: TStringOrNumber) => {
4
4
  updateArgs({
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{F as nr}from"./flex-1d14d86c.js";import{B as o,a as cr}from"./button-61beba21.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-c9698f36.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";const hr={title:"Forms/Button",component:o,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=x=>e.jsxs(nr,{gap:"var(--padding-sm)",children:[e.jsx(o,{...x}),e.jsx(o,{colored:!0,...x}),e.jsx(o,{colored:"success",...x}),e.jsx(o,{colored:"danger",...x})]}),F=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={disabled:!0};const c=r.bind({});c.args={icon:"delete"};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0};const l=r.bind({});l.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const u=r.bind({});u.args={width:"100%"};const g=r.bind({});g.args={type:cr.SUBMIT};const p=r.bind({});p.args={label:"Lorem ipsum dolor est compendum",width:"100px",small:!0};const i=r.bind({});i.args={tooltip:"Tooltip goes here"};const m=r.bind({});m.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px"};const B=r.bind({});B.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px",small:!0};var b,S,v;F.parameters={...F.parameters,docs:{...(b=F.parameters)==null?void 0:b.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{F as nr}from"./flex-47732c42.js";import{B as o,a as cr}from"./button-9ba2f9d9.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const hr={title:"Forms/Button",component:o,parameters:{canvas:{page:null}},argTypes:{colored:{control:{type:"inline-radio"},options:{off:!1,primary:"primary",success:"success",danger:"danger",muted:"muted"}},icon:{control:{type:"inline-radio"},options:{off:void 0,on:"delete"}}},args:{label:"Label"}},r=x=>e.jsxs(nr,{gap:"var(--padding-sm)",children:[e.jsx(o,{...x}),e.jsx(o,{colored:!0,...x}),e.jsx(o,{colored:"success",...x}),e.jsx(o,{colored:"danger",...x})]}),F=r.bind({}),s=r.bind({});s.args={small:!0};const a=r.bind({});a.args={basic:!0};const t=r.bind({});t.args={active:!0};const n=r.bind({});n.args={disabled:!0};const c=r.bind({});c.args={icon:"delete"};const d=r.bind({});d.args={round:!0,icon:"delete",label:void 0};const l=r.bind({});l.args={round:!0,icon:"delete",label:void 0,colored:"muted",basic:!0};const u=r.bind({});u.args={width:"100%"};const g=r.bind({});g.args={type:cr.SUBMIT};const p=r.bind({});p.args={label:"Lorem ipsum dolor est compendum",width:"100px",small:!0};const i=r.bind({});i.args={tooltip:"Tooltip goes here"};const m=r.bind({});m.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px"};const B=r.bind({});B.args={label:"Long label goes here lorem ipsum dolor est lorem ipsum",width:"200px",small:!0};var b,S,v;F.parameters={...F.parameters,docs:{...(b=F.parameters)==null?void 0:b.docs,source:{originalSource:`args => <Flex gap="var(--padding-sm)">
2
2
  <Button {...args} />
3
3
  <Button colored {...args} />
4
4
  <Button colored="success" {...args} />
@@ -0,0 +1,14 @@
1
+ import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as e}from"./index-344eea21.js";import{Default as a,Basic as c}from"./button.stories-f0c0b1a2.js";import{Default as d}from"./text-link.stories-c1227c6f.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-1946c701.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./flex-47732c42.js";import"./button-9ba2f9d9.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-afbea088.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./text-ad1f5f1d.js";function i(o){const n=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},r(),o.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Buttons & Links"}),`
2
+ `,t.jsx(n.h1,{id:"buttons--links",children:"Buttons & Links"}),`
3
+ `,t.jsx(e,{of:a}),`
4
+ `,t.jsx(n.h2,{id:"a-single-primary-button",children:"A single primary button"}),`
5
+ `,t.jsxs(n.p,{children:["Primary (",t.jsx(n.code,{children:"colored"}),") buttons help highlight the most important action, but not if there are too many of them. Try not to use more than one per view or section."]}),`
6
+ `,t.jsx(n.h2,{id:"error--success-buttons",children:"Error & success buttons"}),`
7
+ `,t.jsxs(n.p,{children:["Like primary buttons, these should be used sparingly for particularly risky actions (",t.jsx(n.code,{children:'colored="red"'}),") or particularly rewarding ones (",t.jsx(n.code,{children:'colored="green"'}),")."]}),`
8
+ `,t.jsx(n.h2,{id:"basic-buttons",children:"Basic buttons"}),`
9
+ `,t.jsx(e,{of:c}),`
10
+ `,t.jsx(n.p,{children:"Same height as other buttons, but without a background. Use when a default button is too heavy, but you want to line up with other buttons or form elements."}),`
11
+ `,t.jsxs(n.p,{children:["If you need a very unobtrusive button, combine ",t.jsx(n.code,{children:"basic"})," with ",t.jsx(n.code,{children:'colored="muted"'}),"."]}),`
12
+ `,t.jsxs(n.h2,{id:"links-textlink",children:["Links (",t.jsx(n.code,{children:"TextLink"}),")"]}),`
13
+ `,t.jsxs(n.p,{children:["Inline links without extra padding. Use when space is limited and/or extra padding would cause problems (e.g. for a link in a ",t.jsx(n.code,{children:"Table"})," or an inline link)."]}),`
14
+ `,t.jsx(e,{of:d})]})}function I(o={}){const{wrapper:n}=Object.assign({},r(),o.components);return n?t.jsx(n,Object.assign({},o,{children:t.jsx(i,o)})):i(o)}export{I as default};
@@ -0,0 +1 @@
1
+ ._card_ucdeu_1{color:var(--color-text)}._card_ucdeu_1._bordered_ucdeu_4{background:var(--color-background-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:var(--border-radius)}._card_ucdeu_1._bordered_ucdeu_4._raised_ucdeu_10{box-shadow:var(--shadow-layer)}._card_ucdeu_1._bordered_ucdeu_4 ._cardHeader_ucdeu_13{padding:var(--padding-xxs) var(--padding-sm);border-top-left-radius:inherit;border-top-right-radius:inherit;background-color:var(--color-background-cardheader)}._card_ucdeu_1._bordered_ucdeu_4 ._cardContentBorderTop_ucdeu_19{border-top:1px solid var(--color-border)}._card_ucdeu_1._bordered_ucdeu_4 ._padding_ucdeu_22{padding:var(--padding-sm)}._cardContent_ucdeu_19:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._cardContent_ucdeu_19:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._cardHeader_ucdeu_13{display:flex;align-items:center;padding:var(--padding-sm) 0}
@@ -0,0 +1 @@
1
+ import{j as r}from"./jsx-runtime-f961835c.js";import{c as a}from"./index-a80ed1cf.js";const u="_card_ucdeu_1",l="_bordered_ucdeu_4",p="_raised_ucdeu_10",_="_cardHeader_ucdeu_13",m="_cardContentBorderTop_ucdeu_19",f="_padding_ucdeu_22",C="_cardContent_ucdeu_19",e={card:u,bordered:l,raised:p,cardHeader:_,cardContentBorderTop:m,padding:f,cardContent:C},t=({bordered:n=!0,heading:d=null,children:o,margin:c="0",padding:s=!0,raised:i=!1})=>r.jsxs("div",{className:a(e.card,n?e.bordered:"",i?e.raised:""),style:{margin:c},children:[d?r.jsx("div",{className:a(e.cardHeader),children:d}):null,r.jsx("div",{className:a(e.cardContent,d?e.cardContentBorderTop:"",s?e.padding:""),children:o})]});try{t.displayName="Card",t.__docgenInfo={description:"",displayName:"Card",props:{bordered:{defaultValue:{value:"true"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},heading:{defaultValue:{value:"null"},description:"",name:"heading",required:!1,type:{name:"ReactNode"}},margin:{defaultValue:{value:"0"},description:"",name:"margin",required:!1,type:{name:"string"}},padding:{defaultValue:{value:"true"},description:"",name:"padding",required:!1,type:{name:"boolean"}},raised:{defaultValue:{value:"false"},description:"",name:"raised",required:!1,type:{name:"boolean"}}}}}catch{}export{t as C};
@@ -1 +1 @@
1
- import{j as d}from"./jsx-runtime-f961835c.js";import{C as S}from"./card-0e97f333.js";import{H as N}from"./heading-5d1d2bfd.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./help-icon-48633ef4.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./icon-c9698f36.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.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-f961835c.js";import{C as S}from"./card-3847c251.js";import{H as N}from"./heading-e7d165ab.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./help-icon-45458fb1.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.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-f961835c.js";import{r as u}from"./index-f80c8c95.js";import{I as f}from"./common-types-2c81813f.js";import{T}from"./top-bar-aba07c83.js";import{S as I}from"./side-bar-314d18b9.js";import{H as r}from"./heading-5d1d2bfd.js";import{B as n}from"./button-61beba21.js";import{D as g}from"./drawer-e0faf46d.js";import{L as O}from"./list-2d8d5220.js";import{F as a}from"./field-51d743eb.js";import{I as o}from"./input-8cbac50c.js";import{M as D,D as E}from"./dialog-6a918041.js";import{C as H}from"./check-box-68cd3d2f.js";import{F as p}from"./form-row-19dd7f6e.js";import{P as k}from"./page-6d07f774.js";import{R as y,C as R}from"./row-2f12e486.js";import{S as d}from"./select-91388524.js";import{S as l}from"./spacer-54db0620.js";import{T as B}from"./tabs-087681cd.js";import{T as M}from"./table-c216363a.js";import"./index-a80ed1cf.js";import"./icon-c9698f36.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-6b65cbff.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./help-icon-48633ef4.js";import"./spinner-cb92a546.js";import"./index.es-4496b27d.js";import"./extends-98964cd2.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-0e97f333.js";import"./list-heading-a328b18f.js";import"./loader-87ec8334.js";import"./label-305bf982.js";import"./portal-03fe4689.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./pagination-b6c2b776.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-8c96cda7.js";import"./index-54f0d271.js";import"./slider-89f379a5.js";import"./popover-8a585577.js";const We={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as u}from"./index-f80c8c95.js";import{I as f}from"./common-types-2c81813f.js";import{T}from"./top-bar-9ff51763.js";import{S as I}from"./side-bar-d03fce4d.js";import{H as r}from"./heading-e7d165ab.js";import{B as n}from"./button-9ba2f9d9.js";import{D as g}from"./drawer-3caec0f2.js";import{L as O}from"./list-f9796442.js";import{F as a}from"./field-ea8dc7c8.js";import{I as o}from"./input-d116362c.js";import{M as D,D as E}from"./dialog-aa7b2a62.js";import{C as H}from"./check-box-7706d069.js";import{F as p}from"./form-row-19dd7f6e.js";import{P as k}from"./page-6d07f774.js";import{R as y,C as R}from"./row-2f12e486.js";import{S as d}from"./select-aeef7d5c.js";import{S as l}from"./spacer-54db0620.js";import{T as B}from"./tabs-087681cd.js";import{T as M}from"./table-161c105d.js";import"./index-a80ed1cf.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-f8fd4018.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./help-icon-45458fb1.js";import"./spinner-cb92a546.js";import"./index.es-ddd8aaab.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-12a69c44.js";import"./loader-87ec8334.js";import"./label-87bf6474.js";import"./portal-03fe4689.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./pagination-7d4f4b5e.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-2867677b.js";import"./index-54f0d271.js";import"./slider-313babda.js";import"./popover-145ebd5a.js";const Ne={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[v,i]=u.useState(!1),C=()=>e.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),m=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},L={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>i(!0)}]}]},F=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{label:"Name",children:e.jsx(o,{value:"Load case 1"})}),e.jsx(l,{}),e.jsx(r,{children:"Internal Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Influx depth",children:e.jsx(o,{})}),e.jsx(a,{label:"Gas gradient",children:e.jsx(o,{})}),e.jsx(a,{label:"Mud weight",children:e.jsx(o,{})}),e.jsx(a,{label:"Input n",children:e.jsx(o,{})}),e.jsx(a,{children:e.jsx(H,{label:"Limit gas at shoe"})})]}),e.jsx(l,{}),e.jsx(r,{children:"External Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"FG above TOC",children:e.jsx(o,{})}),e.jsx(a,{label:"FG below TOC",children:e.jsx(o,{})})]}),e.jsx(l,{}),e.jsx(r,{children:"Temperature Profile"}),e.jsx(l,{}),e.jsxs(p,{children:[e.jsx(a,{label:"Profile",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.jsx(a,{label:"Custome table",children:e.jsx(d,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),P=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_LEFT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(O,{drawer:!0,narrow:!t,list:j})})},w=()=>{const[t,c]=u.useState(!0);return e.jsx(g,{right:!0,background:"white",button:e.jsx(n,{onClick:()=>c(!t),round:!0,icon:f.CHEVRON_RIGHT}),open:t,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{})})},S=()=>e.jsx(D,{visible:v,children:e.jsx(E,{dialog:{heading:"Load case 1",content:e.jsx(F,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Save",colored:!0,onClick:()=>i(!1)}),e.jsx(n,{label:"Cancel",onClick:()=>i(!1)})]}),onClose:()=>i(!1)}})});return e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(I,{options:{title:"",sections:[]}}),e.jsx(k,{padding:!1,scroll:!1,children:e.jsxs(y,{spacing:0,flex:!0,children:[e.jsx(P,{}),e.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.jsx(r,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.jsx(B,{margin:!1,options:m,value:m[0]}),e.jsx(l,{}),e.jsx(M,{table:L})]}),e.jsx(w,{})]})}),e.jsx(S,{})]})};var b,h,x;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
2
2
  const [dialogOpen, setDialogOpen] = useState(false);
3
3
  const SchematicPlaceholder = () => <div style={{
4
4
  color: '#aaa',
@@ -206,4 +206,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as u}from"./index-f80c8c9
206
206
  </Page>
207
207
  <CasingLoadsEditModal />
208
208
  </>;
209
- }`,...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};s.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};const ze=["CasingLoads"];export{s as CasingLoads,ze as __namedExportsOrder,We as default};
209
+ }`,...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};s.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};const We=["CasingLoads"];export{s as CasingLoads,We as __namedExportsOrder,Ne as default};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as U}from"./index-f80c8c95.js";import{T as I}from"./table-c216363a.js";import{F as De}from"./field-51d743eb.js";import{B as F}from"./button-61beba21.js";import{I as Me}from"./input-8cbac50c.js";import{F as Je}from"./flex-1d14d86c.js";import{t as ze,s as Xe,u as Ge,v as qe,w as Ke,x as Ne,y as Qe,z as Ve,A as Ye,B as Ze,C as $e,D as _e,E as er,F as rr,G as ar,H as sr,I as tr}from"./table.stories-data-865e8af6.js";import"./index-a80ed1cf.js";import"./index.es-4496b27d.js";import"./inheritsLoose-c82a83d4.js";import"./extends-98964cd2.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-c9698f36.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-6b65cbff.js";import"./common-types-2c81813f.js";import"./tooltip-856042a7.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./heading-5d1d2bfd.js";import"./help-icon-48633ef4.js";import"./pagination-b6c2b776.js";import"./select-91388524.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-8c96cda7.js";import"./index-54f0d271.js";import"./check-box-68cd3d2f.js";import"./slider-89f379a5.js";import"./index-c7f280f6.js";import"./popover-8a585577.js";import"./label-305bf982.js";import"./spinner-cb92a546.js";const Qr={title:"Basic/Table/Cell",component:I,args:{table:{...ze}}},r=t=>e.jsx(I,{...t}),d=r.bind({});d.args={table:Xe};const m=r.bind({});m.args={table:Ge};const u=r.bind({});u.args={table:qe};const b=r.bind({});b.args={table:Ke};const g=r.bind({});g.args={table:Ne};const v=r.bind({});v.args={table:Qe};const x=r.bind({});x.args={table:Ve};const C=r.bind({});C.args={table:Ye};const h=r.bind({});h.args={table:Ze};const S=r.bind({});S.args={table:$e};const f=r.bind({});f.args={table:_e};const j=r.bind({});j.args={table:er};const y=r.bind({});y.args={table:rr};const T=r.bind({});T.args={table:ar};const n=r.bind({});n.args={table:sr};n.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const P=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const l=({close:s,value:O})=>e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:O,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(F,{label:"Cancel",onClick:s})]})]}),a={fixedWidth:"100%",headers:[{cells:t.map(s=>({value:s}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((s,O)=>({cells:[...Array(3).keys()].map((o,c)=>({value:s[c],type:"Popover",content:e.jsx(l,{value:s[c]})}))}))};return e.jsx(I,{table:a})};return e.jsx(A,{})},w=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const[l,a]=U.useState(!1),s=({close:o,value:c})=>{U.useEffect(()=>{l||a(!0)},[]);const B=()=>{a(!1),o()};return e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:c,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:B}),e.jsx(F,{label:"Cancel",onClick:B})]})]})},O={headers:[{cells:t.map(o=>({value:o}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((o,c)=>({cells:[...Array(3).keys()].map((B,E)=>({value:o[E],type:"Popover",disabled:l,closeOnOutsideClick:!1,content:e.jsx(s,{value:o[E]})}))}))};return e.jsx(I,{table:O})};return e.jsx(A,{})},k=r.bind({});k.args={table:tr};const i=r.bind({});i.args={table:{..._e,name:"Food"}};i.decorators=[t=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(t,{})})];var L,R,H;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as U}from"./index-f80c8c95.js";import{T as I}from"./table-161c105d.js";import{F as De}from"./field-ea8dc7c8.js";import{B as F}from"./button-9ba2f9d9.js";import{I as Me}from"./input-d116362c.js";import{F as Je}from"./flex-47732c42.js";import{t as ze,s as Xe,u as Ge,v as qe,w as Ke,x as Ne,y as Qe,z as Ve,A as Ye,B as Ze,C as $e,D as _e,E as er,F as rr,G as ar,H as sr,I as tr}from"./table.stories-data-88050724.js";import"./index-a80ed1cf.js";import"./index.es-ddd8aaab.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-afbea088.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-f8fd4018.js";import"./common-types-2c81813f.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./heading-e7d165ab.js";import"./help-icon-45458fb1.js";import"./pagination-7d4f4b5e.js";import"./select-aeef7d5c.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-2867677b.js";import"./index-54f0d271.js";import"./check-box-7706d069.js";import"./slider-313babda.js";import"./index-c7f280f6.js";import"./popover-145ebd5a.js";import"./label-87bf6474.js";import"./spinner-cb92a546.js";const Nr={title:"Basic/Table/Cell",component:I,args:{table:{...ze}}},r=t=>e.jsx(I,{...t}),d=r.bind({});d.args={table:Xe};const m=r.bind({});m.args={table:Ge};const u=r.bind({});u.args={table:qe};const b=r.bind({});b.args={table:Ke};const g=r.bind({});g.args={table:Ne};const v=r.bind({});v.args={table:Qe};const x=r.bind({});x.args={table:Ve};const C=r.bind({});C.args={table:Ye};const h=r.bind({});h.args={table:Ze};const S=r.bind({});S.args={table:$e};const f=r.bind({});f.args={table:_e};const j=r.bind({});j.args={table:er};const y=r.bind({});y.args={table:rr};const T=r.bind({});T.args={table:ar};const n=r.bind({});n.args={table:sr};n.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const P=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const l=({close:s,value:O})=>e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:O,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(F,{label:"Cancel",onClick:s})]})]}),a={fixedWidth:"100%",headers:[{cells:t.map(s=>({value:s}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((s,O)=>({cells:[...Array(3).keys()].map((o,c)=>({value:s[c],type:"Popover",content:e.jsx(l,{value:s[c]})}))}))};return e.jsx(I,{table:a})};return e.jsx(A,{})},w=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,a)=>[a,a*2,a*2]);const A=()=>{const[l,a]=U.useState(!1),s=({close:o,value:c})=>{U.useEffect(()=>{l||a(!0)},[]);const B=()=>{a(!1),o()};return e.jsxs(e.Fragment,{children:[e.jsx(De,{label:"Input",children:e.jsx(Me,{value:c,width:"100%"})}),e.jsxs(Je,{gap:!0,children:[e.jsx(F,{colored:!0,label:"Save",onClick:B}),e.jsx(F,{label:"Cancel",onClick:B})]})]})},O={headers:[{cells:t.map(o=>({value:o}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((o,c)=>({cells:[...Array(3).keys()].map((B,E)=>({value:o[E],type:"Popover",disabled:l,closeOnOutsideClick:!1,content:e.jsx(s,{value:o[E]})}))}))};return e.jsx(I,{table:O})};return e.jsx(A,{})},k=r.bind({});k.args={table:tr};const i=r.bind({});i.args={table:{..._e,name:"Food"}};i.decorators=[t=>e.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.jsx(t,{})})];var L,R,H;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
2
2
  return <Table
3
3
  // eslint-disable-next-line react/jsx-props-no-spreading
4
4
  {...args} />;
@@ -205,4 +205,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as U}from"./index-f80c8c9
205
205
  return <Table
206
206
  // eslint-disable-next-line react/jsx-props-no-spreading
207
207
  {...args} />;
208
- }`,...(He=(Re=i.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};const Vr=["Editable","Disabled","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{f as Actions,v as CellStyleProp,g as CellWidths,C as Checkboxes,u as Colspan,b as ColspanWithWidths,m as Disabled,d as Editable,h as Icons,y as JSXContent,S as Links,j as Menus,k as OverflowingCells,P as Popover,x as Rowspan,w as SinglePopoverAtOnce,T as StaticCellTooltips,i as TestScrolling,n as WordbreakLongContent,Vr as __namedExportsOrder,Qr as default};
208
+ }`,...(He=(Re=i.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};const Qr=["Editable","Disabled","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{f as Actions,v as CellStyleProp,g as CellWidths,C as Checkboxes,u as Colspan,b as ColspanWithWidths,m as Disabled,d as Editable,h as Icons,y as JSXContent,S as Links,j as Menus,k as OverflowingCells,P as Popover,x as Rowspan,w as SinglePopoverAtOnce,T as StaticCellTooltips,i as TestScrolling,n as WordbreakLongContent,Qr as __namedExportsOrder,Nr as default};
@@ -1 +1 @@
1
- import{j as a}from"./jsx-runtime-f961835c.js";import{r as g}from"./index-f80c8c95.js";import{c as I}from"./index-a80ed1cf.js";import{I as v}from"./common-types-2c81813f.js";import{D as C}from"./disabled-context-d654f6ff.js";import{H as q}from"./help-icon-48633ef4.js";import{I as V}from"./icon-c9698f36.js";const T="_checkbox_k43wr_1",j="_noLabel_k43wr_17",w="_small_k43wr_20",M="_checkmark_k43wr_43",E="_disabled_k43wr_67",H="_noMargin_k43wr_81",L="_isInTable_k43wr_84",e={checkbox:T,noLabel:j,small:w,checkmark:M,disabled:E,noMargin:H,isInTable:L},m=({noMargin:s=!1,dataix:p=0,isInTable:f=!1,tabIndex:b=0,checked:l=!1,name:n,key:k="",label:r="",disabled:i=!1,small:x=!1,onChange:_,testId:y,value:N,helpText:o,onClickHelp:d})=>{const u=g.useContext(C),h=o||d;return a.jsxs("div",{className:I(e.checkbox,s&&e.noMargin,f&&e.isInTable,(i||u)&&e.disabled,x&&e.small,!r&&e.noLabel),"data-ix":p,onClick:c=>{const t=c.target;t.name=n,t.value=!l,t.checked=!l,_(c)},"data-testid":y,children:[a.jsx("input",{type:"checkbox",tabIndex:b,checked:l,name:n,onChange:()=>{},disabled:i||u},k),a.jsxs("label",{htmlFor:n,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(V,{icon:v.CHECK})}),r]}),h&&a.jsx(q,{text:o,onClick:d})]})};try{m.displayName="CheckBox",m.__docgenInfo={description:"",displayName:"CheckBox",props:{checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},key:{defaultValue:{value:""},description:"",name:"key",required:!1,type:{name:"string"}},dataix:{defaultValue:{value:"0"},description:"",name:"dataix",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"TEmpty"}}}}}catch{}export{m as C};
1
+ import{j as a}from"./jsx-runtime-f961835c.js";import{r as g}from"./index-f80c8c95.js";import{c as I}from"./index-a80ed1cf.js";import{I as v}from"./common-types-2c81813f.js";import{D as C}from"./disabled-context-d654f6ff.js";import{H as q}from"./help-icon-45458fb1.js";import{I as V}from"./icon-afbea088.js";const T="_checkbox_k43wr_1",j="_noLabel_k43wr_17",w="_small_k43wr_20",M="_checkmark_k43wr_43",E="_disabled_k43wr_67",H="_noMargin_k43wr_81",L="_isInTable_k43wr_84",e={checkbox:T,noLabel:j,small:w,checkmark:M,disabled:E,noMargin:H,isInTable:L},m=({noMargin:s=!1,dataix:p=0,isInTable:f=!1,tabIndex:b=0,checked:l=!1,name:n,key:k="",label:r="",disabled:i=!1,small:x=!1,onChange:_,testId:y,value:N,helpText:o,onClickHelp:d})=>{const u=g.useContext(C),h=o||d;return a.jsxs("div",{className:I(e.checkbox,s&&e.noMargin,f&&e.isInTable,(i||u)&&e.disabled,x&&e.small,!r&&e.noLabel),"data-ix":p,onClick:c=>{const t=c.target;t.name=n,t.value=!l,t.checked=!l,_(c)},"data-testid":y,children:[a.jsx("input",{type:"checkbox",tabIndex:b,checked:l,name:n,onChange:()=>{},disabled:i||u},k),a.jsxs("label",{htmlFor:n,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(V,{icon:v.CHECK})}),r]}),h&&a.jsx(q,{text:o,onClick:d})]})};try{m.displayName="CheckBox",m.__docgenInfo={description:"",displayName:"CheckBox",props:{checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},key:{defaultValue:{value:""},description:"",name:"key",required:!1,type:{name:"string"}},dataix:{defaultValue:{value:"0"},description:"",name:"dataix",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"TEmpty"}}}}}catch{}export{m as C};
@@ -1,4 +1,4 @@
1
- import{j as K}from"./jsx-runtime-f961835c.js";import{C as T}from"./check-box-68cd3d2f.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./help-icon-48633ef4.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./icon-c9698f36.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const{useArgs:M}=__STORYBOOK_MODULE_ADDONS__,V={title:"Forms/CheckBox",component:T,args:{disabled:!1,label:"Label"}},e=E=>{const[{checked:L},R]=M(),F=()=>{R({checked:!L})};return K.jsx(T,{...E,onChange:F})},t=e.bind({}),n=e.bind({});n.args={small:!0};const s=e.bind({});s.args={disabled:!0};const r=e.bind({});r.args={checked:!0,disabled:!0};const a=e.bind({});a.args={label:null};const c=e.bind({});c.args={helpText:"Help text"};const o=e.bind({});o.args={onClickHelp:()=>console.log("Help clicked")};var d,p,l;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
1
+ import{j as K}from"./jsx-runtime-f961835c.js";import{C as T}from"./check-box-7706d069.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./help-icon-45458fb1.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const{useArgs:M}=__STORYBOOK_MODULE_ADDONS__,V={title:"Forms/CheckBox",component:T,args:{disabled:!1,label:"Label"}},e=E=>{const[{checked:L},R]=M(),F=()=>{R({checked:!L})};return K.jsx(T,{...E,onChange:F})},t=e.bind({}),n=e.bind({});n.args={small:!0};const s=e.bind({});s.args={disabled:!0};const r=e.bind({});r.args={checked:!0,disabled:!0};const a=e.bind({});a.args={label:null};const c=e.bind({});c.args={helpText:"Help text"};const o=e.bind({});o.args={onClickHelp:()=>console.log("Help clicked")};var d,p,l;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
2
2
  const [{
3
3
  checked
4
4
  }, updateArgs] = useArgs();
@@ -1 +1 @@
1
- import{_ as i}from"./iframe-5a7e9368.js";import{R as t,r as p}from"./index-f80c8c95.js";import{r as l,u}from"./react-16-147b12fd.js";import{b as h,A as E,H as d,D as x}from"./index-5a2d8f2e.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-46b5be7e.js"),["./index-46b5be7e.js","./index-5cdc9468.js","./index-f80c8c95.js"],import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d};
1
+ import{_ as i}from"./iframe-1946c701.js";import{R as t,r as p}from"./index-f80c8c95.js";import{r as l,u}from"./react-16-147b12fd.js";import{b as h,A as E,H as d,D as x}from"./index-344eea21.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-46b5be7e.js"),["./index-46b5be7e.js","./index-5cdc9468.js","./index-f80c8c95.js"],import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d};
@@ -0,0 +1,25 @@
1
+ import{j as o}from"./jsx-runtime-f961835c.js";import"./chunk-HLWAVYOI-4cd7592b.js";import{M as d}from"./index-344eea21.js";import{r as p}from"./index-f80c8c95.js";import{t as m,T as x}from"./toaster-22baa752.js";import{u as l}from"./index-5cdc9468.js";import"./iframe-1946c701.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./types-6ba4c093.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./button-9ba2f9d9.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./icon-afbea088.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.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"],c=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=c.map(r=>`--color-neutral-${r}`),b=c.map(r=>`--color-primary-${r}`),f=c.map(r=>`--color-error-${r}`),y=c.map(r=>`--color-warning-${r}`),C=c.map(r=>`--color-success-${r}`),k=c.map(r=>`--color-info-${r}`),t=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const s=`var(${n})`,e=()=>{navigator.clipboard.writeText(s),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:s,border:"1px solid rgba(0,0,0,0.1)"},onClick:e}),o.jsx("code",{onClick:e,children:s})]},a)})});try{t.displayName="ColorPalette",t.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function i(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},l(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
2
+ `,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
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
+ `,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
5
+ `,o.jsx(n.h2,{id:"named-colors",children:"Named colors"}),`
6
+ `,o.jsx(n.h3,{id:"text",children:"Text"}),`
7
+ `,o.jsx(t,{colors:h}),`
8
+ `,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
9
+ `,o.jsx(t,{colors:u}),`
10
+ `,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
11
+ `,o.jsx(t,{colors:g}),`
12
+ `,o.jsx(n.h2,{id:"base-colors",children:"Base colors"}),`
13
+ `,o.jsx(n.h3,{id:"neutral",children:"Neutral"}),`
14
+ `,o.jsx(t,{colors:j}),`
15
+ `,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
16
+ `,o.jsx(t,{colors:b}),`
17
+ `,o.jsx(n.h3,{id:"error",children:"Error"}),`
18
+ `,o.jsx(t,{colors:f}),`
19
+ `,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
20
+ `,o.jsx(t,{colors:y}),`
21
+ `,o.jsx(n.h3,{id:"success",children:"Success"}),`
22
+ `,o.jsx(t,{colors:C}),`
23
+ `,o.jsx(n.h3,{id:"info",children:"Info"}),`
24
+ `,o.jsx(t,{colors:k}),`
25
+ `,o.jsx(x,{})]})}function G(r={}){const{wrapper:n}=Object.assign({},l(),r.components);return n?o.jsx(n,Object.assign({},r,{children:o.jsx(i,r)})):i(r)}export{G as default};
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-f961835c.js";import{C as i,R as T}from"./row-2f12e486.js";import{H as _}from"./heading-5d1d2bfd.js";import"./index-f80c8c95.js";import"./styled-components.browser.esm-416d73e5.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./help-icon-48633ef4.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./icon-c9698f36.js";import"./inheritsLoose-c82a83d4.js";import"./disabled-context-d654f6ff.js";const U={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"}}}},r=E=>{const{height:y,wrap:j,...W}=E;return n.jsxs(T,{spacing:0,height:y,wrap:j,children:[n.jsxs(i,{...W,children:[n.jsx(_,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),n.jsx(i,{padding:!0,background:"var(--color-background)"})]})},p=r.bind({}),o=r.bind({});o.args={padding:!1};const e=r.bind({});e.args={width:"400px"};const a=r.bind({});a.args={scroll:!0,height:"200px"};const t=r.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=r.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};var c,g,m;p.parameters={...p.parameters,docs:{...(c=p.parameters)==null?void 0:c.docs,source:{originalSource:`args => {
1
+ import{j as n}from"./jsx-runtime-f961835c.js";import{C as i,R as T}from"./row-2f12e486.js";import{H as _}from"./heading-e7d165ab.js";import"./index-f80c8c95.js";import"./styled-components.browser.esm-416d73e5.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./help-icon-45458fb1.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./disabled-context-d654f6ff.js";const U={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"}}}},r=E=>{const{height:y,wrap:j,...W}=E;return n.jsxs(T,{spacing:0,height:y,wrap:j,children:[n.jsxs(i,{...W,children:[n.jsx(_,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),n.jsx(i,{padding:!0,background:"var(--color-background)"})]})},p=r.bind({}),o=r.bind({});o.args={padding:!1};const e=r.bind({});e.args={width:"400px"};const a=r.bind({});a.args={scroll:!0,height:"200px"};const t=r.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=r.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};var c,g,m;p.parameters={...p.parameters,docs:{...(c=p.parameters)==null?void 0:c.docs,source:{originalSource:`args => {
2
2
  const {
3
3
  height,
4
4
  wrap,
@@ -0,0 +1 @@
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{c as l}from"./index-a80ed1cf.js";import{P as f}from"./portal-03fe4689.js";import{r as g}from"./index-f80c8c95.js";import{l as x}from"./lodash-75c70a11.js";import{I as y}from"./common-types-2c81813f.js";import{H as j}from"./heading-e7d165ab.js";import{B as v}from"./button-9ba2f9d9.js";const N="_wrapper_sb0hc_1",b="_contentContainer_sb0hc_15",w="_centered_sb0hc_24",C="_newLine_sb0hc_28",i={wrapper:N,contentContainer:b,centered:w,newLine:C},I=({children:t})=>e.jsx("div",{className:l(i.wrapper),children:t}),D=({children:t,width:n,centered:r})=>e.jsx("div",{className:l(i.contentContainer,r?i.centered:""),style:{maxWidth:n},children:t}),p=({children:t,visible:n=!1,centered:r=!1,width:a="100%"})=>e.jsxs(e.Fragment,{children:[e.jsx(f,{id:"modalContainer",children:n?e.jsx(I,{children:e.jsx(D,{width:a,centered:r,children:t})}):null}),e.jsx("div",{id:"modalContainer"})]});try{p.displayName="Modal",p.__docgenInfo={description:"",displayName:"Modal",props:{visible:{defaultValue:{value:"false"},description:"",name:"visible",required:!1,type:{name:"boolean"}},centered:{defaultValue:{value:"false"},description:"",name:"centered",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const q="_dialog_1ruhc_1",E="_inline_1ruhc_18",L="_scroll_1ruhc_21",M="_header_1ruhc_24",V="_dismiss_1ruhc_33",$="_content_1ruhc_38",B="_footer_1ruhc_47",o={dialog:q,inline:E,scroll:L,header:M,dismiss:V,content:$,footer:B},P=t=>x.isArray(t)?t.map((n,r)=>e.jsxs(g.Fragment,{children:[n," ",e.jsx("br",{})]},r)):t,_=({dialog:t})=>{const{heading:n,content:r,contentPadding:a="var(--padding)",footer:c,scroll:u,width:d,height:h,onClose:m,testId:s}=t;return e.jsxs("div",{className:l(o.dialog,d?o.inline:null,u?o.scroll:null),style:{width:d,height:h},"data-testid":s??null,children:[e.jsxs("div",{className:o.header,children:[e.jsx(j,{testId:s&&`${s}-heading`,top:!0,marginBottom:0,children:n}),m?e.jsx("div",{className:o.dismiss,children:e.jsx(v,{icon:y.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:m})}):null]}),e.jsx("div",{"data-testid":s&&`${s}-content`,className:o.content,style:{padding:a},children:P(r)}),c&&e.jsx("div",{"data-testid":s&&`${s}-footer`,className:o.footer,children:c})]})};try{_.displayName="Dialog",_.__docgenInfo={description:"",displayName:"Dialog",props:{dialog:{defaultValue:null,description:"",name:"dialog",required:!0,type:{name:"IDialog"}}}}}catch{}export{_ as D,p as M};
@@ -0,0 +1 @@
1
+ ._wrapper_sb0hc_1{z-index:var(--zindex-modal);position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.8);padding:var(--padding);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}._contentContainer_sb0hc_15{color:var(--color-background-raised);max-height:100%;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}._centered_sb0hc_24>*{margin-top:auto;margin-bottom:auto}._newLine_sb0hc_28{white-space:"pre-wrap"}._dialog_1ruhc_1{border-radius:var(--border-radius);background:var(--color-background-raised);line-height:var(--line-height);color:var(--color-text);box-shadow:var(--shadow-layer);display:flex;flex-direction:column}._dialog_1ruhc_1>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._dialog_1ruhc_1>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._dialog_1ruhc_1._inline_1ruhc_18{display:inline-flex}._dialog_1ruhc_1._scroll_1ruhc_21{max-height:100%}._header_1ruhc_24{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--padding-sm) var(--padding);background-color:var(--color-background-cardheader);border-bottom:1px solid var(--color-border);flex-shrink:0}._header_1ruhc_24 ._dismiss_1ruhc_33{margin-right:calc(var(--padding-xxs) * -1);margin-left:var(--padding-xs);flex-shrink:0}._content_1ruhc_38{flex-grow:1}._scroll_1ruhc_21 ._content_1ruhc_38{overflow:auto;min-height:0;height:100%;flex:1 1 auto}._footer_1ruhc_47{display:flex;padding:var(--padding-sm) var(--padding);background-color:var(--color-background-raised);border-top:1px solid var(--color-border);flex-shrink:0}._footer_1ruhc_47 button:not(:last-child){margin-right:var(--padding-sm)}