@agencecinq/utils 3.0.0 → 4.0.0

package/.turbo/turbo-build.log

@@ -1,13 +1,13 @@
 
 
-> @agencecinq/utils@3.0.0 build /Users/19h47/Sites/agencecinq-shopify/packages/utils
+> @agencecinq/utils@4.0.0 build /Users/19h47/Sites/agencecinq-shopify/packages/utils
 > vite build
 
 vite v7.3.1 building client environment for production...
-transforming (1) src/index.tstransforming (2) src/events.ts✓ 7 modules transformed.
+transforming (1) src/index.ts✓ 7 modules transformed.
 rendering chunks (1)...
 [vite:dts] Start generate declaration files...
-computing gzip size (0)...computing gzip size (1)...dist/index.js  3.28 kB │ gzip: 1.52 kB
-[vite:dts] Declaration files built in 5543ms.
+computing gzip size (0)...computing gzip size (1)...dist/index.js  3.37 kB │ gzip: 1.55 kB
+[vite:dts] Declaration files built in 1450ms.
 
-✓ built in 5.99s
+✓ built in 1.62s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @agencecinq/utils
 
+## 4.0.0
+
+### Major Changes
+
+- Create a new package in @agencecinq/shopify
+
 ## 3.0.0
 
 ### Major Changes

package/dist/events.d.ts

@@ -2,6 +2,9 @@ export declare const EVENTS: {
     DRAWER_CLOSE: string;
     DRAWER_OPEN: string;
     DRAWER_TOGGLE: string;
+    MODAL_CLOSE: string;
+    MODAL_OPEN: string;
+    MODAL_TOGGLE: string;
     CART_UPDATE: string;
     VARIANT_CHANGE: string;
 };

package/dist/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC,MAAM,OAAO,MAAM,CAAC,CAAC"}
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC,MAAM,OAAO,MAAM,CAAC,CAAC"}

package/dist/focus-trap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focus-trap.d.ts","sourceRoot":"","sources":["../src/focus-trap.ts"],"names":[],"mappings":"AAaA,iBAAS,oBAAoB,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,EAAE,CAkBnE;AAED,iBAAS,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,GAAE,WAAuB,GAAG,IAAI,CAyC3F;AAED,iBAAS,eAAe,CAAC,cAAc,GAAE,WAAW,GAAG,IAAW,GAAG,IAAI,CAQxE;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"focus-trap.d.ts","sourceRoot":"","sources":["../src/focus-trap.ts"],"names":[],"mappings":"AAUA,iBAAS,oBAAoB,CAAC,SAAS,EAAE,WAAW,GAAG,WAAW,EAAE,CAkBnE;AAED,iBAAS,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,GAAE,WAAuB,GAAG,IAAI,CAoC3F;AAED,iBAAS,eAAe,CAAC,cAAc,GAAE,WAAW,GAAG,IAAW,GAAG,IAAI,CAQxE;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/index.js

@@ -1,18 +1,21 @@
-const O = {
+const _ = {
   DRAWER_CLOSE: "drawer-close",
   DRAWER_OPEN: "drawer-open",
   DRAWER_TOGGLE: "drawer-toggle",
+  MODAL_CLOSE: "modal-close",
+  MODAL_OPEN: "modal-open",
+  MODAL_TOGGLE: "modal-toggle",
   CART_UPDATE: "cart-update",
   VARIANT_CHANGE: "variant-change"
 }, f = (e, t) => {
-  let n = null, r = null;
+  let o = null, r = null;
   const s = () => {
-    r && e(...r), n = null;
+    r && e(...r), o = null;
   };
   return (...c) => {
-    r = c, n || (n = setTimeout(s, t));
+    r = c, o || (o = setTimeout(s, t));
   };
-}, l = document.documentElement, { body: d } = document, W = l.hasAttribute("data-debug"), o = {
+}, l = document.documentElement, { body: i } = document, W = l.hasAttribute("data-debug"), n = {
   y: 0,
   x: 0
 }, a = {
@@ -32,21 +35,21 @@ const k = {
   "2xl": window.matchMedia("(min-width: 1440px)"),
   "3xl": window.matchMedia("(min-width: 1920px)")
 }, C = !0, u = (e, t) => {
-  typeof e < "u" && (o.x = e), typeof t < "u" && (o.y = t), window.scrollTo(o.x, o.y);
+  typeof e < "u" && (n.x = e), typeof t < "u" && (n.y = t), window.scrollTo(n.x, n.y);
 };
-function N() {
-  const e = l.scrollLeft, t = l.scrollTop, n = d.scrollLeft, r = d.scrollTop;
-  o.x = window.scrollX || e || n, o.y = window.scrollY || t || r || 0, l.style.setProperty("overflow", "hidden"), l.style.setProperty("height", "100%"), l.style.setProperty("scroll-padding-top", "0px"), u(o.x, o.y);
+function M() {
+  const e = l.scrollLeft, t = l.scrollTop, o = i.scrollLeft, r = i.scrollTop;
+  n.x = window.scrollX || e || o, n.y = window.scrollY || t || r || 0, l.style.setProperty("overflow", "hidden"), l.style.setProperty("height", "100%"), l.style.setProperty("scroll-padding-top", "0px"), u(n.x, n.y);
 }
-function H(e = 0) {
-  let t = !0, n = o.y;
-  typeof e == "number" ? n = e : typeof e == "boolean" && e === !1 && (t = !1), l.style.removeProperty("overflow"), l.style.removeProperty("height"), l.style.removeProperty("scroll-padding-top"), t && u(o.x, n);
+function N(e = 0) {
+  let t = !0, o = n.y;
+  typeof e == "number" ? o = e : typeof e == "boolean" && e === !1 && (t = !1), l.style.removeProperty("overflow"), l.style.removeProperty("height"), l.style.removeProperty("scroll-padding-top"), t && u(n.x, o);
 }
-const i = {};
-function y(e) {
+const d = {};
+function m(e) {
   return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
 }
-function m(e) {
+function y(e) {
   if (!e) return [];
   const t = [
     "summary",
@@ -60,50 +63,50 @@ function m(e) {
     "iframe",
     "[contenteditable]"
   ].join(",");
-  return Array.from(e.querySelectorAll(t)).filter((n) => y(n) && n.getAttribute("tabindex") !== "-1");
+  return Array.from(e.querySelectorAll(t)).filter((o) => m(o) && o.getAttribute("tabindex") !== "-1");
 }
 function G(e, t = e) {
-  const n = m(e);
-  if (n.length === 0) return;
-  const r = n[0], s = n[n.length - 1];
-  E(), i.keydown = (c) => {
+  const o = y(e);
+  if (o.length === 0) return;
+  const r = o[0], s = o[o.length - 1];
+  E(), d.keydown = (c) => {
     c.key === "Tab" && (c.shiftKey ? (document.activeElement === r || document.activeElement === e) && (c.preventDefault(), s.focus()) : document.activeElement === s && (c.preventDefault(), r.focus()));
-  }, document.addEventListener("keydown", i.keydown), t.focus(), t instanceof HTMLInputElement && ["search", "text", "email", "url"].includes(t.type) && t.value && t.setSelectionRange(0, t.value.length);
+  }, document.addEventListener("keydown", d.keydown), t.focus(), t instanceof HTMLInputElement && ["search", "text", "email", "url"].includes(t.type) && t.value && t.setSelectionRange(0, t.value.length);
 }
 function E(e = null) {
-  i.keydown && document.removeEventListener("keydown", i.keydown), e && e.focus();
+  d.keydown && document.removeEventListener("keydown", d.keydown), e && e.focus();
 }
-const p = 8, w = 9, h = 13, b = 16, A = 27, x = 32, g = 33, R = 34, v = 35, P = 36, S = 37, T = 38, L = 39, D = 40, _ = 46, M = {
+const p = 8, w = 9, h = 13, A = 16, b = 27, g = 32, x = 33, R = 34, v = 35, L = 36, P = 37, O = 38, S = 39, T = 40, D = 46, H = {
   BACKSPACE: p,
   TAB: w,
   ENTER: h,
-  SHIFT: b,
-  ESCAPE: A,
-  SPACE: x,
-  PAGE_UP: g,
+  SHIFT: A,
+  ESCAPE: b,
+  SPACE: g,
+  PAGE_UP: x,
   PAGE_DOWN: R,
   END: v,
-  HOME: P,
-  ARROW_LEFT: S,
-  ARROW_UP: T,
-  ARROW_RIGHT: L,
-  ARROW_DOWN: D,
-  DELETE: _
+  HOME: L,
+  ARROW_LEFT: P,
+  ARROW_UP: O,
+  ARROW_RIGHT: S,
+  ARROW_DOWN: T,
+  DELETE: D
 };
 export {
-  O as EVENTS,
+  _ as EVENTS,
   G as addTrapFocus,
-  d as body,
+  i as body,
   k as breakpoints,
-  N as disableScroll,
-  H as enableScroll,
-  m as getFocusableElements,
+  M as disableScroll,
+  N as enableScroll,
+  y as getFocusableElements,
   l as html,
   W as isDebug,
-  M as keycode,
+  H as keycode,
   a as mouse,
   C as production,
   E as removeTrapFocus,
-  o as scroll,
+  n as scroll,
   f as throttle
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agencecinq/utils",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/events.ts

@@ -2,6 +2,9 @@ export const EVENTS = {
   DRAWER_CLOSE: 'drawer-close',
   DRAWER_OPEN: 'drawer-open',
   DRAWER_TOGGLE: 'drawer-toggle',
+  MODAL_CLOSE: 'modal-close',
+  MODAL_OPEN: 'modal-open',
+  MODAL_TOGGLE: 'modal-toggle',
   CART_UPDATE: 'cart-update',
   VARIANT_CHANGE: 'variant-change',
 };

package/src/focus-trap.ts

@@ -4,9 +4,6 @@ const trapFocusHandlers: {
   keydown?: (event: KeyboardEvent) => void;
 } = {};
 
-/**
- * Filtre les éléments réellement visibles et focalisables
- */
 function isVisible(el: HTMLElement): boolean {
   return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length);
 }
@@ -38,20 +35,17 @@ function addTrapFocus(container: HTMLElement, elementToFocus: HTMLElement = cont
   const first = elements[0];
   const last = elements[elements.length - 1];
 
-  // Nettoyage avant d'ajouter (pour éviter les doublons)
   removeTrapFocus();
 
   trapFocusHandlers.keydown = (event: KeyboardEvent): void => {
     if (event.key !== 'Tab') return;
 
     if (event.shiftKey) {
-      // Tab arrière
       if (document.activeElement === first || document.activeElement === container) {
         event.preventDefault();
         last.focus();
       }
     } else {
-      // Tab avant
       if (document.activeElement === last) {
         event.preventDefault();
         first.focus();
@@ -61,10 +55,8 @@ function addTrapFocus(container: HTMLElement, elementToFocus: HTMLElement = cont
 
   document.addEventListener('keydown', trapFocusHandlers.keydown);
 
-  // Focus initial
   elementToFocus.focus();
 
-  // Support spécifique pour les inputs texte (sélection du contenu)
   if (
     elementToFocus instanceof HTMLInputElement &&
     ['search', 'text', 'email', 'url'].includes(elementToFocus.type) &&
@@ -84,4 +76,4 @@ function removeTrapFocus(elementToFocus: HTMLElement | null = null): void {
   }
 }
 
-export { addTrapFocus, removeTrapFocus, getFocusableElements };
+export { addTrapFocus, removeTrapFocus, getFocusableElements };