fix prop-types error

src/components/containers/AxesFold.js

@@ -22,7 +22,7 @@ class AxesFold extends Component {
 AxesFold.propTypes = {
   children: PropTypes.any,
   options: PropTypes.array,
-  context: PropTypes.object,
+  context: PlotlyFold.requireContext,
 };
 
 AxesFold.plotly_editor_traits = {foldable: true};

src/components/containers/PanelHeader.js

@@ -111,7 +111,7 @@ PanelHeader.propTypes = {
   children: PropTypes.node,
   hasOpen: PropTypes.bool,
   toggleFolds: PropTypes.func,
-  context: PropTypes.object,
+  context: PropTypes.any,
 };
 
 export default PanelHeader;

src/components/containers/PlotlyFold.js

@@ -4,6 +4,7 @@ import React, {Component} from 'react';
 import classnames from 'classnames';
 import {CloseIcon, AngleDownIcon} from 'plotly-icons';
 import {unpackPlotProps, containerConnectedContextTypes, striptags} from 'lib';
+import {recursiveMap} from '../../lib/recursiveMap';
 
 export class Fold extends Component {
   constructor() {
@@ -85,7 +86,11 @@ export class Fold extends Component {
     let foldContent = null;
     if (!folded) {
       if (this.foldVisible) {
-        foldContent = <div className={contentClass}>{children}</div>;
+        foldContent = (
+          <div className={contentClass}>
+            {recursiveMap(children, {...this.props.context, ...this.provideValue()})}
+          </div>
+        );
       } else {
         foldContent = (
           <div className={contentClass}>
@@ -119,11 +124,12 @@ Fold.propTypes = {
   icon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   messageIfEmpty: PropTypes.string,
   name: PropTypes.string,
-  context: PropTypes.object,
+  context: PropTypes.any,
 };
 
 Fold.requireContext = {
   deleteContainer: PropTypes.func,
+  ...containerConnectedContextTypes,
 };
 
 // Fold.childContextTypes = {

src/components/containers/PlotlyPanel.js

@@ -129,7 +129,7 @@ Panel.propTypes = {
   deleteAction: PropTypes.func,
   noPadding: PropTypes.bool,
   showExpandCollapse: PropTypes.bool,
-  context: PropTypes.object,
+  context: PropTypes.any,
 };
 
 Panel.defaultProps = {

src/components/containers/PlotlySection.js

@@ -33,7 +33,7 @@ Section.propTypes = {
   children: PropTypes.node,
   name: PropTypes.string,
   attr: PropTypes.string,
-  context: PropTypes.object,
+  context: PropTypes.any,
 };
 Section.requireContext = containerConnectedContextTypes;
 

src/components/containers/TransformAccordion.js

@@ -152,7 +152,7 @@ TransformAccordion.contextType = EditorControlsContext;
 
 TransformAccordion.propTypes = {
   children: PropTypes.node,
-  context: PropTypes.object,
+  context: PropTypes.any,
 };
 
 export default TransformAccordion;

src/components/containers/derived.js

@@ -34,6 +34,7 @@ TraceTypeSection.propTypes = {
   name: PropTypes.string,
   traceTypes: PropTypes.array,
   mode: PropTypes.string,
+  context: PropTypes.any,
 };
 
 TraceTypeSection.defaultProps = {

src/components/fields/AxesCreator.js

@@ -104,7 +104,7 @@ UnconnectedAxisCreator.propTypes = {
   container: PropTypes.object,
   fullContainer: PropTypes.object,
   updateContainer: PropTypes.func,
-  context: PropTypes.object,
+  context: PropTypes.any,
 };
 
 UnconnectedAxisCreator.contextType = EditorControlsContext;
@@ -163,7 +163,7 @@ class UnconnectedAxesCreator extends Component {
 UnconnectedAxesCreator.propTypes = {
   container: PropTypes.object,
   fullContainer: PropTypes.object,
-  context: PropTypes.object,
+  context: PropTypes.any,
 };
 
 UnconnectedAxesCreator.contextType = EditorControlsContext;

src/components/fields/AxesSelector.js

@@ -72,7 +72,7 @@ AxesSelector.contextType = EditorControlsContext;
 
 AxesSelector.propTypes = {
   axesOptions: PropTypes.array,
-  context: PropTypes.object,
+  context: PropTypes.any,
 };
 
 export default AxesSelector;

src/components/fields/DualNumeric.js

@@ -83,7 +83,7 @@ UnconnectedDualNumericFraction.propTypes = {
   updatePlot: PropTypes.func,
   attr2: PropTypes.any,
   percentage: PropTypes.bool,
-  context: PropTypes.object,
+  context: PropTypes.any,
   ...Field.propTypes,
 };
 

src/components/fields/Field.js

@@ -105,7 +105,7 @@ Field.propTypes = {
   children: PropTypes.node,
   extraComponent: PropTypes.any,
   fieldContainerClassName: PropTypes.string,
-  context: PropTypes.object,
+  context: PropTypes.any,
 };
 
 Field.requireContext = {

src/components/fields/FilterOperation.js

@@ -203,7 +203,7 @@ UnconnectedFilterValue.propTypes = {
   defaultValue: PropTypes.string,
   fullValue: PropTypes.any,
   updatePlot: PropTypes.func,
-  context: PropTypes.object,
+  context: PropTypes.any,
   ...Field.propTypes,
 };
 UnconnectedFilterValue.contextType = EditorControlsContext;

src/components/fields/VisibilitySelect.js

@@ -76,7 +76,7 @@ UnconnectedVisibilitySelect.propTypes = {
   defaultOpt: PropTypes.oneOfType([PropTypes.number, PropTypes.bool, PropTypes.string]),
   label: PropTypes.string,
   attr: PropTypes.string,
-  context: PropTypes.object,
+  context: PropTypes.any,
   ...Field.propTypes,
 };
 

src/default_panels/GraphTransformsPanel.js

@@ -67,7 +67,7 @@ Aggregations.requireContext = {
   fullContainer: PropTypes.object,
 };
 Aggregations.propTypes = {
-  context: PropTypes.object,
+  context: PropTypes.any,
 };
 
 const GraphTransformsPanel = () => {

src/lib/connectAggregationToTransform.js

@@ -75,6 +75,11 @@ export default function connectAggregationToTransform(WrappedComponent) {
     getValObject: PropTypes.func,
   };
 
+  AggregationConnectedComponent.propTypes = {
+    children: PropTypes.node,
+    context: PropTypes.any,
+  };
+
   const {plotly_editor_traits} = WrappedComponent;
   AggregationConnectedComponent.plotly_editor_traits = plotly_editor_traits;
 

src/lib/connectAnnotationToLayout.js

@@ -92,6 +92,11 @@ export default function connectAnnotationToLayout(WrappedComponent) {
     getValObject: PropTypes.func,
   };
 
+  AnnotationConnectedComponent.propTypes = {
+    children: PropTypes.node,
+    context: PropTypes.any,
+  };
+
   const {plotly_editor_traits} = WrappedComponent;
   AnnotationConnectedComponent.plotly_editor_traits = plotly_editor_traits;
 

src/lib/connectAxesToLayout.js

@@ -166,10 +166,14 @@ export default function connectAxesToLayout(WrappedComponent) {
     container: PropTypes.object.isRequired,
     fullContainer: PropTypes.object.isRequired,
     updateContainer: PropTypes.func,
-    localize: PropTypes.func,
     getValObject: PropTypes.func,
   };
 
+  AxesConnectedComponent.propTypes = {
+    children: PropTypes.node,
+    context: PropTypes.any,
+  };
+
   const {plotly_editor_traits} = WrappedComponent;
   AxesConnectedComponent.plotly_editor_traits = plotly_editor_traits;
 

src/lib/connectCartesianSubplotToLayout.js

@@ -81,11 +81,6 @@ export default function connectCartesianSubplotToLayout(WrappedComponent) {
 
   SubplotConnectedComponent.displayName = `SubplotConnected${getDisplayName(WrappedComponent)}`;
 
-  SubplotConnectedComponent.propTypes = {
-    xaxis: PropTypes.string.isRequired,
-    yaxis: PropTypes.string.isRequired,
-  };
-
   SubplotConnectedComponent.contextType = EditorControlsContext;
 
   SubplotConnectedComponent.requireContext = {
@@ -95,6 +90,13 @@ export default function connectCartesianSubplotToLayout(WrappedComponent) {
     getValObject: PropTypes.func,
   };
 
+  SubplotConnectedComponent.propTypes = {
+    xaxis: PropTypes.string.isRequired,
+    yaxis: PropTypes.string.isRequired,
+    children: PropTypes.node,
+    context: PropTypes.any,
+  };
+
   const {plotly_editor_traits} = WrappedComponent;
   SubplotConnectedComponent.plotly_editor_traits = plotly_editor_traits;
 

src/lib/connectImageToLayout.js

@@ -76,10 +76,6 @@ export default function connectImageToLayout(WrappedComponent) {
 
   ImageConnectedComponent.displayName = `ImageConnected${getDisplayName(WrappedComponent)}`;
 
-  ImageConnectedComponent.propTypes = {
-    imageIndex: PropTypes.number.isRequired,
-  };
-
   ImageConnectedComponent.contextType = EditorControlsContext;
 
   ImageConnectedComponent.requireContext = {
@@ -89,6 +85,12 @@ export default function connectImageToLayout(WrappedComponent) {
     getValObject: PropTypes.func,
   };
 
+  ImageConnectedComponent.propTypes = {
+    imageIndex: PropTypes.number.isRequired,
+    children: PropTypes.node,
+    context: PropTypes.any,
+  };
+
   const {plotly_editor_traits} = WrappedComponent;
   ImageConnectedComponent.plotly_editor_traits = plotly_editor_traits;
 

src/lib/connectLayoutToPlot.js

@@ -4,7 +4,7 @@ import {getDisplayName} from '../lib';
 import {EDITOR_ACTIONS} from './constants';
 import {EditorControlsContext} from '../context';
 import {recursiveMap} from './recursiveMap';
-// import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 
 export default function connectLayoutToPlot(WrappedComponent) {
   class LayoutConnectedComponent extends Component {
@@ -67,13 +67,9 @@ export default function connectLayoutToPlot(WrappedComponent) {
   LayoutConnectedComponent.displayName = `LayoutConnected${getDisplayName(WrappedComponent)}`;
 
   LayoutConnectedComponent.contextType = EditorControlsContext;
-
-  // LayoutConnectedComponent.childContextTypes = {
-  //   getValObject: PropTypes.func,
-  //   updateContainer: PropTypes.func,
-  //   container: PropTypes.object,
-  //   fullContainer: PropTypes.object,
-  // };
+  LayoutConnectedComponent.propTypes = {
+    children: PropTypes.node,
+  };
 
   const {plotly_editor_traits} = WrappedComponent;
   LayoutConnectedComponent.plotly_editor_traits = plotly_editor_traits;

src/lib/connectNonCartesianSubplotToLayout.js

@@ -70,10 +70,6 @@ export default function connectNonCartesianSubplotToLayout(WrappedComponent) {
 
   SubplotConnectedComponent.displayName = `SubplotConnected${getDisplayName(WrappedComponent)}`;
 
-  SubplotConnectedComponent.propTypes = {
-    subplot: PropTypes.string.isRequired,
-  };
-
   SubplotConnectedComponent.contextType = EditorControlsContext;
 
   SubplotConnectedComponent.requireContext = {
@@ -83,6 +79,12 @@ export default function connectNonCartesianSubplotToLayout(WrappedComponent) {
     getValObject: PropTypes.func,
   };
 
+  SubplotConnectedComponent.propTypes = {
+    subplot: PropTypes.string.isRequired,
+    children: PropTypes.node,
+    context: PropTypes.any,
+  };
+
   const {plotly_editor_traits} = WrappedComponent;
   SubplotConnectedComponent.plotly_editor_traits = plotly_editor_traits;
 

src/lib/connectRangeSelectorToAxis.js

@@ -83,10 +83,6 @@ export default function connectRangeSelectorToAxis(WrappedComponent) {
     WrappedComponent
   )}`;
 
-  RangeSelectorConnectedComponent.propTypes = {
-    rangeselectorIndex: PropTypes.number.isRequired,
-  };
-
   RangeSelectorConnectedComponent.contextType = EditorControlsContext;
 
   RangeSelectorConnectedComponent.requireContext = {
@@ -96,6 +92,12 @@ export default function connectRangeSelectorToAxis(WrappedComponent) {
     getValObject: PropTypes.func,
   };
 
+  RangeSelectorConnectedComponent.propTypes = {
+    rangeselectorIndex: PropTypes.number.isRequired,
+    children: PropTypes.node,
+    context: PropTypes.any,
+  };
+
   const {plotly_editor_traits} = WrappedComponent;
   RangeSelectorConnectedComponent.plotly_editor_traits = plotly_editor_traits;
 

src/lib/connectShapeToLayout.js

@@ -76,9 +76,6 @@ export default function connectShapeToLayout(WrappedComponent) {
 
   ShapeConnectedComponent.displayName = `ShapeConnected${getDisplayName(WrappedComponent)}`;
 
-  ShapeConnectedComponent.propTypes = {
-    shapeIndex: PropTypes.number.isRequired,
-  };
   ShapeConnectedComponent.contextType = EditorControlsContext;
   ShapeConnectedComponent.requireContext = {
     container: PropTypes.object,
@@ -87,6 +84,12 @@ export default function connectShapeToLayout(WrappedComponent) {
     getValObject: PropTypes.func,
   };
 
+  ShapeConnectedComponent.propTypes = {
+    shapeIndex: PropTypes.number.isRequired,
+    children: PropTypes.node,
+    context: PropTypes.any,
+  };
+
   const {plotly_editor_traits} = WrappedComponent;
   ShapeConnectedComponent.plotly_editor_traits = plotly_editor_traits;
 

src/lib/connectSliderToLayout.js

@@ -63,10 +63,6 @@ export default function connectSliderToLayout(WrappedComponent) {
 
   SliderConnectedComponent.displayName = `SliderConnected${getDisplayName(WrappedComponent)}`;
 
-  SliderConnectedComponent.propTypes = {
-    sliderIndex: PropTypes.number.isRequired,
-  };
-
   SliderConnectedComponent.contextType = EditorControlsContext;
 
   SliderConnectedComponent.requireContext = {
@@ -75,6 +71,11 @@ export default function connectSliderToLayout(WrappedComponent) {
     updateContainer: PropTypes.func,
     getValObject: PropTypes.func,
   };
+  SliderConnectedComponent.propTypes = {
+    sliderIndex: PropTypes.number.isRequired,
+    children: PropTypes.node,
+    context: PropTypes.any,
+  };
 
   const {plotly_editor_traits} = WrappedComponent;
   SliderConnectedComponent.plotly_editor_traits = plotly_editor_traits;

src/lib/connectToContainer.js

@@ -103,6 +103,10 @@ export default function connectToContainer(WrappedComponent, config = {}) {
   ContainerConnectedComponent.displayName = `ContainerConnected${getDisplayName(WrappedComponent)}`;
   ContainerConnectedComponent.requireContext = containerConnectedContextTypes;
   ContainerConnectedComponent.contextType = EditorControlsContext;
+  ContainerConnectedComponent.propTypes = {
+    children: PropTypes.node,
+    context: PropTypes.any,
+  };
 
   const {plotly_editor_traits} = WrappedComponent;
   ContainerConnectedComponent.plotly_editor_traits = plotly_editor_traits;

src/lib/connectTraceToPlot.js

@@ -205,6 +205,7 @@ export default function connectTraceToPlot(WrappedComponent) {
   TraceConnectedComponent.propTypes = {
     traceIndexes: PropTypes.arrayOf(PropTypes.number).isRequired,
     fullDataArrayPosition: PropTypes.arrayOf(PropTypes.number),
+    children: PropTypes.node,
   };
 
   TraceConnectedComponent.contextType = EditorControlsContext;