Create a new dist version 2.1.6 (#310)

Collecting:
- Fix [DRC] ESLint Error: useRef in Callback (#307)
- Fix [UI] Labels don't use all the block width (#308)
- Fix [Model endpoints] switching to model/feature set overview is malfunctioning (#309)

Author: ilan7empest

commit_message

@@ -1,6 +1,8 @@
 
 
-Create a new dist version 2.1.5
+Create a new dist version 2.1.6
 
 Collecting:
-- Fix [UI] Deprecated param - Support for defaultProps will be removed (#305)
+- Fix [DRC] ESLint Error: useRef in Callback (#307)
+- Fix [UI] Labels don't use all the block width (#308)
+- Fix [Model endpoints] switching to model/feature set overview is malfunctioning (#309)

dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.js

@@ -61,6 +61,7 @@ const HiddenChipsBlock = /*#__PURE__*/_react.default.forwardRef((_ref, _ref2) =>
   return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: hiddenChipsPopUpRef,
     className: hiddenChipsBlockClassNames,
+    onClick: event => event.stopPropagation(),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "chip-block-hidden__scrollable-container",
       children: chips === null || chips === void 0 ? void 0 : chips.map(element => {

dist/components/FormChipCell/NewChipForm/NewChipForm.js

@@ -85,7 +85,7 @@ const NewChipForm = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   const labelKeyClassName = (0, _classnames.default)(className, !editConfig.isKeyFocused && 'item_edited', !(0, _lodash.isEmpty)((0, _lodash.get)(meta, ['error', chipIndex, 'key'], [])) && !(0, _lodash.isEmpty)(chipData.key) && !chip.disabled && 'item_edited_invalid');
   const labelContainerClassName = (0, _classnames.default)('edit-chip-container', background && "edit-chip-container-background_".concat(background), borderColor && "edit-chip-container-border_".concat(borderColor), font && "edit-chip-container-font_".concat(font), density && "edit-chip-container-density_".concat(density), borderRadius && "edit-chip-container-border_".concat(borderRadius), (editConfig.isEdit || editConfig.isNewChip) && 'edit-chip-container_edited', chip.disabled && 'edit-chip-container_disabled edit-chip-container-font_disabled');
   const labelValueClassName = (0, _classnames.default)('input-label-value', !editConfig.isValueFocused && 'item_edited', !(0, _lodash.isEmpty)((0, _lodash.get)(meta, ['error', chipIndex, 'value'], [])) && !(0, _lodash.isEmpty)(chipData.value) && 'item_edited_invalid');
-  const closeButtonClass = (0, _classnames.default)('item-icon-close', !chip.disabled && (editConfig.chipIndex === chipIndex || !isEditable) && 'item-icon-close_hidden');
+  const closeButtonClass = (0, _classnames.default)('item-icon-close', !chip.disabled && editConfig.chipIndex === chipIndex && isEditable && 'item-icon-close_invisible', !isEditable && 'item-icon-close_hidden');
   (0, _react.useLayoutEffect)(() => {
     if (!chipData.keyFieldWidth && !chipData.valueFieldWidth) {
       const currentWidthKeyInput = refInputKey.current.scrollWidth + 1;

dist/components/FormChipCell/NewChipForm/newChipForm.scss

@@ -58,6 +58,10 @@
       justify-content: center;
 
       &_hidden {
+        display: none;
+      }
+
+      &_invisible {
         visibility: hidden;
       }
 

dist/hooks/useChipCell.hook.js

@@ -47,6 +47,7 @@ const useChipCell = (isEditMode, visibleChipsMaxLength) => {
         setShowHiddenChips(true);
       }
     }
+    event && event.stopPropagation();
   }, [isEditMode, visibleChipsMaxLength]);
   (0, _react.useEffect)(() => {
     if (showHiddenChips) {

dist/hooks/useDebounce.hook.js

@@ -22,29 +22,31 @@ under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
 
-const useDebounce = () => (validate, time) => {
+const useDebounce = () => {
   const timeout = (0, _react.useRef)(null);
   const lastValue = (0, _react.useRef)(null);
   const lastResult = (0, _react.useRef)(null);
-  return function (value) {
-    return new Promise(resolve => {
-      if (timeout.current) {
-        timeout.current();
-      }
-      if (value !== lastValue.current) {
-        const timerId = setTimeout(() => {
-          lastValue.current = value;
-          lastResult.current = validate(value);
+  return (0, _react.useCallback)((validate, time) => {
+    return value => {
+      return new Promise(resolve => {
+        if (timeout.current) {
+          timeout.current();
+        }
+        if (value !== lastValue.current) {
+          const timerId = setTimeout(() => {
+            lastValue.current = value;
+            lastResult.current = validate(value);
+            resolve(lastResult.current);
+          }, time);
+          timeout.current = () => {
+            clearTimeout(timerId);
+            resolve(true);
+          };
+        } else {
           resolve(lastResult.current);
-        }, time);
-        timeout.current = () => {
-          clearTimeout(timerId);
-          resolve(true);
-        };
-      } else {
-        resolve(lastResult.current);
-      }
-    });
-  };
+        }
+      });
+    };
+  }, []);
 };
 exports.useDebounce = useDebounce;

dist/utils/validation.util.js

@@ -380,7 +380,8 @@ const getValidationRules = (type, additionalRules) => {
  * @returns {Object} The rule that checks if a value is not in the internal labels.
  */
 exports.getValidationRules = getValidationRules;
-const getInternalLabelsValidationRule = internalLabels => {
+const getInternalLabelsValidationRule = function () {
+  let internalLabels = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return {
     name: 'customLabels',
     label: 'System-defined labels cannot be modified.',

package.json

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