-import{j as t}from"./index-DUkAdcPV.js";import{r as a}from"./iframe-Ddr4A94v.js";import{b3 as i,b1 as d,b as g,B as c,S as u,b8 as p,b4 as S,b5 as x,b9 as m}from"./style-BR_2hWiY.js";import{d as L}from"./EmptyMapDecorator-CCKVKVSw.js";import"./index-C0Dg301N.js";import"./preload-helper-D9Z9MdNV.js";const j={title:"UiComponents/AddLayerButton",component:i,argTypes:{},decorators:L},b=()=>{const[n,y]=a.useState(!0),e=a.useContext(d);return a.useEffect(()=>{let r=localStorage.getItem("layers");r=r?JSON.parse(r):[],e.setLayers(r)},[]),a.useEffect(()=>{e.layers.length>0&&localStorage.setItem("layers",JSON.stringify(e.layers))},[e.layers]),t.jsxs(t.Fragment,{children:[t.jsx(g,{buttons:t.jsxs(t.Fragment,{children:[t.jsx(c,{variant:n?"contained":"outlined",onClick:()=>y(!n),sx:{marginRight:{xs:"0px",sm:"10px"}},children:"Sidebar"}),t.jsx(c,{onClick:()=>{localStorage.clear(),location.reload()},children:"reset"})]})}),t.jsxs(u,{open:n,setOpen:y,name:"Layers",children:[t.jsx(i,{onComplete:r=>e.setLayers(s=>[...s,r])}),t.jsx(p,{sx:{marginLeft:"5px"}}),t.jsx(S,{children:t.jsx(x,{layers:e.layers,setLayers:e.setLayers,insertBeforeLayer:"order-content",sortable:!0})})]})]})},o=b.bind({});o.parameters={};o.args={};const f=()=>{const[n,y]=a.useState(!0),e=a.useContext(d);return a.useEffect(()=>{let r=localStorage.getItem("layers");r=r?JSON.parse(r):[],e.setLayers(r)},[]),a.useEffect(()=>{e.layers.length>0&&localStorage.setItem("mc_background_style",JSON.stringify({backgroundLayers:e.backgroundLayers,symbolLayers:e.symbolLayers}))},[e.backgroundLayers,e.symbolLayers]),a.useEffect(()=>{const r=localStorage.getItem("mc_background_style"),s=r?JSON.parse(r):{backgroundLayers:[],symbolLayers:[]};s.backgroundLayers.length>0?(e.setBackgroundLayers(s?.backgroundLayers),e.setSymbolLayers(s?.symbolLayers)):e.updateStyle(m)},[]),a.useEffect(()=>{e.layers.length>0&&(console.log(e.layers),localStorage.setItem("layers",JSON.stringify(e.layers)))},[e.layers]),t.jsxs(t.Fragment,{children:[t.jsx(g,{buttons:t.jsxs(t.Fragment,{children:[t.jsx(c,{variant:n?"contained":"outlined",onClick:()=>y(!n),sx:{marginRight:{xs:"0px",sm:"10px"}},children:"Sidebar"}),t.jsx(c,{onClick:()=>{localStorage.clear(),location.reload()},children:"reset"})]})}),t.jsxs(u,{open:n,setOpen:y,name:"LayerListItemFactory",children:[t.jsx(i,{onComplete:r=>{e.setLayers(s=>(console.log([r,...s]),[r,...s]))}}),t.jsx(p,{sx:{marginLeft:"5px"}}),t.jsx(S,{children:t.jsx(x,{layers:e.layers,setLayers:e.setLayers})})]})]})},l=f.bind({});l.parameters={};l.args={};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`() => {
0 commit comments