@oliasoft-open-source/react-ui-library 3.13.2 → 3.13.3

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 (130) hide show
  1. package/dist/assets/Color-6VNJS4EI-0e835c18.js +1 -0
  2. package/dist/assets/DocsRenderer-NNNQARDV-bcab862b.js +1 -0
  3. package/dist/assets/WithTooltip-4HIR6TLV-d14a8aee.js +1 -0
  4. package/dist/assets/{accordion-40bd05b9.js → accordion-1d9c892f.js} +1 -1
  5. package/dist/assets/{accordion.stories-ab21688a.js → accordion.stories-9f56f5f7.js} +2 -2
  6. package/dist/assets/{actions-5d6680b2.js → actions-7f26d646.js} +1 -1
  7. package/dist/assets/{actions.stories-462b1250.js → actions.stories-25440954.js} +1 -1
  8. package/dist/assets/{afe.stories-df1bfe70.js → afe.stories-60dd7400.js} +2 -2
  9. package/dist/assets/{badge.stories-533d875e.js → badge.stories-acf9b7d1.js} +1 -1
  10. package/dist/assets/{blowout.stories-bcda1315.js → blowout.stories-4a114f9a.js} +1 -1
  11. package/dist/assets/{button-50d2e979.js → button-a7e4e1fa.js} +1 -1
  12. package/dist/assets/{button-group-0b92ca21.js → button-group-79f38dcc.js} +1 -1
  13. package/dist/assets/{button-group.stories-8e8994ef.js → button-group.stories-9f72c23d.js} +1 -1
  14. package/dist/assets/{button.stories-1aa74ca6.js → button.stories-0bc50414.js} +1 -1
  15. package/dist/assets/{buttons-and-links-334779d3.js → buttons-and-links-96f898d4.js} +4 -4
  16. package/dist/assets/{card.stories-a2d9cfb8.js → card.stories-dab38b95.js} +1 -1
  17. package/dist/assets/{casing-loads.stories-20998e1e.js → casing-loads.stories-a51072ad.js} +2 -2
  18. package/dist/assets/{cell.stories-f48618e2.js → cell.stories-ae6ae48c.js} +2 -2
  19. package/dist/assets/{check-box-5765854d.js → check-box-33361319.js} +1 -1
  20. package/dist/assets/{check-box.stories-8729ab88.js → check-box.stories-0a929f7a.js} +1 -1
  21. package/dist/assets/{chunk-HLWAVYOI-4d4c48e4.js → chunk-HLWAVYOI-d266e33a.js} +1 -1
  22. package/dist/assets/color-c5e53dbb.js +11 -0
  23. package/dist/assets/{column.stories-d087521b.js → column.stories-16d58724.js} +1 -1
  24. package/dist/assets/{dialog-69f889d0.js → dialog-21649b7a.js} +1 -1
  25. package/dist/assets/{drawer-35927bf9.js → drawer-182b490e.js} +1 -1
  26. package/dist/assets/drawer.stories-4ebaf642.js +109 -0
  27. package/dist/assets/{empty.stories-c2c0904f.js → empty.stories-b70294c2.js} +1 -1
  28. package/dist/assets/{field-f7d2025c.js → field-2ae2bd3e.js} +1 -1
  29. package/dist/assets/{field.stories-9e8a1e88.js → field.stories-3d20e748.js} +1 -1
  30. package/dist/assets/{file-input.stories-8ddd1fa3.js → file-input.stories-e3fa9b27.js} +1 -1
  31. package/dist/assets/{flex-ab83d710.js → flex-4bc3b694.js} +1 -1
  32. package/dist/assets/{flex.stories-55bea790.js → flex.stories-56c8527b.js} +1 -1
  33. package/dist/assets/footer.stories-8dc7dc1f.js +3 -0
  34. package/dist/assets/form.stories-e8b2576f.js +49 -0
  35. package/dist/assets/formation.stories-0ee1f8e0.js +74 -0
  36. package/dist/assets/{formatter-SWP5E3XI-7821f550.js → formatter-SWP5E3XI-9c500ffb.js} +2 -2
  37. package/dist/assets/{heading-3ab142d6.js → heading-5d5cbb6f.js} +1 -1
  38. package/dist/assets/{heading.stories-665fabdd.js → heading.stories-b6654e27.js} +1 -1
  39. package/dist/assets/{help-icon-50a91ee5.js → help-icon-e6604019.js} +1 -1
  40. package/dist/assets/{help-icon.stories-a43956cf.js → help-icon.stories-6c579003.js} +1 -1
  41. package/dist/assets/icon-bb00eeb9.js +8 -0
  42. package/dist/assets/{icon.stories-9fc926de.js → icon.stories-da83ed77.js} +1 -1
  43. package/dist/assets/iframe-bec17c8e.js +1 -0
  44. package/dist/assets/{index-83074380.js → index-9622ad0d.js} +8 -8
  45. package/dist/assets/{index.es-ab0f5a20.js → index.es-cc11f36c.js} +4 -4
  46. package/dist/assets/inheritsLoose-d4851ab8.js +1 -0
  47. package/dist/assets/{input-0081e806.js → input-b46bef9b.js} +1 -1
  48. package/dist/assets/{input-group.stories-a4fc01b7.js → input-group.stories-bf2513b1.js} +2 -2
  49. package/dist/assets/{input-validation-75d4d58a.js → input-validation-14fe9678.js} +2 -2
  50. package/dist/assets/{input.stories-03464cb3.js → input.stories-e73381e0.js} +1 -1
  51. package/dist/assets/{inputs-b92bd51c.js → inputs-f49e65e0.js} +2 -2
  52. package/dist/assets/{label-80098cc6.js → label-4b8583ea.js} +1 -1
  53. package/dist/assets/{label.stories-838bb20f.js → label.stories-f9340476.js} +1 -1
  54. package/dist/assets/layout-forms-ec28d2bf.js +16 -0
  55. package/dist/assets/{layout-general-6d21f93a.js → layout-general-f48e1972.js} +2 -2
  56. package/dist/assets/{list-8a1bb0e3.js → list-a4e1fe84.js} +1 -1
  57. package/dist/assets/{list-heading-0c0b2fba.js → list-heading-0f59017c.js} +1 -1
  58. package/dist/assets/{list.stories-3585d678.js → list.stories-5a4c5082.js} +2 -2
  59. package/dist/assets/{list.stories-data-06a0f4f4.js → list.stories-data-ade13aa1.js} +1 -1
  60. package/dist/assets/{loader.stories-4a7e8ada.js → loader.stories-fcfaa8ba.js} +1 -1
  61. package/dist/assets/{menu.stories-4f8ea08d.js → menu.stories-32bf568b.js} +1 -1
  62. package/dist/assets/{menu.stories-data-46536d0f.js → menu.stories-data-5b2403ee.js} +1 -1
  63. package/dist/assets/{message-f4ce39be.js → message-1ae54f21.js} +1 -1
  64. package/dist/assets/{message.stories-593fb632.js → message.stories-ba0f5962.js} +1 -1
  65. package/dist/assets/{modal.stories-ff7de1e7.js → modal.stories-f2f0247c.js} +2 -2
  66. package/dist/assets/{number-input-bd5e3c05.js → number-input-0b915316.js} +1 -1
  67. package/dist/assets/{number-input.stories-3ad59a83.js → number-input.stories-db5e057c.js} +2 -2
  68. package/dist/assets/{option-dropdown.stories-31d8e92e.js → option-dropdown.stories-12bb244b.js} +1 -1
  69. package/dist/assets/{page.stories-99e8828d.js → page.stories-cc4335af.js} +1 -1
  70. package/dist/assets/{pagination-5c6f0f61.js → pagination-67e45ad2.js} +1 -1
  71. package/dist/assets/{pagination.stories-0df1811a.js → pagination.stories-fe81c905.js} +2 -2
  72. package/dist/assets/{pop-confirm.stories-1aa64cb1.js → pop-confirm.stories-df764cfd.js} +1 -1
  73. package/dist/assets/{popover-b6a51770.js → popover-deb55aea.js} +1 -1
  74. package/dist/assets/popover.stories-0438d0eb.js +1 -0
  75. package/dist/assets/{preview-bd1e40a8.js → preview-29ea3d92.js} +2 -2
  76. package/dist/assets/preview-e9b6f357.js +1 -0
  77. package/dist/assets/projects.stories-3d4392cd.js +46 -0
  78. package/dist/assets/{radio-button-f9e4c2fb.js → radio-button-673f6757.js} +1 -1
  79. package/dist/assets/{radio-button.stories-a90f64a6.js → radio-button.stories-bb2a4dcc.js} +1 -1
  80. package/dist/assets/{reservoirs.stories-1b19d2d4.js → reservoirs.stories-e773a9d0.js} +2 -2
  81. package/dist/assets/{rich-text-input.stories-111c53b3.js → rich-text-input.stories-6b75d4f1.js} +3 -3
  82. package/dist/assets/{row.stories-0f76f39b.js → row.stories-383aa2fa.js} +2 -2
  83. package/dist/assets/select-63fb21a5.js +1 -0
  84. package/dist/assets/{select.stories-ca0ade0e.js → select.stories-7142b54a.js} +2 -2
  85. package/dist/assets/{side-bar-185a98d7.js → side-bar-b5f6fafc.js} +1 -1
  86. package/dist/assets/{side-bar.stories-4a8904cd.js → side-bar.stories-0ea486c6.js} +1 -1
  87. package/dist/assets/{site.stories-9171c440.js → site.stories-8ce14b02.js} +2 -2
  88. package/dist/assets/slider-0dae0ace.js +7 -0
  89. package/dist/assets/{slider.stories-b58b90f7.js → slider.stories-8431d635.js} +2 -2
  90. package/dist/assets/{spacer.stories-ebe72e9e.js → spacer.stories-c3891d24.js} +1 -1
  91. package/dist/assets/syntaxhighlighter-NMPM6SWI-f002e2eb.js +1 -0
  92. package/dist/assets/{table-f87ae9d3.js → table-1f9fcf84.js} +1 -1
  93. package/dist/assets/{table.stories-cf11886f.js → table.stories-ba2503d8.js} +2 -2
  94. package/dist/assets/{table.stories-data-82de77b6.js → table.stories-data-435da5fd.js} +1 -1
  95. package/dist/assets/{textarea-d23df40d.js → textarea-5c9f1957.js} +1 -1
  96. package/dist/assets/{textarea.stories-361db692.js → textarea.stories-812ec950.js} +1 -1
  97. package/dist/assets/{title.stories-9f0ab673.js → title.stories-c1bb70e9.js} +2 -2
  98. package/dist/assets/{toaster-ed9b6f60.js → toaster-360d1c11.js} +1 -1
  99. package/dist/assets/{toaster.stories-b1ff0f61.js → toaster.stories-ad826ce8.js} +1 -1
  100. package/dist/assets/{toggle-de6344a4.js → toggle-e193dcc8.js} +1 -1
  101. package/dist/assets/{toggle.stories-21b22bdd.js → toggle.stories-8a3f9453.js} +1 -1
  102. package/dist/assets/{tooltip-559179a7.js → tooltip-b72c7394.js} +1 -1
  103. package/dist/assets/{tooltip.stories-84b7fc63.js → tooltip.stories-3f29f711.js} +1 -1
  104. package/dist/assets/{tooltip.test-case.stories-64b8a470.js → tooltip.test-case.stories-f414e074.js} +1 -1
  105. package/dist/assets/{top-bar-f7d438c2.js → top-bar-68696a1c.js} +1 -1
  106. package/dist/assets/{top-bar.stories-f6de91d3.js → top-bar.stories-8dfc7d2d.js} +1 -1
  107. package/dist/assets/{top-bar.testcase.stories-b8242634.js → top-bar.testcase.stories-2bb9667b.js} +1 -1
  108. package/dist/assets/{tree.stories-09d580ea.js → tree.stories-7289829b.js} +1 -1
  109. package/dist/iframe.html +1 -1
  110. package/dist/project.json +1 -1
  111. package/package.json +9 -9
  112. package/dist/assets/Color-6VNJS4EI-9ae8d2ff.js +0 -1
  113. package/dist/assets/DocsRenderer-NNNQARDV-9f022aef.js +0 -1
  114. package/dist/assets/WithTooltip-4HIR6TLV-4d929e52.js +0 -1
  115. package/dist/assets/color-94456a59.js +0 -11
  116. package/dist/assets/drawer.stories-333852e0.js +0 -109
  117. package/dist/assets/extends-98964cd2.js +0 -1
  118. package/dist/assets/footer.stories-02e3742f.js +0 -3
  119. package/dist/assets/form.stories-e76c7017.js +0 -49
  120. package/dist/assets/formation.stories-21da3be6.js +0 -74
  121. package/dist/assets/icon-4579d4e5.js +0 -8
  122. package/dist/assets/iframe-38a2d83b.js +0 -1
  123. package/dist/assets/inheritsLoose-c82a83d4.js +0 -1
  124. package/dist/assets/layout-forms-bea7e411.js +0 -16
  125. package/dist/assets/popover.stories-832d680f.js +0 -1
  126. package/dist/assets/preview-e035cea7.js +0 -1
  127. package/dist/assets/projects.stories-b1f8c6c9.js +0 -46
  128. package/dist/assets/select-ca80c206.js +0 -1
  129. package/dist/assets/slider-73deb0f3.js +0 -7
  130. package/dist/assets/syntaxhighlighter-NMPM6SWI-73022108.js +0 -1
@@ -1,4 +1,4 @@
1
- import{j as s}from"./jsx-runtime-f961835c.js";import{r as $}from"./index-f80c8c95.js";import{p as k}from"./immer.esm-5c06d4d0.js";import{L as x,a as X}from"./list-8a1bb0e3.js";import{L as Ue}from"./list-heading-0c0b2fba.js";import{F as Ve}from"./flex-ab83d710.js";import{l as Ye,a as Ze,b as en,c as nn,d as an,e as tn,f as rn,g as sn,h as on,i as dn,j as mn,k as ln,m as Pe}from"./list.stories-data-06a0f4f4.js";import"./index-a80ed1cf.js";import"./index.es-ab0f5a20.js";import"./inheritsLoose-c82a83d4.js";import"./extends-98964cd2.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./index-64d4dcb8.js";import"./memoize-one.esm-52518564.js";import"./icon-4579d4e5.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./card-3e67b904.js";import"./common-types-3a5f9d98.js";import"./actions-5d6680b2.js";import"./lodash-75c70a11.js";import"./button-50d2e979.js";import"./spinner-4948799e.js";import"./tooltip-559179a7.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-2efb26e1.js";import"./loader-54efe57c.js";import"./heading-3ab142d6.js";import"./help-icon-50a91ee5.js";const Wn={title:"Basic/List",component:x,args:{list:Ye,noHeader:!0},parameters:{layout:"fullscreen"}},o=d=>s.jsx(x,{...d}),B=o.bind({}),L=o.bind({});L.args={list:Ze};const D=o.bind({});D.args={list:en};const v=o.bind({});v.args={list:nn};const K=o.bind({});K.args={list:an,expanding:!0};const H=o.bind({});H.args={list:tn,noHeader:!1};const M=o.bind({});M.args={list:rn};const j=o.bind({});j.args={list:sn};const T=o.bind({});T.args={list:on};const R=o.bind({});R.args={list:dn,noHeader:!1};const E=o.bind({});E.args={bordered:!0};const N=o.bind({});N.args={list:mn};const w=o.bind({});w.args={list:ln};const I=o.bind({});I.args={list:Pe,noHeader:!1,stickyHeader:!0};I.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=o.bind({});f.args={list:Pe,scrollDetails:{scrollable:!0}};f.parameters={docs:{description:{story:"Adds an internal scrollbar to the `List`, which will fill its parent height unless a `height` is set. The scrollbar can be toggled using `hideScrollbar`."}}};f.decorators=[d=>s.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const O=()=>{const[d,y]=$.useState(0),b={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>y(l)}))};return s.jsx("div",{style:{height:200,overflow:"auto"},children:s.jsx(x,{list:b,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},J=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return k(e,i=>{const r=i[t];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:i}=a.payload;return k(e,r=>{Object.keys(r).forEach(h=>{r[h].items.forEach((A,Qe)=>{A.active=h===t&&Qe===i})})})}case"addClicked":{const{headingKey:t}=a.payload;return k(e,i=>{const r=i[t];r.expanded=!0,r.items.push({name:`${r.label} #${r.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:i}=a.payload;return k(e,r=>{let{items:h}=r[t];delete h[i],r[t].items=h.filter(A=>A)})}default:return e}},y=()=>({mammals:{draggable:!0,name:"Mammals",key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Mammal #1",active:!0},{name:"Mammal #2"},{name:"Mammal #3"},{name:"Mammal #4"},{name:"Mammal #5"},{name:"Mammal #6"},{name:"Mammal #7"},{name:"Mammal #8"},{name:"Mammal #9"},{name:"Mammal #10"}]},amphibians:{name:"Amphibians (sticky header)",key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Amphibian #1",active:!0},{name:"Amphibian #2"},{name:"Amphibian #3"},{name:"Amphibian #4"},{name:"Amphibian #5"},{name:"Amphibian #6"},{name:"Amphibian #7"},{name:"Amphibian #8"},{name:"Amphibian #9"},{name:"Amphibian #10"}]}}),[b,m]=$.useReducer(d,{},()=>y()),[l,u]=$.useState(!1),c=(e,a)=>{u(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>u(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},g=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:S,amphibians:F}=b,C=e=>({...e,actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>p(e.key)}],items:e.items.map((a,t)=>a.type=="Heading"?{...a,id:t}:{...a,id:t,onClick:()=>c(e.key,t),actions:[{label:"Delete",icon:"delete",onClick:()=>g(e.key,t)}]})}),n=300;return s.jsxs(Ve,{gap:!0,children:[s.jsx(x,{list:C(S),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),s.jsx(x,{list:C(F),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},_=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const i=t[a];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,i=>{Object.keys(i).forEach(r=>{i[r].items.forEach((h,A)=>{h.active=r===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const i=t[a];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,i=>{let{items:r}=i[a];delete r[t],i[a].items=r.filter(h=>h)})}default:return n}},y=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[b,m]=$.useReducer(d,y()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),u=(n,e)=>m({type:"itemClicked",payload:{headingKey:n,itemIndex:e}}),c=n=>m({type:"addClicked",payload:{headingKey:n}}),p=(n,e)=>m({type:"deleteClicked",payload:{headingKey:n,itemIndex:e}}),{mammals:g,amphibians:S}=b,F=n=>({name:n.label,metaCount:n.items.length,expanded:n.expanded,onClick:()=>l(n.key),actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>c(n.key)}]}),C=n=>({...n,items:n.items.map((e,a)=>({...e,id:a,onClick:()=>u(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return s.jsxs(s.Fragment,{children:[s.jsx(Ue,{name:"Animals"}),s.jsx(X,{item:F(g)}),g.expanded&&s.jsx(x,{noHeader:!0,list:C(g)}),s.jsx(X,{item:F(S)}),S.expanded&&s.jsx(x,{noHeader:!0,list:C(S)})]})},W=()=>{const d=(u,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return u;const g=[...u];return typeof p=="number"&&typeof c=="number"&&g.splice(p,0,g.splice(c,1)[0]),g},y={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"element 2",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:3,name:"element 3"},{id:4,name:"element 4",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:5,name:"element 5",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}]},[b,m]=$.useState(y.items),l=u=>{const{to:c,from:p}=u;m(d(b,p,c))};return s.jsx(x,{list:{...y,items:b},draggable:!0,onListReorder:l})};var q,z,G;B.parameters={...B.parameters,docs:{...(q=B.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
1
+ import{j as s}from"./jsx-runtime-f961835c.js";import{r as $}from"./index-f80c8c95.js";import{p as k}from"./immer.esm-5c06d4d0.js";import{L as x,a as X}from"./list-a4e1fe84.js";import{L as Ue}from"./list-heading-0f59017c.js";import{F as Ve}from"./flex-4bc3b694.js";import{l as Ye,a as Ze,b as en,c as nn,d as an,e as tn,f as rn,g as sn,h as on,i as dn,j as mn,k as ln,m as Pe}from"./list.stories-data-ade13aa1.js";import"./index-a80ed1cf.js";import"./index.es-cc11f36c.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./index-64d4dcb8.js";import"./memoize-one.esm-52518564.js";import"./icon-bb00eeb9.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./card-3e67b904.js";import"./common-types-3a5f9d98.js";import"./actions-7f26d646.js";import"./lodash-75c70a11.js";import"./button-a7e4e1fa.js";import"./spinner-4948799e.js";import"./tooltip-b72c7394.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-2efb26e1.js";import"./loader-54efe57c.js";import"./heading-5d5cbb6f.js";import"./help-icon-e6604019.js";const _n={title:"Basic/List",component:x,args:{list:Ye,noHeader:!0},parameters:{layout:"fullscreen"}},o=d=>s.jsx(x,{...d}),B=o.bind({}),L=o.bind({});L.args={list:Ze};const D=o.bind({});D.args={list:en};const v=o.bind({});v.args={list:nn};const K=o.bind({});K.args={list:an,expanding:!0};const H=o.bind({});H.args={list:tn,noHeader:!1};const M=o.bind({});M.args={list:rn};const j=o.bind({});j.args={list:sn};const T=o.bind({});T.args={list:on};const R=o.bind({});R.args={list:dn,noHeader:!1};const E=o.bind({});E.args={bordered:!0};const N=o.bind({});N.args={list:mn};const w=o.bind({});w.args={list:ln};const I=o.bind({});I.args={list:Pe,noHeader:!1,stickyHeader:!0};I.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=o.bind({});f.args={list:Pe,scrollDetails:{scrollable:!0}};f.parameters={docs:{description:{story:"Adds an internal scrollbar to the `List`, which will fill its parent height unless a `height` is set. The scrollbar can be toggled using `hideScrollbar`."}}};f.decorators=[d=>s.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const O=()=>{const[d,y]=$.useState(0),b={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>y(l)}))};return s.jsx("div",{style:{height:200,overflow:"auto"},children:s.jsx(x,{list:b,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},J=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return k(e,i=>{const r=i[t];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:i}=a.payload;return k(e,r=>{Object.keys(r).forEach(h=>{r[h].items.forEach((A,Qe)=>{A.active=h===t&&Qe===i})})})}case"addClicked":{const{headingKey:t}=a.payload;return k(e,i=>{const r=i[t];r.expanded=!0,r.items.push({name:`${r.label} #${r.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:i}=a.payload;return k(e,r=>{let{items:h}=r[t];delete h[i],r[t].items=h.filter(A=>A)})}default:return e}},y=()=>({mammals:{draggable:!0,name:"Mammals",key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Mammal #1",active:!0},{name:"Mammal #2"},{name:"Mammal #3"},{name:"Mammal #4"},{name:"Mammal #5"},{name:"Mammal #6"},{name:"Mammal #7"},{name:"Mammal #8"},{name:"Mammal #9"},{name:"Mammal #10"}]},amphibians:{name:"Amphibians (sticky header)",key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Amphibian #1",active:!0},{name:"Amphibian #2"},{name:"Amphibian #3"},{name:"Amphibian #4"},{name:"Amphibian #5"},{name:"Amphibian #6"},{name:"Amphibian #7"},{name:"Amphibian #8"},{name:"Amphibian #9"},{name:"Amphibian #10"}]}}),[b,m]=$.useReducer(d,{},()=>y()),[l,u]=$.useState(!1),c=(e,a)=>{u(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>u(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},g=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:S,amphibians:F}=b,C=e=>({...e,actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>p(e.key)}],items:e.items.map((a,t)=>a.type=="Heading"?{...a,id:t}:{...a,id:t,onClick:()=>c(e.key,t),actions:[{label:"Delete",icon:"delete",onClick:()=>g(e.key,t)}]})}),n=300;return s.jsxs(Ve,{gap:!0,children:[s.jsx(x,{list:C(S),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),s.jsx(x,{list:C(F),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},_=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const i=t[a];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,i=>{Object.keys(i).forEach(r=>{i[r].items.forEach((h,A)=>{h.active=r===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const i=t[a];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,i=>{let{items:r}=i[a];delete r[t],i[a].items=r.filter(h=>h)})}default:return n}},y=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[b,m]=$.useReducer(d,y()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),u=(n,e)=>m({type:"itemClicked",payload:{headingKey:n,itemIndex:e}}),c=n=>m({type:"addClicked",payload:{headingKey:n}}),p=(n,e)=>m({type:"deleteClicked",payload:{headingKey:n,itemIndex:e}}),{mammals:g,amphibians:S}=b,F=n=>({name:n.label,metaCount:n.items.length,expanded:n.expanded,onClick:()=>l(n.key),actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>c(n.key)}]}),C=n=>({...n,items:n.items.map((e,a)=>({...e,id:a,onClick:()=>u(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return s.jsxs(s.Fragment,{children:[s.jsx(Ue,{name:"Animals"}),s.jsx(X,{item:F(g)}),g.expanded&&s.jsx(x,{noHeader:!0,list:C(g)}),s.jsx(X,{item:F(S)}),S.expanded&&s.jsx(x,{noHeader:!0,list:C(S)})]})},W=()=>{const d=(u,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return u;const g=[...u];return typeof p=="number"&&typeof c=="number"&&g.splice(p,0,g.splice(c,1)[0]),g},y={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"element 2",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:3,name:"element 3"},{id:4,name:"element 4",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:5,name:"element 5",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}]},[b,m]=$.useState(y.items),l=u=>{const{to:c,from:p}=u;m(d(b,p,c))};return s.jsx(x,{list:{...y,items:b},draggable:!0,onListReorder:l})};var q,z,G;B.parameters={...B.parameters,docs:{...(q=B.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
2
2
  return <List {...args} />;
3
3
  }`,...(G=(z=B.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var P,Q,U;L.parameters={...L.parameters,docs:{...(P=L.parameters)==null?void 0:P.docs,source:{originalSource:`args => {
4
4
  return <List {...args} />;
@@ -452,4 +452,4 @@ import{j as s}from"./jsx-runtime-f961835c.js";import{r as $}from"./index-f80c8c9
452
452
  ...beautifulDnD,
453
453
  items: reorderedItems
454
454
  }} draggable onListReorder={onListReorder} />;
455
- }`,...(Ge=(ze=W.parameters)==null?void 0:ze.docs)==null?void 0:Ge.source}}};const Xn=["Default","Actions","Menus","Details","Expanding","Header","Badges","Nested","InvalidItems","JSXTitles","Bordered","IconWithTooltip","Metacount","StickyHeader","Scrollable","InfiniteScroll","ScrollToActiveItem","HeadingsManaged","ManagedDragAndDrop"];export{L as Actions,M as Badges,E as Bordered,B as Default,v as Details,K as Expanding,H as Header,_ as HeadingsManaged,N as IconWithTooltip,O as InfiniteScroll,T as InvalidItems,R as JSXTitles,W as ManagedDragAndDrop,D as Menus,w as Metacount,j as Nested,J as ScrollToActiveItem,f as Scrollable,I as StickyHeader,Xn as __namedExportsOrder,Wn as default};
455
+ }`,...(Ge=(ze=W.parameters)==null?void 0:ze.docs)==null?void 0:Ge.source}}};const Wn=["Default","Actions","Menus","Details","Expanding","Header","Badges","Nested","InvalidItems","JSXTitles","Bordered","IconWithTooltip","Metacount","StickyHeader","Scrollable","InfiniteScroll","ScrollToActiveItem","HeadingsManaged","ManagedDragAndDrop"];export{L as Actions,M as Badges,E as Bordered,B as Default,v as Details,K as Expanding,H as Header,_ as HeadingsManaged,N as IconWithTooltip,O as InfiniteScroll,T as InvalidItems,R as JSXTitles,W as ManagedDragAndDrop,D as Menus,w as Metacount,j as Nested,J as ScrollToActiveItem,f as Scrollable,I as StickyHeader,Wn as __namedExportsOrder,_n as default};
@@ -1 +1 @@
1
- import{j as t}from"./jsx-runtime-f961835c.js";import{I as i,T as r}from"./common-types-3a5f9d98.js";import{F as o}from"./flex-ab83d710.js";import{M as d}from"./actions-5d6680b2.js";import{I as n}from"./icon-4579d4e5.js";import{M as l}from"./types-cc224262.js";const a=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Jaguar",disabled:!0}],p=[{id:1,name:"Marsupials",type:"Heading",metaCount:1},{id:2,name:"Aardvark"},{id:3,name:"Kangaroo",active:!0},{id:4,name:"Mammals",type:"Heading",metaCount:1},{id:5,name:"Jaguar"}],u=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Grey",level:1},{id:4,name:"Eastern",level:2},{id:5,name:"Macropus giganteus giganteus",title:"Macropus giganteus giganteus",level:3},{id:6,name:"Macropus giganteus tasmaniensis",title:"Macropus giganteus tasmaniensis",level:3},{id:7,name:"Western",level:2},{id:8,name:"Red",level:1},{id:9,name:"Jaguar"}],C={items:a},c={name:"Animals",actions:[{label:"More",subActions:[{label:"Item",icon:"up",onClick:()=>{}},{label:"Item",icon:"down",onClick:()=>{}}]},{label:"Add",primary:!0,icon:"add",onClick:()=>{}}],items:a},m={...c,items:p},I={...c,name:t.jsxs(o,{gap:"8px",children:["Animals",t.jsx(n,{icon:i.STAR})]}),items:a.map(e=>({...e,name:t.jsxs(o,{gap:"8px",alignItems:"center",children:[e.name,t.jsx(n,{icon:i.STAR})]})}))};a.map(e=>({...e,actions:[{childComponent:t.jsx(d,{menu:{trigger:r.COMPONENT,component:t.jsx(n,{icon:i.MENU}),placement:"bottom-end",sections:[{type:l.OPTION,label:"Item",onClick:()=>{}},{type:l.OPTION,label:"Item",onClick:()=>{}}]}})}]}));const h={items:a.map(e=>({...e,actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]}]}))},k={items:a.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},T={...m,items:m.items.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},j={items:a.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},y={items:a.map((e,s)=>({...e,details:"Description goes here",metadata:"2019-05-03 09:03:51",testId:`story-list-item-${s}`}))},f={items:a.map(e=>({...e,content:t.jsx("div",{children:"Example content element (for show/hide)."})}))},S={items:u},N={items:[...a,{id:4,name:"Dodo",invalid:!0}]},E={items:a.map(e=>({...e,icon:{icon:"success",color:"var(--color-text-success)",tooltip:{text:t.jsx(t.Fragment,{children:"Tooltip goes here"})}}}))},O={items:a.map(e=>({...e,metaCount:3}))},D={name:"Animals",items:[...Array(50)].map((e,s)=>({id:s,name:`Aardvark #${s+1}`}))};export{j as a,h as b,y as c,f as d,c as e,k as f,S as g,N as h,I as i,E as j,O as k,C as l,D as m,T as n};
1
+ import{j as t}from"./jsx-runtime-f961835c.js";import{I as i,T as r}from"./common-types-3a5f9d98.js";import{F as o}from"./flex-4bc3b694.js";import{M as d}from"./actions-7f26d646.js";import{I as n}from"./icon-bb00eeb9.js";import{M as l}from"./types-cc224262.js";const a=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Jaguar",disabled:!0}],p=[{id:1,name:"Marsupials",type:"Heading",metaCount:1},{id:2,name:"Aardvark"},{id:3,name:"Kangaroo",active:!0},{id:4,name:"Mammals",type:"Heading",metaCount:1},{id:5,name:"Jaguar"}],u=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Grey",level:1},{id:4,name:"Eastern",level:2},{id:5,name:"Macropus giganteus giganteus",title:"Macropus giganteus giganteus",level:3},{id:6,name:"Macropus giganteus tasmaniensis",title:"Macropus giganteus tasmaniensis",level:3},{id:7,name:"Western",level:2},{id:8,name:"Red",level:1},{id:9,name:"Jaguar"}],C={items:a},c={name:"Animals",actions:[{label:"More",subActions:[{label:"Item",icon:"up",onClick:()=>{}},{label:"Item",icon:"down",onClick:()=>{}}]},{label:"Add",primary:!0,icon:"add",onClick:()=>{}}],items:a},m={...c,items:p},I={...c,name:t.jsxs(o,{gap:"8px",children:["Animals",t.jsx(n,{icon:i.STAR})]}),items:a.map(e=>({...e,name:t.jsxs(o,{gap:"8px",alignItems:"center",children:[e.name,t.jsx(n,{icon:i.STAR})]})}))};a.map(e=>({...e,actions:[{childComponent:t.jsx(d,{menu:{trigger:r.COMPONENT,component:t.jsx(n,{icon:i.MENU}),placement:"bottom-end",sections:[{type:l.OPTION,label:"Item",onClick:()=>{}},{type:l.OPTION,label:"Item",onClick:()=>{}}]}})}]}));const h={items:a.map(e=>({...e,actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]}]}))},k={items:a.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},T={...m,items:m.items.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},j={items:a.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},y={items:a.map((e,s)=>({...e,details:"Description goes here",metadata:"2019-05-03 09:03:51",testId:`story-list-item-${s}`}))},f={items:a.map(e=>({...e,content:t.jsx("div",{children:"Example content element (for show/hide)."})}))},S={items:u},N={items:[...a,{id:4,name:"Dodo",invalid:!0}]},E={items:a.map(e=>({...e,icon:{icon:"success",color:"var(--color-text-success)",tooltip:{text:t.jsx(t.Fragment,{children:"Tooltip goes here"})}}}))},O={items:a.map(e=>({...e,metaCount:3}))},D={name:"Animals",items:[...Array(50)].map((e,s)=>({id:s,name:`Aardvark #${s+1}`}))};export{j as a,h as b,y as c,f as d,c as e,k as f,S as g,N as h,I as i,E as j,O as k,C as l,D as m,T as n};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as N}from"./index-f80c8c95.js";import{a as m}from"./common-types-3a5f9d98.js";import{L as g}from"./loader-54efe57c.js";import{P as M}from"./progress-bar-40b8dbf0.js";import{S as x}from"./spinner-4948799e.js";import{S as l}from"./spacer-b33ecb12.js";import{B as L}from"./button-50d2e979.js";import{C as q}from"./card-3e67b904.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./icon-4579d4e5.js";import"./inheritsLoose-c82a83d4.js";import"./index-c89a1915.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";const le={title:"Progress/Loader",component:g,argTypes:{theme:{control:{type:"inline-radio"},options:["white","light","dark"]}},args:{theme:"white",text:"Loading...",width:"100%",height:"100%",fullViewPortSize:!1},decorators:[r=>e.jsx("div",{style:{height:"200px",position:"relative"},children:r()})],parameters:{docs:{source:{excludeDecorators:!0}}}},S=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(x,{dark:t!=="dark"})})},h=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(M,{width:"300px",inverted:t==="dark",percentage:40})})},a=S.bind({});a.args={testId:"story-default-spinner"};const u=h.bind({}),s=S.bind({});s.args={theme:m.LIGHT};const o=S.bind({});o.args={theme:m.DARK,fullViewPortSize:!0};const i=h.bind({});i.args={theme:m.DARK,fullViewPortSize:!0};const n=h.bind({});n.args={details:"Some extra info"};const d=h.bind({});d.args={text:"",details:e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{opacity:.5},children:"Step 1: Lorem ipsum...DONE"}),e.jsx(l,{height:"8px"}),e.jsx("div",{children:"Step 2: Dolor est"}),e.jsx(l,{height:"8px"}),e.jsx("div",{style:{opacity:.5},children:"Step 3: Compendum"}),e.jsx(l,{height:"16px"}),e.jsx(L,{label:"Cancel",onClick:()=>{}})]})};const c=()=>{const[r,t]=N.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(l,{}),e.jsx(q,{children:e.jsxs("div",{style:{position:"relative"},children:[r&&e.jsx(g,{cover:!0,theme:m.WHITE,children:e.jsx(x,{dark:!0})}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)]})})]})};c.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const p=()=>{const[r,t]=N.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(l,{}),e.jsx(q,{children:e.jsx("div",{style:{position:"relative"},children:r?e.jsx(g,{theme:m.WHITE,height:"200px",children:e.jsx(x,{dark:!0})}):e.jsx("div",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)})})})]})};p.parameters={docs:{story:{inline:!1,iframeHeight:400}}};var j,v,k;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`(args: ILoaderProps) => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as N}from"./index-f80c8c95.js";import{a as m}from"./common-types-3a5f9d98.js";import{L as g}from"./loader-54efe57c.js";import{P as M}from"./progress-bar-40b8dbf0.js";import{S as x}from"./spinner-4948799e.js";import{S as l}from"./spacer-b33ecb12.js";import{B as L}from"./button-a7e4e1fa.js";import{C as q}from"./card-3e67b904.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";const le={title:"Progress/Loader",component:g,argTypes:{theme:{control:{type:"inline-radio"},options:["white","light","dark"]}},args:{theme:"white",text:"Loading...",width:"100%",height:"100%",fullViewPortSize:!1},decorators:[r=>e.jsx("div",{style:{height:"200px",position:"relative"},children:r()})],parameters:{docs:{source:{excludeDecorators:!0}}}},S=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(x,{dark:t!=="dark"})})},h=r=>{const{theme:t}=r;return e.jsx(g,{...r,children:e.jsx(M,{width:"300px",inverted:t==="dark",percentage:40})})},a=S.bind({});a.args={testId:"story-default-spinner"};const u=h.bind({}),s=S.bind({});s.args={theme:m.LIGHT};const o=S.bind({});o.args={theme:m.DARK,fullViewPortSize:!0};const i=h.bind({});i.args={theme:m.DARK,fullViewPortSize:!0};const n=h.bind({});n.args={details:"Some extra info"};const d=h.bind({});d.args={text:"",details:e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{opacity:.5},children:"Step 1: Lorem ipsum...DONE"}),e.jsx(l,{height:"8px"}),e.jsx("div",{children:"Step 2: Dolor est"}),e.jsx(l,{height:"8px"}),e.jsx("div",{style:{opacity:.5},children:"Step 3: Compendum"}),e.jsx(l,{height:"16px"}),e.jsx(L,{label:"Cancel",onClick:()=>{}})]})};const c=()=>{const[r,t]=N.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(l,{}),e.jsx(q,{children:e.jsxs("div",{style:{position:"relative"},children:[r&&e.jsx(g,{cover:!0,theme:m.WHITE,children:e.jsx(x,{dark:!0})}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)]})})]})};c.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const p=()=>{const[r,t]=N.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(L,{label:"Toggle loading",onClick:()=>t(!r)}),e.jsx(l,{}),e.jsx(q,{children:e.jsx("div",{style:{position:"relative"},children:r?e.jsx(g,{theme:m.WHITE,height:"200px",children:e.jsx(x,{dark:!0})}):e.jsx("div",{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)})})})]})};p.parameters={docs:{story:{inline:!1,iframeHeight:400}}};var j,v,k;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`(args: ILoaderProps) => {
2
2
  const {
3
3
  theme
4
4
  } = args;
@@ -1,4 +1,4 @@
1
- import{j as s}from"./jsx-runtime-f961835c.js";import{r as cr}from"./index-f80c8c95.js";import{T as W,I as pr}from"./common-types-3a5f9d98.js";import{M as A}from"./actions-5d6680b2.js";import{B as R}from"./button-50d2e979.js";import{F as dr}from"./flex-ab83d710.js";import{m as r,a as lr,b as mr,c as gr,d as ur,e as xr,f as br,g as Sr,h as jr,i as Mr}from"./menu.stories-data-46536d0f.js";import"./index-a80ed1cf.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";import"./icon-4579d4e5.js";import"./inheritsLoose-c82a83d4.js";import"./index-c89a1915.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-2efb26e1.js";import"./spinner-4948799e.js";const Pr={title:"Basic/Menu",component:A,args:{menu:r}},e=a=>s.jsx(A,{...a}),I=e.bind({}),n=e.bind({});n.args={menu:{...r,colored:!0}};const o=e.bind({});o.args={menu:{...r,label:"Delete",colored:"danger"}};const t=e.bind({});t.args={menu:{...r,trigger:W.TEXT}};const i=e.bind({});i.args={menu:{...r,trigger:W.COMPONENT,component:s.jsx(R,{small:!0,colored:!0,round:!0,icon:pr.SETTINGS})}};const c=e.bind({});c.args={menu:lr};const p=e.bind({});p.args={menu:mr};const d=e.bind({});d.args={menu:gr};const l=e.bind({});l.args={menu:ur};const m=e.bind({});m.args={disabled:!0};const g=e.bind({});g.args={tooltip:"Tooltip goes here"};const u=e.bind({});u.args={error:"Error goes here"};const x=e.bind({});x.args={warning:"Warning goes here"};const b=e.bind({});b.args={loading:!0,disabled:!0};const S=e.bind({});S.args={badgeTitle:"3"};const j=e.bind({});j.args={badgeDot:!0};const M=e.bind({});M.args={menu:xr};const T=e.bind({});T.args={menu:br};const C=e.bind({});C.args={closeOnOptionClick:!1};const O=e.bind({});O.args={contextMenu:!0,menu:{...r,trigger:W.TEXT,label:"Right-click me"}};const h=e.bind({});h.args={width:"100%"};const f=e.bind({});f.args={menu:{...r,small:!0}};const D=e.bind({});D.args={menu:Sr};const E=e.bind({});E.args={menu:{...r,sections:s.jsx("div",{children:"Testing"})}};const F=e.bind({});F.args={menu:jr};const k=e.bind({});k.args={menu:Mr};const y=()=>{const[a,B]=cr.useState(!1);return s.jsxs(dr,{gap:!0,children:[s.jsx(A,{menu:r,open:a,setOpen:B}),s.jsx(R,{label:"Open",onClick:()=>B(!0),disabled:a}),s.jsx(R,{label:"Close",onClick:()=>B(!1),disabled:!a})]})};var X,w,J;I.parameters={...I.parameters,docs:{...(X=I.parameters)==null?void 0:X.docs,source:{originalSource:`args => <Menu
1
+ import{j as s}from"./jsx-runtime-f961835c.js";import{r as cr}from"./index-f80c8c95.js";import{T as W,I as pr}from"./common-types-3a5f9d98.js";import{M as A}from"./actions-7f26d646.js";import{B as R}from"./button-a7e4e1fa.js";import{F as dr}from"./flex-4bc3b694.js";import{m as r,a as lr,b as mr,c as gr,d as ur,e as xr,f as br,g as Sr,h as jr,i as Mr}from"./menu.stories-data-5b2403ee.js";import"./index-a80ed1cf.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-2efb26e1.js";import"./spinner-4948799e.js";const Pr={title:"Basic/Menu",component:A,args:{menu:r}},e=a=>s.jsx(A,{...a}),I=e.bind({}),n=e.bind({});n.args={menu:{...r,colored:!0}};const o=e.bind({});o.args={menu:{...r,label:"Delete",colored:"danger"}};const t=e.bind({});t.args={menu:{...r,trigger:W.TEXT}};const i=e.bind({});i.args={menu:{...r,trigger:W.COMPONENT,component:s.jsx(R,{small:!0,colored:!0,round:!0,icon:pr.SETTINGS})}};const c=e.bind({});c.args={menu:lr};const p=e.bind({});p.args={menu:mr};const d=e.bind({});d.args={menu:gr};const l=e.bind({});l.args={menu:ur};const m=e.bind({});m.args={disabled:!0};const g=e.bind({});g.args={tooltip:"Tooltip goes here"};const u=e.bind({});u.args={error:"Error goes here"};const x=e.bind({});x.args={warning:"Warning goes here"};const b=e.bind({});b.args={loading:!0,disabled:!0};const S=e.bind({});S.args={badgeTitle:"3"};const j=e.bind({});j.args={badgeDot:!0};const M=e.bind({});M.args={menu:xr};const T=e.bind({});T.args={menu:br};const C=e.bind({});C.args={closeOnOptionClick:!1};const O=e.bind({});O.args={contextMenu:!0,menu:{...r,trigger:W.TEXT,label:"Right-click me"}};const h=e.bind({});h.args={width:"100%"};const f=e.bind({});f.args={menu:{...r,small:!0}};const D=e.bind({});D.args={menu:Sr};const E=e.bind({});E.args={menu:{...r,sections:s.jsx("div",{children:"Testing"})}};const F=e.bind({});F.args={menu:jr};const k=e.bind({});k.args={menu:Mr};const y=()=>{const[a,B]=cr.useState(!1);return s.jsxs(dr,{gap:!0,children:[s.jsx(A,{menu:r,open:a,setOpen:B}),s.jsx(R,{label:"Open",onClick:()=>B(!0),disabled:a}),s.jsx(R,{label:"Close",onClick:()=>B(!1),disabled:!a})]})};var X,w,J;I.parameters={...I.parameters,docs:{...(X=I.parameters)==null?void 0:X.docs,source:{originalSource:`args => <Menu
2
2
  // eslint-disable-next-line react/jsx-props-no-spreading
3
3
  {...args} />`,...(J=(w=I.parameters)==null?void 0:w.docs)==null?void 0:J.source}}};var L,P,v;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`args => <Menu
4
4
  // eslint-disable-next-line react/jsx-props-no-spreading
@@ -1 +1 @@
1
- import{j as n}from"./jsx-runtime-f961835c.js";import{T as o}from"./common-types-3a5f9d98.js";import{F as i}from"./flex-ab83d710.js";import{B as s}from"./badge-2efb26e1.js";import{M as l}from"./types-cc224262.js";const a=async e=>{await console.log("onFileChange",e)},t={label:"Select",trigger:o.DROP_DOWN_BUTTON,sections:[{type:l.HEADING,label:"Heading"},{type:l.OPTION,label:"King",onClick:()=>{}},{type:l.OPTION,label:"Queen",selected:!0,onClick:()=>{}},{type:l.DIVIDER},{type:l.OPTION,label:"Knight",disabled:!0,onClick:()=>{}},{type:l.OPTION,label:"Bishop",onClick:()=>{}}]},y={...t,sections:t.sections.map(e=>e.type===l.OPTION?{...e,onClick:void 0,onChange:a,upload:!0}:e)},b={...t,label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Select",n.jsx(s,{small:!0,title:"BETA"})]}),sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Parent",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Parent",sections:Array(3).fill({type:"Option",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Child",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Child"})}})},d={label:"123 m",trigger:"DropDownButton",sections:[{type:"Option",label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:"Option",label:"123",description:"m",inline:!0,onClick:()=>{},selected:!0},{type:"Option",label:"0.123",description:"km",inline:!0,onClick:()=>{}}]},r=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],O={...t,sections:t.sections.map(e=>e.type==="Option"?{...e,inline:!0,actions:r}:e)},h={...t,sections:t.sections.map(e=>e.type==="Option"||e.type==="Heading"?{...e,icon:"star",onClick:()=>{}}:e)},C={...t,sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:"Parent",sections:Array(3).fill({type:"Option",label:"Child",onClick:()=>{}})}})},T={...t,sections:Array(100).fill({type:"Option",label:"Item",onClick:()=>{}})},x={label:"No sections",trigger:"DropDownButton",sections:[]},k={label:"Select",trigger:"DropDownButton",showAllButton:{visible:!0,showAllTitle:"Show all...",showLessTitle:"Show less...",additionalSections:[{type:"Divider"},{type:"Option",label:"This item is always shown",onClick:()=>{}}]},sections:Array(8).fill({type:"Option",label:"Item",onClick:()=>{}})};export{y as a,d as b,O as c,h as d,x as e,C as f,b as g,k as h,T as i,t as m};
1
+ import{j as n}from"./jsx-runtime-f961835c.js";import{T as o}from"./common-types-3a5f9d98.js";import{F as i}from"./flex-4bc3b694.js";import{B as s}from"./badge-2efb26e1.js";import{M as l}from"./types-cc224262.js";const a=async e=>{await console.log("onFileChange",e)},t={label:"Select",trigger:o.DROP_DOWN_BUTTON,sections:[{type:l.HEADING,label:"Heading"},{type:l.OPTION,label:"King",onClick:()=>{}},{type:l.OPTION,label:"Queen",selected:!0,onClick:()=>{}},{type:l.DIVIDER},{type:l.OPTION,label:"Knight",disabled:!0,onClick:()=>{}},{type:l.OPTION,label:"Bishop",onClick:()=>{}}]},y={...t,sections:t.sections.map(e=>e.type===l.OPTION?{...e,onClick:void 0,onChange:a,upload:!0}:e)},b={...t,label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Select",n.jsx(s,{small:!0,title:"BETA"})]}),sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Parent",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Parent",sections:Array(3).fill({type:"Option",label:n.jsxs(i,{alignItems:"center",gap:"4px",children:["Child",n.jsx(s,{small:!0,title:"BETA"})]}),title:"Child"})}})},d={label:"123 m",trigger:"DropDownButton",sections:[{type:"Option",label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:"Option",label:"123",description:"m",inline:!0,onClick:()=>{},selected:!0},{type:"Option",label:"0.123",description:"km",inline:!0,onClick:()=>{}}]},r=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],O={...t,sections:t.sections.map(e=>e.type==="Option"?{...e,inline:!0,actions:r}:e)},h={...t,sections:t.sections.map(e=>e.type==="Option"||e.type==="Heading"?{...e,icon:"star",onClick:()=>{}}:e)},C={...t,sections:Array(3).fill({type:"Menu",trigger:"Text",menu:{trigger:"Text",placement:"right-start",label:"Parent",sections:Array(3).fill({type:"Option",label:"Child",onClick:()=>{}})}})},T={...t,sections:Array(100).fill({type:"Option",label:"Item",onClick:()=>{}})},x={label:"No sections",trigger:"DropDownButton",sections:[]},k={label:"Select",trigger:"DropDownButton",showAllButton:{visible:!0,showAllTitle:"Show all...",showLessTitle:"Show less...",additionalSections:[{type:"Divider"},{type:"Option",label:"This item is always shown",onClick:()=>{}}]},sections:Array(8).fill({type:"Option",label:"Item",onClick:()=>{}})};export{y as a,d as b,O as c,h as d,x as e,C as f,b as g,k as h,T as i,t as m};
@@ -1 +1 @@
1
- import{j as s}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{c as l}from"./index-a80ed1cf.js";import{I as r}from"./common-types-3a5f9d98.js";import{I as c}from"./icon-4579d4e5.js";const j="_inputInTable_xdohp_341",R="_inputHover_xdohp_350",T="_inputFocus_xdohp_355",v="_inputError_xdohp_362",C="_inputWarning_xdohp_363",y="_inputDisabled_xdohp_398",D="_hideScrollbars_xdohp_403",O="_container_xdohp_419",G="_block_xdohp_437",w="_info_xdohp_440",A="_success_xdohp_444",F="_warning_xdohp_448",L="_error_xdohp_452",W="_content_xdohp_456",V="_heading_xdohp_460",k="_icon_xdohp_468",z="_dismiss_xdohp_469",H="_absolute_xdohp_482",U="_legendToggle_xdohp_487",q="_detailsText_xdohp_503",M="_footer_xdohp_507",n={inputInTable:j,inputHover:R,inputFocus:T,inputError:v,inputWarning:C,inputDisabled:y,hideScrollbars:D,container:O,block:G,info:w,success:A,warning:F,error:L,content:W,heading:V,icon:k,dismiss:z,absolute:H,legendToggle:U,detailsText:q,footer:M};var i=(e=>(e.INFO="Info",e.SUCCESS="Success",e.WARNING="Warning",e.ERROR="Error",e))(i||{}),d=(e=>(e.TOGGLE_DETAILS="TOGGLE_DETAILS",e))(d||{});const a=({type:e,onClose:o,isInToast:t})=>s.jsx("div",{className:l(n.dismiss,t?n.absolute:"",e===i.INFO?n.info:e===i.SUCCESS?n.success:e===i.WARNING?n.warning:e===i.ERROR?n.error:null),children:s.jsx(c,{icon:r.CLOSE,onClick:o})});try{a.displayName="Dismiss",a.__docgenInfo={description:"",displayName:"Dismiss",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"string"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"TFunction"}},isInToast:{defaultValue:null,description:"",name:"isInToast",required:!1,type:{name:"boolean"}}}}}catch{}const B={detailsVisible:!1},J=(e,o)=>{switch(o.type){case d.TOGGLE_DETAILS:return{...e,detailsVisible:!e.detailsVisible};default:return e}},K=({details:e,visible:o,dispatch:t})=>s.jsxs("div",{children:[s.jsx("div",{className:l(n.legendToggle),onClick:t,children:o?"Hide details":"Show details"}),o?s.jsx("div",{className:n.detailsText,children:e}):null]}),P=({type:e})=>{switch(e){case i.SUCCESS:return s.jsx(c,{icon:r.SUCCESS,size:16});case i.WARNING:return s.jsx(c,{icon:r.WARNING,size:16});case i.ERROR:return s.jsx(c,{icon:r.ERROR,size:16});default:return s.jsx(c,{icon:r.INFO,size:16})}},x=({message:e})=>{const{visible:o,type:t=i.INFO,icon:m,heading:_,content:g,details:u,footer:p,withDismiss:f,onClose:I,width:h,maxHeight:N}=e,[S,E]=b.useReducer(J,B);return s.jsx(s.Fragment,{children:o?s.jsxs("div",{className:l(n.container,h?n.block:null,t===i.SUCCESS?n.success:t===i.WARNING?n.warning:t===i.ERROR?n.error:n.info),style:{width:h,maxHeight:N},children:[s.jsx("div",{children:m?s.jsx("div",{className:n.icon,children:s.jsx(P,{type:t})}):null}),s.jsxs("div",{className:n.content,children:[_?s.jsx("div",{className:n.heading,children:_}):null,s.jsx("div",{children:g}),u?s.jsx(K,{details:u,visible:S.detailsVisible,dispatch:()=>E({type:d.TOGGLE_DETAILS})}):null,!!p&&s.jsx("div",{className:n.footer,children:p})]}),f?s.jsx(a,{type:t,onClose:I}):null]}):null})};try{x.displayName="Message",x.__docgenInfo={description:"",displayName:"Message",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"IMessage"}}}}}catch{}export{a as D,i as M,x as a};
1
+ import{j as s}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{c as l}from"./index-a80ed1cf.js";import{I as r}from"./common-types-3a5f9d98.js";import{I as c}from"./icon-bb00eeb9.js";const j="_inputInTable_xdohp_341",R="_inputHover_xdohp_350",T="_inputFocus_xdohp_355",v="_inputError_xdohp_362",C="_inputWarning_xdohp_363",y="_inputDisabled_xdohp_398",D="_hideScrollbars_xdohp_403",O="_container_xdohp_419",G="_block_xdohp_437",w="_info_xdohp_440",A="_success_xdohp_444",F="_warning_xdohp_448",L="_error_xdohp_452",W="_content_xdohp_456",V="_heading_xdohp_460",k="_icon_xdohp_468",z="_dismiss_xdohp_469",H="_absolute_xdohp_482",U="_legendToggle_xdohp_487",q="_detailsText_xdohp_503",M="_footer_xdohp_507",n={inputInTable:j,inputHover:R,inputFocus:T,inputError:v,inputWarning:C,inputDisabled:y,hideScrollbars:D,container:O,block:G,info:w,success:A,warning:F,error:L,content:W,heading:V,icon:k,dismiss:z,absolute:H,legendToggle:U,detailsText:q,footer:M};var i=(e=>(e.INFO="Info",e.SUCCESS="Success",e.WARNING="Warning",e.ERROR="Error",e))(i||{}),d=(e=>(e.TOGGLE_DETAILS="TOGGLE_DETAILS",e))(d||{});const a=({type:e,onClose:o,isInToast:t})=>s.jsx("div",{className:l(n.dismiss,t?n.absolute:"",e===i.INFO?n.info:e===i.SUCCESS?n.success:e===i.WARNING?n.warning:e===i.ERROR?n.error:null),children:s.jsx(c,{icon:r.CLOSE,onClick:o})});try{a.displayName="Dismiss",a.__docgenInfo={description:"",displayName:"Dismiss",props:{type:{defaultValue:null,description:"",name:"type",required:!0,type:{name:"string"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"TFunction"}},isInToast:{defaultValue:null,description:"",name:"isInToast",required:!1,type:{name:"boolean"}}}}}catch{}const B={detailsVisible:!1},J=(e,o)=>{switch(o.type){case d.TOGGLE_DETAILS:return{...e,detailsVisible:!e.detailsVisible};default:return e}},K=({details:e,visible:o,dispatch:t})=>s.jsxs("div",{children:[s.jsx("div",{className:l(n.legendToggle),onClick:t,children:o?"Hide details":"Show details"}),o?s.jsx("div",{className:n.detailsText,children:e}):null]}),P=({type:e})=>{switch(e){case i.SUCCESS:return s.jsx(c,{icon:r.SUCCESS,size:16});case i.WARNING:return s.jsx(c,{icon:r.WARNING,size:16});case i.ERROR:return s.jsx(c,{icon:r.ERROR,size:16});default:return s.jsx(c,{icon:r.INFO,size:16})}},x=({message:e})=>{const{visible:o,type:t=i.INFO,icon:m,heading:_,content:g,details:u,footer:p,withDismiss:f,onClose:I,width:h,maxHeight:N}=e,[S,E]=b.useReducer(J,B);return s.jsx(s.Fragment,{children:o?s.jsxs("div",{className:l(n.container,h?n.block:null,t===i.SUCCESS?n.success:t===i.WARNING?n.warning:t===i.ERROR?n.error:n.info),style:{width:h,maxHeight:N},children:[s.jsx("div",{children:m?s.jsx("div",{className:n.icon,children:s.jsx(P,{type:t})}):null}),s.jsxs("div",{className:n.content,children:[_?s.jsx("div",{className:n.heading,children:_}):null,s.jsx("div",{children:g}),u?s.jsx(K,{details:u,visible:S.detailsVisible,dispatch:()=>E({type:d.TOGGLE_DETAILS})}):null,!!p&&s.jsx("div",{className:n.footer,children:p})]}),f?s.jsx(a,{type:t,onClose:I}):null]}):null})};try{x.displayName="Message",x.__docgenInfo={description:"",displayName:"Message",props:{message:{defaultValue:null,description:"",name:"message",required:!0,type:{name:"IMessage"}}}}}catch{}export{a as D,i as M,x as a};
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-f4ce39be.js";import{B as C}from"./button-50d2e979.js";import{G as q}from"./grid-958a766c.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./icon-4579d4e5.js";import"./inheritsLoose-c82a83d4.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";import"./styled-components.browser.esm-a7da2f18.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";const{useArgs:w}=__STORYBOOK_MODULE_ADDONS__,L={visible:!0,heading:void 0,content:"Here is some info",withDismiss:!1,icon:!1,details:void 0,maxHeight:void 0,type:n.INFO},te={title:"Basic/Message",component:a,args:{...L},argTypes:{heading:{control:{type:"text"}},details:{control:{type:"text"}}}},s=d=>{const[K,u]=w(),m=()=>{u({visible:!1}),setTimeout(()=>{u({visible:!0})},1e3)};return e.jsxs(q,{gap:!0,children:[e.jsx(a,{message:{...d,onClose:m,type:n.INFO}}),e.jsx(a,{message:{...d,onClose:m,type:n.ERROR}}),e.jsx(a,{message:{...d,onClose:m,type:n.WARNING}}),e.jsx(a,{message:{...d,onClose:m,type:n.SUCCESS}})]})},c=s.bind({}),o=s.bind({});o.args={heading:"Message Heading"};const r=s.bind({});r.args={icon:!0};const t=s.bind({});t.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero."};const g=s.bind({});g.args={type:n.ERROR,icon:!0,content:"Unable to sync because connection settings are not set.",footer:e.jsxs(e.Fragment,{children:[e.jsx(C,{small:!0,label:"Edit connection settings",colored:"primary"},"edit-settings"),e.jsx(C,{small:!0,label:"Cancel sync"},"cancel-sync"),","]})};const l=s.bind({});l.args={width:"100%"};const i=s.bind({});i.args={width:"300px"};const p=s.bind({});p.args={maxHeight:"100px",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)};var y,M,h;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-1ae54f21.js";import{B as C}from"./button-a7e4e1fa.js";import{G as q}from"./grid-958a766c.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./styled-components.browser.esm-a7da2f18.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";const{useArgs:w}=__STORYBOOK_MODULE_ADDONS__,L={visible:!0,heading:void 0,content:"Here is some info",withDismiss:!1,icon:!1,details:void 0,maxHeight:void 0,type:n.INFO},te={title:"Basic/Message",component:a,args:{...L},argTypes:{heading:{control:{type:"text"}},details:{control:{type:"text"}}}},s=d=>{const[K,u]=w(),m=()=>{u({visible:!1}),setTimeout(()=>{u({visible:!0})},1e3)};return e.jsxs(q,{gap:!0,children:[e.jsx(a,{message:{...d,onClose:m,type:n.INFO}}),e.jsx(a,{message:{...d,onClose:m,type:n.ERROR}}),e.jsx(a,{message:{...d,onClose:m,type:n.WARNING}}),e.jsx(a,{message:{...d,onClose:m,type:n.SUCCESS}})]})},c=s.bind({}),o=s.bind({});o.args={heading:"Message Heading"};const r=s.bind({});r.args={icon:!0};const t=s.bind({});t.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero."};const g=s.bind({});g.args={type:n.ERROR,icon:!0,content:"Unable to sync because connection settings are not set.",footer:e.jsxs(e.Fragment,{children:[e.jsx(C,{small:!0,label:"Edit connection settings",colored:"primary"},"edit-settings"),e.jsx(C,{small:!0,label:"Cancel sync"},"cancel-sync"),","]})};const l=s.bind({});l.args={width:"100%"};const i=s.bind({});i.args={width:"300px"};const p=s.bind({});p.args={maxHeight:"100px",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)};var y,M,h;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
2
2
  const [_, updateArgs] = useArgs();
3
3
  const handleClose = () => {
4
4
  updateArgs({
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{T as W}from"./common-types-3a5f9d98.js";import{M as E,D as R}from"./dialog-69f889d0.js";import{B as n}from"./button-50d2e979.js";import{P as H}from"./popover-b6a51770.js";import{I as K}from"./input-0081e806.js";import{I as U}from"./input-group-0ccd8ab2.js";import{F as p}from"./field-f7d2025c.js";import{M as G}from"./actions-5d6680b2.js";import{S as V}from"./select-ca80c206.js";import{S as Y}from"./spacer-b33ecb12.js";import{T as q}from"./tooltip-559179a7.js";import{M as m}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./portal-c06d6787.js";import"./index-64d4dcb8.js";import"./lodash-75c70a11.js";import"./heading-3ab142d6.js";import"./help-icon-50a91ee5.js";import"./icon-4579d4e5.js";import"./inheritsLoose-c82a83d4.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./types-332ceaf3.js";import"./label-80098cc6.js";import"./badge-2efb26e1.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-78efb253.js";import"./select.input-88b6ebab.js";const{useArgs:z}=__STORYBOOK_MODULE_ADDONS__,Te={title:"Modals/Modal",component:E,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(n,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[{visible:c,centered:I,...w},L]=z(),g=()=>{L({visible:!c})};return e.jsxs(e.Fragment,{children:[e.jsx(E,{visible:c,centered:I,children:e.jsx(R,{dialog:{...w,onClose:g}})}),e.jsx(n,{label:"Open Modal",onClick:g})]})},d=o.bind({}),r=o.bind({});r.args={centered:!0};const a=o.bind({});a.args={content:["This is a","new line!"]};const l=o.bind({});l.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const s=o.bind({});s.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const t=o.bind({});t.args={contentPadding:0};const i=o.bind({});i.args={content:e.jsxs(e.Fragment,{children:[e.jsx(q,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(Y,{}),e.jsx(p,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(V,{name:"example",options:["Aardvarks","Kangaroos","Monkeys","Possums","Gorilla","Puma","Patagonian Mara","Tarsier","Koala","Panda","Red Panda","Impala","Tiger","Crocodile","Bat"],onChange:()=>{},value:"Monkeys",error:"Bad value"})}),e.jsx(p,{label:"Nested Menu",children:e.jsx(G,{maxHeight:"240px",menu:{label:"Menu",trigger:W.DROP_DOWN_BUTTON,sections:[{type:m.MENU,menu:{trigger:"Text",label:"Children",sections:[...Array(100).keys()].map(()=>({type:"Option",label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:m.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(H,{content:e.jsxs(U,{small:!0,children:[e.jsx(K,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(n,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(n,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(n,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};var u,b,M;d.parameters={...d.parameters,docs:{...(u=d.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{T as W}from"./common-types-3a5f9d98.js";import{M as E,D as R}from"./dialog-21649b7a.js";import{B as n}from"./button-a7e4e1fa.js";import{P as H}from"./popover-deb55aea.js";import{I as K}from"./input-b46bef9b.js";import{I as U}from"./input-group-0ccd8ab2.js";import{F as p}from"./field-2ae2bd3e.js";import{M as G}from"./actions-7f26d646.js";import{S as V}from"./select-63fb21a5.js";import{S as Y}from"./spacer-b33ecb12.js";import{T as q}from"./tooltip-b72c7394.js";import{M as m}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./portal-c06d6787.js";import"./index-64d4dcb8.js";import"./lodash-75c70a11.js";import"./heading-5d5cbb6f.js";import"./help-icon-e6604019.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./types-332ceaf3.js";import"./label-4b8583ea.js";import"./badge-2efb26e1.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-78efb253.js";import"./select.input-88b6ebab.js";const{useArgs:z}=__STORYBOOK_MODULE_ADDONS__,Se={title:"Modals/Modal",component:E,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(n,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[{visible:c,centered:I,...w},L]=z(),g=()=>{L({visible:!c})};return e.jsxs(e.Fragment,{children:[e.jsx(E,{visible:c,centered:I,children:e.jsx(R,{dialog:{...w,onClose:g}})}),e.jsx(n,{label:"Open Modal",onClick:g})]})},d=o.bind({}),r=o.bind({});r.args={centered:!0};const a=o.bind({});a.args={content:["This is a","new line!"]};const l=o.bind({});l.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const s=o.bind({});s.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const t=o.bind({});t.args={contentPadding:0};const i=o.bind({});i.args={content:e.jsxs(e.Fragment,{children:[e.jsx(q,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(Y,{}),e.jsx(p,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(V,{name:"example",options:["Aardvarks","Kangaroos","Monkeys","Possums","Gorilla","Puma","Patagonian Mara","Tarsier","Koala","Panda","Red Panda","Impala","Tiger","Crocodile","Bat"],onChange:()=>{},value:"Monkeys",error:"Bad value"})}),e.jsx(p,{label:"Nested Menu",children:e.jsx(G,{maxHeight:"240px",menu:{label:"Menu",trigger:W.DROP_DOWN_BUTTON,sections:[{type:m.MENU,menu:{trigger:"Text",label:"Children",sections:[...Array(100).keys()].map(()=>({type:"Option",label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:m.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(H,{content:e.jsxs(U,{small:!0,children:[e.jsx(K,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(n,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(n,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(n,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};var u,b,M;d.parameters={...d.parameters,docs:{...(u=d.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
2
2
  const [{
3
3
  visible,
4
4
  centered,
@@ -138,4 +138,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{T as W}from"./common-types-
138
138
  </Modal>
139
139
  <Button label="Open Modal" onClick={toggleModal} />
140
140
  </>;
141
- }`,...(N=(F=i.parameters)==null?void 0:F.docs)==null?void 0:N.source}}};const ye=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers"];export{r as Centered,d as Default,s as FullWidth,a as LineBreak,t as NoContentPadding,l as Scroll,i as WithPopoverLayers,ye as __namedExportsOrder,Te as default};
141
+ }`,...(N=(F=i.parameters)==null?void 0:F.docs)==null?void 0:N.source}}};const Te=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers"];export{r as Centered,d as Default,s as FullWidth,a as LineBreak,t as NoContentPadding,l as Scroll,i as WithPopoverLayers,Te as __namedExportsOrder,Se as default};
@@ -1,4 +1,4 @@
1
- import{j as ts}from"./jsx-runtime-f961835c.js";import{c as X,r as Pr}from"./index-f80c8c95.js";import{f as kn}from"./index-54f0d271.js";import{I as rs}from"./input-0081e806.js";var Vr={},wr={},Tr={},Cr={},Lr={exports:{}};/**
1
+ import{j as ts}from"./jsx-runtime-f961835c.js";import{c as X,r as Pr}from"./index-f80c8c95.js";import{f as kn}from"./index-54f0d271.js";import{I as rs}from"./input-b46bef9b.js";var Vr={},wr={},Tr={},Cr={},Lr={exports:{}};/**
2
2
  * @license Fraction.js v4.3.7 31/08/2023
3
3
  * https://www.xarg.org/2014/03/rational-numbers-in-javascript/
4
4
  *
@@ -1,4 +1,4 @@
1
- import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-bd5e3c05.js";import{I as J}from"./input-group-0ccd8ab2.js";import{I as P}from"./input-group-addon-9c5ee64d.js";import{S as Q}from"./select-ca80c206.js";import"./index-f80c8c95.js";import"./index-54f0d271.js";import"./input-0081e806.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";import"./common-types-3a5f9d98.js";import"./index-c89a1915.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-78efb253.js";import"./actions-5d6680b2.js";import"./button-50d2e979.js";import"./spinner-4948799e.js";import"./icon-4579d4e5.js";import"./badge-2efb26e1.js";import"./select.input-88b6ebab.js";const{useArgs:V}=__STORYBOOK_MODULE_ADDONS__,Le={title:"Forms/NumberInput",component:c,parameters:{canvas:{page:null}},args:{label:"Label"}},e=Y=>{const[X,k]=V(),q=z=>{k({value:z.target.value})};return r.jsx(c,{onChange:q,value:123,...Y})},l=e.bind({}),a=e.bind({});a.args={small:!0};const n=e.bind({});n.args={width:"150px"};const t=e.bind({});t.args={left:!0};const s=e.bind({});s.args={disabled:!0};const u=e.bind({});u.args={allowEmpty:!0,value:""};const o=e.bind({});o.args={warning:"This input number is almost 100!",value:"99"};const p=e.bind({});p.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const m=()=>r.jsxs(J,{small:!0,children:[r.jsx(c,{value:123}),r.jsx(P,{children:"to"}),r.jsx(c,{value:123}),r.jsx(Q,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]});var d,i,v;l.parameters={...l.parameters,docs:{...(d=l.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
1
+ import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-0b915316.js";import{I as J}from"./input-group-0ccd8ab2.js";import{I as P}from"./input-group-addon-9c5ee64d.js";import{S as Q}from"./select-63fb21a5.js";import"./index-f80c8c95.js";import"./index-54f0d271.js";import"./input-b46bef9b.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./common-types-3a5f9d98.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-78efb253.js";import"./actions-7f26d646.js";import"./button-a7e4e1fa.js";import"./spinner-4948799e.js";import"./icon-bb00eeb9.js";import"./badge-2efb26e1.js";import"./select.input-88b6ebab.js";const{useArgs:V}=__STORYBOOK_MODULE_ADDONS__,Te={title:"Forms/NumberInput",component:c,parameters:{canvas:{page:null}},args:{label:"Label"}},e=Y=>{const[X,k]=V(),q=z=>{k({value:z.target.value})};return r.jsx(c,{onChange:q,value:123,...Y})},l=e.bind({}),a=e.bind({});a.args={small:!0};const n=e.bind({});n.args={width:"150px"};const t=e.bind({});t.args={left:!0};const s=e.bind({});s.args={disabled:!0};const u=e.bind({});u.args={allowEmpty:!0,value:""};const o=e.bind({});o.args={warning:"This input number is almost 100!",value:"99"};const p=e.bind({});p.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const m=()=>r.jsxs(J,{small:!0,children:[r.jsx(c,{value:123}),r.jsx(P,{children:"to"}),r.jsx(c,{value:123}),r.jsx(Q,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]});var d,i,v;l.parameters={...l.parameters,docs:{...(d=l.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
2
2
  const [_, updateArgs] = useArgs();
3
3
  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
4
4
  updateArgs({
@@ -78,4 +78,4 @@ import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-
78
78
  value: 'units',
79
79
  label: 'units'
80
80
  }]} width="auto" value="units" />
81
- </InputGroup>`,...(U=(K=m.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};const fe=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","TestInputGroup"];export{u as AllowEmpty,g as BadInput,l as Default,s as Disabled,p as Error,t as Left,a as Small,m as TestInputGroup,o as Warning,n as Width,fe as __namedExportsOrder,Le as default};
81
+ </InputGroup>`,...(U=(K=m.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};const Le=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","TestInputGroup"];export{u as AllowEmpty,g as BadInput,l as Default,s as Disabled,p as Error,t as Left,a as Small,m as TestInputGroup,o as Warning,n as Width,Le as __namedExportsOrder,Te as default};
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-f961835c.js";import{T as I}from"./common-types-3a5f9d98.js";import{M as N}from"./actions-5d6680b2.js";import{c as A}from"./index-a80ed1cf.js";import{C as E}from"./check-box-5765854d.js";import{D as f}from"./divider-fb60bbde.js";import"./index-f80c8c95.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./button-50d2e979.js";import"./spinner-4948799e.js";import"./icon-4579d4e5.js";import"./inheritsLoose-c82a83d4.js";import"./index-c89a1915.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-2efb26e1.js";import"./help-icon-50a91ee5.js";import"./text-78efb253.js";const V="_menu_1ijd8_341",T="_header_1ijd8_352",q="_item_1ijd8_368",w="_heading_1ijd8_373",u={menu:V,header:T,item:q,heading:w},g=({option:e,onChange:r})=>{const{key:o,label:i,selected:a}=e;return n.jsx("div",{className:u.item,children:n.jsx(E,{label:i,noMargin:!0,checked:a,onChange:r})},o)};try{g.displayName="Option",g.__docgenInfo={description:"",displayName:"Option",props:{option:{defaultValue:null,description:"",name:"option",required:!0,type:{name:"{ key?: string | undefined; label?: string | null | undefined; selected?: boolean | undefined; }"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}}}}}catch{}const _=({label:e})=>n.jsx("div",{className:u.heading,children:e});try{_.displayName="Heading",_.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}var h=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(h||{});const y=({options:e,onChangeOptions:r,showHeader:o,maxHeight:i})=>n.jsxs("div",{className:A("menu",u.menu),style:{maxHeight:i},children:[o&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:u.header,children:[n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!0}));r(a,s)},children:"All"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!1}));r(a,s)},children:"Clear"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!t.selected}));r(a,s)},children:"Invert"})]}),n.jsx(f,{margin:"7px"})]}),e.map((a,s)=>{switch(a.type){case h.HEADING:return n.jsx(_,{label:a.label},s);case h.DIVIDER:return n.jsx(f,{margin:"7px"},s);default:return n.jsx(g,{option:a,onChange:t=>{const{value:m}=a,H=e.map(d=>d.value!==m?d:{...d,selected:!d.selected});r(t,H)}},s)}})]});try{y.displayName="Layer",y.__docgenInfo={description:"",displayName:"Layer",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChangeOptions:{defaultValue:null,description:"",name:"onChangeOptions",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, options: IOptionType[]) => void"}},showHeader:{defaultValue:null,description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const c=({name:e,label:r,options:o,onChange:i,showHeader:a=!0,maxHeight:s="40vh"})=>n.jsx(N,{menu:{label:r,trigger:I.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(y,{options:o,onChangeOptions:(t,m)=>{t.stopPropagation(),t.target.name=e,t.target.value=m,i(t)},showHeader:a,maxHeight:s})}});try{c.displayName="OptionDropdown",c.__docgenInfo={description:"",displayName:"OptionDropdown",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement & { name?: string | undefined; value: IOptionType[]; }>) => void"}},showHeader:{defaultValue:{value:"true"},description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:{value:"40vh"},description:"",name:"maxHeight",required:!1,type:{name:"string"}}}}}catch{}const{useArgs:M}=__STORYBOOK_MODULE_ADDONS__,k=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],re={title:"Forms/OptionDropdown",component:c,args:{label:"Label",options:k}},C=e=>{const[r,o]=M(),i=a=>{o({options:a.target.value})};return n.jsx(c,{...e,onChange:i})},p=C.bind({}),l=C.bind({});l.args={options:[...Array(50)].map((e,r)=>({label:`Item #${r}`,value:r}))};var v,x,b;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
1
+ import{j as n}from"./jsx-runtime-f961835c.js";import{T as I}from"./common-types-3a5f9d98.js";import{M as N}from"./actions-7f26d646.js";import{c as A}from"./index-a80ed1cf.js";import{C as E}from"./check-box-33361319.js";import{D as f}from"./divider-fb60bbde.js";import"./index-f80c8c95.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./button-a7e4e1fa.js";import"./spinner-4948799e.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-2efb26e1.js";import"./help-icon-e6604019.js";import"./text-78efb253.js";const V="_menu_1ijd8_341",T="_header_1ijd8_352",q="_item_1ijd8_368",w="_heading_1ijd8_373",u={menu:V,header:T,item:q,heading:w},g=({option:e,onChange:r})=>{const{key:o,label:i,selected:a}=e;return n.jsx("div",{className:u.item,children:n.jsx(E,{label:i,noMargin:!0,checked:a,onChange:r})},o)};try{g.displayName="Option",g.__docgenInfo={description:"",displayName:"Option",props:{option:{defaultValue:null,description:"",name:"option",required:!0,type:{name:"{ key?: string | undefined; label?: string | null | undefined; selected?: boolean | undefined; }"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}}}}}catch{}const _=({label:e})=>n.jsx("div",{className:u.heading,children:e});try{_.displayName="Heading",_.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}var h=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(h||{});const y=({options:e,onChangeOptions:r,showHeader:o,maxHeight:i})=>n.jsxs("div",{className:A("menu",u.menu),style:{maxHeight:i},children:[o&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:u.header,children:[n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!0}));r(a,s)},children:"All"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!1}));r(a,s)},children:"Clear"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!t.selected}));r(a,s)},children:"Invert"})]}),n.jsx(f,{margin:"7px"})]}),e.map((a,s)=>{switch(a.type){case h.HEADING:return n.jsx(_,{label:a.label},s);case h.DIVIDER:return n.jsx(f,{margin:"7px"},s);default:return n.jsx(g,{option:a,onChange:t=>{const{value:m}=a,H=e.map(d=>d.value!==m?d:{...d,selected:!d.selected});r(t,H)}},s)}})]});try{y.displayName="Layer",y.__docgenInfo={description:"",displayName:"Layer",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChangeOptions:{defaultValue:null,description:"",name:"onChangeOptions",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, options: IOptionType[]) => void"}},showHeader:{defaultValue:null,description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const c=({name:e,label:r,options:o,onChange:i,showHeader:a=!0,maxHeight:s="40vh"})=>n.jsx(N,{menu:{label:r,trigger:I.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(y,{options:o,onChangeOptions:(t,m)=>{t.stopPropagation(),t.target.name=e,t.target.value=m,i(t)},showHeader:a,maxHeight:s})}});try{c.displayName="OptionDropdown",c.__docgenInfo={description:"",displayName:"OptionDropdown",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement & { name?: string | undefined; value: IOptionType[]; }>) => void"}},showHeader:{defaultValue:{value:"true"},description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:{value:"40vh"},description:"",name:"maxHeight",required:!1,type:{name:"string"}}}}}catch{}const{useArgs:M}=__STORYBOOK_MODULE_ADDONS__,k=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],re={title:"Forms/OptionDropdown",component:c,args:{label:"Label",options:k}},C=e=>{const[r,o]=M(),i=a=>{o({options:a.target.value})};return n.jsx(c,{...e,onChange:i})},p=C.bind({}),l=C.bind({});l.args={options:[...Array(50)].map((e,r)=>({label:`Item #${r}`,value:r}))};var v,x,b;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
2
2
  const [_, updateArgs] = useArgs();
3
3
  const handleChange = (evt: any) => {
4
4
  updateArgs({
@@ -1,4 +1,4 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{P as i}from"./page-1a36abc8.js";import{T as a}from"./top-bar-f7d438c2.js";import{S as r}from"./side-bar-185a98d7.js";import{H as t}from"./heading-3ab142d6.js";import{L as D}from"./logo-8068ccfc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./button-50d2e979.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-4579d4e5.js";import"./inheritsLoose-c82a83d4.js";import"./index-c89a1915.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";import"./actions-5d6680b2.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-2efb26e1.js";import"./index-c7f280f6.js";import"./drawer-35927bf9.js";import"./help-icon-50a91ee5.js";const L="_printHeader_o7xxx_1",M={printHeader:L},m=({logo:p,alt:C,logoWidth:W="100px"})=>e.jsx("img",{src:p,alt:C,className:M.printHeader,style:{width:W}});try{m.displayName="PrintHeader",m.__docgenInfo={description:"",displayName:"PrintHeader",props:{logo:{defaultValue:null,description:"",name:"logo",required:!0,type:{name:"string"}},logoWidth:{defaultValue:{value:"100px"},description:"",name:"logoWidth",required:!1,type:{name:"TStringOrNumber"}},alt:{defaultValue:null,description:"",name:"alt",required:!0,type:{name:"string"}}}}}catch{}const s="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",ue={title:"Layout/Page",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},o=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),c=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(i,{left:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),d=()=>e.jsxs(e.Fragment,{children:[e.jsx(m,{logo:D,logoWidth:"60px",alt:"company logo"}),e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]});var g,x,f;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`() => <>
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{P as i}from"./page-1a36abc8.js";import{T as a}from"./top-bar-68696a1c.js";import{S as r}from"./side-bar-b5f6fafc.js";import{H as t}from"./heading-5d5cbb6f.js";import{L as D}from"./logo-8068ccfc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./button-a7e4e1fa.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./actions-7f26d646.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-2efb26e1.js";import"./index-c7f280f6.js";import"./drawer-182b490e.js";import"./help-icon-e6604019.js";const L="_printHeader_o7xxx_1",M={printHeader:L},m=({logo:p,alt:C,logoWidth:W="100px"})=>e.jsx("img",{src:p,alt:C,className:M.printHeader,style:{width:W}});try{m.displayName="PrintHeader",m.__docgenInfo={description:"",displayName:"PrintHeader",props:{logo:{defaultValue:null,description:"",name:"logo",required:!0,type:{name:"string"}},logoWidth:{defaultValue:{value:"100px"},description:"",name:"logoWidth",required:!1,type:{name:"TStringOrNumber"}},alt:{defaultValue:null,description:"",name:"alt",required:!0,type:{name:"string"}}}}}catch{}const s="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",ue={title:"Layout/Page",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},o=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),c=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(i,{left:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),d=()=>e.jsxs(e.Fragment,{children:[e.jsx(m,{logo:D,logoWidth:"60px",alt:"company logo"}),e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]});var g,x,f;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`() => <>
2
2
  <TopBar />
3
3
  <SideBar options={{
4
4
  title: '',
@@ -1 +1 @@
1
- import{j as o}from"./jsx-runtime-f961835c.js";import{r as h}from"./index-f80c8c95.js";import{I as d}from"./common-types-3a5f9d98.js";import{S as x}from"./select-ca80c206.js";import{I as C}from"./input-0081e806.js";import{B as p}from"./button-50d2e979.js";import{I}from"./input-group-0ccd8ab2.js";import{I as N}from"./input-group-addon-9c5ee64d.js";const j=(t,i)=>i||t&&t.reduce((e,n)=>n.selected?Number(n.value):e,10)||10,E=(t,i)=>{if(!i||!t)return 10;const{options:e,value:n}=i,a=Number(n);return a===0?1:Math.ceil(t/j(e,a))},b=(t,i,e="Selected page must be a positive whole number between 1 and")=>{const n=`${e} ${i}`,a={valid:!0,error:null};return t===""?a:!t.match(/^\d+$/g)||parseInt(t)<=0||parseInt(t)>i?{valid:!1,error:n}:a},P="_paginationContainer_1tmz4_1",y={paginationContainer:P},S=({pagination:t})=>{const{rowCount:i,selectedPage:e,small:n,onSelectPage:a,rowsPerPage:r,errorMessageTemplate:m}=t,l=Number(r==null?void 0:r.value)===0,u=E(i,r),[g,f]=h.useState(String(e));h.useEffect(()=>{f(String(e))},[e]);const{error:_}=b(g,u,m),c=s=>{const{valid:v}=b(s,u,m);f(s),v&&s!==""&&a&&a(Number(s))};return o.jsxs("div",{className:y.paginationContainer,children:[r&&o.jsx("div",{style:{flexShrink:0},children:o.jsx(x,{onChange:s=>{r.onChange&&r.onChange(s),c(String(1))},options:r.options,native:!!r.options,small:n,width:"auto",value:r.value})}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_DOUBLE_LEFT,onClick:()=>c(String(1)),disabled:l||e===1}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_LEFT,onClick:()=>c(String(Number(e)-1)),disabled:l||e===1}),o.jsxs(I,{small:n,width:"auto",children:[o.jsx(C,{right:!0,value:g,placeholder:String(e),onChange:s=>c(s.target.value),width:"50px",disabled:l||u<=1,error:_}),o.jsxs(N,{children:["of ",u]})]}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_RIGHT,onClick:()=>c(String(Number(e)+1)),disabled:l||e===u}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_DOUBLE_RIGHT,onClick:()=>c(String(u)),disabled:l||e===u})]})};try{S.displayName="Pagination",S.__docgenInfo={description:"",displayName:"Pagination",props:{pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}}}}}catch{}export{S as P};
1
+ import{j as o}from"./jsx-runtime-f961835c.js";import{r as h}from"./index-f80c8c95.js";import{I as d}from"./common-types-3a5f9d98.js";import{S as x}from"./select-63fb21a5.js";import{I as C}from"./input-b46bef9b.js";import{B as p}from"./button-a7e4e1fa.js";import{I}from"./input-group-0ccd8ab2.js";import{I as N}from"./input-group-addon-9c5ee64d.js";const j=(t,i)=>i||t&&t.reduce((e,n)=>n.selected?Number(n.value):e,10)||10,E=(t,i)=>{if(!i||!t)return 10;const{options:e,value:n}=i,a=Number(n);return a===0?1:Math.ceil(t/j(e,a))},b=(t,i,e="Selected page must be a positive whole number between 1 and")=>{const n=`${e} ${i}`,a={valid:!0,error:null};return t===""?a:!t.match(/^\d+$/g)||parseInt(t)<=0||parseInt(t)>i?{valid:!1,error:n}:a},P="_paginationContainer_1tmz4_1",y={paginationContainer:P},S=({pagination:t})=>{const{rowCount:i,selectedPage:e,small:n,onSelectPage:a,rowsPerPage:r,errorMessageTemplate:m}=t,l=Number(r==null?void 0:r.value)===0,u=E(i,r),[g,f]=h.useState(String(e));h.useEffect(()=>{f(String(e))},[e]);const{error:_}=b(g,u,m),c=s=>{const{valid:v}=b(s,u,m);f(s),v&&s!==""&&a&&a(Number(s))};return o.jsxs("div",{className:y.paginationContainer,children:[r&&o.jsx("div",{style:{flexShrink:0},children:o.jsx(x,{onChange:s=>{r.onChange&&r.onChange(s),c(String(1))},options:r.options,native:!!r.options,small:n,width:"auto",value:r.value})}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_DOUBLE_LEFT,onClick:()=>c(String(1)),disabled:l||e===1}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_LEFT,onClick:()=>c(String(Number(e)-1)),disabled:l||e===1}),o.jsxs(I,{small:n,width:"auto",children:[o.jsx(C,{right:!0,value:g,placeholder:String(e),onChange:s=>c(s.target.value),width:"50px",disabled:l||u<=1,error:_}),o.jsxs(N,{children:["of ",u]})]}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_RIGHT,onClick:()=>c(String(Number(e)+1)),disabled:l||e===u}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_DOUBLE_RIGHT,onClick:()=>c(String(u)),disabled:l||e===u})]})};try{S.displayName="Pagination",S.__docgenInfo={description:"",displayName:"Pagination",props:{pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}}}}}catch{}export{S as P};
@@ -1,4 +1,4 @@
1
- import{j as P}from"./jsx-runtime-f961835c.js";import{r as n}from"./index-f80c8c95.js";import{P as g}from"./pagination-5c6f0f61.js";import"./common-types-3a5f9d98.js";import"./select-ca80c206.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";import"./index-c89a1915.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-78efb253.js";import"./actions-5d6680b2.js";import"./button-50d2e979.js";import"./spinner-4948799e.js";import"./icon-4579d4e5.js";import"./badge-2efb26e1.js";import"./select.input-88b6ebab.js";import"./input-0081e806.js";import"./input-group-0ccd8ab2.js";import"./input-group-addon-9c5ee64d.js";const C={rowCount:500,selectedPage:1,onSelectPage:()=>{}},V={title:"Basic/Pagination",component:g,args:{pagination:C}},r=()=>{const[a,t]=n.useState(1);return P.jsx(g,{pagination:{rowCount:500,selectedPage:a,onSelectPage:o=>t(o)}})},s=()=>{const[a,t]=n.useState(1),[o,p]=n.useState(20);return P.jsx(g,{pagination:{rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>p(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})},l=()=>{const[a,t]=n.useState(1),[o,p]=n.useState(20);return P.jsx(g,{pagination:{small:!0,rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>p(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})};var i,u,c;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
1
+ import{j as p}from"./jsx-runtime-f961835c.js";import{r as n}from"./index-f80c8c95.js";import{P as g}from"./pagination-67e45ad2.js";import"./common-types-3a5f9d98.js";import"./select-63fb21a5.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-78efb253.js";import"./actions-7f26d646.js";import"./button-a7e4e1fa.js";import"./spinner-4948799e.js";import"./icon-bb00eeb9.js";import"./badge-2efb26e1.js";import"./select.input-88b6ebab.js";import"./input-b46bef9b.js";import"./input-group-0ccd8ab2.js";import"./input-group-addon-9c5ee64d.js";const C={rowCount:500,selectedPage:1,onSelectPage:()=>{}},U={title:"Basic/Pagination",component:g,args:{pagination:C}},r=()=>{const[a,t]=n.useState(1);return p.jsx(g,{pagination:{rowCount:500,selectedPage:a,onSelectPage:o=>t(o)}})},s=()=>{const[a,t]=n.useState(1),[o,P]=n.useState(20);return p.jsx(g,{pagination:{rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>P(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})},l=()=>{const[a,t]=n.useState(1),[o,P]=n.useState(20);return p.jsx(g,{pagination:{small:!0,rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>P(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})};var i,u,c;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
2
2
  const [selectedPage, setSelectedPage] = useState(1);
3
3
  return <Pagination pagination={{
4
4
  rowCount: 500,
@@ -56,4 +56,4 @@ import{j as P}from"./jsx-runtime-f961835c.js";import{r as n}from"./index-f80c8c9
56
56
  },
57
57
  onSelectPage: evt => setSelectedPage(evt)
58
58
  }} />;
59
- }`,...(b=(w=l.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};const W=["Default","RowsPerPage","Small"];export{r as Default,s as RowsPerPage,l as Small,W as __namedExportsOrder,V as default};
59
+ }`,...(b=(w=l.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};const V=["Default","RowsPerPage","Small"];export{r as Default,s as RowsPerPage,l as Small,V as __namedExportsOrder,U as default};
@@ -1,4 +1,4 @@
1
- import{j as t}from"./jsx-runtime-f961835c.js";import{P as E}from"./popover-b6a51770.js";import{B as i}from"./button-50d2e979.js";import{T as N}from"./text-78efb253.js";import{t as I}from"./toaster-ed9b6f60.js";import"./index-f80c8c95.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-4579d4e5.js";import"./inheritsLoose-c82a83d4.js";import"./index-c89a1915.js";import"./message-f4ce39be.js";const B="_popConfirm_1qhnt_1",w="_content_1qhnt_7",D="_buttons_1qhnt_13",f={popConfirm:B,content:w,buttons:D},C=({title:e,okText:u,onClickOk:d,cancelText:p,onClickCancel:m,close:r,testId:o})=>t.jsxs("div",{className:f.popConfirm,children:[e&&t.jsx("div",{className:f.content,children:t.jsx(N,{small:!0,children:e})}),t.jsxs("div",{className:f.buttons,children:[t.jsx(i,{small:!0,colored:!0,label:u,onClick:()=>d(r),testId:`${o}-ok-button`}),t.jsx(i,{small:!0,label:p,onClick:()=>m(r),testId:`${o}-cancel-button`})]})]});try{C.displayName="Content",C.__docgenInfo={description:"",displayName:"Content",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},okText:{defaultValue:null,description:"",name:"okText",required:!0,type:{name:"string"}},onClickOk:{defaultValue:null,description:"",name:"onClickOk",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},cancelText:{defaultValue:null,description:"",name:"cancelText",required:!0,type:{name:"string"}},onClickCancel:{defaultValue:null,description:"",name:"onClickCancel",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},close:{defaultValue:null,description:"",name:"close",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const c=({children:e,placement:u="top-center",closeOnOutsideClick:d=!0,fullWidth:p=!1,title:m="",cancelText:r="Cancel",onClickCancel:o=l=>l&&l(),okText:T="Ok",onClickOk:O=()=>{},overflowContainer:P=!1,testId:v=void 0})=>{const l=t.jsx(C,{title:m,okText:T,onClickOk:O,cancelText:r,onClickCancel:o,testId:v});return t.jsx(E,{content:l,placement:u,closeOnOutsideClick:d,fullWidth:p,overflowContainer:P,testId:v,children:e})};try{c.displayName="PopConfirm",c.__docgenInfo={description:"",displayName:"PopConfirm",props:{placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},cancelText:{defaultValue:{value:"Cancel"},description:"",name:"cancelText",required:!1,type:{name:"string"}},onClickCancel:{defaultValue:{value:"(close) => close && close()"},description:"",name:"onClickCancel",required:!1,type:{name:"((close?: TEmpty) => void)"}},okText:{defaultValue:{value:"Ok"},description:"",name:"okText",required:!1,type:{name:"string"}},onClickOk:{defaultValue:{value:"() => {}"},description:"",name:"onClickOk",required:!1,type:{name:"((close?: TEmpty) => void)"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},testId:{defaultValue:{value:"undefined"},description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const S=e=>{I({message:{type:"Success",content:"success!",details:"You successfully booked your cruise to Bahamas."}}),e()},Z={title:"Basic/PopConfirm",component:c,args:{title:"Do you want a free cruise to Bahamas?",onClickCancel:e=>e(),onClickOk:S,children:t.jsx(i,{label:"Click me!"}),overflowContainer:!0,placement:"top-center"},decorators:[e=>t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},y=e=>t.jsx(c,{...e}),s=y.bind({}),a=y.bind({});a.args={children:t.jsx(i,{small:!0,round:!0,basic:!0,colored:"muted",icon:"delete"})};const n=y.bind({});n.args={placement:"bottom-end"};var x,g,k;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`args => <PopConfirm
1
+ import{j as t}from"./jsx-runtime-f961835c.js";import{P as E}from"./popover-deb55aea.js";import{B as i}from"./button-a7e4e1fa.js";import{T as N}from"./text-78efb253.js";import{t as I}from"./toaster-360d1c11.js";import"./index-f80c8c95.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./message-1ae54f21.js";const B="_popConfirm_1qhnt_1",w="_content_1qhnt_7",D="_buttons_1qhnt_13",f={popConfirm:B,content:w,buttons:D},C=({title:e,okText:u,onClickOk:d,cancelText:p,onClickCancel:m,close:r,testId:o})=>t.jsxs("div",{className:f.popConfirm,children:[e&&t.jsx("div",{className:f.content,children:t.jsx(N,{small:!0,children:e})}),t.jsxs("div",{className:f.buttons,children:[t.jsx(i,{small:!0,colored:!0,label:u,onClick:()=>d(r),testId:`${o}-ok-button`}),t.jsx(i,{small:!0,label:p,onClick:()=>m(r),testId:`${o}-cancel-button`})]})]});try{C.displayName="Content",C.__docgenInfo={description:"",displayName:"Content",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},okText:{defaultValue:null,description:"",name:"okText",required:!0,type:{name:"string"}},onClickOk:{defaultValue:null,description:"",name:"onClickOk",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},cancelText:{defaultValue:null,description:"",name:"cancelText",required:!0,type:{name:"string"}},onClickCancel:{defaultValue:null,description:"",name:"onClickCancel",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},close:{defaultValue:null,description:"",name:"close",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const c=({children:e,placement:u="top-center",closeOnOutsideClick:d=!0,fullWidth:p=!1,title:m="",cancelText:r="Cancel",onClickCancel:o=l=>l&&l(),okText:T="Ok",onClickOk:O=()=>{},overflowContainer:P=!1,testId:v=void 0})=>{const l=t.jsx(C,{title:m,okText:T,onClickOk:O,cancelText:r,onClickCancel:o,testId:v});return t.jsx(E,{content:l,placement:u,closeOnOutsideClick:d,fullWidth:p,overflowContainer:P,testId:v,children:e})};try{c.displayName="PopConfirm",c.__docgenInfo={description:"",displayName:"PopConfirm",props:{placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'},{value:'"center"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},cancelText:{defaultValue:{value:"Cancel"},description:"",name:"cancelText",required:!1,type:{name:"string"}},onClickCancel:{defaultValue:{value:"(close) => close && close()"},description:"",name:"onClickCancel",required:!1,type:{name:"((close?: TEmpty) => void)"}},okText:{defaultValue:{value:"Ok"},description:"",name:"okText",required:!1,type:{name:"string"}},onClickOk:{defaultValue:{value:"() => {}"},description:"",name:"onClickOk",required:!1,type:{name:"((close?: TEmpty) => void)"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},testId:{defaultValue:{value:"undefined"},description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const S=e=>{I({message:{type:"Success",content:"success!",details:"You successfully booked your cruise to Bahamas."}}),e()},Z={title:"Basic/PopConfirm",component:c,args:{title:"Do you want a free cruise to Bahamas?",onClickCancel:e=>e(),onClickOk:S,children:t.jsx(i,{label:"Click me!"}),overflowContainer:!0,placement:"top-center"},decorators:[e=>t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},y=e=>t.jsx(c,{...e}),s=y.bind({}),a=y.bind({});a.args={children:t.jsx(i,{small:!0,round:!0,basic:!0,colored:"muted",icon:"delete"})};const n=y.bind({});n.args={placement:"bottom-end"};var x,g,k;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`args => <PopConfirm
2
2
  // eslint-disable-next-line react/jsx-props-no-spreading
3
3
  {...args} />`,...(k=(g=s.parameters)==null?void 0:g.docs)==null?void 0:k.source}}};var _,b,q;a.parameters={...a.parameters,docs:{...(_=a.parameters)==null?void 0:_.docs,source:{originalSource:`args => <PopConfirm
4
4
  // eslint-disable-next-line react/jsx-props-no-spreading
@@ -1 +1 @@
1
- import{j as e}from"./jsx-runtime-f961835c.js";import{r as i,R as u}from"./index-f80c8c95.js";import{u as j,A as B,i as V}from"./tooltip-559179a7.js";import{c}from"./index-a80ed1cf.js";import{I as q}from"./common-types-3a5f9d98.js";import{D as k}from"./disabled-context-d654f6ff.js";import{B as P}from"./button-50d2e979.js";const W="_toggleBox_5xdus_341",w="_fullWidthStyleFix_5xdus_348",E="_dismiss_5xdus_353",o={toggleBox:W,fullWidthStyleFix:w,dismiss:E},f=({children:n,content:a,placement:m="top-center",closeOnOutsideClick:p=!0,fullWidth:v=!1,showCloseButton:x=!1,testId:g,disabled:l=!1,overflowContainer:y=!1})=>{const r=i.useContext(k),[s,d]=i.useState(!1),t=()=>d(!1),h=()=>{l||r||d(!s)};i.useEffect(()=>{l||r||t()},[l,r]);const{renderLayer:_,arrowProps:b,layerProps:C,triggerProps:O}=j({isOpen:s,placement:m,auto:!0,triggerOffset:6,onOutsideClick:p?t:void 0,ResizeObserver:V,overflowContainer:y});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:h,"data-testid":g,children:n}),s&&_(e.jsxs("div",{className:v?c(o.toggleBox,o.fullWidthStyleFix):c(o.toggleBox),...C,children:[e.jsxs("div",{children:[u.isValidElement(a)?u.cloneElement(a,{close:t}):a,x&&e.jsx("div",{className:o.dismiss,children:e.jsx(P,{small:!0,round:!0,onClick:t,icon:q.CLOSE})})]}),e.jsx(B,{...b,backgroundColor:"var(--color-background-raised)",borderColor:"var(--color-border)",borderWidth:1,size:6})]}))]})};try{f.displayName="Popover",f.__docgenInfo={description:"",displayName:"Popover",props:{content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}},placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},showCloseButton:{defaultValue:{value:"false"},description:"",name:"showCloseButton",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}}}}}catch{}export{f as P};
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as i,R as u}from"./index-f80c8c95.js";import{u as j,A as B,i as V}from"./tooltip-b72c7394.js";import{c}from"./index-a80ed1cf.js";import{I as q}from"./common-types-3a5f9d98.js";import{D as k}from"./disabled-context-d654f6ff.js";import{B as P}from"./button-a7e4e1fa.js";const W="_toggleBox_5xdus_341",w="_fullWidthStyleFix_5xdus_348",E="_dismiss_5xdus_353",o={toggleBox:W,fullWidthStyleFix:w,dismiss:E},f=({children:n,content:a,placement:m="top-center",closeOnOutsideClick:p=!0,fullWidth:v=!1,showCloseButton:x=!1,testId:g,disabled:l=!1,overflowContainer:y=!1})=>{const r=i.useContext(k),[s,d]=i.useState(!1),t=()=>d(!1),h=()=>{l||r||d(!s)};i.useEffect(()=>{l||r||t()},[l,r]);const{renderLayer:_,arrowProps:b,layerProps:C,triggerProps:O}=j({isOpen:s,placement:m,auto:!0,triggerOffset:6,onOutsideClick:p?t:void 0,ResizeObserver:V,overflowContainer:y});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:h,"data-testid":g,children:n}),s&&_(e.jsxs("div",{className:v?c(o.toggleBox,o.fullWidthStyleFix):c(o.toggleBox),...C,children:[e.jsxs("div",{children:[u.isValidElement(a)?u.cloneElement(a,{close:t}):a,x&&e.jsx("div",{className:o.dismiss,children:e.jsx(P,{small:!0,round:!0,onClick:t,icon:q.CLOSE})})]}),e.jsx(B,{...b,backgroundColor:"var(--color-background-raised)",borderColor:"var(--color-border)",borderWidth:1,size:6})]}))]})};try{f.displayName="Popover",f.__docgenInfo={description:"",displayName:"Popover",props:{content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}},placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'},{value:'"center"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},showCloseButton:{defaultValue:{value:"false"},description:"",name:"showCloseButton",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}}}}}catch{}export{f as P};
@@ -0,0 +1 @@
1
+ import{j as r}from"./jsx-runtime-f961835c.js";import{P as C}from"./popover-deb55aea.js";import{I as S}from"./input-b46bef9b.js";import{B as i}from"./button-a7e4e1fa.js";import{F as P}from"./flex-4bc3b694.js";import{S as B}from"./select-63fb21a5.js";import"./index-f80c8c95.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spinner-4948799e.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-78efb253.js";import"./actions-7f26d646.js";import"./badge-2efb26e1.js";import"./select.input-88b6ebab.js";const l=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],w=({close:e})=>r.jsxs(P,{gap:"8px",children:[r.jsx(S,{value:"Value",width:"150px",small:!0}),r.jsx(B,{options:l,value:l[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),Y={title:"Basic/Popover",component:C,args:{overflowContainer:!0,content:r.jsx(w,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},p=e=>r.jsx(C,{...e}),a=p.bind({}),o=p.bind({});o.args={children:r.jsx(S,{value:"Value",width:"100%"})};const s=p.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=p.bind({});t.args={disabled:!0};var m,c,n;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Popover {...args} />",...(n=(c=a.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};var u,d,g;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"args => <Popover {...args} />",...(g=(d=o.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var x,v,b;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:"args => <Popover {...args} />",...(b=(v=s.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var f,j,h;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Popover {...args} />",...(h=(j=t.parameters)==null?void 0:j.docs)==null?void 0:h.source}}};const Z=["Default","InputTrigger","CloseButton","Disabled"];export{s as CloseButton,a as Default,t as Disabled,o as InputTrigger,Z as __namedExportsOrder,Y as default};
@@ -1,3 +1,3 @@
1
- import{j as m}from"./jsx-runtime-f961835c.js";import{R as v}from"./index-f80c8c95.js";import{T as P}from"./toaster-ed9b6f60.js";import{e as _}from"./index-54f0d271.js";import{t as d,e as I}from"./index-83074380.js";import"./chunk-HLWAVYOI-4d4c48e4.js";import"./index-64d4dcb8.js";import"./message-f4ce39be.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./icon-4579d4e5.js";import"./inheritsLoose-c82a83d4.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./iframe-38a2d83b.js";import"../sb-preview/runtime.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./react-16-56d53a63.js";var A="DARK_MODE";function c(r){"@babel/helpers - typeof";return c=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(r)}var b;function k(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable})),e.push.apply(e,n)}return e}function w(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?k(Object(e),!0).forEach(function(n){M(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):k(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function M(r,t,e){return t=R(t),t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function R(r){var t=K(r,"string");return c(t)==="symbol"?t:String(t)}function K(r,t){if(c(r)!=="object"||r===null)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t||"default");if(c(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function p(r){return L(r)||$(r)||N(r)||x()}function x(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
1
+ import{j as m}from"./jsx-runtime-f961835c.js";import{R as v}from"./index-f80c8c95.js";import{T as P}from"./toaster-360d1c11.js";import{e as _}from"./index-54f0d271.js";import{t as d,e as I}from"./index-9622ad0d.js";import"./chunk-HLWAVYOI-d266e33a.js";import"./index-64d4dcb8.js";import"./message-1ae54f21.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./iframe-bec17c8e.js";import"../sb-preview/runtime.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./react-16-56d53a63.js";var A="DARK_MODE";function c(r){"@babel/helpers - typeof";return c=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(r)}var b;function k(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable})),e.push.apply(e,n)}return e}function w(r){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?k(Object(e),!0).forEach(function(n){M(r,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):k(Object(e)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))})}return r}function M(r,t,e){return t=R(t),t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function R(r){var t=K(r,"string");return c(t)==="symbol"?t:String(t)}function K(r,t){if(c(r)!=="object"||r===null)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t||"default");if(c(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function p(r){return L(r)||$(r)||N(r)||x()}function x(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
2
2
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function N(r,t){if(r){if(typeof r=="string")return h(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return h(r,t)}}function $(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function L(r){if(Array.isArray(r))return h(r)}function h(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}const{global:U}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CORE_EVENTS__;var j=U,B=j.document,g=j.window,D="sb-addon-themes-3";(b=g.matchMedia)===null||b===void 0||b.call(g,"(prefers-color-scheme: dark)");var O={classTarget:"body",dark:d.dark,darkClass:["dark"],light:d.light,lightClass:["light"],stylePreview:!1,userHasExplicitlySetTheTheme:!1},E=function(t){g.localStorage.setItem(D,JSON.stringify(t))},Y=function(t,e){var n=e.current,a=e.darkClass,l=a===void 0?O.darkClass:a,i=e.lightClass,u=i===void 0?O.lightClass:i;if(n==="dark"){var o,s;(o=t.classList).remove.apply(o,p(y(u))),(s=t.classList).add.apply(s,p(y(l)))}else{var f,S;(f=t.classList).remove.apply(f,p(y(l))),(S=t.classList).add.apply(S,p(y(u)))}},y=function(t){var e=[];return e.concat(t).map(function(n){return n})},H=function(t){var e=B.querySelector(t.classTarget);e&&Y(e,t)},C=function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=g.localStorage.getItem(D);if(typeof e=="string"){var n=JSON.parse(e);return t&&(t.dark&&!_(n.dark,t.dark)&&(n.dark=t.dark,E(n)),t.light&&!_(n.light,t.light)&&(n.light=t.light,E(n))),n}return w(w({},O),t)};H(C());function q(r,t){return W(r)||V(r,t)||J(r,t)||G()}function G(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
3
- In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function J(r,t){if(r){if(typeof r=="string")return T(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return T(r,t)}}function T(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function V(r,t){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var n,a,l,i,u=[],o=!0,s=!1;try{if(l=(e=e.call(r)).next,t===0){if(Object(e)!==e)return;o=!1}else for(;!(o=(n=l.call(e)).done)&&(u.push(n.value),u.length!==t);o=!0);}catch(f){s=!0,a=f}finally{try{if(!o&&e.return!=null&&(i=e.return(),Object(i)!==i))return}finally{if(s)throw a}}return u}}function W(r){if(Array.isArray(r))return r}const{addons:F}=__STORYBOOK_MODULE_ADDONS__;function z(){var r=v.useState(C().current==="dark"),t=q(r,2),e=t[0],n=t[1];return v.useEffect(function(){var a=F.getChannel();return a.on(A,n),function(){return a.off(A,n)}},[]),e}const br=[r=>m.jsxs(m.Fragment,{children:[m.jsx(r,{}),m.jsx(P,{})]})],vr={docs:{container:r=>{const t=z(),e={...r};return e.theme=t?d.dark:d.light,document.documentElement.setAttribute("data-theme",t?"dark":"default"),v.createElement(I,e)}}};export{br as decorators,vr as parameters};
3
+ In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function J(r,t){if(r){if(typeof r=="string")return T(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(r);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return T(r,t)}}function T(r,t){(t==null||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}function V(r,t){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var n,a,l,i,u=[],o=!0,s=!1;try{if(l=(e=e.call(r)).next,t===0){if(Object(e)!==e)return;o=!1}else for(;!(o=(n=l.call(e)).done)&&(u.push(n.value),u.length!==t);o=!0);}catch(f){s=!0,a=f}finally{try{if(!o&&e.return!=null&&(i=e.return(),Object(i)!==i))return}finally{if(s)throw a}}return u}}function W(r){if(Array.isArray(r))return r}const{addons:F}=__STORYBOOK_MODULE_ADDONS__;function z(){var r=v.useState(C().current==="dark"),t=q(r,2),e=t[0],n=t[1];return v.useEffect(function(){var a=F.getChannel();return a.on(A,n),function(){return a.off(A,n)}},[]),e}const gr=[r=>m.jsxs(m.Fragment,{children:[m.jsx(r,{}),m.jsx(P,{})]})],br={docs:{container:r=>{const t=z(),e={...r};return e.theme=t?d.dark:d.light,document.documentElement.setAttribute("data-theme",t?"dark":"default"),v.createElement(I,e)}}};export{gr as decorators,br as parameters};
@@ -0,0 +1 @@
1
+ import{_ as e}from"./iframe-bec17c8e.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-bcab862b.js"),["./DocsRenderer-NNNQARDV-bcab862b.js","./chunk-HLWAVYOI-d266e33a.js","./iframe-bec17c8e.js","./index-f80c8c95.js","./react-16-56d53a63.js","./index-64d4dcb8.js","./index-9622ad0d.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return new r}}};export{a as parameters};
@@ -0,0 +1,46 @@
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{T as n}from"./top-bar-68696a1c.js";import{L as r}from"./list-a4e1fe84.js";import{P as p}from"./page-1a36abc8.js";import{R as c,C as o}from"./row-18fba056.js";import{T as d}from"./tabs-665566e2.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./button-a7e4e1fa.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./actions-7f26d646.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-2efb26e1.js";import"./index.es-cc11f36c.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./memoize-one.esm-52518564.js";import"./card-3e67b904.js";import"./list-heading-0f59017c.js";import"./heading-5d5cbb6f.js";import"./help-icon-e6604019.js";import"./loader-54efe57c.js";import"./styled-components.browser.esm-a7da2f18.js";import"./select.input-88b6ebab.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],Q={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{}),e.jsxs(p,{padding:!1,left:0,scroll:!1,children:[e.jsx(d,{margin:!1,padding:!0,options:t,value:t[0]}),e.jsxs(c,{spacing:0,flex:!0,height:"100%",children:[e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Country",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Field",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Site",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Well",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Wellbore",items:s}})}),e.jsx(o,{scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Design",items:s}})})]})]})]});var i,m,a;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
2
+ return <>
3
+ <TopBar />
4
+ <Page padding={false} left={0} scroll={false}>
5
+ <Tabs margin={false} padding options={tabs} value={tabs[0]} />
6
+ <Row spacing={0} flex height="100%">
7
+ <Column borderRight scroll showScrollbar={false}>
8
+ <List list={{
9
+ name: 'Country',
10
+ items
11
+ }} />
12
+ </Column>
13
+ <Column borderRight scroll showScrollbar={false}>
14
+ <List list={{
15
+ name: 'Field',
16
+ items
17
+ }} />
18
+ </Column>
19
+ <Column borderRight scroll showScrollbar={false}>
20
+ <List list={{
21
+ name: 'Site',
22
+ items
23
+ }} />
24
+ </Column>
25
+ <Column borderRight scroll showScrollbar={false}>
26
+ <List list={{
27
+ name: 'Well',
28
+ items
29
+ }} />
30
+ </Column>
31
+ <Column borderRight scroll showScrollbar={false}>
32
+ <List list={{
33
+ name: 'Wellbore',
34
+ items
35
+ }} />
36
+ </Column>
37
+ <Column scroll showScrollbar={false}>
38
+ <List list={{
39
+ name: 'Design',
40
+ items
41
+ }} />
42
+ </Column>
43
+ </Row>
44
+ </Page>
45
+ </>;
46
+ }`,...(a=(m=l.parameters)==null?void 0:m.docs)==null?void 0:a.source}}};l.__docgenInfo={description:"",methods:[],displayName:"Projects"};const U=["Projects"];export{l as Projects,U as __namedExportsOrder,Q as default};
@@ -1 +1 @@
1
- import{j as l}from"./jsx-runtime-f961835c.js";import{r as N}from"./index-f80c8c95.js";import{c as _}from"./index-a80ed1cf.js";import{D as O}from"./disabled-context-d654f6ff.js";import{s as j}from"./select.input-88b6ebab.js";import{b as k}from"./common-types-3a5f9d98.js";import{H}from"./help-icon-50a91ee5.js";const E="_wrapper_eo3b9_341",B="_inline_eo3b9_341",D="_radio_eo3b9_345",S="_labelMargin_eo3b9_348",w="_small_eo3b9_366",L="_noMargin_eo3b9_370",F="_disabled_eo3b9_429",z="_isInTable_eo3b9_445",a={wrapper:E,inline:B,radio:D,labelMargin:S,small:w,noMargin:L,disabled:F,isInTable:z},y=({name:n,label:m,value:d,selected:c,disabled:t=!1,small:f=!1,onChange:b,noMargin:g=!1,testId:v,helpText:i,onClickHelp:r})=>{const u=i||r;return l.jsxs("div",{className:_(a.radio,t?a.disabled:null,f?a.small:null,g?a.noMargin:null),onClick:b,"data-testid":v,children:[l.jsx("input",{type:k.RADIO,value:d,checked:c,onChange:()=>{},disabled:t}),l.jsx("label",{"data-name":n,"data-value":d,children:m}),u&&l.jsx(H,{text:i,onClick:r})]})};try{y.displayName="RadioInput",y.__docgenInfo={description:"",displayName:"RadioInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"TStringOrNumber"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber"}},selected:{defaultValue:null,description:"",name:"selected",required:!0,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",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:"((event?: any) => void)"}}}}}catch{}const V=({name:n,label:m,options:d,value:c,onChange:t,disabled:f=!1,small:b=!1,noMargin:g=!1,onClick:v=()=>{},inline:i=!1,mainLabel:r="",radioButtonsData:u,classForContainer:q="grouped fields"})=>{const I=N.useContext(O),o=u!==void 0,{simpleInputs:x,options:h,selectedOptions:p}=o?{simpleInputs:!1,options:u,selectedOptions:void 0}:j(d,c),C=o||p===void 0||p===null?void 0:x?p:p.value,M=o?r:m;return l.jsxs("div",{className:_(a.wrapper,i?a.inline:null,q==="inline fields"?a.inline:null),children:[r&&l.jsx("label",{className:_(i&&a.labelMargin),children:M}),h.map((e,T)=>{const R=e.checked||e.value===C||!1;return l.jsx(y,{name:e.name||e.value,label:e.label,value:e.value,selected:R,disabled:f||e.disabled||I,small:b,noMargin:g,onChange:e.disabled?void 0:s=>{o?v(s.target):(s.target.name=n,s.target.value=e.value.toString(),s.target.label=e.label.toString(),t&&t(s))},testId:e.testId,helpText:e.helpText,onClickHelp:e.onClickHelp},T)})]})};try{V.displayName="RadioButton",V.__docgenInfo={description:"",displayName:"RadioButton",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IRadioButtonOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber | IRadioButtonOption"}},inline:{defaultValue:{value:"false"},description:"",name:"inline",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},mainLabel:{defaultValue:{value:""},description:"",name:"mainLabel",required:!1,type:{name:"string"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((target: HTMLInputElement) => void)"}},radioButtonsData:{defaultValue:null,description:"",name:"radioButtonsData",required:!1,type:{name:"IRadioButtonOption[]"}},classForContainer:{defaultValue:{value:"grouped fields"},description:"",name:"classForContainer",required:!1,type:{name:"enum",value:[{value:'"grouped fields"'},{value:'"inline fields"'}]}}}}}catch{}export{V as R};
1
+ import{j as l}from"./jsx-runtime-f961835c.js";import{r as N}from"./index-f80c8c95.js";import{c as _}from"./index-a80ed1cf.js";import{D as O}from"./disabled-context-d654f6ff.js";import{s as j}from"./select.input-88b6ebab.js";import{b as k}from"./common-types-3a5f9d98.js";import{H}from"./help-icon-e6604019.js";const E="_wrapper_eo3b9_341",B="_inline_eo3b9_341",D="_radio_eo3b9_345",S="_labelMargin_eo3b9_348",w="_small_eo3b9_366",L="_noMargin_eo3b9_370",F="_disabled_eo3b9_429",z="_isInTable_eo3b9_445",a={wrapper:E,inline:B,radio:D,labelMargin:S,small:w,noMargin:L,disabled:F,isInTable:z},y=({name:n,label:m,value:d,selected:c,disabled:t=!1,small:f=!1,onChange:b,noMargin:g=!1,testId:v,helpText:i,onClickHelp:r})=>{const u=i||r;return l.jsxs("div",{className:_(a.radio,t?a.disabled:null,f?a.small:null,g?a.noMargin:null),onClick:b,"data-testid":v,children:[l.jsx("input",{type:k.RADIO,value:d,checked:c,onChange:()=>{},disabled:t}),l.jsx("label",{"data-name":n,"data-value":d,children:m}),u&&l.jsx(H,{text:i,onClick:r})]})};try{y.displayName="RadioInput",y.__docgenInfo={description:"",displayName:"RadioInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"TStringOrNumber"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber"}},selected:{defaultValue:null,description:"",name:"selected",required:!0,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",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:"((event?: any) => void)"}}}}}catch{}const V=({name:n,label:m,options:d,value:c,onChange:t,disabled:f=!1,small:b=!1,noMargin:g=!1,onClick:v=()=>{},inline:i=!1,mainLabel:r="",radioButtonsData:u,classForContainer:q="grouped fields"})=>{const I=N.useContext(O),o=u!==void 0,{simpleInputs:x,options:h,selectedOptions:p}=o?{simpleInputs:!1,options:u,selectedOptions:void 0}:j(d,c),C=o||p===void 0||p===null?void 0:x?p:p.value,M=o?r:m;return l.jsxs("div",{className:_(a.wrapper,i?a.inline:null,q==="inline fields"?a.inline:null),children:[r&&l.jsx("label",{className:_(i&&a.labelMargin),children:M}),h.map((e,T)=>{const R=e.checked||e.value===C||!1;return l.jsx(y,{name:e.name||e.value,label:e.label,value:e.value,selected:R,disabled:f||e.disabled||I,small:b,noMargin:g,onChange:e.disabled?void 0:s=>{o?v(s.target):(s.target.name=n,s.target.value=e.value.toString(),s.target.label=e.label.toString(),t&&t(s))},testId:e.testId,helpText:e.helpText,onClickHelp:e.onClickHelp},T)})]})};try{V.displayName="RadioButton",V.__docgenInfo={description:"",displayName:"RadioButton",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IRadioButtonOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber | IRadioButtonOption"}},inline:{defaultValue:{value:"false"},description:"",name:"inline",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},mainLabel:{defaultValue:{value:""},description:"",name:"mainLabel",required:!1,type:{name:"string"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((target: HTMLInputElement) => void)"}},radioButtonsData:{defaultValue:null,description:"",name:"radioButtonsData",required:!1,type:{name:"IRadioButtonOption[]"}},classForContainer:{defaultValue:{value:"grouped fields"},description:"",name:"classForContainer",required:!1,type:{name:"enum",value:[{value:'"grouped fields"'},{value:'"inline fields"'}]}}}}}catch{}export{V as R};
@@ -1,4 +1,4 @@
1
- import{j as R}from"./jsx-runtime-f961835c.js";import{r as T}from"./index-f80c8c95.js";import{R as f}from"./radio-button-f9e4c2fb.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";import"./common-types-3a5f9d98.js";import"./help-icon-50a91ee5.js";import"./tooltip-559179a7.js";import"./index-64d4dcb8.js";import"./icon-4579d4e5.js";import"./inheritsLoose-c82a83d4.js";import"./index-c89a1915.js";const o=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],F={title:"Forms/RadioButton",component:f,args:{options:o,inline:!1,noMargin:!1,disabled:!1,small:!1}},l=e=>{const[t,C]=T.useState(o[0]),O=V=>{const x=V.target.value,r=o.find(H=>H.value===x);r&&C(r)};return R.jsx(f,{...e,value:t,onChange:O})},s=l.bind({}),n=l.bind({});n.args={options:o.map((e,t)=>({...e,helpText:`Help text #${t}`}))};const a=l.bind({});a.args={options:o.map((e,t)=>({...e,onClickHelp:()=>console.log(`Help #${t} clicked`)}))};var p,i,c;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`args => {
1
+ import{j as R}from"./jsx-runtime-f961835c.js";import{r as T}from"./index-f80c8c95.js";import{R as f}from"./radio-button-673f6757.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";import"./common-types-3a5f9d98.js";import"./help-icon-e6604019.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";const o=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],F={title:"Forms/RadioButton",component:f,args:{options:o,inline:!1,noMargin:!1,disabled:!1,small:!1}},l=e=>{const[t,C]=T.useState(o[0]),O=V=>{const x=V.target.value,r=o.find(H=>H.value===x);r&&C(r)};return R.jsx(f,{...e,value:t,onChange:O})},s=l.bind({}),n=l.bind({});n.args={options:o.map((e,t)=>({...e,helpText:`Help text #${t}`}))};const a=l.bind({});a.args={options:o.map((e,t)=>({...e,onClickHelp:()=>console.log(`Help #${t} clicked`)}))};var p,i,c;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`args => {
2
2
  const [value, setValue] = useState<OptionType>(options[0]);
3
3
  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
4
4
  const selectedValue = evt.target.value;