Create a new dist version 2.2.22 (#379)

ilan7empest · web-flow · commit f44705e4ee4c · 2025-03-31T13:17:27.000+03:00
Collecting: - Fix [UI] fix "findDOMNode is deprecated" error across the app (#370)
diff --git a/commit_message b/commit_message
@@ -1,6 +1,6 @@
 
 
-Create a new dist version 2.2.21
+Create a new dist version 2.2.22
 
 Collecting:
-- Fix [Wizard] Steps in small resolution (#373)
+- Fix [UI] fix "findDOMNode is deprecated" error across the app (#370)
diff --git a/dist/components/Backdrop/Backdrop.js b/dist/components/Backdrop/Backdrop.js
@@ -4,12 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 require("./Backdrop.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -33,15 +35,18 @@ const Backdrop = _ref => {
     show = false,
     onClose
   } = _ref;
+  const nodeRef = (0, _react.useRef)(null);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+    nodeRef: nodeRef,
     in: show,
     timeout: duration,
     classNames: "backdrop-transition",
     mountOnEnter: true,
     unmountOnExit: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "backdrop",
-      onClick: onClose
+      onClick: onClose,
+      ref: nodeRef
     })
   });
 };
diff --git a/dist/components/Modal/Modal.js b/dist/components/Modal/Modal.js
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -16,6 +16,8 @@ var _close = require("../../images/close.svg");
 require("./Modal.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -46,19 +48,22 @@ const Modal = _ref => {
     subTitle = null,
     title = ''
   } = _ref;
+  const nodeRef = (0, _react.useRef)(null);
   const modalClassNames = (0, _classnames.default)('modal', className, size && `modal-${size}`);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Backdrop.default, {
       onClose: onClose,
       show: show
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+      nodeRef: nodeRef,
       in: show,
       timeout: 300,
       classNames: "modal-transition",
       unmountOnExit: true,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: modalClassNames,
         "data-testid": "modal",
+        ref: nodeRef,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "modal__header-button",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RoundedIcon.default, {
diff --git a/dist/components/Tip/Tip.js b/dist/components/Tip/Tip.js
@@ -95,6 +95,7 @@ const Tip = _ref => {
         "data-testid": "tip-icon"
       })
     }), /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+      nodeRef: tipBodyRef,
       in: isShow,
       timeout: 200,
       classNames: "fade",
diff --git a/dist/components/Tooltip/Tooltip.js b/dist/components/Tooltip/Tooltip.js
@@ -63,8 +63,8 @@ const Tooltip = _ref => {
       const [child] = parentRef.current.childNodes;
       let show = !hidden && (textShow ? true : !child ? false : child.nodeType !== Node.TEXT_NODE && child.childNodes?.[0]?.nodeType !== Node.TEXT_NODE || (
       /*
-      If the child node is a text node and the text of the child node inside the container is greater than the width of the container, then show tooltip.
-      */
+                          If the child node is a text node and the text of the child node inside the container is greater than the width of the container, then show tooltip.
+                        */
       (child.nodeType === Node.TEXT_NODE || child.childNodes?.[0]?.nodeType === Node.TEXT_NODE) && parentRef.current.scrollWidth > parentRef.current.offsetWidth));
       setShow(show);
       setTimeout(() => {
@@ -152,11 +152,11 @@ const Tooltip = _ref => {
       onClick: handleMouseLeave,
       children: children
     }), !hidden && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+      nodeRef: tooltipRef,
       classNames: "fade",
       in: show,
       timeout: duration,
       unmountOnExit: true,
-      nodeRef: tooltipRef,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         "data-testid": id ? `${id}-tooltip` : 'tooltip',
         ref: tooltipRef,
diff --git a/dist/elements/OptionsMenu/OptionsMenu.js b/dist/elements/OptionsMenu/OptionsMenu.js
@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _components = require("../../components");
 require("./optionsMenu.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -34,15 +36,18 @@ const OptionsMenu = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     show = false,
     timeout = 300
   } = _ref;
+  const nodeRef = (0, _react.useRef)(null);
   const {
     width: dropdownWidth
   } = ref.current ? ref.current.getBoundingClientRect() : {};
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
+    nodeRef: nodeRef,
     in: show,
     timeout: timeout,
     classNames: "options-menu-transition",
     unmountOnExit: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PopUpDialog, {
+      ref: nodeRef,
       headerIsHidden: true,
       className: "options-menu",
       customPosition: {
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "iguazio.dashboard-react-controls",
-    "version": "2.2.21",
+    "version": "2.2.22",
     "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",

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "iguazio.dashboard-react-controls",`
`3`		`- "version": "2.2.21",`
	`3`	`+ "version": "2.2.22",`
`4`	`4`	`"description": "Collection of resources (such as CSS styles, fonts and images) and ReactJS 17.x components to share among different Iguazio React repos.",`
`5`	`5`	`"main": "dist/index.js",`
`6`	`6`	`"module": "dist/index.js",`