@etsoo/react 1.2.72 → 1.2.76

package/lib/mu/DataGridEx.js

@@ -193,7 +193,6 @@ export function DataGridEx(props) {
         }
     };
     const handleMouseDown = (event) => {
-        var _a;
         const div = event.currentTarget;
         const row = div.dataset['row'];
         if (div.parentElement == null || row == null)
@@ -211,7 +210,6 @@ export function DataGridEx(props) {
             currentDiv.classList.add('DataGridEx-Selected');
         });
         state.selectedRowIndex = rowIndex;
-        (_a = state.ref) === null || _a === void 0 ? void 0 : _a.select(state.selectedRowIndex);
     };
     const handleMouseOver = (event) => {
         rowItems(event.currentTarget, (div) => {

package/lib/mu/MaskInput.js

@@ -33,7 +33,7 @@ export function MaskInput(props) {
         InputProps.readOnly = readOnly;
     InputProps.inputRef = ref;
     React.useEffect(() => {
-        if (maskRef.current == null)
+        if (maskRef.current == null || localValue == null)
             return;
         maskRef.current.value = String(localValue);
         maskRef.current.updateValue();

package/lib/mu/TooltipClick.js

@@ -7,16 +7,33 @@ import React from 'react';
  */
 export function TooltipClick(props) {
     // Destruct
-    const { children, onClose, title, ...rest } = props;
+    // leaveDelay set to 5 seconds to hide the tooltip automatically
+    const { children, leaveDelay = 5000, onClose, title, ...rest } = props;
     // State
     const [localTitle, setTitle] = React.useState(title);
     const [open, setOpen] = React.useState(false);
+    const leaveSeed = React.useRef(0);
     // Callback for open the tooltip
     const openTooltip = (newTitle) => {
         setOpen(true);
         if (newTitle)
             setTitle(newTitle);
+        if (leaveDelay > 0) {
+            clearLeaveSeed();
+            leaveSeed.current = window.setTimeout(() => setOpen(false), leaveDelay);
+        }
     };
+    const clearLeaveSeed = () => {
+        if (leaveSeed.current > 0) {
+            window.clearTimeout(leaveSeed.current);
+            leaveSeed.current = 0;
+        }
+    };
+    React.useEffect(() => {
+        return () => {
+            clearLeaveSeed();
+        };
+    }, []);
     // Layout
     return (React.createElement(ClickAwayListener, { onClickAway: () => setOpen(false) },
         React.createElement(Tooltip, { PopperProps: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.2.72",
+    "version": "1.2.76",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,9 +50,9 @@
         "@emotion/react": "^11.5.0",
         "@emotion/style": "^0.8.0",
         "@emotion/styled": "^11.3.0",
-        "@etsoo/appscript": "^1.1.21",
+        "@etsoo/appscript": "^1.1.23",
         "@etsoo/notificationbase": "^1.0.89",
-        "@etsoo/shared": "^1.0.58",
+        "@etsoo/shared": "^1.0.62",
         "@mui/icons-material": "^5.0.4",
         "@mui/material": "^5.0.4",
         "@reach/router": "^1.3.4",
@@ -83,7 +83,7 @@
         "@types/react-test-renderer": "^17.0.1",
         "@typescript-eslint/eslint-plugin": "^5.1.0",
         "@typescript-eslint/parser": "^5.1.0",
-        "eslint": "^8.0.1",
+        "eslint": "^8.1.0",
         "eslint-config-airbnb-base": "^14.2.1",
         "eslint-plugin-import": "^2.25.2",
         "eslint-plugin-react": "^7.26.1",

package/src/mu/DataGridEx.tsx

@@ -478,8 +478,6 @@ export function DataGridEx<T extends Record<string, any>>(
             currentDiv.classList.add('DataGridEx-Selected');
         });
         state.selectedRowIndex = rowIndex;
-
-        state.ref?.select(state.selectedRowIndex);
     };
 
     const handleMouseOver = (event: React.MouseEvent<HTMLDivElement>) => {

package/src/mu/MaskInput.tsx

@@ -89,7 +89,7 @@ export function MaskInput<
     InputProps.inputRef = ref;
 
     React.useEffect(() => {
-        if (maskRef.current == null) return;
+        if (maskRef.current == null || localValue == null) return;
         maskRef.current.value = String(localValue);
         maskRef.current.updateValue();
     }, [maskRef.current, localValue]);

package/src/mu/TooltipClick.tsx

@@ -25,18 +25,41 @@ export interface TooltipClickProps
  */
 export function TooltipClick(props: TooltipClickProps) {
     // Destruct
-    const { children, onClose, title, ...rest } = props;
+    // leaveDelay set to 5 seconds to hide the tooltip automatically
+    const { children, leaveDelay = 5000, onClose, title, ...rest } = props;
 
     // State
     const [localTitle, setTitle] = React.useState(title);
     const [open, setOpen] = React.useState(false);
+    const leaveSeed = React.useRef(0);
 
     // Callback for open the tooltip
     const openTooltip = (newTitle?: string) => {
         setOpen(true);
         if (newTitle) setTitle(newTitle);
+
+        if (leaveDelay > 0) {
+            clearLeaveSeed();
+            leaveSeed.current = window.setTimeout(
+                () => setOpen(false),
+                leaveDelay
+            );
+        }
+    };
+
+    const clearLeaveSeed = () => {
+        if (leaveSeed.current > 0) {
+            window.clearTimeout(leaveSeed.current);
+            leaveSeed.current = 0;
+        }
     };
 
+    React.useEffect(() => {
+        return () => {
+            clearLeaveSeed();
+        };
+    }, []);
+
     // Layout
     return (
         <ClickAwayListener onClickAway={() => setOpen(false)}>