@onesy/ui-react 1.0.163 → 1.0.165

package/esm/useForm/useForm.js

@@ -55,21 +55,21 @@ const useForm = props => {
     init();
   }, []);
   const onChange = async (...args) => {
-    const formNew = _objectSpread({}, refs.form.current);
-    const value = {};
+    const formNew_0 = _objectSpread({}, refs.form.current);
+    const value_0 = {};
     const valuesArgs = is('array', args[0]) ? args[0] : [args];
     const options = valuesArgs[0][3] || {};
     const rerenderOnUpdate_ = options.rerenderOnUpdate !== undefined ? options.rerenderOnUpdate : rerenderOnUpdate;
-    const values = refs.values.current;
+    const values_0 = refs.values.current;
     for (const arg of valuesArgs) {
       const [property_, value_, propertyNested] = arg;
-      let property = values[property_];
+      let property = values_0[property_];
       if (!property) {
-        values[property_] = {
+        values_0[property_] = {
           name: (propertyNested || property_)?.split('.')?.slice(-1)[0],
           touched: true
         };
-        property = values[property_];
+        property = values_0[property_];
       }
       if (!propertyNested) property.value = value_;else setObjectValue(property.value, propertyNested, value_);
       property.touched = true;
@@ -83,7 +83,7 @@ const useForm = props => {
 
           // validations
           try {
-            await validateModel(property, property_, formNew, {
+            await validateModel(property, property_, formNew_0, {
               l
             });
           } catch (error) {
@@ -92,99 +92,99 @@ const useForm = props => {
         }
       }
     }
-    const properties = Object.keys(values);
-    let valid = autoValidate ? properties.every(item => {
-      const prop = values[item];
+    const properties_0 = Object.keys(values_0);
+    let valid = autoValidate ? properties_0.every(item_0 => {
+      const prop = values_0[item_0];
       return !prop.error && (!prop.required || prop.value !== undefined);
     }) : refs.valid.current;
-    if (autoValidate && is('function', validate_)) valid = valid && validate_(values, formNew);
-    properties.forEach(item => {
-      const valueProperty = values[item];
-      if (valueProperty?.value !== undefined) {
-        setObjectValue(value, item, copy(valueProperty.value));
+    if (autoValidate && is('function', validate_)) valid = valid && validate_(values_0, formNew_0);
+    properties_0.forEach(item_1 => {
+      const valueProperty_0 = values_0[item_1];
+      if (valueProperty_0?.value !== undefined) {
+        setObjectValue(value_0, item_1, copy(valueProperty_0.value));
       }
     });
 
     // update
-    refs.value.current = value;
-    refs.values.current = values;
+    refs.value.current = value_0;
+    refs.values.current = values_0;
     refs.valid.current = valid;
     if (rerenderOnUpdate_) {
-      setForm(previous => {
-        return _objectSpread(_objectSpread({}, previous), {}, {
-          value,
-          values,
+      setForm(previous_0 => {
+        return _objectSpread(_objectSpread({}, previous_0), {}, {
+          value: value_0,
+          values: values_0,
           valid
         });
       });
     }
   };
   const validate = async () => {
-    const formNew = _objectSpread({}, refs.form.current);
-    const values = refs.values.current;
-    const value = {};
-    const properties = Object.keys(values);
-    for (const item of properties) {
-      const property = values[item];
+    const formNew_1 = _objectSpread({}, refs.form.current);
+    const values_1 = refs.values.current;
+    const value_1 = {};
+    const properties_1 = Object.keys(values_1);
+    for (const item_2 of properties_1) {
+      const property_0 = values_1[item_2];
 
       // Validate the property
-      if (property.required && property.value === undefined) {
-        const name = is('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? capitalize(property.name) : property.name;
-        property.error = `${l(name)} ${l('is required')}`;
+      if (property_0.required && property_0.value === undefined) {
+        const name_0 = is('function', property_0.propertyNameUpdate) ? property_0.propertyNameUpdate(property_0.name) : property_0.capitalize !== false ? capitalize(property_0.name) : property_0.name;
+        property_0.error = `${l(name_0)} ${l('is required')}`;
       } else {
-        property.error = undefined;
+        property_0.error = undefined;
 
         // validations
         try {
-          await validateModel(property, item, formNew, {
+          await validateModel(property_0, item_2, formNew_1, {
             l
           });
-          property.error = undefined;
-        } catch (error) {
-          property.error = error.message;
+          property_0.error = undefined;
+        } catch (error_0) {
+          property_0.error = error_0.message;
         }
       }
     }
-    let valid = properties.every(item => {
-      const prop = values[item];
-      return !prop.error && (!prop.required || prop.value !== undefined);
+    let valid_0 = properties_1.every(item_3 => {
+      const prop_0 = values_1[item_3];
+      return !prop_0.error && (!prop_0.required || prop_0.value !== undefined);
     });
-    if (is('function', validate_)) valid = valid && validate_(values, formNew);
+    if (is('function', validate_)) valid_0 = valid_0 && validate_(values_1, formNew_1);
 
     // value
-    properties.forEach(item => {
-      const valueProperty = values[item];
-      if (valueProperty?.value !== undefined) {
-        setObjectValue(value, item, copy(valueProperty.value));
+    properties_1.forEach(item_4 => {
+      const valueProperty_1 = values_1[item_4];
+      if (valueProperty_1?.value !== undefined) {
+        setObjectValue(value_1, item_4, copy(valueProperty_1.value));
       }
     });
 
     // update
-    refs.value.current = value;
-    refs.values.current = values;
-    refs.valid.current = valid;
-    setForm(previous => {
-      return _objectSpread(_objectSpread({}, previous), {}, {
-        value,
-        values,
-        valid
+    refs.value.current = value_1;
+    refs.values.current = values_1;
+    refs.valid.current = valid_0;
+    setForm(previous_1 => {
+      return _objectSpread(_objectSpread({}, previous_1), {}, {
+        value: value_1,
+        values: values_1,
+        valid: valid_0
       });
     });
-    return valid;
+    return valid_0;
   };
   const clear = () => {
-    const formNew = _objectSpread(_objectSpread({}, refs.form.current), {}, {
+    const formNew_2 = _objectSpread(_objectSpread({}, refs.form.current), {}, {
       value: copy(valueDefault !== undefined ? valueDefault : {}),
       values: copy(values_ || {}),
       valid: validDefault !== undefined ? validDefault : false
     });
 
     // update
-    refs.value.current = formNew.value;
-    refs.values.current = formNew.values;
-    refs.valid.current = formNew.valid;
-    setForm(previous => {
-      return _objectSpread(_objectSpread({}, previous), formNew);
+    refs.value.current = formNew_2.value;
+    refs.values.current = formNew_2.values;
+    refs.valid.current = formNew_2.valid;
+    setForm(previous_2 => {
+      return _objectSpread(_objectSpread({}, previous_2), formNew_2);
     });
   };
   return _objectSpread(_objectSpread({}, form), {}, {

package/esm/useLocation/useLocation.js

@@ -8,17 +8,17 @@ const useLocation = props => {
   const {} = props || {};
   const locationReactRouterDOM = isEnvironment('browser') && !window.navigation ? useLocationReactRouterDOM() : undefined;
   const [response, setResponse] = React.useState(isEnvironment('browser') ? _objectSpread({}, window.location) : {});
-  const onUpdate = React.useCallback(debounce((value = _objectSpread({}, window.location)) => {
+  const onUpdate = debounce((value = _objectSpread({}, window.location)) => {
     setResponse(value);
-  }, 40), []);
+  }, 40);
 
   // React router DOM
   React.useEffect(() => {
     if (locationReactRouterDOM) onUpdate(locationReactRouterDOM);
   }, [locationReactRouterDOM]);
-  const method = React.useCallback(() => {
+  const method = () => {
     onUpdate();
-  }, []);
+  };
   React.useEffect(() => {
     if (!isEnvironment('browser')) return;
 

package/esm/useMediaQuery/useMediaQuery.js

@@ -17,9 +17,9 @@ const useMediaQuery = (props, options) => {
     setRoot(rootNew);
     refs.root.current = rootNew;
   }, [element]);
-  const method = React.useCallback(event => {
+  const method = event => {
     if (refs.matches.current !== event.matches) setMatches(event.matches);
-  }, []);
+  };
 
   // Watch
   React.useEffect(() => {

package/esm/useOnline/useOnline.js

@@ -1,17 +1,30 @@
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { isEnvironment } from '@onesy/utils';
 const useOnline = () => {
-  const [online, setOnline] = React.useState(isEnvironment('browser') ? window.navigator.onLine : true);
-  React.useEffect(() => {
-    const onOnline = () => setOnline(true);
-    const onOffline = () => setOnline(false);
-    window.addEventListener('online', onOnline);
-    window.addEventListener('offline', onOffline);
-    return () => {
-      window.removeEventListener('online', onOnline);
-      window.removeEventListener('offline', onOffline);
+  const $ = _c(2);
+  const [online, setOnline] = React.useState(isEnvironment("browser") ? window.navigator.onLine : true);
+  let t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      const onOnline = () => setOnline(true);
+      const onOffline = () => setOnline(false);
+      window.addEventListener("online", onOnline);
+      window.addEventListener("offline", onOffline);
+      return () => {
+        window.removeEventListener("online", onOnline);
+        window.removeEventListener("offline", onOffline);
+      };
     };
-  }, []);
+    t1 = [];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  React.useEffect(t0, t1);
   return online;
 };
 export default useOnline;

package/esm/useOpen/useOpen.js

@@ -1,35 +1,71 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { is } from '@onesy/utils';
 const useOpen = props => {
-  const [open, setOpen] = React.useState(_objectSpread({
-    open: false
-  }, props));
-  const onOpen = React.useCallback(item => {
-    setOpen(_objectSpread({
-      open: true
-    }, item));
-  }, []);
-  const onClose = React.useCallback(() => {
-    setOpen(previous => _objectSpread(_objectSpread({}, previous), {}, {
+  const $ = _c(9);
+  let t0;
+  if ($[0] !== props) {
+    t0 = _objectSpread({
       open: false
-    }));
-  }, []);
-  const onToggle = React.useCallback(() => {
-    setOpen(previous => _objectSpread(_objectSpread({}, previous), {}, {
-      open: !previous?.open
-    }));
-  }, []);
-  const onChange = React.useCallback(value => {
-    setOpen(() => _objectSpread(_objectSpread({}, value), {}, {
-      open: is('boolean', value) ? value : !!value?.open
-    }));
-  }, []);
-  const result = React.useMemo(() => {
-    return {
-      open: open?.open,
+    }, props);
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const [open, setOpen] = React.useState(t0);
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = item => {
+      setOpen(_objectSpread({
+        open: true
+      }, item));
+    };
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onOpen = t1;
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      setOpen(_temp);
+    };
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const onClose = t2;
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      setOpen(_temp2);
+    };
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const onToggle = t3;
+  let t4;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = value => {
+      setOpen(() => _objectSpread(_objectSpread({}, value), {}, {
+        open: is("boolean", value) ? value : !!value?.open
+      }));
+    };
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const onChange = t4;
+  const t5 = open?.open;
+  let t6;
+  if ($[6] !== open || $[7] !== t5) {
+    t6 = {
+      open: t5,
       item: open,
       onOpen,
       onClose,
@@ -37,7 +73,23 @@ const useOpen = props => {
       onChange,
       setOpen
     };
-  }, [open, setOpen]);
+    $[6] = open;
+    $[7] = t5;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  const result = t6;
   return result;
 };
-export default useOpen;
+export default useOpen;
+function _temp(previous) {
+  return _objectSpread(_objectSpread({}, previous), {}, {
+    open: false
+  });
+}
+function _temp2(previous_0) {
+  return _objectSpread(_objectSpread({}, previous_0), {}, {
+    open: !previous_0?.open
+  });
+}

package/esm/useQuery/useQuery.js

@@ -1,10 +1,20 @@
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { useLocation } from 'react-router-dom';
 const useQuery = () => {
+  const $ = _c(2);
   const {
     search
   } = useLocation();
-  const value = React.useMemo(() => new URLSearchParams(search), [search]);
+  let t0;
+  if ($[0] !== search) {
+    t0 = new URLSearchParams(search);
+    $[0] = search;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const value = t0;
   return value;
 };
 useQuery.displayName = 'onesy-UseQuery';

package/esm/useResize/useResize.js

@@ -1,20 +1,36 @@
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { isEnvironment } from '@onesy/utils';
 const useWindowWidth = () => {
-  const [windowWidth, setWindowWidth] = React.useState(() => {
-    if (isEnvironment('browser')) return window.innerWidth;
-    return 0;
-  });
-  React.useEffect(() => {
-    const onResize = () => {
-      setWindowWidth(window.innerWidth);
+  const $ = _c(2);
+  const [windowWidth, setWindowWidth] = React.useState(_temp);
+  let t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      const onResize = () => {
+        setWindowWidth(window.innerWidth);
+      };
+      if (isEnvironment("browser")) {
+        setWindowWidth(window.innerWidth);
+        window.addEventListener("resize", onResize);
+        return () => window.removeEventListener("resize", onResize);
+      }
     };
-    if (isEnvironment('browser')) {
-      setWindowWidth(window.innerWidth);
-      window.addEventListener('resize', onResize);
-      return () => window.removeEventListener('resize', onResize);
-    }
-  }, []);
+    t1 = [];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  React.useEffect(t0, t1);
   return windowWidth;
 };
-export default useWindowWidth;
+export default useWindowWidth;
+function _temp() {
+  if (isEnvironment("browser")) {
+    return window.innerWidth;
+  }
+  return 0;
+}

package/esm/useScroll/useScroll.js

@@ -26,7 +26,7 @@ const useScroll = props => {
     setRoot(rootNew);
     refs.root.current = rootNew;
   }, [target, element]);
-  const method = React.useCallback(() => {
+  const method = () => {
     if (!refs.root.current) return;
     const value = refs.root.current?.scrollTop !== undefined ? refs.root.current.scrollTop : refs.root.current?.scrollY;
     let responseNew = true;
@@ -40,7 +40,7 @@ const useScroll = props => {
 
     // Previous
     refs.previous.current = value;
-  }, []);
+  };
   React.useEffect(() => {
     // Add new event listener
     if (root) root.addEventListener('scroll', method);

package/esm/useSubscription/useSubscription.js

@@ -1,31 +1,83 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { is } from '@onesy/utils';
 const useSubscription = (onesySubscription, method, value) => {
-  // an array of the value
-  // we are getting the same reference value
-  // from some of the subscriptions
-  // in order for rerender to be made
-  const [response, setResponse] = React.useState([value !== undefined ? value : onesySubscription?.value]);
-  React.useEffect(() => {
-    if (value !== undefined) {
-      if (is('function', onesySubscription.init)) onesySubscription.init(_objectSpread(_objectSpread({}, value), {}, {
-        loaded: true
-      }));
-    }
-  }, []);
-  React.useEffect(() => {
-    if (!is('function', onesySubscription?.subscribe)) return;
-    const subscription = onesySubscription.subscribe(async valueItem => {
-      if (is('function', method)) await method(valueItem, setResponse);else setResponse([valueItem]);
-    });
-    if (onesySubscription.value !== undefined) setResponse([onesySubscription.value]);
-    return () => {
-      if (subscription) subscription.unsubscribe();
+  const $ = _c(11);
+  const t0 = value !== undefined ? value : onesySubscription?.value;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = [t0];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [response, setResponse] = React.useState(t1);
+  let t2;
+  if ($[2] !== onesySubscription || $[3] !== value) {
+    t2 = () => {
+      if (value !== undefined) {
+        if (is("function", onesySubscription.init)) {
+          onesySubscription.init(_objectSpread(_objectSpread({}, value), {}, {
+            loaded: true
+          }));
+        }
+      }
     };
-  }, [onesySubscription]);
+    $[2] = onesySubscription;
+    $[3] = value;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = [];
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  React.useEffect(t2, t3);
+  let t4;
+  if ($[6] !== method || $[7] !== onesySubscription) {
+    t4 = () => {
+      if (!is("function", onesySubscription?.subscribe)) {
+        return;
+      }
+      const subscription = onesySubscription.subscribe(async valueItem => {
+        if (is("function", method)) {
+          await method(valueItem, setResponse);
+        } else {
+          setResponse([valueItem]);
+        }
+      });
+      if (onesySubscription.value !== undefined) {
+        setResponse([onesySubscription.value]);
+      }
+      return () => {
+        if (subscription) {
+          subscription.unsubscribe();
+        }
+      };
+    };
+    $[6] = method;
+    $[7] = onesySubscription;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== onesySubscription) {
+    t5 = [onesySubscription];
+    $[9] = onesySubscription;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  React.useEffect(t4, t5);
   return response[0];
 };
 export default useSubscription;