@sis-cc/dotstatsuite-visions 7.15.0 → 7.16.0

package/es/UserRightForm/UserRightForm.js

@@ -0,0 +1,432 @@
+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; };
+
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import * as R from 'ramda';
+import { Grid, Typography } from '@material-ui/core';
+import { makeStyles } from '@material-ui/styles';
+import Input from './Input';
+import Button from '../Button';
+import Select from '../Select';
+import PermsissionsTabs from './PermsissionsTabs';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    paper: {
+      backgroundColor: theme.palette.background.paper,
+      padding: theme.spacing(2)
+    },
+    label: {
+      color: theme.palette.primary.main
+    },
+    textarea: {
+      width: '100%',
+      padding: theme.spacing(1)
+    },
+    submitButton: {
+      margin: theme.spacing(1)
+    },
+    contentLabel: {
+      fontSize: '14px'
+    }
+  };
+});
+
+var UserRightForm = function UserRightForm(_ref) {
+  var labels = _ref.labels,
+      artefactTypes = _ref.artefactTypes,
+      dataSpaces = _ref.dataSpaces,
+      permissionTabs = _ref.permissionTabs,
+      apply = _ref.apply,
+      onCancel = _ref.onCancel,
+      user = _ref.user,
+      artefactID = _ref.artefactID,
+      artefactType = _ref.artefactType,
+      artefactVersion = _ref.artefactVersion,
+      maintenanceAgencyID = _ref.maintenanceAgencyID,
+      dataspace = _ref.dataspace;
+
+  var classes = useStyles();
+
+  var _useState = useState(R.propOr('*', 'value')(user)),
+      userValue = _useState[0],
+      setUserValue = _useState[1];
+
+  var _useState2 = useState(R.propOr('*', 'value')(dataspace)),
+      dataspaceValue = _useState2[0],
+      setDataspaceValue = _useState2[1];
+
+  var _useState3 = useState(R.propOr('*', 'value')(artefactType)),
+      artefactTypeValue = _useState3[0],
+      setArtefactTypeValue = _useState3[1];
+
+  var _useState4 = useState(R.propOr('*', 'value')(maintenanceAgencyID)),
+      maintenanceAgencyIDValue = _useState4[0],
+      setMaintenanceAgencyIDValue = _useState4[1];
+
+  var _useState5 = useState(R.propOr('*', 'value')(artefactID)),
+      artefactIDValue = _useState5[0],
+      setArtefactIDValue = _useState5[1];
+
+  var _useState6 = useState(R.propOr('*', 'value')(artefactVersion)),
+      artefactVersionValue = _useState6[0],
+      setArtefactVersionValue = _useState6[1];
+
+  var initialSelectedPermissions = R.pipe(R.pathOr([], ['options', 'data']), R.filter(R.prop('isSelected')), R.reduce(function (acc, _ref2) {
+    var id = _ref2.id;
+    return R.assoc(id, id, acc);
+  }, {}))(permissionTabs);
+
+  var _useState7 = useState(initialSelectedPermissions),
+      selectedPermissions = _useState7[0],
+      setSelectedPermissions = _useState7[1];
+
+  var onCheckPermission = function onCheckPermission(id) {
+    if (R.has(id, selectedPermissions)) {
+      setSelectedPermissions(R.dissoc(id, selectedPermissions));
+    } else {
+      setSelectedPermissions(R.assoc(id, id, selectedPermissions));
+    }
+  };
+  var permissionsIdsIndexedByGroups = R.reduce(function (acc, group) {
+    return R.assoc(group.id, group.options, acc);
+  }, {}, R.pathOr([], ['permissions', 'data'], permissionTabs));
+  var selectedPermissionsGroups = R.pipe(R.pathOr([], ['permissions', 'data']), R.filter(function (group) {
+    return group.options && R.all(function (id) {
+      return R.has(id, selectedPermissions);
+    }, group.options || []);
+  }), R.reduce(function (acc, _ref3) {
+    var id = _ref3.id;
+    return R.assoc(id, id, acc);
+  }, {}))(permissionTabs);
+
+  var onCheckPermissionGroup = function onCheckPermissionGroup(id) {
+    if (R.has(id, selectedPermissionsGroups)) {
+      setSelectedPermissions(R.omit(permissionsIdsIndexedByGroups[id], selectedPermissions));
+    } else {
+      setSelectedPermissions(_extends({}, selectedPermissions, R.indexBy(R.identity, permissionsIdsIndexedByGroups[id])));
+    }
+  };
+  var evolvedPermissions = R.pipe(R.over(R.lensPath(['options', 'data']), R.map(function (opt) {
+    return R.assoc('isSelected', R.has(opt.id, selectedPermissions), opt);
+  })), R.over(R.lensPath(['permissions', 'data']), R.map(function (opt) {
+    return R.assoc('isSelected', R.has(opt.id, selectedPermissionsGroups), opt);
+  })))(permissionTabs);
+
+  var onChangeDataspace = function onChangeDataspace(value) {
+    return setDataspaceValue(value);
+  };
+  var onChangeArtefactType = function onChangeArtefactType(value) {
+    return setArtefactTypeValue(value);
+  };
+
+  var handleCancel = function handleCancel() {
+    if (R.is(Function)(onCancel)) return onCancel();
+  };
+  var handleSubmit = function handleSubmit() {
+    if (R.is(Function)(apply)) return apply({
+      user: userValue,
+      dataspace: dataspaceValue,
+      artefactType: artefactTypeValue,
+      maintenanceAgencyID: maintenanceAgencyIDValue,
+      artefactID: artefactIDValue,
+      artefactVersion: artefactVersionValue,
+      checkedPermissions: R.values(selectedPermissions)
+    });
+  };
+
+  var isErrorDataspace = R.pipe(R.find(R.propEq('value', dataspaceValue)), R.isNil)(dataSpaces);
+  var isErrorArtefactType = R.pipe(R.find(R.propEq('value', artefactTypeValue)), R.isNil)(artefactTypes);
+  var isValidPermissions = !R.isEmpty(selectedPermissions) && !R.equals(selectedPermissions, initialSelectedPermissions);
+  var isValidFields = R.all(function (value) {
+    return !R.isEmpty(value) && !R.isNil(value);
+  }, [userValue, maintenanceAgencyIDValue, artefactIDValue, artefactVersionValue, dataspaceValue, artefactTypeValue]);
+
+  return React.createElement(
+    Grid,
+    { container: true, className: classes.paper, 'data-testid': 'permission-test-id' },
+    React.createElement(
+      Grid,
+      { item: true, container: true, xs: 12, md: 12, justifyContent: 'space-between' },
+      React.createElement(
+        Grid,
+        { item: true, container: true, xs: 12, sm: 12, md: 5, 'flex-direction': 'column' },
+        React.createElement(
+          Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 4 },
+            React.createElement(
+              Typography,
+              { variant: 'h6', className: classes.contentLabel },
+              R.prop('user')(labels)
+            )
+          ),
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 8 },
+            React.createElement(Input, {
+              variant: 'outlined',
+              name: 'User',
+              type: 'text',
+              fullWidth: true,
+              value: userValue,
+              onChange: function onChange(e) {
+                return setUserValue(e.target.value);
+              },
+              isControlled: true,
+              textFieldProps: { disabled: R.propOr(false, 'disabled')(user) }
+            })
+          )
+        ),
+        React.createElement(
+          Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 4 },
+            React.createElement(
+              Typography,
+              { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
+              R.prop('dataspace')(labels)
+            )
+          ),
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 8 },
+            React.createElement(Select, {
+              value: R.defaultTo('*', dataspaceValue),
+              items: dataSpaces,
+              onChange: onChangeDataspace,
+              textFieldProps: {
+                disabled: R.propOr(false, 'disabled')(dataspace),
+                error: isErrorDataspace
+              }
+            })
+          )
+        ),
+        React.createElement(
+          Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 4 },
+            React.createElement(
+              Typography,
+              { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
+              R.prop('artefactType')(labels)
+            )
+          ),
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 8 },
+            React.createElement(Select, {
+              value: R.defaultTo('*', artefactTypeValue),
+              items: artefactTypes,
+              onChange: onChangeArtefactType,
+              textFieldProps: {
+                disabled: R.propOr(false, 'disabled')(artefactType),
+                error: isErrorArtefactType
+              }
+            })
+          )
+        )
+      ),
+      React.createElement(
+        Grid,
+        { item: true, container: true, xs: 12, sm: 12, md: 5, 'flex-direction': 'column' },
+        React.createElement(
+          Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 4 },
+            React.createElement(
+              Typography,
+              { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
+              R.prop('maintenanceAgencyID')(labels)
+            )
+          ),
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 8 },
+            React.createElement(Input, {
+              variant: 'outlined',
+              name: 'title',
+              type: 'text',
+              fullWidth: true,
+              value: maintenanceAgencyIDValue,
+              onChange: function onChange(e) {
+                return setMaintenanceAgencyIDValue(e.target.value);
+              },
+              isControlled: true,
+              textFieldProps: {
+                disabled: R.propOr(false, 'disabled')(maintenanceAgencyID)
+              }
+            })
+          )
+        ),
+        React.createElement(
+          Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 4 },
+            React.createElement(
+              Typography,
+              { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
+              R.prop('artefactID')(labels)
+            )
+          ),
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 8 },
+            React.createElement(Input, {
+              variant: 'outlined',
+              name: 'title',
+              type: 'text',
+              fullWidth: true,
+              value: artefactIDValue,
+              onChange: function onChange(e) {
+                return setArtefactIDValue(e.target.value);
+              },
+              isControlled: true,
+              textFieldProps: { disabled: R.propOr(false, 'disabled')(artefactID) }
+            })
+          )
+        ),
+        React.createElement(
+          Grid,
+          { item: true, container: true, xs: 12, alignItems: 'center' },
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 4 },
+            React.createElement(
+              Typography,
+              { variant: 'h6', className: classes.contentLabel, style: { paddingTop: 8 } },
+              R.prop('artefactVersion')(labels)
+            )
+          ),
+          React.createElement(
+            Grid,
+            { item: true, xs: 12, md: 8 },
+            React.createElement(Input, {
+              variant: 'outlined',
+              name: 'title',
+              type: 'text',
+              fullWidth: true,
+              value: artefactVersionValue,
+              onChange: function onChange(e) {
+                return setArtefactVersionValue(e.target.value);
+              },
+              isControlled: true,
+              textFieldProps: {
+                disabled: R.propOr(false, 'disabled')(artefactVersion)
+              }
+            })
+          )
+        )
+      )
+    ),
+    React.createElement(
+      Grid,
+      { item: true, container: true },
+      React.createElement(PermsissionsTabs, {
+        data: evolvedPermissions,
+        labels: labels,
+        onCheckPermission: onCheckPermission,
+        onCheckPermissionGroup: onCheckPermissionGroup
+      })
+    ),
+    React.createElement(
+      Grid,
+      { item: true, container: true, justifyContent: 'flex-end', alignItems: 'center' },
+      React.createElement(
+        Grid,
+        { item: true },
+        React.createElement(
+          Button,
+          {
+            'aria-label': R.prop('cancel')(labels),
+            type: 'submit',
+            disabled: false,
+            variant: 'contained',
+            color: 'default',
+            alternative: 'siscc',
+            onClick: handleCancel,
+            size: 'medium',
+            className: classes.submitButton
+          },
+          R.prop('cancel')(labels)
+        )
+      ),
+      React.createElement(
+        Grid,
+        { item: true },
+        React.createElement(
+          Button,
+          {
+            'aria-label': R.prop('submit')(labels),
+            type: 'submit',
+            disabled: !isValidPermissions || !isValidFields || isErrorArtefactType || isErrorDataspace,
+            variant: 'contained',
+            color: 'primary',
+            alternative: 'siscc',
+            onClick: handleSubmit,
+            size: 'medium',
+            className: classes.submitButton
+          },
+          R.prop('submit')(labels)
+        )
+      )
+    )
+  );
+};
+UserRightForm.propTypes = process.env.NODE_ENV !== "production" ? {
+  apply: PropTypes.func,
+  onCancel: PropTypes.func,
+  artefactTypes: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string
+  })),
+  dataSpaces: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string
+  })),
+  permissionTabs: PropTypes.object,
+  user: PropTypes.shape({
+    value: PropTypes.string,
+    disabled: PropTypes.bool
+  }),
+  dataspace: PropTypes.shape({
+    value: PropTypes.string,
+    disabled: PropTypes.bool
+  }),
+  artefactType: PropTypes.shape({
+    value: PropTypes.string,
+    disabled: PropTypes.bool
+  }),
+  maintenanceAgencyID: PropTypes.shape({
+    value: PropTypes.string,
+    disabled: PropTypes.bool
+  }),
+  artefactID: PropTypes.shape({
+    value: PropTypes.string,
+    disabled: PropTypes.bool
+  }),
+  artefactVersion: PropTypes.shape({
+    value: PropTypes.string,
+    disabled: PropTypes.bool
+  }),
+  labels: PropTypes.shape({
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    user: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    dataspace: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    artefactType: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    maintenanceAgencyID: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    artefactID: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    artefactVersion: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
+  })
+} : {};
+export default UserRightForm;

package/es/UserRightForm/index.js

@@ -0,0 +1,62 @@
+/**
+ * A modified version of the vanilla Material UI button with selected props
+ *
+ * Permission allows to add or edit permission
+ * @memberOf VISIONS
+ * @name Permission
+ * @tag component
+ * @api public
+ *
+ * Permission.propTypes = {
+ *  apply: PropTypes.func,
+ *  onCancel: PropTypes.func,
+ *  artefactTypes: PropTypes.arrayOf(
+ *    PropTypes.shape({
+ *      value: PropTypes.string,
+ *      label: PropTypes.string,
+ *    }),
+ *  ),
+ *  dataSpaces: PropTypes.arrayOf(
+ *    PropTypes.shape({
+ *      value: PropTypes.string,
+ *      label: PropTypes.string,
+ *    }),
+ *  ),
+ *  permissionTabs: PropTypes.object,
+ *  user: PropTypes.shape({
+ *    value: PropTypes.string,
+ *    disabled: PropTypes.bool,
+ *  }),
+ *  dataspace: PropTypes.shape({
+ *    value: PropTypes.string,
+ *    disabled: PropTypes.bool,
+ *  }),
+ *  artefactType: PropTypes.shape({
+ *    value: PropTypes.string,
+ *    disabled: PropTypes.bool,
+ *  }),
+ *  maintenanceAgencyID: PropTypes.shape({
+ *    value: PropTypes.string,
+ *    disabled: PropTypes.bool,
+ *  }),
+ *  artefactID: PropTypes.shape({
+ *    value: PropTypes.string,
+ *    disabled: PropTypes.bool,
+ *  }),
+ *  artefactVersion: PropTypes.shape({
+ *  value: PropTypes.string,
+ *  disabled: PropTypes.bool,
+ *  }),
+ *  labels: PropTypes.shape({
+ *    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    user: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    dataspace: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    artefactType: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    maintenanceAgencyID: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    artefactID: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *    artefactVersion: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+ *  }),
+ *  };
+ *  @demoReady
+ **/
+export { default } from './UserRightForm';

package/es/index.js

@@ -39,6 +39,7 @@ export { default as TablePreview } from './TablePreview';
 export { default as Tag } from './Tag';
 export { default as ToggleButton } from './ToggleButton';
 export { default as Tooltip } from './Tooltip';
+export { default as UserRightForm } from './UserRightForm';
 export { default as VerticalButton } from './VerticalButton';
 export { default as AuthDialog } from './AuthDialog';
 export { sisccTheme, innerPalette, T4_BREAKPOINTS } from './theme';

package/lib/ChartsConfig/ChartsConfig.js

@@ -75,7 +75,6 @@ var ChartsConfig = function ChartsConfig(_ref) {
       properties = _ref.properties;
 
   var classes = (0, _styles.useStyles)();
-
   return _react2.default.createElement(
     _Grid2.default,
     { 'data-testid': 'charts-config-test-id', spacing: 2, container: true, className: classes.root },

package/lib/TableLayout/DnDItem.js

@@ -88,7 +88,10 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
     paddingRight: 0
   }, _ref.select = {
     padding: theme.spacing(0.5, 4, 0.5, 2),
-    backgroundColor: theme.palette.common.white
+    backgroundColor: theme.palette.common.white,
+    '&:focus': {
+      backgroundColor: theme.palette.common.white
+    }
   }, _ref.spaceButton = {
     margin: theme.spacing(0, 1, 0, 0)
   }, _ref;

package/lib/UserRightForm/Input.js

@@ -0,0 +1,163 @@
+'use strict';
+
+exports.__esModule = true;
+exports.MyInput = 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; };
+
+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 _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _styles = require('@material-ui/core/styles');
+
+var _TextField = require('@material-ui/core/TextField');
+
+var _TextField2 = _interopRequireDefault(_TextField);
+
+var _InputAdornment = require('@material-ui/core/InputAdornment');
+
+var _InputAdornment2 = _interopRequireDefault(_InputAdornment);
+
+var _IconButton = require('@material-ui/core/IconButton');
+
+var _IconButton2 = _interopRequireDefault(_IconButton);
+
+var _Done = require('@material-ui/icons/Done');
+
+var _Done2 = _interopRequireDefault(_Done);
+
+var _withInput = require('../Input/with-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 useStyles = (0, _styles.makeStyles)(function () {
+  return {
+    visibility: {
+      visibility: 'hidden'
+    }
+  };
+});
+
+var LefttIcon = function LefttIcon(_ref) {
+  var Icon = _ref.Icon;
+  return _react2.default.createElement(Icon, null);
+};
+
+LefttIcon.propTypes = process.env.NODE_ENV !== "production" ? {
+  Icon: _propTypes2.default.object
+} : {};
+
+var RightIcon = function RightIcon(_ref2) {
+  var onSubmit = _ref2.onSubmit,
+      _ref2$Icon = _ref2.Icon,
+      Icon = _ref2$Icon === undefined ? _Done2.default : _ref2$Icon;
+  return _react2.default.createElement(
+    _IconButton2.default,
+    { color: 'primary', onClick: function onClick() {
+        return onSubmit();
+      } },
+    _react2.default.createElement(Icon, null)
+  );
+};
+
+RightIcon.propTypes = process.env.NODE_ENV !== "production" ? {
+  Icon: _propTypes2.default.object,
+  onSubmit: _propTypes2.default.func,
+  classes: _propTypes2.default.object
+} : {};
+
+var MyInput = exports.MyInput = function MyInput(_ref3) {
+  var _cx;
+
+  var id = _ref3.id,
+      label = _ref3.label,
+      name = _ref3.name,
+      placeholder = _ref3.placeholder,
+      leftIcon = _ref3.leftIcon,
+      rightIcon = _ref3.rightIcon,
+      value = _ref3.value,
+      type = _ref3.type,
+      onChange = _ref3.onChange,
+      onSubmit = _ref3.onSubmit,
+      fullWidth = _ref3.fullWidth,
+      withValidationIcon = _ref3.withValidationIcon,
+      textFieldProps = _ref3.textFieldProps,
+      inputProps = _ref3.inputProps,
+      endAdornment = _ref3.endAdornment;
+
+  var classes = useStyles();
+  var startAdornment = R.isNil(leftIcon) ? null : _react2.default.createElement(
+    _InputAdornment2.default,
+    { position: 'start' },
+    _react2.default.createElement(LefttIcon, { Icon: leftIcon })
+  );
+  var endMyadornment = R.or(withValidationIcon, !R.isNil(rightIcon)) ? _react2.default.createElement(
+    _InputAdornment2.default,
+    { position: 'end', className: (0, _classnames2.default)((_cx = {}, _cx[classes.visibility] = R.isEmpty(value), _cx)) },
+    _react2.default.createElement(RightIcon, { onSubmit: onSubmit, Icon: rightIcon })
+  ) : null;
+
+  var onEnterLabel = function onEnterLabel(event) {
+    if (event.key === 'Enter') {
+      event.preventDefault();
+      if (R.is(Function, onSubmit)) {
+        onSubmit();
+      }
+    }
+  };
+
+  return _react2.default.createElement(_TextField2.default, _extends({
+    'data-testid': 'input-test-id',
+    margin: 'dense',
+    fullWidth: fullWidth,
+    id: id,
+    name: name,
+    type: type,
+    label: label,
+    value: value,
+    variant: 'outlined',
+    placeholder: placeholder,
+    onChange: onChange,
+    onKeyPress: onEnterLabel,
+    InputProps: {
+      startAdornment: startAdornment,
+      endAdornment: R.isNil(endAdornment) ? endMyadornment : endAdornment
+    },
+    inputProps: inputProps
+  }, textFieldProps));
+};
+
+MyInput.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: _propTypes2.default.string,
+  name: _propTypes2.default.string,
+  label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+  placeholder: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+  leftIcon: _propTypes2.default.object,
+  rightIcon: _propTypes2.default.object,
+  value: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
+  type: _propTypes2.default.string,
+  onChange: _propTypes2.default.func,
+  onSubmit: _propTypes2.default.func,
+  fullWidth: _propTypes2.default.bool,
+  withValidationIcon: _propTypes2.default.bool,
+  textFieldProps: _propTypes2.default.object,
+  inputProps: _propTypes2.default.object,
+  endAdornment: _propTypes2.default.node
+} : {};
+
+exports.default = (0, _withInput.withInput)(MyInput);