@gustavo-valsechi/client 1.4.294 → 1.4.296

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

@@ -50,7 +50,7 @@ function InputDateTime(props) {
   const inputValue = ((_a = props.watch) == null ? void 0 : _a.call(props, props.name)) || "";
   (0, import_react.useEffect)(() => {
     if (!inputRef.current || !toggleRef.current) return;
-    target.add({
+    target.save({
       ref: inputRef,
       toggleRef,
       mobileModal: {
@@ -65,7 +65,6 @@ function InputDateTime(props) {
       },
       component: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_picker.default, { ...props })
     });
-    return () => target.remove(inputRef);
   }, [inputRef, toggleRef]);
   const onChange = (event) => {
     var _a2;

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

@@ -17,7 +17,7 @@ function InputDateTime(props) {
   const inputValue = ((_a = props.watch) == null ? void 0 : _a.call(props, props.name)) || "";
   useEffect(() => {
     if (!inputRef.current || !toggleRef.current) return;
-    target.add({
+    target.save({
       ref: inputRef,
       toggleRef,
       mobileModal: {
@@ -32,7 +32,6 @@ function InputDateTime(props) {
       },
       component: /* @__PURE__ */ jsx(InputDateTimePicker, { ...props })
     });
-    return () => target.remove(inputRef);
   }, [inputRef, toggleRef]);
   const onChange = (event) => {
     var _a2;

package/dist/src/components/types/form/types/select/index.js

@@ -54,7 +54,7 @@ function InputSelect(props) {
   (0, import_react.useEffect)(() => {
     var _a2;
     if (!(inputRef == null ? void 0 : inputRef.current) || !(containerRef == null ? void 0 : containerRef.current)) return;
-    target.add({
+    target.save({
       ref: inputRef,
       component: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_options.default,
@@ -66,7 +66,6 @@ function InputSelect(props) {
         }
       )
     });
-    return () => target.remove(inputRef);
   }, [containerRef, inputRef, props.options]);
   (0, import_react.useEffect)(() => {
     if (!inputRef.current || !inputValue) return;

package/dist/src/components/types/form/types/select/index.mjs

@@ -21,7 +21,7 @@ function InputSelect(props) {
   useEffect(() => {
     var _a2;
     if (!(inputRef == null ? void 0 : inputRef.current) || !(containerRef == null ? void 0 : containerRef.current)) return;
-    target.add({
+    target.save({
       ref: inputRef,
       component: /* @__PURE__ */ jsx(
         InputSelectOption,
@@ -33,7 +33,6 @@ function InputSelect(props) {
         }
       )
     });
-    return () => target.remove(inputRef);
   }, [containerRef, inputRef, props.options]);
   useEffect(() => {
     if (!inputRef.current || !inputValue) return;

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

@@ -115,30 +115,20 @@ const TargetProviderContainer = ({ children }) => {
     if (import_lodash.default.some(insideMemory, (i) => i === index)) return;
     insideMemory.push(index);
   };
-  const add = (target) => {
+  const save = (target) => {
     const exists = import_lodash.default.find(memory, (data) => data.ref.current === target.ref.current);
-    if (exists) return;
+    const index = import_lodash.default.findIndex(memory, (data) => data.ref.current === target.ref.current);
+    if (exists) {
+      memory.splice(index, 1, { ...exists, ...target });
+      setTargets([...memory]);
+      return;
+    }
     memory.push(target);
     setTargets([...memory]);
   };
   const remove = (ref) => {
     const index = import_lodash.default.findIndex(memory, (data) => data.ref.current === ref.current);
-    if (!theme.content.isMobile) {
-      removeInside(index);
-      import_lodash.default.forEach(targets, (target, index2) => {
-        var _a, _b;
-        const element = (_a = target.ref) == null ? void 0 : _a.current;
-        const toggleElement = ((_b = target.toggleRef) == null ? void 0 : _b.current) || element;
-        if (!(toggleElement == null ? void 0 : toggleElement.removeEventListener)) return;
-        const focusable = elementFocusable(target, index2);
-        const targetElement = containerRef.current[index2];
-        toggleElement.removeEventListener("click", () => (0, import_events.onClick)(target, index2, close, focusable, targetElement, theme, setModal));
-        if (theme.content.isMobile) return;
-        toggleElement.removeEventListener("mouseleave", () => removeInside(index2));
-        focusable.removeEventListener("focus", () => (0, import_events.onFocus)(target, index2, open));
-        focusable.removeEventListener("blur", () => (0, import_events.onBlur)(target, index2, close, focusable, insideMemory));
-      });
-    }
+    if (!theme.content.isMobile) removeInside(index);
     memory.splice(index, 1);
     setTargets([...memory]);
   };
@@ -197,7 +187,7 @@ const TargetProviderContainer = ({ children }) => {
     TargetContext.Provider,
     {
       value: {
-        add,
+        save,
         remove,
         close: closeTarget,
         isActive

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

@@ -81,30 +81,20 @@ const TargetProviderContainer = ({ children }) => {
     if (_.some(insideMemory, (i) => i === index)) return;
     insideMemory.push(index);
   };
-  const add = (target) => {
+  const save = (target) => {
     const exists = _.find(memory, (data) => data.ref.current === target.ref.current);
-    if (exists) return;
+    const index = _.findIndex(memory, (data) => data.ref.current === target.ref.current);
+    if (exists) {
+      memory.splice(index, 1, { ...exists, ...target });
+      setTargets([...memory]);
+      return;
+    }
     memory.push(target);
     setTargets([...memory]);
   };
   const remove = (ref) => {
     const index = _.findIndex(memory, (data) => data.ref.current === ref.current);
-    if (!theme.content.isMobile) {
-      removeInside(index);
-      _.forEach(targets, (target, index2) => {
-        var _a, _b;
-        const element = (_a = target.ref) == null ? void 0 : _a.current;
-        const toggleElement = ((_b = target.toggleRef) == null ? void 0 : _b.current) || element;
-        if (!(toggleElement == null ? void 0 : toggleElement.removeEventListener)) return;
-        const focusable = elementFocusable(target, index2);
-        const targetElement = containerRef.current[index2];
-        toggleElement.removeEventListener("click", () => onClick(target, index2, close, focusable, targetElement, theme, setModal));
-        if (theme.content.isMobile) return;
-        toggleElement.removeEventListener("mouseleave", () => removeInside(index2));
-        focusable.removeEventListener("focus", () => onFocus(target, index2, open));
-        focusable.removeEventListener("blur", () => onBlur(target, index2, close, focusable, insideMemory));
-      });
-    }
+    if (!theme.content.isMobile) removeInside(index);
     memory.splice(index, 1);
     setTargets([...memory]);
   };
@@ -163,7 +153,7 @@ const TargetProviderContainer = ({ children }) => {
     TargetContext.Provider,
     {
       value: {
-        add,
+        save,
         remove,
         close: closeTarget,
         isActive

package/dist/src/interfaces/contexts/target/index.d.ts

@@ -13,7 +13,7 @@ export interface ITargetConfigCoords {
     left: number;
 }
 export interface ITargetContext {
-    add: (config: ITargetConfig) => void;
+    save: (config: ITargetConfig) => void;
     remove: (ref: React.RefObject<any>) => void;
     close: (ref: React.RefObject<any>) => void;
     isActive: (ref: React.RefObject<any>) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.4.294",
+  "version": "1.4.296",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",