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

package/dist/storybook/assets/{input-validation-SIDSAFaH.js → input-validation-NEGWFrXt.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as n}from"./index-kEA1EH0x.js";import{NonExistentValue as a,Error as l}from"./select.stories-oUxeDUts.js";import{useMDXComponents as r}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-IZZyfjHT.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./select-Z1HqJ5aU.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-4QtD-hFu.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-SGexXf58.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./spacer-Yji9g2AW.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as n}from"./index-iatYfUQ9.js";import{NonExistentValue as a,Error as l}from"./select.stories-oUxeDUts.js";import{useMDXComponents as r}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-KF8ad0ep.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./select-Z1HqJ5aU.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-4QtD-hFu.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-SGexXf58.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./spacer-Yji9g2AW.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
 `,e.jsx(i.h1,{id:"input-validation",children:"Input Validation"}),`
 `,e.jsx(i.h2,{id:"select",children:"Select"}),`
 `,e.jsx(i.h3,{id:"invalid-states",children:"Invalid states"}),`

package/dist/storybook/assets/{inputs-Q-JCPEm_.js → inputs-50lL8jdq.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as n}from"./index-kEA1EH0x.js";import{Default as l}from"./button.stories-R9_1tl9l.js";import{Default as a}from"./check-box.stories-FNs72smP.js";import{Default as c}from"./file-input.stories-22XjkzbO.js";import{Default as d,Date as p}from"./input.stories-iopguZKB.js";import{Default as h}from"./number-input.stories-SOsG2FLJ.js";import{Default as u}from"./option-dropdown.stories-1Y5JDaBF.js";import{Default as m}from"./radio-button.stories-KCS981-F.js";import{Native as f,Default as x}from"./select.stories-oUxeDUts.js";import{Default as j}from"./slider.stories-QyyBB_rz.js";import{Default as b}from"./textarea.stories-twGqf34D.js";import{Default as g}from"./toggle.stories-LC6LSCD2.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-IZZyfjHT.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./flex-ZVra76N-.js";import"./button-IoNblLER.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./check-box-BX5dfQFk.js";import"./help-icon-nI9A506M.js";import"./input-group-R8LoqKRn.js";import"./input-iDZqV-2m.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spacer-Yji9g2AW.js";import"./message-uMHaTEXV.js";import"./textarea-1cVdadvY.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./input-group-addon-BHVsW9mL.js";import"./select-Z1HqJ5aU.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-SGexXf58.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./divider-RwW2f_N0.js";import"./radio-button-QcS9mLYi.js";import"./slider-_5NQKbM-.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./toggle-wk0GbVB8.js";function i(o){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},s(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as n}from"./index-iatYfUQ9.js";import{Default as l}from"./button.stories-R9_1tl9l.js";import{Default as a}from"./check-box.stories-FNs72smP.js";import{Default as c}from"./file-input.stories-22XjkzbO.js";import{Default as d,Date as p}from"./input.stories-iopguZKB.js";import{Default as h}from"./number-input.stories-BUeHRFyX.js";import{Default as u}from"./option-dropdown.stories-1Y5JDaBF.js";import{Default as m}from"./radio-button.stories-KCS981-F.js";import{Native as f,Default as x}from"./select.stories-oUxeDUts.js";import{Default as j}from"./slider.stories-QyyBB_rz.js";import{Default as b}from"./textarea.stories-twGqf34D.js";import{Default as g}from"./toggle.stories-LC6LSCD2.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-KF8ad0ep.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./flex-ZVra76N-.js";import"./button-IoNblLER.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./check-box-BX5dfQFk.js";import"./help-icon-nI9A506M.js";import"./input-group-R8LoqKRn.js";import"./input-iDZqV-2m.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spacer-Yji9g2AW.js";import"./message-uMHaTEXV.js";import"./textarea-1cVdadvY.js";import"./number-input-wURqWy_O.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./input-group-addon-BHVsW9mL.js";import"./select-Z1HqJ5aU.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-SGexXf58.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./divider-RwW2f_N0.js";import"./radio-button-QcS9mLYi.js";import"./slider-_5NQKbM-.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./toggle-wk0GbVB8.js";function i(o){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},s(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
 `,e.jsx(t.h1,{id:"inputs",children:"Inputs"}),`
 `,e.jsx(t.p,{children:"React UI Library provides a comprehensive set of user input components."}),`
 `,e.jsx(t.h2,{id:"button",children:"Button"}),`

package/dist/storybook/assets/{layout-forms-sTxS59Zq.js → layout-forms-7BPKQjSF.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as o}from"./index-kEA1EH0x.js";import{Default as p,LabelOnLeft as l}from"./field.stories-aEccauPi.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-_A7_Mppm.js";import{useMDXComponents as n}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-IZZyfjHT.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./field-kOZPBHf6.js";import"./index-VW3EWkuE.js";import"./label-RpB4JmHX.js";import"./common-types-U65vzrrz.js";import"./help-icon-nI9A506M.js";import"./tooltip-ZHdi6rl-.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./input-iDZqV-2m.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./text-6KQ6ntOV.js";import"./select-Z1HqJ5aU.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./actions-SGexXf58.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./check-box-BX5dfQFk.js";import"./button-group-KeeGgC4K.js";import"./toggle-wk0GbVB8.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./slider-_5NQKbM-.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./textarea-1cVdadvY.js";import"./radio-button-QcS9mLYi.js";import"./form-row-bwoDTUga.js";function r(i){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),i.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
+import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as o}from"./index-iatYfUQ9.js";import{Default as p,LabelOnLeft as l}from"./field.stories-aEccauPi.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-_A7_Mppm.js";import{useMDXComponents as n}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-KF8ad0ep.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./field-kOZPBHf6.js";import"./index-VW3EWkuE.js";import"./label-RpB4JmHX.js";import"./common-types-U65vzrrz.js";import"./help-icon-nI9A506M.js";import"./tooltip-ZHdi6rl-.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./input-iDZqV-2m.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./text-6KQ6ntOV.js";import"./select-Z1HqJ5aU.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./actions-SGexXf58.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./check-box-BX5dfQFk.js";import"./button-group-KeeGgC4K.js";import"./toggle-wk0GbVB8.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./slider-_5NQKbM-.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./textarea-1cVdadvY.js";import"./radio-button-QcS9mLYi.js";import"./form-row-bwoDTUga.js";function r(i){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),i.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
 `,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
 `,t.jsx(e.h2,{id:"field",children:"Field"}),`
 `,t.jsxs(e.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(e.code,{children:"label"})," for other default styling."]}),`

package/dist/storybook/assets/{layout-general-82Ja2Lb_.js → layout-general-XbnqGH85.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as n}from"./index-kEA1EH0x.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-kjbyZMWP.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-hPfW-CxX.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-5pd3N4bE.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-IZZyfjHT.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./flex-ZVra76N-.js";import"./button-IoNblLER.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./text-6KQ6ntOV.js";import"./grid-u1mZpaML.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./card-0r8RRVk-.js";import"./row-vFUhHoz5.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";function t(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},s(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as n}from"./index-iatYfUQ9.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-kjbyZMWP.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-hPfW-CxX.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-5pd3N4bE.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-KF8ad0ep.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./flex-ZVra76N-.js";import"./button-IoNblLER.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./text-6KQ6ntOV.js";import"./grid-u1mZpaML.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./card-0r8RRVk-.js";import"./row-vFUhHoz5.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";function t(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},s(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
 `,e.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
 `,e.jsx(o.h2,{id:"flex",children:"Flex"}),`
 `,e.jsxs(o.p,{children:["The ",e.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.jsx(o.code,{children:"alignItems"}),", ",e.jsx(o.code,{children:"justifyContent"})," and ",e.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`

package/dist/storybook/assets/{list-5kbN7yr8.js → list-ciYNlkVM.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as o}from"./index-RfLt4OUa.js";import{c as C}from"./index-VW3EWkuE.js";import{P as ae,D as ne,C as re,I as te}from"./index.es-JXn3JM7k.js";import{C as le}from"./card-0r8RRVk-.js";import{s as r,N as se,M as ie,L as oe}from"./list-heading-XbqCJOHh.js";import{I as k}from"./common-types-U65vzrrz.js";import{D as B}from"./disabled-context-urNQThQz.js";import{A as G}from"./actions-SGexXf58.js";import{B as F}from"./badge-23Ty_zBt.js";import{I as w}from"./icon-y1a2N5SZ.js";import{L as ce}from"./loader-TGOJBZQG.js";const E=({label:a})=>a?e.jsx("span",{className:r.label,children:e.jsx(F,{color:a.color,title:a.value,small:a.small})}):null;try{E.displayName="Label",E.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ILabel"}}}}}catch{}const L=({item:a})=>a.metaCount!==void 0?e.jsx(F,{color:"rgba(0,0,0,0.25)",title:a.metaCount}):null;try{L.displayName="MetaCount",L.__docgenInfo={description:"",displayName:"MetaCount",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ metaCount?: number | undefined; }"}}}}}catch{}const R=({item:a,expanding:i})=>{const c=u=>{u.preventDefault(),u.stopPropagation()};return i&&a.active&&a.content?e.jsx("div",{className:r.itemContent,onClick:c,children:a.content}):null};try{R.displayName="ItemContent",R.__docgenInfo={description:"",displayName:"ItemContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ active?: boolean | undefined; content?: ReactNode; }"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}}}}}catch{}const M=o.forwardRef(({item:a,index:i},c)=>{const u=o.useContext(B),{actions:x,disabled:f,expanded:g,onClick:b,title:t,name:s,icon:n,testId:m}=a;return e.jsx("div",{ref:p=>{c&&"current"in c&&Array.isArray(c.current)&&i!==void 0&&(c.current[i]=p)},"data-testid":m??null,className:C(r.item,r.heading,f||u?r.disabled:"",b?r.action:""),onClick:p=>{b&&b(p)},title:t,children:e.jsx("div",{children:e.jsxs("div",{className:r.itemHeader,children:[typeof g=="boolean"&&e.jsx("div",{className:C(r.expandIcon,g&&r.expanded),children:e.jsx(w,{icon:k.CHEVRON_RIGHT})}),e.jsx(se,{name:s,icon:n}),e.jsxs("div",{className:r.right,children:[e.jsx(L,{item:a}),!(f||u)&&x&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:a.actions??[]})})]})]})})})});try{M.displayName="ListSubheading",M.__docgenInfo={description:"",displayName:"ListSubheading",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IListSubheadingItem"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}}}catch{}const de=(a,i)=>a?{cursor:i.cursor?i.cursor:"",...a.style}:null,H=o.forwardRef(({items:a,expanding:i,invokeEditOnRowClick:c,provided:u,draggable:x},f)=>{const g=o.useContext(B),b=(t,s,n,m,p,y)=>o.createElement("a",{href:n.url,ref:s==null?void 0:s.innerRef,...s.draggableProps,style:de(s.draggableProps,n),className:C(r.item,n.active?r.active:"",n.disabled||g?r.disabled:"",p?r.action:""),onClick:d=>{if(c&&y&&y.onClick&&y.onClick(d,n.id),n.onClick)return n.onClick(d)},key:t,"data-id":t,title:n.title,"data-testid":n.testId},e.jsxs("div",{ref:d=>{f&&"current"in f&&Array.isArray(f.current)&&t!==void 0&&(f.current[t]=d)},style:{paddingLeft:m},children:[e.jsxs("div",{className:r.itemHeader,children:[x&&e.jsx("div",{className:r.drag,...s.dragHandleProps,children:e.jsx(w,{icon:k.DRAG})}),n.level&&n.level>0?e.jsx("div",{className:r.indentIcon,children:e.jsx(w,{icon:k.INDENT})}):null,e.jsx(E,{label:n.label}),e.jsx(ie,{item:n}),e.jsxs("div",{className:r.right,children:[e.jsx(L,{item:n}),!(n.disabled||g)&&n.actions&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:n.actions})})]})]}),e.jsx(R,{item:n,expanding:i})]}));return e.jsxs(e.Fragment,{children:[a.map((t,s)=>{const n=t.type==="Heading",m=t.actions&&t.actions.find(d=>{var V;return d.label&&((V=String(d.label))==null?void 0:V.toLowerCase())==="edit"}),p=!!(m||t.url||t.onClick),y=t.level&&t.level>1?(t.level-1)*20:0;return n?e.jsx(M,{ref:f,item:t,index:s},s):x?e.jsx(ae,{draggableId:t.id+"",index:s,children:d=>b(s,d,t,y,p,m)},t.id):b(s,u,t,y,p,m)}),u.placeholder]})});try{H.displayName="ListRow",H.__docgenInfo={description:"",displayName:"ListRow",props:{draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"boolean"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}},invokeEditOnRowClick:{defaultValue:null,description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((args: { from?: number; to?: number; }) => void) | undefined"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"DroppableStateSnapshot"}},provided:{defaultValue:null,description:"",name:"provided",required:!1,type:{name:"any"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IListItem[]"}}}}}catch{}const P=({list:a,bordered:i=!1,expanding:c=!1,narrow:u=!1,toggleNarrow:x=!1,onToggleNarrow:f=()=>{},invokeEditOnRowClick:g=!0,noHeader:b=!1,stickyHeader:t,draggable:s=!1,onListReorder:n=()=>{},marginBottom:m=0,height:p,testId:y,scrollDetails:d={scrollable:!1,hideScrollbar:!1,triggerScrollToActiveItem:!1,infiniteScroll:!1,limit:10,infiniteScrollTarget:void 0}})=>{const{scrollable:V,hideScrollbar:z,triggerScrollToActiveItem:T,infiniteScroll:A,infiniteScrollTarget:J}=d,j=o.useRef(null),_=o.useRef([]),I=o.useRef(null),O=A?Math.ceil(window.innerHeight/44):a.items.length,[v,K]=o.useState(O),[Q,U]=o.useState(v<(a==null?void 0:a.items.length));o.useEffect(()=>{_.current=_.current.slice(0,a.items.length)},[a.items.length]);const W=()=>{if(v>=a.items.length){U(!1);return}const l=O+v;K(l)},X=l=>l.findIndex(h=>h.active===!0),Y=l=>{if(!I.current||!j.current)return;const h=1;if(T&&l>=0){const D=_.current.reduce((S,$,ee)=>ee<l?S+$.clientHeight+h:S,0),q=I.current.clientHeight/2-_.current[l].clientHeight/2,N=D-q;if(t){const S=j.current.clientHeight/2;I.current.scrollTop=N+S}const Z=j.current.clientHeight;I.current.scrollTop=N+Z}};return o.useEffect(()=>{if(T){const l=X(a==null?void 0:a.items);Y(l)}},[I.current,j.current,T]),e.jsx(ne,{onDragEnd:l=>{var q,N;const h=(q=l==null?void 0:l.source)==null?void 0:q.index,D=(N=l==null?void 0:l.destination)==null?void 0:N.index;n({from:h,to:D})},children:e.jsx(re,{droppableId:"droppable",children:(l,h)=>e.jsx("div",{className:C(u?r.narrow:"",V?r.scrollableList:"",z?r.hideScrollbar:""),"data-testid":y,id:"scrollableDiv",style:{height:p,marginBottom:m},ref:I,children:e.jsx("div",{ref:l.innerRef,...l.droppableProps,children:e.jsxs(le,{bordered:i,padding:!1,children:[!b&&e.jsx(oe,{name:a.name,actions:a.actions,toggleNarrow:x,onToggleNarrow:f,stickyHeader:t,ref:j}),e.jsx("div",{className:C(r.list,i?r.bordered:""),children:A?e.jsx(te,{dataLength:v,next:W,hasMore:Q,scrollableTarget:J||"scrollableDiv",loader:e.jsx(ce,{}),className:r.infiniteScrollContainer,children:e.jsx(H,{draggable:s,items:a.items.slice(0,v),expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})}):e.jsx(H,{draggable:s,items:a.items,expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})})]})})})})})};try{P.displayName="List",P.__docgenInfo={description:"",displayName:"List",props:{drawer:{defaultValue:null,description:"",name:"drawer",required:!1,type:{name:"boolean"}},list:{defaultValue:null,description:"",name:"list",required:!0,type:{name:"IListData"}},bordered:{defaultValue:{value:"false"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},expanding:{defaultValue:{value:"false"},description:"",name:"expanding",required:!1,type:{name:"boolean"}},narrow:{defaultValue:{value:"false"},description:"",name:"narrow",required:!1,type:{name:"boolean"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},invokeEditOnRowClick:{defaultValue:{value:"true"},description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},noHeader:{defaultValue:{value:"false"},description:"",name:"noHeader",required:!1,type:{name:"boolean"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}},draggable:{defaultValue:{value:"false"},description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:{value:"() => {}"},description:"",name:"onListReorder",required:!1,type:{name:"((args: IReorderData) => void)"}},marginBottom:{defaultValue:{value:"0"},description:"",name:"marginBottom",required:!1,type:{name:"string | number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},scrollDetails:{defaultValue:{value:`{
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as o}from"./index-RfLt4OUa.js";import{c as C}from"./index-VW3EWkuE.js";import{P as ae,D as ne,C as re,I as te}from"./index.es-JXn3JM7k.js";import{C as le}from"./card-0r8RRVk-.js";import{s as r,N as se,M as ie,L as oe}from"./list-heading-XbqCJOHh.js";import{I as k}from"./common-types-U65vzrrz.js";import{D as B}from"./disabled-context-urNQThQz.js";import{A as G}from"./actions-SGexXf58.js";import{B as F}from"./badge-23Ty_zBt.js";import{I as w}from"./icon-y1a2N5SZ.js";import{L as ce}from"./loader-TGOJBZQG.js";const E=({label:a})=>a?e.jsx("span",{className:r.label,children:e.jsx(F,{color:a.color,title:a.value,small:a.small})}):null;try{E.displayName="Label",E.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ILabel"}}}}}catch{}const L=({item:a})=>a.metaCount!==void 0?e.jsx(F,{color:"rgba(0,0,0,0.25)",title:a.metaCount}):null;try{L.displayName="MetaCount",L.__docgenInfo={description:"",displayName:"MetaCount",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ metaCount?: number | undefined; }"}}}}}catch{}const R=({item:a,expanding:i})=>{const c=u=>{u.preventDefault(),u.stopPropagation()};return i&&a.active&&a.content?e.jsx("div",{className:r.itemContent,onClick:c,children:a.content}):null};try{R.displayName="ItemContent",R.__docgenInfo={description:"",displayName:"ItemContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ active?: boolean | undefined; content?: ReactNode; }"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}}}}}catch{}const M=o.forwardRef(({item:a,index:i},c)=>{const u=o.useContext(B),{actions:x,disabled:f,expanded:g,onClick:b,title:t,name:s,icon:n,testId:m}=a;return e.jsx("div",{ref:p=>{c&&"current"in c&&Array.isArray(c.current)&&i!==void 0&&(c.current[i]=p)},"data-testid":m??null,className:C(r.item,r.heading,f||u?r.disabled:"",b?r.action:""),onClick:p=>{b&&b(p)},title:t,children:e.jsx("div",{children:e.jsxs("div",{className:r.itemHeader,children:[typeof g=="boolean"&&e.jsx("div",{className:C(r.expandIcon,g&&r.expanded),children:e.jsx(w,{icon:k.CHEVRON_RIGHT})}),e.jsx(se,{name:s,icon:n}),e.jsxs("div",{className:r.right,children:[e.jsx(L,{item:a}),!(f||u)&&x&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:a.actions??[]})})]})]})})})});try{M.displayName="ListSubheading",M.__docgenInfo={description:"",displayName:"ListSubheading",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IListSubheadingItem"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}}}catch{}const de=(a,i)=>a?{cursor:i.cursor?i.cursor:"",...a.style}:null,H=o.forwardRef(({items:a,expanding:i,invokeEditOnRowClick:c,provided:u,draggable:x},f)=>{const g=o.useContext(B),b=(t,s,n,m,p,y)=>o.createElement("a",{href:n.url,ref:s==null?void 0:s.innerRef,...s.draggableProps,style:de(s.draggableProps,n),className:C(r.item,n.active?r.active:"",n.disabled||g?r.disabled:"",p?r.action:""),onClick:d=>{if(c&&y&&y.onClick&&y.onClick(d,n.id),n.onClick)return n.onClick(d)},key:t,"data-id":t,title:n.title,"data-testid":n.testId},e.jsxs("div",{ref:d=>{f&&"current"in f&&Array.isArray(f.current)&&t!==void 0&&(f.current[t]=d)},style:{paddingLeft:m},children:[e.jsxs("div",{className:r.itemHeader,children:[x&&e.jsx("div",{className:r.drag,...s.dragHandleProps,children:e.jsx(w,{icon:k.DRAG})}),n.level&&n.level>0?e.jsx("div",{className:r.indentIcon,children:e.jsx(w,{icon:k.INDENT})}):null,e.jsx(E,{label:n.label}),e.jsx(ie,{item:n}),e.jsxs("div",{className:r.right,children:[e.jsx(L,{item:n}),!(n.disabled||g)&&n.actions&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:n.actions})})]})]}),e.jsx(R,{item:n,expanding:i})]}));return e.jsxs(e.Fragment,{children:[a.map((t,s)=>{const n=t.type==="Heading",m=t.actions&&t.actions.find(d=>{var V;return d.label&&((V=String(d.label))==null?void 0:V.toLowerCase())==="edit"}),p=!!(m||t.url||t.onClick),y=t.level&&t.level>1?(t.level-1)*20:0;return n?e.jsx(M,{ref:f,item:t,index:s},s):x?e.jsx(ae,{draggableId:t.id+"",index:s,children:d=>b(s,d,t,y,p,m)},t.id):b(s,u,t,y,p,m)}),u.placeholder]})});try{H.displayName="ListRow",H.__docgenInfo={description:"",displayName:"ListRow",props:{draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((args: { from?: number; to?: number; }) => void) | undefined"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}},invokeEditOnRowClick:{defaultValue:null,description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"DroppableStateSnapshot"}},provided:{defaultValue:null,description:"",name:"provided",required:!1,type:{name:"any"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IListItem[]"}}}}}catch{}const P=({list:a,bordered:i=!1,expanding:c=!1,narrow:u=!1,toggleNarrow:x=!1,onToggleNarrow:f=()=>{},invokeEditOnRowClick:g=!0,noHeader:b=!1,stickyHeader:t,draggable:s=!1,onListReorder:n=()=>{},marginBottom:m=0,height:p,testId:y,scrollDetails:d={scrollable:!1,hideScrollbar:!1,triggerScrollToActiveItem:!1,infiniteScroll:!1,limit:10,infiniteScrollTarget:void 0}})=>{const{scrollable:V,hideScrollbar:z,triggerScrollToActiveItem:T,infiniteScroll:A,infiniteScrollTarget:J}=d,j=o.useRef(null),_=o.useRef([]),I=o.useRef(null),O=A?Math.ceil(window.innerHeight/44):a.items.length,[v,K]=o.useState(O),[Q,U]=o.useState(v<(a==null?void 0:a.items.length));o.useEffect(()=>{_.current=_.current.slice(0,a.items.length)},[a.items.length]);const W=()=>{if(v>=a.items.length){U(!1);return}const l=O+v;K(l)},X=l=>l.findIndex(h=>h.active===!0),Y=l=>{if(!I.current||!j.current)return;const h=1;if(T&&l>=0){const D=_.current.reduce((S,$,ee)=>ee<l?S+$.clientHeight+h:S,0),q=I.current.clientHeight/2-_.current[l].clientHeight/2,N=D-q;if(t){const S=j.current.clientHeight/2;I.current.scrollTop=N+S}const Z=j.current.clientHeight;I.current.scrollTop=N+Z}};return o.useEffect(()=>{if(T){const l=X(a==null?void 0:a.items);Y(l)}},[I.current,j.current,T]),e.jsx(ne,{onDragEnd:l=>{var q,N;const h=(q=l==null?void 0:l.source)==null?void 0:q.index,D=(N=l==null?void 0:l.destination)==null?void 0:N.index;n({from:h,to:D})},children:e.jsx(re,{droppableId:"droppable",children:(l,h)=>e.jsx("div",{className:C(u?r.narrow:"",V?r.scrollableList:"",z?r.hideScrollbar:""),"data-testid":y,id:"scrollableDiv",style:{height:p,marginBottom:m},ref:I,children:e.jsx("div",{ref:l.innerRef,...l.droppableProps,children:e.jsxs(le,{bordered:i,padding:!1,children:[!b&&e.jsx(oe,{name:a.name,actions:a.actions,toggleNarrow:x,onToggleNarrow:f,stickyHeader:t,ref:j}),e.jsx("div",{className:C(r.list,i?r.bordered:""),children:A?e.jsx(te,{dataLength:v,next:W,hasMore:Q,scrollableTarget:J||"scrollableDiv",loader:e.jsx(ce,{}),className:r.infiniteScrollContainer,children:e.jsx(H,{draggable:s,items:a.items.slice(0,v),expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})}):e.jsx(H,{draggable:s,items:a.items,expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})})]})})})})})};try{P.displayName="List",P.__docgenInfo={description:"",displayName:"List",props:{drawer:{defaultValue:null,description:"",name:"drawer",required:!1,type:{name:"boolean"}},list:{defaultValue:null,description:"",name:"list",required:!0,type:{name:"IListData"}},bordered:{defaultValue:{value:"false"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},expanding:{defaultValue:{value:"false"},description:"",name:"expanding",required:!1,type:{name:"boolean"}},narrow:{defaultValue:{value:"false"},description:"",name:"narrow",required:!1,type:{name:"boolean"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},invokeEditOnRowClick:{defaultValue:{value:"true"},description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},noHeader:{defaultValue:{value:"false"},description:"",name:"noHeader",required:!1,type:{name:"boolean"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}},draggable:{defaultValue:{value:"false"},description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:{value:"() => {}"},description:"",name:"onListReorder",required:!1,type:{name:"((args: IReorderData) => void)"}},marginBottom:{defaultValue:{value:"0"},description:"",name:"marginBottom",required:!1,type:{name:"string | number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},scrollDetails:{defaultValue:{value:`{
     scrollable: false,
     hideScrollbar: false,
     triggerScrollToActiveItem: false,

package/dist/storybook/assets/{list.stories-a1qTCCEj.js → list.stories-khlFbVFq.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as B}from"./index-RfLt4OUa.js";import{f as k}from"./immer.esm-bD7SSJ7T.js";import{L as x,a as q}from"./list-5kbN7yr8.js";import{L as en}from"./list-heading-XbqCJOHh.js";import{F as nn}from"./flex-ZVra76N-.js";import{l as an,a as tn,b as rn,c as sn,d as on,e as dn,f as mn,g as ln,h as cn,i as pn,j as gn,k as un,m as hn,n as Ye}from"./list.stories-data-spFiMtCi.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./card-0r8RRVk-.js";import"./common-types-U65vzrrz.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./loader-TGOJBZQG.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";const Pn={title:"Basic/List",component:x,args:{list:an,noHeader:!0},parameters:{layout:"fullscreen"}},s=d=>o.jsx(x,{...d}),O=s.bind({}),L=s.bind({});L.args={list:tn};const D=s.bind({});D.args={list:rn};const v=s.bind({});v.args={list:sn};const K=s.bind({});K.args={list:on,expanding:!0};const H=s.bind({});H.args={list:dn,noHeader:!1};const M=s.bind({});M.args={list:mn};const j=s.bind({});j.args={list:ln};const T=s.bind({});T.args={list:cn};const R=s.bind({});R.args={list:pn};const E=s.bind({});E.args={list:gn,noHeader:!1};const N=s.bind({});N.args={bordered:!0};const w=s.bind({});w.args={list:un};const $=s.bind({});$.args={list:hn};const S=s.bind({});S.args={list:Ye,noHeader:!1,stickyHeader:!0};S.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=s.bind({});f.args={list:Ye,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=>o.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const J=()=>{const[d,y]=B.useState(0),b={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>y(l)}))};return o.jsx("div",{style:{height:200,overflow:"auto"},children:o.jsx(x,{list:b,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},_=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return k(e,r=>{const i=r[t];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:r}=a.payload;return k(e,i=>{Object.keys(i).forEach(h=>{i[h].items.forEach((A,Ze)=>{A.active=h===t&&Ze===r})})})}case"addClicked":{const{headingKey:t}=a.payload;return k(e,r=>{const i=r[t];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:r}=a.payload;return k(e,i=>{let{items:h}=i[t];delete h[r],i[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]=B.useReducer(d,{},()=>y()),[l,g]=B.useState(!1),c=(e,a)=>{g(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>g(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},u=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:I,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:()=>u(e.key,t)}]})}),n=300;return o.jsxs(nn,{gap:!0,children:[o.jsx(x,{list:C(I),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),o.jsx(x,{list:C(F),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},W=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const r=t[a];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,r=>{Object.keys(r).forEach(i=>{r[i].items.forEach((h,A)=>{h.active=i===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const r=t[a];r.expanded=!0,r.items.push({name:`${r.label} #${r.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,r=>{let{items:i}=r[a];delete i[t],r[a].items=i.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]=B.useReducer(d,y()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),g=(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:u,amphibians:I}=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:()=>g(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return o.jsxs(o.Fragment,{children:[o.jsx(en,{name:"Animals"}),o.jsx(q,{item:F(u)}),u.expanded&&o.jsx(x,{noHeader:!0,list:C(u)}),o.jsx(q,{item:F(I)}),I.expanded&&o.jsx(x,{noHeader:!0,list:C(I)})]})},X=()=>{const d=(g,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return g;const u=[...g];return typeof p=="number"&&typeof c=="number"&&u.splice(p,0,u.splice(c,1)[0]),u},y={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"Long element name goes here lorem ipsum dolor lorem ipsum dolor",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]=B.useState(y.items),l=g=>{const{to:c,from:p}=g;m(d(b,p,c))};return o.jsx(x,{list:{...y,items:b},draggable:!0,onListReorder:l})};var z,G,P;O.parameters={...O.parameters,docs:{...(z=O.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
+import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as B}from"./index-RfLt4OUa.js";import{f as k}from"./immer.esm-bD7SSJ7T.js";import{L as x,a as q}from"./list-ciYNlkVM.js";import{L as en}from"./list-heading-XbqCJOHh.js";import{F as nn}from"./flex-ZVra76N-.js";import{l as an,a as tn,b as rn,c as sn,d as on,e as dn,f as mn,g as ln,h as cn,i as pn,j as gn,k as un,m as hn,n as Ye}from"./list.stories-data-spFiMtCi.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./card-0r8RRVk-.js";import"./common-types-U65vzrrz.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./loader-TGOJBZQG.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";const Pn={title:"Basic/List",component:x,args:{list:an,noHeader:!0},parameters:{layout:"fullscreen"}},s=d=>o.jsx(x,{...d}),O=s.bind({}),L=s.bind({});L.args={list:tn};const D=s.bind({});D.args={list:rn};const v=s.bind({});v.args={list:sn};const K=s.bind({});K.args={list:on,expanding:!0};const H=s.bind({});H.args={list:dn,noHeader:!1};const M=s.bind({});M.args={list:mn};const j=s.bind({});j.args={list:ln};const T=s.bind({});T.args={list:cn};const R=s.bind({});R.args={list:pn};const E=s.bind({});E.args={list:gn,noHeader:!1};const N=s.bind({});N.args={bordered:!0};const w=s.bind({});w.args={list:un};const $=s.bind({});$.args={list:hn};const S=s.bind({});S.args={list:Ye,noHeader:!1,stickyHeader:!0};S.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=s.bind({});f.args={list:Ye,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=>o.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const J=()=>{const[d,y]=B.useState(0),b={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>y(l)}))};return o.jsx("div",{style:{height:200,overflow:"auto"},children:o.jsx(x,{list:b,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},_=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return k(e,r=>{const i=r[t];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:r}=a.payload;return k(e,i=>{Object.keys(i).forEach(h=>{i[h].items.forEach((A,Ze)=>{A.active=h===t&&Ze===r})})})}case"addClicked":{const{headingKey:t}=a.payload;return k(e,r=>{const i=r[t];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:r}=a.payload;return k(e,i=>{let{items:h}=i[t];delete h[r],i[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]=B.useReducer(d,{},()=>y()),[l,g]=B.useState(!1),c=(e,a)=>{g(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>g(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},u=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:I,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:()=>u(e.key,t)}]})}),n=300;return o.jsxs(nn,{gap:!0,children:[o.jsx(x,{list:C(I),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),o.jsx(x,{list:C(F),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},W=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const r=t[a];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,r=>{Object.keys(r).forEach(i=>{r[i].items.forEach((h,A)=>{h.active=i===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const r=t[a];r.expanded=!0,r.items.push({name:`${r.label} #${r.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,r=>{let{items:i}=r[a];delete i[t],r[a].items=i.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]=B.useReducer(d,y()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),g=(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:u,amphibians:I}=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:()=>g(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return o.jsxs(o.Fragment,{children:[o.jsx(en,{name:"Animals"}),o.jsx(q,{item:F(u)}),u.expanded&&o.jsx(x,{noHeader:!0,list:C(u)}),o.jsx(q,{item:F(I)}),I.expanded&&o.jsx(x,{noHeader:!0,list:C(I)})]})},X=()=>{const d=(g,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return g;const u=[...g];return typeof p=="number"&&typeof c=="number"&&u.splice(p,0,u.splice(c,1)[0]),u},y={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"Long element name goes here lorem ipsum dolor lorem ipsum dolor",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]=B.useState(y.items),l=g=>{const{to:c,from:p}=g;m(d(b,p,c))};return o.jsx(x,{list:{...y,items:b},draggable:!0,onListReorder:l})};var z,G,P;O.parameters={...O.parameters,docs:{...(z=O.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
   return <List {...args} />;
 }`,...(P=(G=O.parameters)==null?void 0:G.docs)==null?void 0:P.source}}};var Q,U,V;L.parameters={...L.parameters,docs:{...(Q=L.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
   return <List {...args} />;

package/dist/storybook/assets/{modal.stories-K4XxeWTp.js → modal.stories-yVYrmoFA.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as G}from"./index-RfLt4OUa.js";import{T as Y}from"./common-types-U65vzrrz.js";import{M,D as R}from"./dialog-dekS0lUR.js";import{B as o}from"./button-IoNblLER.js";import{P as q}from"./popover-uAo1e4-D.js";import{I as U}from"./input-iDZqV-2m.js";import{I as z}from"./input-group-R8LoqKRn.js";import{F as v}from"./field-kOZPBHf6.js";import{M as J}from"./actions-SGexXf58.js";import{S as Q}from"./select-Z1HqJ5aU.js";import{S as X}from"./spacer-Yji9g2AW.js";import{T as Z}from"./tooltip-ZHdi6rl-.js";import{M as x}from"./types-VB5zD18b.js";import"./index-VW3EWkuE.js";import"./portal-zPiHHKoC.js";import"./index-miLrID2P.js";import"./lodash-Bmg8FrMx.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./types-5uVBABF4.js";import"./label-RpB4JmHX.js";import"./badge-23Ty_zBt.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";const{useArgs:$}=__STORYBOOK_MODULE_ADDONS__,Fe={title:"Modals/Modal",component:M,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(o,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[{visible:g,centered:p,...b},l]=$(),r=()=>{l({visible:!g})};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:g,centered:p,children:e.jsx(R,{dialog:{...b,onClose:r}})}),e.jsx(o,{label:"Open Modal",onClick:r})]})},m=n.bind({}),s=n.bind({});s.args={centered:!0};const a=n.bind({});a.args={content:["This is a","new line!"]};const t=n.bind({});t.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const i=n.bind({});i.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const d=n.bind({});d.args={contentPadding:0};const c=n.bind({});c.args={content:e.jsxs(e.Fragment,{children:[e.jsx(Z,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(X,{}),e.jsx(v,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(Q,{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(v,{label:"Nested Menu",children:e.jsx(J,{maxHeight:"240px",menu:{label:"Menu",trigger:Y.DROP_DOWN_BUTTON,sections:[{type:x.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:x.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(q,{content:e.jsxs(z,{small:!0,children:[e.jsx(U,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(o,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(o,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const u=()=>{const[g,p]=G.useState(!1),b=()=>{p(!0)},l=()=>{p(!1)},r=()=>{console.log("Submit action"),l()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:g,onEnter:()=>{console.log("Enter"),r()},onEscape:()=>{console.log("Escape"),l()},children:e.jsx(R,{dialog:{heading:"Test key handling",content:e.jsx(U,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Done",colored:"red",onClick:r}),e.jsx(o,{label:"Cancel",onClick:l})]}),onClose:l}})}),e.jsx(o,{label:"Open Modal",onClick:b})]})};var C,h,j;m.parameters={...m.parameters,docs:{...(C=m.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as G}from"./index-RfLt4OUa.js";import{T as Y}from"./common-types-U65vzrrz.js";import{M,D as R}from"./dialog-b3f-YhkE.js";import{B as o}from"./button-IoNblLER.js";import{P as q}from"./popover-uAo1e4-D.js";import{I as U}from"./input-iDZqV-2m.js";import{I as z}from"./input-group-R8LoqKRn.js";import{F as v}from"./field-kOZPBHf6.js";import{M as J}from"./actions-SGexXf58.js";import{S as Q}from"./select-Z1HqJ5aU.js";import{S as X}from"./spacer-Yji9g2AW.js";import{T as Z}from"./tooltip-ZHdi6rl-.js";import{M as x}from"./types-VB5zD18b.js";import"./index-VW3EWkuE.js";import"./portal-zPiHHKoC.js";import"./index-miLrID2P.js";import"./lodash-Bmg8FrMx.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./types-5uVBABF4.js";import"./label-RpB4JmHX.js";import"./badge-23Ty_zBt.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";const{useArgs:$}=__STORYBOOK_MODULE_ADDONS__,Fe={title:"Modals/Modal",component:M,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(o,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[{visible:g,centered:p,...b},l]=$(),r=()=>{l({visible:!g})};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:g,centered:p,children:e.jsx(R,{dialog:{...b,onClose:r}})}),e.jsx(o,{label:"Open Modal",onClick:r})]})},m=n.bind({}),s=n.bind({});s.args={centered:!0};const a=n.bind({});a.args={content:["This is a","new line!"]};const t=n.bind({});t.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const i=n.bind({});i.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const d=n.bind({});d.args={contentPadding:0};const c=n.bind({});c.args={content:e.jsxs(e.Fragment,{children:[e.jsx(Z,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(X,{}),e.jsx(v,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(Q,{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(v,{label:"Nested Menu",children:e.jsx(J,{maxHeight:"240px",menu:{label:"Menu",trigger:Y.DROP_DOWN_BUTTON,sections:[{type:x.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:x.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(q,{content:e.jsxs(z,{small:!0,children:[e.jsx(U,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(o,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(o,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const u=()=>{const[g,p]=G.useState(!1),b=()=>{p(!0)},l=()=>{p(!1)},r=()=>{console.log("Submit action"),l()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:g,onEnter:()=>{console.log("Enter"),r()},onEscape:()=>{console.log("Escape"),l()},children:e.jsx(R,{dialog:{heading:"Test key handling",content:e.jsx(U,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Done",colored:"red",onClick:r}),e.jsx(o,{label:"Cancel",onClick:l})]}),onClose:l}})}),e.jsx(o,{label:"Open Modal",onClick:b})]})};var C,h,j;m.parameters={...m.parameters,docs:{...(C=m.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
   const [{
     visible,
     centered,

package/dist/storybook/assets/{number-input-d7hXQldd.js → number-input-wURqWy_O.js}

@@ -1 +1 @@
-import{j as F}from"./jsx-runtime-FsUICBgo.js";import{r as m}from"./index-RfLt4OUa.js";import{d as g}from"./index-IQMsp8Ab.js";import{l as H}from"./lodash-Bmg8FrMx.js";import{I as L}from"./input-iDZqV-2m.js";const M=e=>e?typeof e=="string"?e:H.isArray(e)?e[0]:e.fieldName:"",y=({name:e,placeholder:v="",disabled:V=!1,error:f=!1,left:b=!1,small:q=!1,width:E="100%",value:r="",onChange:I=()=>{},onFocus:N=()=>{},tabIndex:h=0,testId:x,tooltip:S=null,warning:_=!1,validationCallback:n=()=>{},allowEmpty:w=!1,isInTable:T,groupOrder:C})=>{const[O,d]=m.useState(r),[R,u]=m.useState(null),t=M(e),c=l=>{let a=g.validateNumber(l);return w&&l===""||a.valid?{...a,valid:!0,errors:void 0}:a};m.useEffect(()=>{const{valid:l,errors:a}=c(r);if(d(r),l)u(null),n(t,null);else{const i=a&&a.length?a[0]:null;u(i),n(t,i)}},[r,f]);const j=l=>{const a=l.target,{value:i}=a,s=g.cleanNumStr(i.replaceAll(" ","").replaceAll("|","")),{valid:A,errors:p}=c(s);if(A){const o={...l,target:{...l.target,value:s,name:t}};I(o),d(s),u(null),n(t,null)}else{d(s);const o=p&&p.length?p[0]:null;u(o),n(t,o)}};return F.jsx(L,{type:"text",name:t,testId:x,disabled:V,placeholder:v,value:O,onChange:j,onFocus:N,error:f||R,warning:_,right:!b,small:q,width:E,isInTable:T,groupOrder:C,tabIndex:h,tooltip:S},t)};try{y.displayName="NumberInput",y.__docgenInfo={description:"",displayName:"NumberInput",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | { fieldName: string; }"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"false"},description:"",name:"error",required:!1,type:{name:"string | boolean"}},left:{defaultValue:{value:"false"},description:"",name:"left",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLInputElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"false"},description:"",name:"warning",required:!1,type:{name:"string | boolean"}},validationCallback:{defaultValue:{value:"() => {}"},description:"",name:"validationCallback",required:!1,type:{name:"((name: string | { fieldName: string; }, error: string | null) => void)"}},allowEmpty:{defaultValue:{value:"false"},description:"",name:"allowEmpty",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"any"}}}}}catch{}export{y as N};
+import{j as F}from"./jsx-runtime-FsUICBgo.js";import{r as m}from"./index-RfLt4OUa.js";import{d as g}from"./index-qZmQ7nA9.js";import{l as H}from"./lodash-Bmg8FrMx.js";import{I as L}from"./input-iDZqV-2m.js";const M=e=>e?typeof e=="string"?e:H.isArray(e)?e[0]:e.fieldName:"",y=({name:e,placeholder:v="",disabled:V=!1,error:f=!1,left:b=!1,small:q=!1,width:E="100%",value:r="",onChange:I=()=>{},onFocus:N=()=>{},tabIndex:h=0,testId:x,tooltip:S=null,warning:_=!1,validationCallback:n=()=>{},allowEmpty:w=!1,isInTable:T,groupOrder:C})=>{const[O,d]=m.useState(r),[R,u]=m.useState(null),t=M(e),c=l=>{let a=g.validateNumber(l);return w&&l===""||a.valid?{...a,valid:!0,errors:void 0}:a};m.useEffect(()=>{const{valid:l,errors:a}=c(r);if(d(r),l)u(null),n(t,null);else{const i=a&&a.length?a[0]:null;u(i),n(t,i)}},[r,f]);const j=l=>{const a=l.target,{value:i}=a,s=g.cleanNumStr(i.replaceAll(" ","").replaceAll("|","")),{valid:A,errors:p}=c(s);if(A){const o={...l,target:{...l.target,value:s,name:t}};I(o),d(s),u(null),n(t,null)}else{d(s);const o=p&&p.length?p[0]:null;u(o),n(t,o)}};return F.jsx(L,{type:"text",name:t,testId:x,disabled:V,placeholder:v,value:O,onChange:j,onFocus:N,error:f||R,warning:_,right:!b,small:q,width:E,isInTable:T,groupOrder:C,tabIndex:h,tooltip:S},t)};try{y.displayName="NumberInput",y.__docgenInfo={description:"",displayName:"NumberInput",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | { fieldName: string; }"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"false"},description:"",name:"error",required:!1,type:{name:"string | boolean"}},left:{defaultValue:{value:"false"},description:"",name:"left",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLInputElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"false"},description:"",name:"warning",required:!1,type:{name:"string | boolean"}},validationCallback:{defaultValue:{value:"() => {}"},description:"",name:"validationCallback",required:!1,type:{name:"((name: string | { fieldName: string; }, error: string | null) => void)"}},allowEmpty:{defaultValue:{value:"false"},description:"",name:"allowEmpty",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"any"}}}}}catch{}export{y as N};

package/dist/storybook/assets/{number-input.stories-SOsG2FLJ.js → number-input.stories-BUeHRFyX.js}

@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-FsUICBgo.js";import{N as c}from"./number-input-d7hXQldd.js";import{I as J}from"./input-group-R8LoqKRn.js";import{I as P}from"./input-group-addon-BHVsW9mL.js";import{S as Q}from"./select-Z1HqJ5aU.js";import"./index-RfLt4OUa.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./lodash-Bmg8FrMx.js";import"./input-iDZqV-2m.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./common-types-U65vzrrz.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-SGexXf58.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";const{useArgs:V}=__STORYBOOK_MODULE_ADDONS__,xe={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 => {
+import{j as r}from"./jsx-runtime-FsUICBgo.js";import{N as c}from"./number-input-wURqWy_O.js";import{I as J}from"./input-group-R8LoqKRn.js";import{I as P}from"./input-group-addon-BHVsW9mL.js";import{S as Q}from"./select-Z1HqJ5aU.js";import"./index-RfLt4OUa.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./lodash-Bmg8FrMx.js";import"./input-iDZqV-2m.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./common-types-U65vzrrz.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-SGexXf58.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";const{useArgs:V}=__STORYBOOK_MODULE_ADDONS__,xe={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 => {
   const [_, updateArgs] = useArgs();
   const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
     updateArgs({

package/dist/storybook/assets/{padding-and-spacing-CLf0dRGb.js → padding-and-spacing-dSPiQ0KK.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r}from"./index-kEA1EH0x.js";import{useMDXComponents as t}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-IZZyfjHT.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";function i(n){const s=Object.assign({h1:"h1",h2:"h2",p:"p",ul:"ul",li:"li",strong:"strong",code:"code"},t(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Padding, Margin & Size"}),`
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r}from"./index-iatYfUQ9.js";import{useMDXComponents as t}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-KF8ad0ep.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";function i(n){const s=Object.assign({h1:"h1",h2:"h2",p:"p",ul:"ul",li:"li",strong:"strong",code:"code"},t(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Padding, Margin & Size"}),`
 `,e.jsx(s.h1,{id:"padding-margin--size",children:"Padding, Margin & Size"}),`
 `,e.jsx(s.h2,{id:"padding--margin",children:"Padding & Margin"}),`
 `,e.jsx(s.p,{children:"There are standard CSS spacing variables for padding and margin."}),`

package/dist/storybook/assets/{page.stories-eHXLB7iO.js → page.stories-irwol-YJ.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{P as i}from"./page-9-f6BzS0.js";import{T as a}from"./top-bar-uqbsCAt-.js";import{S as r}from"./side-bar-GJ2tcZYY.js";import{H as t}from"./heading-cUVItwKq.js";import{L as D}from"./logo-nHW4TqZt.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./common-types-U65vzrrz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./drawer-TM-jK3WR.js";import"./help-icon-nI9A506M.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.",le={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:`() => <>
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{P as i}from"./page-9-f6BzS0.js";import{T as a}from"./top-bar-x_wXP6-y.js";import{S as r}from"./side-bar-GJ2tcZYY.js";import{H as t}from"./heading-cUVItwKq.js";import{L as D}from"./logo-nHW4TqZt.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./common-types-U65vzrrz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./drawer-TM-jK3WR.js";import"./help-icon-nI9A506M.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.",le={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:`() => <>
     <TopBar />
     <SideBar options={{
     title: '',

package/dist/storybook/assets/{preview-niHg4y_T.js → preview--zXB_0F1.js}

@@ -1,4 +1,4 @@
-import{j as at}from"./jsx-runtime-FsUICBgo.js";import{g as De,c as ct,a as Li,r as he,R as fe}from"./index-RfLt4OUa.js";import{T as Di}from"./toaster-eOozfa7U.js";import{r as ga,s as ma,t as qr,i as ki,v as ya,e as Hr,w as Mi,x as Bi,c as zr,y as Gi,z as Ui,A as qi,B as Hi,C as va,D as zi,E as Wi,F as Yi,G as Xi,H as Ki,I as Vi,J as Qi,K as Ji,p as ba}from"./index-gM75B7fB.js";import{f as Zi,k as Sa,h as eo,i as to,j as ro,l as no,o as ao,m as ke,p as io,q as oo,r as so,t as cn}from"./index-kEA1EH0x.js";import{a as lo}from"./isPlainObject-4RuU_w9g.js";import{e as pn}from"./index-cCpkwrS5.js";import"./chunk-HLWAVYOI-H4e42Z9I.js";import"./index-miLrID2P.js";import"./message-uMHaTEXV.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./iframe-IZZyfjHT.js";import"../sb-preview/runtime.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./react-16-hgR7FrAp.js";var hn="DARK_MODE";const{global:uo}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function Te(){return Te=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Te.apply(this,arguments)}function fo(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Qe(t,e){return Qe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Qe(t,e)}function co(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,Qe(t,e)}function yr(t){return yr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},yr(t)}function po(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function ho(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function pt(t,e,r){return ho()?pt=Reflect.construct.bind():pt=function(n,s,o){var l=[null];l.push.apply(l,s);var a=Function.bind.apply(n,l),i=new a;return o&&Qe(i,o.prototype),i},pt.apply(null,arguments)}function vr(t){var e=typeof Map=="function"?new Map:void 0;return vr=function(r){if(r===null||!po(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof e<"u"){if(e.has(r))return e.get(r);e.set(r,n)}function n(){return pt(r,arguments,yr(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Qe(n,r)},vr(t)}var go={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
+import{j as at}from"./jsx-runtime-FsUICBgo.js";import{g as De,c as ct,a as Li,r as he,R as fe}from"./index-RfLt4OUa.js";import{T as Di}from"./toaster-eOozfa7U.js";import{r as ga,s as ma,t as qr,i as ki,v as ya,e as Hr,w as Mi,x as Bi,c as zr,y as Gi,z as Ui,A as qi,B as Hi,C as va,D as zi,E as Wi,F as Yi,G as Xi,H as Ki,I as Vi,J as Qi,K as Ji,p as ba}from"./index-gM75B7fB.js";import{f as Zi,k as Sa,h as eo,i as to,j as ro,l as no,o as ao,m as ke,p as io,q as oo,r as so,t as cn}from"./index-iatYfUQ9.js";import{a as lo}from"./isPlainObject-4RuU_w9g.js";import{e as pn}from"./index-cCpkwrS5.js";import"./chunk-HLWAVYOI-4XFeyeqt.js";import"./index-miLrID2P.js";import"./message-uMHaTEXV.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./iframe-KF8ad0ep.js";import"../sb-preview/runtime.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./react-16-hgR7FrAp.js";var hn="DARK_MODE";const{global:uo}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function Te(){return Te=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Te.apply(this,arguments)}function fo(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Qe(t,e){return Qe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Qe(t,e)}function co(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,Qe(t,e)}function yr(t){return yr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},yr(t)}function po(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function ho(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function pt(t,e,r){return ho()?pt=Reflect.construct.bind():pt=function(n,s,o){var l=[null];l.push.apply(l,s);var a=Function.bind.apply(n,l),i=new a;return o&&Qe(i,o.prototype),i},pt.apply(null,arguments)}function vr(t){var e=typeof Map=="function"?new Map:void 0;return vr=function(r){if(r===null||!po(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof e<"u"){if(e.has(r))return e.get(r);e.set(r,n)}function n(){return pt(r,arguments,yr(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Qe(n,r)},vr(t)}var go={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
 
 `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
 

package/dist/storybook/assets/{preview-kCAXH-J5.js → preview-GzsLdruB.js}

@@ -1,7 +1,7 @@
-import{_ as e}from"./iframe-IZZyfjHT.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-inNf3vhV.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url);return new r}}};export{a as parameters};
+import{_ as e}from"./iframe-KF8ad0ep.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-TICtTP5B.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url);return new r}}};export{a as parameters};
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
-    __vite__mapDeps.viteFileDeps = ["./DocsRenderer-NNNQARDV-inNf3vhV.js","./chunk-HLWAVYOI-H4e42Z9I.js","./iframe-IZZyfjHT.js","./index-RfLt4OUa.js","./react-16-hgR7FrAp.js","./index-miLrID2P.js","./index-kEA1EH0x.js","./extends-dGVwEr9R.js","./assertThisInitialized-4q6YPdh3.js","./inheritsLoose-Y9jOMJLd.js","./index-gM75B7fB.js"]
+    __vite__mapDeps.viteFileDeps = ["./DocsRenderer-NNNQARDV-TICtTP5B.js","./chunk-HLWAVYOI-4XFeyeqt.js","./iframe-KF8ad0ep.js","./index-RfLt4OUa.js","./react-16-hgR7FrAp.js","./index-miLrID2P.js","./index-iatYfUQ9.js","./extends-dGVwEr9R.js","./assertThisInitialized-4q6YPdh3.js","./inheritsLoose-Y9jOMJLd.js","./index-gM75B7fB.js"]
   }
   return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
 }

package/dist/storybook/assets/{projects.stories-GYkShoTB.js → projects.stories-zwSfR2DE.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import"./index-RfLt4OUa.js";import{T as n}from"./top-bar-uqbsCAt-.js";import{L as r}from"./list-5kbN7yr8.js";import{P as p}from"./page-9-f6BzS0.js";import{R as c,C as o}from"./row-vFUhHoz5.js";import{T as d}from"./tabs-fcLbHC1n.js";import{S as u}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./common-types-U65vzrrz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-XbqCJOHh.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";import"./loader-TGOJBZQG.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./select.input-zP5tW20f.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],X={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{}),e.jsxs(p,{padding:!1,left:0,scroll:!1,children:[e.jsx(u,{}),e.jsx(d,{margin:!1,padding:!0,options:t,value:t[0]}),e.jsxs(c,{spacing:0,flex:!0,height:"100%",children:[e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Country",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Field",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Site",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Well",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Wellbore",items:s}})}),e.jsx(o,{scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Design",items:s}})})]})]})]});var i,m,a;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import"./index-RfLt4OUa.js";import{T as n}from"./top-bar-x_wXP6-y.js";import{L as r}from"./list-ciYNlkVM.js";import{P as p}from"./page-9-f6BzS0.js";import{R as c,C as o}from"./row-vFUhHoz5.js";import{T as d}from"./tabs-fcLbHC1n.js";import{S as u}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./common-types-U65vzrrz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-XbqCJOHh.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";import"./loader-TGOJBZQG.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./select.input-zP5tW20f.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],X={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{}),e.jsxs(p,{padding:!1,left:0,scroll:!1,children:[e.jsx(u,{}),e.jsx(d,{margin:!1,padding:!0,options:t,value:t[0]}),e.jsxs(c,{spacing:0,flex:!0,height:"100%",children:[e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Country",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Field",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Site",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Well",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Wellbore",items:s}})}),e.jsx(o,{scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Design",items:s}})})]})]})]});var i,m,a;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
   return <>
       <TopBar />
       <Page padding={false} left={0} scroll={false}>

package/dist/storybook/assets/{reservoirs.stories-ZhxgN63G.js → reservoirs.stories-Tpe8kmmd.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as w}from"./top-bar-uqbsCAt-.js";import{S as L}from"./side-bar-GJ2tcZYY.js";import{H as t}from"./heading-cUVItwKq.js";import{B as m}from"./button-IoNblLER.js";import{D as v}from"./drawer-TM-jK3WR.js";import{L as C}from"./list-5kbN7yr8.js";import{F as l}from"./field-kOZPBHf6.js";import{I as i}from"./input-iDZqV-2m.js";import{C as p}from"./check-box-BX5dfQFk.js";import{R as h}from"./radio-button-QcS9mLYi.js";import{C as d}from"./card-0r8RRVk-.js";import{F}from"./form-row-bwoDTUga.js";import{P as g}from"./page-9-f6BzS0.js";import{R as a,C as r}from"./row-vFUhHoz5.js";import{S as R}from"./select-Z1HqJ5aU.js";import{S as f}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-nI9A506M.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./list-heading-XbqCJOHh.js";import"./loader-TGOJBZQG.js";import"./label-RpB4JmHX.js";import"./select.input-zP5tW20f.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";const k=({width:o,height:n})=>e.jsx("div",{style:{background:"#ddd",width:o,height:n}}),ve={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[o,n]=b.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(L,{options:{title:"",sections:[]}}),e.jsx(g,{padding:!1,scroll:!1,children:e.jsxs(a,{spacing:0,height:"100%",children:[e.jsx(v,{button:e.jsx(m,{onClick:()=>n(!o),round:!0,icon:j.CHEVRON_LEFT}),open:o,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!o,list:{name:"Reservoirs",items:[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(r,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsxs(a,{children:[e.jsxs(r,{children:[e.jsx(t,{top:!0,children:"Reservoir name here"}),e.jsxs(F,{children:[e.jsx(l,{label:"Name",children:e.jsx(i,{value:"Reservoir name here",width:"200px"})}),e.jsx(l,{label:"Lorem",children:e.jsx(h,{name:"example",options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0})}),e.jsx(l,{label:"Ipsum",children:e.jsx(R,{name:"example",options:[{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],value:{label:"Monkeys",value:"bananas"},native:!0})}),e.jsx(l,{children:e.jsx(p,{label:"Dolor"})})]})]}),e.jsx(r,{flex:!1,children:e.jsx(m,{onClick:()=>{},round:!0,icon:"question"})})]}),e.jsxs(a,{children:[e.jsx(r,{width:"50%",children:e.jsx(d,{heading:e.jsx(t,{onClickHelp:()=>console.log("help!"),children:"Reservoir Zone"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"50%",children:[e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(h,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0}),e.jsx(i,{width:"100%"})]}),e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(p,{label:"Lorem ipsum"}),e.jsx(i,{width:"100%",disabled:!0})]}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]}),e.jsxs(r,{width:"50%",children:[e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]})]})})}),e.jsxs(r,{width:"50%",children:[e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Size"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"160px",children:[e.jsx(l,{label:"Length",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Width",children:e.jsx(i,{width:"100%"})})]}),e.jsx(r,{children:e.jsx(k,{width:"100%",height:"100%"})})]})}),e.jsx(f,{}),e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Properties"}),children:e.jsxs(a,{children:[e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})})]})})]})]})]})]})})]})};var u,x,c;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as w}from"./top-bar-x_wXP6-y.js";import{S as L}from"./side-bar-GJ2tcZYY.js";import{H as t}from"./heading-cUVItwKq.js";import{B as m}from"./button-IoNblLER.js";import{D as v}from"./drawer-TM-jK3WR.js";import{L as C}from"./list-ciYNlkVM.js";import{F as l}from"./field-kOZPBHf6.js";import{I as i}from"./input-iDZqV-2m.js";import{C as p}from"./check-box-BX5dfQFk.js";import{R as h}from"./radio-button-QcS9mLYi.js";import{C as d}from"./card-0r8RRVk-.js";import{F}from"./form-row-bwoDTUga.js";import{P as g}from"./page-9-f6BzS0.js";import{R as a,C as r}from"./row-vFUhHoz5.js";import{S as R}from"./select-Z1HqJ5aU.js";import{S as f}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-nI9A506M.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./list-heading-XbqCJOHh.js";import"./loader-TGOJBZQG.js";import"./label-RpB4JmHX.js";import"./select.input-zP5tW20f.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";const k=({width:o,height:n})=>e.jsx("div",{style:{background:"#ddd",width:o,height:n}}),ve={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},s=()=>{const[o,n]=b.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(L,{options:{title:"",sections:[]}}),e.jsx(g,{padding:!1,scroll:!1,children:e.jsxs(a,{spacing:0,height:"100%",children:[e.jsx(v,{button:e.jsx(m,{onClick:()=>n(!o),round:!0,icon:j.CHEVRON_LEFT}),open:o,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!o,list:{name:"Reservoirs",items:[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(r,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsxs(a,{children:[e.jsxs(r,{children:[e.jsx(t,{top:!0,children:"Reservoir name here"}),e.jsxs(F,{children:[e.jsx(l,{label:"Name",children:e.jsx(i,{value:"Reservoir name here",width:"200px"})}),e.jsx(l,{label:"Lorem",children:e.jsx(h,{name:"example",options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0})}),e.jsx(l,{label:"Ipsum",children:e.jsx(R,{name:"example",options:[{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],value:{label:"Monkeys",value:"bananas"},native:!0})}),e.jsx(l,{children:e.jsx(p,{label:"Dolor"})})]})]}),e.jsx(r,{flex:!1,children:e.jsx(m,{onClick:()=>{},round:!0,icon:"question"})})]}),e.jsxs(a,{children:[e.jsx(r,{width:"50%",children:e.jsx(d,{heading:e.jsx(t,{onClickHelp:()=>console.log("help!"),children:"Reservoir Zone"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"50%",children:[e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(h,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0}),e.jsx(i,{width:"100%"})]}),e.jsxs(l,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(p,{label:"Lorem ipsum"}),e.jsx(i,{width:"100%",disabled:!0})]}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]}),e.jsxs(r,{width:"50%",children:[e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(i,{width:"100%"})})]})]})})}),e.jsxs(r,{width:"50%",children:[e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Size"}),children:e.jsxs(a,{children:[e.jsxs(r,{width:"160px",children:[e.jsx(l,{label:"Length",children:e.jsx(i,{width:"100%"})}),e.jsx(l,{label:"Width",children:e.jsx(i,{width:"100%"})})]}),e.jsx(r,{children:e.jsx(k,{width:"100%",height:"100%"})})]})}),e.jsx(f,{}),e.jsx(d,{heading:e.jsx(t,{children:"Reservoir Properties"}),children:e.jsxs(a,{children:[e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})}),e.jsx(r,{children:e.jsx(l,{label:"Label",children:e.jsx(i,{width:"100%"})})})]})})]})]})]})]})})]})};var u,x,c;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
   const [open, setOpen] = useState(true);
   return <>
       <TopBar />

package/dist/storybook/assets/{row.stories-HVr8m6RK.js → row.stories-9WPK1-K-.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as R}from"./index-RfLt4OUa.js";import{T as c}from"./table-_jWgMFOi.js";import{T as V}from"./text-6KQ6ntOV.js";import{t as g,i as W,q as B}from"./table.stories-data-2BZDVr2X.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./actions-SGexXf58.js";import"./common-types-U65vzrrz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";import"./pagination-Eaj_UOBW.js";import"./select-Z1HqJ5aU.js";import"./assertThisInitialized-4q6YPdh3.js";import"./select.input-zP5tW20f.js";import"./input-iDZqV-2m.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-d7hXQldd.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./check-box-BX5dfQFk.js";import"./slider-_5NQKbM-.js";import"./index-ugi_ZH6T.js";import"./popover-uAo1e4-D.js";import"./flex-ZVra76N-.js";const Le={title:"Basic/Table/Row",component:c,args:{table:{...g}}},b=n=>o.jsx(c,{...n}),i=b.bind({});i.args={table:W};const p=b.bind({});p.args={table:B};const t=b.bind({});t.args={table:{...g,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const m=()=>{const[n,e]=R.useState(null),a=r=>e(n===r?null:r);return o.jsx(c,{table:{...g,striped:!1,rows:g.rows.map((r,d)=>({...r,onRowClick:()=>a(d),expandedContent:{content:n===d?o.jsx("div",{children:"Example expanded content"}):null}}))}})},w=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,u,l)=>{const x=[...s];return s[l].noDrag?s:(x.splice(l,0,x.splice(u,1)[0]),x)},[a,r]=R.useState(n.rows),d=s=>{const{to:u,from:l}=s;e(a,l,u),r(e(a,l,u))};return o.jsx(c,{table:{...n,rows:a},onListReorder:d})},v=()=>{const[n,e]=R.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(V,{children:n}),o.jsx(c,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};var y,D,E;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
+import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as R}from"./index-RfLt4OUa.js";import{T as c}from"./table-KrWSzq7G.js";import{T as V}from"./text-6KQ6ntOV.js";import{t as g,i as W,q as B}from"./table.stories-data-2BZDVr2X.js";import"./index-VW3EWkuE.js";import"./index.es-JXn3JM7k.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./actions-SGexXf58.js";import"./common-types-U65vzrrz.js";import"./button-IoNblLER.js";import"./spinner-R8Il4aRe.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-cUVItwKq.js";import"./help-icon-nI9A506M.js";import"./pagination-Eaj_UOBW.js";import"./select-Z1HqJ5aU.js";import"./assertThisInitialized-4q6YPdh3.js";import"./select.input-zP5tW20f.js";import"./input-iDZqV-2m.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-wURqWy_O.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./check-box-BX5dfQFk.js";import"./slider-_5NQKbM-.js";import"./index-ugi_ZH6T.js";import"./popover-uAo1e4-D.js";import"./flex-ZVra76N-.js";const Le={title:"Basic/Table/Row",component:c,args:{table:{...g}}},b=n=>o.jsx(c,{...n}),i=b.bind({});i.args={table:W};const p=b.bind({});p.args={table:B};const t=b.bind({});t.args={table:{...g,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const m=()=>{const[n,e]=R.useState(null),a=r=>e(n===r?null:r);return o.jsx(c,{table:{...g,striped:!1,rows:g.rows.map((r,d)=>({...r,onRowClick:()=>a(d),expandedContent:{content:n===d?o.jsx("div",{children:"Example expanded content"}):null}}))}})},w=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,u,l)=>{const x=[...s];return s[l].noDrag?s:(x.splice(l,0,x.splice(u,1)[0]),x)},[a,r]=R.useState(n.rows),d=s=>{const{to:u,from:l}=s;e(a,l,u),r(e(a,l,u))};return o.jsx(c,{table:{...n,rows:a},onListReorder:d})},v=()=>{const[n,e]=R.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(V,{children:n}),o.jsx(c,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};var y,D,E;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`args => {
   return <Table
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} />;

package/dist/storybook/assets/{site.stories-AbEac__s.js → site.stories-HSG9cXsX.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as x}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as g}from"./top-bar-uqbsCAt-.js";import{S as w}from"./side-bar-GJ2tcZYY.js";import{H as t}from"./heading-cUVItwKq.js";import{B as L}from"./button-IoNblLER.js";import{D as v}from"./drawer-TM-jK3WR.js";import{L as d}from"./list-5kbN7yr8.js";import{F as l}from"./field-kOZPBHf6.js";import{I as a}from"./input-iDZqV-2m.js";import{C as m}from"./check-box-BX5dfQFk.js";import{P as f}from"./page-9-f6BzS0.js";import{R as o,C as i}from"./row-vFUhHoz5.js";import{A as u}from"./accordion-6_27SROY.js";import{S as s}from"./spacer-Yji9g2AW.js";import{T as F}from"./tabs-fcLbHC1n.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-nI9A506M.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-XbqCJOHh.js";import"./loader-TGOJBZQG.js";import"./label-RpB4JmHX.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./select.input-zP5tW20f.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),xe={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as x}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as g}from"./top-bar-x_wXP6-y.js";import{S as w}from"./side-bar-GJ2tcZYY.js";import{H as t}from"./heading-cUVItwKq.js";import{B as L}from"./button-IoNblLER.js";import{D as v}from"./drawer-TM-jK3WR.js";import{L as d}from"./list-ciYNlkVM.js";import{F as l}from"./field-kOZPBHf6.js";import{I as a}from"./input-iDZqV-2m.js";import{C as m}from"./check-box-BX5dfQFk.js";import{P as f}from"./page-9-f6BzS0.js";import{R as o,C as i}from"./row-vFUhHoz5.js";import{A as u}from"./accordion-6_27SROY.js";import{S as s}from"./spacer-Yji9g2AW.js";import{T as F}from"./tabs-fcLbHC1n.js";import"./index-VW3EWkuE.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-SGexXf58.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-ZHdi6rl-.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-nI9A506M.js";import"./spinner-R8Il4aRe.js";import"./index.es-JXn3JM7k.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./list-heading-XbqCJOHh.js";import"./loader-TGOJBZQG.js";import"./label-RpB4JmHX.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./select.input-zP5tW20f.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),xe={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
   const [open, setOpen] = useState(true);
   return <>
       <TopBar />

package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-q5ulcVwD.js → syntaxhighlighter-NMPM6SWI-QUokEovf.js}

@@ -1 +1 @@
-import{S as l,c as n,s as d}from"./index-kEA1EH0x.js";import"./iframe-IZZyfjHT.js";import"../sb-preview/runtime.js";import"./index-RfLt4OUa.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";export{l as SyntaxHighlighter,n as createCopyToClipboardFunction,d as default};
+import{S as l,c as n,s as d}from"./index-iatYfUQ9.js";import"./iframe-KF8ad0ep.js";import"../sb-preview/runtime.js";import"./index-RfLt4OUa.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";export{l as SyntaxHighlighter,n as createCopyToClipboardFunction,d as default};