iguazio.dashboard-react-controls 1.3.4 → 1.3.6

package/dist/components/Button/Button.js

@@ -50,18 +50,18 @@ var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     variant = _ref.variant,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var buttonClassName = (0, _classnames.default)('btn', "btn-".concat(variant), "btn-".concat(density), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({}, restProps), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({}, restProps), {}, {
     className: buttonClassName,
     ref: ref,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Tooltip.default, {
+    children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
       template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
         text: tooltip
       }),
       hidden: !tooltip,
-      children: [icon, label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: label
-      })]
-    })
+      })
+    })]
   }));
 });
 Button.defaultProps = {

package/dist/components/FormCombobox/FormCombobox.js

@@ -271,7 +271,9 @@ var FormCombobox = function FormCombobox(_ref) {
       onFocus && onFocus(input.value);
     }
   }, [input, onBlur, onFocus, showSelectDropdown]);
-  var validateField = function validateField(value, allValues) {
+  var validateField = function validateField() {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var allValues = arguments.length > 1 ? arguments[1] : undefined;
     var valueToValidate = value.startsWith(selectValue.id) ? value.substring(selectValue.id.length) : value !== null && value !== void 0 ? value : '';
     var validationError = null;
     if (!(0, _lodash.isEmpty)(validationRules)) {

package/dist/components/FormSelect/FormSelect.js

@@ -178,7 +178,7 @@ var FormSelect = function FormSelect(_ref) {
     };
   }, [clickHandler, handleScroll, isOpen]);
   var scrollOptionToView = (0, _react.useCallback)(function () {
-    var selectedOptionEl = optionsListRef.current.querySelector("#".concat(input.value));
+    var selectedOptionEl = optionsListRef.current.querySelector("#".concat(_constants.SELECT_OPTION_ID_PREFIX).concat(input.value));
     searchValue ? optionsListRef.current.scrollTo({
       top: 0,
       left: 0,
@@ -215,7 +215,7 @@ var FormSelect = function FormSelect(_ref) {
       setSearchValue('');
     }
   }, [closeMenu, multiple]);
-  var handleSelectOptionClick = function handleSelectOptionClick(selectedOption, option, ref) {
+  var handleSelectOptionClick = function handleSelectOptionClick(selectedOption, option) {
     if (selectedOption !== input.value) {
       option.handler && option.handler();
       onChange && onChange(selectedOption);

package/dist/components/Wizard/WizardSteps/WizardSteps.scss

@@ -14,16 +14,15 @@
     flex-flow: column nowrap;
     overflow-y: auto;
     padding: 0 1rem;
-  }
 
-  & > *:not(:last-child) {
-    margin-bottom: 10px;
+    & > *:not(:last-child) {
+      margin-bottom: 10px;
+    }
   }
 
   .wizard-steps {
     &__item {
-      align-items: baseline;
-      justify-content: flex-start;
+      display: block;
       background-color: inherit;
       border: 0;
       border-radius: 8px;
@@ -33,17 +32,14 @@
       height: auto;
       width: 100%;
 
-      & > * {
+      @media screen and (min-width: 1200px) {
         display: flex;
-        flex-flow: column nowrap;
         align-items: center;
-        text-align: center;
-        white-space: normal;
-        width: 100%;
+        justify-content: flex-start;
 
-        @media screen and (min-width: 1200px) {
-          flex-flow: row nowrap;
+        & > * {
           text-align: left;
+          white-space: normal;
         }
       }
 

package/dist/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validation = exports.TERTIARY_BUTTON = exports.TAB_SHIFT = exports.TAB = exports.SECONDARY_BUTTON = exports.PRIMARY_BUTTON = exports.NOTFOUND_ERROR_STATUS_CODE = exports.MODAL_SM = exports.MODAL_MIN = exports.MODAL_MD = exports.MODAL_MAX = exports.MODAL_LG = exports.LABEL_BUTTON = exports.INTERNAL_SERVER_ERROR_STATUS_CODE = exports.GATEWAY_TIMEOUT_STATUS_CODE = exports.FORBIDDEN_ERROR_STATUS_CODE = exports.DELETE = exports.DANGER_BUTTON = exports.CONFLICT_ERROR_STATUS_CODE = exports.CLICK = exports.BADREQUEST_ERROR_STATUS_CODE = exports.BACKSPACE = void 0;
+exports.validation = exports.TERTIARY_BUTTON = exports.TAB_SHIFT = exports.TAB = exports.SELECT_OPTION_ID_PREFIX = exports.SECONDARY_BUTTON = exports.PRIMARY_BUTTON = exports.NOTFOUND_ERROR_STATUS_CODE = exports.MODAL_SM = exports.MODAL_MIN = exports.MODAL_MD = exports.MODAL_MAX = exports.MODAL_LG = exports.LABEL_BUTTON = exports.INTERNAL_SERVER_ERROR_STATUS_CODE = exports.GATEWAY_TIMEOUT_STATUS_CODE = exports.FORBIDDEN_ERROR_STATUS_CODE = exports.DELETE = exports.DANGER_BUTTON = exports.CONFLICT_ERROR_STATUS_CODE = exports.CLICK = exports.BADREQUEST_ERROR_STATUS_CODE = exports.BACKSPACE = void 0;
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -86,4 +86,8 @@ exports.MODAL_LG = MODAL_LG;
 var MODAL_MIN = 'min';
 exports.MODAL_MIN = MODAL_MIN;
 var MODAL_MAX = 'max';
-exports.MODAL_MAX = MODAL_MAX;
+
+/*=========== SELECT =============*/
+exports.MODAL_MAX = MODAL_MAX;
+var SELECT_OPTION_ID_PREFIX = 'id-';
+exports.SELECT_OPTION_ID_PREFIX = SELECT_OPTION_ID_PREFIX;

package/dist/elements/SelectOption/SelectOption.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../components");
 var _types = require("../../types");
+var _constants = require("../../constants");
 var _checkmark = require("../../images/checkmark.svg");
 require("./selectOption.scss");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -58,7 +59,7 @@ var SelectOption = function SelectOption(_ref) {
     onClick: function onClick() {
       !item.disabled && _onClick(item.id);
     },
-    id: item.id,
+    id: "".concat(_constants.SELECT_OPTION_ID_PREFIX).concat(item.id),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "label-row",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/dist/elements/SelectOption/selectOption.scss

@@ -77,6 +77,7 @@
     &-sub-label {
       margin-top: 5px;
       font-size: 13px;
+      width: 100%;
     }
 
     &-icon {

package/dist/images/databricks-icon.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.00003 13.456L12.3667 17.602L18.9794 13.902V15.3753L12.3667 19.108L5.37737 15.1347L5.0007 15.34V15.8533L12.3667 20L19.7334 15.8547V12.9767L19.3901 12.7707L12.3667 16.7453L5.7887 12.9767V11.5033L12.3667 15.2033L19.7334 11.058V8.21334L19.3901 8.008L12.3667 11.9827L6.13137 8.454L12.3667 4.92534L17.5401 7.83734L17.9854 7.56334V7.186L12.3667 4L5.00003 8.18V8.66L12.3667 12.8047L18.9794 9.10467V10.6113L12.3667 14.3467L5.37737 10.3733L5.0007 10.5787L5.00003 13.456Z" fill="#7F7989"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.75 13.6022L4.75073 10.4302L5.37992 10.0872L12.3671 14.0593L18.7294 10.4654V9.53103L12.3664 13.0913L4.75003 8.8062V8.03442L12.3667 3.71259L18.2354 7.04037V7.70305L17.5457 8.1274L12.3671 5.21241L6.63897 8.454L12.3667 11.6954L19.3936 7.71878L19.9834 8.07155V11.2042L12.3668 15.4902L6.0387 11.9308V12.8318L12.3675 16.4577L19.3938 12.4813L19.9834 12.8351V16.0009L12.3667 20.2869L4.7507 15.9995V15.1916L5.37992 14.8485L12.3672 18.8207L18.7294 15.2294V14.3284L12.3664 17.8887L4.75 13.6022ZM18.9794 13.902V15.3753L12.3667 19.108L5.37737 15.1347L5.0007 15.34V15.8533L12.3667 20L19.7334 15.8547V12.9767L19.3901 12.7707L12.3667 16.7453L5.7887 12.9767V11.5033L12.3667 15.2033L19.7334 11.058V8.21334L19.3901 8.008L12.3667 11.9827L6.13137 8.454L12.3667 4.92534L17.5401 7.83734L17.9854 7.56334V7.186L12.3667 4L5.00003 8.18V8.66L12.3667 12.8047L18.9794 9.10467V10.6113L12.3667 14.3467L5.37737 10.3733L5.0007 10.5787L5.00003 13.456L12.3667 17.602L18.9794 13.902Z" fill="#7F7989"/>
+</svg>

package/dist/utils/validation.util.js

@@ -310,6 +310,11 @@ var validationRules = {
       }), generateRule.required()]
     }
   },
+  function: {
+    name: [generateRule.validCharacters('a-z A-Z 0-9 - .'), generateRule.beginEndWith('a-z A-Z 0-9'), generateRule.length({
+      max: 63
+    }), generateRule.required()]
+  },
   common: {
     name: [generateRule.validCharacters('a-z A-Z 0-9 - _ .'), generateRule.beginEndWith('a-z A-Z 0-9'), generateRule.length({
       max: 63

package/package.json

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