iguazio.dashboard-react-controls 2.1.4 → 2.1.6

package/dist/components/Backdrop/Backdrop.js

@@ -30,7 +30,7 @@ such restriction.
 const Backdrop = _ref => {
   let {
     duration = 300,
-    show,
+    show = false,
     onClose
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
@@ -45,10 +45,6 @@ const Backdrop = _ref => {
     })
   });
 };
-Backdrop.defaultProps = {
-  duration: 300,
-  show: false
-};
 Backdrop.propTypes = {
   show: _propTypes.default.bool.isRequired
 };

package/dist/components/Button/Button.js

@@ -35,13 +35,13 @@ such restriction.
 
 const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-    className,
-    density,
+    className = '',
+    density = 'normal',
     icon,
-    id,
-    label,
-    tooltip,
-    variant,
+    id = 'btn',
+    label = 'Button',
+    tooltip = '',
+    variant = _constants.TERTIARY_BUTTON,
     ...restProps
   } = _ref;
   const buttonClassName = (0, _classnames.default)('btn', "btn-".concat(variant), "btn-".concat(density), className);
@@ -62,14 +62,6 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     })]
   });
 });
-Button.defaultProps = {
-  className: '',
-  density: 'normal',
-  id: 'btn',
-  label: 'Button',
-  tooltip: '',
-  variant: _constants.TERTIARY_BUTTON
-};
 Button.propTypes = {
   className: _propTypes.default.string,
   density: _propTypes.default.oneOf(['dense', 'normal', 'medium', 'chunky']),

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -32,16 +32,16 @@ such restriction.
 
 const ConfirmDialog = _ref => {
   let {
-    cancelButton,
+    cancelButton = null,
     children,
-    className,
+    className = '',
     closePopUp,
-    confirmButton,
-    customPosition,
-    header,
+    confirmButton = null,
+    customPosition = {},
+    header = '',
     isOpen,
-    message,
-    messageOnly,
+    message = '',
+    messageOnly = false,
     onResolve
   } = _ref;
   const messageClassNames = (0, _classnames.default)('confirm-dialog__message', messageOnly && 'confirm-dialog__message-only');
@@ -88,15 +88,6 @@ const ConfirmDialog = _ref => {
     })
   });
 };
-ConfirmDialog.defaultProps = {
-  cancelButton: null,
-  className: '',
-  confirmButton: null,
-  customPosition: {},
-  header: '',
-  message: '',
-  messageOnly: false
-};
 ConfirmDialog.propTypes = {
   cancelButton: _types.CONFIRM_DIALOG_CANCEL_BUTTON,
   className: _propTypes.default.string,

package/dist/components/FormCheckBox/FormCheckBox.js

@@ -33,11 +33,11 @@ such restriction.
 const FormCheckBox = _ref => {
   let {
     children,
-    className,
-    highlightLabel,
-    label,
+    className = '',
+    highlightLabel = false,
+    label = '',
     name,
-    readOnly,
+    readOnly = false,
     ...inputProps
   } = _ref;
   const formFieldClassNames = (0, _classnames.default)('form-field-checkbox', readOnly && 'form-field-checkbox_readonly', className);
@@ -73,12 +73,6 @@ const FormCheckBox = _ref => {
     }
   });
 };
-FormCheckBox.defaultProps = {
-  className: '',
-  highlightLabel: false,
-  label: '',
-  readOnly: false
-};
 FormCheckBox.propTypes = {
   className: _propTypes.default.string,
   highlightLabel: _propTypes.default.bool,

package/dist/components/FormChipCell/FormChip/FormChip.js

@@ -34,19 +34,25 @@ const FormChip = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
     chip,
     chipIndex,
-    chipOptions,
+    chipOptions = {
+      background: 'purple',
+      boldValue: false,
+      borderRadius: 'primary',
+      borderColor: 'transparent',
+      density: 'dense',
+      font: 'purple'
+    },
     editConfig,
     handleEditChip,
     handleRemoveChip,
     handleToEditMode,
-    isDeleteMode,
-    isEditable,
-    keyName,
+    isEditable = false,
+    keyName = '',
     meta,
     setChipsSizes,
     setEditConfig,
-    validationRules,
-    valueName
+    validationRules = {},
+    valueName = ''
   } = _ref;
   const chipRef = _react.default.useRef();
   (0, _react.useEffect)(() => {
@@ -80,21 +86,6 @@ const FormChip = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     })
   });
 });
-FormChip.defaultProps = {
-  chipOptions: {
-    background: 'purple',
-    boldValue: false,
-    borderRadius: 'primary',
-    borderColor: 'transparent',
-    density: 'dense',
-    font: 'purple'
-  },
-  isDeleteMode: false,
-  isEditable: false,
-  keyName: '',
-  validationRules: {},
-  valueName: ''
-};
 FormChip.propTypes = {
   chip: _propTypes.default.object.isRequired,
   chipIndex: _propTypes.default.number.isRequired,
@@ -103,7 +94,6 @@ FormChip.propTypes = {
   handleEditChip: _propTypes.default.func.isRequired,
   handleRemoveChip: _propTypes.default.func.isRequired,
   handleToEditMode: _propTypes.default.func.isRequired,
-  isDeleteMode: _propTypes.default.bool,
   isEditable: _propTypes.default.bool,
   keyName: _propTypes.default.string,
   meta: _propTypes.default.object.isRequired,

package/dist/components/FormChipCell/FormChipCell.js

@@ -40,20 +40,27 @@ such restriction.
 
 const FormChipCell = _ref => {
   let {
-    chipOptions,
-    className,
-    delimiter,
+    chipOptions = {
+      background: 'purple',
+      boldValue: false,
+      borderRadius: 'primary',
+      borderColor: 'transparent',
+      density: 'dense',
+      font: 'purple'
+    },
+    className = '',
+    delimiter = null,
     formState,
     initialValues,
-    isEditable,
-    label,
+    isEditable = false,
+    label = null,
     name,
-    onClick,
-    shortChips,
-    validationRules,
-    validator,
+    onClick = () => {},
+    shortChips = false,
+    validationRules = {},
+    validator = null,
     onExitEditModeCallback,
-    visibleChipsMaxLength
+    visibleChipsMaxLength = null
   } = _ref;
   const chipsClassName = (0, _classnames.default)('chips', className);
   const {
@@ -314,25 +321,6 @@ const FormChipCell = _ref => {
     })]
   });
 };
-FormChipCell.defaultProps = {
-  chipOptions: {
-    background: 'purple',
-    boldValue: false,
-    borderRadius: 'primary',
-    borderColor: 'transparent',
-    density: 'dense',
-    font: 'purple'
-  },
-  className: '',
-  delimiter: null,
-  isEditable: false,
-  label: null,
-  onClick: () => {},
-  shortChips: false,
-  validationRules: {},
-  validator: null,
-  visibleChipsMaxLength: null
-};
 FormChipCell.propTypes = {
   chipOptions: _types.CHIP_OPTIONS,
   className: _propTypes.default.string,

package/dist/components/FormChipCell/FormChipCellView.js

@@ -38,7 +38,14 @@ such restriction.
 
 const FormChipCellView = /*#__PURE__*/_react.default.forwardRef((_ref, _ref2) => {
   let {
-    chipOptions,
+    chipOptions = {
+      background: 'purple',
+      boldValue: false,
+      borderRadius: 'primary',
+      borderColor: 'transparent',
+      density: 'dense',
+      font: 'purple'
+    },
     chips,
     editConfig,
     formState,
@@ -47,15 +54,15 @@ const FormChipCellView = /*#__PURE__*/_react.default.forwardRef((_ref, _ref2) =>
     handleRemoveChip,
     handleShowElements,
     handleToEditMode,
-    isEditable,
+    isEditable = false,
     name,
     setChipsSizes,
     setEditConfig,
-    shortChips,
+    shortChips = false,
     showChips,
     showHiddenChips,
     validateFields,
-    validationRules
+    validationRules = {}
   } = _ref;
   let {
     chipsCellRef,
@@ -150,19 +157,6 @@ const FormChipCellView = /*#__PURE__*/_react.default.forwardRef((_ref, _ref2) =>
     }
   });
 });
-FormChipCellView.defaultProps = {
-  chipOptions: {
-    background: 'purple',
-    boldValue: false,
-    borderRadius: 'primary',
-    borderColor: 'transparent',
-    density: 'dense',
-    font: 'purple'
-  },
-  isEditable: false,
-  shortChips: false,
-  validationRules: {}
-};
 FormChipCellView.propTypes = {
   chipOptions: _types.CHIP_OPTIONS,
   chips: _propTypes.default.object.isRequired,

package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.js

@@ -39,7 +39,7 @@ const HiddenChipsBlock = /*#__PURE__*/_react.default.forwardRef((_ref, _ref2) =>
     chipOptions,
     chips,
     handleShowElements,
-    textOverflowEllipsis
+    textOverflowEllipsis = false
   } = _ref;
   let {
     hiddenChipsCounterRef,
@@ -61,6 +61,7 @@ const HiddenChipsBlock = /*#__PURE__*/_react.default.forwardRef((_ref, _ref2) =>
   return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: hiddenChipsPopUpRef,
     className: hiddenChipsBlockClassNames,
+    onClick: event => event.stopPropagation(),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "chip-block-hidden__scrollable-container",
       children: chips === null || chips === void 0 ? void 0 : chips.map(element => {
@@ -97,9 +98,6 @@ const HiddenChipsBlock = /*#__PURE__*/_react.default.forwardRef((_ref, _ref2) =>
     })
   }), document.getElementById('overlay_container'));
 });
-HiddenChipsBlock.defaultProps = {
-  textOverflowEllipsis: false
-};
 HiddenChipsBlock.propTypes = {
   chipClassNames: _propTypes.default.string.isRequired,
   chipOptions: _types.CHIP_OPTIONS.isRequired,

package/dist/components/FormChipCell/NewChipForm/NewChipForm.js

@@ -37,12 +37,15 @@ under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
 
+const defaultProps = {
+  rules: {}
+};
 const NewChipForm = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
     chip,
     chipIndex,
     chipOptions,
-    className,
+    className = '',
     editConfig,
     handleRemoveChip,
     isEditable,
@@ -50,7 +53,7 @@ const NewChipForm = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     meta,
     onChange,
     setEditConfig,
-    validationRules: rules,
+    validationRules: rules = defaultProps.rules,
     valueName
   } = _ref;
   const [chipData, setChipData] = (0, _react.useState)({
@@ -82,7 +85,7 @@ const NewChipForm = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   const labelKeyClassName = (0, _classnames.default)(className, !editConfig.isKeyFocused && 'item_edited', !(0, _lodash.isEmpty)((0, _lodash.get)(meta, ['error', chipIndex, 'key'], [])) && !(0, _lodash.isEmpty)(chipData.key) && !chip.disabled && 'item_edited_invalid');
   const labelContainerClassName = (0, _classnames.default)('edit-chip-container', background && "edit-chip-container-background_".concat(background), borderColor && "edit-chip-container-border_".concat(borderColor), font && "edit-chip-container-font_".concat(font), density && "edit-chip-container-density_".concat(density), borderRadius && "edit-chip-container-border_".concat(borderRadius), (editConfig.isEdit || editConfig.isNewChip) && 'edit-chip-container_edited', chip.disabled && 'edit-chip-container_disabled edit-chip-container-font_disabled');
   const labelValueClassName = (0, _classnames.default)('input-label-value', !editConfig.isValueFocused && 'item_edited', !(0, _lodash.isEmpty)((0, _lodash.get)(meta, ['error', chipIndex, 'value'], [])) && !(0, _lodash.isEmpty)(chipData.value) && 'item_edited_invalid');
-  const closeButtonClass = (0, _classnames.default)('item-icon-close', !chip.disabled && (editConfig.chipIndex === chipIndex || !isEditable) && 'item-icon-close_hidden');
+  const closeButtonClass = (0, _classnames.default)('item-icon-close', !chip.disabled && editConfig.chipIndex === chipIndex && isEditable && 'item-icon-close_invisible', !isEditable && 'item-icon-close_hidden');
   (0, _react.useLayoutEffect)(() => {
     if (!chipData.keyFieldWidth && !chipData.valueFieldWidth) {
       const currentWidthKeyInput = refInputKey.current.scrollWidth + 1;
@@ -282,10 +285,6 @@ const NewChipForm = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     })]
   });
 });
-NewChipForm.defaultProps = {
-  className: '',
-  validationRules: {}
-};
 NewChipForm.propTypes = {
   chip: _propTypes.default.object.isRequired,
   chipIndex: _propTypes.default.number.isRequired,

package/dist/components/FormChipCell/NewChipForm/newChipForm.scss

@@ -58,6 +58,10 @@
       justify-content: center;
 
       &_hidden {
+        display: none;
+      }
+
+      &_invisible {
         visibility: hidden;
       }
 

package/dist/components/FormCombobox/FormCombobox.js

@@ -44,27 +44,31 @@ such restriction.
 
 const FormCombobox = _ref => {
   let {
-    comboboxClassName,
-    density,
-    disabled,
-    hideSearchInput,
-    inputDefaultValue,
-    inputPlaceholder,
+    comboboxClassName = '',
+    density = 'normal',
+    disabled = false,
+    hideSearchInput = false,
+    inputDefaultValue = '',
+    inputPlaceholder = '',
     invalidText,
-    label,
-    maxSuggestedMatches,
+    label = '',
+    maxSuggestedMatches = 1,
     name,
-    onBlur,
-    onChange,
-    onFocus,
-    required,
-    rules,
-    selectDefaultValue,
+    onBlur = null,
+    onChange = null,
+    onFocus = null,
+    required = false,
+    rules = [],
+    selectDefaultValue = {
+      label: '',
+      id: '',
+      className: ''
+    },
     selectOptions,
-    selectPlaceholder,
-    suggestionList,
-    validator,
-    withoutBorder
+    selectPlaceholder = '',
+    suggestionList = [],
+    validator = null,
+    withoutBorder = false
   } = _ref;
   const {
     input,
@@ -403,30 +407,6 @@ const FormCombobox = _ref => {
     }
   });
 };
-FormCombobox.defaultProps = {
-  comboboxClassName: '',
-  density: 'normal',
-  disabled: false,
-  hideSearchInput: false,
-  inputDefaultValue: '',
-  inputPlaceholder: '',
-  label: '',
-  maxSuggestedMatches: 1,
-  onBlur: null,
-  onFocus: null,
-  onChange: null,
-  required: false,
-  rules: [],
-  selectDefaultValue: {
-    label: '',
-    id: '',
-    className: ''
-  },
-  selectPlaceholder: '',
-  suggestionList: [],
-  validator: null,
-  withoutBorder: false
-};
 FormCombobox.propTypes = {
   comboboxClassName: _propTypes.default.string,
   density: _propTypes.default.oneOf(['dense', 'normal', 'medium', 'chunky']),

package/dist/components/FormInput/FormInput.js

@@ -42,33 +42,47 @@ under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
 
+const defaultProps = {
+  iconClick: () => {},
+  link: {
+    show: '',
+    value: ''
+  },
+  onBlur: () => {},
+  onChange: () => {},
+  onKeyDown: () => {},
+  validator: () => {},
+  rules: []
+};
 const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   var _ref2;
   let {
-    async,
-    className,
-    customRequiredLabel,
-    density,
-    disabled,
-    focused,
-    iconClass,
-    iconClick,
-    inputIcon,
-    invalidText,
-    label,
-    link,
+    async = false,
+    className = '',
+    customRequiredLabel = '',
+    density = 'normal',
+    disabled = false,
+    focused = false,
+    iconClass = '',
+    iconClick = defaultProps.iconClick,
+    inputIcon = null,
+    invalidText = 'This field is invalid',
+    label = '',
+    link = defaultProps.link,
     name,
-    onBlur,
-    onChange,
+    onBlur = defaultProps.onBlur,
+    onChange = defaultProps.onChange,
     onFocus,
-    onKeyDown,
-    pattern,
-    required,
-    suggestionList,
-    tip,
-    validationRules: rules,
-    validator,
-    withoutBorder,
+    onKeyDown = defaultProps.onKeyDown,
+    pattern = null,
+    required = false,
+    suggestionList = [],
+    step = '1',
+    tip = '',
+    type = 'text',
+    validationRules: rules = defaultProps.rules,
+    validator = defaultProps.validator,
+    withoutBorder = false,
     ...inputProps
   } = _ref;
   const {
@@ -199,7 +213,7 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       }
     }
     if ((0, _lodash.isEmpty)(validationError)) {
-      if (inputProps.type === 'number') {
+      if (type === 'number') {
         if (inputProps.max && +valueToValidate > +inputProps.max) {
           validationError = {
             name: 'maxValue',
@@ -249,7 +263,7 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     return validationError;
   }, 400);
   const parseField = val => {
-    return inputProps.type === 'number' && val ? parseFloat(val) || val : val;
+    return type === 'number' && val ? parseFloat(val) || val : val;
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
     validate: async ? validateFieldAsync : validateField,
@@ -299,6 +313,7 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
               required: isInvalid || required,
               disabled,
               pattern,
+              type,
               ...inputProps,
               ...input,
               autoComplete: (_inputProps$autocompl = inputProps.autocomplete) !== null && _inputProps$autocompl !== void 0 ? _inputProps$autocompl : 'off',
@@ -328,9 +343,9 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
               onClick: iconClick,
               children: inputIcon
             })]
-          }), inputProps.type === 'number' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputNumberButtons.default, {
+          }), type === 'number' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputNumberButtons.default, {
             ...inputProps,
-            step: +inputProps.step,
+            step: +step,
             ...input,
             disabled
           })]
@@ -357,39 +372,6 @@ const FormInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     }
   });
 });
-FormInput.defaultProps = {
-  async: false,
-  className: '',
-  customRequiredLabel: '',
-  density: 'normal',
-  disabled: false,
-  focused: false,
-  iconClass: '',
-  iconClick: () => {},
-  inputIcon: null,
-  invalidText: 'This field is invalid',
-  label: '',
-  link: {
-    show: '',
-    value: ''
-  },
-  min: null,
-  max: null,
-  onBlur: () => {},
-  onChange: () => {},
-  onKeyDown: () => {},
-  pattern: null,
-  placeholder: '',
-  required: false,
-  step: '1',
-  suggestionList: [],
-  tip: '',
-  type: 'text',
-  validationRules: [],
-  validator: () => {},
-  value: '',
-  withoutBorder: false
-};
 FormInput.propTypes = {
   async: _propTypes.default.bool,
   className: _propTypes.default.string,

package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.js

@@ -31,11 +31,11 @@ such restriction.
 
 const InputNumberButtons = _ref => {
   let {
-    disabled,
-    min,
-    max,
+    disabled = false,
+    min = null,
+    max = null,
     onChange,
-    step,
+    step = 1,
     value
   } = _ref;
   const handleIncrease = event => {
@@ -80,12 +80,6 @@ const InputNumberButtons = _ref => {
     })
   });
 };
-InputNumberButtons.defaultProps = {
-  disabled: false,
-  min: null,
-  max: null,
-  step: 1
-};
 InputNumberButtons.propTypes = {
   disabled: _propTypes.default.bool,
   min: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),