@iobroker/adapter-react-v5 3.1.34 → 3.2.0

package/Components/JsonConfigComponent/ChipInput.js

@@ -1,74 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultChipRenderer = exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Input = _interopRequireDefault(require("@mui/material/Input"));
-
 var _FilledInput = _interopRequireDefault(require("@mui/material/FilledInput/FilledInput"));
-
 var _OutlinedInput = _interopRequireDefault(require("@mui/material/OutlinedInput"));
-
 var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-
 var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _blue = _interopRequireDefault(require("@mui/material/colors/blue"));
-
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-
 var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
-
 var _Utils = _interopRequireDefault(require("../Utils"));
-
 var _excluded = ["allowDuplicates", "alwaysShowPlaceholder", "blurBehavior", "children", "chipRenderer", "classes", "className", "clearInputValueOnChange", "dataSource", "dataSourceConfig", "defaultValue", "delayBeforeAdd", "disabled", "disableUnderline", "error", "filter", "FormHelperTextProps", "fullWidth", "fullWidthInput", "helperText", "id", "InputProps", "inputRef", "InputLabelProps", "inputValue", "label", "newChipKeyCodes", "newChipKeys", "onBeforeAdd", "onAdd", "onBlur", "onDelete", "onChange", "onFocus", "onKeyDown", "onKeyPress", "onKeyUp", "onUpdateInput", "placeholder", "readOnly", "required", "rootRef", "value", "variant"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var variantComponent = {
   standard: _Input["default"],
   filled: _FilledInput["default"],
   outlined: _OutlinedInput["default"]
 };
-
 var styles = function styles(theme) {
   var light = theme.palette.type === 'light';
   var bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
@@ -172,16 +141,16 @@ var styles = function styles(theme) {
           easing: theme.transitions.easing.easeOut
         }),
         pointerEvents: 'none' // Transparent to the hover style.
-
       },
+
       '&$focused:after': {
         transform: 'scaleX(1)'
       },
       '&$error:after': {
         borderBottomColor: theme.palette.error.main,
         transform: 'scaleX(1)' // error is always underlined in red
-
       },
+
       '&:before': {
         borderBottom: "1px solid ".concat(bottomLineColor),
         left: 0,
@@ -194,8 +163,8 @@ var styles = function styles(theme) {
           duration: theme.transitions.duration.shorter
         }),
         pointerEvents: 'none' // Transparent to the hover style.
-
       },
+
       '&:hover:not($disabled):not($focused):not($error):before': {
         borderBottom: "2px solid ".concat(theme.palette.text.primary),
         // Reset on touch devices, it doesn't add specificity
@@ -211,9 +180,9 @@ var styles = function styles(theme) {
       '&:after': {
         backgroundColor: theme.palette.error.main,
         transform: 'scaleX(1)' // error is always underlined in red
-
       }
     },
+
     chip: {
       margin: '0 8px 8px 0',
       "float": 'left'
@@ -221,22 +190,17 @@ var styles = function styles(theme) {
     marginDense: {}
   };
 };
-
 var keyCodes = {
   BACKSPACE: 8,
   DELETE: 46,
   LEFT_ARROW: 37,
   RIGHT_ARROW: 39
 };
-
 var ChipInput = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(ChipInput, _React$Component);
-
   var _super = _createSuper(ChipInput);
-
   function ChipInput(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, ChipInput);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
@@ -251,7 +215,6 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focus", function () {
       _this.actualInput.focus();
-
       if (_this.state.focusedChip) {
         _this.setState({
           focusedChip: null
@@ -262,27 +225,22 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
       if (_this.props.onBlur) {
         _this.props.onBlur(event);
       }
-
       _this.setState({
         isFocused: false
       });
-
       if (_this.state.focusedChip) {
         _this.setState({
           focusedChip: null
         });
       }
-
       var value = event.target.value;
       var addChipOptions;
-
       switch (_this.props.blurBehavior) {
         case 'add-or-clear':
           addChipOptions = {
             clearInputOnFail: true
           };
         // falls through
-
         case 'add':
           if (_this.props.delayBeforeAdd) {
             // Let's assume that we only want to add the existing content as chip, when
@@ -291,7 +249,6 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
             var numChipsBefore = (_this.props.value || _this.state.chips).length;
             _this.inputBlurTimeout = setTimeout(function () {
               var numChipsAfter = (_this.props.value || _this.state.chips).length;
-
               if (numChipsBefore === numChipsAfter) {
                 _this.handleAddChip(value, addChipOptions);
               } else {
@@ -301,14 +258,10 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
           } else {
             _this.handleAddChip(value, addChipOptions);
           }
-
           break;
-
         case 'clear':
           _this.clearInput();
-
           break;
-
         default:
           break;
       }
@@ -317,7 +270,6 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
       _this.setState({
         isFocused: true
       });
-
       if (_this.props.onFocus) {
         _this.props.onFocus(event);
       }
@@ -326,36 +278,28 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
       var focusedChip = _this.state.focusedChip;
       _this._keyPressed = false;
       _this._preventChipCreation = false;
-
       if (_this.props.onKeyDown) {
         // Needed for arrow controls on menu in autocomplete scenario
-        _this.props.onKeyDown(event); // Check if the callback marked the event as isDefaultPrevented() and skip further actions
+        _this.props.onKeyDown(event);
+        // Check if the callback marked the event as isDefaultPrevented() and skip further actions
         // enter key for example should not always add the current value of the inputField
-
-
         if (event.isDefaultPrevented()) {
           return;
         }
       }
-
       var chips = _this.props.value || _this.state.chips;
-
       if (_this.props.newChipKeyCodes.includes(event.keyCode) || _this.props.newChipKeys.includes(event.key)) {
         var result = _this.handleAddChip(event.target.value);
-
         if (result !== false) {
           event.preventDefault();
         }
-
         return;
       }
-
       switch (event.keyCode) {
         case keyCodes.BACKSPACE:
           if (event.target.value === '') {
             if (focusedChip) {
               _this.handleDeleteChip(chips[focusedChip], focusedChip);
-
               if (focusedChip) {
                 _this.setState({
                   focusedChip: focusedChip - 1
@@ -367,22 +311,17 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
               });
             }
           }
-
           break;
-
         case keyCodes.DELETE:
           if (event.target.value === '' && focusedChip) {
             _this.handleDeleteChip(chips[focusedChip], focusedChip);
-
             if (focusedChip <= chips.length - 1) {
               _this.setState({
                 focusedChip: focusedChip
               });
             }
           }
-
           break;
-
         case keyCodes.LEFT_ARROW:
           if (focusedChip == null && event.target.value === '' && chips.length) {
             _this.setState({
@@ -393,9 +332,7 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
               focusedChip: focusedChip - 1
             });
           }
-
           break;
-
         case keyCodes.RIGHT_ARROW:
           if (focusedChip != null && focusedChip < chips.length - 1) {
             _this.setState({
@@ -406,14 +343,11 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
               focusedChip: null
             });
           }
-
           break;
-
         default:
           _this.setState({
             focusedChip: null
           });
-
           break;
       }
     });
@@ -423,14 +357,12 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
       } else {
         _this.updateInput(event.target.value);
       }
-
       if (_this.props.onKeyUp) {
         _this.props.onKeyUp(event);
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyPress", function (event) {
       _this._keyPressed = true;
-
       if (_this.props.onKeyPress) {
         _this.props.onKeyPress(event);
       }
@@ -439,7 +371,6 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
       if (_this.props.inputValue == null) {
         _this.updateInput(e.target.value);
       }
-
       if (_this.props.onUpdateInput) {
         _this.props.onUpdateInput(e);
       }
@@ -448,16 +379,13 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
       _this.actualInput = ref;
       _this.props.inputRef && _this.props.inputRef(ref);
     });
-
     if (props.defaultValue) {
       _this.state.chips = props.defaultValue;
     }
-
     _this.labelRef = /*#__PURE__*/_react["default"].createRef();
     _this.input = /*#__PURE__*/_react["default"].createRef();
     return _this;
   }
-
   (0, _createClass2["default"])(ChipInput, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -483,11 +411,11 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
         this.actualInput.blur();
       }
     }
+
     /**
      * Focuses this component.
      * @public
      */
-
   }, {
     key: "handleAddChip",
     value:
@@ -500,27 +428,20 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
      */
     function handleAddChip(chip, options) {
       var _this2 = this;
-
       if (this.props.onBeforeAdd && !this.props.onBeforeAdd(chip)) {
         this._preventChipCreation = true;
-
         if (options && options.clearInputOnFail) {
           this.clearInput();
         }
-
         return false;
       }
-
       this.clearInput();
       var chips = this.props.value || this.state.chips;
-
       if (this.props.dataSourceConfig) {
         if (typeof chip === 'string') {
           var _chip;
-
           chip = (_chip = {}, (0, _defineProperty2["default"])(_chip, this.props.dataSourceConfig.text, chip), (0, _defineProperty2["default"])(_chip, this.props.dataSourceConfig.value, chip), _chip);
         }
-
         if (this.props.allowDuplicates || !chips.some(function (c) {
           return c[_this2.props.dataSourceConfig.value] === chip[_this2.props.dataSourceConfig.value];
         })) {
@@ -530,10 +451,8 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
             this.updateChips([].concat((0, _toConsumableArray2["default"])(this.state.chips), [chip]));
           }
         }
-
         return true;
       }
-
       if (chip.trim().length > 0) {
         if (this.props.allowDuplicates || !chips.includes(chip)) {
           if (this.props.value && this.props.onAdd) {
@@ -542,10 +461,8 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
             this.updateChips([].concat((0, _toConsumableArray2["default"])(this.state.chips), [chip]));
           }
         }
-
         return true;
       }
-
       return false;
     }
   }, {
@@ -554,16 +471,13 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
       if (!this.props.value) {
         var chips = this.state.chips.slice();
         var changed = chips.splice(i, 1); // remove the chip at index i
-
         if (changed) {
           var focusedChip = this.state.focusedChip;
-
           if (this.state.focusedChip === i) {
             focusedChip = null;
           } else if (this.state.focusedChip > i) {
             focusedChip = this.state.focusedChip - 1;
           }
-
           this.updateChips(chips, {
             focusedChip: focusedChip
           });
@@ -580,17 +494,16 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
         chips: chips,
         chipsUpdated: true
       }, additionalUpdates));
-
       if (this.props.onChange) {
         this.props.onChange(chips);
       }
     }
+
     /**
      * Clears the text field for adding new chips.
      * This only works in uncontrolled input mode, i.e. if the inputValue prop is not used.
      * @public
      */
-
   }, {
     key: "clearInput",
     value: function clearInput() {
@@ -603,65 +516,64 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
         inputValue: value
       });
     }
+
     /**
      * Set the reference to the actual input, that is the input of the Input.
      * @param {object} ref - The reference
      */
-
   }, {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       var _this$props = this.props,
-          allowDuplicates = _this$props.allowDuplicates,
-          alwaysShowPlaceholder = _this$props.alwaysShowPlaceholder,
-          blurBehavior = _this$props.blurBehavior,
-          children = _this$props.children,
-          _this$props$chipRende = _this$props.chipRenderer,
-          chipRenderer = _this$props$chipRende === void 0 ? defaultChipRenderer : _this$props$chipRende,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          clearInputValueOnChange = _this$props.clearInputValueOnChange,
-          dataSource = _this$props.dataSource,
-          dataSourceConfig = _this$props.dataSourceConfig,
-          defaultValue = _this$props.defaultValue,
-          delayBeforeAdd = _this$props.delayBeforeAdd,
-          disabled = _this$props.disabled,
-          disableUnderline = _this$props.disableUnderline,
-          error = _this$props.error,
-          filter = _this$props.filter,
-          FormHelperTextProps = _this$props.FormHelperTextProps,
-          fullWidth = _this$props.fullWidth,
-          fullWidthInput = _this$props.fullWidthInput,
-          helperText = _this$props.helperText,
-          id = _this$props.id,
-          _this$props$InputProp = _this$props.InputProps,
-          InputProps = _this$props$InputProp === void 0 ? {} : _this$props$InputProp,
-          inputRef = _this$props.inputRef,
-          _this$props$InputLabe = _this$props.InputLabelProps,
-          InputLabelProps = _this$props$InputLabe === void 0 ? {} : _this$props$InputLabe,
-          inputValue = _this$props.inputValue,
-          label = _this$props.label,
-          newChipKeyCodes = _this$props.newChipKeyCodes,
-          newChipKeys = _this$props.newChipKeys,
-          onBeforeAdd = _this$props.onBeforeAdd,
-          onAdd = _this$props.onAdd,
-          onBlur = _this$props.onBlur,
-          onDelete = _this$props.onDelete,
-          onChange = _this$props.onChange,
-          onFocus = _this$props.onFocus,
-          onKeyDown = _this$props.onKeyDown,
-          onKeyPress = _this$props.onKeyPress,
-          onKeyUp = _this$props.onKeyUp,
-          onUpdateInput = _this$props.onUpdateInput,
-          placeholder = _this$props.placeholder,
-          readOnly = _this$props.readOnly,
-          required = _this$props.required,
-          rootRef = _this$props.rootRef,
-          value = _this$props.value,
-          variant = _this$props.variant,
-          other = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+        allowDuplicates = _this$props.allowDuplicates,
+        alwaysShowPlaceholder = _this$props.alwaysShowPlaceholder,
+        blurBehavior = _this$props.blurBehavior,
+        children = _this$props.children,
+        _this$props$chipRende = _this$props.chipRenderer,
+        chipRenderer = _this$props$chipRende === void 0 ? defaultChipRenderer : _this$props$chipRende,
+        classes = _this$props.classes,
+        className = _this$props.className,
+        clearInputValueOnChange = _this$props.clearInputValueOnChange,
+        dataSource = _this$props.dataSource,
+        dataSourceConfig = _this$props.dataSourceConfig,
+        defaultValue = _this$props.defaultValue,
+        delayBeforeAdd = _this$props.delayBeforeAdd,
+        disabled = _this$props.disabled,
+        disableUnderline = _this$props.disableUnderline,
+        error = _this$props.error,
+        filter = _this$props.filter,
+        FormHelperTextProps = _this$props.FormHelperTextProps,
+        fullWidth = _this$props.fullWidth,
+        fullWidthInput = _this$props.fullWidthInput,
+        helperText = _this$props.helperText,
+        id = _this$props.id,
+        _this$props$InputProp = _this$props.InputProps,
+        InputProps = _this$props$InputProp === void 0 ? {} : _this$props$InputProp,
+        inputRef = _this$props.inputRef,
+        _this$props$InputLabe = _this$props.InputLabelProps,
+        InputLabelProps = _this$props$InputLabe === void 0 ? {} : _this$props$InputLabe,
+        inputValue = _this$props.inputValue,
+        label = _this$props.label,
+        newChipKeyCodes = _this$props.newChipKeyCodes,
+        newChipKeys = _this$props.newChipKeys,
+        onBeforeAdd = _this$props.onBeforeAdd,
+        onAdd = _this$props.onAdd,
+        onBlur = _this$props.onBlur,
+        onDelete = _this$props.onDelete,
+        onChange = _this$props.onChange,
+        onFocus = _this$props.onFocus,
+        onKeyDown = _this$props.onKeyDown,
+        onKeyPress = _this$props.onKeyPress,
+        onKeyUp = _this$props.onKeyUp,
+        onUpdateInput = _this$props.onUpdateInput,
+        placeholder = _this$props.placeholder,
+        readOnly = _this$props.readOnly,
+        required = _this$props.required,
+        rootRef = _this$props.rootRef,
+        value = _this$props.value,
+        variant = _this$props.variant,
+        other = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
       var chips = value || this.state.chips || [];
       var actualInputValue = inputValue != null ? inputValue : this.state.inputValue;
       var hasInput = (this.props.value || actualInputValue).length || actualInputValue.length;
@@ -687,18 +599,15 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
         }, i);
       });
       var InputMore = {};
-
       if (variant === 'outlined') {
         InputMore.notched = shrinkFloatingLabel;
         InputMore.labelWidth = shrinkFloatingLabel && this.labelNode && this.labelNode.offsetWidth || 0;
       }
-
       if (variant !== 'standard') {
         InputMore.startAdornment = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, chipComponents);
       } else {
         InputProps.disableUnderline = true;
       }
-
       var InputComponent = variantComponent[variant];
       return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], (0, _extends2["default"])({
         ref: rootRef,
@@ -749,137 +658,101 @@ var ChipInput = /*#__PURE__*/function (_React$Component) {
     key: "getDerivedStateFromProps",
     value: function getDerivedStateFromProps(props, state) {
       var newState = null;
-
       if (props.value && props.value.length !== state.prevPropsValue.length) {
         newState = {
           prevPropsValue: props.value
         };
-
         if (props.clearInputValueOnChange) {
           newState.inputValue = '';
         }
-      } // if change detection is only needed for clearInputValueOnChange
-
+      }
 
+      // if change detection is only needed for clearInputValueOnChange
       if (props.clearInputValueOnChange && props.value && props.value.length !== state.prevPropsValue.length) {
         newState = {
           prevPropsValue: props.value,
           inputValue: ''
         };
       }
-
       if (props.disabled) {
         newState = _objectSpread(_objectSpread({}, newState), {}, {
           focusedChip: null
         });
       }
-
       if (!state.chipsUpdated && props.defaultValue) {
         newState = _objectSpread(_objectSpread({}, newState), {}, {
           chips: props.defaultValue
         });
       }
-
       return newState;
     }
   }]);
   return ChipInput;
 }(_react["default"].Component);
-
 ChipInput.propTypes = {
   /** Allows duplicate chips if set to true. */
   allowDuplicates: _propTypes["default"].bool,
-
   /** If true, the placeholder will always be visible. */
   alwaysShowPlaceholder: _propTypes["default"].bool,
-
   /** Behavior when the chip input is blurred: `'clear'` clears the input, `'add'` creates a chip and `'ignore'` keeps the input. */
   blurBehavior: _propTypes["default"].oneOf(['clear', 'add', 'add-or-clear', 'ignore']),
-
   /** A function of the type `({ value, text, chip, isFocused, isDisabled, isReadOnly, handleClick, handleDelete, className }, key) => node` that returns a chip based on the given properties. This can be used to customize chip styles.  Each item in the `dataSource` array will be passed to `chipRenderer` as arguments `chip`, `value` and `text`. If `dataSource` is an array of objects and `dataSourceConfig` is present, then `value` and `text` will instead correspond to the object values defined in `dataSourceConfig`. If `dataSourceConfig` is not set and `dataSource` is an array of objects, then a custom `chipRenderer` must be set. `chip` is always the raw value from `dataSource`, either an object or a string. */
   chipRenderer: _propTypes["default"].func,
-
   /** Whether the input value should be cleared if the `value` prop is changed. */
   clearInputValueOnChange: _propTypes["default"].bool,
-
   /** Data source for auto complete. This should be an array of strings or objects. */
   dataSource: _propTypes["default"].array,
-
   /** Config for objects list dataSource, e.g. `{ text: 'text', value: 'value' }`. If not specified, the `dataSource` must be a flat array of strings or a custom `chipRenderer` must be set to handle the objects. */
   dataSourceConfig: _propTypes["default"].shape({
     text: _propTypes["default"].string.isRequired,
     value: _propTypes["default"].string.isRequired
   }),
-
   /** The chips to display by default (for uncontrolled mode). */
   defaultValue: _propTypes["default"].array,
-
   /** Whether to use `setTimeout` to delay adding chips in case other input events like `onSelection` need to fire first */
   delayBeforeAdd: _propTypes["default"].bool,
-
   /** Disables the chip input if set to true. */
   disabled: _propTypes["default"].bool,
-
   /** Disable the input underline. Only valid for 'standard' variant */
   disableUnderline: _propTypes["default"].bool,
-
   /** Props to pass through to the `FormHelperText` component. */
   FormHelperTextProps: _propTypes["default"].object,
-
   /** If true, the chip input will fill the available width. */
   fullWidth: _propTypes["default"].bool,
-
   /** If true, the input field will always be below the chips and fill the available space. By default, it will try to be beside the chips. */
   fullWidthInput: _propTypes["default"].bool,
-
   /** Helper text that is displayed below the input. */
   helperText: _propTypes["default"].node,
-
   /** Props to pass through to the `InputLabel`. */
   InputLabelProps: _propTypes["default"].object,
-
   /** Props to pass through to the `Input`. */
   InputProps: _propTypes["default"].object,
-
   /** Use this property to pass a ref callback to the native input component. */
   inputRef: _propTypes["default"].func,
-
   /** The input value (enables controlled mode for the text input if set). */
   inputValue: _propTypes["default"].string,
-
   /* The content of the floating label. */
   label: _propTypes["default"].node,
-
   /** The key codes (`KeyboardEvent.keyCode`) used to determine when to create a new chip. */
   newChipKeyCodes: _propTypes["default"].arrayOf(_propTypes["default"].number),
-
   /** The keys (`KeyboardEvent.key`) used to determine when to create a new chip. */
   newChipKeys: _propTypes["default"].arrayOf(_propTypes["default"].string),
-
   /** Callback function that is called when a new chip was added (in controlled mode). */
   onAdd: _propTypes["default"].func,
-
   /** Callback function that is called with the chip to be added and should return true to add the chip or false to prevent the chip from being added without clearing the text input. */
   onBeforeAdd: _propTypes["default"].func,
-
   /** Callback function that is called when the chips change (in uncontrolled mode). */
   onChange: _propTypes["default"].func,
-
   /** Callback function that is called when a new chip was removed (in controlled mode). */
   onDelete: _propTypes["default"].func,
-
   /** Callback function that is called when the input changes. */
   onUpdateInput: _propTypes["default"].func,
-
   /** A placeholder that is displayed if the input has no values. */
   placeholder: _propTypes["default"].string,
-
   /** Makes the chip input read-only if set to true. */
   readOnly: _propTypes["default"].bool,
-
   /** The chips to display (enables controlled mode if set). */
   value: _propTypes["default"].array,
-
   /** The variant of the Input component */
   variant: _propTypes["default"].oneOf(['outlined', 'standard', 'filled'])
 };
@@ -893,22 +766,19 @@ ChipInput.defaultProps = {
   newChipKeys: ['Enter'],
   variant: 'standard'
 };
-
 var _default = (0, _withStyles["default"])(styles, {
   name: 'WAMuiChipInput'
 })(ChipInput);
-
 exports["default"] = _default;
-
 var defaultChipRenderer = function defaultChipRenderer(_ref, key) {
   var value = _ref.value,
-      text = _ref.text,
-      isFocused = _ref.isFocused,
-      isDisabled = _ref.isDisabled,
-      isReadOnly = _ref.isReadOnly,
-      handleClick = _ref.handleClick,
-      handleDelete = _ref.handleDelete,
-      className = _ref.className;
+    text = _ref.text,
+    isFocused = _ref.isFocused,
+    isDisabled = _ref.isDisabled,
+    isReadOnly = _ref.isReadOnly,
+    handleClick = _ref.handleClick,
+    handleDelete = _ref.handleDelete,
+    className = _ref.className;
   return /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
     key: key,
     className: className,
@@ -921,6 +791,5 @@ var defaultChipRenderer = function defaultChipRenderer(_ref, key) {
     label: text
   });
 };
-
 exports.defaultChipRenderer = defaultChipRenderer;
 //# sourceMappingURL=ChipInput.js.map