iguazio.dashboard-react-controls 2.2.3 → 2.2.5

package/dist/components/FormChipCell/FormChipCell.js

@@ -122,13 +122,14 @@ const FormChipCell = _ref => {
     });
     event && event.preventDefault();
   }, [editConfig.isEdit, editConfig.chipIndex, showHiddenChips, formState.form.mutators, name, delimiter, setShowHiddenChips]);
-  const handleRemoveChip = (0, _react.useCallback)((event, fields, chipIndex) => {
+  const handleRemoveChip = (0, _react.useCallback)(function (event, fields, chipIndex) {
+    let isOutsideClick = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     checkChipsList(_lodash.default.chain(formState).get(['values', name]).filter((_, index) => index !== chipIndex).value());
     fields.remove(chipIndex);
     onExitEditModeCallback && onExitEditModeCallback();
-    event && event.stopPropagation();
+    event && !isOutsideClick && event.stopPropagation();
   }, [checkChipsList, formState, name, onExitEditModeCallback]);
-  const handleEditChip = (0, _react.useCallback)((event, fields, nameEvent) => {
+  const handleEditChip = (0, _react.useCallback)((event, fields, nameEvent, isOutsideClick) => {
     const {
       key,
       value
@@ -136,7 +137,7 @@ const FormChipCell = _ref => {
     const isChipNotEmpty = !!(key !== null && key !== void 0 && key.trim() && value !== null && value !== void 0 && value.trim());
     if (nameEvent === _constants.CLICK) {
       if (!isChipNotEmpty) {
-        handleRemoveChip(event, fields, editConfig.chipIndex);
+        handleRemoveChip(event, fields, editConfig.chipIndex, isOutsideClick);
       }
       setEditConfig({
         chipIndex: null,

package/dist/components/FormChipCell/FormChipCellView.js

@@ -114,7 +114,7 @@ const FormChipCellView = /*#__PURE__*/_react.default.forwardRef((_ref, _ref2) =>
                   chipIndex: index,
                   chipOptions: chipOptions,
                   editConfig: editConfig,
-                  handleEditChip: (event, nameEvent) => handleEditChip(event, fields, nameEvent),
+                  handleEditChip: (event, nameEvent, isOutsideClick) => handleEditChip(event, fields, nameEvent, isOutsideClick),
                   handleRemoveChip: (event, index) => handleRemoveChip(event, fields, index),
                   handleToEditMode: handleToEditMode,
                   isEditable: isEditable,

package/dist/components/FormChipCell/NewChipForm/NewChipForm.js

@@ -128,7 +128,7 @@ const NewChipForm = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       var _event$path, _event$composedPath;
       const elementPath = (_event$path = event.path) !== null && _event$path !== void 0 ? _event$path : (_event$composedPath = event.composedPath) === null || _event$composedPath === void 0 ? void 0 : _event$composedPath.call(event);
       if (!elementPath.includes(refInputContainer.current)) {
-        onChange(event, _constants.CLICK);
+        onChange(event, _constants.CLICK, true);
         window.getSelection().removeAllRanges();
       } else {
         event.stopPropagation();
@@ -206,7 +206,7 @@ const NewChipForm = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
         };
       });
     }
-  }, [maxWidthInput, refInputKey, refInputValue, keyName]);
+  }, [keyName, minWidthInput, maxWidthInput, minWidthValueInput]);
   (0, _react.useLayoutEffect)(() => {
     if (editConfig.chipIndex === chipIndex) {
       setSelectedInput(editConfig.isKeyFocused ? 'key' : editConfig.isValueFocused ? 'value' : null);

package/dist/components/FormChipCell/NewChipInput/NewChipInput.js

@@ -55,7 +55,6 @@ const NewChipInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
         "data-testid": "input",
         ref: ref,
         type: "text",
-        id: input.name,
         ...inputProps,
         ...input,
         onChange: handleInputChange,

package/dist/components/FormTextarea/FormTextarea.js

@@ -59,7 +59,7 @@ const FormTextarea = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   } = (0, _reactFinalForm.useField)(name);
   const [isInvalid, setIsInvalid] = (0, _react.useState)(false);
   const [textAreaCount, setTextAreaCount] = (0, _react.useState)(input.value.length);
-  const textAreaRef = /*#__PURE__*/_react.default.createRef();
+  const textAreaRef = (0, _react.useRef)();
   const formFieldClassNames = (0, _classnames.default)('form-field-textarea', className);
   const labelClassNames = (0, _classnames.default)('form-field__label', disabled && 'form-field__label-disabled');
   const textAreaClassNames = (0, _classnames.default)('form-field__wrapper', disabled && 'form-field__wrapper-disabled', isInvalid && 'form-field__wrapper-invalid', withoutBorder && 'without-border');

package/dist/images/rerun.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.1 16.05C4.73333 15.4167 4.45833 14.7667 4.275 14.1C4.09167 13.4333 4 12.75 4 12.05C4 9.81667 4.775 7.91667 6.325 6.35C7.875 4.78333 9.76667 4 12 4H12.175L10.575 2.4L11.975 1L15.975 5L11.975 9L10.575 7.6L12.175 6H12C10.3333 6 8.91667 6.5875 7.75 7.7625C6.58333 8.9375 6 10.3667 6 12.05C6 12.4833 6.05 12.9083 6.15 13.325C6.25 13.7417 6.4 14.15 6.6 14.55L5.1 16.05ZM12.025 23L8.025 19L12.025 15L13.425 16.4L11.825 18H12C13.6667 18 15.0833 17.4125 16.25 16.2375C17.4167 15.0625 18 13.6333 18 11.95C18 11.5167 17.95 11.0917 17.85 10.675C17.75 10.2583 17.6 9.85 17.4 9.45L18.9 7.95C19.2667 8.58333 19.5417 9.23333 19.725 9.9C19.9083 10.5667 20 11.25 20 11.95C20 14.1833 19.225 16.0833 17.675 17.65C16.125 19.2167 14.2333 20 12 20H11.825L13.425 21.6L12.025 23Z" fill="#7F7989"/>
+</svg>

package/package.json

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