@amoa/hooks 0.1.2 → 0.1.4

package/dist/forge/src/dates/date.js

@@ -0,0 +1,7 @@
+const format = (value, options) => {
+  const date = new Date(value);
+  if (isNaN(date.getTime())) return value;
+  return date.toLocaleDateString("fr-FR", options);
+};
+
+export { format };

package/dist/forge/src/dates/day.js

@@ -0,0 +1,11 @@
+import { format } from './date.js';
+
+const dayOfMonth = value => {
+  const options = {
+    month: "long",
+    day: "numeric"
+  };
+  return format(value, options);
+};
+
+export { dayOfMonth };

package/dist/forge/src/dates/index.js

@@ -0,0 +1,8 @@
+import './year.js';
+
+const valid = arg => {
+  const date = new Date(arg);
+  return !isNaN(date.getTime());
+};
+
+export { valid };

package/dist/forge/src/dates/year.js

@@ -0,0 +1 @@
+new Date().getFullYear();

package/dist/forge/src/filters.js

@@ -0,0 +1,71 @@
+import { serialize, extract, transform } from './strings/index.js';
+
+const dates = (data, key, filter) => {
+  const {
+    before,
+    after
+  } = filter;
+  const preceding = before ? before > new Date(data[key]) : true;
+  const following = after ? after < new Date(data[key]) : true;
+  return preceding && following;
+};
+const search = (data, search) => {
+  if (!search) return data;
+  const words = serialize(search).split("-").filter(Boolean);
+  const {
+    precise,
+    shallow
+  } = data.reduce((acc, data) => {
+    const flattened = extract(data);
+    const transform$1 = transform(flattened);
+    const precise = serialize(transform$1).includes(serialize(search));
+    const shallow = words.filter(item => serialize(transform$1.join(" ")).includes(item));
+    if (precise) return {
+      ...acc,
+      precise: [...acc.precise, data]
+    };
+    if (shallow.length) return {
+      ...acc,
+      shallow: [...acc.shallow, data]
+    };
+    return acc;
+  }, {
+    precise: [],
+    shallow: []
+  });
+  return precise.length ? precise : shallow;
+};
+const filter = (data, filters, reference) => {
+  if (!Object.keys(filters).length) return data;
+  return data.reduce((acc, item) => {
+    const check = Object.entries(filters).every(([key, list]) => {
+      if (Array.isArray(list)) {
+        const {
+          together
+        } = reference?.find(filter => filter.key = key) || {};
+        const flat = list.map(value => together?.[value] || value).flat();
+        return flat.includes(item[key]);
+      }
+      if (typeof list === "object") {
+        const {
+          kind,
+          ...filter
+        } = list;
+        if (kind === "dates") return dates(item, key, filter);
+      }
+    });
+    return check ? [...acc, item] : acc;
+  }, []);
+};
+const sort = (data, {
+  key,
+  direction,
+  order
+}) => {
+  return data.toSorted((a, b) => {
+    if (!order) return a[key] < b[key] === direction ? -1 : 1;
+    return order.indexOf(a[key]) < order.indexOf(b[key]) === direction ? -1 : 1;
+  });
+};
+
+export { filter, search, sort };

package/dist/forge/src/functions/index.js

@@ -0,0 +1,20 @@
+const throttle = (callback, delay = 300) => {
+  let last = 0;
+  let timeout = null;
+  return (...args) => {
+    const now = Date.now();
+    if (now - last >= delay) {
+      last = now;
+      callback(...args);
+    } else if (!timeout) {
+      const remaining = delay - (now - last);
+      timeout = setTimeout(() => {
+        last = Date.now();
+        timeout = null;
+        callback(...args);
+      }, remaining);
+    }
+  };
+};
+
+export { throttle };

package/dist/forge/src/strings/diacritics.js

@@ -0,0 +1,261 @@
+const DIACRITICS_REMOVAL_MAP = [{
+  base: "A",
+  letters: "\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u00C4\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F"
+}, {
+  base: "AA",
+  letters: "\uA732"
+}, {
+  base: "AE",
+  letters: "\u00C6\u01FC\u01E2"
+}, {
+  base: "AO",
+  letters: "\uA734"
+}, {
+  base: "AU",
+  letters: "\uA736"
+}, {
+  base: "AV",
+  letters: "\uA738\uA73A"
+}, {
+  base: "AY",
+  letters: "\uA73C"
+}, {
+  base: "B",
+  letters: "\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181"
+}, {
+  base: "C",
+  letters: "\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E"
+}, {
+  base: "D",
+  letters: "\u0044\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779\u00D0"
+}, {
+  base: "DZ",
+  letters: "\u01F1\u01C4"
+}, {
+  base: "Dz",
+  letters: "\u01F2\u01C5"
+}, {
+  base: "E",
+  letters: "\u0045\u24BA\uFF25\u00C8\u00C9\u00CA\u1EC0\u1EBE\u1EC4\u1EC2\u1EBC\u0112\u1E14\u1E16\u0114\u0116\u00CB\u1EBA\u011A\u0204\u0206\u1EB8\u1EC6\u0228\u1E1C\u0118\u1E18\u1E1A\u0190\u018E"
+}, {
+  base: "F",
+  letters: "\u0046\u24BB\uFF26\u1E1E\u0191\uA77B"
+}, {
+  base: "G",
+  letters: "\u0047\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E"
+}, {
+  base: "H",
+  letters: "\u0048\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D"
+}, {
+  base: "I",
+  letters: "\u0049\u24BE\uFF29\u00CC\u00CD\u00CE\u0128\u012A\u012C\u0130\u00CF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197"
+}, {
+  base: "J",
+  letters: "\u004A\u24BF\uFF2A\u0134\u0248"
+}, {
+  base: "K",
+  letters: "\u004B\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2"
+}, {
+  base: "L",
+  letters: "\u004C\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780"
+}, {
+  base: "LJ",
+  letters: "\u01C7"
+}, {
+  base: "Lj",
+  letters: "\u01C8"
+}, {
+  base: "M",
+  letters: "\u004D\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C"
+}, {
+  base: "N",
+  letters: "\u004E\u24C3\uFF2E\u01F8\u0143\u00D1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4"
+}, {
+  base: "NJ",
+  letters: "\u01CA"
+}, {
+  base: "Nj",
+  letters: "\u01CB"
+}, {
+  base: "O",
+  letters: "\u004F\u24C4\uFF2F\u00D2\u00D3\u00D4\u1ED2\u1ED0\u1ED6\u1ED4\u00D5\u1E4C\u022C\u1E4E\u014C\u1E50\u1E52\u014E\u022E\u0230\u00D6\u022A\u1ECE\u0150\u01D1\u020C\u020E\u01A0\u1EDC\u1EDA\u1EE0\u1EDE\u1EE2\u1ECC\u1ED8\u01EA\u01EC\u00D8\u01FE\u0186\u019F\uA74A\uA74C"
+}, {
+  base: "OI",
+  letters: "\u01A2"
+}, {
+  base: "OO",
+  letters: "\uA74E"
+}, {
+  base: "OU",
+  letters: "\u0222"
+}, {
+  base: "OE",
+  letters: "\u008C\u0152"
+}, {
+  base: "oe",
+  letters: "\u009C\u0153"
+}, {
+  base: "P",
+  letters: "\u0050\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754"
+}, {
+  base: "Q",
+  letters: "\u0051\u24C6\uFF31\uA756\uA758\u024A"
+}, {
+  base: "R",
+  letters: "\u0052\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782"
+}, {
+  base: "S",
+  letters: "\u0053\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784"
+}, {
+  base: "T",
+  letters: "\u0054\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786"
+}, {
+  base: "TZ",
+  letters: "\uA728"
+}, {
+  base: "U",
+  letters: "\u0055\u24CA\uFF35\u00D9\u00DA\u00DB\u0168\u1E78\u016A\u1E7A\u016C\u00DC\u01DB\u01D7\u01D5\u01D9\u1EE6\u016E\u0170\u01D3\u0214\u0216\u01AF\u1EEA\u1EE8\u1EEE\u1EEC\u1EF0\u1EE4\u1E72\u0172\u1E76\u1E74\u0244"
+}, {
+  base: "V",
+  letters: "\u0056\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245"
+}, {
+  base: "VY",
+  letters: "\uA760"
+}, {
+  base: "W",
+  letters: "\u0057\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72"
+}, {
+  base: "X",
+  letters: "\u0058\u24CD\uFF38\u1E8A\u1E8C"
+}, {
+  base: "Y",
+  letters: "\u0059\u24CE\uFF39\u1EF2\u00DD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE"
+}, {
+  base: "Z",
+  letters: "\u005A\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762"
+}, {
+  base: "a",
+  letters: "\u0061\u24D0\uFF41\u1E9A\u00E0\u00E1\u00E2\u1EA7\u1EA5\u1EAB\u1EA9\u00E3\u0101\u0103\u1EB1\u1EAF\u1EB5\u1EB3\u0227\u01E1\u00E4\u01DF\u1EA3\u00E5\u01FB\u01CE\u0201\u0203\u1EA1\u1EAD\u1EB7\u1E01\u0105\u2C65\u0250"
+}, {
+  base: "aa",
+  letters: "\uA733"
+}, {
+  base: "ae",
+  letters: "\u00E6\u01FD\u01E3"
+}, {
+  base: "ao",
+  letters: "\uA735"
+}, {
+  base: "au",
+  letters: "\uA737"
+}, {
+  base: "av",
+  letters: "\uA739\uA73B"
+}, {
+  base: "ay",
+  letters: "\uA73D"
+}, {
+  base: "b",
+  letters: "\u0062\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253"
+}, {
+  base: "c",
+  letters: "\u0063\u24D2\uFF43\u0107\u0109\u010B\u010D\u00E7\u1E09\u0188\u023C\uA73F\u2184"
+}, {
+  base: "d",
+  letters: "\u0064\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A"
+}, {
+  base: "dz",
+  letters: "\u01F3\u01C6"
+}, {
+  base: "e",
+  letters: "\u0065\u24D4\uFF45\u00E8\u00E9\u00EA\u1EC1\u1EBF\u1EC5\u1EC3\u1EBD\u0113\u1E15\u1E17\u0115\u0117\u00EB\u1EBB\u011B\u0205\u0207\u1EB9\u1EC7\u0229\u1E1D\u0119\u1E19\u1E1B\u0247\u025B\u01DD"
+}, {
+  base: "f",
+  letters: "\u0066\u24D5\uFF46\u1E1F\u0192\uA77C"
+}, {
+  base: "g",
+  letters: "\u0067\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F"
+}, {
+  base: "h",
+  letters: "\u0068\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265"
+}, {
+  base: "hv",
+  letters: "\u0195"
+}, {
+  base: "i",
+  letters: "\u0069\u24D8\uFF49\u00EC\u00ED\u00EE\u0129\u012B\u012D\u00EF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131"
+}, {
+  base: "j",
+  letters: "\u006A\u24D9\uFF4A\u0135\u01F0\u0249"
+}, {
+  base: "k",
+  letters: "\u006B\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3"
+}, {
+  base: "l",
+  letters: "\u006C\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u017F\u0142\u019A\u026B\u2C61\uA749\uA781\uA747"
+}, {
+  base: "lj",
+  letters: "\u01C9"
+}, {
+  base: "m",
+  letters: "\u006D\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F"
+}, {
+  base: "n",
+  letters: "\u006E\u24DD\uFF4E\u01F9\u0144\u00F1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5"
+}, {
+  base: "nj",
+  letters: "\u01CC"
+}, {
+  base: "o",
+  letters: "\u006F\u24DE\uFF4F\u00F2\u00F3\u00F4\u1ED3\u1ED1\u1ED7\u1ED5\u00F5\u1E4D\u022D\u1E4F\u014D\u1E51\u1E53\u014F\u022F\u0231\u00F6\u022B\u1ECF\u0151\u01D2\u020D\u020F\u01A1\u1EDD\u1EDB\u1EE1\u1EDF\u1EE3\u1ECD\u1ED9\u01EB\u01ED\u00F8\u01FF\u0254\uA74B\uA74D\u0275"
+}, {
+  base: "oi",
+  letters: "\u01A3"
+}, {
+  base: "ou",
+  letters: "\u0223"
+}, {
+  base: "oo",
+  letters: "\uA74F"
+}, {
+  base: "p",
+  letters: "\u0070\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755"
+}, {
+  base: "q",
+  letters: "\u0071\u24E0\uFF51\u024B\uA757\uA759"
+}, {
+  base: "r",
+  letters: "\u0072\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783"
+}, {
+  base: "s",
+  letters: "\u0073\u24E2\uFF53\u00DF\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B"
+}, {
+  base: "t",
+  letters: "\u0074\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787"
+}, {
+  base: "tz",
+  letters: "\uA729"
+}, {
+  base: "u",
+  letters: "\u0075\u24E4\uFF55\u00F9\u00FA\u00FB\u0169\u1E79\u016B\u1E7B\u016D\u00FC\u01DC\u01D8\u01D6\u01DA\u1EE7\u016F\u0171\u01D4\u0215\u0217\u01B0\u1EEB\u1EE9\u1EEF\u1EED\u1EF1\u1EE5\u1E73\u0173\u1E77\u1E75\u0289"
+}, {
+  base: "v",
+  letters: "\u0076\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C"
+}, {
+  base: "vy",
+  letters: "\uA761"
+}, {
+  base: "w",
+  letters: "\u0077\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73"
+}, {
+  base: "x",
+  letters: "\u0078\u24E7\uFF58\u1E8B\u1E8D"
+}, {
+  base: "y",
+  letters: "\u0079\u24E8\uFF59\u1EF3\u00FD\u0177\u1EF9\u0233\u1E8F\u00FF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF"
+}, {
+  base: "z",
+  letters: "\u007A\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763"
+}];
+
+export { DIACRITICS_REMOVAL_MAP as default };

package/dist/forge/src/strings/index.js

@@ -0,0 +1,56 @@
+import { valid } from '../dates/index.js';
+import DIACRITICS_REMOVAL_MAP from './diacritics.js';
+import { format } from '../dates/date.js';
+import { dayOfMonth } from '../dates/day.js';
+
+const diacritics = DIACRITICS_REMOVAL_MAP.reduce((acc, {
+  base,
+  letters
+}) => {
+  const range = [...letters].reduce((acc, letter) => {
+    return {
+      ...acc,
+      [letter]: base
+    };
+  }, {});
+  return {
+    ...acc,
+    ...range
+  };
+}, {});
+const serialize = (...strings) => {
+  const flattened = strings.reduce((acc, current) => {
+    switch (typeof current) {
+      case "string":
+        return current.trim() !== "" ? [...acc, current] : acc;
+      case "number":
+        return acc;
+      case "object":
+        return [...acc, Object.values(current).join("-")];
+    }
+  }, []);
+  return flattened.join("-").replace(/[^\u0000-\u007E]/g, letter => diacritics[letter] || letter).replace(/[.,\/#!$%\^&\*;:{}=_`~()]/g, "").replace(/[^a-zA-Z0-9]+/g, "-").replace(/\s{2,}/g, " ").replace(/\s/g, "-").toLowerCase();
+};
+const extract = data => {
+  if (data === null) return [];
+  switch (typeof data) {
+    case "string":
+    case "number":
+      return [data];
+    case "object":
+      const iterable = Array.isArray(data) ? data : Object.values(data);
+      return iterable.reduce((acc, item) => [...acc, ...extract(item)], []);
+  }
+  return [];
+};
+const transform = (...args) => {
+  const result = args.flatMap(arg => {
+    if (Array.isArray(arg)) return arg.map(item => transform(item));
+    if (typeof arg === "number") return `${arg}`;
+    if (valid(arg)) return [format(arg), dayOfMonth(arg)];
+    return serialize(arg);
+  });
+  return result.flat();
+};
+
+export { extract, serialize, transform };

package/dist/index.js

@@ -0,0 +1,2 @@
+export { default as useLocalStorage } from './use-local-storage.js';
+export { default as useSessionStorage } from './use-session-storage.js';

package/{src → dist}/use-click-outside.js

@@ -1,34 +1,28 @@
-import * as React from "react";
+import * as React from 'react';
 
-export const useClickOutside = (callback) => {
+const useClickOutside = callback => {
   const ref = React.useRef(null);
   const callbackRef = React.useRef(callback);
-
   React.useLayoutEffect(() => {
     callbackRef.current = callback;
   });
-
   React.useEffect(() => {
     if (ref.current) {
       const element = ref.current.parentNode;
-
-      const handler = (e) => {
+      const handler = e => {
         if (element && !element.contains(e.target)) {
           callbackRef.current(e);
         }
       };
-
       document.addEventListener("mousedown", handler);
       document.addEventListener("touchstart", handler);
-
       return () => {
         document.removeEventListener("mousedown", handler);
         document.removeEventListener("touchstart", handler);
       };
     }
   }, []);
-
   return ref;
 };
 
-export default useClickOutside;
+export { useClickOutside as default, useClickOutside };

package/{src → dist}/use-client.js

@@ -1,13 +1,11 @@
-import * as React from "react";
+import * as React from 'react';
 
-export const useClient = () => {
+const useClient = () => {
   const [client, setClient] = React.useState(false);
-
   React.useEffect(() => {
     setClient(true);
   }, []);
-
   return client;
 };
 
-export default useClient;
+export { useClient as default, useClient };

package/{src → dist}/use-debounce.js

@@ -1,11 +1,9 @@
-import * as React from "react";
+import * as React from 'react';
 
-export const useDebounce = (callback, time = 300, minimum = 3) => {
+const useDebounce = (callback, time = 300, minimum = 3) => {
   const [value, setValue] = React.useState("");
   const [result, setResult] = React.useState();
-
   const clear = () => setResult();
-
   React.useEffect(() => {
     // setResult();
     if (typeof value !== "string" || value.length < minimum) return;
@@ -13,11 +11,9 @@ export const useDebounce = (callback, time = 300, minimum = 3) => {
       const result = await callback(value);
       setResult(result);
     }, time);
-
     return () => clearTimeout(delay);
   }, [value]);
-
   return [result, setValue, clear];
 };
 
-export default useDebounce;
+export { useDebounce as default, useDebounce };

package/{src → dist}/use-dragging.js

@@ -1,12 +1,10 @@
-import * as React from "react";
+import * as React from 'react';
 
-export const useDragging = (callback, delay, state, layoff) => {
+const useDragging = (callback, delay, state, layoff) => {
   const savedCallback = React.useRef();
-
   React.useEffect(() => {
     savedCallback.state = callback;
   }, [callback]);
-
   React.useEffect(() => {
     function tick() {
       savedCallback.state();
@@ -18,4 +16,4 @@ export const useDragging = (callback, delay, state, layoff) => {
   }, [state, delay, layoff]);
 };
 
-export default useDragging;
+export { useDragging as default, useDragging };

package/dist/use-filters.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { search, filter, sort } from './forge/src/filters.js';
+
+const useFilters = (data, filters, sort$1, reference) => {
+  const [filtered, setFiltered] = React.useState(data);
+  const {
+    search: search$1,
+    ...other
+  } = filters;
+  React.useEffect(() => {
+    if (!search$1 && !Object.keys(other).length) setFiltered(data);
+    const searched = search(data, search$1);
+    const filtered = filter(searched, other, reference);
+    const sorted = sort(filtered, sort$1);
+    setFiltered(sorted);
+  }, [data, filters, sort$1]);
+  return filtered;
+};
+
+export { useFilters as default, useFilters };

package/dist/use-hover.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+const useHover = () => {
+  const [hovering, setHovering] = React.useState(false);
+  const previousNode = React.useRef(null);
+  const handleMouseEnter = React.useCallback(() => {
+    setHovering(true);
+  }, []);
+  const handleMouseLeave = React.useCallback(() => {
+    setHovering(false);
+  }, []);
+  const customRef = React.useCallback(node => {
+    if (previousNode.current?.nodeType === Node.ELEMENT_NODE) {
+      previousNode.current.removeEventListener("mouseenter", handleMouseEnter);
+      previousNode.current.removeEventListener("mouseleave", handleMouseLeave);
+    }
+    if (node?.nodeType === Node.ELEMENT_NODE) {
+      node.addEventListener("mouseenter", handleMouseEnter);
+      node.addEventListener("mouseleave", handleMouseLeave);
+    }
+    previousNode.current = node;
+  }, [handleMouseEnter, handleMouseLeave]);
+  return [customRef, hovering];
+};
+
+export { useHover as default, useHover };

package/dist/use-intersection.js

@@ -0,0 +1,39 @@
+import * as React from 'react';
+
+const OPTIONS = {
+  threshold: 1,
+  root: null,
+  rootMargin: "0px"
+};
+const useIntersection = (options = {}) => {
+  const [entry, setEntry] = React.useState(null);
+  const {
+    threshold,
+    root,
+    rootMargin
+  } = {
+    ...OPTIONS,
+    ...options
+  };
+  const reference = React.useRef(null);
+  const ref = React.useCallback(node => {
+    if (reference.current) {
+      reference.current.disconnect();
+      reference.current = null;
+    }
+    if (node?.nodeType === Node.ELEMENT_NODE) {
+      const observer = new IntersectionObserver(([entry]) => {
+        setEntry(entry);
+      }, {
+        threshold,
+        root,
+        rootMargin
+      });
+      observer.observe(node);
+      reference.current = observer;
+    }
+  }, [threshold, root, rootMargin]);
+  return [ref, entry];
+};
+
+export { useIntersection as default, useIntersection };

package/{src → dist}/use-interval.js

@@ -1,19 +1,14 @@
-"use client";
+import * as React from 'react';
 
-import * as React from "react";
-
-export const useInterval = (callback, delay) => {
+const useInterval = (callback, delay) => {
   const [id, setId] = React.useState();
   const savedCallback = React.useRef();
-
   const clear = () => {
     clearInterval(id);
   };
-
   React.useEffect(() => {
     savedCallback.current = callback;
   }, [callback]);
-
   React.useEffect(() => {
     function tick() {
       savedCallback.current();
@@ -24,8 +19,7 @@ export const useInterval = (callback, delay) => {
       return () => clearInterval(id);
     }
   }, [delay]);
-
   return [clear];
 };
 
-export default useInterval;
+export { useInterval as default, useInterval };

package/dist/use-lazy-loading.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { throttle } from './forge/src/functions/index.js';
+
+const OPTIONS = {
+  rootMargin: "200px 0px",
+  threshold: 0.1
+};
+const useLazyLoading = (ref, callback, delay = 300) => {
+  const throttle$1 = React.useMemo(() => throttle(callback, delay), [callback, delay]);
+  React.useEffect(() => {
+    const node = ref.current;
+    if (!node) return;
+    const observer = new IntersectionObserver(([e]) => e.isIntersecting && throttle$1(), OPTIONS);
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [ref.current, callback]);
+};
+
+export { useLazyLoading as default, useLazyLoading };

package/{src → dist}/use-local-storage.js

@@ -1,6 +1,6 @@
-import { useState, useEffect } from "react";
+import { useState, useEffect } from 'react';
 
-export const useLocalStorage = (key, initialValue, session = false) => {
+const useLocalStorage = (key, initialValue, session = false) => {
   const [storedValue, setStoredValue] = useState(() => {
     if (typeof window !== "undefined") {
       try {
@@ -12,8 +12,7 @@ export const useLocalStorage = (key, initialValue, session = false) => {
       }
     }
   });
-
-  const setValue = (value) => {
+  const setValue = value => {
     if (typeof window === "undefined") return [];
     try {
       const valueToStore = value instanceof Function ? value(storedValue) : value;
@@ -37,7 +36,6 @@ export const useLocalStorage = (key, initialValue, session = false) => {
       console.info(error);
     }
   };
-
   useEffect(() => {
     const check = () => {
       const value = window.localStorage.getItem(key);
@@ -46,8 +44,7 @@ export const useLocalStorage = (key, initialValue, session = false) => {
     window.addEventListener(key, check);
     return () => window.removeEventListener(key, check);
   }, []);
-
   return [storedValue, setValue];
 };
 
-export default useLocalStorage;
+export { useLocalStorage as default, useLocalStorage };

package/{src → dist}/use-resize.js

@@ -1,28 +1,24 @@
-import * as React from "react";
+import * as React from 'react';
 
-export const useResize = () => {
+const useResize = () => {
   const [size, setSize] = React.useState({
     width: null,
     height: null
   });
-
   const resize = React.useCallback(() => {
     setSize({
       width: window.innerWidth,
       height: window.innerHeight
     });
   }, []);
-
   React.useLayoutEffect(() => {
     resize();
     window.addEventListener("resize", resize);
-
     return () => {
       window.removeEventListener("resize", resize);
     };
   }, [resize]);
-
   return size;
 };
 
-export default useResize;
+export { useResize as default, useResize };

package/{src → dist}/use-session-storage.js

@@ -1,66 +1,53 @@
-import * as React from "react";
+import * as React from 'react';
 
 const dispatchEvent = (key, newValue) => {
-  window.dispatchEvent(new StorageEvent("storage", { key, newValue }));
+  window.dispatchEvent(new StorageEvent("storage", {
+    key,
+    newValue
+  }));
 };
-
 const setSessionStorageItem = (key, value) => {
   const stringifiedValue = JSON.stringify(value);
   window.sessionStorage.setItem(key, stringifiedValue);
   dispatchEvent(key, stringifiedValue);
 };
-
-const removeSessionStorageItem = (key) => {
+const removeSessionStorageItem = key => {
   window.sessionStorage.removeItem(key);
   dispatchEvent(key, null);
 };
-
-const getSessionStorageItem = (key) => {
+const getSessionStorageItem = key => {
   return window.sessionStorage.getItem(key);
 };
-
-const useSessionStorageSubscribe = (callback) => {
+const useSessionStorageSubscribe = callback => {
   window.addEventListener("storage", callback);
   return () => window.removeEventListener("storage", callback);
 };
-
 const getSessionStorageServerSnapshot = () => {
   // throw Error("Le Session Storage n'est utilisable que côté client.");
 };
-
-export const useSessionStorage = (key, initialValue, fallback) => {
+const useSessionStorage = (key, initialValue, fallback) => {
   const getClientSnapshot = () => getSessionStorageItem(key);
-
   const getServerSnapshot = fallback !== undefined ? () => fallback : undefined;
-
   const getSnapshot = typeof window !== "undefined" ? getClientSnapshot : getServerSnapshot;
-
   const store = React.useSyncExternalStore(useSessionStorageSubscribe, getSnapshot, getSessionStorageServerSnapshot);
-
-  const setState = React.useCallback(
-    (callback) => {
-      try {
-        const nextState = typeof callback === "function" ? callback(JSON.parse(store)) : callback;
-
-        if (nextState === undefined || nextState === null) {
-          removeSessionStorageItem(key);
-        } else {
-          setSessionStorageItem(key, nextState);
-        }
-      } catch (e) {
-        console.warn(e);
+  const setState = React.useCallback(callback => {
+    try {
+      const nextState = typeof callback === "function" ? callback(JSON.parse(store)) : callback;
+      if (nextState === undefined || nextState === null) {
+        removeSessionStorageItem(key);
+      } else {
+        setSessionStorageItem(key, nextState);
       }
-    },
-    [key, store]
-  );
-
+    } catch (e) {
+      console.warn(e);
+    }
+  }, [key, store]);
   React.useEffect(() => {
     if (getSessionStorageItem(key) === null && typeof initialValue !== "undefined") {
       setSessionStorageItem(key, initialValue);
     }
   }, [key, initialValue]);
-
   return [store ? JSON.parse(store) : initialValue, setState];
 };
 
-export default useSessionStorage;
+export { useSessionStorage as default, useSessionStorage };

package/{src → dist}/use-skeleton.js

@@ -1,34 +1,35 @@
-import * as React from "react";
+import * as React from 'react';
 
-const OBSERVER = { childList: true, subtree: true, characterData: true };
-
-const leaves = (node) => {
+const OBSERVER = {
+  childList: true,
+  subtree: true,
+  characterData: true
+};
+const leaves = node => {
   if (!node) return [];
-
-  const { children } = node;
-  const list = Array.from(children).filter((child) => child.tagName !== "svg" || child?.remove());
-  const { length } = list;
-
+  const {
+    children
+  } = node;
+  const list = Array.from(children).filter(child => child.tagName !== "svg" || child?.remove());
+  const {
+    length
+  } = list;
   if (length) return list.reduce((acc, node) => [...acc, ...leaves(node)], []);
-
   const width = 80; // (Math.ceil(Math.random() * 4) + 4) * 10;
   const min = 50; // (Math.ceil(Math.random() * 3) + 4) * 10;
 
   if (node.style.backgroundColor !== null) node.style.backgroundColor = "var(--light-background)";
   if (node.style.borderRadius === "") node.style.borderRadius = "4px";
-
   node.style.display = "flex";
   node.style.flexDirection = "column";
   node.style.borderColor = "transparent";
   node.style.gap = "0.5px";
   node.innerHTML = `<span style='min-width:${min}px;width:${width}%;height:14.5px;margin:0.5px 0;background-color:var(--light-background);border-radius:4px;' />`;
   node.parentNode.style.gap = "1.5px";
-
   return [node];
 };
-
-const excarnate = (element) => {
-  Array.from(element).forEach((child) => {
+const excarnate = element => {
+  Array.from(element).forEach(child => {
     child.style.borderColor = "transparent";
     child.style.filter = "unset";
     child.style.cursor = "default";
@@ -36,19 +37,20 @@ const excarnate = (element) => {
     child.classList.add("skeleton");
   });
 };
-
-export const useSkeleton = (ref) => {
+const useSkeleton = ref => {
   React.useEffect(() => {
     if (!ref.current) return;
-
     excarnate(ref.current.children);
     leaves(ref.current);
-
-    const observer = new MutationObserver((mutations) => {
+    const observer = new MutationObserver(mutations => {
       observer.disconnect();
-      mutations.forEach(({ addedNodes = [], type, target }) => {
+      mutations.forEach(({
+        addedNodes = [],
+        type,
+        target
+      }) => {
         const parent = target.parentElement;
-        addedNodes.forEach?.((node) => {
+        addedNodes.forEach?.(node => {
           if (node.nodeType === 1) {
             excarnate([node]);
             leaves(node);
@@ -61,11 +63,9 @@ export const useSkeleton = (ref) => {
       });
       observer.observe(ref.current, OBSERVER);
     });
-
     observer.observe(ref.current, OBSERVER);
-
     return () => observer.disconnect();
   }, [ref.current]);
 };
 
-export default useSkeleton;
+export { useSkeleton as default, useSkeleton };

package/dist/use-summary.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+
+const surface = ({
+  width,
+  height
+}) => width * height;
+const useSummary = (elements = [], options = {}, target) => {
+  const {
+    threshold = 1,
+    root = null,
+    rootMargin = "0px"
+  } = options;
+  const [visible, setVisible] = React.useState(null);
+  const reference = React.useRef(null);
+  React.useEffect(() => {
+    if (!elements.length) return;
+    const observer = new IntersectionObserver(entries => {
+      const [first] = entries.sort((a, b) => surface(b.intersectionRect) - surface(a.intersectionRect));
+      if (first?.intersectionRect.height > 0) {
+        setVisible(target(first));
+      }
+    }, {
+      threshold,
+      root,
+      rootMargin
+    });
+    reference.current?.disconnect();
+    elements.forEach(element => observer.observe(element));
+    reference.current = observer;
+    return () => observer.disconnect();
+  }, [elements, threshold, root, rootMargin, target]);
+  return visible;
+};
+
+export { useSummary as default, useSummary };

package/{src → dist}/use-timeout.js

@@ -1,18 +1,15 @@
-import * as React from "react";
+import * as React from 'react';
 
-export const useTimeout = (callback, time) => {
+const useTimeout = (callback, time) => {
   const id = React.useRef(null);
-
   const clear = React.useCallback(() => {
     window.clearTimeout(id.current);
   }, []);
-
   React.useEffect(() => {
     id.current = window.setTimeout(callback, time);
     return clear;
   }, [time, clear]);
-
   return clear;
 };
 
-export default useTimeout;
+export { useTimeout as default, useTimeout };

package/{src → dist}/use-tooltip.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 
 const limits = {
   top: 60,
@@ -6,11 +6,15 @@ const limits = {
   right: 60,
   left: 60
 };
-
-export const useTooltip = (item, text, position) => {
+const useTooltip = (item, text, position) => {
   React.useEffect(() => {
     if (text && item.current) {
-      const { top, left, bottom, right } = item.current.getBoundingClientRect();
+      const {
+        top,
+        left,
+        bottom,
+        right
+      } = item.current.getBoundingClientRect();
       item.current.dataset.tooltip = text;
       if (position) item.current.dataset[position] = "";
       if (top < limits.top) item.current.dataset.tooltipTop = "";
@@ -21,4 +25,4 @@ export const useTooltip = (item, text, position) => {
   }, [item, text]);
 };
 
-export default useTooltip;
+export { useTooltip as default, useTooltip };

package/package.json

@@ -1,16 +1,20 @@
 {
   "name": "@amoa/hooks",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "build": "webpack",
-    "dev": "webpack",
+    "dev": "rollup --watch",
+    "build": "rollup",
     "clean": "rm -rf dist"
   },
   "exports": {
-    "./*": "./dist/*.js"
+    ".": "./dist/index.js",
+    "./*": "./dist/*"
   },
   "dependencies": {
     "@amoa/forge": "^0.1.0"

package/index.js

@@ -1,2 +0,0 @@
-export { useLocalStorage } from "./src/use-local-storage";
-export { useSessionStorage } from "./src/use-session-storage";

package/src/use-filters.js

@@ -1,20 +0,0 @@
-import * as React from "react";
-
-import * as Filters from "@amoa/forge/filters";
-
-export const useFilters = (data, filters, sort, reference) => {
-  const [filtered, setFiltered] = React.useState(data);
-  const { search, ...other } = filters;
-
-  React.useEffect(() => {
-    if (!search && !Object.keys(other).length) setFiltered(data);
-    const searched = Filters.search(data, search);
-    const filtered = Filters.filter(searched, other, reference);
-    const sorted = Filters.sort(filtered, sort);
-    setFiltered(sorted);
-  }, [data, filters, sort]);
-
-  return filtered;
-};
-
-export default useFilters;

package/src/use-hover.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-
-export const useHover = () => {
-  const [hovering, setHovering] = React.useState(false);
-  const previousNode = React.useRef(null);
-
-  const handleMouseEnter = React.useCallback(() => {
-    setHovering(true);
-  }, []);
-
-  const handleMouseLeave = React.useCallback(() => {
-    setHovering(false);
-  }, []);
-
-  const customRef = React.useCallback(
-    (node) => {
-      if (previousNode.current?.nodeType === Node.ELEMENT_NODE) {
-        previousNode.current.removeEventListener("mouseenter", handleMouseEnter);
-        previousNode.current.removeEventListener("mouseleave", handleMouseLeave);
-      }
-
-      if (node?.nodeType === Node.ELEMENT_NODE) {
-        node.addEventListener("mouseenter", handleMouseEnter);
-        node.addEventListener("mouseleave", handleMouseLeave);
-      }
-
-      previousNode.current = node;
-    },
-    [handleMouseEnter, handleMouseLeave]
-  );
-
-  return [customRef, hovering];
-};
-
-export default useHover;

package/src/use-intersection.js

@@ -1,38 +0,0 @@
-"use client";
-
-import * as React from "react";
-
-const OPTIONS = { threshold: 1, root: null, rootMargin: "0px" };
-
-export const useIntersection = (options = {}) => {
-  const [entry, setEntry] = React.useState(null);
-  const { threshold, root, rootMargin } = { ...OPTIONS, ...options };
-
-  const reference = React.useRef(null);
-
-  const ref = React.useCallback(
-    (node) => {
-      if (reference.current) {
-        reference.current.disconnect();
-        reference.current = null;
-      }
-
-      if (node?.nodeType === Node.ELEMENT_NODE) {
-        const observer = new IntersectionObserver(
-          ([entry]) => {
-            setEntry(entry);
-          },
-          { threshold, root, rootMargin }
-        );
-
-        observer.observe(node);
-        reference.current = observer;
-      }
-    },
-    [threshold, root, rootMargin]
-  );
-
-  return [ref, entry];
-};
-
-export default useIntersection;

package/src/use-lazy-loading.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-
-import * as Functions from "@amoa/forge/functions";
-
-const OPTIONS = {
-  rootMargin: "200px 0px",
-  threshold: 0.1
-};
-
-export const useLazyLoading = (ref, callback, delay = 300) => {
-  const throttle = React.useMemo(() => Functions.throttle(callback, delay), [callback, delay]);
-
-  React.useEffect(() => {
-    const node = ref.current;
-    if (!node) return;
-
-    const observer = new IntersectionObserver(([e]) => e.isIntersecting && throttle(), OPTIONS);
-    observer.observe(node);
-    return () => observer.disconnect();
-  }, [ref.current, callback]);
-};
-
-export default useLazyLoading;

package/src/use-summary.js

@@ -1,36 +0,0 @@
-"use client";
-
-import * as React from "react";
-
-const surface = ({ width, height }) => width * height;
-
-export const useSummary = (elements = [], options = {}, target) => {
-  const { threshold = 1, root = null, rootMargin = "0px" } = options;
-  const [visible, setVisible] = React.useState(null);
-  const reference = React.useRef(null);
-
-  React.useEffect(() => {
-    if (!elements.length) return;
-
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const [first] = entries.sort((a, b) => surface(b.intersectionRect) - surface(a.intersectionRect));
-        if (first?.intersectionRect.height > 0) {
-          setVisible(target(first));
-        }
-      },
-      { threshold, root, rootMargin }
-    );
-
-    reference.current?.disconnect();
-
-    elements.forEach((element) => observer.observe(element));
-    reference.current = observer;
-
-    return () => observer.disconnect();
-  }, [elements, threshold, root, rootMargin, target]);
-
-  return visible;
-};
-
-export default useSummary;