@scbt-ecom/ui 0.66.0 → 0.67.1

package/dist/hooks.js

@@ -1,55 +1,51 @@
-import { d as I, b as R, c as A, e as L, f as O, a as V } from "./useDebounce-i1sdXecI.js";
-import * as p from "react";
-import { useState as m, useEffect as b } from "react";
-import { u as F } from "./useFieldsProgress-C3nmU8Vi.js";
-const f = (o = !1) => {
-  const [s, e] = p.useState(o);
-  return [s, (a) => e((t) => a ?? !t)];
-}, E = (o, s, e = !1) => {
-  const [u, a] = m(e);
-  return b(() => {
-    const t = new IntersectionObserver((r) => {
-      const c = r.filter((n) => n.isIntersecting).map((n) => n.target.id);
-      a(c.some((n) => o.includes(n)));
-    }, s), i = /* @__PURE__ */ new Map();
-    return o.forEach((r) => {
-      const c = document.getElementById(r);
-      i.set(r, c), c && t.observe(c);
+import { d as x, a as C, b as I, c as A, e as L, u as O } from "./useDebounce-BZSs8EPD.js";
+import { u as D, a as F } from "./useFieldsProgress-B_tgt_Hg.js";
+import { useState as b, useEffect as m } from "react";
+const h = (i, r, t = !1) => {
+  const [a, l] = b(t);
+  return m(() => {
+    const o = new IntersectionObserver((s) => {
+      const c = s.filter((e) => e.isIntersecting).map((e) => e.target.id);
+      l(c.some((e) => i.includes(e)));
+    }, r), n = /* @__PURE__ */ new Map();
+    return i.forEach((s) => {
+      const c = document.getElementById(s);
+      n.set(s, c), c && o.observe(c);
     }), () => {
-      t.disconnect();
+      o.disconnect();
     };
-  }, [o, s]), u;
-}, B = (o, s, e) => {
-  const [u, a] = m(null);
-  return b(() => {
-    const t = () => {
-      if (o.current && s.current) {
-        const i = o.current.getBoundingClientRect(), r = s.current.getBoundingClientRect(), c = window.innerHeight;
-        let n, l;
-        const d = c - i.bottom;
-        d >= r.height + e ? (n = i.bottom + e, l = "top") : i.top >= r.height + e ? (n = i.top - r.height - e * 2, l = "bottom") : (n = i.bottom + e, l = "top", s.current.style.maxHeight = `${d - e}px`), a({
-          top: n,
-          width: i.width,
-          left: i.left,
-          transformOrigin: l
+  }, [i, r]), a;
+}, E = (i, r, t) => {
+  const [a, l] = b(null);
+  return m(() => {
+    const o = () => {
+      if (i.current && r.current) {
+        const n = i.current.getBoundingClientRect(), s = r.current.getBoundingClientRect(), c = window.innerHeight;
+        let e, u;
+        const d = c - n.bottom;
+        d >= s.height + t ? (e = n.bottom + t, u = "top") : n.top >= s.height + t ? (e = n.top - s.height - t * 2, u = "bottom") : (e = n.bottom + t, u = "top", r.current.style.maxHeight = `${d - t}px`), l({
+          top: e,
+          width: n.width,
+          left: n.left,
+          transformOrigin: u
         });
       }
     };
-    return t(), window.addEventListener("resize", t), window.addEventListener("orientationchange", t), () => {
-      window.removeEventListener("resize", t), window.removeEventListener("orientationchange", t);
+    return o(), window.addEventListener("resize", o), window.addEventListener("orientationchange", o), () => {
+      window.removeEventListener("resize", o), window.removeEventListener("orientationchange", o);
     };
-  }, [o.current, s.current, e]), u;
+  }, [i.current, r.current, t]), a;
 };
 export {
-  I as debounce,
-  f as useBoolean,
-  R as useClickOutside,
-  A as useControlledForm,
-  L as useDebounceCallback,
-  O as useDebounceValue,
-  V as useDevice,
+  x as debounce,
+  D as useBoolean,
+  C as useClickOutside,
+  I as useControlledForm,
+  A as useDebounceCallback,
+  L as useDebounceValue,
+  O as useDevice,
   F as useFieldsProgress,
-  B as useFloating,
-  E as useObserveElements
+  E as useFloating,
+  h as useObserveElements
 };
 //# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../lib/shared/hooks/useBoolean.ts","../lib/shared/hooks/useObserveElements.ts","../lib/shared/hooks/useFloating.ts"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\ntype UseBooleanReturn = [value: boolean, action: (val?: boolean) => void]\n\nexport const useBoolean = (initialValue = false): UseBooleanReturn => {\n  const [value, setValue] = React.useState(initialValue)\n  const action = (val?: boolean) => setValue((prevValue) => val ?? !prevValue)\n\n  return [value, action]\n}\n","'use client'\n\nimport { useEffect, useState } from 'react'\n\nexport const useObserveElements = (ids: string[], options?: IntersectionObserverInit, initialState = false): boolean => {\n  const [isVisible, setIsVisible] = useState(initialState)\n\n  useEffect(() => {\n    const observer = new IntersectionObserver((entries) => {\n      const visibleIds = entries.filter((entry) => entry.isIntersecting).map((entry) => entry.target.id)\n      setIsVisible(visibleIds.some((id) => ids.includes(id)))\n    }, options)\n\n    const elementsMap = new Map<string, HTMLElement | null>()\n\n    ids.forEach((id) => {\n      const element = document.getElementById(id)\n      elementsMap.set(id, element)\n      if (element) {\n        observer.observe(element)\n      }\n    })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [ids, options])\n\n  return isVisible\n}\n","'use client'\n\nimport { useEffect, useState } from 'react'\n\ntype FloatingPosition = {\n  top?: number\n  left?: number\n  width?: number\n  transformOrigin?: string\n}\n\nexport const useFloating = (\n  trigger: React.RefObject<HTMLElement>,\n  list: React.RefObject<HTMLElement>,\n  offset: number\n): FloatingPosition | null => {\n  const [position, setPosition] = useState<FloatingPosition | null>(null)\n\n  useEffect(() => {\n    const updatePosition = () => {\n      if (trigger.current && list.current) {\n        const triggerRect = trigger.current.getBoundingClientRect()\n        const listRect = list.current.getBoundingClientRect()\n        const viewportHeight = window.innerHeight\n\n        let top: number\n        let transformOrigin: string\n\n        const spaceBelow = viewportHeight - triggerRect.bottom\n        const fitsBelow = spaceBelow >= listRect.height + offset\n\n        if (fitsBelow) {\n          top = triggerRect.bottom + offset\n          transformOrigin = 'top'\n        } else {\n          const spaceAbove = triggerRect.top\n          const fitsAbove = spaceAbove >= listRect.height + offset\n\n          if (fitsAbove) {\n            top = triggerRect.top - listRect.height - offset * 2\n            transformOrigin = 'bottom'\n          } else {\n            top = triggerRect.bottom + offset\n            transformOrigin = 'top'\n            list.current.style.maxHeight = `${spaceBelow - offset}px`\n          }\n        }\n\n        setPosition({\n          top,\n          width: triggerRect.width,\n          left: triggerRect.left,\n          transformOrigin\n        })\n      }\n    }\n\n    updatePosition()\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('orientationchange', updatePosition)\n\n    return () => {\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('orientationchange', updatePosition)\n    }\n  }, [trigger.current, list.current, offset])\n\n  return position\n}\n"],"names":["useBoolean","initialValue","value","setValue","React","val","prevValue","useObserveElements","ids","options","initialState","isVisible","setIsVisible","useState","useEffect","observer","entries","visibleIds","entry","id","elementsMap","element","useFloating","trigger","list","offset","position","setPosition","updatePosition","triggerRect","listRect","viewportHeight","top","transformOrigin","spaceBelow"],"mappings":";;;;AAMa,MAAAA,IAAa,CAACC,IAAe,OAA4B;AACpE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAASH,CAAY;AAG9C,SAAA,CAACC,GAFO,CAACG,MAAkBF,EAAS,CAACG,MAAcD,KAAO,CAACC,CAAS,CAEtD;AACvB,GCPaC,IAAqB,CAACC,GAAeC,GAAoCC,IAAe,OAAmB;AACtH,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASH,CAAY;AAEvD,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAW,IAAI,qBAAqB,CAACC,MAAY;AACrD,YAAMC,IAAaD,EAAQ,OAAO,CAACE,MAAUA,EAAM,cAAc,EAAE,IAAI,CAACA,MAAUA,EAAM,OAAO,EAAE;AACpF,MAAAN,EAAAK,EAAW,KAAK,CAACE,MAAOX,EAAI,SAASW,CAAE,CAAC,CAAC;AAAA,OACrDV,CAAO,GAEJW,wBAAkB,IAAgC;AAEpD,WAAAZ,EAAA,QAAQ,CAACW,MAAO;AACZ,YAAAE,IAAU,SAAS,eAAeF,CAAE;AAC9B,MAAAC,EAAA,IAAID,GAAIE,CAAO,GACvBA,KACFN,EAAS,QAAQM,CAAO;AAAA,IAC1B,CACD,GAEM,MAAM;AACX,MAAAN,EAAS,WAAW;AAAA,IACtB;AAAA,EAAA,GACC,CAACP,GAAKC,CAAO,CAAC,GAEVE;AACT,GClBaW,IAAc,CACzBC,GACAC,GACAC,MAC4B;AAC5B,QAAM,CAACC,GAAUC,CAAW,IAAId,EAAkC,IAAI;AAEtE,SAAAC,EAAU,MAAM;AACd,UAAMc,IAAiB,MAAM;AACvB,UAAAL,EAAQ,WAAWC,EAAK,SAAS;AAC7B,cAAAK,IAAcN,EAAQ,QAAQ,sBAAsB,GACpDO,IAAWN,EAAK,QAAQ,sBAAsB,GAC9CO,IAAiB,OAAO;AAE1B,YAAAC,GACAC;AAEE,cAAAC,IAAaH,IAAiBF,EAAY;AAGhD,QAFkBK,KAAcJ,EAAS,SAASL,KAGhDO,IAAMH,EAAY,SAASJ,GACTQ,IAAA,SAECJ,EAAY,OACCC,EAAS,SAASL,KAGhDO,IAAMH,EAAY,MAAMC,EAAS,SAASL,IAAS,GACjCQ,IAAA,aAElBD,IAAMH,EAAY,SAASJ,GACTQ,IAAA,OAClBT,EAAK,QAAQ,MAAM,YAAY,GAAGU,IAAaT,CAAM,OAI7CE,EAAA;AAAA,UACV,KAAAK;AAAA,UACA,OAAOH,EAAY;AAAA,UACnB,MAAMA,EAAY;AAAA,UAClB,iBAAAI;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IAEL;AAEe,WAAAL,EAAA,GACR,OAAA,iBAAiB,UAAUA,CAAc,GACzC,OAAA,iBAAiB,qBAAqBA,CAAc,GAEpD,MAAM;AACJ,aAAA,oBAAoB,UAAUA,CAAc,GAC5C,OAAA,oBAAoB,qBAAqBA,CAAc;AAAA,IAChE;AAAA,EAAA,GACC,CAACL,EAAQ,SAASC,EAAK,SAASC,CAAM,CAAC,GAEnCC;AACT;"}
+{"version":3,"file":"hooks.js","sources":["../lib/shared/hooks/useObserveElements.ts","../lib/shared/hooks/useFloating.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\n\nexport const useObserveElements = (ids: string[], options?: IntersectionObserverInit, initialState = false): boolean => {\n  const [isVisible, setIsVisible] = useState(initialState)\n\n  useEffect(() => {\n    const observer = new IntersectionObserver((entries) => {\n      const visibleIds = entries.filter((entry) => entry.isIntersecting).map((entry) => entry.target.id)\n      setIsVisible(visibleIds.some((id) => ids.includes(id)))\n    }, options)\n\n    const elementsMap = new Map<string, HTMLElement | null>()\n\n    ids.forEach((id) => {\n      const element = document.getElementById(id)\n      elementsMap.set(id, element)\n      if (element) {\n        observer.observe(element)\n      }\n    })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [ids, options])\n\n  return isVisible\n}\n","'use client'\n\nimport { useEffect, useState } from 'react'\n\ntype FloatingPosition = {\n  top?: number\n  left?: number\n  width?: number\n  transformOrigin?: string\n}\n\nexport const useFloating = (\n  trigger: React.RefObject<HTMLElement>,\n  list: React.RefObject<HTMLElement>,\n  offset: number\n): FloatingPosition | null => {\n  const [position, setPosition] = useState<FloatingPosition | null>(null)\n\n  useEffect(() => {\n    const updatePosition = () => {\n      if (trigger.current && list.current) {\n        const triggerRect = trigger.current.getBoundingClientRect()\n        const listRect = list.current.getBoundingClientRect()\n        const viewportHeight = window.innerHeight\n\n        let top: number\n        let transformOrigin: string\n\n        const spaceBelow = viewportHeight - triggerRect.bottom\n        const fitsBelow = spaceBelow >= listRect.height + offset\n\n        if (fitsBelow) {\n          top = triggerRect.bottom + offset\n          transformOrigin = 'top'\n        } else {\n          const spaceAbove = triggerRect.top\n          const fitsAbove = spaceAbove >= listRect.height + offset\n\n          if (fitsAbove) {\n            top = triggerRect.top - listRect.height - offset * 2\n            transformOrigin = 'bottom'\n          } else {\n            top = triggerRect.bottom + offset\n            transformOrigin = 'top'\n            list.current.style.maxHeight = `${spaceBelow - offset}px`\n          }\n        }\n\n        setPosition({\n          top,\n          width: triggerRect.width,\n          left: triggerRect.left,\n          transformOrigin\n        })\n      }\n    }\n\n    updatePosition()\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('orientationchange', updatePosition)\n\n    return () => {\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('orientationchange', updatePosition)\n    }\n  }, [trigger.current, list.current, offset])\n\n  return position\n}\n"],"names":["useObserveElements","ids","options","initialState","isVisible","setIsVisible","useState","useEffect","observer","entries","visibleIds","entry","id","elementsMap","element","useFloating","trigger","list","offset","position","setPosition","updatePosition","triggerRect","listRect","viewportHeight","top","transformOrigin","spaceBelow"],"mappings":";;;AAIO,MAAMA,IAAqB,CAACC,GAAeC,GAAoCC,IAAe,OAAmB;AACtH,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASH,CAAY;AAEvD,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAW,IAAI,qBAAqB,CAACC,MAAY;AACrD,YAAMC,IAAaD,EAAQ,OAAO,CAACE,MAAUA,EAAM,cAAc,EAAE,IAAI,CAACA,MAAUA,EAAM,OAAO,EAAE;AACpF,MAAAN,EAAAK,EAAW,KAAK,CAACE,MAAOX,EAAI,SAASW,CAAE,CAAC,CAAC;AAAA,OACrDV,CAAO,GAEJW,wBAAkB,IAAgC;AAEpD,WAAAZ,EAAA,QAAQ,CAACW,MAAO;AACZ,YAAAE,IAAU,SAAS,eAAeF,CAAE;AAC9B,MAAAC,EAAA,IAAID,GAAIE,CAAO,GACvBA,KACFN,EAAS,QAAQM,CAAO;AAAA,IAC1B,CACD,GAEM,MAAM;AACX,MAAAN,EAAS,WAAW;AAAA,IACtB;AAAA,EAAA,GACC,CAACP,GAAKC,CAAO,CAAC,GAEVE;AACT,GClBaW,IAAc,CACzBC,GACAC,GACAC,MAC4B;AAC5B,QAAM,CAACC,GAAUC,CAAW,IAAId,EAAkC,IAAI;AAEtE,SAAAC,EAAU,MAAM;AACd,UAAMc,IAAiB,MAAM;AACvB,UAAAL,EAAQ,WAAWC,EAAK,SAAS;AAC7B,cAAAK,IAAcN,EAAQ,QAAQ,sBAAsB,GACpDO,IAAWN,EAAK,QAAQ,sBAAsB,GAC9CO,IAAiB,OAAO;AAE1B,YAAAC,GACAC;AAEE,cAAAC,IAAaH,IAAiBF,EAAY;AAGhD,QAFkBK,KAAcJ,EAAS,SAASL,KAGhDO,IAAMH,EAAY,SAASJ,GACTQ,IAAA,SAECJ,EAAY,OACCC,EAAS,SAASL,KAGhDO,IAAMH,EAAY,MAAMC,EAAS,SAASL,IAAS,GACjCQ,IAAA,aAElBD,IAAMH,EAAY,SAASJ,GACTQ,IAAA,OAClBT,EAAK,QAAQ,MAAM,YAAY,GAAGU,IAAaT,CAAM,OAI7CE,EAAA;AAAA,UACV,KAAAK;AAAA,UACA,OAAOH,EAAY;AAAA,UACnB,MAAMA,EAAY;AAAA,UAClB,iBAAAI;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IAEL;AAEe,WAAAL,EAAA,GACR,OAAA,iBAAiB,UAAUA,CAAc,GACzC,OAAA,iBAAiB,qBAAqBA,CAAc,GAEpD,MAAM;AACJ,aAAA,oBAAoB,UAAUA,CAAc,GAC5C,OAAA,oBAAoB,qBAAqBA,CAAc;AAAA,IAChE;AAAA,EAAA,GACC,CAACL,EAAQ,SAASC,EAAK,SAASC,CAAM,CAAC,GAEnCC;AACT;"}