@agencecinq/utils 2.0.0 → 2.0.1

package/dist/environment.d.ts

@@ -0,0 +1,19 @@
+declare const html: HTMLElement;
+declare const body: HTMLElement;
+declare const isDebug: boolean;
+declare const scroll: {
+    y: number;
+    x: number;
+};
+declare const mouse: {
+    x: number;
+    y: number;
+};
+declare const breakpoints: {
+    lg: MediaQueryList;
+    xl: MediaQueryList;
+    '2xl': MediaQueryList;
+    '3xl': MediaQueryList;
+};
+declare const production: boolean;
+export { html, body, isDebug, scroll, mouse, breakpoints, production };

package/dist/events.d.ts

@@ -0,0 +1,8 @@
+export declare const EVENTS: {
+    DRAWER_CLOSE: string;
+    DRAWER_OPEN: string;
+    DRAWER_TOGGLE: string;
+    CART_UPDATE: string;
+    VARIANT_CHANGE: string;
+};
+export type EventNames = typeof EVENTS[keyof typeof EVENTS];

package/dist/focus-trap.d.ts

@@ -0,0 +1,4 @@
+declare function getFocusableElements(container: HTMLElement): HTMLElement[];
+declare function addTrapFocus(container: HTMLElement, elementToFocus?: HTMLElement): void;
+declare function removeTrapFocus(elementToFocus?: HTMLElement | null): void;
+export { addTrapFocus, removeTrapFocus, getFocusableElements };

package/{src/index.ts → dist/index.d.ts}

@@ -3,4 +3,4 @@ export * from './scroll';
 export * from './throttle';
 export * from './environment';
 export * from './focus-trap';
-export * from './keycode';
+export * from './keycode';

package/dist/index.js

@@ -0,0 +1,109 @@
+const O = {
+  DRAWER_CLOSE: "drawer-close",
+  DRAWER_OPEN: "drawer-open",
+  DRAWER_TOGGLE: "drawer-toggle",
+  CART_UPDATE: "cart-update",
+  VARIANT_CHANGE: "variant-change"
+}, f = (e, t) => {
+  let n = null, r = null;
+  const s = () => {
+    r && e(...r), n = null;
+  };
+  return (...c) => {
+    r = c, n || (n = setTimeout(s, t));
+  };
+}, l = document.documentElement, { body: d } = document, N = l.hasAttribute("data-debug"), o = {
+  y: 0,
+  x: 0
+}, a = {
+  x: 0,
+  y: 0
+};
+window.addEventListener(
+  "pointermove",
+  f(({ x: e, y: t }) => {
+    a.x = e, a.y = t;
+  }, 100),
+  { passive: !0 }
+);
+const W = {
+  lg: window.matchMedia("(width >= 64rem)"),
+  xl: window.matchMedia("(min-width: 1280px)"),
+  "2xl": window.matchMedia("(min-width: 1440px)"),
+  "3xl": window.matchMedia("(min-width: 1920px)")
+}, k = process.env.NODE_ENV === "production", u = (e, t) => {
+  typeof e < "u" && (o.x = e), typeof t < "u" && (o.y = t), window.scrollTo(o.x, o.y);
+};
+function C() {
+  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 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);
+}
+const i = {};
+function y(e) {
+  return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
+}
+function m(e) {
+  if (!e) return [];
+  const t = [
+    "summary",
+    "a[href]",
+    "button:enabled",
+    '[tabindex]:not([tabindex^="-"])',
+    "input:not([type=hidden]):enabled",
+    "select:enabled",
+    "textarea:enabled",
+    "object",
+    "iframe",
+    "[contenteditable]"
+  ].join(",");
+  return Array.from(e.querySelectorAll(t)).filter((n) => y(n) && n.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) => {
+    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);
+}
+function E(e = null) {
+  i.keydown && document.removeEventListener("keydown", i.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, D = 39, L = 40, _ = 46, M = {
+  BACKSPACE: p,
+  TAB: w,
+  ENTER: h,
+  SHIFT: b,
+  ESCAPE: A,
+  SPACE: x,
+  PAGE_UP: g,
+  PAGE_DOWN: R,
+  END: v,
+  HOME: P,
+  ARROW_LEFT: S,
+  ARROW_UP: T,
+  ARROW_RIGHT: D,
+  ARROW_DOWN: L,
+  DELETE: _
+};
+export {
+  O as EVENTS,
+  G as addTrapFocus,
+  d as body,
+  W as breakpoints,
+  C as disableScroll,
+  H as enableScroll,
+  m as getFocusableElements,
+  l as html,
+  N as isDebug,
+  M as keycode,
+  a as mouse,
+  k as production,
+  E as removeTrapFocus,
+  o as scroll,
+  f as throttle
+};

package/dist/keycode.d.ts

@@ -0,0 +1,17 @@
+export declare const keycode: {
+    BACKSPACE: number;
+    TAB: number;
+    ENTER: number;
+    SHIFT: number;
+    ESCAPE: number;
+    SPACE: number;
+    PAGE_UP: number;
+    PAGE_DOWN: number;
+    END: number;
+    HOME: number;
+    ARROW_LEFT: number;
+    ARROW_UP: number;
+    ARROW_RIGHT: number;
+    ARROW_DOWN: number;
+    DELETE: number;
+};

package/dist/scroll.d.ts

@@ -0,0 +1,9 @@
+/**
+ * disableScroll
+ *
+ * Lock scroll position, but retain settings for later
+ *
+ * @see  http://stackoverflow.com/a/3656618
+ */
+export declare function disableScroll(): void;
+export declare function enableScroll(position?: number | boolean | undefined): void;

package/dist/throttle.d.ts

@@ -0,0 +1,12 @@
+interface ThrottleFunction {
+    (func: (...args: any[]) => void, wait: number): (...args: any[]) => void;
+}
+/**
+ * Creates a throttled function that only invokes `func` at most once per every `wait` milliseconds.
+ *
+ * @param func - The function to throttle.
+ * @param wait - The number of milliseconds to wait before allowing `func` to be called again.
+ * @returns A new throttled function.
+ */
+export declare const throttle: ThrottleFunction;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agencecinq/utils",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -17,6 +17,9 @@
       "import": "./dist/index.js"
     }
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "vite build"

package/CHANGELOG.md

@@ -1,13 +0,0 @@
-# @agencecinq/utils
-
-## 2.0.0
-
-### Major Changes
-
-- Publish on npm
-
-## 1.0.0
-
-### Major Changes
-
-- Setup CINQ Shopify monorepo

package/src/environment.ts

@@ -1,35 +0,0 @@
-import { throttle } from "./throttle";
-
-const html = document.documentElement;
-const { body } = document;
-const isDebug = html.hasAttribute('data-debug');
-
-const scroll = {
-  y: 0,
-  x: 0,
-};
-
-const mouse = {
-  x: 0,
-  y: 0,
-};
-
-window.addEventListener(
-  'pointermove',
-  throttle(({ x, y }) => {
-    mouse.x = x;
-    mouse.y = y;
-  }, 100),
-  { passive: true }
-);
-
-const breakpoints = {
-  lg: window.matchMedia('(width >= 64rem)'),
-  xl: window.matchMedia('(min-width: 1280px)'),
-  '2xl': window.matchMedia('(min-width: 1440px)'),
-  '3xl': window.matchMedia('(min-width: 1920px)'),
-};
-
-const production = 'production' === process.env.NODE_ENV;
-
-export { html, body, isDebug, scroll, mouse, breakpoints, production };

package/src/events.ts

@@ -1,9 +0,0 @@
-export const EVENTS = {
-  DRAWER_CLOSE: 'drawer-close',
-  DRAWER_OPEN: 'drawer-open',
-  DRAWER_TOGGLE: 'drawer-toggle',
-  CART_UPDATE: 'cart-update',
-  VARIANT_CHANGE: 'variant-change',
-};
-
-export type EventNames = typeof EVENTS[keyof typeof EVENTS];

package/src/focus-trap.ts

@@ -1,87 +0,0 @@
-const trapFocusHandlers: {
-  focusin?: (event: FocusEvent) => void;
-  focusout?: () => void;
-  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);
-}
-
-function getFocusableElements(container: HTMLElement): HTMLElement[] {
-  if (!container) return [];
-
-  const selector = [
-    'summary',
-    'a[href]',
-    'button:enabled',
-    '[tabindex]:not([tabindex^="-"])',
-    'input:not([type=hidden]):enabled',
-    'select:enabled',
-    'textarea:enabled',
-    'object',
-    'iframe',
-    '[contenteditable]'
-  ].join(',');
-
-  return Array.from(container.querySelectorAll<HTMLElement>(selector))
-    .filter(el => isVisible(el) && el.getAttribute('tabindex') !== '-1');
-}
-
-function addTrapFocus(container: HTMLElement, elementToFocus: HTMLElement = container): void {
-  const elements = getFocusableElements(container);
-  if (elements.length === 0) return;
-
-  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();
-      }
-    }
-  };
-
-  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) &&
-    elementToFocus.value
-  ) {
-    elementToFocus.setSelectionRange(0, elementToFocus.value.length);
-  }
-}
-
-function removeTrapFocus(elementToFocus: HTMLElement | null = null): void {
-  if (trapFocusHandlers.keydown) {
-    document.removeEventListener('keydown', trapFocusHandlers.keydown);
-  }
-
-  if (elementToFocus) {
-    elementToFocus.focus();
-  }
-}
-
-export { addTrapFocus, removeTrapFocus, getFocusableElements };

package/src/keycode.ts

@@ -1,33 +0,0 @@
-const BACKSPACE = 8;
-const TAB = 9;
-const ENTER = 13;
-const SHIFT = 16;
-const ESCAPE = 27;
-const SPACE = 32;
-const PAGE_UP = 33;
-const PAGE_DOWN = 34;
-const END = 35;
-const HOME = 36;
-const ARROW_LEFT = 37;
-const ARROW_UP = 38;
-const ARROW_RIGHT = 39;
-const ARROW_DOWN = 40;
-const DELETE = 46;
-
-export const keycode = {
-  BACKSPACE,
-  TAB,
-  ENTER,
-  SHIFT,
-  ESCAPE,
-  SPACE,
-  PAGE_UP,
-  PAGE_DOWN,
-  END,
-  HOME,
-  ARROW_LEFT,
-  ARROW_UP,
-  ARROW_RIGHT,
-  ARROW_DOWN,
-  DELETE,
-};

package/src/scroll.ts

@@ -1,76 +0,0 @@
-import { html, body, scroll } from "./environment";
-
-
-/**
- * Resets the scroll position of the window to the specified coordinates.
- *
- * @param positionX - The X coordinate to scroll to, as a number. If undefined, the X coordinate will not be changed.
- * @param positionY - The Y coordinate to scroll to, as a number. If undefined, the Y coordinate will not be changed.
- */
-const reset = (positionX: number, positionY: number) => {
-	// console.log('resetScroll', positionX, positionY)
-	if ("undefined" !== typeof positionX) {
-		scroll.x = positionX;
-	}
-
-	if ("undefined" !== typeof positionY) {
-		scroll.y = positionY;
-	}
-
-
-	window.scrollTo(scroll.x, scroll.y);
-};
-
-/**
- * disableScroll
- *
- * Lock scroll position, but retain settings for later
- *
- * @see  http://stackoverflow.com/a/3656618
- */
-export function disableScroll() {
-	// console.info('disableScroll');
-
-	const documentElementScrollLeft = html.scrollLeft;
-	const documentElementScrollTop = html.scrollTop;
-
-	const bodyScrollLeft = body.scrollLeft;
-	const bodyScrollTop = body.scrollTop;
-
-	scroll.x = window.scrollX || documentElementScrollLeft || bodyScrollLeft;
-	scroll.y = window.scrollY || documentElementScrollTop || bodyScrollTop || 0;
-
-	// console.log('disableScroll',scroll)
-
-	html.style.setProperty("overflow", "hidden");
-	html.style.setProperty("height", "100%");
-	html.style.setProperty("scroll-padding-top", "0px");
-
-	// eslint-disable-next-line
-	reset(scroll.x, scroll.y);
-}
-
-export function enableScroll(position: number | boolean | undefined = 0): void {
-	// console.info('enableScroll');
-
-	let resumeScroll = true;
-	let currentPosition: number = scroll.y;
-
-	if (typeof position === "number") {
-		currentPosition = position;
-	} else if (typeof position === "boolean" && position === false) {
-		resumeScroll = false;
-	}
-
-	// console.log('enableScroll', { scroll, resumeScroll, currentPosition });
-
-	// unlock scroll position
-	html.style.removeProperty("overflow");
-	html.style.removeProperty("height");
-	html.style.removeProperty("scroll-padding-top");
-
-	// resume scroll position if possible
-	if (resumeScroll) {
-		reset(scroll.x, currentPosition);
-	}
-}

package/src/throttle.ts

@@ -1,28 +0,0 @@
-interface ThrottleFunction {
-  (func: (...args: any[]) => void, wait: number): (...args: any[]) => void;
-}
-/**
- * Creates a throttled function that only invokes `func` at most once per every `wait` milliseconds.
- * 
- * @param func - The function to throttle.
- * @param wait - The number of milliseconds to wait before allowing `func` to be called again.
- * @returns A new throttled function.
- */
-export const throttle: ThrottleFunction = (func, wait) => {
-  let timeout: ReturnType<typeof setTimeout> | null = null;
-  let lastArgs: any[] | null = null;
-
-  const later = () => {
-    if (lastArgs) {
-      func(...lastArgs);
-    }
-    timeout = null;
-  };
-
-  return (...args: any[]) => {
-    lastArgs = args;
-    if (!timeout) {
-      timeout = setTimeout(later, wait);
-    }
-  };
-};

package/vite.config.ts

@@ -1,19 +0,0 @@
-import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
-import { resolve } from 'path';
-
-export default defineConfig({
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
-      name: 'Utils',
-      fileName: 'index',
-      formats: ['es']
-    }
-  },
-  plugins: [
-    dts({ 
-      insertTypesEntry: true,
-    })
-  ]
-});