Create a new dist version 2.2.19 (iguazio#367)

Collecting:
- Fix [Wizard] batch run - back/next buttons does not look like "button" (iguazio#365)
- Fix [UI] "All changes will be lost" pop up appears upon artifact register / job schedule (iguazio#366)

Author: ilan7empest

commit_message

@@ -1,7 +1,7 @@
 
 
-Create a new dist version 2.2.18
+Create a new dist version 2.2.19
 
 Collecting:
-- Fix [Jobs] Table row render issue (#363)
-- Fix [Artifacts] special characters in artifact label value should be considered legit (#362)
+- Fix [Wizard] batch run - back/next buttons does not look like "button" (#365)
+- Fix [UI] "All changes will be lost" pop up appears upon artifact register / job schedule (#366)

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 = {

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),

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;
   };

dist/components/Wizard/Wizard.scss

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

package.json

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