@oliasoft-open-source/react-ui-library 4.0.0-beta-60 → 4.0.0-beta-62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{index-8aeda5d9.css → index-25f98303.css} +150 -136
- package/dist/assets/{index-77d87326.js → index-bf536ec8.js} +78 -70
- package/dist/global.css +150 -136
- package/dist/index.html +1 -1
- package/dist/index.js +109 -92
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-b650924c.js → Color-6VNJS4EI-952dbd0f.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-84fd372f.js → DocsRenderer-NNNQARDV-56864922.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-dfbcd30e.js → WithTooltip-4HIR6TLV-ad436b4a.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-11c22ab5.js → accordion.stories-e1a1a1da.js} +1 -1
- package/dist/storybook/assets/{afe.stories-2bda4793.js → afe.stories-37c20b62.js} +1 -1
- package/dist/storybook/assets/{button.stories-f6bf1869.js → button.stories-9e408eeb.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-28cadbd3.js → buttons-and-links-77de7155.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-59db26a9.js → casing-loads.stories-07b8c5bf.js} +1 -1
- package/dist/storybook/assets/{cell.stories-7ebcbb82.js → cell.stories-9ae9e6f1.js} +1 -1
- package/dist/storybook/assets/check-box-73be452f.js +1 -0
- package/dist/storybook/assets/check-box-960c9b05.css +1 -0
- package/dist/storybook/assets/check-box.stories-73c79421.js +97 -0
- package/dist/storybook/assets/{chunk-HLWAVYOI-5ddd8c65.js → chunk-HLWAVYOI-231f5b17.js} +1 -1
- package/dist/storybook/assets/{color-c9a5468c.js → color-88d59ad4.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-fdef3d43.js → drawer.stories-fb4d0aff.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-8482bd38.js → file-input.stories-f749ba8f.js} +1 -1
- package/dist/storybook/assets/{flex-47732c42.js → flex-1d14d86c.js} +1 -1
- package/dist/storybook/assets/{flex.stories-48fa85e8.js → flex.stories-332d0620.js} +1 -1
- package/dist/storybook/assets/{footer.stories-c9d4f59e.js → footer.stories-cd6ba2f3.js} +1 -1
- package/dist/storybook/assets/{form.stories-7b32c75b.js → form.stories-2c6ca5a7.js} +1 -1
- package/dist/storybook/assets/{formation.stories-4536d334.js → formation.stories-b909ce02.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-f1dc6120.js → formatter-SWP5E3XI-305a4b69.js} +1 -1
- package/dist/storybook/assets/grid-3b729f81.js +15 -0
- package/dist/storybook/assets/{grid.stories-9c914a43.js → grid.stories-bf68df4a.js} +1 -1
- package/dist/storybook/assets/{heading.stories-674a496b.js → heading.stories-47b4fd09.js} +1 -1
- package/dist/storybook/assets/{icon.stories-10514dcd.js → icon.stories-a4e750ed.js} +1 -1
- package/dist/storybook/assets/{iframe-c85447e5.js → iframe-44a06e84.js} +1 -1
- package/dist/storybook/assets/{index-d70ff53b.js → index-853bb42b.js} +4 -4
- package/dist/storybook/assets/{input-validation-46150ca3.js → input-validation-ab900918.js} +1 -1
- package/dist/storybook/assets/{inputs-f50f972e.js → inputs-9ae81cc5.js} +1 -1
- package/dist/storybook/assets/{layout-forms-2ff4582d.js → layout-forms-c400c8f2.js} +1 -1
- package/dist/storybook/assets/{layout-general-22bbe03d.js → layout-general-e30f7f0c.js} +1 -1
- package/dist/storybook/assets/{list-858d3a1f.js → list-5907161b.js} +1 -1
- package/dist/storybook/assets/list-heading-d81b63f6.css +1 -0
- package/dist/storybook/assets/list-heading-f1ceab8b.js +1 -0
- package/dist/storybook/assets/{list.stories-534b1266.js → list.stories-7fc849a2.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-f6c41ab7.js → list.stories-data-20546462.js} +1 -1
- package/dist/storybook/assets/{menu.stories-f2dea3a1.js → menu.stories-6cd01fe1.js} +1 -1
- package/dist/storybook/assets/{menu.stories-data-50e9f9fe.js → menu.stories-data-0d3161d5.js} +1 -1
- package/dist/storybook/assets/{message.stories-50cd9843.js → message.stories-48adad88.js} +1 -1
- package/dist/storybook/assets/{number-input-863c4463.js → number-input-42f50494.js} +5 -5
- package/dist/storybook/assets/{number-input.stories-04f6469b.js → number-input.stories-b4db5a5c.js} +1 -1
- package/dist/storybook/assets/{option-dropdown.stories-b3566308.js → option-dropdown.stories-4d10db5b.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-8f84561b.js → padding-and-spacing-96742849.js} +1 -1
- package/dist/storybook/assets/{popover.stories-0f74eee3.js → popover.stories-49d5a5bb.js} +1 -1
- package/dist/storybook/assets/preview-03dc394c.js +1 -0
- package/dist/storybook/assets/{preview-4131d937.css → preview-14d96e22.css} +1 -1
- package/dist/storybook/assets/{preview-8895bf64.js → preview-cc32f0c4.js} +1 -1
- package/dist/storybook/assets/{projects.stories-fb4cb900.js → projects.stories-a5ac5dbd.js} +1 -1
- package/dist/storybook/assets/radio-button-266c81ed.js +1 -0
- package/dist/storybook/assets/radio-button-52e2b7a7.css +1 -0
- package/dist/storybook/assets/radio-button.stories-d74ed901.js +61 -0
- package/dist/storybook/assets/{reservoirs.stories-134f21cc.js → reservoirs.stories-098985fb.js} +1 -1
- package/dist/storybook/assets/{row.stories-b0214b95.js → row.stories-e10803b0.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-1735487e.js → side-bar.stories-efe3833a.js} +1 -1
- package/dist/storybook/assets/{site.stories-3f58bf8f.js → site.stories-aa5eda50.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-12160287.js → spacer.stories-5c57d4ee.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-d8b407a1.js → syntaxhighlighter-NMPM6SWI-6833cfa2.js} +1 -1
- package/dist/storybook/assets/{table-95ed9716.js → table-16e7479d.js} +1 -1
- package/dist/storybook/assets/{table.stories-3387ebf8.js → table.stories-bd83249b.js} +1 -1
- package/dist/storybook/assets/{table.stories-data-07840afd.js → table.stories-data-f94af274.js} +1 -1
- package/dist/storybook/assets/{textarea-54dd1c9a.js → textarea-d48efea2.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-4b85aa60.js → textarea.stories-89c8afd7.js} +1 -1
- package/dist/storybook/assets/{title.stories-286cd48b.js → title.stories-8d23ef60.js} +1 -1
- package/dist/storybook/assets/{toggle-d9a0cd27.css → toggle-239108ba.css} +1 -1
- package/dist/storybook/assets/toggle-de8e437a.js +1 -0
- package/dist/storybook/assets/toggle.stories-05bf43ff.js +108 -0
- package/dist/storybook/assets/{tooltip.test-case.stories-f0022f8c.js → tooltip.test-case.stories-e513bfea.js} +1 -1
- package/dist/storybook/assets/{tree.stories-304d9ff1.js → tree.stories-0521665b.js} +4 -4
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/stories.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/check-box-421e08ab.js +0 -1
- package/dist/storybook/assets/check-box-805d6047.css +0 -1
- package/dist/storybook/assets/check-box.stories-3e23f07e.js +0 -85
- package/dist/storybook/assets/grid-78d1b29a.js +0 -15
- package/dist/storybook/assets/list-heading-8544b8e3.css +0 -1
- package/dist/storybook/assets/list-heading-d8175bfc.js +0 -1
- package/dist/storybook/assets/preview-f0e36fec.js +0 -1
- package/dist/storybook/assets/radio-button-82505e3b.js +0 -1
- package/dist/storybook/assets/radio-button-bd9936b8.css +0 -1
- package/dist/storybook/assets/radio-button.stories-0cbfcabb.js +0 -51
- package/dist/storybook/assets/toggle-df90df5f.js +0 -1
- package/dist/storybook/assets/toggle.stories-107799ac.js +0 -96
package/dist/storybook/assets/{number-input.stories-04f6469b.js → number-input.stories-b4db5a5c.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-
|
|
1
|
+
import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-42f50494.js";import{I as J}from"./input-group-20c3add3.js";import{I as P}from"./input-group-addon-f8f6683a.js";import{S as Q}from"./select-6b6d28f7.js";import"./index-f80c8c95.js";import"./index-54f0d271.js";import"./lodash-75c70a11.js";import"./input-d68625a5.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./common-types-2c81813f.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-46447905.js";import"./button-e6a6c574.js";import"./spinner-cb92a546.js";import"./icon-c5e1f218.js";import"./tslib.es6-dfef685f.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";const{useArgs:V}=__STORYBOOK_MODULE_ADDONS__,Le={title:"Forms/NumberInput",component:c,parameters:{canvas:{page:null}},args:{label:"Label"}},e=Y=>{const[X,k]=V(),q=z=>{k({value:z.target.value})};return r.jsx(c,{onChange:q,value:123,...Y})},l=e.bind({}),a=e.bind({});a.args={small:!0};const n=e.bind({});n.args={width:"150px"};const t=e.bind({});t.args={left:!0};const s=e.bind({});s.args={disabled:!0};const u=e.bind({});u.args={allowEmpty:!0,value:""};const o=e.bind({});o.args={warning:"This input number is almost 100!",value:"99"};const p=e.bind({});p.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const m=()=>r.jsxs(J,{small:!0,children:[r.jsx(c,{value:123}),r.jsx(P,{children:"to"}),r.jsx(c,{value:123}),r.jsx(Q,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]});var d,i,v;l.parameters={...l.parameters,docs:{...(d=l.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
4
4
|
updateArgs({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-f961835c.js";import{T as I}from"./common-types-2c81813f.js";import{M as N}from"./actions-46447905.js";import{c as A}from"./index-a80ed1cf.js";import{C as E}from"./check-box-
|
|
1
|
+
import{j as n}from"./jsx-runtime-f961835c.js";import{T as I}from"./common-types-2c81813f.js";import{M as N}from"./actions-46447905.js";import{c as A}from"./index-a80ed1cf.js";import{C as E}from"./check-box-73be452f.js";import{D as f}from"./divider-182aa58c.js";import"./index-f80c8c95.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./button-e6a6c574.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./help-icon-5be78589.js";import"./text-ad1f5f1d.js";const V="_menu_12x4u_1",T="_header_12x4u_11",q="_item_12x4u_27",w="_heading_12x4u_32",u={menu:V,header:T,item:q,heading:w},g=({option:e,onChange:r})=>{const{key:o,label:i,selected:a}=e;return n.jsx("div",{className:u.item,children:n.jsx(E,{label:i,noMargin:!0,checked:a,onChange:r})},o)};try{g.displayName="Option",g.__docgenInfo={description:"",displayName:"Option",props:{option:{defaultValue:null,description:"",name:"option",required:!0,type:{name:"{ key?: string | undefined; label?: string | null | undefined; selected?: boolean | undefined; }"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}}}}}catch{}const _=({label:e})=>n.jsx("div",{className:u.heading,children:e});try{_.displayName="Heading",_.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}var h=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(h||{});const y=({options:e,onChangeOptions:r,showHeader:o,maxHeight:i})=>n.jsxs("div",{className:A("menu",u.menu),style:{maxHeight:i},children:[o&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:u.header,children:[n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!0}));r(a,s)},children:"All"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!1}));r(a,s)},children:"Clear"}),n.jsx("a",{onClick:a=>{const s=e.map(t=>({...t,selected:!t.selected}));r(a,s)},children:"Invert"})]}),n.jsx(f,{margin:0})]}),e.map((a,s)=>{switch(a.type){case h.HEADING:return n.jsx(_,{label:a.label},s);case h.DIVIDER:return n.jsx(f,{margin:0},s);default:return n.jsx(g,{option:a,onChange:t=>{const{value:m}=a,H=e.map(d=>d.value!==m?d:{...d,selected:!d.selected});r(t,H)}},s)}})]});try{y.displayName="Layer",y.__docgenInfo={description:"",displayName:"Layer",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChangeOptions:{defaultValue:null,description:"",name:"onChangeOptions",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, options: IOptionType[]) => void"}},showHeader:{defaultValue:null,description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const c=({name:e,label:r,options:o,onChange:i,showHeader:a=!0,maxHeight:s="40vh"})=>n.jsx(N,{menu:{label:r,trigger:I.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(y,{options:o,onChangeOptions:(t,m)=>{t.stopPropagation(),t.target.name=e,t.target.value=m,i(t)},showHeader:a,maxHeight:s})}});try{c.displayName="OptionDropdown",c.__docgenInfo={description:"",displayName:"OptionDropdown",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement & { name?: string | undefined; value: IOptionType[]; }>) => void"}},showHeader:{defaultValue:{value:"true"},description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:{value:"40vh"},description:"",name:"maxHeight",required:!1,type:{name:"string"}}}}}catch{}const{useArgs:M}=__STORYBOOK_MODULE_ADDONS__,k=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],se={title:"Forms/OptionDropdown",component:c,args:{label:"Label",options:k}},j=e=>{const[r,o]=M(),i=a=>{o({options:a.target.value})};return n.jsx(c,{...e,onChange:i})},p=j.bind({}),l=j.bind({});l.args={options:[...Array(50)].map((e,r)=>({label:`Item #${r}`,value:r}))};var v,x,b;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: any) => {
|
|
4
4
|
updateArgs({
|
package/dist/storybook/assets/{padding-and-spacing-8f84561b.js → padding-and-spacing-96742849.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-853bb42b.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-44a06e84.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.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"}),`
|
|
2
2
|
`,e.jsx(s.h1,{id:"padding-margin--size",children:"Padding, Margin & Size"}),`
|
|
3
3
|
`,e.jsx(s.h2,{id:"padding--margin",children:"Padding & Margin"}),`
|
|
4
4
|
`,e.jsx(s.p,{children:"There are standard CSS spacing variables for padding and margin."}),`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-f961835c.js";import{P as C}from"./popover-e20a61fe.js";import{I as S}from"./input-d68625a5.js";import{B as i}from"./button-e6a6c574.js";import{F as P}from"./flex-
|
|
1
|
+
import{j as r}from"./jsx-runtime-f961835c.js";import{P as C}from"./popover-e20a61fe.js";import{I as S}from"./input-d68625a5.js";import{B as i}from"./button-e6a6c574.js";import{F as P}from"./flex-1d14d86c.js";import{S as B}from"./select-6b6d28f7.js";import"./index-f80c8c95.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-46447905.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";const l=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],w=({close:e})=>r.jsxs(P,{gap:"var(--padding-xs)",children:[r.jsx(S,{value:"Value",width:"150px",small:!0}),r.jsx(B,{options:l,value:l[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),Z={title:"Basic/Popover",component:C,args:{overflowContainer:!0,content:r.jsx(w,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},p=e=>r.jsx(C,{...e}),a=p.bind({}),o=p.bind({});o.args={children:r.jsx(S,{value:"Value",width:"100%"})};const s=p.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=p.bind({});t.args={disabled:!0};var m,c,n;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Popover {...args} />",...(n=(c=a.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};var u,d,g;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"args => <Popover {...args} />",...(g=(d=o.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var x,v,b;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:"args => <Popover {...args} />",...(b=(v=s.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var f,j,h;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Popover {...args} />",...(h=(j=t.parameters)==null?void 0:j.docs)==null?void 0:h.source}}};const $=["Default","InputTrigger","CloseButton","Disabled"];export{s as CloseButton,a as Default,t as Disabled,o as InputTrigger,$ as __namedExportsOrder,Z as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as e}from"./iframe-44a06e84.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-56864922.js"),["./DocsRenderer-NNNQARDV-56864922.js","./chunk-HLWAVYOI-231f5b17.js","./iframe-44a06e84.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-853bb42b.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return new r}}};export{a as parameters};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}:focus{outline:none!important}::-moz-focus-inner{border:0!important}a{color:inherit}:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(25.25, 100%, 97.5%);--color-primary-100: hsl(25.25, 100%, 92.5%);--color-primary-150: hsl(25.25, 100%, 87.5%);--color-primary-200: hsl(25.25, 100%, 82.5%);--color-primary-250: hsl(25.25, 100%, 77.5%);--color-primary-300: hsl(25.25, 100%, 72.5%);--color-primary-350: hsl(25.25, 100%, 67.5%);--color-primary-400: hsl(25.25, 100%, 62.5%);--color-primary-450: hsl(25.25, 100%, 57.5%);--color-primary-500: hsl(25.25, 100%, 52.5%);--color-primary-550: hsl(25.25, 100%, 47.5%);--color-primary-600: hsl(25.25, 100%, 42.5%);--color-primary-650: hsl(25.25, 100%, 37.5%);--color-primary-700: hsl(25.25, 100%, 32.5%);--color-primary-750: hsl(25.25, 100%, 27.5%);--color-primary-800: hsl(25.25, 100%, 22.5%);--color-primary-850: hsl(25.25, 100%, 17.5%);--color-primary-900: hsl(25.25, 100%, 12.5%);--color-primary-950: hsl(25.25, 100%, 7.5%);--color-primary-1000: hsl(25.25, 100%, 2.5%);--color-error-0: hsl(0, 0%, 100%);--color-error-50: hsl(0, 51.29186603%, 97.5%);--color-error-100: hsl(0, 51.29186603%, 92.5%);--color-error-150: hsl(0, 51.29186603%, 87.5%);--color-error-200: hsl(0, 51.29186603%, 82.5%);--color-error-250: hsl(0, 51.29186603%, 77.5%);--color-error-300: hsl(0, 51.29186603%, 72.5%);--color-error-350: hsl(0, 51.29186603%, 67.5%);--color-error-400: hsl(0, 51.29186603%, 62.5%);--color-error-450: hsl(0, 51.29186603%, 57.5%);--color-error-500: hsl(0, 51.29186603%, 52.5%);--color-error-550: hsl(0, 51.29186603%, 47.5%);--color-error-600: hsl(0, 51.29186603%, 42.5%);--color-error-650: hsl(0, 51.29186603%, 37.5%);--color-error-700: hsl(0, 51.29186603%, 32.5%);--color-error-750: hsl(0, 51.29186603%, 27.5%);--color-error-800: hsl(0, 51.29186603%, 22.5%);--color-error-850: hsl(0, 51.29186603%, 17.5%);--color-error-900: hsl(0, 51.29186603%, 12.5%);--color-error-950: hsl(0, 51.29186603%, 7.5%);--color-error-1000: hsl(0, 51.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 32.03252033%, 97.5%);--color-success-100: hsl(120, 32.03252033%, 92.5%);--color-success-150: hsl(120, 32.03252033%, 87.5%);--color-success-200: hsl(120, 32.03252033%, 82.5%);--color-success-250: hsl(120, 32.03252033%, 77.5%);--color-success-300: hsl(120, 32.03252033%, 72.5%);--color-success-350: hsl(120, 32.03252033%, 67.5%);--color-success-400: hsl(120, 32.03252033%, 62.5%);--color-success-450: hsl(120, 32.03252033%, 57.5%);--color-success-500: hsl(120, 32.03252033%, 52.5%);--color-success-550: hsl(120, 32.03252033%, 47.5%);--color-success-600: hsl(120, 32.03252033%, 42.5%);--color-success-650: hsl(120, 32.03252033%, 37.5%);--color-success-700: hsl(120, 32.03252033%, 32.5%);--color-success-750: hsl(120, 32.03252033%, 27.5%);--color-success-800: hsl(120, 32.03252033%, 22.5%);--color-success-850: hsl(120, 32.03252033%, 17.5%);--color-success-900: hsl(120, 32.03252033%, 12.5%);--color-success-950: hsl(120, 32.03252033%, 7.5%);--color-success-1000: hsl(120, 32.03252033%, 2.5%);--color-warning-0: hsl(0, 0%, 100%);--color-warning-50: hsl(44.9197861, 56.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 56.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 56.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 56.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 56.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 56.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 56.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 56.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 56.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 56.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 56.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 56.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 56.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 56.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 56.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 56.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 56.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 56.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 56.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 56.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 52.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 52.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 52.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 52.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 52.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 52.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 52.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 52.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 52.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 52.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 52.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 52.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 52.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 52.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 52.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 52.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 52.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 52.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 52.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 52.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(60, 25.71428571%, 97.5%);--color-neutral-100: hsl(60, 25.71428571%, 92.5%);--color-neutral-150: hsl(60, 25.71428571%, 87.5%);--color-neutral-200: hsl(60, 25.71428571%, 82.5%);--color-neutral-250: hsl(60, 25.71428571%, 77.5%);--color-neutral-300: hsl(60, 25.71428571%, 72.5%);--color-neutral-350: hsl(60, 25.71428571%, 67.5%);--color-neutral-400: hsl(60, 25.71428571%, 62.5%);--color-neutral-450: hsl(60, 25.71428571%, 57.5%);--color-neutral-500: hsl(60, 25.71428571%, 52.5%);--color-neutral-550: hsl(60, 25.71428571%, 47.5%);--color-neutral-600: hsl(60, 25.71428571%, 42.5%);--color-neutral-650: hsl(60, 25.71428571%, 37.5%);--color-neutral-700: hsl(60, 25.71428571%, 32.5%);--color-neutral-750: hsl(60, 25.71428571%, 27.5%);--color-neutral-800: hsl(60, 25.71428571%, 22.5%);--color-neutral-850: hsl(60, 25.71428571%, 17.5%);--color-neutral-900: hsl(60, 25.71428571%, 12.5%);--color-neutral-950: hsl(60, 25.71428571%, 7.5%);--color-neutral-1000: hsl(60, 25.71428571%, 2.5%)}:root{color-scheme:initial;--font-family: "Roobert", sans-serif;--font-size-xl: 17px;--font-size-lg: 15px;--font-size: 13px;--font-size-sm: 12px;--font-size-xs: 11px;--line-height: 20px;--line-height-sm: 16px;--letter-spacing-wide: .05em;--size-xl: 48px;--size-lg: 36px;--size: 30px;--size-sm: 24px;--size-xs: 16px;--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding: 16px;--padding-lg: 20px;--padding-xl: 24px;--padding-input-x: var(--padding-xs);--padding-input-y: calc((var(--size) - var(--line-height) - 2px) / 2);--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-sm-x: var(--padding-xs);--padding-input-sm-y: calc((var(--size-sm) - var(--line-height) - 2px) / 2);--padding-input-sm: var(--padding-input-sm-y) var(--padding-input-sm-x);--border-radius: 4px;--border-radius-sm: 2px;--zindex-topbar-alert: 98;--zindex-drawer: 99;--zindex-topbar: 101;--zindex-dimmer: 1000;--zindex-modal: 2000;--zindex-popover: 2001;--zindex-dropdown: 2002;--zindex-tooltip: 2003;--shadow-button: 0 1px 1px rgba(0, 0, 0, .1);--shadow-card: 0 1px 2px rgba(0, 0, 0, .1);--shadow-layer: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1), 0 0 4px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 2px rgba(255, 116, 15, .25);--color-text: var(--color-neutral-900);--color-text-muted: var(--color-neutral-650);--color-text-faint: var(--color-neutral-400);--color-text-error: var(--color-error-600);--color-text-warning: var(--color-warning-600);--color-text-success: var(--color-success-600);--color-text-info: var(--color-info-600);--color-text-primary: var(--color-primary-500);--color-text-primary-hover: var(--color-primary-600);--color-text-primary-active: var(--color-primary-700);--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: var(--color-neutral-100);--color-background-raised: white;--color-background-layer: white;--color-background-disabled: var(--color-neutral-100);--color-background-info: var(--color-info-500);--color-background-info-muted: var(--color-info-100);--color-background-error: var(--color-error-500);--color-background-error-muted: var(--color-error-100);--color-background-success: var(--color-success-500);--color-background-success-muted: var(--color-success-100);--color-background-warning: var(--color-warning-500);--color-background-warning-muted: var(--color-warning-100);--color-background-primary: var(--color-primary-500);--color-background-primary-muted: var(--color-primary-100);--color-background-input: white;--color-background-cardheader: var(--color-neutral-50);--color-background-listitem-active: var(--color-background-primary-muted);--color-background-listitem-hover: var(--color-neutral-100);--color-border: var(--color-neutral-250);--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-300);--color-border-error-hover: var(--color-error-400);--color-border-warning: var(--color-warning-300);--color-border-warning-hover: var(--color-warning-400)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-100);--color-text-muted: var(--color-neutral-300);--color-text-faint: var(--color-neutral-500);--color-text-primary: var(--color-primary-400);--color-text-primary-active: var(--color-primary-200);--color-text-primary-hover: var(--color-primary-300);--color-text-error: var(--color-error-300);--color-text-info: var(--color-info-300);--color-text-success: var(--color-success-300);--color-text-warning: var(--color-warning-300);--color-text-placeholder: rgba(255, 255, 255, .4);--color-background: var(--color-neutral-900);--color-background-raised: var(--color-neutral-800);--color-background-layer: var(--color-neutral-700);--color-background-disabled: var(--color-neutral-900);--color-background-info: var(--color-info-500);--color-background-info-muted: var(--color-info-800);--color-background-error: var(--color-error-500);--color-background-error-muted: var(--color-error-800);--color-background-success: var(--color-success-500);--color-background-success-muted: var(--color-success-800);--color-background-warning: var(--color-warning-500);--color-background-warning-muted: var(--color-warning-800);--color-background-primary: var(--color-primary-500);--color-background-primary-muted: var(--color-primary-800);--color-background-cardheader: var(--color-neutral-850);--color-background-input: var(--color-neutral-800);--color-background-listitem-active: var(--color-primary-700);--color-background-listitem-hover: var(--color-neutral-700);--color-border: black;--color-border-checkbox: black;--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-600);--color-border-warning: var(--color-warning-600);--shadow-focus: 0 0 0 2px rgba(255, 116, 15, .5)}@font-face{font-family:Roobert;font-weight:400;font-style:normal;src:url(./Roobert-Regular-bc81edf3.woff2) format("woff2")}@font-face{font-family:Roobert;font-weight:700;font-style:normal;src:url(./Roobert-SemiBold-5ad15368.woff2) format("woff2")}@font-face{font-family:Roobert;font-weight:400;font-style:italic;src:url(./Roobert-RegularItalic-fd24f9b4.woff2) format("woff2")}@font-face{font-family:Roobert;font-weight:700;font-style:italic;src:url(./Roobert-SemiBoldItalic-87b15cf7.woff2) format("woff2")}.field{margin-bottom:var(--padding);color:var(--color-text)}.field.labelLeft{display:flex;align-items:center}.field.labelLeft .fieldInput{flex-grow:1}.formRow,.form-row{display:flex;flex-wrap:wrap;align-items:flex-end}.formRow>*:not(:last-child),.form-row>*:not(:last-child){margin-right:var(--padding)}.formRow .button,.form-row .button{margin-bottom:var(--padding)}html{font-size:var(--font-size)}body{color:var(--color-text);line-height:var(--line-height);font-family:var(--font-family);font-size:var(--font-size)}.dark{color:var(--color-text)}h1,h2,h3,h4,h5{line-height:1.285714em;margin:0 0 1rem}p,ul,ol{margin:0 0 1rem;line-height:var(--line-height)}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}ul,ol{padding-left:1.5em}a{text-decoration:none}@-moz-document url-prefix(){.docs-story>div>div{height:100%!important}}
|
|
1
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}:focus{outline:none!important}::-moz-focus-inner{border:0!important}a{color:inherit}:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(25.25, 100%, 97.5%);--color-primary-100: hsl(25.25, 100%, 92.5%);--color-primary-150: hsl(25.25, 100%, 87.5%);--color-primary-200: hsl(25.25, 100%, 82.5%);--color-primary-250: hsl(25.25, 100%, 77.5%);--color-primary-300: hsl(25.25, 100%, 72.5%);--color-primary-350: hsl(25.25, 100%, 67.5%);--color-primary-400: hsl(25.25, 100%, 62.5%);--color-primary-450: hsl(25.25, 100%, 57.5%);--color-primary-500: hsl(25.25, 100%, 52.5%);--color-primary-550: hsl(25.25, 100%, 47.5%);--color-primary-600: hsl(25.25, 100%, 42.5%);--color-primary-650: hsl(25.25, 100%, 37.5%);--color-primary-700: hsl(25.25, 100%, 32.5%);--color-primary-750: hsl(25.25, 100%, 27.5%);--color-primary-800: hsl(25.25, 100%, 22.5%);--color-primary-850: hsl(25.25, 100%, 17.5%);--color-primary-900: hsl(25.25, 100%, 12.5%);--color-primary-950: hsl(25.25, 100%, 7.5%);--color-primary-1000: hsl(25.25, 100%, 2.5%);--color-error-0: hsl(0, 0%, 100%);--color-error-50: hsl(0, 51.29186603%, 97.5%);--color-error-100: hsl(0, 51.29186603%, 92.5%);--color-error-150: hsl(0, 51.29186603%, 87.5%);--color-error-200: hsl(0, 51.29186603%, 82.5%);--color-error-250: hsl(0, 51.29186603%, 77.5%);--color-error-300: hsl(0, 51.29186603%, 72.5%);--color-error-350: hsl(0, 51.29186603%, 67.5%);--color-error-400: hsl(0, 51.29186603%, 62.5%);--color-error-450: hsl(0, 51.29186603%, 57.5%);--color-error-500: hsl(0, 51.29186603%, 52.5%);--color-error-550: hsl(0, 51.29186603%, 47.5%);--color-error-600: hsl(0, 51.29186603%, 42.5%);--color-error-650: hsl(0, 51.29186603%, 37.5%);--color-error-700: hsl(0, 51.29186603%, 32.5%);--color-error-750: hsl(0, 51.29186603%, 27.5%);--color-error-800: hsl(0, 51.29186603%, 22.5%);--color-error-850: hsl(0, 51.29186603%, 17.5%);--color-error-900: hsl(0, 51.29186603%, 12.5%);--color-error-950: hsl(0, 51.29186603%, 7.5%);--color-error-1000: hsl(0, 51.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 32.03252033%, 97.5%);--color-success-100: hsl(120, 32.03252033%, 92.5%);--color-success-150: hsl(120, 32.03252033%, 87.5%);--color-success-200: hsl(120, 32.03252033%, 82.5%);--color-success-250: hsl(120, 32.03252033%, 77.5%);--color-success-300: hsl(120, 32.03252033%, 72.5%);--color-success-350: hsl(120, 32.03252033%, 67.5%);--color-success-400: hsl(120, 32.03252033%, 62.5%);--color-success-450: hsl(120, 32.03252033%, 57.5%);--color-success-500: hsl(120, 32.03252033%, 52.5%);--color-success-550: hsl(120, 32.03252033%, 47.5%);--color-success-600: hsl(120, 32.03252033%, 42.5%);--color-success-650: hsl(120, 32.03252033%, 37.5%);--color-success-700: hsl(120, 32.03252033%, 32.5%);--color-success-750: hsl(120, 32.03252033%, 27.5%);--color-success-800: hsl(120, 32.03252033%, 22.5%);--color-success-850: hsl(120, 32.03252033%, 17.5%);--color-success-900: hsl(120, 32.03252033%, 12.5%);--color-success-950: hsl(120, 32.03252033%, 7.5%);--color-success-1000: hsl(120, 32.03252033%, 2.5%);--color-warning-0: hsl(0, 0%, 100%);--color-warning-50: hsl(44.9197861, 56.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 56.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 56.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 56.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 56.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 56.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 56.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 56.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 56.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 56.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 56.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 56.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 56.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 56.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 56.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 56.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 56.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 56.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 56.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 56.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 52.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 52.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 52.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 52.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 52.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 52.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 52.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 52.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 52.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 52.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 52.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 52.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 52.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 52.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 52.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 52.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 52.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 52.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 52.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 52.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(60, 20%, 97.5%);--color-neutral-100: hsl(60, 20%, 92.5%);--color-neutral-150: hsl(60, 20%, 87.5%);--color-neutral-200: hsl(60, 20%, 82.5%);--color-neutral-250: hsl(60, 20%, 77.5%);--color-neutral-300: hsl(60, 20%, 72.5%);--color-neutral-350: hsl(60, 20%, 67.5%);--color-neutral-400: hsl(60, 20%, 62.5%);--color-neutral-450: hsl(60, 20%, 57.5%);--color-neutral-500: hsl(60, 20%, 52.5%);--color-neutral-550: hsl(60, 20%, 47.5%);--color-neutral-600: hsl(60, 20%, 42.5%);--color-neutral-650: hsl(60, 20%, 37.5%);--color-neutral-700: hsl(60, 20%, 32.5%);--color-neutral-750: hsl(60, 20%, 27.5%);--color-neutral-800: hsl(60, 20%, 22.5%);--color-neutral-850: hsl(60, 20%, 17.5%);--color-neutral-900: hsl(60, 20%, 12.5%);--color-neutral-950: hsl(60, 20%, 7.5%);--color-neutral-1000: hsl(60, 20%, 2.5%)}:root{color-scheme:initial;--font-family: "Roobert", sans-serif;--font-size-xl: 17px;--font-size-lg: 15px;--font-size: 13px;--font-size-sm: 12px;--font-size-xs: 11px;--line-height: 20px;--line-height-sm: 16px;--letter-spacing-wide: .05em;--size-xl: 48px;--size-lg: 36px;--size: 30px;--size-sm: 24px;--size-xs: 16px;--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding: 16px;--padding-lg: 20px;--padding-xl: 24px;--padding-input-x: var(--padding-xs);--padding-input-y: calc((var(--size) - var(--line-height) - 2px) / 2);--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-sm-x: var(--padding-xs);--padding-input-sm-y: calc((var(--size-sm) - var(--line-height) - 2px) / 2);--padding-input-sm: var(--padding-input-sm-y) var(--padding-input-sm-x);--border-radius: 4px;--border-radius-sm: 2px;--zindex-topbar-alert: 98;--zindex-drawer: 99;--zindex-topbar: 101;--zindex-dimmer: 1000;--zindex-modal: 2000;--zindex-popover: 2001;--zindex-dropdown: 2002;--zindex-tooltip: 2003;--shadow-button: 0 1px 1px rgba(0, 0, 0, .1);--shadow-card: 0 1px 2px rgba(0, 0, 0, .1);--shadow-layer: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1), 0 0 4px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 2px rgba(255, 116, 15, .25);--color-text: var(--color-neutral-900);--color-text-muted: var(--color-neutral-650);--color-text-faint: var(--color-neutral-400);--color-text-error: var(--color-error-600);--color-text-warning: var(--color-warning-600);--color-text-success: var(--color-success-600);--color-text-info: var(--color-info-600);--color-text-primary: var(--color-primary-500);--color-text-primary-hover: var(--color-primary-600);--color-text-primary-active: var(--color-primary-700);--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: var(--color-neutral-100);--color-background-raised: white;--color-background-layer: white;--color-background-disabled: var(--color-neutral-100);--color-background-info: var(--color-info-500);--color-background-info-muted: var(--color-info-100);--color-background-error: var(--color-error-500);--color-background-error-muted: var(--color-error-100);--color-background-success: var(--color-success-500);--color-background-success-muted: var(--color-success-100);--color-background-warning: var(--color-warning-500);--color-background-warning-muted: var(--color-warning-100);--color-background-primary: var(--color-primary-500);--color-background-primary-muted: var(--color-primary-100);--color-background-input: white;--color-background-cardheader: var(--color-neutral-50);--color-background-listitem-active: var(--color-background-primary-muted);--color-background-listitem-hover: var(--color-neutral-100);--color-border: var(--color-neutral-250);--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-300);--color-border-error-hover: var(--color-error-400);--color-border-warning: var(--color-warning-300);--color-border-warning-hover: var(--color-warning-400)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-100);--color-text-muted: var(--color-neutral-300);--color-text-faint: var(--color-neutral-500);--color-text-primary: var(--color-primary-400);--color-text-primary-active: var(--color-primary-200);--color-text-primary-hover: var(--color-primary-300);--color-text-error: var(--color-error-300);--color-text-info: var(--color-info-300);--color-text-success: var(--color-success-300);--color-text-warning: var(--color-warning-300);--color-text-placeholder: rgba(255, 255, 255, .4);--color-background: var(--color-neutral-900);--color-background-raised: var(--color-neutral-800);--color-background-layer: var(--color-neutral-700);--color-background-disabled: var(--color-neutral-900);--color-background-info: var(--color-info-500);--color-background-info-muted: var(--color-info-800);--color-background-error: var(--color-error-500);--color-background-error-muted: var(--color-error-800);--color-background-success: var(--color-success-500);--color-background-success-muted: var(--color-success-800);--color-background-warning: var(--color-warning-500);--color-background-warning-muted: var(--color-warning-800);--color-background-primary: var(--color-primary-500);--color-background-primary-muted: var(--color-primary-800);--color-background-cardheader: var(--color-neutral-850);--color-background-input: var(--color-neutral-800);--color-background-listitem-active: var(--color-primary-700);--color-background-listitem-hover: var(--color-neutral-700);--color-border: black;--color-border-checkbox: black;--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-primary-500);--color-border-error: var(--color-error-600);--color-border-warning: var(--color-warning-600);--shadow-focus: 0 0 0 2px rgba(255, 116, 15, .5)}@font-face{font-family:Roobert;font-weight:400;font-style:normal;src:url(./Roobert-Regular-bc81edf3.woff2) format("woff2")}@font-face{font-family:Roobert;font-weight:700;font-style:normal;src:url(./Roobert-SemiBold-5ad15368.woff2) format("woff2")}@font-face{font-family:Roobert;font-weight:400;font-style:italic;src:url(./Roobert-RegularItalic-fd24f9b4.woff2) format("woff2")}@font-face{font-family:Roobert;font-weight:700;font-style:italic;src:url(./Roobert-SemiBoldItalic-87b15cf7.woff2) format("woff2")}.field{margin-bottom:var(--padding);color:var(--color-text)}.field.labelLeft{display:flex;align-items:center}.field.labelLeft .fieldInput{flex-grow:1}.formRow,.form-row{display:flex;flex-wrap:wrap;align-items:flex-end}.formRow>*:not(:last-child),.form-row>*:not(:last-child){margin-right:var(--padding)}.formRow .button,.form-row .button{margin-bottom:var(--padding)}html{font-size:var(--font-size)}body{color:var(--color-text);line-height:var(--line-height);font-family:var(--font-family);font-size:var(--font-size)}.dark{color:var(--color-text)}h1,h2,h3,h4,h5{line-height:1.285714em;margin:0 0 1rem}p,ul,ol{margin:0 0 1rem;line-height:var(--line-height)}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}ul,ol{padding-left:1.5em}a{text-decoration:none}@-moz-document url-prefix(){.docs-story>div>div{height:100%!important}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as S}from"./jsx-runtime-f961835c.js";import{R as M}from"./index-f80c8c95.js";import{T as pe}from"./toaster-7efa1564.js";import{e as G}from"./index-54f0d271.js";import"./chunk-HLWAVYOI-
|
|
1
|
+
import{j as S}from"./jsx-runtime-f961835c.js";import{R as M}from"./index-f80c8c95.js";import{T as pe}from"./toaster-7efa1564.js";import{e as G}from"./index-54f0d271.js";import"./chunk-HLWAVYOI-231f5b17.js";import{e as de,t as U}from"./index-853bb42b.js";import"./index-3d476d02.js";import"./types-fe05eeca.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./button-e6a6c574.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./iframe-44a06e84.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";var W="DARK_MODE";const{global:ce}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},b.apply(this,arguments)}function me(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},h(e,t)}function ge(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,h(e,t)}function z(e){return z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},z(e)}function be(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function he(){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 C(e,t,r){return he()?C=Reflect.construct.bind():C=function(a,n,o){var i=[null];i.push.apply(i,n);var l=Function.bind.apply(a,i),s=new l;return o&&h(s,o.prototype),s},C.apply(null,arguments)}function H(e){var t=typeof Map=="function"?new Map:void 0;return H=function(r){if(r===null||!be(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,a)}function a(){return C(r,arguments,z(this).constructor)}return a.prototype=Object.create(r.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),h(a,r)},H(e)}var ye={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
2
|
|
|
3
3
|
`,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 }).
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{T as n}from"./top-bar-cbdcbd32.js";import{L as r}from"./list-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{T as n}from"./top-bar-cbdcbd32.js";import{L as r}from"./list-5907161b.js";import{P as p}from"./page-6d07f774.js";import{R as c,C as o}from"./row-2f12e486.js";import{T as d}from"./tabs-e616ae83.js";import{S as u}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-2c81813f.js";import"./button-e6a6c574.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-46447905.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index.es-ed1d81bc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-f1ceab8b.js";import"./heading-61bdbf94.js";import"./help-icon-5be78589.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"}],V={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:`() => {
|
|
2
2
|
return <>
|
|
3
3
|
<TopBar />
|
|
4
4
|
<Page padding={false} left={0} scroll={false}>
|
|
@@ -0,0 +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-5be78589.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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._wrapper_1fbik_1._inline_1fbik_1{display:flex;align-items:center}._wrapper_1fbik_1._inline_1fbik_1 ._radio_1fbik_5:not(:last-child){margin-right:var(--padding)}._wrapper_1fbik_1 ._labelMargin_1fbik_8{margin-right:var(--padding)}._radio_1fbik_5{--size-radio: var(--size-xs);margin:calc((var(--size) - var(--size-radio)) / 2) 0;position:relative;display:flex;align-items:center;gap:var(--padding-xxs);backface-visibility:hidden;vertical-align:baseline;font-style:normal;min-height:var(--size-radio);font-size:var(--font-size);line-height:var(--size-radio);min-width:var(--size-radio);outline:0px}._radio_1fbik_5._small_1fbik_27{--size-radio: calc(var(--size-xs) - 4px);margin:calc((var(--size-sm) - var(--size-radio)) / 2) 0;font-size:var(--font-size-sm)}._radio_1fbik_5._noMargin_1fbik_32{margin-top:0;margin-bottom:0}._radio_1fbik_5 input{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0;width:var(--size-radio);height:var(--size-radio);z-index:-1}._radio_1fbik_5 label{cursor:pointer;position:relative;display:block;padding-left:calc(var(--size-radio) + var(--padding-xs));outline:0;color:var(--color-text);transition:color .1s ease}._radio_1fbik_5 label:before,._radio_1fbik_5 label:after{content:"";position:absolute;top:0;left:0;width:var(--size-radio);height:var(--size-radio);line-height:var(--size-radio);border-radius:50%;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease}._radio_1fbik_5 label:before{background:var(--color-background-button-default);border:1px solid var(--color-border-checkbox);transform:none}._radio_1fbik_5 label:hover:before{border-color:var(--color-border-hover)}._radio_1fbik_5 label:after{border:none;transform:scale(.46666667);background-color:#fff;box-shadow:var(--shadow-button);opacity:0}._radio_1fbik_5 input:checked~label:before{background-color:var(--color-background-primary);border-color:transparent}._radio_1fbik_5 input:checked~label:after{opacity:1}._radio_1fbik_5._disabled_1fbik_90{cursor:default;pointer-events:none}._radio_1fbik_5._disabled_1fbik_90 label{color:var(--color-text-faint)}._radio_1fbik_5._disabled_1fbik_90 label:before{background-color:var(--color-background-disabled)!important}._radio_1fbik_5._disabled_1fbik_90 input:checked~label:before{border-color:var(--color-border-checkbox)}._radio_1fbik_5._disabled_1fbik_90 input:checked~label:after{background-color:var(--color-border-checkbox)}._isInTable_1fbik_106{margin:0;position:relative;top:1px}._helpIconEnabled_1fbik_111{pointer-events:auto}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import{j}from"./jsx-runtime-f961835c.js";import{r as _}from"./index-f80c8c95.js";import{R as I}from"./radio-button-266c81ed.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-5be78589.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-c5e1f218.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 => {
|
|
2
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
3
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
4
|
+
const selectedValue = evt.target.value;
|
|
5
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
6
|
+
if (selectedOption) {
|
|
7
|
+
setValue(selectedOption);
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
11
|
+
}`,...(g=(d=c.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var m,v,h;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
12
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
13
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
14
|
+
const selectedValue = evt.target.value;
|
|
15
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
16
|
+
if (selectedOption) {
|
|
17
|
+
setValue(selectedOption);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
21
|
+
}`,...(h=(v=s.parameters)==null?void 0:v.docs)==null?void 0:h.source}}};var C,O,V;o.parameters={...o.parameters,docs:{...(C=o.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
|
|
22
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
23
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
24
|
+
const selectedValue = evt.target.value;
|
|
25
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
26
|
+
if (selectedOption) {
|
|
27
|
+
setValue(selectedOption);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
31
|
+
}`,...(V=(O=o.parameters)==null?void 0:O.docs)==null?void 0:V.source}}};var f,T,H;l.parameters={...l.parameters,docs:{...(f=l.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
|
|
32
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
33
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
34
|
+
const selectedValue = evt.target.value;
|
|
35
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
36
|
+
if (selectedOption) {
|
|
37
|
+
setValue(selectedOption);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
41
|
+
}`,...(H=(T=l.parameters)==null?void 0:T.docs)==null?void 0:H.source}}};var R,b,E;r.parameters={...r.parameters,docs:{...(R=r.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
|
|
42
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
43
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
44
|
+
const selectedValue = evt.target.value;
|
|
45
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
46
|
+
if (selectedOption) {
|
|
47
|
+
setValue(selectedOption);
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
51
|
+
}`,...(E=(b=r.parameters)==null?void 0:b.docs)==null?void 0:E.source}}};var S,x,B;p.parameters={...p.parameters,docs:{...(S=p.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
|
|
52
|
+
const [value, setValue] = useState<OptionType>(options[0]);
|
|
53
|
+
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
54
|
+
const selectedValue = evt.target.value;
|
|
55
|
+
const selectedOption = options.find(opt => opt.value === selectedValue);
|
|
56
|
+
if (selectedOption) {
|
|
57
|
+
setValue(selectedOption);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
return <RadioButton {...args} value={value} onChange={handleChange} />;
|
|
61
|
+
}`,...(B=(x=p.parameters)==null?void 0:x.docs)==null?void 0:B.source}}};const Z=["Default","Small","HelpText","OnClickHelp","Inline","DisabledWithHelpText"];export{c as Default,p as DisabledWithHelpText,o as HelpText,r as Inline,l as OnClickHelp,s as Small,Z as __namedExportsOrder,Y as default};
|
package/dist/storybook/assets/{reservoirs.stories-134f21cc.js → reservoirs.stories-098985fb.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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-cbdcbd32.js";import{S as L}from"./side-bar-bc0bfe9c.js";import{H as t}from"./heading-61bdbf94.js";import{B as m}from"./button-e6a6c574.js";import{D as v}from"./drawer-2407de69.js";import{L as C}from"./list-
|
|
1
|
+
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-cbdcbd32.js";import{S as L}from"./side-bar-bc0bfe9c.js";import{H as t}from"./heading-61bdbf94.js";import{B as m}from"./button-e6a6c574.js";import{D as v}from"./drawer-2407de69.js";import{L as C}from"./list-5907161b.js";import{F as l}from"./field-2424dd3c.js";import{I as i}from"./input-d68625a5.js";import{C as p}from"./check-box-73be452f.js";import{R as h}from"./radio-button-266c81ed.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-2f12e486.js";import{S as R}from"./select-6b6d28f7.js";import{S as f}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-46447905.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./help-icon-5be78589.js";import"./spinner-cb92a546.js";import"./index.es-ed1d81bc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./list-heading-f1ceab8b.js";import"./loader-87ec8334.js";import"./label-0958ef3a.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:`() => {
|
|
2
2
|
const [open, setOpen] = useState(true);
|
|
3
3
|
return <>
|
|
4
4
|
<TopBar />
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-f961835c.js";import{r as R}from"./index-f80c8c95.js";import{T as c}from"./table-
|
|
1
|
+
import{j as o}from"./jsx-runtime-f961835c.js";import{r as R}from"./index-f80c8c95.js";import{T as c}from"./table-16e7479d.js";import{T as V}from"./text-ad1f5f1d.js";import{t as g,i as W,q as B}from"./table.stories-data-f94af274.js";import"./index-a80ed1cf.js";import"./index.es-ed1d81bc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-c5e1f218.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-46447905.js";import"./common-types-2c81813f.js";import"./button-e6a6c574.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./heading-61bdbf94.js";import"./help-icon-5be78589.js";import"./pagination-8a1d097c.js";import"./select-6b6d28f7.js";import"./assertThisInitialized-081f9914.js";import"./select.input-88b6ebab.js";import"./input-d68625a5.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./check-box-73be452f.js";import"./slider-cf2db7b4.js";import"./index-c7f280f6.js";import"./popover-e20a61fe.js";import"./flex-1d14d86c.js";const ke={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 => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-f961835c.js";import{I as t}from"./common-types-2c81813f.js";import{S as m}from"./side-bar-bc0bfe9c.js";import{F as g}from"./flex-
|
|
1
|
+
import{j as a}from"./jsx-runtime-f961835c.js";import{I as t}from"./common-types-2c81813f.js";import{S as m}from"./side-bar-bc0bfe9c.js";import{F as g}from"./flex-1d14d86c.js";import{B as u}from"./badge-3abf067b.js";import{s as S}from"./icon-custom-822ce507.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index-c7f280f6.js";import"./drawer-2407de69.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-3d476d02.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./disabled-context-d654f6ff.js";import"./button-e6a6c574.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-cbdcbd32.js";import{S as w}from"./side-bar-bc0bfe9c.js";import{H as t}from"./heading-61bdbf94.js";import{B as L}from"./button-e6a6c574.js";import{D as v}from"./drawer-2407de69.js";import{L as d}from"./list-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-cbdcbd32.js";import{S as w}from"./side-bar-bc0bfe9c.js";import{H as t}from"./heading-61bdbf94.js";import{B as L}from"./button-e6a6c574.js";import{D as v}from"./drawer-2407de69.js";import{L as d}from"./list-5907161b.js";import{F as l}from"./field-2424dd3c.js";import{I as a}from"./input-d68625a5.js";import{C as m}from"./check-box-73be452f.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-2f12e486.js";import{A as u}from"./accordion-18132dea.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-e616ae83.js";import"./index-a80ed1cf.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-46447905.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./index-c7f280f6.js";import"./help-icon-5be78589.js";import"./spinner-cb92a546.js";import"./index.es-ed1d81bc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-f1ceab8b.js";import"./loader-87ec8334.js";import"./label-0958ef3a.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.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"}),be={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:`() => {
|
|
2
2
|
const [open, setOpen] = useState(true);
|
|
3
3
|
return <>
|
|
4
4
|
<TopBar />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-f961835c.js";import{S as h}from"./spacer-54db0620.js";import{F as j}from"./flex-
|
|
1
|
+
import{j as r}from"./jsx-runtime-f961835c.js";import{S as h}from"./spacer-54db0620.js";import{F as j}from"./flex-1d14d86c.js";import{B as s}from"./button-e6a6c574.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const W={title:"Layout/Spacer",component:h,argTypes:{width:{control:"text"},height:{control:"text"}}},p=t=>r.jsx(h,{...t}),a=p.bind({});a.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const e=p.bind({});e.args={height:"var(--padding-xxs)"};e.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const o=p.bind({});o.args={width:"var(--padding)"};o.decorators=[t=>r.jsxs(j,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];var c,i,m;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(m=(i=a.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var n,d,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var u,g,x;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(x=(g=o.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};const L=["Default","Height","Width"];export{a as Default,e as Height,o as Width,L as __namedExportsOrder,W as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as c,c as l,s as n}from"./index-
|
|
1
|
+
import{S as c,c as l,s as n}from"./index-853bb42b.js";import"./iframe-44a06e84.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";export{c as SyntaxHighlighter,l as createCopyToClipboardFunction,n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-f961835c.js";import{r as V}from"./index-f80c8c95.js";import{c as j}from"./index-a80ed1cf.js";import{I as He,D as Pe,C as Le,P as De}from"./index.es-ed1d81bc.js";import{l as Fe}from"./lodash-75c70a11.js";import{A as ye}from"./actions-46447905.js";import{H as $e}from"./heading-61bdbf94.js";import{P as Oe}from"./pagination-8a1d097c.js";import{A as b,I as $}from"./common-types-2c81813f.js";import{I as Be}from"./input-d68625a5.js";import{N as Me}from"./number-input-863c4463.js";import{S as Ge}from"./select-6b6d28f7.js";import{D as Ue}from"./disabled-context-d654f6ff.js";import{i as O}from"./types-332ceaf3.js";import{T as fe}from"./tooltip-23e84186.js";import{C as Xe}from"./check-box-421e08ab.js";import{S as Je}from"./slider-cf2db7b4.js";import{I as B}from"./icon-c5e1f218.js";import{P as Ke}from"./popover-e20a61fe.js";import{H as Ee}from"./help-icon-5be78589.js";import{T as ee}from"./text-ad1f5f1d.js";const ze="_inputInTable_16p4q_1",Ye="_inputHover_16p4q_13",Qe="_inputFocus_16p4q_18",Ze="_inputError_16p4q_25",en="_inputWarning_16p4q_26",nn="_inputDisabled_16p4q_61",tn="_hideScrollbars_16p4q_67",rn="_wrapper_16p4q_85",an="_bordered_16p4q_93",ln="_scroll_16p4q_98",on="_table_16p4q_108",sn="_striped_16p4q_188",H={inputInTable:ze,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},dn="_title_11pbp_1",cn={title:dn},U=({name:e=null,actions:t=null,actionsRight:a=!1,testId:l})=>{const r=e!==null,o=t!==null;if(!r&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(ye,{actions:t});return a?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:cn.title,children:[r?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{U.displayName="Title",U.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_4sumy_1",pn="_section_4sumy_7",ne={footer:un,section:pn},X=({colSpan:e,pagination:t,actions:a,content:l})=>{const r=a&&a.length,o=l!=null,s=()=>{var d,p;if(t){const{rowCount:c,rowsPerPage:y}=t,g=Number((p=(d=y==null?void 0:y.options)==null?void 0:d[0])==null?void 0:p.value);return c>g}return!1};return r||o||s()?n.jsxs("div",{className:ne.footer,children:[o?n.jsx("div",{className:ne.section,children:n.jsx("div",{children:l})}):null,r||s()?n.jsxs("div",{className:ne.section,children:[s()?n.jsx(Oe,{pagination:t}):n.jsx("div",{}),r&&n.jsx("div",{children:n.jsx(ye,{actions:a})})]}):null]}):null};try{X.displayName="Footer",X.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Se=e=>{const t=Math.max(...e.reduce((a,l)=>{const r=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return a.concat(r)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const a=[Se(t),Se(e)];return Math.max(...a)},qe=e=>e.reduce((t,a)=>a.actions&&a.actions.length>0?1:t,0),_n=(e,t)=>qe(t)>0||qe(e)>0,J=({table:e,children:t})=>{const{rows:a,infiniteScroll:l}=e,r=Math.ceil(window.innerHeight/30),[o,s]=l?V.useState(r):[a.length,null],[u,d]=l?V.useState(o<a.length):[!1,null],p=()=>{if(o>=a.length&&d){d(!1);return}s&&s(o+r)};return n.jsx("div",{id:"scrollWrapper",className:H.scroll,children:l?n.jsx(He,{dataLength:Math.min(a.length,o+r),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{J.displayName="TableScrollWrapper",J.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const gn="_clickableRow_11d5t_1",yn="_hoverableRow_11d5t_4",fn="_rowActive_11d5t_4",hn="_expandableRow_11d5t_8",bn="_flush_11d5t_8",Cn="_dragIconCell_11d5t_28",xn="_dragIcon_11d5t_28",R={clickableRow:gn,hoverableRow:yn,rowActive:fn,expandableRow:hn,flush:bn,dragIconCell:Cn,dragIcon:xn},K=({colSpan:e,children:t,flush:a})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:j(R.expandableRow,a?R.flush:""),children:t})});try{K.displayName="ExpandedContentRow",K.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const Ve=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},a=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:r,isHeader:o}=e;switch(o&&r?r:l){case b.LEFT:return a?b.LEFT:t.leftAligned;case b.RIGHT:return a?b.RIGHT:t.rightAligned;case b.CENTER:return a?b.CENTER:t.centerAligned;default:return a?b.LEFT:t.leftAligned}},In=(e,t=!1,a=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),r=e.every(o=>typeof o=="string");return l&&t?e[a]||[]:r?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},Nn="_inputInTable_17dgc_1",jn="_inputHover_17dgc_13",wn="_inputFocus_17dgc_18",An="_inputError_17dgc_25",vn="_inputWarning_17dgc_26",Rn="_inputDisabled_17dgc_61",Sn="_hideScrollbars_17dgc_67",qn="_cell_17dgc_77",Vn="_disabledLink_17dgc_87",Tn="_inputWrapper_17dgc_91",En="_breakWord_17dgc_106",kn="_inputCell_17dgc_109",Wn="_sliderCell_17dgc_112",Hn="_staticCell_17dgc_116",Pn="_staticCellContent_17dgc_119",Ln="_error_17dgc_131",Dn="_warning_17dgc_132",Fn="_unit_17dgc_141",$n="_sortingCell_17dgc_144",On="_sortingCellIcon_17dgc_155",Bn="_icon_17dgc_166",Mn="_checkBoxCell_17dgc_170",Gn="_iconCellWrapper_17dgc_174",Un="_actionsCell_17dgc_178",Xn="_rightAligned_17dgc_186",Jn="_centerAligned_17dgc_192",Kn="_leftAligned_17dgc_198",zn="_popover_17dgc_201",Yn="_disabledPointerEvents_17dgc_204",i={inputInTable:Nn,inputHover:jn,inputFocus:wn,inputError:An,inputWarning:vn,inputDisabled:Rn,hideScrollbars:Sn,cell:qn,disabledLink:Vn,inputWrapper:Tn,breakWord:En,inputCell:kn,sliderCell:Wn,staticCell:Hn,staticCellContent:Pn,error:Ln,warning:Dn,unit:Fn,sortingCell:$n,sortingCellIcon:On,icon:Bn,checkBoxCell:Mn,iconCellWrapper:Gn,actionsCell:Un,rightAligned:Xn,centerAligned:Jn,leftAligned:Kn,popover:zn,disabledPointerEvents:Yn},te=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Be,{name:e.name,value:e.value,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onPaste:l=>{var r;return(r=e.onPaste)==null?void 0:r.call(e,l)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0,tooltip:e.tooltip});try{te.displayName="InputCell",te.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const re=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:a=>{var l;return(l=e.onChange)==null?void 0:l.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty});try{re.displayName="NumberInputCell",re.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ae=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Ge,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0});try{ae.displayName="SelectCell",ae.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=({cell:e,columnAlignment:t,testId:a})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(te,{cell:e,columnAlignment:t,testId:a}):e.type==="NumberInput"?n.jsx(re,{cell:e,testId:a}):e.type==="Select"?n.jsx(ae,{cell:e,columnAlignment:t,testId:a}):null});try{le.displayName="InputCellWrapper",le.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,testId:t})=>{const a=V.useContext(Ue),{error:l,warning:r,tooltip:o,maxTooltipWidth:s}=e,u=d=>O(d);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:u(o)||u(l)||u(r)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:j(i.staticCellContent,l?i.error:r?i.warning:""),children:n.jsx("a",{className:j((e.disabled||a)&&i.disabledLink),onClick:e.disabled||a?void 0:d=>{var p;d.stopPropagation(),(p=e.onClick)==null||p.call(e,d)},"data-testid":t,children:e.value})})})})};try{oe.displayName="LinkCell",oe.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:a=>e.onChange(a),testId:t,tabIndex:e.disabled?-1:0});try{ie.displayName="CheckBoxCell",ie.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e})=>n.jsx("div",{className:i.inputWrapper,children:n.jsx(Je,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});try{se.displayName="SliderCell",se.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const de=({cell:e})=>{const{tooltip:t,icon:a}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(fe,{text:t,enabled:!!t&&O(t),display:"flex",placement:"top-center",children:n.jsx(B,{icon:a})})})};try{de.displayName="IconCell",de.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const ce=({cell:e})=>n.jsx(ye,{actions:e.actions});try{ce.displayName="ActionsCell",ce.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const ue=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{ue.displayName="CellHelpIcon",ue.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const pe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:$.LIBRARY})}):null};try{pe.displayName="CellLibraryIcon",pe.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const me=({cell:e})=>{const{hasSort:t,sort:a,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[a==="down"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_ASCENDING})}):a==="up"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}):n.jsx(ee,{faint:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}),l&&a?n.jsx("sup",{children:l}):null]}):null};try{me.displayName="Sort",me.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const z=({cell:e,isHeader:t,testId:a})=>{const{error:l,warning:r,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:d,type:p}=e,c=n.jsxs("div",{className:j(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:r?i.warning:""),onClick:u?y=>d&&d(y):()=>{},"data-testid":a,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(ue,{cell:e}),n.jsx(pe,{cell:e}),n.jsx(me,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:o&&O(o)||l&&O(l)||r&&O(r)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:c})})};try{z.displayName="StaticCell",z.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const _e=({cell:e,testId:t})=>{const{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o}=e;return n.jsx(Ke,{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(z,{cell:e,testId:t})})})};try{_e.displayName="PopoverCell",_e.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ge=({cell:e,isHeader:t,columnAlignment:a,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"Select":return n.jsx(le,{cell:e,columnAlignment:a,testId:l});case"Link":return n.jsx(oe,{cell:e,testId:l});case"CheckBox":return n.jsx(ie,{cell:e,testId:l});case"Slider":return n.jsx(se,{cell:e});case"Icon":return n.jsx(de,{cell:e});case"Actions":return n.jsx(ce,{cell:e});case"Popover":return n.jsx(_e,{cell:e});default:return n.jsx(z,{cell:e,isHeader:t,testId:l})}};try{ge.displayName="CellWrapper",ge.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var S=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e))(S||{});const Y=({cell:e,isHeader:t,columnHeaderAlignment:a,columnAlignment:l=b.LEFT,width:r,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:d,rowSpan:p,width:c}=e,y=V.useRef(null),g={bodyAlignment:l,headerAlignment:a,isHeader:t},P=Ve(g,i),C=Ve(g,i,!0),L=e.type===S.INPUT||e.type===S.NUMBER_INPUT||e.type===S.SELECT||e.type===S.POPOVER?i.inputCell:e.type===S.SLIDER?i.sliderCell:e.type===S.CHECKBOX?i.checkBoxCell:e.type===S.ACTIONS?i.actionsCell:i.staticCell,w=j(i.cell,L,e.hasSort?i.sortingCell:null,P,e.breakWord?i.breakWord:""),T=c??r??((o==null?void 0:o.isDragging)&&y.current&&y.current.offsetWidth)??void 0,x={width:T,minWidth:T,...u},A=t?"th":"td";return n.jsx(A,{ref:y,className:w,style:x,colSpan:d,rowSpan:p,children:n.jsx(ge,{cell:e,columnAlignment:C??b.RIGHT,isHeader:t,testId:s})})};try{Y.displayName="Cell",Y.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:null,description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const F=({row:e,rowIndex:t,isHeader:a=!1,columnCount:l,colSpan:r,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:d=!1,snapshot:p=null,provided:c=null,width:y,columnWidths:g,testId:P})=>{const C=V.useRef(null),L=In(o,a,t),{onRowClick:w,onRowFocus:T,onRowMouseEnter:x,onRowMouseLeave:A,expandedContent:I,active:Q}=e,E=e.cells.map((h,v)=>{const he=`${a?0:1}_${t}_${v}`;return n.jsx(Y,{cell:h,isHeader:a,columnAlignment:s[v],columnHeaderAlignment:L[v],width:g?g[v]:void 0,snapshot:p,testId:h.testId},he)}),q=u&&n.jsx(Y,{cell:{type:S.ACTIONS,actions:e.actions},isHeader:a},l),k=(h,v)=>({minWidth:h&&`${y}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...v}),W=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:R.dragIconCell,children:n.jsx("div",{...c.dragHandleProps,className:R.dragIcon,children:n.jsx(B,{icon:$.DRAG})})});return a?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:C,onClick:w,onMouseEnter:x,onMouseLeave:A,onFocus:T,className:j(w?R.clickableRow:null,x?R.hoverableRow:null),children:[d?n.jsx("th",{}):null,E,q]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:w,onMouseEnter:x,onMouseLeave:A,onFocus:T,className:j(w&&!w.noStyle?R.clickableRow:null,x&&!x.noStyle?R.hoverableRow:null,Q?R.rowActive:null),ref:(c==null?void 0:c.innerRef)||null,...(c==null?void 0:c.draggableProps)||null,style:p&&c?k(p.isDragging,c.draggableProps.style):null,children:[d?W():null,E,q]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]})};try{F.displayName="Row",F.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const Te=e=>{var Ie,Ne,je,we,Ae,ve,Re;const{onListReorder:t=()=>{},table:a}=e,{columnWidths:l,footer:r,name:o,rows:s=[],actions:u,actionsRight:d,columnHeaderAlignments:p,columnAlignment:c,striped:y=!0,testId:g,draggable:P,defaultEmptyRow:C=null,onAddRow:L=null,bordered:w=!0,maxHeight:T,fixedWidth:x}=a,A=V.useRef(null),[I,Q]=V.useState({width:0,height:0});V.useEffect(()=>{A.current&&Q({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const E=Fe.get(e,"table.headers",[]),q=mn(s,E),k=_n(s,E),W=q+(k?1:0),h=r?((Ne=(Ie=r==null?void 0:r.pagination)==null?void 0:Ie.rowsPerPage)==null?void 0:Ne.value)===0||Number((je=r==null?void 0:r.pagination)==null?void 0:je.selectedPage)>=Number((we=r==null?void 0:r.pagination)==null?void 0:we.rowCount)/Number((ve=(Ae=r==null?void 0:r.pagination)==null?void 0:Ae.rowsPerPage)==null?void 0:ve.value):!0,v=((Re=C==null?void 0:C.cells)==null?void 0:Re.length)&&L&&h,ke={cells:v?C.cells.map((m,N)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var M;const f=(M=_==null?void 0:_.target)==null?void 0:M.value,D={...C,cells:C.cells.map((G,We)=>({...G,value:We===N?f:G==null?void 0:G.value}))};L({newRow:D})}}:{...m,disabled:!0}):null,testId:g?`${g}-last-empty-row`:void 0},Z=v?s.concat(ke):s,be={...a,rows:Z},Ce=j(H.wrapper,w?H.bordered:""),xe={maxHeight:T,width:x,display:x==="auto"?"inline-flex":"flex"};return P?n.jsxs("div",{ref:A,className:Ce,style:xe,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,D;const N=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(D=m==null?void 0:m.destination)==null?void 0:D.index;typeof N=="number"&&typeof _=="number"&&t({from:N,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(J,{table:be,children:({visibleRows:N})=>n.jsxs("table",{className:j(H.table,y?H.striped:""),"data-testid":g,ref:m.innerRef,children:[n.jsx("thead",{children:E.map((_,f)=>n.jsx(F,{rowIndex:f,isHeader:!0,row:_,columnCount:q,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p,draggableTable:P},`0_${f}`))}),n.jsxs("tbody",{children:[Z.slice(0,N).map((_,f)=>n.jsx(De,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(D,M)=>n.jsx(F,{rowIndex:f,row:_,columnCount:q,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,provided:D,snapshot:M,draggableTable:P,width:I.width},`1_${f}`)},`index_${f}`)),m.placeholder]})]})})})}),r&&n.jsx(X,{pagination:r.pagination,actions:r.actions,content:r.content})]}):n.jsxs("div",{className:Ce,style:xe,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(J,{table:be,children:({visibleRows:m})=>n.jsxs("table",{className:j(H.table,y?H.striped:""),"data-testid":g,children:[n.jsx("thead",{children:E.map((N,_)=>n.jsx(F,{rowIndex:_,isHeader:!0,row:N,columnCount:q,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:Z.slice(0,m).map((N,_)=>n.jsx(F,{rowIndex:_,row:N,columnCount:q,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c},`1_${_}`))})]})}),r&&n.jsx(X,{colSpan:W,pagination:r.pagination,actions:r.actions,content:r.content})]})};try{Te.displayName="Table",Te.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{Te as T};
|
|
1
|
+
import{j as n}from"./jsx-runtime-f961835c.js";import{r as V}from"./index-f80c8c95.js";import{c as j}from"./index-a80ed1cf.js";import{I as He,D as Pe,C as Le,P as De}from"./index.es-ed1d81bc.js";import{l as Fe}from"./lodash-75c70a11.js";import{A as ye}from"./actions-46447905.js";import{H as $e}from"./heading-61bdbf94.js";import{P as Oe}from"./pagination-8a1d097c.js";import{A as b,I as $}from"./common-types-2c81813f.js";import{I as Be}from"./input-d68625a5.js";import{N as Me}from"./number-input-42f50494.js";import{S as Ge}from"./select-6b6d28f7.js";import{D as Ue}from"./disabled-context-d654f6ff.js";import{i as O}from"./types-332ceaf3.js";import{T as fe}from"./tooltip-23e84186.js";import{C as Xe}from"./check-box-73be452f.js";import{S as Je}from"./slider-cf2db7b4.js";import{I as B}from"./icon-c5e1f218.js";import{P as Ke}from"./popover-e20a61fe.js";import{H as Ee}from"./help-icon-5be78589.js";import{T as ee}from"./text-ad1f5f1d.js";const ze="_inputInTable_16p4q_1",Ye="_inputHover_16p4q_13",Qe="_inputFocus_16p4q_18",Ze="_inputError_16p4q_25",en="_inputWarning_16p4q_26",nn="_inputDisabled_16p4q_61",tn="_hideScrollbars_16p4q_67",rn="_wrapper_16p4q_85",an="_bordered_16p4q_93",ln="_scroll_16p4q_98",on="_table_16p4q_108",sn="_striped_16p4q_188",H={inputInTable:ze,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},dn="_title_11pbp_1",cn={title:dn},U=({name:e=null,actions:t=null,actionsRight:a=!1,testId:l})=>{const r=e!==null,o=t!==null;if(!r&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(ye,{actions:t});return a?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:cn.title,children:[r?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{U.displayName="Title",U.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_4sumy_1",pn="_section_4sumy_7",ne={footer:un,section:pn},X=({colSpan:e,pagination:t,actions:a,content:l})=>{const r=a&&a.length,o=l!=null,s=()=>{var d,p;if(t){const{rowCount:c,rowsPerPage:y}=t,g=Number((p=(d=y==null?void 0:y.options)==null?void 0:d[0])==null?void 0:p.value);return c>g}return!1};return r||o||s()?n.jsxs("div",{className:ne.footer,children:[o?n.jsx("div",{className:ne.section,children:n.jsx("div",{children:l})}):null,r||s()?n.jsxs("div",{className:ne.section,children:[s()?n.jsx(Oe,{pagination:t}):n.jsx("div",{}),r&&n.jsx("div",{children:n.jsx(ye,{actions:a})})]}):null]}):null};try{X.displayName="Footer",X.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Se=e=>{const t=Math.max(...e.reduce((a,l)=>{const r=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return a.concat(r)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const a=[Se(t),Se(e)];return Math.max(...a)},qe=e=>e.reduce((t,a)=>a.actions&&a.actions.length>0?1:t,0),_n=(e,t)=>qe(t)>0||qe(e)>0,J=({table:e,children:t})=>{const{rows:a,infiniteScroll:l}=e,r=Math.ceil(window.innerHeight/30),[o,s]=l?V.useState(r):[a.length,null],[u,d]=l?V.useState(o<a.length):[!1,null],p=()=>{if(o>=a.length&&d){d(!1);return}s&&s(o+r)};return n.jsx("div",{id:"scrollWrapper",className:H.scroll,children:l?n.jsx(He,{dataLength:Math.min(a.length,o+r),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{J.displayName="TableScrollWrapper",J.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const gn="_clickableRow_11d5t_1",yn="_hoverableRow_11d5t_4",fn="_rowActive_11d5t_4",hn="_expandableRow_11d5t_8",bn="_flush_11d5t_8",Cn="_dragIconCell_11d5t_28",xn="_dragIcon_11d5t_28",R={clickableRow:gn,hoverableRow:yn,rowActive:fn,expandableRow:hn,flush:bn,dragIconCell:Cn,dragIcon:xn},K=({colSpan:e,children:t,flush:a})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:j(R.expandableRow,a?R.flush:""),children:t})});try{K.displayName="ExpandedContentRow",K.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const Ve=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},a=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:r,isHeader:o}=e;switch(o&&r?r:l){case b.LEFT:return a?b.LEFT:t.leftAligned;case b.RIGHT:return a?b.RIGHT:t.rightAligned;case b.CENTER:return a?b.CENTER:t.centerAligned;default:return a?b.LEFT:t.leftAligned}},In=(e,t=!1,a=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),r=e.every(o=>typeof o=="string");return l&&t?e[a]||[]:r?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},Nn="_inputInTable_17dgc_1",jn="_inputHover_17dgc_13",wn="_inputFocus_17dgc_18",An="_inputError_17dgc_25",vn="_inputWarning_17dgc_26",Rn="_inputDisabled_17dgc_61",Sn="_hideScrollbars_17dgc_67",qn="_cell_17dgc_77",Vn="_disabledLink_17dgc_87",Tn="_inputWrapper_17dgc_91",En="_breakWord_17dgc_106",kn="_inputCell_17dgc_109",Wn="_sliderCell_17dgc_112",Hn="_staticCell_17dgc_116",Pn="_staticCellContent_17dgc_119",Ln="_error_17dgc_131",Dn="_warning_17dgc_132",Fn="_unit_17dgc_141",$n="_sortingCell_17dgc_144",On="_sortingCellIcon_17dgc_155",Bn="_icon_17dgc_166",Mn="_checkBoxCell_17dgc_170",Gn="_iconCellWrapper_17dgc_174",Un="_actionsCell_17dgc_178",Xn="_rightAligned_17dgc_186",Jn="_centerAligned_17dgc_192",Kn="_leftAligned_17dgc_198",zn="_popover_17dgc_201",Yn="_disabledPointerEvents_17dgc_204",i={inputInTable:Nn,inputHover:jn,inputFocus:wn,inputError:An,inputWarning:vn,inputDisabled:Rn,hideScrollbars:Sn,cell:qn,disabledLink:Vn,inputWrapper:Tn,breakWord:En,inputCell:kn,sliderCell:Wn,staticCell:Hn,staticCellContent:Pn,error:Ln,warning:Dn,unit:Fn,sortingCell:$n,sortingCellIcon:On,icon:Bn,checkBoxCell:Mn,iconCellWrapper:Gn,actionsCell:Un,rightAligned:Xn,centerAligned:Jn,leftAligned:Kn,popover:zn,disabledPointerEvents:Yn},te=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Be,{name:e.name,value:e.value,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onPaste:l=>{var r;return(r=e.onPaste)==null?void 0:r.call(e,l)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0,tooltip:e.tooltip});try{te.displayName="InputCell",te.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const re=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:a=>{var l;return(l=e.onChange)==null?void 0:l.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty});try{re.displayName="NumberInputCell",re.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ae=({cell:e,columnAlignment:t,testId:a})=>n.jsx(Ge,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var r;return(r=e.onChange)==null?void 0:r.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,right:t===b.RIGHT,testId:a,tabIndex:e.disabled?-1:0});try{ae.displayName="SelectCell",ae.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=({cell:e,columnAlignment:t,testId:a})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(te,{cell:e,columnAlignment:t,testId:a}):e.type==="NumberInput"?n.jsx(re,{cell:e,testId:a}):e.type==="Select"?n.jsx(ae,{cell:e,columnAlignment:t,testId:a}):null});try{le.displayName="InputCellWrapper",le.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,testId:t})=>{const a=V.useContext(Ue),{error:l,warning:r,tooltip:o,maxTooltipWidth:s}=e,u=d=>O(d);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:u(o)||u(l)||u(r)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:j(i.staticCellContent,l?i.error:r?i.warning:""),children:n.jsx("a",{className:j((e.disabled||a)&&i.disabledLink),onClick:e.disabled||a?void 0:d=>{var p;d.stopPropagation(),(p=e.onClick)==null||p.call(e,d)},"data-testid":t,children:e.value})})})})};try{oe.displayName="LinkCell",oe.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:a=>e.onChange(a),testId:t,tabIndex:e.disabled?-1:0});try{ie.displayName="CheckBoxCell",ie.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e})=>n.jsx("div",{className:i.inputWrapper,children:n.jsx(Je,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});try{se.displayName="SliderCell",se.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const de=({cell:e})=>{const{tooltip:t,icon:a}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(fe,{text:t,enabled:!!t&&O(t),display:"flex",placement:"top-center",children:n.jsx(B,{icon:a})})})};try{de.displayName="IconCell",de.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const ce=({cell:e})=>n.jsx(ye,{actions:e.actions});try{ce.displayName="ActionsCell",ce.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const ue=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{ue.displayName="CellHelpIcon",ue.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const pe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:$.LIBRARY})}):null};try{pe.displayName="CellLibraryIcon",pe.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const me=({cell:e})=>{const{hasSort:t,sort:a,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[a==="down"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_ASCENDING})}):a==="up"?n.jsx(ee,{link:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}):n.jsx(ee,{faint:!0,children:n.jsx(B,{icon:$.SORT_DESCENDING})}),l&&a?n.jsx("sup",{children:l}):null]}):null};try{me.displayName="Sort",me.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const z=({cell:e,isHeader:t,testId:a})=>{const{error:l,warning:r,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:d,type:p}=e,c=n.jsxs("div",{className:j(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:r?i.warning:""),onClick:u?y=>d&&d(y):()=>{},"data-testid":a,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(ue,{cell:e}),n.jsx(pe,{cell:e}),n.jsx(me,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!r,text:o||l||r,enabled:o&&O(o)||l&&O(l)||r&&O(r)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:c})})};try{z.displayName="StaticCell",z.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const _e=({cell:e,testId:t})=>{const{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o}=e;return n.jsx(Ke,{content:a,fullWidth:l,closeOnOutsideClick:r,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(z,{cell:e,testId:t})})})};try{_e.displayName="PopoverCell",_e.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ge=({cell:e,isHeader:t,columnAlignment:a,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"Select":return n.jsx(le,{cell:e,columnAlignment:a,testId:l});case"Link":return n.jsx(oe,{cell:e,testId:l});case"CheckBox":return n.jsx(ie,{cell:e,testId:l});case"Slider":return n.jsx(se,{cell:e});case"Icon":return n.jsx(de,{cell:e});case"Actions":return n.jsx(ce,{cell:e});case"Popover":return n.jsx(_e,{cell:e});default:return n.jsx(z,{cell:e,isHeader:t,testId:l})}};try{ge.displayName="CellWrapper",ge.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var S=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e))(S||{});const Y=({cell:e,isHeader:t,columnHeaderAlignment:a,columnAlignment:l=b.LEFT,width:r,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:d,rowSpan:p,width:c}=e,y=V.useRef(null),g={bodyAlignment:l,headerAlignment:a,isHeader:t},P=Ve(g,i),C=Ve(g,i,!0),L=e.type===S.INPUT||e.type===S.NUMBER_INPUT||e.type===S.SELECT||e.type===S.POPOVER?i.inputCell:e.type===S.SLIDER?i.sliderCell:e.type===S.CHECKBOX?i.checkBoxCell:e.type===S.ACTIONS?i.actionsCell:i.staticCell,w=j(i.cell,L,e.hasSort?i.sortingCell:null,P,e.breakWord?i.breakWord:""),T=c??r??((o==null?void 0:o.isDragging)&&y.current&&y.current.offsetWidth)??void 0,x={width:T,minWidth:T,...u},A=t?"th":"td";return n.jsx(A,{ref:y,className:w,style:x,colSpan:d,rowSpan:p,children:n.jsx(ge,{cell:e,columnAlignment:C??b.RIGHT,isHeader:t,testId:s})})};try{Y.displayName="Cell",Y.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:null,description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const F=({row:e,rowIndex:t,isHeader:a=!1,columnCount:l,colSpan:r,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:d=!1,snapshot:p=null,provided:c=null,width:y,columnWidths:g,testId:P})=>{const C=V.useRef(null),L=In(o,a,t),{onRowClick:w,onRowFocus:T,onRowMouseEnter:x,onRowMouseLeave:A,expandedContent:I,active:Q}=e,E=e.cells.map((h,v)=>{const he=`${a?0:1}_${t}_${v}`;return n.jsx(Y,{cell:h,isHeader:a,columnAlignment:s[v],columnHeaderAlignment:L[v],width:g?g[v]:void 0,snapshot:p,testId:h.testId},he)}),q=u&&n.jsx(Y,{cell:{type:S.ACTIONS,actions:e.actions},isHeader:a},l),k=(h,v)=>({minWidth:h&&`${y}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...v}),W=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:R.dragIconCell,children:n.jsx("div",{...c.dragHandleProps,className:R.dragIcon,children:n.jsx(B,{icon:$.DRAG})})});return a?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:C,onClick:w,onMouseEnter:x,onMouseLeave:A,onFocus:T,className:j(w?R.clickableRow:null,x?R.hoverableRow:null),children:[d?n.jsx("th",{}):null,E,q]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:w,onMouseEnter:x,onMouseLeave:A,onFocus:T,className:j(w&&!w.noStyle?R.clickableRow:null,x&&!x.noStyle?R.hoverableRow:null,Q?R.rowActive:null),ref:(c==null?void 0:c.innerRef)||null,...(c==null?void 0:c.draggableProps)||null,style:p&&c?k(p.isDragging,c.draggableProps.style):null,children:[d?W():null,E,q]},t),I&&I.content?n.jsx(K,{colSpan:r,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]})};try{F.displayName="Row",F.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const Te=e=>{var Ie,Ne,je,we,Ae,ve,Re;const{onListReorder:t=()=>{},table:a}=e,{columnWidths:l,footer:r,name:o,rows:s=[],actions:u,actionsRight:d,columnHeaderAlignments:p,columnAlignment:c,striped:y=!0,testId:g,draggable:P,defaultEmptyRow:C=null,onAddRow:L=null,bordered:w=!0,maxHeight:T,fixedWidth:x}=a,A=V.useRef(null),[I,Q]=V.useState({width:0,height:0});V.useEffect(()=>{A.current&&Q({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const E=Fe.get(e,"table.headers",[]),q=mn(s,E),k=_n(s,E),W=q+(k?1:0),h=r?((Ne=(Ie=r==null?void 0:r.pagination)==null?void 0:Ie.rowsPerPage)==null?void 0:Ne.value)===0||Number((je=r==null?void 0:r.pagination)==null?void 0:je.selectedPage)>=Number((we=r==null?void 0:r.pagination)==null?void 0:we.rowCount)/Number((ve=(Ae=r==null?void 0:r.pagination)==null?void 0:Ae.rowsPerPage)==null?void 0:ve.value):!0,v=((Re=C==null?void 0:C.cells)==null?void 0:Re.length)&&L&&h,ke={cells:v?C.cells.map((m,N)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var M;const f=(M=_==null?void 0:_.target)==null?void 0:M.value,D={...C,cells:C.cells.map((G,We)=>({...G,value:We===N?f:G==null?void 0:G.value}))};L({newRow:D})}}:{...m,disabled:!0}):null,testId:g?`${g}-last-empty-row`:void 0},Z=v?s.concat(ke):s,be={...a,rows:Z},Ce=j(H.wrapper,w?H.bordered:""),xe={maxHeight:T,width:x,display:x==="auto"?"inline-flex":"flex"};return P?n.jsxs("div",{ref:A,className:Ce,style:xe,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,D;const N=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(D=m==null?void 0:m.destination)==null?void 0:D.index;typeof N=="number"&&typeof _=="number"&&t({from:N,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(J,{table:be,children:({visibleRows:N})=>n.jsxs("table",{className:j(H.table,y?H.striped:""),"data-testid":g,ref:m.innerRef,children:[n.jsx("thead",{children:E.map((_,f)=>n.jsx(F,{rowIndex:f,isHeader:!0,row:_,columnCount:q,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p,draggableTable:P},`0_${f}`))}),n.jsxs("tbody",{children:[Z.slice(0,N).map((_,f)=>n.jsx(De,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(D,M)=>n.jsx(F,{rowIndex:f,row:_,columnCount:q,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,provided:D,snapshot:M,draggableTable:P,width:I.width},`1_${f}`)},`index_${f}`)),m.placeholder]})]})})})}),r&&n.jsx(X,{pagination:r.pagination,actions:r.actions,content:r.content})]}):n.jsxs("div",{className:Ce,style:xe,children:[n.jsx(U,{actions:u,actionsRight:d,name:o,testId:g&&`${g}-title`}),n.jsx(J,{table:be,children:({visibleRows:m})=>n.jsxs("table",{className:j(H.table,y?H.striped:""),"data-testid":g,children:[n.jsx("thead",{children:E.map((N,_)=>n.jsx(F,{rowIndex:_,isHeader:!0,row:N,columnCount:q,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:Z.slice(0,m).map((N,_)=>n.jsx(F,{rowIndex:_,row:N,columnCount:q,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c},`1_${_}`))})]})}),r&&n.jsx(X,{colSpan:W,pagination:r.pagination,actions:r.actions,content:r.content})]})};try{Te.displayName="Table",Te.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{Te as T};
|