@eeacms/react-chart-editor/lib/components/containers/PlotlySection.js

plotly.js chart editor react component UI

"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.Section=void 0;var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _lib=require("../../lib");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 Section extends _react.Component{constructor(){super();this.sectionVisible=true}getChildContext(){var _this$props$resettabl;return{resettable:(_this$props$resettabl=this.props.resettable)!==null&&_this$props$resettabl!==void 0?_this$props$resettabl:this.context.resettable}}render(){if(!this.sectionVisible){return null}return _react.default.createElement("div",{className:"section"},this.props.name?_react.default.createElement("div",{className:"section__heading"},_react.default.createElement("div",{className:"section__heading__text"},this.props.name)):null,this.props.children)}__reactstandin__regenerateByEval(key,code){this[key]=eval(code)}}exports.Section=Section;Section.plotly_editor_traits={no_visibility_forcing:false};Section.propTypes={children:_propTypes.default.node,name:_propTypes.default.string,attr:_propTypes.default.string,resettable:_propTypes.default.bool};Section.childContextTypes={resettable:_propTypes.default.bool};class PlotlySection extends Section{constructor(props,context){super(props,context);this.determineVisibility(props,context)}UNSAFE_componentWillReceiveProps(nextProps,nextContext){this.determineVisibility(nextProps,nextContext)}determineVisibility(nextProps,nextContext){const{isVisible}=(0,_lib.unpackPlotProps)(nextProps,nextContext);this.sectionVisible=(0,_lib.isVisibleGivenCustomConfig)(isVisible,nextProps,nextContext);_react.default.Children.forEach(nextProps.children,child=>{if(!child||this.sectionVisible){return}if(child.props.attr){const plotProps=(0,_lib.unpackPlotProps)(child.props,nextContext);if(child.type.modifyPlotProps){child.type.modifyPlotProps(child.props,nextContext,plotProps)}this.sectionVisible=(0,_lib.isVisibleGivenCustomConfig)(this.sectionVisible||plotProps.isVisible,child.props,nextContext,child.type&&child.type.displayName?child.type.displayName:null);return}if(!(child.type.plotly_editor_traits||{}).no_visibility_forcing){this.sectionVisible=true;return}})}__reactstandin__regenerateByEval(key,code){this[key]=eval(code)}}exports.default=PlotlySection;PlotlySection.plotly_editor_traits={container_section:true,no_visibility_forcing:true};PlotlySection.contextTypes=_lib.containerConnectedContextTypes;;(function(){var reactHotLoader=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.default:undefined;if(!reactHotLoader){return}reactHotLoader.register(Section,"Section","/react-chart-editor/src/components/containers/PlotlySection.js");reactHotLoader.register(PlotlySection,"PlotlySection","/react-chart-editor/src/components/containers/PlotlySection.js")})();;(function(){var leaveModule=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.leaveModule:undefined;leaveModule&&leaveModule(module)})();
//# sourceMappingURL=PlotlySection.js.map