@sis-cc/dotstatsuite-visions 7.17.13 → 7.18.0

package/lib/ChartsConfig/ChartsConfig.js

@@ -1,6 +1,7 @@
 'use strict';
 
 exports.__esModule = true;
+exports.useStyles = undefined;
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
@@ -20,10 +21,6 @@ var _Grid = require('@material-ui/core/Grid');
 
 var _Grid2 = _interopRequireDefault(_Grid);
 
-var _Divider = require('@material-ui/core/Divider');
-
-var _Divider2 = _interopRequireDefault(_Divider);
-
 var _ArrowForward = require('@material-ui/icons/ArrowForward');
 
 var _ArrowForward2 = _interopRequireDefault(_ArrowForward);
@@ -32,157 +29,420 @@ var _ArrowUpward = require('@material-ui/icons/ArrowUpward');
 
 var _ArrowUpward2 = _interopRequireDefault(_ArrowUpward);
 
-var _ButtonGroup = require('./ButtonGroup');
+var _Title = require('./Title');
 
-var _ButtonGroup2 = _interopRequireDefault(_ButtonGroup);
+var _Title2 = _interopRequireDefault(_Title);
 
-var _Focus = require('./Focus');
+var _core = require('@material-ui/core');
 
-var _Focus2 = _interopRequireDefault(_Focus);
+var _useFocusOptions3 = require('./useFocusOptions');
 
-var _Size = require('./Size');
+var _useFocusOptions4 = _interopRequireDefault(_useFocusOptions3);
 
-var _Size2 = _interopRequireDefault(_Size);
+var _Select = require('../Select');
 
-var _Series = require('./Series');
+var _Select2 = _interopRequireDefault(_Select);
 
-var _Series2 = _interopRequireDefault(_Series);
+var _utils = require('./utils');
 
-var _Frequency = require('./Frequency');
+var _useDimensionOptions2 = require('./useDimensionOptions');
 
-var _Frequency2 = _interopRequireDefault(_Frequency);
+var _useDimensionOptions3 = _interopRequireDefault(_useDimensionOptions2);
 
-var _Axis = require('./Axis');
+var _InputProxy = require('./InputProxy');
 
-var _Axis2 = _interopRequireDefault(_Axis);
+var _InputProxy2 = _interopRequireDefault(_InputProxy);
 
-var _DataEdit = require('../DataEdit');
+var _Proxy = require('./Proxy');
 
-var _DataEdit2 = _interopRequireDefault(_DataEdit);
+var _Proxy2 = _interopRequireDefault(_Proxy);
 
-var _utils = require('./utils');
+var _useAxisOptions = require('./useAxisOptions');
 
-var _styles = require('./styles');
+var _useAxisOptions2 = _interopRequireDefault(_useAxisOptions);
 
-var _utils2 = require('../utils');
+var _styles = require('@material-ui/core/styles');
+
+var _DataEdit = require('../DataEdit');
+
+var _DataEdit2 = _interopRequireDefault(_DataEdit);
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var ChartsConfig = function ChartsConfig(_ref) {
-  var labels = _ref.labels,
-      properties = _ref.properties;
+var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    greyVariant: {
+      backgroundColor: theme.palette.secondary.dark,
+      color: theme.palette.grey[600]
+    }
+  };
+});
+
+var ChartConfig = function ChartConfig(_ref) {
+  var _ref$labels = _ref.labels,
+      labels = _ref$labels === undefined ? {} : _ref$labels,
+      _ref$properties = _ref.properties,
+      properties = _ref$properties === undefined ? {} : _ref$properties;
+
+  var classes = useStyles();
+
+  var _useDimensionOptions = (0, _useDimensionOptions3.default)(properties),
+      dimensions = _useDimensionOptions[0];
+
+  var xKeys = (0, _useAxisOptions2.default)(properties, 'X');
+  var yKeys = (0, _useAxisOptions2.default)(properties, 'Y');
+
+  var highlight = properties.highlight,
+      baseline = properties.baseline;
+
+  var _useFocusOptions = (0, _useFocusOptions4.default)(highlight, labels),
+      highlightOptions = _useFocusOptions[0],
+      xhighlightOptions = _useFocusOptions[1];
+
+  var _useFocusOptions2 = (0, _useFocusOptions4.default)(baseline, labels),
+      baselineOptions = _useFocusOptions2[0],
+      xbaselineOptions = _useFocusOptions2[1];
+
+  var _properties$stackedMo = properties.stackedMode,
+      stackedMode = _properties$stackedMo === undefined ? {} : _properties$stackedMo;
+  var _stackedMode$options = stackedMode.options,
+      stackedModeOptions = _stackedMode$options === undefined ? [] : _stackedMode$options;
+  var _properties$displayMo = properties.displayMode,
+      displayMode = _properties$displayMo === undefined ? {} : _properties$displayMo;
+  var _displayMode$options = displayMode.options,
+      displayModeOptions = _displayMode$options === undefined ? [] : _displayMode$options;
+
+
+  var dKeys = ['dimensions', 'stackedDimension', 'scatterDimension', 'symbolDimension'];
+  var eKeys = ['title', 'subtitle', 'source', 'logo', 'copyright'];
+
+  if (R.isEmpty(properties)) return null;
 
-  var classes = (0, _styles.useStyles)();
   return _react2.default.createElement(
     _Grid2.default,
-    { 'data-testid': 'charts-config-test-id', spacing: 2, container: true, className: classes.root },
-    (0, _utils.isActivePanel)(_utils.seriesProperties, properties) && _react2.default.createElement(
-      _Grid2.default,
-      {
-        item: true,
-        xs: 12,
-        sm: 12,
-        md: 12,
-        lg: (0, _utils.isActivePanel)(['highlight', 'baseline', 'width', 'height'], properties) ? 6 : 12
-      },
-      _react2.default.createElement(_Series2.default, { labels: labels, properties: R.pick(_utils.seriesProperties, properties) })
-    ),
-    (0, _utils.isActivePanel)(['highlight', 'baseline', 'width', 'height'], properties) && _react2.default.createElement(
-      _Grid2.default,
-      {
-        item: true,
-        xs: 12,
-        sm: 12,
-        md: 12,
-        lg: (0, _utils.isActivePanel)(_utils.seriesProperties, properties) ? 6 : 12
-      },
+    { container: true, spacing: 3, 'data-testid': 'charts-config-test-id' },
+    _react2.default.createElement(
+      _Proxy2.default,
+      { keys: dKeys, properties: properties },
       _react2.default.createElement(
         _Grid2.default,
-        { container: true, spacing: 2 },
-        (0, _utils.isActivePanel)(['highlight', 'baseline'], properties) && _react2.default.createElement(_Focus2.default, {
-          baseline: R.prop('baseline', properties),
-          highlight: R.prop('highlight', properties),
-          labels: labels
-        }),
-        (0, _utils.isActivePanel)(['width', 'height'], properties) && _react2.default.createElement(_Size2.default, {
-          height: R.prop('height', properties),
-          labels: labels,
-          width: R.prop('width', properties)
-        })
+        { item: true, xs: 12, container: true, spacing: 2 },
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 12, container: true },
+          _react2.default.createElement(
+            _Grid2.default,
+            { item: true, xs: 12 },
+            _react2.default.createElement(_Title2.default, { label: labels.series })
+          ),
+          _react2.default.createElement(
+            _Grid2.default,
+            { item: true, xs: 12 },
+            _react2.default.createElement(
+              _Grid2.default,
+              { container: true, spacing: 1 },
+              _react2.default.createElement(
+                _Proxy2.default,
+                { keys: ['stackedMode'], properties: properties },
+                _react2.default.createElement(
+                  _Grid2.default,
+                  { item: true, container: true, spacing: 1, alignItems: 'center', style: { minWidth: 320 } },
+                  _react2.default.createElement(
+                    _Grid2.default,
+                    { item: true, xs: true },
+                    _react2.default.createElement(
+                      _core.Typography,
+                      { variant: 'body2' },
+                      labels.stackedMode
+                    )
+                  ),
+                  R.map(function (option) {
+                    return _react2.default.createElement(
+                      _Grid2.default,
+                      { item: true, key: option.value },
+                      _react2.default.createElement(
+                        _core.Button,
+                        {
+                          variant: option.value === stackedMode.value ? 'contained' : 'outlined',
+                          onClick: function onClick() {
+                            return stackedMode.onChange(option.value);
+                          },
+                          color: 'primary'
+                        },
+                        _react2.default.createElement(
+                          _core.Typography,
+                          { variant: 'body2' },
+                          R.path(['stackedModeOptions', option.value], labels)
+                        )
+                      )
+                    );
+                  }, stackedModeOptions)
+                )
+              ),
+              R.map(function (_ref2) {
+                var key = _ref2[0],
+                    dimension = _ref2[1];
+                return _react2.default.createElement(
+                  _Grid2.default,
+                  { item: true, xs: 12, style: { minWidth: 320 }, key: key },
+                  _react2.default.createElement(_Select2.default, _extends({}, dimension, {
+                    onChange: dimension.onChange,
+                    label: R.prop(key, labels),
+                    value: (0, _utils.getValue)(dimension.value),
+                    items: dimension.options
+                  }))
+                );
+              }, dimensions)
+            )
+          )
+        )
       )
     ),
     _react2.default.createElement(
       _Grid2.default,
-      { container: true, spacing: 2 },
-      (0, _utils.isActivePanel)(['maxX', 'minX', 'pivotX', 'stepX'], properties) && _react2.default.createElement(
-        _Grid2.default,
-        {
-          item: true,
-          xs: 12,
-          sm: 12,
-          md: 12,
-          lg: (0, _utils.isActivePanel)(['maxY', 'minY', 'pivotY', 'stepY'], properties) ? 6 : 12
-        },
-        _react2.default.createElement(_Axis2.default, {
-          icon: _react2.default.createElement(_ArrowForward2.default, null),
-          label: R.prop('axisX', labels),
-          labels: labels,
-          max: R.prop('maxX', properties),
-          min: R.prop('minX', properties),
-          pivot: R.prop('pivotX', properties),
-          step: R.prop('stepX', properties)
-        })
+      { item: true, xs: 12, container: true, spacing: 2 },
+      _react2.default.createElement(
+        _Proxy2.default,
+        { keys: ['highlight', 'baseline'], properties: properties },
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 12, md: 8, container: true, alignContent: 'flex-start' },
+          _react2.default.createElement(
+            _Grid2.default,
+            { item: true, xs: 12 },
+            _react2.default.createElement(_Title2.default, { label: labels.focus })
+          ),
+          _react2.default.createElement(
+            _Grid2.default,
+            { item: true, xs: 12 },
+            _react2.default.createElement(
+              _Grid2.default,
+              { container: true, spacing: 1 },
+              _react2.default.createElement(
+                _Grid2.default,
+                { item: true, xs: 12, style: { minWidth: 320 } },
+                _react2.default.createElement(_Select2.default, _extends({}, highlight, {
+                  onChange: function onChange(ids) {
+                    return highlight.onChange(R.props(ids, xhighlightOptions));
+                  },
+                  value: (0, _utils.extractMultipleValue)(highlight),
+                  items: highlightOptions,
+                  isMultiple: true,
+                  isClearable: true,
+                  label: R.prop('highlight', labels),
+                  placeholder: R.prop('select', labels),
+                  optionsKey: 'highlight'
+                }))
+              ),
+              _react2.default.createElement(
+                _Grid2.default,
+                { item: true, xs: 12, style: { minWidth: 320 } },
+                _react2.default.createElement(_Select2.default, _extends({}, baseline, {
+                  onChange: function onChange(id) {
+                    return baseline.onChange(R.pipe(R.props([id]), R.without(baseline.value))(xbaselineOptions));
+                  },
+                  value: (0, _utils.extractMultipleValue)(baseline),
+                  items: baselineOptions,
+                  isClearable: true,
+                  label: R.prop('baseline', labels),
+                  placeholder: R.prop('select', labels),
+                  optionsKey: 'baseline'
+                }))
+              )
+            )
+          )
+        )
       ),
-      (0, _utils.isActivePanel)(['freqStep'], properties) && _react2.default.createElement(
+      _react2.default.createElement(
         _Grid2.default,
-        {
-          item: true,
-          xs: 12,
-          sm: 12,
-          md: 12,
-          lg: (0, _utils.isActivePanel)(['maxY', 'minY', 'pivotY', 'stepY'], properties) ? 6 : 12
-        },
-        _react2.default.createElement(_Frequency2.default, {
-          freqStep: R.prop('freqStep', properties),
-          icon: _react2.default.createElement(_ArrowForward2.default, null),
-          labels: labels
-        })
+        { item: true, xs: 12, md: true, container: true, alignContent: 'flex-start' },
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 12 },
+          _react2.default.createElement(_Title2.default, { label: labels.size })
+        ),
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 12 },
+          _react2.default.createElement(
+            _Grid2.default,
+            { container: true, spacing: 1 },
+            _react2.default.createElement(_InputProxy2.default, {
+              pkey: 'width',
+              labels: labels,
+              properties: properties,
+              InputProps: {
+                endAdornment: _react2.default.createElement(
+                  _core.InputAdornment,
+                  { position: 'end' },
+                  'px'
+                )
+              }
+            }),
+            _react2.default.createElement(_InputProxy2.default, {
+              pkey: 'height',
+              labels: labels,
+              properties: properties,
+              InputProps: {
+                endAdornment: _react2.default.createElement(
+                  _core.InputAdornment,
+                  { position: 'end' },
+                  'px'
+                )
+              }
+            })
+          )
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _Grid2.default,
+      { item: true, xs: 12, container: true, spacing: 2 },
+      _react2.default.createElement(
+        _Proxy2.default,
+        { keys: xKeys, properties: properties },
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 12, md: true, container: true, className: classes.greyVariant },
+          _react2.default.createElement(
+            _Grid2.default,
+            { item: true, xs: 12 },
+            _react2.default.createElement(_Title2.default, { label: labels.axisX, icon: _react2.default.createElement(_ArrowForward2.default, null) })
+          ),
+          _react2.default.createElement(
+            _Grid2.default,
+            { item: true, xs: 12 },
+            _react2.default.createElement(
+              _Grid2.default,
+              { container: true, spacing: 1 },
+              R.map(function (key) {
+                return _react2.default.createElement(_InputProxy2.default, {
+                  pkey: key,
+                  mkey: R.init(key),
+                  key: key,
+                  sm: 12 / R.length(xKeys),
+                  labels: labels,
+                  properties: properties
+                });
+              }, xKeys)
+            )
+          )
+        )
       ),
-      (0, _utils.isActivePanel)(['maxY', 'minY', 'pivotY', 'stepY'], properties) && _react2.default.createElement(
-        _Grid2.default,
-        {
-          item: true,
-          xs: 12,
-          sm: 12,
-          md: 12,
-          lg: (0, _utils.isActivePanel)(['maxX', 'minX', 'pivotX', 'stepX', 'freqStep'], properties) ? 6 : 12
-        },
-        _react2.default.createElement(_Axis2.default, {
-          icon: _react2.default.createElement(_ArrowUpward2.default, null),
-          label: R.prop('axisY', labels),
-          labels: labels,
-          max: R.prop('maxY', properties),
-          min: R.prop('minY', properties),
-          pivot: R.prop('pivotY', properties),
-          step: R.prop('stepY', properties)
-        })
+      _react2.default.createElement(
+        _Proxy2.default,
+        { keys: ['freqStep'], properties: properties },
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 12, container: true, className: classes.greyVariant },
+          _react2.default.createElement(
+            _Grid2.default,
+            { item: true, xs: 12 },
+            _react2.default.createElement(_Title2.default, { label: labels.axisX, icon: _react2.default.createElement(_ArrowForward2.default, null) })
+          ),
+          _react2.default.createElement(
+            _Grid2.default,
+            { item: true, xs: 12 },
+            _react2.default.createElement(
+              _Grid2.default,
+              { container: true, spacing: 1 },
+              _react2.default.createElement(_InputProxy2.default, { pkey: 'freqStep', labels: labels, properties: properties })
+            )
+          )
+        )
       ),
-      (0, _utils.isActive)(R.prop('display', properties)) && _react2.default.createElement(
+      _react2.default.createElement(
+        _Proxy2.default,
+        { keys: yKeys, properties: properties },
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 12, md: true, container: true, className: classes.greyVariant },
+          _react2.default.createElement(
+            _Grid2.default,
+            { item: true, xs: 12 },
+            _react2.default.createElement(_Title2.default, { label: labels.axisY, icon: _react2.default.createElement(_ArrowUpward2.default, null) })
+          ),
+          _react2.default.createElement(
+            _Grid2.default,
+            { item: true, xs: 12 },
+            _react2.default.createElement(
+              _Grid2.default,
+              { container: true, spacing: 1 },
+              R.map(function (key) {
+                return _react2.default.createElement(_InputProxy2.default, {
+                  pkey: key,
+                  mkey: R.init(key),
+                  key: key,
+                  sm: 12 / R.length(yKeys),
+                  labels: labels,
+                  properties: properties
+                });
+              }, yKeys)
+            )
+          )
+        )
+      )
+    ),
+    _react2.default.createElement(
+      _Proxy2.default,
+      { keys: eKeys, properties: properties },
+      _react2.default.createElement(
         _Grid2.default,
-        { item: true, xs: 12, className: classes.gridItemSpace },
-        _react2.default.createElement(_ButtonGroup2.default, _extends({}, R.prop('display', properties), {
-          label: R.prop('display', labels),
-          labels: R.prop('displayOptions', labels)
-        }))
+        { item: true, xs: 12, container: true, spacing: 2 },
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 12, container: true },
+          _react2.default.createElement(_DataEdit2.default, { labels: labels, properties: properties })
+        )
       )
     ),
-    (0, _utils.isActivePanel)(['title', 'subtitle', 'source', 'logo', 'copyright'], properties) && _react2.default.createElement(
-      _react.Fragment,
-      null,
-      _react2.default.createElement(_Divider2.default, { className: classes.divider }),
-      _react2.default.createElement(_DataEdit2.default, { labels: labels, properties: properties })
+    _react2.default.createElement(
+      _Proxy2.default,
+      { keys: ['displayMode'], properties: properties },
+      _react2.default.createElement(
+        _Grid2.default,
+        { item: true, xs: 12, container: true, spacing: 2 },
+        _react2.default.createElement(
+          _Grid2.default,
+          { item: true, xs: 12, container: true },
+          _react2.default.createElement(
+            _Grid2.default,
+            { item: true, container: true, spacing: 1, alignItems: 'center', style: { minWidth: 320 } },
+            _react2.default.createElement(
+              _Grid2.default,
+              { item: true, xs: true },
+              _react2.default.createElement(
+                _core.Typography,
+                { variant: 'body2' },
+                labels.display
+              )
+            ),
+            R.map(function (option) {
+              return _react2.default.createElement(
+                _Grid2.default,
+                { item: true, key: option.value },
+                _react2.default.createElement(
+                  _core.Button,
+                  {
+                    variant: option.value === displayMode.value ? 'contained' : 'outlined',
+                    onClick: function onClick() {
+                      return displayMode.onChange(option.value);
+                    },
+                    color: 'primary'
+                  },
+                  _react2.default.createElement(
+                    _core.Typography,
+                    { variant: 'body2' },
+                    R.path(['displayOptions', option.value], labels)
+                  )
+                )
+              );
+            }, displayModeOptions)
+          )
+        )
+      )
     )
   );
 };
@@ -222,7 +482,7 @@ var multiSelectableInputProptypes = _propTypes2.default.shape({
   }))
 });
 
-ChartsConfig.propTypes = process.env.NODE_ENV !== "production" ? {
+ChartConfig.propTypes = process.env.NODE_ENV !== "production" ? {
   labels: _propTypes2.default.object,
   properties: _propTypes2.default.shape({
     highlight: multiSelectableInputProptypes,
@@ -258,12 +518,4 @@ ChartsConfig.propTypes = process.env.NODE_ENV !== "production" ? {
   })
 } : {};
 
-exports.default = (0, _utils2.withBlank)(function (_ref2) {
-  var isBlank = _ref2.isBlank,
-      _ref2$properties = _ref2.properties,
-      properties = _ref2$properties === undefined ? {} : _ref2$properties;
-  return {
-    isBlank: R.or(isBlank, R.isEmpty(properties))
-  };
-})(ChartsConfig);
-module.exports = exports['default'];
+exports.default = ChartConfig;

package/lib/ChartsConfig/Input.js

@@ -158,6 +158,7 @@ var MyInput = function MyInput(_ref3) {
     },
     onBlur: handleBlur,
     margin: 'dense',
+    size: 'small',
     variant: 'outlined',
     onKeyPress: onEnterLabel,
     onChange: handleChange,

package/lib/ChartsConfig/InputProxy.js

@@ -0,0 +1,75 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _ramda = require('ramda');
+
+var R = _interopRequireWildcard(_ramda);
+
+var _core = require('@material-ui/core');
+
+var _Input = require('./Input');
+
+var _Input2 = _interopRequireDefault(_Input);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var InputProxy = function InputProxy(_ref) {
+  var _ref$minWidth = _ref.minWidth,
+      minWidth = _ref$minWidth === undefined ? 220 : _ref$minWidth,
+      _ref$properties = _ref.properties,
+      properties = _ref$properties === undefined ? {} : _ref$properties,
+      _ref$labels = _ref.labels,
+      labels = _ref$labels === undefined ? {} : _ref$labels,
+      pkey = _ref.pkey,
+      mkey = _ref.mkey,
+      _ref$xs = _ref.xs,
+      xs = _ref$xs === undefined ? 12 : _ref$xs,
+      _ref$sm = _ref.sm,
+      sm = _ref$sm === undefined ? 12 : _ref$sm,
+      _ref$InputProps = _ref.InputProps,
+      InputProps = _ref$InputProps === undefined ? {} : _ref$InputProps;
+
+  if (R.isNil(pkey)) return null;
+  if (!R.has(pkey, properties)) return null;
+
+  var prop = R.propOr({}, pkey, properties);
+
+  return _react2.default.createElement(
+    _core.Grid,
+    { item: true, xs: xs, sm: sm, style: { minWidth: minWidth } },
+    _react2.default.createElement(_Input2.default, _extends({}, prop, {
+      value: R.when(R.isNil, R.always(''))(prop.value),
+      type: 'number',
+      label: R.prop(mkey || pkey, labels),
+      fullWidth: true,
+      InputProps: R.mergeRight({ endAdornment: null }, InputProps)
+    }))
+  );
+};
+
+InputProxy.propTypes = process.env.NODE_ENV !== "production" ? {
+  minWidth: _propTypes2.default.number,
+  properties: _propTypes2.default.object,
+  labels: _propTypes2.default.object,
+  pkey: _propTypes2.default.string,
+  mkey: _propTypes2.default.string,
+  xs: _propTypes2.default.number,
+  sm: _propTypes2.default.number,
+  InputProps: _propTypes2.default.object
+} : {};
+
+exports.default = InputProxy;
+module.exports = exports['default'];