@douglasneuroinformatics/libui 2.0.2 → 2.0.4

package/src/testing/mocks.ts

@@ -0,0 +1,53 @@
+import { vi } from 'vitest';
+
+/**
+ * Mocks the matchMedia API
+ * @param {boolean} matches - whether the media query matches
+ * @example
+ * mockMatchMedia(false)
+ */
+export const mockMatchMedia = (matches: ((query: string) => boolean) | boolean): void => {
+  vi.spyOn(window, 'matchMedia').mockImplementation((query) => ({
+    addEventListener: vi.fn(),
+    addListener: vi.fn(),
+    dispatchEvent: vi.fn(),
+    matches: typeof matches === 'boolean' ? matches : matches(query),
+    media: query,
+    onchange: null,
+    removeEventListener: vi.fn(),
+    removeListener: vi.fn()
+  }));
+};
+
+/**
+ * Mocks the Storage API
+ * @param {'localStorage' | 'sessionStorage'} name - The name of the storage to mock
+ * @example
+ * mockStorage('localStorage')
+ * // Then use window.localStorage as usual (it will be mocked)
+ */
+export const mockStorage = (name: 'localStorage' | 'sessionStorage'): void => {
+  class StorageMock implements Omit<Storage, 'key' | 'length'> {
+    store: { [key: string]: string } = {};
+
+    clear() {
+      this.store = {};
+    }
+
+    getItem(key: string) {
+      return this.store[key] || null;
+    }
+
+    removeItem(key: string) {
+      delete this.store[key];
+    }
+
+    setItem(key: string, value: unknown) {
+      this.store[key] = String(value) + '';
+    }
+  }
+
+  Object.defineProperty(window, name, {
+    value: new StorageMock()
+  });
+};

package/src/testing/setup-tests.ts

@@ -0,0 +1,11 @@
+import { cleanup } from '@testing-library/react';
+import { afterEach, vi } from 'vitest';
+
+import '@testing-library/jest-dom/vitest';
+
+vi.mock('zustand');
+
+// Since we're not using vitest globals, we need to explicitly call cleanup()
+// for testing-library. See:
+// https://testing-library.com/docs/react-testing-library/api/#cleanup
+afterEach(cleanup);

package/src/translations/libui.json

@@ -0,0 +1,154 @@
+{
+  "days": {
+    "friday": {
+      "en": "Friday",
+      "fr": "Vendredi"
+    },
+    "monday": {
+      "en": "Monday",
+      "fr": "Lundi"
+    },
+    "saturday": {
+      "en": "Saturday",
+      "fr": "Samedi"
+    },
+    "sunday": {
+      "en": "Sunday",
+      "fr": "Dimanche"
+    },
+    "thursday": {
+      "en": "Thursday",
+      "fr": "Jeudi"
+    },
+    "tuesday": {
+      "en": "Tuesday",
+      "fr": "Mardi"
+    },
+    "wednesday": {
+      "en": "Wednesday",
+      "fr": "Mercredi"
+    }
+  },
+  "form": {
+    "append": {
+      "en": "Append",
+      "fr": "Ajouter"
+    },
+    "radioLabels": {
+      "false": {
+        "en": "False",
+        "fr": "Faux"
+      },
+      "true": {
+        "en": "True",
+        "fr": "Vrai"
+      }
+    },
+    "remove": {
+      "en": "Remove",
+      "fr": "Supprimer"
+    },
+    "required": {
+      "en": "This field is required",
+      "fr": "Ce champ est obligatoire"
+    },
+    "reset": {
+      "en": "Reset",
+      "fr": "Réinitialiser"
+    },
+    "submit": {
+      "en": "Submit",
+      "fr": "Soumettre"
+    }
+  },
+  "months": {
+    "april": {
+      "en": "April",
+      "fr": "Avril"
+    },
+    "august": {
+      "en": "August",
+      "fr": "Août"
+    },
+    "december": {
+      "en": "December",
+      "fr": "Décembre"
+    },
+    "february": {
+      "en": "February",
+      "fr": "Février"
+    },
+    "january": {
+      "en": "January",
+      "fr": "Janvier"
+    },
+    "july": {
+      "en": "July",
+      "fr": "Juillet"
+    },
+    "june": {
+      "en": "June",
+      "fr": "Juin"
+    },
+    "march": {
+      "en": "March",
+      "fr": "Mars"
+    },
+    "may": {
+      "en": "May",
+      "fr": "Mai"
+    },
+    "november": {
+      "en": "November",
+      "fr": "Novembre"
+    },
+    "october": {
+      "en": "October",
+      "fr": "Octobre"
+    },
+    "september": {
+      "en": "September",
+      "fr": "Septembre"
+    }
+  },
+  "notifications": {
+    "types": {
+      "error": {
+        "en": "Error",
+        "fr": "Erreur"
+      },
+      "info": {
+        "en": "Info",
+        "fr": "Attention"
+      },
+      "success": {
+        "en": "Success",
+        "fr": "Succès"
+      },
+      "warning": {
+        "en": "Warning",
+        "fr": "Avertissement"
+      }
+    }
+  },
+  "pagination": {
+    "info": {
+      "en": "Showing {{first}} to {{last}} of {{total}} results",
+      "fr": "Affichage de {{first}} à {{last}} sur {{total}} résultats"
+    },
+    "next": {
+      "en": "Next",
+      "fr": "Suivant"
+    },
+    "previous": {
+      "en": "Previous",
+      "fr": "Précédent"
+    }
+  },
+  "searchBar": {
+    "placeholder": {
+      "en": "Search...",
+      "fr": "Rechercher..."
+    }
+  }
+}

package/src/typings/i18next.d.ts

@@ -0,0 +1,21 @@
+/* eslint-disable @typescript-eslint/consistent-type-definitions */
+
+import libui from '../translations/libui.json';
+
+import type { Language, TranslatedResource } from '../i18n.js';
+
+import 'i18next';
+
+declare module 'i18next' {
+  interface CustomResources {
+    libui: TranslatedResource<typeof libui>;
+  }
+
+  interface CustomTypeOptions {
+    resources: CustomResources;
+  }
+
+  interface i18n {
+    resolvedLanguage?: Language;
+  }
+}

package/src/utils.ts

@@ -0,0 +1,10 @@
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+export function isBrowser() {
+  return typeof window !== 'undefined';
+}

package/dist/chunk-IP3LSCUG.js

@@ -1,129 +0,0 @@
-import {
-  isBrowser
-} from "./chunk-PAAJ5AH3.js";
-
-// src/hooks/useIsomorphicLayoutEffect.ts
-import { useEffect, useLayoutEffect } from "react";
-var useIsomorphicLayoutEffect = isBrowser() ? useLayoutEffect : useEffect;
-
-// src/hooks/useEventListener.ts
-import { useEffect as useEffect2, useRef } from "react";
-function useEventListener(eventName, handler, element, options) {
-  const savedHandler = useRef(handler);
-  useIsomorphicLayoutEffect(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-  useEffect2(() => {
-    const targetElement = element?.current ?? window;
-    if (!(targetElement && targetElement.addEventListener))
-      return;
-    const listener = (event) => savedHandler.current(event);
-    targetElement.addEventListener(eventName, listener, options);
-    return () => {
-      targetElement.removeEventListener(eventName, listener, options);
-    };
-  }, [eventName, element, options]);
-}
-
-// src/hooks/useWindowSize.ts
-import { useState } from "react";
-function useWindowSize() {
-  const [windowSize, setWindowSize] = useState({
-    height: 0,
-    width: 0
-  });
-  const handleSize = () => {
-    setWindowSize({
-      height: window.innerHeight,
-      width: window.innerWidth
-    });
-  };
-  useEventListener("resize", handleSize);
-  useIsomorphicLayoutEffect(() => {
-    handleSize();
-  }, []);
-  return windowSize;
-}
-
-// src/hooks/useTheme.ts
-import { useCallback, useEffect as useEffect3, useState as useState2 } from "react";
-var DEFAULT_THEME = "light";
-var THEME_ATTRIBUTE = "data-mode";
-var THEME_KEY = "theme";
-var SYS_DARK_MEDIA_QUERY = "(prefers-color-scheme: dark)";
-function useTheme() {
-  const [theme, setTheme] = useState2(() => {
-    if (!isBrowser()) {
-      return DEFAULT_THEME;
-    }
-    const savedTheme = window.localStorage.getItem(THEME_KEY);
-    let initialTheme;
-    if (savedTheme === "dark" || savedTheme === "light") {
-      initialTheme = savedTheme;
-    } else {
-      initialTheme = window.matchMedia(SYS_DARK_MEDIA_QUERY).matches ? "dark" : "light";
-    }
-    document.documentElement.setAttribute(THEME_ATTRIBUTE, initialTheme);
-    return initialTheme;
-  });
-  useEffect3(() => {
-    const observer = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        if (mutation.attributeName === THEME_ATTRIBUTE) {
-          const updatedTheme = mutation.target.getAttribute(THEME_ATTRIBUTE);
-          if (updatedTheme === "light" || updatedTheme === "dark") {
-            window.localStorage.setItem(THEME_KEY, updatedTheme);
-            setTheme(updatedTheme);
-          } else {
-            console.error(`Unexpected value for 'data-mode' attribute: ${updatedTheme}`);
-          }
-        }
-      });
-    });
-    observer.observe(document.documentElement, {
-      attributes: true
-    });
-    return () => observer.disconnect();
-  }, []);
-  const updateTheme = useCallback(
-    (theme2) => {
-      document.documentElement.setAttribute(THEME_ATTRIBUTE, theme2);
-    },
-    [document.documentElement]
-  );
-  return [theme, updateTheme];
-}
-
-// src/hooks/useNotificationsStore.ts
-import { create } from "zustand";
-var useNotificationsStore = create((set) => ({
-  addNotification: (notification) => {
-    set((state) => ({
-      notifications: [...state.notifications, { id: Date.now(), ...notification }]
-    }));
-  },
-  dismissNotification: (id) => {
-    set((state) => ({
-      notifications: state.notifications.filter((notification) => notification.id !== id)
-    }));
-  },
-  notifications: []
-}));
-
-// src/context/LegacyStepperContext.tsx
-import { createContext } from "react";
-var LegacyStepperContext = createContext(null);
-
-export {
-  LegacyStepperContext,
-  useIsomorphicLayoutEffect,
-  useEventListener,
-  useWindowSize,
-  DEFAULT_THEME,
-  THEME_ATTRIBUTE,
-  THEME_KEY,
-  SYS_DARK_MEDIA_QUERY,
-  useTheme,
-  useNotificationsStore
-};
-//# sourceMappingURL=chunk-IP3LSCUG.js.map

package/dist/chunk-IP3LSCUG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useIsomorphicLayoutEffect.ts","../src/hooks/useEventListener.ts","../src/hooks/useWindowSize.ts","../src/hooks/useTheme.ts","../src/hooks/useNotificationsStore.ts","../src/context/LegacyStepperContext.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react';\n\nimport { isBrowser } from '@/utils';\n\nexport const useIsomorphicLayoutEffect = isBrowser() ? useLayoutEffect : useEffect;\n","import { type RefObject, useEffect, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\n// MediaQueryList Event based useEventListener interface\nfunction useEventListener<K extends keyof MediaQueryListEventMap>(\n  eventName: K,\n  handler: (event: MediaQueryListEventMap[K]) => void,\n  element: RefObject<MediaQueryList>,\n  options?: AddEventListenerOptions | boolean\n): void;\n\n// Window Event based useEventListener interface\nfunction useEventListener<K extends keyof WindowEventMap>(\n  eventName: K,\n  handler: (event: WindowEventMap[K]) => void,\n  element?: undefined,\n  options?: AddEventListenerOptions | boolean\n): void;\n\n// Element Event based useEventListener interface\nfunction useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(\n  eventName: K,\n  handler: (event: HTMLElementEventMap[K]) => void,\n  element: RefObject<T>,\n  options?: AddEventListenerOptions | boolean\n): void;\n\n// Document Event based useEventListener interface\nfunction useEventListener<K extends keyof DocumentEventMap>(\n  eventName: K,\n  handler: (event: DocumentEventMap[K]) => void,\n  element: RefObject<Document>,\n  options?: AddEventListenerOptions | boolean\n): void;\n\nfunction useEventListener<\n  KW extends keyof WindowEventMap,\n  KH extends keyof HTMLElementEventMap,\n  KM extends keyof MediaQueryListEventMap,\n  T extends HTMLElement | MediaQueryList | void = void\n>(\n  eventName: KH | KM | KW,\n  handler: (event: Event | HTMLElementEventMap[KH] | MediaQueryListEventMap[KM] | WindowEventMap[KW]) => void,\n  element?: RefObject<T>,\n  options?: AddEventListenerOptions | boolean\n) {\n  // Create a ref that stores handler\n  const savedHandler = useRef(handler);\n\n  useIsomorphicLayoutEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(() => {\n    // Define the listening target\n    const targetElement: T | Window = element?.current ?? window;\n\n    if (!(targetElement && targetElement.addEventListener)) return;\n\n    // Create event listener that calls handler function stored in ref\n    const listener: typeof handler = (event) => savedHandler.current(event);\n\n    targetElement.addEventListener(eventName, listener, options);\n\n    // Remove event listener on cleanup\n    return () => {\n      targetElement.removeEventListener(eventName, listener, options);\n    };\n  }, [eventName, element, options]);\n}\n\nexport { useEventListener };\n","import { useState } from 'react';\n\nimport { useEventListener } from './useEventListener';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport type WindowSize = {\n  height: number;\n  width: number;\n};\n\nexport function useWindowSize(): WindowSize {\n  const [windowSize, setWindowSize] = useState<WindowSize>({\n    height: 0,\n    width: 0\n  });\n\n  const handleSize = () => {\n    setWindowSize({\n      height: window.innerHeight,\n      width: window.innerWidth\n    });\n  };\n\n  useEventListener('resize', handleSize);\n\n  // Set size at the first client-side load\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, []);\n\n  return windowSize;\n}\n","import { useCallback, useEffect, useState } from 'react';\n\nimport { isBrowser } from '../utils';\n\ntype Theme = 'dark' | 'light';\n\ntype UpdateTheme = (theme: Theme) => void;\n\n/** @private */\nconst DEFAULT_THEME: Theme = 'light';\n\n/** @private */\nconst THEME_ATTRIBUTE = 'data-mode';\n\n/** @private */\nconst THEME_KEY = 'theme';\n\n/** @private */\nconst SYS_DARK_MEDIA_QUERY = '(prefers-color-scheme: dark)';\n\n/**\n * Returns the current theme and a function to update the current theme\n *\n * The reason the implementation of this hook is rather convoluted is for\n * cases where the theme is updated outside this hook\n */\nfunction useTheme(): readonly [Theme, UpdateTheme] {\n  // Initial theme value is based on the value saved in local storage or the system theme\n  const [theme, setTheme] = useState<Theme>(() => {\n    if (!isBrowser()) {\n      return DEFAULT_THEME;\n    }\n    const savedTheme = window.localStorage.getItem(THEME_KEY);\n    let initialTheme: Theme;\n    if (savedTheme === 'dark' || savedTheme === 'light') {\n      initialTheme = savedTheme;\n    } else {\n      initialTheme = window.matchMedia(SYS_DARK_MEDIA_QUERY).matches ? 'dark' : 'light';\n    }\n    document.documentElement.setAttribute(THEME_ATTRIBUTE, initialTheme);\n    return initialTheme;\n  });\n\n  useEffect(() => {\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === THEME_ATTRIBUTE) {\n          const updatedTheme = (mutation.target as HTMLHtmlElement).getAttribute(THEME_ATTRIBUTE);\n          if (updatedTheme === 'light' || updatedTheme === 'dark') {\n            window.localStorage.setItem(THEME_KEY, updatedTheme);\n            setTheme(updatedTheme);\n          } else {\n            console.error(`Unexpected value for 'data-mode' attribute: ${updatedTheme}`);\n          }\n        }\n      });\n    });\n    observer.observe(document.documentElement, {\n      attributes: true\n    });\n    return () => observer.disconnect();\n  }, []);\n\n  // When the user wants to change the theme\n  const updateTheme = useCallback(\n    (theme: Theme) => {\n      document.documentElement.setAttribute(THEME_ATTRIBUTE, theme);\n    },\n    [document.documentElement]\n  );\n\n  return [theme, updateTheme] as const;\n}\n\nexport { DEFAULT_THEME, SYS_DARK_MEDIA_QUERY, THEME_ATTRIBUTE, THEME_KEY, type Theme, useTheme };\n","import { create } from 'zustand';\n\nexport type NotificationInterface = {\n  id: number;\n  message?: string;\n  title?: string;\n  type: 'error' | 'info' | 'success' | 'warning';\n  variant?: 'critical' | 'standard';\n};\n\nexport type NotificationsStore = {\n  addNotification: (notification: Omit<NotificationInterface, 'id'>) => void;\n  dismissNotification: (id: number) => void;\n  notifications: NotificationInterface[];\n};\n\nexport const useNotificationsStore = create<NotificationsStore>((set) => ({\n  addNotification: (notification) => {\n    set((state) => ({\n      notifications: [...state.notifications, { id: Date.now(), ...notification }]\n    }));\n  },\n  dismissNotification: (id) => {\n    set((state) => ({\n      notifications: state.notifications.filter((notification) => notification.id !== id)\n    }));\n  },\n  notifications: []\n}));\n","import React, { createContext } from 'react';\n\n/** @deprecated */\nexport const LegacyStepperContext = createContext<{\n  index: number;\n  updateIndex: React.Dispatch<'decrement' | 'increment'>;\n}>(null!);\n"],"mappings":"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","names":["useEffect","useEffect","useEffect","useState","useState","useEffect","theme"]}

package/dist/chunk-PAAJ5AH3.js

@@ -1,15 +0,0 @@
-// src/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-function isBrowser() {
-  return typeof window !== "undefined";
-}
-
-export {
-  cn,
-  isBrowser
-};
-//# sourceMappingURL=chunk-PAAJ5AH3.js.map

package/dist/chunk-PAAJ5AH3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport function isBrowser() {\n  return typeof window !== 'undefined';\n}\n"],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;AAEO,SAAS,YAAY;AAC1B,SAAO,OAAO,WAAW;AAC3B;","names":[]}