@eeacms/react-chart-editor/lib/DefaultEditor.js

plotly.js chart editor react component UI

"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _components=require("./components");var _default_panels=require("./default_panels");var _StyleColorbarsPanel=require("./default_panels/StyleColorbarsPanel");var _Logo=_interopRequireDefault(require("./components/widgets/Logo"));var _constants=require("./lib/constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}(function(){var enterModule=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.enterModule:undefined;enterModule&&enterModule(module)})();var __signature__=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.default.signature:function(a){return a};class DefaultEditor extends _react.Component{constructor(props,context){super(props,context);this.hasTransforms=this.hasTransforms.bind(this);this.hasAxes=this.hasAxes.bind(this);this.hasMenus=this.hasMenus.bind(this);this.hasSliders=this.hasSliders.bind(this);this.hasColorbars=this.hasColorbars.bind(this);this.hasLegend=this.hasLegend.bind(this)}hasTransforms(){return this.context.fullData.some(d=>_constants.TRANSFORMABLE_TRACES.includes(d.type))}hasAxes(){return Object.keys(this.context.fullLayout._subplots).filter(type=>!["cartesian","mapbox"].includes(type)&&this.context.fullLayout._subplots[type].length>0).length>0}hasMenus(){const{fullLayout:{updatemenus=[]}}=this.context;return updatemenus.length>0}hasSliders(){const{layout:{sliders=[]}}=this.context;return sliders.length>0}hasColorbars(){return this.context.fullData.some(d=>(0,_StyleColorbarsPanel.traceHasColorbar)({},d))}hasLegend(){return this.context.fullData.some(t=>t.showlegend!==undefined)}hasMaps(){return this.context.fullData.some(d=>[..._constants.TRACE_TO_AXIS.geo,..._constants.TRACE_TO_AXIS.mapbox].includes(d.type))}render(){const _=this.context.localize;const{logoSrc,logoLinkUrl,menuPanelOrder,children}=this.props;const logo=logoSrc&&_react.default.createElement(_Logo.default,{src:logoSrc,link:logoLinkUrl});return _react.default.createElement(_components.PanelMenuWrapper,{menuPanelOrder:menuPanelOrder},logo||null,_react.default.createElement(_default_panels.GraphCreatePanel,{group:_("Structure"),name:_("Traces")}),_react.default.createElement(_default_panels.GraphSubplotsPanel,{group:_("Structure"),name:_("Subplots")}),this.hasTransforms()&&_react.default.createElement(_default_panels.GraphTransformsPanel,{group:_("Structure"),name:_("Transforms")}),_react.default.createElement(_default_panels.StyleLayoutPanel,{group:_("Style"),name:_("General"),collapsedOnStart:true}),_react.default.createElement(_default_panels.StyleTracesPanel,{group:_("Style"),name:_("Traces")}),this.hasAxes()&&_react.default.createElement(_default_panels.StyleAxesPanel,{group:_("Style"),name:_("Axes"),collapsedOnStart:true}),this.hasMaps()&&_react.default.createElement(_default_panels.StyleMapsPanel,{group:_("Style"),name:_("Maps")}),this.hasLegend()&&_react.default.createElement(_default_panels.StyleLegendPanel,{group:_("Style"),name:_("Legend")}),this.hasColorbars()&&_react.default.createElement(_default_panels.StyleColorbarsPanel,{group:_("Style"),name:_("Color Bars")}),_react.default.createElement(_default_panels.StyleNotesPanel,{group:_("Annotate"),name:_("Text")}),_react.default.createElement(_default_panels.StyleShapesPanel,{group:_("Annotate"),name:_("Shapes")}),_react.default.createElement(_default_panels.StyleImagesPanel,{group:_("Annotate"),name:_("Images")}),this.hasSliders()&&_react.default.createElement(_default_panels.StyleSlidersPanel,{group:_("Control"),name:_("Sliders")}),this.hasMenus()&&_react.default.createElement(_default_panels.StyleUpdateMenusPanel,{group:_("Control"),name:_("Menus")}),children||null)}__reactstandin__regenerateByEval(key,code){this[key]=eval(code)}}DefaultEditor.propTypes={children:_propTypes.default.node,logoSrc:_propTypes.default.string,logoLinkUrl:_propTypes.default.string,menuPanelOrder:_propTypes.default.array};DefaultEditor.contextTypes={localize:_propTypes.default.func,fullData:_propTypes.default.array,fullLayout:_propTypes.default.object,layout:_propTypes.default.object,ctx:_propTypes.default.object};const _default=DefaultEditor;var _default2=exports.default=_default;;(function(){var reactHotLoader=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.default:undefined;if(!reactHotLoader){return}reactHotLoader.register(DefaultEditor,"DefaultEditor","/react-chart-editor/src/DefaultEditor.js");reactHotLoader.register(_default,"default","/react-chart-editor/src/DefaultEditor.js")})();;(function(){var leaveModule=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.leaveModule:undefined;leaveModule&&leaveModule(module)})();
//# sourceMappingURL=DefaultEditor.js.map