@oliasoft-open-source/react-ui-library 4.2.1 → 4.3.0-beta-2

package/dist/storybook/assets/print-header-bd013690.js

@@ -0,0 +1 @@
+import{j as i}from"./jsx-runtime-f961835c.js";const n="_printHeader_o7xxx_1",o={printHeader:n},r=({logo:e,alt:t,logoWidth:a="100px"})=>i.jsx("img",{src:e,alt:t,className:o.printHeader,style:{width:a}});try{r.displayName="PrintHeader",r.__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{}export{r as P};

package/dist/storybook/assets/projects.stories-f8294ed5.js

@@ -0,0 +1,47 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{T as n}from"./top-bar-38689fe2.js";import{L as r}from"./list-d40713ca.js";import{P as p}from"./page-6d07f774.js";import{R as c,C as o}from"./row-2299f0e7.js";import{T as d}from"./tabs-cf5ccede.js";import{S as u}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-2c81813f.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./actions-83a2a04e.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index.es-37e2ce0d.js";import"./extends-98964cd2.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./meta-content-c2771b33.js";import"./heading-39e599c8.js";import"./help-icon-c0abd380.js";import"./loader-87ec8334.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],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}>
+        <Spacer />
+        <Tabs margin={false} padding options={tabs} value={tabs[0]} />
+        <Row spacing={0} flex height="100%">
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Country',
+            items
+          }} />
+          </Column>
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Field',
+            items
+          }} />
+          </Column>
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Site',
+            items
+          }} />
+          </Column>
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Well',
+            items
+          }} />
+          </Column>
+          <Column borderRight scroll showScrollbar={false}>
+            <List list={{
+            name: 'Wellbore',
+            items
+          }} />
+          </Column>
+          <Column scroll showScrollbar={false}>
+            <List list={{
+            name: 'Design',
+            items
+          }} />
+          </Column>
+        </Row>
+      </Page>
+    </>;
+}`,...(a=(m=l.parameters)==null?void 0:m.docs)==null?void 0:a.source}}};l.__docgenInfo={description:"",methods:[],displayName:"Projects"};const Y=["Projects"];export{l as Projects,Y as __namedExportsOrder,X as default};

package/dist/storybook/assets/{radio-button-135a9615.js → radio-button-d69b72e4.js}

@@ -1 +1 @@
-import{j as l}from"./jsx-runtime-f961835c.js";import{r as E}from"./index-f80c8c95.js";import{c as v}from"./index-a80ed1cf.js";import{D as N}from"./disabled-context-d654f6ff.js";import{s as R}from"./select.input-88b6ebab.js";import{b as j}from"./common-types-2c81813f.js";import{H as O}from"./help-icon-d4189b1b.js";const H="_wrapper_1fbik_1",B="_inline_1fbik_1",D="_radio_1fbik_5",S="_labelMargin_1fbik_8",w="_small_1fbik_27",L="_noMargin_1fbik_32",F="_disabled_1fbik_90",z="_isInTable_1fbik_106",A="_helpIconEnabled_1fbik_111",a={wrapper:H,inline:B,radio:D,labelMargin:S,small:w,noMargin:L,disabled:F,isInTable:z,helpIconEnabled:A},y=({name:n,label:m,value:d,selected:c,disabled:t=!1,small:f=!1,onChange:b,noMargin:_=!1,testId:g,helpText:i,onClickHelp:s})=>{const u=i||s;return l.jsxs("div",{className:v(a.radio,t?a.disabled:null,f?a.small:null,_?a.noMargin:null),onClick:b,"data-testid":g,children:[l.jsx("input",{type:j.RADIO,value:d,checked:c,onChange:()=>{},disabled:t}),l.jsx("label",{"data-name":n,"data-value":d,children:m}),u&&l.jsx("div",{className:a.helpIconEnabled,onClick:s,children:l.jsx(O,{text:i})})]})};try{y.displayName="RadioInput",y.__docgenInfo={description:"",displayName:"RadioInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"TStringOrNumber"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber"}},selected:{defaultValue:null,description:"",name:"selected",required:!0,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((event?: any) => void)"}}}}}catch{}const I=({name:n,label:m,options:d,value:c,onChange:t,disabled:f=!1,small:b=!1,noMargin:_=!1,onClick:g=()=>{},inline:i=!1,mainLabel:s="",radioButtonsData:u,classForContainer:V="grouped fields"})=>{const q=E.useContext(N),o=u!==void 0,{simpleInputs:h,options:x,selectedOptions:p}=o?{simpleInputs:!1,options:u,selectedOptions:void 0}:R(d,c),k=o||p===void 0||p===null?void 0:h?p:p.value,C=o?s:m;return l.jsxs("div",{className:v(a.wrapper,i?a.inline:null,V==="inline fields"?a.inline:null),children:[s&&l.jsx("label",{className:v(i&&a.labelMargin),children:C}),x.map((e,M)=>{const T=e.checked||e.value===k||!1;return l.jsx(y,{name:e.name||e.value,label:e.label,value:e.value,selected:T,disabled:f||e.disabled||q,small:b,noMargin:_,onChange:e.disabled?void 0:r=>{o?g(r.target):(r.target.name=n,r.target.value=e.value.toString(),r.target.label=e.label.toString(),t&&t(r))},testId:e.testId,helpText:e.helpText,onClickHelp:e.onClickHelp},M)})]})};try{I.displayName="RadioButton",I.__docgenInfo={description:"",displayName:"RadioButton",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IRadioButtonOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber | IRadioButtonOption"}},inline:{defaultValue:{value:"false"},description:"",name:"inline",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},mainLabel:{defaultValue:{value:""},description:"",name:"mainLabel",required:!1,type:{name:"string"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((target: HTMLInputElement) => void)"}},radioButtonsData:{defaultValue:null,description:"",name:"radioButtonsData",required:!1,type:{name:"IRadioButtonOption[]"}},classForContainer:{defaultValue:{value:"grouped fields"},description:"",name:"classForContainer",required:!1,type:{name:"enum",value:[{value:'"grouped fields"'},{value:'"inline fields"'}]}}}}}catch{}export{I as R};
+import{j as l}from"./jsx-runtime-f961835c.js";import{r as E}from"./index-f80c8c95.js";import{c as v}from"./index-a80ed1cf.js";import{D as N}from"./disabled-context-d654f6ff.js";import{s as R}from"./select.input-88b6ebab.js";import{b as j}from"./common-types-2c81813f.js";import{H as O}from"./help-icon-c0abd380.js";const H="_wrapper_1fbik_1",B="_inline_1fbik_1",D="_radio_1fbik_5",S="_labelMargin_1fbik_8",w="_small_1fbik_27",L="_noMargin_1fbik_32",F="_disabled_1fbik_90",z="_isInTable_1fbik_106",A="_helpIconEnabled_1fbik_111",a={wrapper:H,inline:B,radio:D,labelMargin:S,small:w,noMargin:L,disabled:F,isInTable:z,helpIconEnabled:A},y=({name:n,label:m,value:d,selected:c,disabled:t=!1,small:f=!1,onChange:b,noMargin:_=!1,testId:g,helpText:i,onClickHelp:s})=>{const u=i||s;return l.jsxs("div",{className:v(a.radio,t?a.disabled:null,f?a.small:null,_?a.noMargin:null),onClick:b,"data-testid":g,children:[l.jsx("input",{type:j.RADIO,value:d,checked:c,onChange:()=>{},disabled:t}),l.jsx("label",{"data-name":n,"data-value":d,children:m}),u&&l.jsx("div",{className:a.helpIconEnabled,onClick:s,children:l.jsx(O,{text:i})})]})};try{y.displayName="RadioInput",y.__docgenInfo={description:"",displayName:"RadioInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"TStringOrNumber"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber"}},selected:{defaultValue:null,description:"",name:"selected",required:!0,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((event?: any) => void)"}}}}}catch{}const I=({name:n,label:m,options:d,value:c,onChange:t,disabled:f=!1,small:b=!1,noMargin:_=!1,onClick:g=()=>{},inline:i=!1,mainLabel:s="",radioButtonsData:u,classForContainer:V="grouped fields"})=>{const q=E.useContext(N),o=u!==void 0,{simpleInputs:h,options:x,selectedOptions:p}=o?{simpleInputs:!1,options:u,selectedOptions:void 0}:R(d,c),k=o||p===void 0||p===null?void 0:h?p:p.value,C=o?s:m;return l.jsxs("div",{className:v(a.wrapper,i?a.inline:null,V==="inline fields"?a.inline:null),children:[s&&l.jsx("label",{className:v(i&&a.labelMargin),children:C}),x.map((e,M)=>{const T=e.checked||e.value===k||!1;return l.jsx(y,{name:e.name||e.value,label:e.label,value:e.value,selected:T,disabled:f||e.disabled||q,small:b,noMargin:_,onChange:e.disabled?void 0:r=>{o?g(r.target):(r.target.name=n,r.target.value=e.value.toString(),r.target.label=e.label.toString(),t&&t(r))},testId:e.testId,helpText:e.helpText,onClickHelp:e.onClickHelp},M)})]})};try{I.displayName="RadioButton",I.__docgenInfo={description:"",displayName:"RadioButton",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IRadioButtonOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"TStringOrNumber | IRadioButtonOption"}},inline:{defaultValue:{value:"false"},description:"",name:"inline",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},mainLabel:{defaultValue:{value:""},description:"",name:"mainLabel",required:!1,type:{name:"string"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"((target: HTMLInputElement) => void)"}},radioButtonsData:{defaultValue:null,description:"",name:"radioButtonsData",required:!1,type:{name:"IRadioButtonOption[]"}},classForContainer:{defaultValue:{value:"grouped fields"},description:"",name:"classForContainer",required:!1,type:{name:"enum",value:[{value:'"grouped fields"'},{value:'"inline fields"'}]}}}}}catch{}export{I as R};

package/dist/storybook/assets/{radio-button.stories-0e8377ea.js → radio-button.stories-6ff0dc9b.js}

@@ -1,4 +1,4 @@
-import{j}from"./jsx-runtime-f961835c.js";import{r as _}from"./index-f80c8c95.js";import{R as I}from"./radio-button-135a9615.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";import"./common-types-2c81813f.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const n=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],Y={title:"Forms/RadioButton",component:I,args:{options:n,inline:!1,noMargin:!1,disabled:!1,small:!1}},a=e=>{const[t,M]=_.useState(n[0]),y=k=>{const L=k.target.value,i=n.find(D=>D.value===L);i&&M(i)};return j.jsx(I,{...e,value:t,onChange:y})},c=a.bind({}),s=a.bind({});s.args={small:!0};const o=a.bind({});o.args={options:n.map((e,t)=>({...e,helpText:`Help text #${t}`}))};const l=a.bind({});l.args={options:n.map((e,t)=>({...e,onClickHelp:()=>console.log(`Help #${t} clicked`)}))};const r=a.bind({});r.args={inline:!0};const p=a.bind({});p.args={options:n.map((e,t)=>({...e,helpText:`Help text #${t}`,disabled:!0}))};var u,d,g;c.parameters={...c.parameters,docs:{...(u=c.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
+import{j}from"./jsx-runtime-f961835c.js";import{r as _}from"./index-f80c8c95.js";import{R as I}from"./radio-button-d69b72e4.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";import"./common-types-2c81813f.js";import"./help-icon-c0abd380.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const n=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas",disabled:!0}],Y={title:"Forms/RadioButton",component:I,args:{options:n,inline:!1,noMargin:!1,disabled:!1,small:!1}},a=e=>{const[t,M]=_.useState(n[0]),y=k=>{const L=k.target.value,i=n.find(D=>D.value===L);i&&M(i)};return j.jsx(I,{...e,value:t,onChange:y})},c=a.bind({}),s=a.bind({});s.args={small:!0};const o=a.bind({});o.args={options:n.map((e,t)=>({...e,helpText:`Help text #${t}`}))};const l=a.bind({});l.args={options:n.map((e,t)=>({...e,onClickHelp:()=>console.log(`Help #${t} clicked`)}))};const r=a.bind({});r.args={inline:!0};const p=a.bind({});p.args={options:n.map((e,t)=>({...e,helpText:`Help text #${t}`,disabled:!0}))};var u,d,g;c.parameters={...c.parameters,docs:{...(u=c.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
   const [value, setValue] = useState<OptionType>(options[0]);
   const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
     const selectedValue = evt.target.value;

package/dist/storybook/assets/{reservoirs.stories-6b14a37f.js → reservoirs.stories-80ad2f26.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as w}from"./top-bar-a84b9365.js";import{S as L}from"./side-bar-88e8cf41.js";import{H as t}from"./heading-d29eb744.js";import{B as m}from"./button-74c97e4a.js";import{D as v}from"./drawer-7f450988.js";import{L as C}from"./list-0dc3df85.js";import{F as l}from"./field-a094cd72.js";import{I as i}from"./input-d68625a5.js";import{C as p}from"./check-box-e21258d5.js";import{R as h}from"./radio-button-135a9615.js";import{C as d}from"./card-3847c251.js";import{F}from"./form-row-19dd7f6e.js";import{P as g}from"./page-6d07f774.js";import{R as a,C as r}from"./row-2299f0e7.js";import{S as R}from"./select-205cd538.js";import{S as f}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./list-heading-88cc8a9b.js";import"./loader-87ec8334.js";import"./label-13d490a3.js";import"./select.input-88b6ebab.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";const k=({width:s,height:n})=>e.jsx("div",{style:{background:"#ddd",width:s,height:n}}),Le={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[s,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(!s),round:!0,icon:j.CHEVRON_LEFT}),open:s,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!s,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;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as w}from"./top-bar-38689fe2.js";import{S as L}from"./side-bar-10cceacd.js";import{H as t}from"./heading-39e599c8.js";import{B as m}from"./button-050c998a.js";import{D as v}from"./drawer-308b0a03.js";import{L as C}from"./list-d40713ca.js";import{F as l}from"./field-248df38c.js";import{I as i}from"./input-05f21b51.js";import{C as p}from"./check-box-b38490e5.js";import{R as h}from"./radio-button-d69b72e4.js";import{C as d}from"./card-3847c251.js";import{F}from"./form-row-19dd7f6e.js";import{P as g}from"./page-6d07f774.js";import{R as a,C as r}from"./row-2299f0e7.js";import{S as R}from"./select-d4593fc0.js";import{S as f}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-83a2a04e.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-c0abd380.js";import"./spinner-a81ebe38.js";import"./index.es-37e2ce0d.js";import"./extends-98964cd2.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./meta-content-c2771b33.js";import"./loader-87ec8334.js";import"./label-e6d15b59.js";import"./select.input-88b6ebab.js";import"./styled-components.browser.esm-416d73e5.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.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 />
@@ -153,4 +153,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c9
         </Row>
       </Page>
     </>;
-}`,...(c=(x=o.parameters)==null?void 0:x.docs)==null?void 0:c.source}}};o.__docgenInfo={description:"",methods:[],displayName:"Reservoirs"};const ve=["Reservoirs"];export{o as Reservoirs,ve as __namedExportsOrder,Le as default};
+}`,...(c=(x=s.parameters)==null?void 0:x.docs)==null?void 0:c.source}}};s.__docgenInfo={description:"",methods:[],displayName:"Reservoirs"};const Ce=["Reservoirs"];export{s as Reservoirs,Ce as __namedExportsOrder,ve as default};