@scbt-ecom/ui 0.88.0 → 0.89.0

package/dist/hooks.js

@@ -1,51 +1,37 @@
-import { d as x, a as C, b as I, c as A, e as L, u as O } from "./useDebounce-5MeprqTX.js";
-import { u as D, a as F } from "./useFieldsProgress-CUlFPv4E.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);
-    }), () => {
-      o.disconnect();
-    };
-  }, [i, r]), a;
-}, E = (i, r, t) => {
-  const [a, l] = b(null);
-  return m(() => {
+import { d as C, a as E, b as A, c as L, e as R, u as f } from "./useDebounce-5MeprqTX.js";
+import { u as F, b as H, a as O } from "./useFieldsProgress-C918amw-.js";
+import { useState as p, useEffect as w } from "react";
+const v = (r, n, e) => {
+  const [a, l] = p(null);
+  return w(() => {
     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
+      if (r.current && n.current) {
+        const t = r.current.getBoundingClientRect(), c = n.current.getBoundingClientRect(), d = window.innerHeight;
+        let s, i;
+        const u = d - t.bottom;
+        u >= c.height + e ? (s = t.bottom + e, i = "top") : t.top >= c.height + e ? (s = t.top - c.height - e * 2, i = "bottom") : (s = t.bottom + e, i = "top", n.current.style.maxHeight = `${u - e}px`), l({
+          top: s,
+          width: t.width,
+          left: t.left,
+          transformOrigin: i
         });
       }
     };
     return o(), window.addEventListener("resize", o), window.addEventListener("orientationchange", o), () => {
       window.removeEventListener("resize", o), window.removeEventListener("orientationchange", o);
     };
-  }, [i.current, r.current, t]), a;
+  }, [r.current, n.current, e]), a;
 };
 export {
-  x as debounce,
-  D as useBoolean,
-  C as useClickOutside,
-  I as useControlledForm,
-  A as useDebounceCallback,
-  L as useDebounceValue,
-  O as useDevice,
-  F as useFieldsProgress,
-  E as useFloating,
-  h as useObserveElements
+  C as debounce,
+  F as useBoolean,
+  E as useClickOutside,
+  A as useControlledForm,
+  L as useDebounceCallback,
+  R as useDebounceValue,
+  f as useDevice,
+  H as useFieldsProgress,
+  v as useFloating,
+  O as useObserverWidgets
 };
 //# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"hooks.js","sources":["../lib/shared/hooks/useFloating.ts"],"sourcesContent":["'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":["useFloating","trigger","list","offset","position","setPosition","useState","useEffect","updatePosition","triggerRect","listRect","viewportHeight","top","transformOrigin","spaceBelow"],"mappings":";;;AAWO,MAAMA,IAAc,CACzBC,GACAC,GACAC,MAC4B;AAC5B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAkC,IAAI;AAEtE,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiB,MAAM;AACvB,UAAAP,EAAQ,WAAWC,EAAK,SAAS;AAC7B,cAAAO,IAAcR,EAAQ,QAAQ,sBAAsB,GACpDS,IAAWR,EAAK,QAAQ,sBAAsB,GAC9CS,IAAiB,OAAO;AAE1B,YAAAC,GACAC;AAEE,cAAAC,IAAaH,IAAiBF,EAAY;AAGhD,QAFkBK,KAAcJ,EAAS,SAASP,KAGhDS,IAAMH,EAAY,SAASN,GACTU,IAAA,SAECJ,EAAY,OACCC,EAAS,SAASP,KAGhDS,IAAMH,EAAY,MAAMC,EAAS,SAASP,IAAS,GACjCU,IAAA,aAElBD,IAAMH,EAAY,SAASN,GACTU,IAAA,OAClBX,EAAK,QAAQ,MAAM,YAAY,GAAGY,IAAaX,CAAM,OAI7CE,EAAA;AAAA,UACV,KAAAO;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,CAACP,EAAQ,SAASC,EAAK,SAASC,CAAM,CAAC,GAEnCC;AACT;"}