@gustavo-valsechi/client 1.4.327 → 1.4.329

package/dist/src/components/types/form/types/datetime/picker/index.js

@@ -45,8 +45,9 @@ var import_x_date_pickers = require("@mui/x-date-pickers");
 var import_locales = require("@mui/x-date-pickers/locales");
 var import_utils = __toESM(require("@gustavo-valsechi/utils"));
 function InputDateTimePicker(props) {
+  var _a;
   const theme = (0, import_contexts.useTheme)();
-  const [dateTime, setDateTime] = (0, import_react.useState)(import_utils.default.moment());
+  const [dateTime, setDateTime] = (0, import_react.useState)(import_utils.default.moment((_a = props.getValues) == null ? void 0 : _a.call(props, props.name)));
   (0, import_react.useEffect)(() => {
     if (!props.setValue) return;
     props.setValue(props.name, import_utils.default.moment(dateTime.startOf("minutes").toDate()).format("YYYY-MM-DD HH:mm"));

package/dist/src/components/types/form/types/datetime/picker/index.mjs

@@ -12,8 +12,9 @@ import { StaticDateTimePicker, PickersLayout } from "@mui/x-date-pickers";
 import { ptBR } from "@mui/x-date-pickers/locales";
 import Utils from "@gustavo-valsechi/utils";
 function InputDateTimePicker(props) {
+  var _a;
   const theme = useTheme();
-  const [dateTime, setDateTime] = useState(Utils.moment());
+  const [dateTime, setDateTime] = useState(Utils.moment((_a = props.getValues) == null ? void 0 : _a.call(props, props.name)));
   useEffect(() => {
     if (!props.setValue) return;
     props.setValue(props.name, Utils.moment(dateTime.startOf("minutes").toDate()).format("YYYY-MM-DD HH:mm"));

package/dist/src/contexts/modal/index.js

@@ -56,6 +56,9 @@ const ModalProviderContainer = ({ children }) => {
   };
   const remove = (modalName) => {
     const removeModal = (name) => {
+      const index = import_lodash.default.findIndex(memory, (data) => data.name === name);
+      memory.splice(index, 1);
+      setModals(memory);
     };
     if (import_lodash.default.isArray(modalName)) {
       import_lodash.default.forEach(modalName, (name) => removeModal(name));

package/dist/src/contexts/modal/index.mjs

@@ -22,6 +22,9 @@ const ModalProviderContainer = ({ children }) => {
   };
   const remove = (modalName) => {
     const removeModal = (name) => {
+      const index = _.findIndex(memory, (data) => data.name === name);
+      memory.splice(index, 1);
+      setModals(memory);
     };
     if (_.isArray(modalName)) {
       _.forEach(modalName, (name) => removeModal(name));

package/dist/src/contexts/target/events/click.d.ts

@@ -1,2 +1,2 @@
 import { ITargetConfig, IThemeContext } from "../../../interfaces";
-export declare const onClick: (target: ITargetConfig, index: number, close: (index: number) => void, focusable: HTMLElement, targetElement: HTMLElement, theme: IThemeContext, setModal: (value: number) => void) => void;
+export declare const onClick: (target: ITargetConfig, index: number, close: (index: number) => void, addInside: (index: number) => void, focusable: HTMLElement, targetElement: HTMLElement, theme: IThemeContext, setModal: (value: number) => void) => void;

package/dist/src/contexts/target/events/click.js

@@ -22,7 +22,8 @@ __export(click_exports, {
   onClick: () => onClick
 });
 module.exports = __toCommonJS(click_exports);
-const onClick = (target, index, close, focusable, targetElement, theme, setModal) => {
+const onClick = (target, index, close, addInside, focusable, targetElement, theme, setModal) => {
+  var _a;
   if (theme.content.isMobile) {
     setModal(index);
     return;
@@ -32,6 +33,7 @@ const onClick = (target, index, close, focusable, targetElement, theme, setModal
     close(index);
     return;
   }
+  if ((_a = target.toggleRef) == null ? void 0 : _a.current) addInside(index);
   focusable.focus();
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/src/contexts/target/events/click.mjs

@@ -1,5 +1,6 @@
 "use client";
-const onClick = (target, index, close, focusable, targetElement, theme, setModal) => {
+const onClick = (target, index, close, addInside, focusable, targetElement, theme, setModal) => {
+  var _a;
   if (theme.content.isMobile) {
     setModal(index);
     return;
@@ -9,6 +10,7 @@ const onClick = (target, index, close, focusable, targetElement, theme, setModal
     close(index);
     return;
   }
+  if ((_a = target.toggleRef) == null ? void 0 : _a.current) addInside(index);
   focusable.focus();
 };
 export {

package/dist/src/contexts/target/index.js

@@ -62,13 +62,30 @@ const TargetProviderContainer = ({ children }) => {
       if (!(toggleElement == null ? void 0 : toggleElement.addEventListener)) return;
       const focusable = elementFocusable(target, index);
       const targetElement = containerRef.current[index];
-      toggleElement.addEventListener("click", () => (0, import_events.onClick)(target, index, close, focusable, targetElement, theme, setModal));
+      toggleElement.addEventListener("click", () => {
+        (0, import_events.onClick)(target, index, close, addInside, focusable, targetElement, theme, setModal);
+      });
       if (theme.content.isMobile) return;
       toggleElement.addEventListener("mouseleave", () => removeInside(index));
       focusable.addEventListener("focus", () => (0, import_events.onFocus)(target, index, open));
       focusable.addEventListener("blur", () => (0, import_events.onBlur)(target, index, close, focusable, insideMemory));
     });
   }, [targets, inputRef, containerRef, theme.content.isMobile]);
+  (0, import_react.useEffect)(() => {
+    const observer = new MutationObserver((mutations) => {
+      for (const mutation of mutations) {
+        mutation.removedNodes.forEach((node) => {
+          if (!(node instanceof HTMLElement)) return;
+          const invalidTargets = import_lodash.default.filter(memory, (target) => !target.ref.current);
+          memory = import_lodash.default.filter(memory, (target) => !!target.ref.current);
+          insideMemory = invalidTargets.length ? [] : insideMemory;
+          setTargets([...memory]);
+        });
+      }
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, []);
   const getCoords = (target, component) => {
     const rect = target.getBoundingClientRect();
     const targetTop = rect.top + window.scrollY;
@@ -79,7 +96,7 @@ const TargetProviderContainer = ({ children }) => {
       top: targetTop + (target.offsetHeight + 5),
       left: targetLeft - 0.5
     };
-    if (targetBottom < component.offsetHeight) {
+    if (targetBottom < component.offsetHeight + 5) {
       coords.top = targetTop - (component.offsetHeight + 5);
     }
     if (targetRight < component.offsetWidth - target.offsetWidth) {
@@ -95,13 +112,14 @@ const TargetProviderContainer = ({ children }) => {
   };
   const close = (index) => {
     const element = containerRef.current[index];
+    if (!element) return;
     element.style.opacity = "0";
     element.style.zIndex = "-1";
-    removeInside(index);
     elementFocusable(memory[index], index).blur();
   };
   const open = (target, index) => {
     const element = containerRef.current[index];
+    if (!element) return;
     const coords = getCoords(target.ref.current, element);
     element.style.top = `${coords.top}px`;
     element.style.left = `${coords.left}px`;
@@ -129,6 +147,7 @@ const TargetProviderContainer = ({ children }) => {
   const closeTarget = (ref) => {
     if (theme.content.isMobile) return setModal(-1);
     const index = import_lodash.default.findIndex(memory, (data) => data.ref.current === ref.current);
+    removeInside(index);
     close(index);
   };
   const isActive = (ref) => {
@@ -159,13 +178,14 @@ const TargetProviderContainer = ({ children }) => {
         {
           className: "target-container",
           ref: (element) => containerRef.current[index] = element,
+          onMouseEnter: () => addInside(index),
+          onClick: () => addInside(index),
           onMouseLeave: () => {
             removeInside(index);
             const styles = window.getComputedStyle(containerRef.current[index]);
             if (styles.opacity === "0") return;
             elementFocusable(target, index).focus();
           },
-          onMouseEnter: () => addInside(index),
           children: target.component
         }
       ),

package/dist/src/contexts/target/index.mjs

@@ -28,13 +28,30 @@ const TargetProviderContainer = ({ children }) => {
       if (!(toggleElement == null ? void 0 : toggleElement.addEventListener)) return;
       const focusable = elementFocusable(target, index);
       const targetElement = containerRef.current[index];
-      toggleElement.addEventListener("click", () => onClick(target, index, close, focusable, targetElement, theme, setModal));
+      toggleElement.addEventListener("click", () => {
+        onClick(target, index, close, addInside, focusable, targetElement, theme, setModal);
+      });
       if (theme.content.isMobile) return;
       toggleElement.addEventListener("mouseleave", () => removeInside(index));
       focusable.addEventListener("focus", () => onFocus(target, index, open));
       focusable.addEventListener("blur", () => onBlur(target, index, close, focusable, insideMemory));
     });
   }, [targets, inputRef, containerRef, theme.content.isMobile]);
+  useEffect(() => {
+    const observer = new MutationObserver((mutations) => {
+      for (const mutation of mutations) {
+        mutation.removedNodes.forEach((node) => {
+          if (!(node instanceof HTMLElement)) return;
+          const invalidTargets = _.filter(memory, (target) => !target.ref.current);
+          memory = _.filter(memory, (target) => !!target.ref.current);
+          insideMemory = invalidTargets.length ? [] : insideMemory;
+          setTargets([...memory]);
+        });
+      }
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, []);
   const getCoords = (target, component) => {
     const rect = target.getBoundingClientRect();
     const targetTop = rect.top + window.scrollY;
@@ -45,7 +62,7 @@ const TargetProviderContainer = ({ children }) => {
       top: targetTop + (target.offsetHeight + 5),
       left: targetLeft - 0.5
     };
-    if (targetBottom < component.offsetHeight) {
+    if (targetBottom < component.offsetHeight + 5) {
       coords.top = targetTop - (component.offsetHeight + 5);
     }
     if (targetRight < component.offsetWidth - target.offsetWidth) {
@@ -61,13 +78,14 @@ const TargetProviderContainer = ({ children }) => {
   };
   const close = (index) => {
     const element = containerRef.current[index];
+    if (!element) return;
     element.style.opacity = "0";
     element.style.zIndex = "-1";
-    removeInside(index);
     elementFocusable(memory[index], index).blur();
   };
   const open = (target, index) => {
     const element = containerRef.current[index];
+    if (!element) return;
     const coords = getCoords(target.ref.current, element);
     element.style.top = `${coords.top}px`;
     element.style.left = `${coords.left}px`;
@@ -95,6 +113,7 @@ const TargetProviderContainer = ({ children }) => {
   const closeTarget = (ref) => {
     if (theme.content.isMobile) return setModal(-1);
     const index = _.findIndex(memory, (data) => data.ref.current === ref.current);
+    removeInside(index);
     close(index);
   };
   const isActive = (ref) => {
@@ -125,13 +144,14 @@ const TargetProviderContainer = ({ children }) => {
         {
           className: "target-container",
           ref: (element) => containerRef.current[index] = element,
+          onMouseEnter: () => addInside(index),
+          onClick: () => addInside(index),
           onMouseLeave: () => {
             removeInside(index);
             const styles = window.getComputedStyle(containerRef.current[index]);
             if (styles.opacity === "0") return;
             elementFocusable(target, index).focus();
           },
-          onMouseEnter: () => addInside(index),
           children: target.component
         }
       ),

package/dist/test/lab/index.d.ts

@@ -0,0 +1 @@
+export default function Lab(): import("react/jsx-runtime").JSX.Element;

package/dist/test/{modal → lab/modal}/index.d.ts

@@ -1,2 +1,2 @@
-import { IModal } from "../../src/interfaces";
+import { IModal } from "../../../src/interfaces";
 export default function Modal(props: IModal): import("react/jsx-runtime").JSX.Element;

package/dist/test/lab/tools/index.d.ts

@@ -0,0 +1 @@
+export default function LabTools(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/test/lab/tools/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.4.327",
+  "version": "1.4.329",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,12 +25,12 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "1.3.0",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.1",
     "@gustavo-valsechi/server": "1.0.13",
     "@gustavo-valsechi/utils": "1.0.5",
     "@hookform/resolvers": "5.2.2",
-    "@mui/material": "^7.3.7",
+    "@mui/material": "7.3.7",
     "@mui/x-date-pickers": "8.24.0",
     "apexcharts": "3.51.0",
     "dayjs": "1.11.19",
@@ -47,11 +47,11 @@
     "zod-formik-adapter": "1.3.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.6",
-    "@babel/preset-env": "^7.28.6",
-    "@babel/preset-react": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
-    "@svgr/webpack": "^8.1.0",
+    "@babel/core": "7.28.6",
+    "@babel/preset-env": "7.28.6",
+    "@babel/preset-react": "7.28.5",
+    "@babel/preset-typescript": "7.28.5",
+    "@svgr/webpack": "8.1.0",
     "@types/lodash": "4.17.7",
     "@types/node": "22.0.2",
     "@types/randomcolor": "0.5.9",
@@ -60,26 +60,26 @@
     "@types/react-lottie": "1.2.10",
     "@types/styled-components": "5.1.34",
     "@vitejs/plugin-react": "5.1.0",
-    "babel-loader": "^10.0.0",
-    "babel-plugin-styled-components": "^2.1.4",
+    "babel-loader": "10.0.0",
+    "babel-plugin-styled-components": "2.1.4",
     "baseline-browser-mapping": "2.9.14",
-    "css-loader": "^7.1.2",
+    "css-loader": "7.1.2",
     "esbuild": "0.25.11",
     "esbuild-css-modules-plugin": "3.1.5",
-    "html-webpack-plugin": "^5.6.5",
-    "process": "^0.11.10",
+    "html-webpack-plugin": "5.6.5",
+    "process": "0.11.10",
     "raw-loader": "4.0.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-hot-toast": "2.4.1",
     "rimraf": "6.1.0",
-    "style-loader": "^4.0.0",
+    "style-loader": "4.0.0",
     "styled-components": "6.1.12",
     "tsc-alias": "1.8.16",
     "typescript": "5.5.4",
-    "webpack": "^5.104.1",
-    "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.3"
+    "webpack": "5.104.1",
+    "webpack-cli": "6.0.1",
+    "webpack-dev-server": "5.2.3"
   },
   "publishConfig": {
     "access": "public"