@figlinq/react-chart-editor/lib/components/containers/MapboxLayersAccordion.js

plotly.js chart editor react component UI

import PlotlyFold from"./PlotlyFold";import PlotlyPanel from"./PlotlyPanel";import PropTypes from"prop-types";import{connectLayersToMapbox,getParsedTemplateString}from"../../lib";import{jsx as _jsx}from"react/jsx-runtime";const MapboxLayersFold=connectLayersToMapbox(PlotlyFold);const MapboxLayersAccordion=(props,context)=>{const{fullContainer:{layers=[]},localize:_,layout:meta}=context;const{children}=props;const content=layers.length&&layers.map((layer,i)=>_jsx(MapboxLayersFold,{mapboxLayerIndex:i,name:getParsedTemplateString(layer.name,{meta}),canDelete:true,children:children},i));const addAction={label:_("Layer"),handler:context=>{const{fullContainer,updateContainer}=context;if(updateContainer){const mapboxLayerIndex=Array.isArray(fullContainer.layers)?fullContainer.layers.length:0;updateContainer({[`layers[${mapboxLayerIndex}]`]:{name:`Layer ${mapboxLayerIndex}`,sourcetype:"raster",below:"traces"}})}}};return _jsx(PlotlyPanel,{addAction:addAction,canReorder:true,children:content?content:null})};MapboxLayersAccordion.contextTypes={fullContainer:PropTypes.object,localize:PropTypes.func,layout:PropTypes.object};MapboxLayersAccordion.propTypes={children:PropTypes.node};MapboxLayersAccordion.plotly_editor_traits={no_visibility_forcing:true};export default MapboxLayersAccordion;
//# sourceMappingURL=MapboxLayersAccordion.js.map