@douglasneuroinformatics/libui 3.0.0 → 3.1.0

package/dist/{chunk-A6FWMB7V.js → chunk-53GZFQK3.js}

@@ -157,6 +157,19 @@ var libui_default = {
   }
 };
 
+// src/i18n/internal.ts
+import { format } from "@douglasneuroinformatics/libjs";
+import { get } from "lodash-es";
+function getTranslation(target, state, ...args) {
+  let value;
+  if (typeof target === "string") {
+    value = get(state.translations, target);
+  } else {
+    value = target;
+  }
+  return format(value[state.resolvedLanguage] ?? value[state.fallbackLanguage], ...args);
+}
+
 // src/i18n/store.ts
 var translationStore = createStore((set) => ({
   changeLanguage(language) {
@@ -167,25 +180,32 @@ var translationStore = createStore((set) => ({
   resolvedLanguage: "en",
   translations: { libui: libui_default }
 }));
-var init = ({ defaultLanguage, fallbackLanguage, translations } = {}) => {
-  const state = translationStore.getState();
-  if (state.isInitialized) {
-    console.error("Cannot reinitialize translations store");
-    return;
-  }
-  translationStore.setState({
-    fallbackLanguage: fallbackLanguage ?? state.fallbackLanguage,
-    isInitialized: true,
-    resolvedLanguage: defaultLanguage ?? state.resolvedLanguage,
-    translations: {
-      ...state.translations,
-      ...translations
+var i18n = {
+  init: ({ defaultLanguage, fallbackLanguage, translations } = {}) => {
+    const state = translationStore.getState();
+    if (state.isInitialized) {
+      console.error("Cannot reinitialize translations store");
+      return;
     }
-  });
+    translationStore.setState({
+      fallbackLanguage: fallbackLanguage ?? state.fallbackLanguage,
+      isInitialized: true,
+      resolvedLanguage: defaultLanguage ?? state.resolvedLanguage,
+      translations: {
+        ...state.translations,
+        ...translations
+      }
+    });
+  },
+  t: (target, ...args) => {
+    const state = translationStore.getState();
+    return getTranslation(target, state, ...args);
+  }
 };
 
 export {
+  getTranslation,
   translationStore,
-  init
+  i18n
 };
-//# sourceMappingURL=chunk-A6FWMB7V.js.map
+//# sourceMappingURL=chunk-53GZFQK3.js.map

package/dist/chunk-53GZFQK3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/store.ts","../src/i18n/translations/libui.json","../src/i18n/internal.ts"],"sourcesContent":["import type { SetOptional } from 'type-fest';\nimport { createStore } from 'zustand/vanilla';\n\nimport libui from '@/i18n/translations/libui.json';\n\nimport { getTranslation } from './internal';\n\nimport type { Language, TranslateFunction, Translations } from './types';\n\ntype InitOptions = {\n  defaultLanguage?: Language;\n  fallbackLanguage?: Language;\n  translations?: SetOptional<Translations, 'libui'>;\n};\n\ntype I18N = {\n  init: (options?: InitOptions) => void;\n  t: TranslateFunction;\n};\n\nexport type TranslationStore = {\n  changeLanguage: (language: Language) => void;\n  fallbackLanguage: Language;\n  isInitialized: boolean;\n  resolvedLanguage: Language;\n  translations: Translations;\n};\n\nexport const translationStore = createStore<TranslationStore>((set) => ({\n  changeLanguage(language) {\n    set({ resolvedLanguage: language });\n  },\n  fallbackLanguage: 'en',\n  isInitialized: false,\n  resolvedLanguage: 'en',\n  translations: { libui }\n}));\n\nexport const i18n: I18N = {\n  init: ({ defaultLanguage, fallbackLanguage, translations }: InitOptions = {}) => {\n    const state = translationStore.getState();\n    if (state.isInitialized) {\n      console.error('Cannot reinitialize translations store');\n      return;\n    }\n    translationStore.setState({\n      fallbackLanguage: fallbackLanguage ?? state.fallbackLanguage,\n      isInitialized: true,\n      resolvedLanguage: defaultLanguage ?? state.resolvedLanguage,\n      translations: {\n        ...state.translations,\n        ...translations\n      }\n    });\n  },\n  t: (target, ...args) => {\n    const state = translationStore.getState();\n    return getTranslation(target, state, ...args);\n  }\n};\n","{\n  \"days\": {\n    \"friday\": {\n      \"en\": \"Friday\",\n      \"fr\": \"Vendredi\"\n    },\n    \"monday\": {\n      \"en\": \"Monday\",\n      \"fr\": \"Lundi\"\n    },\n    \"saturday\": {\n      \"en\": \"Saturday\",\n      \"fr\": \"Samedi\"\n    },\n    \"sunday\": {\n      \"en\": \"Sunday\",\n      \"fr\": \"Dimanche\"\n    },\n    \"thursday\": {\n      \"en\": \"Thursday\",\n      \"fr\": \"Jeudi\"\n    },\n    \"tuesday\": {\n      \"en\": \"Tuesday\",\n      \"fr\": \"Mardi\"\n    },\n    \"wednesday\": {\n      \"en\": \"Wednesday\",\n      \"fr\": \"Mercredi\"\n    }\n  },\n  \"form\": {\n    \"append\": {\n      \"en\": \"Append\",\n      \"fr\": \"Ajouter\"\n    },\n    \"radioLabels\": {\n      \"false\": {\n        \"en\": \"False\",\n        \"fr\": \"Faux\"\n      },\n      \"true\": {\n        \"en\": \"True\",\n        \"fr\": \"Vrai\"\n      }\n    },\n    \"remove\": {\n      \"en\": \"Remove\",\n      \"fr\": \"Supprimer\"\n    },\n    \"required\": {\n      \"en\": \"This field is required\",\n      \"fr\": \"Ce champ est obligatoire\"\n    },\n    \"reset\": {\n      \"en\": \"Reset\",\n      \"fr\": \"Réinitialiser\"\n    },\n    \"submit\": {\n      \"en\": \"Submit\",\n      \"fr\": \"Soumettre\"\n    }\n  },\n  \"months\": {\n    \"april\": {\n      \"en\": \"April\",\n      \"fr\": \"Avril\"\n    },\n    \"august\": {\n      \"en\": \"August\",\n      \"fr\": \"Août\"\n    },\n    \"december\": {\n      \"en\": \"December\",\n      \"fr\": \"Décembre\"\n    },\n    \"february\": {\n      \"en\": \"February\",\n      \"fr\": \"Février\"\n    },\n    \"january\": {\n      \"en\": \"January\",\n      \"fr\": \"Janvier\"\n    },\n    \"july\": {\n      \"en\": \"July\",\n      \"fr\": \"Juillet\"\n    },\n    \"june\": {\n      \"en\": \"June\",\n      \"fr\": \"Juin\"\n    },\n    \"march\": {\n      \"en\": \"March\",\n      \"fr\": \"Mars\"\n    },\n    \"may\": {\n      \"en\": \"May\",\n      \"fr\": \"Mai\"\n    },\n    \"november\": {\n      \"en\": \"November\",\n      \"fr\": \"Novembre\"\n    },\n    \"october\": {\n      \"en\": \"October\",\n      \"fr\": \"Octobre\"\n    },\n    \"september\": {\n      \"en\": \"September\",\n      \"fr\": \"Septembre\"\n    }\n  },\n  \"notifications\": {\n    \"types\": {\n      \"error\": {\n        \"en\": \"Error\",\n        \"fr\": \"Erreur\"\n      },\n      \"info\": {\n        \"en\": \"Info\",\n        \"fr\": \"Attention\"\n      },\n      \"success\": {\n        \"en\": \"Success\",\n        \"fr\": \"Succès\"\n      },\n      \"warning\": {\n        \"en\": \"Warning\",\n        \"fr\": \"Avertissement\"\n      }\n    }\n  },\n  \"pagination\": {\n    \"info\": {\n      \"en\": \"Showing {{first}} to {{last}} of {{total}} results\",\n      \"fr\": \"Affichage de {{first}} à {{last}} sur {{total}} résultats\"\n    },\n    \"next\": {\n      \"en\": \"Next\",\n      \"fr\": \"Suivant\"\n    },\n    \"previous\": {\n      \"en\": \"Previous\",\n      \"fr\": \"Précédent\"\n    }\n  },\n  \"searchBar\": {\n    \"placeholder\": {\n      \"en\": \"Search...\",\n      \"fr\": \"Rechercher...\"\n    }\n  }\n}\n","import { format } from '@douglasneuroinformatics/libjs';\nimport { get } from 'lodash-es';\nimport type { Primitive } from 'type-fest';\n\nimport type { Language } from './types';\n\nexport function getTranslation(\n  target: { [L in Language]?: string } | string,\n  state: {\n    fallbackLanguage: Language;\n    resolvedLanguage: Language;\n    translations: { [key: string]: any };\n  },\n  ...args: Exclude<Primitive, symbol>[]\n) {\n  let value: { [key: string]: string };\n  if (typeof target === 'string') {\n    value = get(state.translations, target) as { [key: string]: string };\n  } else {\n    value = target;\n  }\n  return format((value[state.resolvedLanguage] ?? value[state.fallbackLanguage])!, ...args);\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-6MDNYDO3.js → chunk-K2YKS4A5.js}

@@ -1,6 +1,7 @@
 import {
+  getTranslation,
   translationStore
-} from "./chunk-A6FWMB7V.js";
+} from "./chunk-53GZFQK3.js";
 import {
   isBrowser
 } from "./chunk-IX6RFIQL.js";
@@ -274,7 +275,6 @@ function useTheme() {
 
 // src/hooks/useTranslation/useTranslation.ts
 import { useCallback as useCallback3 } from "react";
-import { get } from "lodash-es";
 import { useStore } from "zustand";
 function useTranslation(namespace) {
   const changeLanguage = useStore(translationStore, (store) => store.changeLanguage);
@@ -287,9 +287,8 @@ function useTranslation(namespace) {
     return store.translations;
   });
   const t = useCallback3(
-    (arg) => {
-      const value = typeof arg === "string" ? get(translations, arg, arg) : arg;
-      return value[resolvedLanguage] ?? value[fallbackLanguage];
+    (target, ...args) => {
+      return getTranslation(target, { fallbackLanguage, resolvedLanguage, translations }, ...args);
     },
     [fallbackLanguage, resolvedLanguage, translations]
   );
@@ -334,4 +333,4 @@ export {
   useTranslation,
   useWindowSize
 };
-//# sourceMappingURL=chunk-6MDNYDO3.js.map
+//# sourceMappingURL=chunk-K2YKS4A5.js.map

package/dist/{chunk-6MDNYDO3.js.map → chunk-K2YKS4A5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useDownload/useDownload.ts","../src/hooks/useNotificationsStore/useNotificationsStore.ts","../src/hooks/useEventCallback/useEventCallback.ts","../src/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts","../src/hooks/useEventListener/useEventListener.ts","../src/hooks/useInterval/useInterval.ts","../src/hooks/useMediaQuery/useMediaQuery.ts","../src/hooks/useOnClickOutside/useOnClickOutside.ts","../src/hooks/useSessionStorage/useSessionStorage.ts","../src/hooks/useTheme/useTheme.ts","../src/hooks/useTranslation/useTranslation.ts","../src/hooks/useWindowSize/useWindowSize.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Promisable } from 'type-fest';\n\nimport { useNotificationsStore } from '../useNotificationsStore';\n\ntype DownloadTextOptions = {\n  blobType: 'text/csv' | 'text/plain';\n};\n\ntype DownloadBlobOptions = {\n  blobType: 'application/zip' | 'image/jpeg' | 'image/png' | 'image/webp';\n};\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface DownloadFunction {\n  (filename: string, data: Blob, options: DownloadBlobOptions): Promise<void>;\n  (filename: string, data: () => Promisable<Blob>, options: DownloadBlobOptions): Promise<void>;\n  (filename: string, data: string, options?: DownloadTextOptions): Promise<void>;\n  (filename: string, data: () => Promisable<string>, options?: DownloadTextOptions): Promise<void>;\n}\n\n/**\n * Used to trigger downloads of arbitrary data to the client\n * @returns A function to invoke the download\n */\nexport function useDownload(): DownloadFunction {\n  const notifications = useNotificationsStore();\n  const [state, setState] = useState<{\n    blobType: string;\n    data: Blob | string;\n    filename: string;\n  } | null>(null);\n\n  useEffect(() => {\n    if (state) {\n      const { blobType, data, filename } = state;\n      const anchor = document.createElement('a');\n      document.body.appendChild(anchor);\n\n      const blob = new Blob([data], { type: blobType });\n\n      const url = URL.createObjectURL(blob);\n      anchor.href = url;\n      anchor.download = filename;\n      anchor.click();\n      URL.revokeObjectURL(url);\n      anchor.remove();\n      setState(null);\n    }\n  }, [state]);\n\n  return async (filename, _data, options) => {\n    try {\n      const data = typeof _data === 'function' ? await _data() : _data;\n      if (typeof data !== 'string' && !options?.blobType) {\n        throw new Error(\"argument 'blobType' must be defined when download is called with a Blob object\");\n      }\n      setState({ blobType: options?.blobType ?? 'text/plain', data, filename });\n    } catch (error) {\n      const message = error instanceof Error ? error.message : 'An unknown error occurred';\n      notifications.addNotification({\n        message,\n        title: 'Error',\n        type: 'error'\n      });\n    }\n  };\n}\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 { useCallback, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\n\nexport function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R) {\n  const ref = useRef<typeof fn>(() => {\n    throw new Error('Cannot call an event handler while rendering.');\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n\n  return useCallback((...args: Args) => ref.current(...args), [ref]);\n}\n","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 { useEffect, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\n\nexport function useInterval(callback: () => void, delay: null | number) {\n  const savedCallback = useRef(callback);\n\n  // Remember the latest callback if it changes.\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  // Set up the interval.\n  useEffect(() => {\n    // Don't schedule if no delay is specified.\n    // Note: 0 is a valid value for delay.\n    if (!delay && delay !== 0) {\n      return;\n    }\n\n    const id = setInterval(() => savedCallback.current(), delay);\n\n    return () => clearInterval(id);\n  }, [delay]);\n}\n","import { useEffect, useState } from 'react';\n\nimport { isBrowser } from '@/utils';\n\n/**\n * Get the result of an arbitrary CSS media query\n *\n * @param query - the CSS media query\n * @returns a boolean indicating the result of the query\n * @example\n * // true if the viewport is at least 768px wide\n * const matches = useMediaQuery('(min-width: 768px)')\n */\nexport function useMediaQuery(query: string): boolean {\n  const getMatches = (query: string): boolean => {\n    // Prevents SSR issues\n    if (isBrowser()) {\n      return window.matchMedia(query).matches;\n    }\n    return false;\n  };\n\n  const [matches, setMatches] = useState<boolean>(getMatches(query));\n\n  function handleChange() {\n    setMatches(getMatches(query));\n  }\n\n  useEffect(() => {\n    const matchMedia = window.matchMedia(query);\n\n    // Triggered at the first client-side load and if query changes\n    handleChange();\n\n    matchMedia.addEventListener('change', handleChange);\n\n    return () => {\n      matchMedia.removeEventListener('change', handleChange);\n    };\n  }, [query]);\n\n  return matches;\n}\n","import { type RefObject } from 'react';\n\nimport { useEventListener } from '../useEventListener';\n\ntype Handler = (event: MouseEvent) => void;\n\nexport function useOnClickOutside<T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T>,\n  handler: Handler,\n  mouseEvent: 'mousedown' | 'mouseup' = 'mousedown'\n): void {\n  useEventListener(mouseEvent, (event) => {\n    const el = ref.current;\n\n    // Do nothing if clicking ref's element or descendent elements\n    if (!el || el.contains(event.target as Node)) {\n      return;\n    }\n\n    handler(event);\n  });\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\n\nimport { isBrowser } from '@/utils';\n\nimport { useEventCallback } from '../useEventCallback';\nimport { useEventListener } from '../useEventListener';\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n  interface WindowEventMap {\n    'session-storage': CustomEvent;\n  }\n}\n\n/**\n * Represents the options for customizing the behavior of serialization and deserialization.\n * @template T - The type of the state to be stored in session storage.\n */\ntype UseSessionStorageOptions<T> = {\n  /** A function to deserialize the stored value. */\n  deserializer?: (value: string) => T;\n  /**\n   * If `true` (default), the hook will initialize reading the session storage. In SSR, you should set it to `false`, returning the initial value initially.\n   * @default true\n   */\n  initializeWithValue?: boolean;\n  /** A function to serialize the value before storing it. */\n  serializer?: (value: T) => string;\n};\n\n/**\n * Custom hook that uses session storage to persist state across page reloads.\n * @template T - The type of the state to be stored in session storage.\n * @param {string} key - The key under which the value will be stored in session storage.\n * @param {T | (() => T)} initialValue - The initial value of the state or a function that returns the initial value.\n * @param {?UseSessionStorageOptions<T>} [options] - Options for customizing the behavior of serialization and deserialization (optional).\n * @returns {[T, Dispatch<SetStateAction<T>>]} A tuple containing the stored value and a function to set the value.\n * @public\n * @example\n * ```tsx\n * const [count, setCount] = useSessionStorage('count', 0);\n * // Access the `count` value and the `setCount` function to update it.\n * ```\n */\nexport function useSessionStorage<T>(\n  key: string,\n  initialValue: (() => T) | T,\n  options: UseSessionStorageOptions<T> = {}\n): [T, Dispatch<SetStateAction<T>>] {\n  const { initializeWithValue = true } = options;\n\n  const serializer = useCallback<(value: T) => string>(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n\n  const deserializer = useCallback<(value: string) => T>(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      // Support 'undefined' as a value\n      if (value === 'undefined') {\n        return undefined as unknown as T;\n      }\n\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n\n      let parsed: unknown;\n      try {\n        parsed = JSON.parse(value);\n      } catch (err) {\n        console.error(`Error parsing JSON: ${(err as Error).message}`);\n        return defaultValue;\n      }\n\n      return parsed as T;\n    },\n    [options, initialValue]\n  );\n\n  // Get from session storage then\n  // parse stored json or return initialValue\n  const readValue = useCallback((): T => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n\n    // Prevent build error \"window is undefined\" but keep keep working\n    if (!isBrowser()) {\n      return initialValueToUse;\n    }\n    const raw = window.sessionStorage.getItem(key);\n    return raw ? deserializer(raw) : initialValueToUse;\n  }, [initialValue, key, deserializer]);\n\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to sessionStorage.\n  const setValue: Dispatch<SetStateAction<T>> = useEventCallback((value) => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (!isBrowser()) {\n      console.warn(`Tried setting sessionStorage key “${key}” even though environment is not a client`);\n    }\n\n    try {\n      // Allow value to be a function so we have the same API as useState\n      const newValue = value instanceof Function ? value(readValue()) : value;\n\n      // Save to session storage\n      window.sessionStorage.setItem(key, serializer(newValue));\n\n      // Save state\n      setStoredValue(newValue);\n\n      // We dispatch a custom event so every similar useSessionStorage hook is notified\n      window.dispatchEvent(new StorageEvent('session-storage', { key }));\n    } catch (error) {\n      console.warn(`Error setting sessionStorage key “${key}”:`, error);\n    }\n  });\n\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n\n  const handleStorageChange = useCallback(\n    (event: CustomEvent | StorageEvent) => {\n      if ((event as StorageEvent).key && (event as StorageEvent).key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n\n  // this only works for other documents, not the current one\n  useEventListener('storage', handleStorageChange);\n\n  // this is a custom event, triggered in writeValueToSessionStorage\n  // See: useSessionStorage()\n  useEventListener('session-storage', handleStorageChange);\n\n  return [storedValue, setValue];\n}\n","import { useEffect, useState } from 'react';\n\n// this is required since our storybook manager plugin cannot use vite aliases\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 = (theme: Theme) => {\n    document.documentElement.setAttribute(THEME_ATTRIBUTE, theme);\n  };\n\n  return [theme, updateTheme] as const;\n}\n\nexport { DEFAULT_THEME, SYS_DARK_MEDIA_QUERY, type Theme, THEME_ATTRIBUTE, THEME_KEY, useTheme };\n","import { useCallback } from 'react';\n\nimport { get } from 'lodash-es';\nimport { useStore } from 'zustand';\n\nimport { translationStore } from '@/i18n';\nimport type { TranslateFunction, TranslationNamespace } from '@/i18n';\n\nexport function useTranslation<TNamespace extends TranslationNamespace | undefined = undefined>(\n  namespace?: TNamespace\n) {\n  const changeLanguage = useStore(translationStore, (store) => store.changeLanguage);\n  const fallbackLanguage = useStore(translationStore, (store) => store.fallbackLanguage);\n  const resolvedLanguage = useStore(translationStore, (store) => store.resolvedLanguage);\n  const translations = useStore(translationStore, (store) => {\n    if (namespace) {\n      return store.translations[namespace];\n    }\n    return store.translations;\n  });\n\n  const t: TranslateFunction<TNamespace> = useCallback(\n    (arg) => {\n      const value = typeof arg === 'string' ? (get(translations, arg, arg) as { [key: string]: string }) : arg;\n      return value[resolvedLanguage] ?? value[fallbackLanguage];\n    },\n    [fallbackLanguage, resolvedLanguage, translations]\n  );\n\n  return { changeLanguage, resolvedLanguage, t };\n}\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"],"mappings":"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","names":["useEffect","useEffect","useEffect","useRef","useRef","useEffect","useEffect","useRef","useRef","useEffect","useEffect","useState","query","useState","useEffect","useCallback","useEffect","useState","useCallback","useState","useEffect","useEffect","useState","useState","useEffect","theme","useCallback","useCallback","useState","useState"]}
+{"version":3,"sources":["../src/hooks/useDownload/useDownload.ts","../src/hooks/useNotificationsStore/useNotificationsStore.ts","../src/hooks/useEventCallback/useEventCallback.ts","../src/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts","../src/hooks/useEventListener/useEventListener.ts","../src/hooks/useInterval/useInterval.ts","../src/hooks/useMediaQuery/useMediaQuery.ts","../src/hooks/useOnClickOutside/useOnClickOutside.ts","../src/hooks/useSessionStorage/useSessionStorage.ts","../src/hooks/useTheme/useTheme.ts","../src/hooks/useTranslation/useTranslation.ts","../src/hooks/useWindowSize/useWindowSize.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Promisable } from 'type-fest';\n\nimport { useNotificationsStore } from '../useNotificationsStore';\n\ntype DownloadTextOptions = {\n  blobType: 'text/csv' | 'text/plain';\n};\n\ntype DownloadBlobOptions = {\n  blobType: 'application/zip' | 'image/jpeg' | 'image/png' | 'image/webp';\n};\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface DownloadFunction {\n  (filename: string, data: Blob, options: DownloadBlobOptions): Promise<void>;\n  (filename: string, data: () => Promisable<Blob>, options: DownloadBlobOptions): Promise<void>;\n  (filename: string, data: string, options?: DownloadTextOptions): Promise<void>;\n  (filename: string, data: () => Promisable<string>, options?: DownloadTextOptions): Promise<void>;\n}\n\n/**\n * Used to trigger downloads of arbitrary data to the client\n * @returns A function to invoke the download\n */\nexport function useDownload(): DownloadFunction {\n  const notifications = useNotificationsStore();\n  const [state, setState] = useState<{\n    blobType: string;\n    data: Blob | string;\n    filename: string;\n  } | null>(null);\n\n  useEffect(() => {\n    if (state) {\n      const { blobType, data, filename } = state;\n      const anchor = document.createElement('a');\n      document.body.appendChild(anchor);\n\n      const blob = new Blob([data], { type: blobType });\n\n      const url = URL.createObjectURL(blob);\n      anchor.href = url;\n      anchor.download = filename;\n      anchor.click();\n      URL.revokeObjectURL(url);\n      anchor.remove();\n      setState(null);\n    }\n  }, [state]);\n\n  return async (filename, _data, options) => {\n    try {\n      const data = typeof _data === 'function' ? await _data() : _data;\n      if (typeof data !== 'string' && !options?.blobType) {\n        throw new Error(\"argument 'blobType' must be defined when download is called with a Blob object\");\n      }\n      setState({ blobType: options?.blobType ?? 'text/plain', data, filename });\n    } catch (error) {\n      const message = error instanceof Error ? error.message : 'An unknown error occurred';\n      notifications.addNotification({\n        message,\n        title: 'Error',\n        type: 'error'\n      });\n    }\n  };\n}\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 { useCallback, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\n\nexport function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R) {\n  const ref = useRef<typeof fn>(() => {\n    throw new Error('Cannot call an event handler while rendering.');\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n\n  return useCallback((...args: Args) => ref.current(...args), [ref]);\n}\n","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 { useEffect, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\n\nexport function useInterval(callback: () => void, delay: null | number) {\n  const savedCallback = useRef(callback);\n\n  // Remember the latest callback if it changes.\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  // Set up the interval.\n  useEffect(() => {\n    // Don't schedule if no delay is specified.\n    // Note: 0 is a valid value for delay.\n    if (!delay && delay !== 0) {\n      return;\n    }\n\n    const id = setInterval(() => savedCallback.current(), delay);\n\n    return () => clearInterval(id);\n  }, [delay]);\n}\n","import { useEffect, useState } from 'react';\n\nimport { isBrowser } from '@/utils';\n\n/**\n * Get the result of an arbitrary CSS media query\n *\n * @param query - the CSS media query\n * @returns a boolean indicating the result of the query\n * @example\n * // true if the viewport is at least 768px wide\n * const matches = useMediaQuery('(min-width: 768px)')\n */\nexport function useMediaQuery(query: string): boolean {\n  const getMatches = (query: string): boolean => {\n    // Prevents SSR issues\n    if (isBrowser()) {\n      return window.matchMedia(query).matches;\n    }\n    return false;\n  };\n\n  const [matches, setMatches] = useState<boolean>(getMatches(query));\n\n  function handleChange() {\n    setMatches(getMatches(query));\n  }\n\n  useEffect(() => {\n    const matchMedia = window.matchMedia(query);\n\n    // Triggered at the first client-side load and if query changes\n    handleChange();\n\n    matchMedia.addEventListener('change', handleChange);\n\n    return () => {\n      matchMedia.removeEventListener('change', handleChange);\n    };\n  }, [query]);\n\n  return matches;\n}\n","import { type RefObject } from 'react';\n\nimport { useEventListener } from '../useEventListener';\n\ntype Handler = (event: MouseEvent) => void;\n\nexport function useOnClickOutside<T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T>,\n  handler: Handler,\n  mouseEvent: 'mousedown' | 'mouseup' = 'mousedown'\n): void {\n  useEventListener(mouseEvent, (event) => {\n    const el = ref.current;\n\n    // Do nothing if clicking ref's element or descendent elements\n    if (!el || el.contains(event.target as Node)) {\n      return;\n    }\n\n    handler(event);\n  });\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\n\nimport { isBrowser } from '@/utils';\n\nimport { useEventCallback } from '../useEventCallback';\nimport { useEventListener } from '../useEventListener';\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n  interface WindowEventMap {\n    'session-storage': CustomEvent;\n  }\n}\n\n/**\n * Represents the options for customizing the behavior of serialization and deserialization.\n * @template T - The type of the state to be stored in session storage.\n */\ntype UseSessionStorageOptions<T> = {\n  /** A function to deserialize the stored value. */\n  deserializer?: (value: string) => T;\n  /**\n   * If `true` (default), the hook will initialize reading the session storage. In SSR, you should set it to `false`, returning the initial value initially.\n   * @default true\n   */\n  initializeWithValue?: boolean;\n  /** A function to serialize the value before storing it. */\n  serializer?: (value: T) => string;\n};\n\n/**\n * Custom hook that uses session storage to persist state across page reloads.\n * @template T - The type of the state to be stored in session storage.\n * @param {string} key - The key under which the value will be stored in session storage.\n * @param {T | (() => T)} initialValue - The initial value of the state or a function that returns the initial value.\n * @param {?UseSessionStorageOptions<T>} [options] - Options for customizing the behavior of serialization and deserialization (optional).\n * @returns {[T, Dispatch<SetStateAction<T>>]} A tuple containing the stored value and a function to set the value.\n * @public\n * @example\n * ```tsx\n * const [count, setCount] = useSessionStorage('count', 0);\n * // Access the `count` value and the `setCount` function to update it.\n * ```\n */\nexport function useSessionStorage<T>(\n  key: string,\n  initialValue: (() => T) | T,\n  options: UseSessionStorageOptions<T> = {}\n): [T, Dispatch<SetStateAction<T>>] {\n  const { initializeWithValue = true } = options;\n\n  const serializer = useCallback<(value: T) => string>(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n\n  const deserializer = useCallback<(value: string) => T>(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      // Support 'undefined' as a value\n      if (value === 'undefined') {\n        return undefined as unknown as T;\n      }\n\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n\n      let parsed: unknown;\n      try {\n        parsed = JSON.parse(value);\n      } catch (err) {\n        console.error(`Error parsing JSON: ${(err as Error).message}`);\n        return defaultValue;\n      }\n\n      return parsed as T;\n    },\n    [options, initialValue]\n  );\n\n  // Get from session storage then\n  // parse stored json or return initialValue\n  const readValue = useCallback((): T => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n\n    // Prevent build error \"window is undefined\" but keep keep working\n    if (!isBrowser()) {\n      return initialValueToUse;\n    }\n    const raw = window.sessionStorage.getItem(key);\n    return raw ? deserializer(raw) : initialValueToUse;\n  }, [initialValue, key, deserializer]);\n\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to sessionStorage.\n  const setValue: Dispatch<SetStateAction<T>> = useEventCallback((value) => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (!isBrowser()) {\n      console.warn(`Tried setting sessionStorage key “${key}” even though environment is not a client`);\n    }\n\n    try {\n      // Allow value to be a function so we have the same API as useState\n      const newValue = value instanceof Function ? value(readValue()) : value;\n\n      // Save to session storage\n      window.sessionStorage.setItem(key, serializer(newValue));\n\n      // Save state\n      setStoredValue(newValue);\n\n      // We dispatch a custom event so every similar useSessionStorage hook is notified\n      window.dispatchEvent(new StorageEvent('session-storage', { key }));\n    } catch (error) {\n      console.warn(`Error setting sessionStorage key “${key}”:`, error);\n    }\n  });\n\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n\n  const handleStorageChange = useCallback(\n    (event: CustomEvent | StorageEvent) => {\n      if ((event as StorageEvent).key && (event as StorageEvent).key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n\n  // this only works for other documents, not the current one\n  useEventListener('storage', handleStorageChange);\n\n  // this is a custom event, triggered in writeValueToSessionStorage\n  // See: useSessionStorage()\n  useEventListener('session-storage', handleStorageChange);\n\n  return [storedValue, setValue];\n}\n","import { useEffect, useState } from 'react';\n\n// this is required since our storybook manager plugin cannot use vite aliases\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 = (theme: Theme) => {\n    document.documentElement.setAttribute(THEME_ATTRIBUTE, theme);\n  };\n\n  return [theme, updateTheme] as const;\n}\n\nexport { DEFAULT_THEME, SYS_DARK_MEDIA_QUERY, type Theme, THEME_ATTRIBUTE, THEME_KEY, useTheme };\n","import { useCallback } from 'react';\n\nimport { useStore } from 'zustand';\n\nimport { translationStore } from '@/i18n';\nimport type { TranslateFunction, TranslationNamespace } from '@/i18n';\nimport { getTranslation } from '@/i18n/internal';\n\nexport function useTranslation<TNamespace extends TranslationNamespace | undefined = undefined>(\n  namespace?: TNamespace\n) {\n  const changeLanguage = useStore(translationStore, (store) => store.changeLanguage);\n  const fallbackLanguage = useStore(translationStore, (store) => store.fallbackLanguage);\n  const resolvedLanguage = useStore(translationStore, (store) => store.resolvedLanguage);\n  const translations = useStore(translationStore, (store) => {\n    if (namespace) {\n      return store.translations[namespace];\n    }\n    return store.translations;\n  });\n\n  const t: TranslateFunction<TNamespace> = useCallback(\n    (target, ...args) => {\n      return getTranslation(target, { fallbackLanguage, resolvedLanguage, translations }, ...args);\n    },\n    [fallbackLanguage, resolvedLanguage, translations]\n  );\n\n  return { changeLanguage, resolvedLanguage, t };\n}\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"],"mappings":"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","names":["useEffect","useEffect","useEffect","useRef","useRef","useEffect","useEffect","useRef","useRef","useEffect","useEffect","useState","query","useState","useEffect","useCallback","useEffect","useState","useCallback","useState","useEffect","useEffect","useState","useState","useEffect","theme","useCallback","useCallback","useState","useState"]}

package/dist/components.d.ts

@@ -18,7 +18,7 @@ import { FormDataType, FormContent, PartialNullableFormDataType } from '@douglas
 import { z } from 'zod';
 import * as _radix_ui_react_hover_card from '@radix-ui/react-hover-card';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { L as Language } from './types-CjAJvRys.js';
+import { L as Language } from './types-DTkK8l-q.js';
 import { LineProps } from 'recharts';
 import * as _radix_ui_react_menubar from '@radix-ui/react-menubar';
 import { MenubarMenuProps } from '@radix-ui/react-menubar';

package/dist/components.js

@@ -2,8 +2,8 @@ import {
   useNotificationsStore,
   useTheme,
   useTranslation
-} from "./chunk-6MDNYDO3.js";
-import "./chunk-A6FWMB7V.js";
+} from "./chunk-K2YKS4A5.js";
+import "./chunk-53GZFQK3.js";
 import {
   cn
 } from "./chunk-IX6RFIQL.js";

package/dist/hooks.d.ts

@@ -1,7 +1,7 @@
 import { Promisable } from 'type-fest';
 import { RefObject, useEffect, Dispatch, SetStateAction } from 'react';
 import * as zustand from 'zustand';
-import { T as TranslationNamespace, L as Language, a as TranslateFunction } from './types-CjAJvRys.js';
+import { T as TranslationNamespace, L as Language, a as TranslateFunction } from './types-DTkK8l-q.js';
 
 type DownloadTextOptions = {
     blobType: 'text/csv' | 'text/plain';

package/dist/hooks.js

@@ -15,8 +15,8 @@ import {
   useTheme,
   useTranslation,
   useWindowSize
-} from "./chunk-6MDNYDO3.js";
-import "./chunk-A6FWMB7V.js";
+} from "./chunk-K2YKS4A5.js";
+import "./chunk-53GZFQK3.js";
 import "./chunk-IX6RFIQL.js";
 export {
   DEFAULT_THEME,

package/dist/i18n.d.ts

@@ -1,13 +1,17 @@
 import * as zustand from 'zustand';
 import { SetOptional } from 'type-fest';
-import { L as Language, b as Translations } from './types-CjAJvRys.js';
-export { E as ExtractTranslationKey, c as LanguageOptions, a as TranslateFunction, d as TranslationKey, T as TranslationNamespace, U as UserConfig } from './types-CjAJvRys.js';
+import { L as Language, b as Translations, a as TranslateFunction } from './types-DTkK8l-q.js';
+export { E as ExtractTranslationKey, c as LanguageOptions, d as TranslationKey, T as TranslationNamespace, U as UserConfig } from './types-DTkK8l-q.js';
 
 type InitOptions = {
     defaultLanguage?: Language;
     fallbackLanguage?: Language;
     translations?: SetOptional<Translations, 'libui'>;
 };
+type I18N = {
+    init: (options?: InitOptions) => void;
+    t: TranslateFunction;
+};
 type TranslationStore = {
     changeLanguage: (language: Language) => void;
     fallbackLanguage: Language;
@@ -16,6 +20,6 @@ type TranslationStore = {
     translations: Translations;
 };
 declare const translationStore: zustand.StoreApi<TranslationStore>;
-declare const init: ({ defaultLanguage, fallbackLanguage, translations }?: InitOptions) => void;
+declare const i18n: I18N;
 
-export { Language, type TranslationStore, Translations, init, translationStore };
+export { Language, TranslateFunction, type TranslationStore, Translations, i18n, translationStore };

package/dist/i18n.js

@@ -1,9 +1,9 @@
 import {
-  init,
+  i18n,
   translationStore
-} from "./chunk-A6FWMB7V.js";
+} from "./chunk-53GZFQK3.js";
 export {
-  init,
+  i18n,
   translationStore
 };
 //# sourceMappingURL=i18n.js.map

package/dist/{types-CjAJvRys.d.ts → types-DTkK8l-q.d.ts}

@@ -1,4 +1,4 @@
-import { Simplify, OmitIndexSignature } from 'type-fest';
+import { Simplify, OmitIndexSignature, Primitive } from 'type-fest';
 
 var days = {
 	friday: {
@@ -190,11 +190,11 @@ type ExtractTranslationKey<T extends {
 } ? Key : `${Key}.${ExtractTranslationKey<T[Key]>}` : `${Key}` : never;
 type TranslationNamespace = Extract<keyof Translations, string>;
 type TranslationKey<TNamespace> = TNamespace extends TranslationNamespace ? ExtractTranslationKey<Translations[TNamespace]> : ExtractTranslationKey<Translations>;
-interface TranslateFunction<TNamespace> {
-    (key: TranslationKey<TNamespace>): string;
+interface TranslateFunction<TNamespace = undefined> {
+    (key: TranslationKey<TNamespace>, ...args: Exclude<Primitive, symbol>[]): string;
     (translations: {
         [L in Language]: string;
-    }): string;
+    }, ...args: Exclude<Primitive, symbol>[]): string;
 }
 
 export { type ExtractTranslationKey as E, type Language as L, type TranslationNamespace as T, UserConfig as U, type TranslateFunction as a, type Translations as b, type LanguageOptions as c, type TranslationKey as d };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@douglasneuroinformatics/libui",
   "type": "module",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "packageManager": "pnpm@9.3.0",
   "description": "Generic UI components for DNP projects, built using React and Tailwind CSS",
   "author": "Joshua Unrau",
@@ -69,7 +69,7 @@
     "zod": "^3.23.6"
   },
   "dependencies": {
-    "@douglasneuroinformatics/libjs": "^0.6.0",
+    "@douglasneuroinformatics/libjs": "^0.7.0",
     "@douglasneuroinformatics/libui-form-types": "^0.11.0",
     "@headlessui/tailwindcss": "^0.2.1",
     "@heroicons/react": "^2.1.5",

package/src/hooks/useTranslation/useTranslation.ts

@@ -1,10 +1,10 @@
 import { useCallback } from 'react';
 
-import { get } from 'lodash-es';
 import { useStore } from 'zustand';
 
 import { translationStore } from '@/i18n';
 import type { TranslateFunction, TranslationNamespace } from '@/i18n';
+import { getTranslation } from '@/i18n/internal';
 
 export function useTranslation<TNamespace extends TranslationNamespace | undefined = undefined>(
   namespace?: TNamespace
@@ -20,9 +20,8 @@ export function useTranslation<TNamespace extends TranslationNamespace | undefin
   });
 
   const t: TranslateFunction<TNamespace> = useCallback(
-    (arg) => {
-      const value = typeof arg === 'string' ? (get(translations, arg, arg) as { [key: string]: string }) : arg;
-      return value[resolvedLanguage] ?? value[fallbackLanguage];
+    (target, ...args) => {
+      return getTranslation(target, { fallbackLanguage, resolvedLanguage, translations }, ...args);
     },
     [fallbackLanguage, resolvedLanguage, translations]
   );

package/src/i18n/internal.ts

@@ -0,0 +1,23 @@
+import { format } from '@douglasneuroinformatics/libjs';
+import { get } from 'lodash-es';
+import type { Primitive } from 'type-fest';
+
+import type { Language } from './types';
+
+export function getTranslation(
+  target: { [L in Language]?: string } | string,
+  state: {
+    fallbackLanguage: Language;
+    resolvedLanguage: Language;
+    translations: { [key: string]: any };
+  },
+  ...args: Exclude<Primitive, symbol>[]
+) {
+  let value: { [key: string]: string };
+  if (typeof target === 'string') {
+    value = get(state.translations, target) as { [key: string]: string };
+  } else {
+    value = target;
+  }
+  return format((value[state.resolvedLanguage] ?? value[state.fallbackLanguage])!, ...args);
+}

package/src/i18n/store.ts

@@ -3,7 +3,9 @@ import { createStore } from 'zustand/vanilla';
 
 import libui from '@/i18n/translations/libui.json';
 
-import type { Language, Translations } from './types';
+import { getTranslation } from './internal';
+
+import type { Language, TranslateFunction, Translations } from './types';
 
 type InitOptions = {
   defaultLanguage?: Language;
@@ -11,6 +13,11 @@ type InitOptions = {
   translations?: SetOptional<Translations, 'libui'>;
 };
 
+type I18N = {
+  init: (options?: InitOptions) => void;
+  t: TranslateFunction;
+};
+
 export type TranslationStore = {
   changeLanguage: (language: Language) => void;
   fallbackLanguage: Language;
@@ -29,19 +36,25 @@ export const translationStore = createStore<TranslationStore>((set) => ({
   translations: { libui }
 }));
 
-export const init = ({ defaultLanguage, fallbackLanguage, translations }: InitOptions = {}) => {
-  const state = translationStore.getState();
-  if (state.isInitialized) {
-    console.error('Cannot reinitialize translations store');
-    return;
-  }
-  translationStore.setState({
-    fallbackLanguage: fallbackLanguage ?? state.fallbackLanguage,
-    isInitialized: true,
-    resolvedLanguage: defaultLanguage ?? state.resolvedLanguage,
-    translations: {
-      ...state.translations,
-      ...translations
+export const i18n: I18N = {
+  init: ({ defaultLanguage, fallbackLanguage, translations }: InitOptions = {}) => {
+    const state = translationStore.getState();
+    if (state.isInitialized) {
+      console.error('Cannot reinitialize translations store');
+      return;
     }
-  });
+    translationStore.setState({
+      fallbackLanguage: fallbackLanguage ?? state.fallbackLanguage,
+      isInitialized: true,
+      resolvedLanguage: defaultLanguage ?? state.resolvedLanguage,
+      translations: {
+        ...state.translations,
+        ...translations
+      }
+    });
+  },
+  t: (target, ...args) => {
+    const state = translationStore.getState();
+    return getTranslation(target, state, ...args);
+  }
 };

package/src/i18n/types.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
 /* eslint-disable @typescript-eslint/no-namespace */
 
-import type { OmitIndexSignature, Simplify } from 'type-fest';
+import type { OmitIndexSignature, Primitive, Simplify } from 'type-fest';
 
 import type libuiTranslations from './translations/libui.json';
 
@@ -45,7 +45,7 @@ export type TranslationKey<TNamespace> = TNamespace extends TranslationNamespace
   ? ExtractTranslationKey<Translations[TNamespace]>
   : ExtractTranslationKey<Translations>;
 
-export interface TranslateFunction<TNamespace> {
-  (key: TranslationKey<TNamespace>): string;
-  (translations: { [L in Language]: string }): string;
+export interface TranslateFunction<TNamespace = undefined> {
+  (key: TranslationKey<TNamespace>, ...args: Exclude<Primitive, symbol>[]): string;
+  (translations: { [L in Language]: string }, ...args: Exclude<Primitive, symbol>[]): string;
 }

package/dist/chunk-A6FWMB7V.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/i18n/store.ts","../src/i18n/translations/libui.json"],"sourcesContent":["import type { SetOptional } from 'type-fest';\nimport { createStore } from 'zustand/vanilla';\n\nimport libui from '@/i18n/translations/libui.json';\n\nimport type { Language, Translations } from './types';\n\ntype InitOptions = {\n  defaultLanguage?: Language;\n  fallbackLanguage?: Language;\n  translations?: SetOptional<Translations, 'libui'>;\n};\n\nexport type TranslationStore = {\n  changeLanguage: (language: Language) => void;\n  fallbackLanguage: Language;\n  isInitialized: boolean;\n  resolvedLanguage: Language;\n  translations: Translations;\n};\n\nexport const translationStore = createStore<TranslationStore>((set) => ({\n  changeLanguage(language) {\n    set({ resolvedLanguage: language });\n  },\n  fallbackLanguage: 'en',\n  isInitialized: false,\n  resolvedLanguage: 'en',\n  translations: { libui }\n}));\n\nexport const init = ({ defaultLanguage, fallbackLanguage, translations }: InitOptions = {}) => {\n  const state = translationStore.getState();\n  if (state.isInitialized) {\n    console.error('Cannot reinitialize translations store');\n    return;\n  }\n  translationStore.setState({\n    fallbackLanguage: fallbackLanguage ?? state.fallbackLanguage,\n    isInitialized: true,\n    resolvedLanguage: defaultLanguage ?? state.resolvedLanguage,\n    translations: {\n      ...state.translations,\n      ...translations\n    }\n  });\n};\n","{\n  \"days\": {\n    \"friday\": {\n      \"en\": \"Friday\",\n      \"fr\": \"Vendredi\"\n    },\n    \"monday\": {\n      \"en\": \"Monday\",\n      \"fr\": \"Lundi\"\n    },\n    \"saturday\": {\n      \"en\": \"Saturday\",\n      \"fr\": \"Samedi\"\n    },\n    \"sunday\": {\n      \"en\": \"Sunday\",\n      \"fr\": \"Dimanche\"\n    },\n    \"thursday\": {\n      \"en\": \"Thursday\",\n      \"fr\": \"Jeudi\"\n    },\n    \"tuesday\": {\n      \"en\": \"Tuesday\",\n      \"fr\": \"Mardi\"\n    },\n    \"wednesday\": {\n      \"en\": \"Wednesday\",\n      \"fr\": \"Mercredi\"\n    }\n  },\n  \"form\": {\n    \"append\": {\n      \"en\": \"Append\",\n      \"fr\": \"Ajouter\"\n    },\n    \"radioLabels\": {\n      \"false\": {\n        \"en\": \"False\",\n        \"fr\": \"Faux\"\n      },\n      \"true\": {\n        \"en\": \"True\",\n        \"fr\": \"Vrai\"\n      }\n    },\n    \"remove\": {\n      \"en\": \"Remove\",\n      \"fr\": \"Supprimer\"\n    },\n    \"required\": {\n      \"en\": \"This field is required\",\n      \"fr\": \"Ce champ est obligatoire\"\n    },\n    \"reset\": {\n      \"en\": \"Reset\",\n      \"fr\": \"Réinitialiser\"\n    },\n    \"submit\": {\n      \"en\": \"Submit\",\n      \"fr\": \"Soumettre\"\n    }\n  },\n  \"months\": {\n    \"april\": {\n      \"en\": \"April\",\n      \"fr\": \"Avril\"\n    },\n    \"august\": {\n      \"en\": \"August\",\n      \"fr\": \"Août\"\n    },\n    \"december\": {\n      \"en\": \"December\",\n      \"fr\": \"Décembre\"\n    },\n    \"february\": {\n      \"en\": \"February\",\n      \"fr\": \"Février\"\n    },\n    \"january\": {\n      \"en\": \"January\",\n      \"fr\": \"Janvier\"\n    },\n    \"july\": {\n      \"en\": \"July\",\n      \"fr\": \"Juillet\"\n    },\n    \"june\": {\n      \"en\": \"June\",\n      \"fr\": \"Juin\"\n    },\n    \"march\": {\n      \"en\": \"March\",\n      \"fr\": \"Mars\"\n    },\n    \"may\": {\n      \"en\": \"May\",\n      \"fr\": \"Mai\"\n    },\n    \"november\": {\n      \"en\": \"November\",\n      \"fr\": \"Novembre\"\n    },\n    \"october\": {\n      \"en\": \"October\",\n      \"fr\": \"Octobre\"\n    },\n    \"september\": {\n      \"en\": \"September\",\n      \"fr\": \"Septembre\"\n    }\n  },\n  \"notifications\": {\n    \"types\": {\n      \"error\": {\n        \"en\": \"Error\",\n        \"fr\": \"Erreur\"\n      },\n      \"info\": {\n        \"en\": \"Info\",\n        \"fr\": \"Attention\"\n      },\n      \"success\": {\n        \"en\": \"Success\",\n        \"fr\": \"Succès\"\n      },\n      \"warning\": {\n        \"en\": \"Warning\",\n        \"fr\": \"Avertissement\"\n      }\n    }\n  },\n  \"pagination\": {\n    \"info\": {\n      \"en\": \"Showing {{first}} to {{last}} of {{total}} results\",\n      \"fr\": \"Affichage de {{first}} à {{last}} sur {{total}} résultats\"\n    },\n    \"next\": {\n      \"en\": \"Next\",\n      \"fr\": \"Suivant\"\n    },\n    \"previous\": {\n      \"en\": \"Previous\",\n      \"fr\": \"Précédent\"\n    }\n  },\n  \"searchBar\": {\n    \"placeholder\": {\n      \"en\": \"Search...\",\n      \"fr\": \"Rechercher...\"\n    }\n  }\n}\n"],"mappings":"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","names":[]}