iguazio.dashboard-react-controls 2.1.4 → 2.1.5

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,
@@ -97,9 +97,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)({
@@ -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/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]),

package/dist/components/FormKeyValueTable/FormKeyValueTable.js

@@ -33,26 +33,26 @@ such restriction.
 
 const FormKeyValueTable = _ref => {
   let {
-    actionButtonId,
-    addNewItemLabel,
-    className,
-    defaultKey,
-    disabled,
-    exitEditModeTriggerItem,
+    actionButtonId = '',
+    addNewItemLabel = 'Add new item',
+    className = '',
+    defaultKey = '',
+    disabled = false,
+    exitEditModeTriggerItem = null,
     fieldsPath,
     formState,
-    isKeyEditable,
-    isKeyRequired,
-    isValueRequired,
-    keyHeader,
-    keyLabel,
-    keyOptions,
-    keyValidationRules,
-    onExitEditModeCallback,
-    valueHeader,
-    valueLabel,
-    valueType,
-    valueValidationRules
+    isKeyEditable = true,
+    isKeyRequired = true,
+    isValueRequired = true,
+    keyHeader = 'Key',
+    keyLabel = 'Key',
+    keyOptions = null,
+    keyValidationRules = [],
+    onExitEditModeCallback = () => {},
+    valueHeader = 'Value',
+    valueLabel = 'Value',
+    valueType = 'text',
+    valueValidationRules = []
   } = _ref;
   const tableClassNames = (0, _classnames.default)('form-table form-key-value-table', disabled && 'form-table_disabled', className);
   const {
@@ -194,26 +194,6 @@ const FormKeyValueTable = _ref => {
     })]
   });
 };
-FormKeyValueTable.defaultProps = {
-  actionButtonId: '',
-  addNewItemLabel: 'Add new item',
-  className: '',
-  defaultKey: '',
-  disabled: false,
-  exitEditModeTriggerItem: null,
-  isKeyEditable: true,
-  isKeyRequired: true,
-  isValueRequired: true,
-  keyHeader: 'Key',
-  keyLabel: 'Key',
-  keyOptions: null,
-  keyValidationRules: [],
-  onExitEditModeCallback: () => {},
-  valueHeader: 'Value',
-  valueLabel: 'Value',
-  valueType: 'text',
-  valueValidationRules: []
-};
 FormKeyValueTable.propTypes = {
   actionButtonId: _propTypes.default.string,
   addNewItemLabel: _propTypes.default.string,

package/dist/components/FormRadio/FormRadio.js

@@ -32,10 +32,10 @@ such restriction.
 
 const FormRadio = _ref => {
   let {
-    className,
+    className = '',
     name,
     label,
-    readOnly,
+    readOnly = false,
     tooltip,
     ...inputProps
   } = _ref;
@@ -76,10 +76,6 @@ const FormRadio = _ref => {
     }
   });
 };
-FormRadio.defaultProps = {
-  className: '',
-  readOnly: false
-};
 FormRadio.propTypes = {
   className: _propTypes.default.string,
   label: _propTypes.default.string.isRequired,

package/dist/components/FormSelect/FormSelect.js

@@ -17,7 +17,6 @@ var _types = require("../../types");
 var _constants = require("../../constants");
 var _dropdown = require("../../images/dropdown.svg");
 require("./formSelect.scss");
-var _lodash = require("lodash");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -42,22 +41,22 @@ such restriction.
 const FormSelect = _ref => {
   var _selectRef$current;
   let {
-    className,
-    density,
-    disabled,
-    hideSelectedOption,
-    label,
-    multiple,
+    className = '',
+    density = 'normal',
+    disabled = false,
+    hideSelectedOption = false,
+    label = '',
+    multiple = false,
     name,
     onChange,
     options,
     required,
-    search,
+    search = false,
     selectedItemAction,
-    scrollToView,
-    tooltip,
-    withoutBorder,
-    withSelectedIcon
+    scrollToView = true,
+    tooltip = '',
+    withoutBorder = false,
+    withSelectedIcon = true
   } = _ref;
   const {
     input,
@@ -335,20 +334,6 @@ const FormSelect = _ref => {
     }
   });
 };
-FormSelect.defaultProps = {
-  className: '',
-  density: 'normal',
-  disabled: false,
-  hideSelectedOption: false,
-  label: '',
-  onClick: null,
-  search: false,
-  tooltip: '',
-  multiple: false,
-  scrollToView: true,
-  withoutBorder: false,
-  withSelectedIcon: true
-};
 FormSelect.propTypes = {
   className: _propTypes.default.string,
   density: _propTypes.default.oneOf(['dense', 'normal', 'medium', 'chunky']),
@@ -356,7 +341,6 @@ FormSelect.propTypes = {
   hideSelectedOption: _propTypes.default.bool,
   label: _propTypes.default.string,
   name: _propTypes.default.string.isRequired,
-  onClick: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.bool]),
   options: _types.SELECT_OPTIONS.isRequired,
   search: _propTypes.default.bool,
   tooltip: _propTypes.default.string,

package/dist/components/FormTextarea/FormTextarea.js

@@ -36,19 +36,20 @@ such restriction.
 
 const FormTextarea = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
-    className,
-    disabled,
-    focused,
-    iconClass,
-    invalidText,
-    label,
-    maxLength,
+    className = '',
+    disabled = false,
+    focused = false,
+    iconClass = '',
+    invalidText = 'This field is invalid',
+    label = '',
+    maxLength = null,
     name,
-    onBlur,
-    onChange,
-    required,
+    onBlur = () => {},
+    onChange = () => {},
+    required = false,
+    rows = 3,
     textAreaIcon,
-    tip,
+    tip = '',
     withoutBorder,
     ...textareaProps
   } = _ref;
@@ -133,6 +134,7 @@ const FormTextarea = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
               ref: textAreaRef,
               required: isInvalid || required,
               disabled,
+              rows,
               ...textareaProps,
               ...input,
               onBlur: handleInputBlur,
@@ -165,22 +167,6 @@ const FormTextarea = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     }
   });
 });
-FormTextarea.defaultProps = {
-  className: '',
-  disabled: false,
-  focused: false,
-  iconClass: '',
-  textAreaIcon: null,
-  invalidText: 'This field is invalid',
-  label: '',
-  maxLength: null,
-  onBlur: () => {},
-  onChange: () => {},
-  placeholder: '',
-  required: false,
-  rows: 3,
-  tip: ''
-};
 FormTextarea.propTypes = {
   className: _propTypes.default.string,
   disabled: _propTypes.default.bool,
@@ -193,7 +179,6 @@ FormTextarea.propTypes = {
   name: _propTypes.default.string.isRequired,
   onBlur: _propTypes.default.func,
   onChange: _propTypes.default.func,
-  placeholder: _propTypes.default.string,
   required: _propTypes.default.bool,
   tip: _propTypes.default.string
 };

package/dist/components/FormToggle/FormToggle.js

@@ -30,11 +30,11 @@ such restriction.
 
 const FormToggle = _ref => {
   let {
-    className,
+    className = '',
     density,
-    label,
+    label = '',
     name,
-    onChange,
+    onChange = () => {},
     ...inputProps
   } = _ref;
   const toggleWrapperClassNames = (0, _classnames.default)('form-field__wrapper', density && "form-field__wrapper-".concat(density));
@@ -72,11 +72,6 @@ const FormToggle = _ref => {
     }
   });
 };
-FormToggle.defaultProps = {
-  className: '',
-  label: '',
-  onChange: () => {}
-};
 FormToggle.propTypes = {
   className: _propTypes.default.string,
   density: _propTypes.default.string,

package/dist/components/Modal/Modal.js

@@ -35,15 +35,15 @@ such restriction.
 
 const Modal = _ref => {
   let {
-    actions,
+    actions = [],
     children,
     className,
     onClose,
-    previewText,
-    size,
-    show,
-    subTitle,
-    title
+    previewText = '',
+    size = _constants.MODAL_MD,
+    show = false,
+    subTitle = null,
+    title = ''
   } = _ref;
   const modalClassNames = (0, _classnames.default)('modal', className, size && "modal-".concat(size));
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -97,14 +97,6 @@ const Modal = _ref => {
     })]
   });
 };
-Modal.defaultProps = {
-  actions: [],
-  previewText: '',
-  show: false,
-  size: _constants.MODAL_MD,
-  subTitle: null,
-  title: ''
-};
 Modal.propTypes = {
   actions: _propTypes.default.array,
   children: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.object, _propTypes.default.node, _propTypes.default.string]).isRequired,

package/dist/components/PopUpDialog/PopUpDialog.js

@@ -40,14 +40,14 @@ const PopUpDialog = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   var _ref2;
   let {
     children,
-    className,
-    closePopUp,
-    customPosition,
-    headerIsHidden,
-    headerText,
-    showPopUpDialog,
-    style,
-    tooltipText
+    className = '',
+    closePopUp = () => {},
+    customPosition = {},
+    headerIsHidden = false,
+    headerText = '',
+    showPopUpDialog = true,
+    style = {},
+    tooltipText = ''
   } = _ref;
   const [showPopUp, setShowPopUp] = (0, _react.useState)(showPopUpDialog !== null && showPopUpDialog !== void 0 ? showPopUpDialog : true);
   const popUpOverlayRef = (0, _react.useRef)(null);
@@ -154,16 +154,6 @@ const PopUpDialog = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     })
   }), document.getElementById('overlay_container')) : null;
 });
-PopUpDialog.defaultProps = {
-  className: '',
-  closePopUp: () => {},
-  customPosition: {},
-  headerIsHidden: false,
-  headerText: '',
-  showPopUpDialog: true,
-  style: {},
-  tooltipText: ''
-};
 PopUpDialog.propTypes = {
   className: _propTypes.default.string,
   closePopUp: _propTypes.default.func,

package/dist/components/RoundedIcon/RoundedIcon.js

@@ -32,12 +32,12 @@ such restriction.
 const RoundedIcon = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
     children,
-    className,
-    disabled,
-    id,
-    isActive,
-    onClick,
-    tooltipText
+    className = '',
+    disabled = false,
+    id = '',
+    isActive = false,
+    onClick = () => {},
+    tooltipText = ''
   } = _ref;
   const wrapperClassNames = (0, _classnames.default)('round-icon-cp', className);
   const IconClassNames = (0, _classnames.default)('round-icon-cp__circle', isActive && 'round-icon-cp__circle-active', disabled && 'round-icon-cp__circle-disabled');
@@ -60,14 +60,6 @@ const RoundedIcon = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     })
   });
 });
-RoundedIcon.defaultProps = {
-  className: '',
-  disabled: false,
-  id: '',
-  isActive: false,
-  onClick: () => {},
-  tooltipText: ''
-};
 RoundedIcon.propTypes = {
   children: _propTypes.default.node.isRequired,
   className: _propTypes.default.string,

package/dist/components/Tip/Tip.js

@@ -39,7 +39,7 @@ const iconLength = parseInt(_tip.default.iconlength);
 const minTextLength = 40;
 const Tip = _ref => {
   let {
-    className,
+    className = '',
     text,
     withExclamationMark
   } = _ref;
@@ -108,9 +108,6 @@ const Tip = _ref => {
     }), document.getElementById('overlay_container'))]
   });
 };
-Tip.defaultProps = {
-  className: ''
-};
 Tip.propTypes = {
   className: _propTypes.default.string,
   text: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]).isRequired

package/dist/components/Tooltip/Tooltip.js

@@ -37,11 +37,11 @@ const Tooltip = _ref => {
   let {
     children,
     className,
-    hidden,
-    id,
-    renderChildAsHtml,
+    hidden = false,
+    id = '',
+    renderChildAsHtml = false,
     template,
-    textShow
+    textShow = false
   } = _ref;
   const [show, setShow] = (0, _react.useState)(false);
   const [style, setStyle] = (0, _react.useState)({});
@@ -167,12 +167,6 @@ const Tooltip = _ref => {
     }), document.getElementById('overlay_container'))]
   });
 };
-Tooltip.defaultProps = {
-  hidden: false,
-  id: '',
-  renderChildAsHtml: false,
-  textShow: false
-};
 Tooltip.propTypes = {
   className: _propTypes.default.string,
   hidden: _propTypes.default.bool,

package/dist/components/TooltipTemplate/ProducerTooltipTemplate.js

@@ -28,8 +28,8 @@ such restriction.
 
 const ProducerTooltipTemplate = _ref => {
   let {
-    kind,
-    owner
+    kind = '',
+    owner = ''
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "tooltip-container",
@@ -46,10 +46,6 @@ const ProducerTooltipTemplate = _ref => {
     })]
   });
 };
-ProducerTooltipTemplate.defaultProps = {
-  kind: '',
-  owner: ''
-};
 ProducerTooltipTemplate.propTypes = {
   kind: _propTypes.default.string.isRequired,
   owner: _propTypes.default.string.isRequired

package/dist/components/Wizard/Wizard.js

@@ -38,15 +38,15 @@ such restriction.
 const Wizard = _ref => {
   let {
     children,
-    className,
-    getActions,
+    className = '',
+    getActions = null,
     isWizardOpen,
     location,
     onWizardResolve,
-    previewText,
-    size,
-    stepsConfig,
-    subTitle,
+    previewText = '',
+    size = _constants.MODAL_MD,
+    stepsConfig = [],
+    subTitle = null,
     title
   } = _ref;
   const wizardClasses = (0, _classnames.default)('wizard-form', className);
@@ -164,19 +164,9 @@ const Wizard = _ref => {
     })]
   });
 };
-Wizard.defaultProps = {
-  className: '',
-  getActions: null,
-  confirmClose: false,
-  previewText: '',
-  size: _constants.MODAL_MD,
-  stepsConfig: [],
-  subTitle: null
-};
 Wizard.propsTypes = {
   className: _propTypes.default.string,
   getActions: _propTypes.default.func,
-  confirmClose: _propTypes.default.bool,
   isWizardOpen: _propTypes.default.bool.isRequired,
   location: _propTypes.default.string.isRequired,
   onWizardResolve: _propTypes.default.func.isRequired,

package/dist/components/Wizard/WizardSteps/WizardSteps.js

@@ -33,7 +33,7 @@ such restriction.
 const WizardSteps = _ref => {
   let {
     activeStepNumber,
-    firstDisabledStepIdx,
+    firstDisabledStepIdx = null,
     jumpToStep,
     steps
   } = _ref;
@@ -65,9 +65,6 @@ const WizardSteps = _ref => {
     })
   });
 };
-WizardSteps.defaultProps = {
-  firstDisabledStepIdx: null
-};
 WizardSteps.propTypes = {
   activeStepNumber: _propTypes.default.number.isRequired,
   firstDisabledStepIdx: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.oneOf([null])]),

package/dist/elements/FormActionButton/FormActionButton.js

@@ -31,12 +31,12 @@ such restriction.
 
 const FormActionButton = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
-    disabled,
+    disabled = false,
     fields,
     fieldsPath,
     hidden,
-    id,
-    label,
+    id = '',
+    label = 'Add new item',
     onClick
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -53,11 +53,6 @@ const FormActionButton = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     })]
   });
 });
-FormActionButton.defaultProps = {
-  disabled: false,
-  id: '',
-  label: 'Add new item'
-};
 FormActionButton.propTypes = {
   disabled: _propTypes.default.bool,
   fields: _propTypes.default.shape({}).isRequired,

package/dist/elements/FormRowActions/FormRowActions.js

@@ -38,13 +38,13 @@ const FormRowActions = _ref => {
   var _editingItem$ui, _editingItem$ui2, _editingItem$ui3, _editingItem$ui4;
   let {
     applyChanges,
-    deleteButtonIsHidden,
+    deleteButtonIsHidden = false,
     deleteRow,
-    disabled,
+    disabled = false,
     discardOrDelete,
-    editingItem,
+    editingItem = null,
     fieldsPath,
-    hidden,
+    hidden = false,
     index
   } = _ref;
   return hidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -86,12 +86,6 @@ const FormRowActions = _ref => {
     })]
   });
 };
-FormRowActions.defaultProps = {
-  deleteButtonIsHidden: false,
-  disabled: false,
-  editingItem: null,
-  hidden: false
-};
 FormRowActions.propTypes = {
   applyChanges: _propTypes.default.func.isRequired,
   deleteButtonIsHidden: _propTypes.default.bool,

package/dist/elements/OptionsMenu/OptionsMenu.js

@@ -30,9 +30,9 @@ such restriction.
 
 const OptionsMenu = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
-    children,
-    show,
-    timeout
+    children = [],
+    show = false,
+    timeout = 300
   } = _ref;
   const {
     width: dropdownWidth
@@ -52,7 +52,7 @@ const OptionsMenu = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
         autoHorizontalPosition: true
       },
       style: {
-        'minWidth': "".concat(dropdownWidth, "px")
+        minWidth: "".concat(dropdownWidth, "px")
       },
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
         className: "options-menu__body",
@@ -61,11 +61,6 @@ const OptionsMenu = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     })
   });
 });
-OptionsMenu.defaultProps = {
-  children: [],
-  show: false,
-  timeout: 300
-};
 OptionsMenu.propTypes = {
   children: _propTypes.default.arrayOf(_propTypes.default.element),
   show: _propTypes.default.bool.isRequired,

package/dist/elements/SelectOption/SelectOption.js

@@ -35,10 +35,10 @@ const SelectOption = _ref => {
   let {
     item,
     name,
-    onClick,
-    multiple,
+    onClick = () => {},
+    multiple = false,
     selectedId,
-    withSelectedIcon
+    withSelectedIcon = true
   } = _ref;
   const selectClassName = (0, _classnames.default)('select__item', multiple && 'multiple', item.hidden && 'hidden', item.disabled && 'disabled');
   if (multiple) {
@@ -97,11 +97,6 @@ const SelectOption = _ref => {
     })
   });
 };
-SelectOption.defaultProps = {
-  onClick: () => {},
-  multiple: false,
-  withSelectedIcon: true
-};
 SelectOption.propTypes = {
   name: _propTypes.default.string.isRequired,
   item: _types.SELECT_OPTION.isRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "iguazio.dashboard-react-controls",
-    "version": "2.1.4",
+    "version": "2.1.5",
     "description": "Collection of resources (such as CSS styles, fonts and images) and ReactJS 17.x components to share among different Iguazio React repos.",
     "main": "dist/index.js",
     "module": "dist/index.js",