@oliasoft-open-source/react-ui-library 4.1.5 → 4.1.6-beta-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/assets/{index-b17ea451.js → index-0fee18b2.js} +10 -10
  2. package/dist/assets/{index-4e076e2d.css → index-f2b208e6.css} +15 -14
  3. package/dist/index.d.ts +3 -1
  4. package/dist/index.html +1 -1
  5. package/dist/index.js +79 -32
  6. package/dist/index.js.map +1 -1
  7. package/dist/storybook/assets/{Color-6VNJS4EI-9a2985b2.js → Color-6VNJS4EI-189762fa.js} +1 -1
  8. package/dist/storybook/assets/{DocsRenderer-NNNQARDV-7d390284.js → DocsRenderer-NNNQARDV-12f4661f.js} +1 -1
  9. package/dist/storybook/assets/{WithTooltip-4HIR6TLV-935a2b47.js → WithTooltip-4HIR6TLV-f2f8ab3e.js} +1 -1
  10. package/dist/storybook/assets/{afe.stories-86276073.js → afe.stories-cc38aff9.js} +1 -1
  11. package/dist/storybook/assets/{buttons-and-links-f8588ace.js → buttons-and-links-059bfed6.js} +1 -1
  12. package/dist/storybook/assets/{casing-loads.stories-e5e1eaa9.js → casing-loads.stories-e65ed11b.js} +1 -1
  13. package/dist/storybook/assets/{chunk-HLWAVYOI-ec25be11.js → chunk-HLWAVYOI-f01f3de0.js} +1 -1
  14. package/dist/storybook/assets/{color-9efc2f2e.js → color-cd3ec4c3.js} +1 -1
  15. package/dist/storybook/assets/dialog-d1746c46.js +1 -0
  16. package/dist/storybook/assets/{formation.stories-262bd728.js → formation.stories-e444112c.js} +1 -1
  17. package/dist/storybook/assets/{formatter-SWP5E3XI-6ab3c3a9.js → formatter-SWP5E3XI-d242f07b.js} +1 -1
  18. package/dist/storybook/assets/{iframe-697f8aaf.js → iframe-095d8394.js} +1 -1
  19. package/dist/storybook/assets/{index-a7512f2e.js → index-56205b57.js} +4 -4
  20. package/dist/storybook/assets/{input-validation-3ded498c.js → input-validation-229633ba.js} +1 -1
  21. package/dist/storybook/assets/{inputs-7d113dd0.js → inputs-b61c86fb.js} +1 -1
  22. package/dist/storybook/assets/{layout-forms-b74a30ba.js → layout-forms-d14c6084.js} +1 -1
  23. package/dist/storybook/assets/{layout-general-7e3b0be7.js → layout-general-7da3e8a7.js} +1 -1
  24. package/dist/storybook/assets/modal.stories-926201c3.js +173 -0
  25. package/dist/storybook/assets/{padding-and-spacing-d47007e6.js → padding-and-spacing-84f38432.js} +1 -1
  26. package/dist/storybook/assets/preview-87482613.js +1 -0
  27. package/dist/storybook/assets/{preview-c85f9156.js → preview-c3814db0.js} +1 -1
  28. package/dist/storybook/assets/{projects.stories-9d6e0a4c.js → projects.stories-3884a80c.js} +1 -1
  29. package/dist/storybook/assets/{site.stories-46091c50.js → site.stories-f06d77af.js} +1 -1
  30. package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-90fd0fb6.js → syntaxhighlighter-NMPM6SWI-da38ba14.js} +1 -1
  31. package/dist/storybook/assets/tabs-be40d085.css +1 -0
  32. package/dist/storybook/assets/{tabs-cdfc5225.js → tabs-cf5ccede.js} +1 -1
  33. package/dist/storybook/assets/tabs.stories-5b0ca9e1.js +30 -0
  34. package/dist/storybook/iframe.html +1 -1
  35. package/dist/storybook/index.json +1 -1
  36. package/dist/storybook/project.json +1 -1
  37. package/dist/storybook/stories.json +1 -1
  38. package/package.json +1 -1
  39. package/dist/404.html +0 -1
  40. package/dist/storybook/assets/dialog-795008dd.js +0 -1
  41. package/dist/storybook/assets/modal.stories-b5414377.js +0 -141
  42. package/dist/storybook/assets/preview-20eb7184.js +0 -1
  43. package/dist/storybook/assets/tabs-c2db5f41.css +0 -1
  44. package/dist/storybook/assets/tabs.stories-c962aeea.js +0 -30
@@ -1,4 +1,4 @@
1
- import{j as at}from"./jsx-runtime-f961835c.js";import{g as De,c as ct,a as ji,r as he,R as fe}from"./index-f80c8c95.js";import{T as Li}from"./toaster-541ce85b.js";import{r as da,s as ga,t as Ur,i as Di,v as ma,e as qr,w as ki,x as Mi,c as Hr,y as Bi,z as Gi,A as Ui,B as qi,C as ya,D as Hi,E as zi,F as Wi,G as Yi,H as Xi,I as Ki,J as Vi,K as Qi,p as va}from"./index-cf68f115.js";import{f as Ji,k as ba,h as Zi,i as eo,j as to,l as ro,o as no,m as ke,p as ao,q as io,r as oo,t as fn}from"./index-a7512f2e.js";import{a as so}from"./isPlainObject-1cdd40eb.js";import{e as cn}from"./index-54f0d271.js";import"./chunk-HLWAVYOI-ec25be11.js";import"./index-3d476d02.js";import"./message-7e627e60.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./iframe-697f8aaf.js";import"../sb-preview/runtime.js";import"./assertThisInitialized-081f9914.js";import"./react-16-147b12fd.js";var pn="DARK_MODE";const{global:lo}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function Te(){return Te=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Te.apply(this,arguments)}function uo(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Qe(t,e){return Qe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Qe(t,e)}function fo(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,Qe(t,e)}function mr(t){return mr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},mr(t)}function co(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function po(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function pt(t,e,r){return po()?pt=Reflect.construct.bind():pt=function(n,s,o){var l=[null];l.push.apply(l,s);var a=Function.bind.apply(n,l),i=new a;return o&&Qe(i,o.prototype),i},pt.apply(null,arguments)}function yr(t){var e=typeof Map=="function"?new Map:void 0;return yr=function(r){if(r===null||!co(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof e<"u"){if(e.has(r))return e.get(r);e.set(r,n)}function n(){return pt(r,arguments,mr(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Qe(n,r)},yr(t)}var ho={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 }).
1
+ import{j as at}from"./jsx-runtime-f961835c.js";import{g as De,c as ct,a as ji,r as he,R as fe}from"./index-f80c8c95.js";import{T as Li}from"./toaster-541ce85b.js";import{r as da,s as ga,t as Ur,i as Di,v as ma,e as qr,w as ki,x as Mi,c as Hr,y as Bi,z as Gi,A as Ui,B as qi,C as ya,D as Hi,E as zi,F as Wi,G as Yi,H as Xi,I as Ki,J as Vi,K as Qi,p as va}from"./index-cf68f115.js";import{f as Ji,k as ba,h as Zi,i as eo,j as to,l as ro,o as no,m as ke,p as ao,q as io,r as oo,t as fn}from"./index-56205b57.js";import{a as so}from"./isPlainObject-1cdd40eb.js";import{e as cn}from"./index-54f0d271.js";import"./chunk-HLWAVYOI-f01f3de0.js";import"./index-3d476d02.js";import"./message-7e627e60.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./iframe-095d8394.js";import"../sb-preview/runtime.js";import"./assertThisInitialized-081f9914.js";import"./react-16-147b12fd.js";var pn="DARK_MODE";const{global:lo}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function Te(){return Te=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Te.apply(this,arguments)}function uo(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Qe(t,e){return Qe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Qe(t,e)}function fo(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,Qe(t,e)}function mr(t){return mr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},mr(t)}function co(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function po(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function pt(t,e,r){return po()?pt=Reflect.construct.bind():pt=function(n,s,o){var l=[null];l.push.apply(l,s);var a=Function.bind.apply(n,l),i=new a;return o&&Qe(i,o.prototype),i},pt.apply(null,arguments)}function yr(t){var e=typeof Map=="function"?new Map:void 0;return yr=function(r){if(r===null||!co(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof e<"u"){if(e.has(r))return e.get(r);e.set(r,n)}function n(){return pt(r,arguments,mr(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Qe(n,r)},yr(t)}var ho={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-a84b9365.js";import{L as r}from"./list-0dc3df85.js";import{P as p}from"./page-6d07f774.js";import{R as c,C as o}from"./row-2299f0e7.js";import{T as d}from"./tabs-cdfc5225.js";import{S as u}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-2c81813f.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./heading-d29eb744.js";import"./help-icon-d4189b1b.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:`() => {
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import"./index-f80c8c95.js";import{T as n}from"./top-bar-a84b9365.js";import{L as r}from"./list-0dc3df85.js";import{P as p}from"./page-6d07f774.js";import{R as c,C as o}from"./row-2299f0e7.js";import{T as d}from"./tabs-cf5ccede.js";import{S as u}from"./spacer-54db0620.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.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-74c97e4a.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./heading-d29eb744.js";import"./help-icon-d4189b1b.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}>
@@ -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-a84b9365.js";import{S as w}from"./side-bar-f26ab0ce.js";import{H as t}from"./heading-d29eb744.js";import{B as L}from"./button-74c97e4a.js";import{D as v}from"./drawer-7f450988.js";import{L as d}from"./list-0dc3df85.js";import{F as l}from"./field-a094cd72.js";import{I as a}from"./input-d68625a5.js";import{C as m}from"./check-box-e21258d5.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-2299f0e7.js";import{A as u}from"./accordion-168fa7c5.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-cdfc5225.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./loader-87ec8334.js";import"./label-13d490a3.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:`() => {
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-a84b9365.js";import{S as w}from"./side-bar-f26ab0ce.js";import{H as t}from"./heading-d29eb744.js";import{B as L}from"./button-74c97e4a.js";import{D as v}from"./drawer-7f450988.js";import{L as d}from"./list-0dc3df85.js";import{F as l}from"./field-a094cd72.js";import{I as a}from"./input-d68625a5.js";import{C as m}from"./check-box-e21258d5.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-2299f0e7.js";import{A as u}from"./accordion-168fa7c5.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-cf5ccede.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-d4189b1b.js";import"./spinner-a81ebe38.js";import"./index.es-85cc7dfc.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-88cc8a9b.js";import"./loader-87ec8334.js";import"./label-13d490a3.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{S as c,c as l,s as n}from"./index-a7512f2e.js";import"./iframe-697f8aaf.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";export{c as SyntaxHighlighter,l as createCopyToClipboardFunction,n as default};
1
+ import{S as c,c as l,s as n}from"./index-56205b57.js";import"./iframe-095d8394.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-cf68f115.js";export{c as SyntaxHighlighter,l as createCopyToClipboardFunction,n as default};
@@ -0,0 +1 @@
1
+ ._tabs_1y79t_1{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--color-border);flex-shrink:0}._tabs_1y79t_1._padding_1y79t_7{padding-left:var(--padding);padding-right:var(--padding)}._tabs_1y79t_1._margin_1y79t_11{margin:var(--padding) 0}._contentPadding_1y79t_14{padding-top:var(--padding)}._item_1y79t_17{align-self:flex-end;display:flex;align-items:center;position:relative;vertical-align:middle;line-height:1;text-decoration:none;flex:0 0 auto;-webkit-user-select:none;user-select:none;padding:var(--padding-xs) 0;transition:border .1s ease,color .1s ease;margin-bottom:-1px;border-bottom:1px solid transparent;font-size:var(--font-size-lg);color:var(--color-text-primary);cursor:pointer;text-transform:capitalize}._item_1y79t_17:not(:last-child){margin-right:var(--padding)}._item_1y79t_17:hover:not(._active_1y79t_39){color:var(--color-text-primary-hover);background:rgba(0,0,0,.025)}[data-theme=dark] ._item_1y79t_17:hover:not(._active_1y79t_39){background:rgba(255,255,255,.1)}._item_1y79t_17:active:not(._active_1y79t_39){color:var(--color-text-primary-active);background:rgba(0,0,0,.05)}[data-theme=dark] ._item_1y79t_17:active:not(._active_1y79t_39){background:rgba(255,255,255,.2)}._item_1y79t_17._active_1y79t_39{border-color:var(--color-text);color:var(--color-text);cursor:default}._item_1y79t_17._hidden_1y79t_58{display:none!important}._item_1y79t_17._disabled_1y79t_61{color:var(--color-text-faint);pointer-events:none}._item_1y79t_17._left_1y79t_65+._item_1y79t_17._right_1y79t_65{margin-left:auto}
@@ -1 +1 @@
1
- import{j as n}from"./jsx-runtime-f961835c.js";import{r as H}from"./index-f80c8c95.js";import{c as V}from"./index-a80ed1cf.js";import{D as R}from"./disabled-context-d654f6ff.js";import{B as w}from"./badge-20e7ee0b.js";import{s as F}from"./select.input-88b6ebab.js";const G="_tabs_twdtr_1",J="_padding_twdtr_7",K="_margin_twdtr_11",Q="_contentPadding_twdtr_14",U="_item_twdtr_17",W="_active_twdtr_38",X="_hidden_twdtr_57",Y="_disabled_twdtr_60",Z="_left_twdtr_64",ee="_right_twdtr_64",a={tabs:G,padding:J,margin:K,contentPadding:Q,item:U,active:W,hidden:X,disabled:Y,left:Z,right:ee},I=({label:e,url:o,hidden:d,disabled:u,active:l,onClick:g,right:v,invalid:b,badge:i,testId:c})=>{const y=getComputedStyle(document.body).getPropertyValue("--color-text-error");return n.jsx("a",{id:e==null?void 0:e.toString(),href:o,className:V(a.item,l?a.active:"",u?a.disabled:"",d&&!l?a.hidden:"",v?a.right:a.left),onClick:g,"data-testid":c,children:b?n.jsx(w,{small:!0,margin:"-4px",color:y,title:"!",children:e}):i?n.jsx(w,{small:!0,margin:"-4px",title:i==null?void 0:i.toString(),children:e}):e})};try{I.displayName="Label",I.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},invalid:{defaultValue:null,description:"",name:"invalid",required:!1,type:{name:"boolean"}},badge:{defaultValue:null,description:"",name:"badge",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const x=({children:e,activeTabIndex:o,contentPadding:d})=>Array.isArray(e)?n.jsx("div",{className:V(d?a.contentPadding:""),children:e.map((u,l)=>o===l&&u)}):null;try{x.displayName="Content",x.__docgenInfo={description:"",displayName:"Content",props:{activeTabIndex:{defaultValue:null,description:"",name:"activeTabIndex",required:!0,type:{name:"number"}},contentPadding:{defaultValue:null,description:"",name:"contentPadding",required:!1,type:{name:"boolean"}}}}}catch{}const P=({name:e=void 0,options:o=null,children:d=null,value:u=void 0,onChange:l=()=>{},padding:g=!1,margin:v=!0,contentPadding:b=!0,onChangeTab:i,activeTabIndex:c=void 0,tabs:y=void 0,testId:O})=>{const q=H.useContext(R),m=i!==void 0,T=d?d.map((t,r)=>{var s;return{value:r,url:t.props.url,label:t.props.label,hidden:t.props.hidden,disabled:t.props.disabled||q,badge:t.props.badge,testId:((s=t.props)==null?void 0:s.testId)&&`${t.props.testId}-${r}`}}):o||y,{simpleInputs:S,options:p,selectedOptions:f}=m?{simpleInputs:!1,options:T,selectedOptions:void 0}:F(T,u),C=m||f===void 0||f===null?void 0:S?f:f.value,N=c!==void 0?c:p==null?void 0:p.findIndex(t=>t.value===C),j=N===-1?0:N,E=(t,r)=>{const{label:s,url:k,hidden:L,disabled:B,value:D,right:M,invalid:A,badge:$,testId:z}=t;return n.jsx(I,{label:s,url:k,hidden:L,disabled:B||q,invalid:A,badge:$,right:M,active:m?r===j:D===C,onClick:m?()=>{const _=t.key||s||null;i(r,_)}:_=>{const h=_.target;h.name=e,h.value=t.value,h.label=s,l(_)},testId:z},r)};return p?n.jsxs("div",{children:[n.jsx("div",{className:V(a.tabs,g?a.padding:"",v?a.margin:""),"data-testid":O,children:p.map(E)}),n.jsx(x,{activeTabIndex:j??0,contentPadding:b,children:d})]}):null};try{P.displayName="Tabs",P.__docgenInfo={description:"",displayName:"Tabs",props:{name:{defaultValue:{value:"undefined"},description:"",name:"name",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!1,type:{name:"ITabOption[] | null"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"ITabSelectedOption"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<any>) => void)"}},padding:{defaultValue:{value:"false"},description:"",name:"padding",required:!1,type:{name:"boolean"}},margin:{defaultValue:{value:"true"},description:"",name:"margin",required:!1,type:{name:"boolean"}},contentPadding:{defaultValue:{value:"true"},description:"",name:"contentPadding",required:!1,type:{name:"boolean"}},activeTabIndex:{defaultValue:null,description:"",name:"activeTabIndex",required:!1,type:{name:"number"}},tabs:{defaultValue:null,description:"",name:"tabs",required:!1,type:{name:"ITabOption[]"}},onChangeTab:{defaultValue:null,description:"",name:"onChangeTab",required:!1,type:{name:"((index: number, value: TStringOrNumber | null) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{P as T};
1
+ import{j as n}from"./jsx-runtime-f961835c.js";import{r as R}from"./index-f80c8c95.js";import{c as V}from"./index-a80ed1cf.js";import{D as w}from"./disabled-context-d654f6ff.js";import{B as P}from"./badge-20e7ee0b.js";import{s as F}from"./select.input-88b6ebab.js";const G="_tabs_1y79t_1",J="_padding_1y79t_7",K="_margin_1y79t_11",Q="_contentPadding_1y79t_14",U="_item_1y79t_17",W="_active_1y79t_39",X="_hidden_1y79t_58",Y="_disabled_1y79t_61",Z="_left_1y79t_65",ee="_right_1y79t_65",a={tabs:G,padding:J,margin:K,contentPadding:Q,item:U,active:W,hidden:X,disabled:Y,left:Z,right:ee},I=({label:e,url:o,hidden:d,disabled:u,active:l,onClick:g,right:v,invalid:y,badge:i,testId:c})=>{const b=getComputedStyle(document.body).getPropertyValue("--color-text-error");return n.jsx("a",{id:e==null?void 0:e.toString(),href:o,className:V(a.item,l?a.active:"",u?a.disabled:"",d&&!l?a.hidden:"",v?a.right:a.left),onClick:g,"data-testid":c,children:y?n.jsx(P,{small:!0,margin:"-4px",color:b,title:"!",children:e}):i?n.jsx(P,{small:!0,margin:"-4px",title:i==null?void 0:i.toString(),children:e}):e})};try{I.displayName="Label",I.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}},url:{defaultValue:null,description:"",name:"url",required:!1,type:{name:"string"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},invalid:{defaultValue:null,description:"",name:"invalid",required:!1,type:{name:"boolean"}},badge:{defaultValue:null,description:"",name:"badge",required:!1,type:{name:"TStringOrNumber"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const x=({children:e,activeTabIndex:o,contentPadding:d})=>Array.isArray(e)?n.jsx("div",{className:V(d?a.contentPadding:""),children:e.map((u,l)=>o===l&&u)}):null;try{x.displayName="Content",x.__docgenInfo={description:"",displayName:"Content",props:{activeTabIndex:{defaultValue:null,description:"",name:"activeTabIndex",required:!0,type:{name:"number"}},contentPadding:{defaultValue:null,description:"",name:"contentPadding",required:!1,type:{name:"boolean"}}}}}catch{}const O=({name:e=void 0,options:o=null,children:d=null,value:u=void 0,onChange:l=()=>{},padding:g=!1,margin:v=!0,contentPadding:y=!0,onChangeTab:i,activeTabIndex:c=void 0,tabs:b=void 0,testId:S})=>{const q=R.useContext(w),m=i!==void 0,T=d?d.map((t,r)=>{var s;return{value:r,url:t.props.url,label:t.props.label,hidden:t.props.hidden,disabled:t.props.disabled||q,badge:t.props.badge,testId:((s=t.props)==null?void 0:s.testId)&&`${t.props.testId}-${r}`}}):o||b,{simpleInputs:E,options:p,selectedOptions:f}=m?{simpleInputs:!1,options:T,selectedOptions:void 0}:F(T,u),C=m||f===void 0||f===null?void 0:E?f:f.value,N=c!==void 0?c:p==null?void 0:p.findIndex(t=>t.value===C),j=N===-1?0:N,k=(t,r)=>{const{label:s,url:L,hidden:B,disabled:D,value:M,right:A,invalid:$,badge:z,testId:H}=t;return n.jsx(I,{label:s,url:L,hidden:B,disabled:D||q,invalid:$,badge:z,right:A,active:m?r===j:M===C,onClick:m?()=>{const _=t.key||s||null;i(r,_)}:_=>{const h=_.target;h.name=e,h.value=t.value,h.label=s,l(_)},testId:H},r)};return p?n.jsxs("div",{children:[n.jsx("div",{className:V(a.tabs,g?a.padding:"",v?a.margin:""),"data-testid":S,children:p.map(k)}),n.jsx(x,{activeTabIndex:j??0,contentPadding:y,children:d})]}):null};try{O.displayName="Tabs",O.__docgenInfo={description:"",displayName:"Tabs",props:{name:{defaultValue:{value:"undefined"},description:"",name:"name",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!1,type:{name:"ITabOption[] | null"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"ITabSelectedOption"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<any>) => void)"}},padding:{defaultValue:{value:"false"},description:"",name:"padding",required:!1,type:{name:"boolean"}},margin:{defaultValue:{value:"true"},description:"",name:"margin",required:!1,type:{name:"boolean"}},contentPadding:{defaultValue:{value:"true"},description:"",name:"contentPadding",required:!1,type:{name:"boolean"}},activeTabIndex:{defaultValue:null,description:"",name:"activeTabIndex",required:!1,type:{name:"number"}},tabs:{defaultValue:null,description:"",name:"tabs",required:!1,type:{name:"ITabOption[]"}},onChangeTab:{defaultValue:null,description:"",name:"onChangeTab",required:!1,type:{name:"((index: number, value: TStringOrNumber | null) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{O as T};
@@ -0,0 +1,30 @@
1
+ import{j as e}from"./jsx-runtime-f961835c.js";import{r as F}from"./index-f80c8c95.js";import{T as b}from"./tabs-cf5ccede.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./types-cc224262.js";const K={title:"Navigation/Tabs",component:b,args:{name:"example",options:[{label:"Tab",value:0},{label:"Tab",value:1},{label:"With Badge",value:2,badge:"3"},{label:"Invalid",value:3,invalid:!0},{label:"Disabled",value:4,disabled:!0},{label:"Hidden tab",value:5,hidden:!0}],value:0}},s=n=>e.jsx(b,{...n}),i=s.bind({}),r=s.bind({});r.args={children:[e.jsx("div",{label:"Tab 0",children:e.jsx("h3",{children:"Tab 0 Content"})}),e.jsx("div",{label:"Tab 1",hidden:!0,children:e.jsx("h3",{children:"Tab 1 Content"})}),e.jsx("div",{label:"Tab 2",disabled:!0,children:e.jsx("h3",{children:"Tab 2 Content"})}),e.jsx("div",{label:"Tab 3",children:e.jsx("h3",{children:"Tab 3 Content"})}),e.jsx("div",{label:"Tab 4",children:e.jsx("h3",{children:"Tab 4 Content"})})]};const l=s.bind({});l.args={margin:!1};const a=s.bind({});a.parameters={layout:"fullscreen",docs:{description:{story:"When you want the divider to fill the edges of its container."}}};a.args={padding:!0};const t=s.bind({});t.args={options:[{label:"Tab 0",value:0},{label:"Tab 1",value:1},{label:"Tab 2",value:2},{label:"Tab 3",value:3,right:!0},{label:"Tab 4",value:4,right:!0}]};const d=()=>{const n=[{label:"Strawberries",value:"strawberries"},{label:"Bananas",value:"bananas"},{label:"Apples",value:"apples",disabled:!0},{label:"Pomegranates",value:"pomegranates"}],[c,H]=F.useState(n[0]);return e.jsxs(e.Fragment,{children:[e.jsx(b,{name:"example",value:c,options:n,onChange:N=>{const{value:_,label:z}=N.target;H({value:_,label:z})}}),e.jsxs("span",{children:["Eating ",c.value,"..."]})]})},o=s.bind({});o.args={options:[{label:"Title Case Label",value:0},{label:"Mixed case label",value:1},{label:"lower case label",value:2}]};var u,p,m;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:"args => <Tabs {...args} />",...(m=(p=i.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var g,v,T;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:"args => <Tabs {...args} />",...(T=(v=r.parameters)==null?void 0:v.docs)==null?void 0:T.source}}};var h,x,j;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:"args => <Tabs {...args} />",...(j=(x=l.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};var S,C,f;a.parameters={...a.parameters,docs:{...(S=a.parameters)==null?void 0:S.docs,source:{originalSource:"args => <Tabs {...args} />",...(f=(C=a.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var w,E,M;t.parameters={...t.parameters,docs:{...(w=t.parameters)==null?void 0:w.docs,source:{originalSource:"args => <Tabs {...args} />",...(M=(E=t.parameters)==null?void 0:E.docs)==null?void 0:M.source}}};var A,P,W;d.parameters={...d.parameters,docs:{...(A=d.parameters)==null?void 0:A.docs,source:{originalSource:`() => {
2
+ const options = [{
3
+ label: 'Strawberries',
4
+ value: 'strawberries'
5
+ }, {
6
+ label: 'Bananas',
7
+ value: 'bananas'
8
+ }, {
9
+ label: 'Apples',
10
+ value: 'apples',
11
+ disabled: true
12
+ }, {
13
+ label: 'Pomegranates',
14
+ value: 'pomegranates'
15
+ }];
16
+ const [selectedTab, setSelectedTab] = useState(options[0]);
17
+ return <>
18
+ <Tabs name="example" value={selectedTab} options={options} onChange={evt => {
19
+ const {
20
+ value,
21
+ label
22
+ } = evt.target;
23
+ setSelectedTab({
24
+ value,
25
+ label
26
+ });
27
+ }} />
28
+ <span>Eating {selectedTab.value}...</span>
29
+ </>;
30
+ }`,...(W=(P=d.parameters)==null?void 0:P.docs)==null?void 0:W.source}}};var y,B,D;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:"args => <Tabs {...args} />",...(D=(B=o.parameters)==null?void 0:B.docs)==null?void 0:D.source}}};const Q=["Default","WithChildren","NoMargin","HorizontalPadding","Alignment","Managed","TestTitleCase"];export{t as Alignment,i as Default,a as HorizontalPadding,d as Managed,l as NoMargin,o as TestTitleCase,r as WithChildren,Q as __namedExportsOrder,K as default};
@@ -357,7 +357,7 @@
357
357
  }
358
358
  </script>
359
359
 
360
- <script type="module" crossorigin src="./assets/iframe-697f8aaf.js"></script>
360
+ <script type="module" crossorigin src="./assets/iframe-095d8394.js"></script>
361
361
  </head>
362
362
 
363
363
  <body>