Create a new dist version 1.3.1 (#144)

Collecting:
- Impl [Icons] Change details view icons (#143)
- Fix [Select] Unclear method options under during the Batch Run setting (#142)

commit_message

@@ -1,6 +1,7 @@
 
 
-Create a new dist version 1.3.0
+Create a new dist version 1.3.1
 
 Collecting:
-- Impl [Job Wizard] Changes to Parameters table (#140)
+- Impl [Icons] Change details view icons (#143)
+- Fix [Select] Unclear method options under during the Batch Run setting (#142)

dist/components/Wizard/WizardSteps/WizardSteps.scss

@@ -25,50 +25,52 @@
     margin-bottom: 10px;
   }
 
-  &__item {
-    justify-content: flex-start;
-    background-color: inherit;
-    border: 0;
-    border-radius: 8px;
-    font-size: 1em;
-    padding: 8px;
-    min-height: 52px;
-    width: 100%;
+  .wizard-steps {
+    &__item {
+      justify-content: flex-start;
+      background-color: inherit;
+      border: 0;
+      border-radius: 8px;
+      font-size: 1em;
+      padding: 8px;
+      min-height: 52px;
+      width: 100%;
 
-    & > * {
-      text-align: left;
-      white-space: normal;
-    }
+      & > * {
+        text-align: left;
+        white-space: normal;
+      }
 
-    &.active {
-      background-color: $malibuTwo;
-      color: $cornflowerBlue;
+      &.active {
+        background-color: $malibuTwo;
+        color: $cornflowerBlue;
 
-      .wizard-steps__indicator {
-        border-color: transparent;
-        color: $white;
-        background-color: $malibu;
+        .wizard-steps__indicator {
+          border-color: transparent;
+          color: $white;
+          background-color: $malibu;
+        }
       }
-    }
 
-    &.valid {
-      color: $primary;
+      &.valid {
+        color: $primary;
 
-      .wizard-steps__indicator {
-        border-color: $malibu;
-        color: $malibu;
-        background-color: inherit;
+        .wizard-steps__indicator {
+          border-color: $malibu;
+          color: $malibu;
+          background-color: inherit;
+        }
       }
-    }
-
-    &:disabled {
-      border: 0;
-      color: $spunPearl;
 
-      .wizard-steps__indicator {
-        border-color: $spunPearl;
+      &:disabled {
+        border: 0;
         color: $spunPearl;
-        background-color: inherit;
+
+        .wizard-steps__indicator {
+          border-color: $spunPearl;
+          color: $spunPearl;
+          background-color: inherit;
+        }
       }
     }
   }

dist/elements/SelectOption/SelectOption.js

@@ -52,40 +52,43 @@ var SelectOption = function SelectOption(_ref) {
       })
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-testid": "select-option",
     className: selectClassName,
     onClick: function onClick() {
       !item.disabled && _onClick(item.id);
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "label-row",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "data-ellipsis select__item-label",
-        children: [item.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          "data-testid": "select-icon",
-          className: "select__item-icon",
-          children: item.icon
-        }), item.status && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "state-".concat(item.status, "-job status")
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: " select__item-main-label",
+          children: [item.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            "data-testid": "select-icon",
+            className: "select__item-icon",
+            children: item.icon
+          }), item.status && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "state-".concat(item.status, "-job status")
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
+            template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextTooltipTemplate, {
+              text: item.label
+            }),
+            children: item.label
+          })]
+        }), item.subLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
+          className: "select__item-sub-label",
           template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextTooltipTemplate, {
-            text: item.label
+            text: item.subLabel
           }),
-          children: item.label
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: item.subLabel
+          })
         })]
       }), withSelectedIcon && item.id === selectedId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkmark.ReactComponent, {
         className: "checkmark"
       })]
-    }), item.subLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
-      className: "select__item-sub-label",
-      template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextTooltipTemplate, {
-        text: item.subLabel
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: item.subLabel
-      })
-    })]
+    })
   });
 };
 SelectOption.defaultProps = {

dist/elements/SelectOption/selectOption.scss

@@ -61,14 +61,22 @@
 
     &-label {
       display: flex;
-      flex-flow: row nowrap;
+      flex-flow: row wrap;
       align-items: center;
       justify-content: flex-start;
       flex: 1;
     }
 
+    &-main-label {
+      display: flex;
+      flex-flow: row nowrap;
+      align-items: center;
+      justify-content: flex-start;
+    }
+
     &-sub-label {
       margin-top: 5px;
+      font-size: 13px;
     }
 
     &-icon {
@@ -77,6 +85,7 @@
     }
 
     .checkmark {
+      align-self: flex-start;
       margin: 0 0 0 10px;
 
       path {

package.json

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