iguazio.dashboard-react-controls 2.1.3 → 2.1.5

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/dist/utils/form.util.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setFieldState = exports.parseObjectToKeyValue = exports.generateObjectFromKeyValue = exports.areFormValuesChanged = void 0;
+exports.setFieldState = exports.parseObjectToKeyValue = exports.isSubmitDisabled = exports.generateObjectFromKeyValue = exports.areFormValuesChanged = void 0;
 var _lodash = require("lodash");
 /*
 Copyright 2022 Iguazio Systems Ltd.
@@ -63,4 +63,8 @@ const parseObjectToKeyValue = function () {
     };
   });
 };
-exports.parseObjectToKeyValue = parseObjectToKeyValue;
+exports.parseObjectToKeyValue = parseObjectToKeyValue;
+const isSubmitDisabled = formState => {
+  return formState.submitting || formState.invalid && formState.submitFailed;
+};
+exports.isSubmitDisabled = isSubmitDisabled;

package/dist/utils/validation.util.js

@@ -136,11 +136,12 @@ const generateRule = {
       pattern: new RegExp('[^' + convertToPattern(chars) + ']$')
     };
   },
-  beginEndWith: chars => {
+  beginEndWith: function (chars) {
+    let labelPrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     const convertedPattern = convertToPattern(chars);
     return {
       name: _constants.validation.BEGIN_END_WITH.NAME,
-      label: _constants.validation.BEGIN_END_WITH.LABEL + ': ' + convertToLabel(chars),
+      label: labelPrefix + _constants.validation.BEGIN_END_WITH.LABEL + ': ' + convertToLabel(chars),
       pattern: new RegExp('^([' + convertedPattern + '].*)?[' + convertedPattern + ']$')
     };
   },
@@ -160,10 +161,11 @@ const generateRule = {
       pattern: new RegExp('^([' + convertedPattern + '])?[^' + convertedPattern + ']+$')
     };
   },
-  validCharacters: chars => {
+  validCharacters: function (chars) {
+    let labelPrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     return {
       name: _constants.validation.VALID_CHARACTERS.NAME,
-      label: _constants.validation.VALID_CHARACTERS.LABEL + ': ' + convertToLabel(chars),
+      label: labelPrefix + _constants.validation.VALID_CHARACTERS.LABEL + ': ' + convertToLabel(chars),
       pattern: new RegExp('^[' + convertToPattern(chars) + ']+$')
     };
   },
@@ -213,14 +215,15 @@ const generateRule = {
       }
     };
   },
-  length: options => {
+  length: function (options) {
+    let labelPrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     const min = Number.isSafeInteger(options.min) ? options.min : 0;
     const max = Number.isSafeInteger(options.max) ? options.max : '';
     if (min || max) {
       const label = 'Length – ' + (min ? 'min: ' + options.min + '\xa0\xa0' : '') + (max ? 'max: ' + options.max : '');
       return {
         name: 'length',
-        label: label,
+        label: labelPrefix + label,
         pattern: new RegExp('^[\\S\\s]{' + min + ',' + max + '}$')
       };
     }
@@ -260,19 +263,13 @@ const commonRules = {
     pattern: /^(?![^/]{254,}\/)/
   }],
   k8sLabels: {
-    value: [{
-      name: 'valueBeginEnd',
-      label: "[Value] ".concat(_constants.validation.BEGIN_END_WITH.LABEL, " : a\u2013z, A\u2013Z, 0\u20139"),
-      pattern: /^([^/]+\/)?([A-Za-z0-9][^/]*)?[A-Za-z0-9]$/
-    }, {
-      name: 'valueMaxLength',
-      label: '[Value] Max length - 63 characters',
-      pattern: /^([^/]+\/)?[^/]{1,63}$/
-    }, {
-      name: 'valueValidCharacters',
-      label: "[Value] ".concat(_constants.validation.VALID_CHARACTERS.LABEL, ": a\u2013z, A\u2013Z, 0\u20139, \u2013, _, ."),
-      pattern: /^[a-zA-Z0-9\-_.]+$/
-    }]
+    getValue: function () {
+      let withPrefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      let labelPrefix = withPrefix ? '[Value] ' : '';
+      return [generateRule.beginEndWith('a-z A-Z 0-9', labelPrefix), generateRule.length({
+        max: 63
+      }, labelPrefix), generateRule.validCharacters('a-z A-Z 0-9 - _ .', labelPrefix)];
+    }
   }
   // email: [
   //   generateRule.beginEndNotWith('@ .'),
@@ -331,7 +328,7 @@ const validationRules = {
     }), generateRule.required()],
     labels: {
       key: commonRules.k8sLabels.key,
-      value: commonRules.k8sLabels.value
+      value: commonRules.k8sLabels.getValue(true)
     },
     params: {
       key: [generateRule.notContainCharacters('s')],
@@ -343,7 +340,7 @@ const validationRules = {
   },
   nodeSelectors: {
     key: commonRules.prefixedQualifiedName,
-    value: commonRules.k8sLabels.value
+    value: commonRules.k8sLabels.getValue(false)
   },
   environmentVariables: {
     secretName: [generateRule.validCharacters('a-z A-Z 0-9 - _ .'), generateRule.beginEndWith('a-z A-Z 0-9'), generateRule.noConsecutiveCharacters('.., .–, –.'), generateRule.maxLengthBetweenDelimiters(/[\.\-\_]/, 63, 'periods'), generateRule.length({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "iguazio.dashboard-react-controls",
-    "version": "2.1.3",
+    "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",