iguazio.dashboard-react-controls 2.2.17 → 2.2.19

package/dist/components/Button/Button.js

@@ -38,6 +38,7 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     className = '',
     density = 'normal',
     icon,
+    iconPosition = 'left',
     id = 'btn',
     label = 'Button',
     tooltip = '',
@@ -50,16 +51,16 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     className: buttonClassName,
     ref: ref,
     "data-testid": id,
-    children: [icon, tooltip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+    children: [icon && iconPosition === 'left' && icon, tooltip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
       template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
         text: tooltip
       }),
-      children: label && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: label
       })
-    }) : label && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }) : label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: label
-    })]
+    }), icon && iconPosition === 'right' && icon]
   });
 });
 Button.propTypes = {

package/dist/components/FormChipCell/FormChipCell.js

@@ -82,9 +82,6 @@ const FormChipCell = _ref => {
     isValueFocused: false,
     isNewChip: false
   });
-  (0, _react.useEffect)(() => {
-    formState.form.change('labelsAreInEditMode', editConfig.isEdit);
-  }, [editConfig.isEdit, formState.form]);
   let chips = (0, _react.useMemo)(() => {
     return isEditable || visibleChipsMaxLength === 'all' ? {
       visibleChips: (0, _lodash.get)(formState.values, name),

package/dist/components/Wizard/Wizard.js

@@ -13,6 +13,7 @@ var _Modal = _interopRequireDefault(require("../Modal/Modal"));
 var _WizardSteps = _interopRequireDefault(require("./WizardSteps/WizardSteps"));
 var _constants = require("../../constants");
 var _types = require("../../types");
+var _backArrow = require("../../images/back-arrow.svg");
 require("./Wizard.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -107,20 +108,25 @@ const Wizard = _ref => {
     if (activeStepNumber !== 0) {
       defaultActions.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         id: "wizard-btn-back",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_backArrow.ReactComponent, {}),
+        className: "wizard-form__back-button",
         onClick: goToPreviousStep,
         disabled: activeStepNumber === 0,
         label: "Back",
         type: "button",
-        variant: _constants.LABEL_BUTTON
+        variant: _constants.TERTIARY_BUTTON
       }));
     }
     defaultActions.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       id: "wizard-btn-next",
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_backArrow.ReactComponent, {}),
+      iconPosition: "right",
+      className: "wizard-form__next-button",
       disabled: (stepConfig === null || stepConfig === void 0 ? void 0 : stepConfig.nextIsDisabled) || isLastStep,
       onClick: goToNextStep,
-      label: 'Next',
+      label: "Next",
       type: "button",
-      variant: _constants.LABEL_BUTTON
+      variant: _constants.TERTIARY_BUTTON
     }));
     return defaultActions;
   };

package/dist/components/Wizard/Wizard.scss

@@ -37,4 +37,17 @@
       height: 100%;
     }
   }
+
+  &__back-button,
+  &__next-button {
+    svg {
+      width: 14px;
+    }
+  }
+
+  &__next-button {
+    svg {
+      rotate: 180deg;
+    }
+  }
 }

package/dist/hooks/useChipCell.hook.js

@@ -103,7 +103,7 @@ const useChipCell = (isEditMode, visibleChipsMaxLength) => {
       setShowChips(true);
     }
   }, [chipsSizes, isEditMode]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useLayoutEffect)(() => {
     resizeChipCell();
   }, [resizeChipCell]);
   (0, _react.useEffect)(() => {

package/dist/utils/validation.util.js

@@ -294,7 +294,15 @@ const validationRules = {
   artifact: {
     name: [generateRule.validCharacters('a-z A-Z 0-9 - _ .'), generateRule.beginEndWith('a-z A-Z 0-9'), generateRule.length({
       max: 253
-    }), generateRule.required()]
+    }), generateRule.required()],
+    labels: {
+      key: [generateRule.notContainCharacters(':'), generateRule.beginEndWith('a-z A-Z 0-9'), generateRule.length({
+        max: 255
+      })],
+      value: [generateRule.beginEndWith('a-z A-Z 0-9'), generateRule.length({
+        max: 255
+      })]
+    }
   },
   feature: {
     sets: {

package/package.json

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