@gustavo-valsechi/client 1.4.259 → 1.4.261

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

@@ -72,7 +72,8 @@ function Form(props) {
   } = (0, import_react_hook_form.useForm)({
     resolver: (0, import_zod2.zodResolver)(schema),
     defaultValues: props.defaultValues,
-    mode: "all"
+    mode: "onChange",
+    reValidateMode: "onChange"
   });
   (0, import_react.useEffect)(() => {
     if (!props.clearWhen) return;

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

@@ -38,7 +38,8 @@ function Form(props) {
   } = useForm({
     resolver: zodResolver(schema),
     defaultValues: props.defaultValues,
-    mode: "all"
+    mode: "onChange",
+    reValidateMode: "onChange"
   });
   useEffect(() => {
     if (!props.clearWhen) return;

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

@@ -46,7 +46,6 @@ function InputDateTime(props) {
   const toggleRef = (0, import_react.useRef)();
   const target = (0, import_contexts.useTarget)();
   const register = (props.register || ((name) => ({})))(props.name || "");
-  const isActive = target.isActive(inputRef);
   (0, import_react.useEffect)(() => {
     if (!inputRef.current || !toggleRef.current) return;
     target.add({
@@ -57,6 +56,7 @@ function InputDateTime(props) {
         buttons: [
           {
             label: "confirmar",
+            type: "button",
             onClick: () => target.close(inputRef)
           }
         ]
@@ -64,10 +64,6 @@ function InputDateTime(props) {
       component: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_picker.default, { ...props })
     });
   }, [inputRef, toggleRef]);
-  (0, import_react.useEffect)(() => {
-    if (!isActive) return;
-    if (props.setError && props.name) props.setError(props.name, "");
-  }, [isActive]);
   const onChange = (event) => {
     var _a;
     if (register.onChange) register.onChange(event);

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

@@ -13,7 +13,6 @@ function InputDateTime(props) {
   const toggleRef = useRef();
   const target = useTarget();
   const register = (props.register || ((name) => ({})))(props.name || "");
-  const isActive = target.isActive(inputRef);
   useEffect(() => {
     if (!inputRef.current || !toggleRef.current) return;
     target.add({
@@ -24,6 +23,7 @@ function InputDateTime(props) {
         buttons: [
           {
             label: "confirmar",
+            type: "button",
             onClick: () => target.close(inputRef)
           }
         ]
@@ -31,10 +31,6 @@ function InputDateTime(props) {
       component: /* @__PURE__ */ jsx(InputDateTimePicker, { ...props })
     });
   }, [inputRef, toggleRef]);
-  useEffect(() => {
-    if (!isActive) return;
-    if (props.setError && props.name) props.setError(props.name, "");
-  }, [isActive]);
   const onChange = (event) => {
     var _a;
     if (register.onChange) register.onChange(event);

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

@@ -51,7 +51,6 @@ function InputSelect(props) {
   const register = (props.register || ((name) => ({})))(props.name || "");
   const inputValue = ((_a = props.watch) == null ? void 0 : _a.call(props, props.name)) || "";
   const value = ((_b = props.options) == null ? void 0 : _b[inputValue]) || /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "input-label-value-placeholder", children: "selecione" });
-  const isActive = target.isActive(inputRef);
   (0, import_react.useEffect)(() => {
     var _a2;
     if (!(inputRef == null ? void 0 : inputRef.current) || !(containerRef == null ? void 0 : containerRef.current) || !Object.keys(props.options || {}).length) return;
@@ -73,13 +72,10 @@ function InputSelect(props) {
     if (!inputRef.current || !inputValue) return;
     target.close(inputRef);
   }, [inputValue, inputRef]);
-  (0, import_react.useEffect)(() => {
-    if (!isActive) return;
-    if (props.setError && props.name) props.setError(props.name, "");
-  }, [isActive]);
   const onBlur = (event) => {
     setFocus(false);
     setFilter("");
+    if (props.onBlur) props.onBlur(event);
     if (register.onBlur) register.onBlur(event);
     const optionsElement = document.getElementById(`input[${props.name}-options]`);
     if (!optionsElement) return;

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

@@ -18,7 +18,6 @@ function InputSelect(props) {
   const register = (props.register || ((name) => ({})))(props.name || "");
   const inputValue = ((_a = props.watch) == null ? void 0 : _a.call(props, props.name)) || "";
   const value = ((_b = props.options) == null ? void 0 : _b[inputValue]) || /* @__PURE__ */ jsx("div", { className: "input-label-value-placeholder", children: "selecione" });
-  const isActive = target.isActive(inputRef);
   useEffect(() => {
     var _a2;
     if (!(inputRef == null ? void 0 : inputRef.current) || !(containerRef == null ? void 0 : containerRef.current) || !Object.keys(props.options || {}).length) return;
@@ -40,13 +39,10 @@ function InputSelect(props) {
     if (!inputRef.current || !inputValue) return;
     target.close(inputRef);
   }, [inputValue, inputRef]);
-  useEffect(() => {
-    if (!isActive) return;
-    if (props.setError && props.name) props.setError(props.name, "");
-  }, [isActive]);
   const onBlur = (event) => {
     setFocus(false);
     setFilter("");
+    if (props.onBlur) props.onBlur(event);
     if (register.onBlur) register.onBlur(event);
     const optionsElement = document.getElementById(`input[${props.name}-options]`);
     if (!optionsElement) return;

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

@@ -51,9 +51,9 @@ const TargetProviderContainer = ({ children }) => {
   const [targets, setTargets] = (0, import_react.useState)([]);
   const [modal, setModal] = (0, import_react.useState)(-1);
   (0, import_react.useEffect)(() => {
-    if (!theme.content.isMobile) return;
     const handleScroll = () => {
       import_lodash.default.forEach(containerRef.current, (element, index) => {
+        console.log("handleScroll", insideMemory);
         if (import_lodash.default.some(insideMemory, (i) => i === index)) return;
         close(index);
       });
@@ -88,7 +88,7 @@ const TargetProviderContainer = ({ children }) => {
       });
       observer.disconnect();
     };
-  }, [targets, theme.content.isMobile]);
+  }, [containerRef]);
   (0, import_react.useEffect)(() => {
     import_lodash.default.forEach(targets, (target, index) => {
       var _a, _b;
@@ -162,6 +162,7 @@ const TargetProviderContainer = ({ children }) => {
     element.style.opacity = "0";
     element.style.zIndex = "-1";
     removeInside(index);
+    elementFocusable(memory[index], index).blur();
   };
   const open = (target, index) => {
     const element = containerRef.current[index];

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

@@ -17,9 +17,9 @@ const TargetProviderContainer = ({ children }) => {
   const [targets, setTargets] = useState([]);
   const [modal, setModal] = useState(-1);
   useEffect(() => {
-    if (!theme.content.isMobile) return;
     const handleScroll = () => {
       _.forEach(containerRef.current, (element, index) => {
+        console.log("handleScroll", insideMemory);
         if (_.some(insideMemory, (i) => i === index)) return;
         close(index);
       });
@@ -54,7 +54,7 @@ const TargetProviderContainer = ({ children }) => {
       });
       observer.disconnect();
     };
-  }, [targets, theme.content.isMobile]);
+  }, [containerRef]);
   useEffect(() => {
     _.forEach(targets, (target, index) => {
       var _a, _b;
@@ -128,6 +128,7 @@ const TargetProviderContainer = ({ children }) => {
     element.style.opacity = "0";
     element.style.zIndex = "-1";
     removeInside(index);
+    elementFocusable(memory[index], index).blur();
   };
   const open = (target, index) => {
     const element = containerRef.current[index];

package/dist/src/contexts/theme/content.js

@@ -29,7 +29,7 @@ const CommonTheme = {
   tertiary: "#629dfd33",
   positive: "#65c965",
   negative: "#FF334E",
-  isMobile: 650 >= window.innerWidth,
+  isMobile: 650 >= (window == null ? void 0 : window.innerWidth),
   mobileMaxWidth: "650px",
   mobileMinWidth: "315px"
 };

package/dist/src/contexts/theme/content.mjs

@@ -5,7 +5,7 @@ const CommonTheme = {
   tertiary: "#629dfd33",
   positive: "#65c965",
   negative: "#FF334E",
-  isMobile: 650 >= window.innerWidth,
+  isMobile: 650 >= (window == null ? void 0 : window.innerWidth),
   mobileMaxWidth: "650px",
   mobileMinWidth: "315px"
 };

package/dist/src/interfaces/components/form/button/index.d.ts

@@ -1,7 +1,7 @@
 export interface IButton {
     loading?: boolean;
     disabled?: boolean;
-    type?: string;
+    type: "submit" | "reset" | "button";
     onClick?: (e?: any) => void;
     label: string;
     outline?: boolean;

package/dist/src/interfaces/components/form/index.d.ts

@@ -10,20 +10,21 @@ export * from "./datetime";
 export * from "./textarea";
 export * from "./custom";
 export * from "./error";
+export type IFormInput = IInputSelect | IInputCustom | IInputFile | IInputText | IInputDateTime | IInputTextarea;
 export interface IForm {
     defaultValues?: any;
     validation?: (validations: z.ZodTypeAny) => z.ZodTypeAny;
     formRef?: any;
     onSubmit: (values: any, actions?: any) => void;
     clearWhen?: boolean;
-    inputs: Array<IInputSelect | IInputCustom | IInputFile | IInputText | IInputDateTime | IInputTextarea>;
+    inputs: Array<IFormInput>;
     buttons?: Array<IButton>;
 }
 export interface IInputBase {
     className?: string;
     label?: string;
     id?: string;
-    name?: string;
+    name: string;
     value?: string;
     error?: string;
     disabled?: boolean;
@@ -36,4 +37,5 @@ export interface IInputBase {
     getValues?: (name?: string) => any;
     onChange?: (event: any) => void;
     onFocus?: (value: any) => void;
+    onBlur?: (value: any) => void;
 }

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

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

package/dist/test/modal/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.259",
+  "version": "1.4.261",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",