@douglasneuroinformatics/libui 1.0.0

package/dist/hooks/index.d.ts

@@ -0,0 +1,74 @@
+import { Promisable } from 'type-fest';
+import { RefObject, useEffect, Dispatch, SetStateAction } from 'react';
+import * as zustand from 'zustand';
+
+/**
+ * Used to trigger downloads of arbitrary data to the client
+ * @returns A function to invoke the download
+ */
+declare function useDownload(): (filename: string, fetchData: () => Promisable<string>) => Promise<void>;
+
+declare function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R): (...args: Args) => R;
+
+declare function useEventListener<K extends keyof MediaQueryListEventMap>(eventName: K, handler: (event: MediaQueryListEventMap[K]) => void, element: RefObject<MediaQueryList>, options?: AddEventListenerOptions | boolean): void;
+declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: AddEventListenerOptions | boolean): void;
+declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>, options?: AddEventListenerOptions | boolean): void;
+declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: AddEventListenerOptions | boolean): void;
+
+declare function useInterval(callback: () => void, delay: null | number): void;
+
+declare const useIsomorphicLayoutEffect: typeof useEffect;
+
+/**
+ * Get the result of an arbitrary CSS media query
+ *
+ * @param query - the CSS media query
+ * @returns a boolean indicating the result of the query
+ * @example
+ * // true if the viewport is at least 768px wide
+ * const matches = useMediaQuery('(min-width: 768px)')
+ */
+declare function useMediaQuery(query: string): boolean;
+
+type NotificationInterface = {
+    id: number;
+    message?: string;
+    title?: string;
+    type: 'error' | 'info' | 'success' | 'warning';
+    variant?: 'critical' | 'standard';
+};
+type NotificationsStore = {
+    addNotification: (notification: Omit<NotificationInterface, 'id'>) => void;
+    dismissNotification: (id: number) => void;
+    notifications: NotificationInterface[];
+};
+declare const useNotificationsStore: zustand.UseBoundStore<zustand.StoreApi<NotificationsStore>>;
+
+type Handler = (event: MouseEvent) => void;
+declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler, mouseEvent?: 'mousedown' | 'mouseup'): void;
+
+declare global {
+    interface WindowEventMap {
+        'session-storage': CustomEvent;
+    }
+}
+type SetValue<T> = Dispatch<SetStateAction<T>>;
+declare function useSessionStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
+
+type Theme = 'dark' | 'light';
+type UpdateTheme = (theme: Theme) => void;
+/**
+ * Returns the current theme and a function to update the current theme
+ *
+ * The reason the implementation of this hook is rather convoluted is for
+ * cases where the theme is updated outside this hook
+ */
+declare function useTheme(): readonly [Theme, UpdateTheme];
+
+type WindowSize = {
+    height: number;
+    width: number;
+};
+declare function useWindowSize(): WindowSize;
+
+export { type NotificationInterface, type NotificationsStore, type Theme, type WindowSize, useDownload, useEventCallback, useEventListener, useInterval, useIsomorphicLayoutEffect, useMediaQuery, useNotificationsStore, useOnClickOutside, useSessionStorage, useTheme, useWindowSize };

package/dist/hooks/index.js

@@ -0,0 +1,285 @@
+// src/hooks/useDownload.ts
+import { useEffect, useState } from "react";
+
+// 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/hooks/useDownload.ts
+function useDownload() {
+  const notifications = useNotificationsStore();
+  const [data, setData] = useState(null);
+  const [filename, setFilename] = useState(null);
+  useEffect(() => {
+    if (data && filename) {
+      const anchor = document.createElement("a");
+      document.body.appendChild(anchor);
+      const blob = new Blob([data], { type: "text/plain" });
+      const url = URL.createObjectURL(blob);
+      anchor.href = url;
+      anchor.download = filename;
+      anchor.click();
+      URL.revokeObjectURL(url);
+      anchor.remove();
+      setData(null);
+      setFilename(null);
+    }
+  }, [data, filename]);
+  return async (filename2, fetchData) => {
+    try {
+      const data2 = await fetchData();
+      setData(data2);
+      setFilename(filename2);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "An unknown error occurred";
+      notifications.addNotification({
+        message,
+        title: "Error",
+        type: "error"
+      });
+    }
+  };
+}
+
+// src/hooks/useEventCallback.ts
+import { useCallback, useRef } from "react";
+
+// src/hooks/useIsomorphicLayoutEffect.ts
+import { useEffect as useEffect2, useLayoutEffect } from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect2;
+
+// src/hooks/useEventCallback.ts
+function useEventCallback(fn) {
+  const ref = useRef(() => {
+    throw new Error("Cannot call an event handler while rendering.");
+  });
+  useIsomorphicLayoutEffect(() => {
+    ref.current = fn;
+  }, [fn]);
+  return useCallback((...args) => ref.current(...args), [ref]);
+}
+
+// src/hooks/useEventListener.ts
+import { useEffect as useEffect3, useRef as useRef2 } from "react";
+function useEventListener(eventName, handler, element, options) {
+  const savedHandler = useRef2(handler);
+  useIsomorphicLayoutEffect(() => {
+    savedHandler.current = handler;
+  }, [handler]);
+  useEffect3(() => {
+    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/useInterval.ts
+import { useEffect as useEffect4, useRef as useRef3 } from "react";
+function useInterval(callback, delay) {
+  const savedCallback = useRef3(callback);
+  useIsomorphicLayoutEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  useEffect4(() => {
+    if (!delay && delay !== 0) {
+      return;
+    }
+    const id = setInterval(() => savedCallback.current(), delay);
+    return () => clearInterval(id);
+  }, [delay]);
+}
+
+// src/hooks/useMediaQuery.ts
+import { useEffect as useEffect5, useState as useState2 } from "react";
+function useMediaQuery(query) {
+  const getMatches = (query2) => {
+    if (typeof window !== "undefined") {
+      return window.matchMedia(query2).matches;
+    }
+    return false;
+  };
+  const [matches, setMatches] = useState2(getMatches(query));
+  function handleChange() {
+    setMatches(getMatches(query));
+  }
+  useEffect5(() => {
+    const matchMedia = window.matchMedia(query);
+    handleChange();
+    if (matchMedia.addListener) {
+      matchMedia.addListener(handleChange);
+    } else {
+      matchMedia.addEventListener("change", handleChange);
+    }
+    return () => {
+      if (matchMedia.removeListener) {
+        matchMedia.removeListener(handleChange);
+      } else {
+        matchMedia.removeEventListener("change", handleChange);
+      }
+    };
+  }, [query]);
+  return matches;
+}
+
+// src/hooks/useOnClickOutside.ts
+import "react";
+function useOnClickOutside(ref, handler, mouseEvent = "mousedown") {
+  useEventListener(mouseEvent, (event) => {
+    const el = ref.current;
+    if (!el || el.contains(event.target)) {
+      return;
+    }
+    handler(event);
+  });
+}
+
+// src/hooks/useSessionStorage.ts
+import { useCallback as useCallback2, useEffect as useEffect6, useState as useState3 } from "react";
+function parseJSON(value) {
+  try {
+    return value === "undefined" ? void 0 : JSON.parse(value ?? "");
+  } catch {
+    return void 0;
+  }
+}
+function useSessionStorage(key, initialValue) {
+  const readValue = useCallback2(() => {
+    if (typeof window === "undefined") {
+      return initialValue;
+    }
+    try {
+      const item = window.sessionStorage.getItem(key);
+      return item ? parseJSON(item) : initialValue;
+    } catch (error) {
+      console.warn(`Error reading sessionStorage key \u201C${key}\u201D:`, error);
+      return initialValue;
+    }
+  }, [initialValue, key]);
+  const [storedValue, setStoredValue] = useState3(readValue);
+  const setValue = useEventCallback((value) => {
+    if (typeof window == "undefined") {
+      console.warn(`Tried setting sessionStorage key \u201C${key}\u201D even though environment is not a client`);
+    }
+    try {
+      const newValue = value instanceof Function ? value(storedValue) : value;
+      window.sessionStorage.setItem(key, JSON.stringify(newValue));
+      setStoredValue(newValue);
+      window.dispatchEvent(new Event("session-storage"));
+    } catch (error) {
+      console.warn(`Error setting sessionStorage key \u201C${key}\u201D:`, error);
+    }
+  });
+  useEffect6(() => {
+    setStoredValue(readValue());
+  }, []);
+  const handleStorageChange = useCallback2(
+    (event) => {
+      if (event.key && event.key !== key) {
+        return;
+      }
+      setStoredValue(readValue());
+    },
+    [key, readValue]
+  );
+  useEventListener("storage", handleStorageChange);
+  useEventListener("session-storage", handleStorageChange);
+  return [storedValue, setValue];
+}
+
+// src/hooks/useTheme.ts
+import { useCallback as useCallback3, useEffect as useEffect7, useState as useState4 } from "react";
+var THEME_ATTRIBUTE = "data-mode";
+var THEME_KEY = "theme";
+function useTheme() {
+  const [theme, setTheme] = useState4(() => {
+    if (typeof window === "undefined") {
+      return "light";
+    }
+    const savedTheme = window.localStorage.getItem(THEME_KEY);
+    let initialTheme;
+    if (savedTheme === "dark" || savedTheme === "light") {
+      initialTheme = savedTheme;
+    } else {
+      initialTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    }
+    document.documentElement.setAttribute(THEME_ATTRIBUTE, initialTheme);
+    return initialTheme;
+  });
+  useEffect7(() => {
+    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 = useCallback3(
+    (theme2) => {
+      document.documentElement.setAttribute(THEME_ATTRIBUTE, theme2);
+    },
+    [document.documentElement]
+  );
+  return [theme, updateTheme];
+}
+
+// src/hooks/useWindowSize.ts
+import { useState as useState5 } from "react";
+function useWindowSize() {
+  const [windowSize, setWindowSize] = useState5({
+    height: 0,
+    width: 0
+  });
+  const handleSize = () => {
+    setWindowSize({
+      height: window.innerHeight,
+      width: window.innerWidth
+    });
+  };
+  useEventListener("resize", handleSize);
+  useIsomorphicLayoutEffect(() => {
+    handleSize();
+  }, []);
+  return windowSize;
+}
+export {
+  useDownload,
+  useEventCallback,
+  useEventListener,
+  useInterval,
+  useIsomorphicLayoutEffect,
+  useMediaQuery,
+  useNotificationsStore,
+  useOnClickOutside,
+  useSessionStorage,
+  useTheme,
+  useWindowSize
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useDownload.ts","../../src/hooks/useNotificationsStore.ts","../../src/hooks/useEventCallback.ts","../../src/hooks/useIsomorphicLayoutEffect.ts","../../src/hooks/useEventListener.ts","../../src/hooks/useInterval.ts","../../src/hooks/useMediaQuery.ts","../../src/hooks/useOnClickOutside.ts","../../src/hooks/useSessionStorage.ts","../../src/hooks/useTheme.ts","../../src/hooks/useWindowSize.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Promisable } from 'type-fest';\n\nimport { useNotificationsStore } from './useNotificationsStore';\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() {\n  const notifications = useNotificationsStore();\n  const [data, setData] = useState<null | string>(null);\n  const [filename, setFilename] = useState<null | string>(null);\n\n  useEffect(() => {\n    if (data && filename) {\n      const anchor = document.createElement('a');\n      document.body.appendChild(anchor);\n      const blob = new Blob([data], { type: 'text/plain' });\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      setData(null);\n      setFilename(null);\n    }\n  }, [data, filename]);\n\n  return async (filename: string, fetchData: () => Promisable<string>) => {\n    try {\n      const data = await fetchData();\n      setData(data);\n      setFilename(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\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? 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\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 (typeof window !== 'undefined') {\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    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (matchMedia.addListener) {\n      matchMedia.addListener(handleChange);\n    } else {\n      matchMedia.addEventListener('change', handleChange);\n    }\n\n    return () => {\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      if (matchMedia.removeListener) {\n        matchMedia.removeListener(handleChange);\n      } else {\n        matchMedia.removeEventListener('change', handleChange);\n      }\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 { type Dispatch, type SetStateAction, useCallback, useEffect, useState } from 'react';\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\ntype SetValue<T> = Dispatch<SetStateAction<T>>;\n\n// A wrapper for \"JSON.parse()\"\" to support \"undefined\" value\nfunction parseJSON<T>(value: null | string): T | undefined {\n  try {\n    return value === 'undefined' ? undefined : (JSON.parse(value ?? '') as T);\n  } catch {\n    return undefined;\n  }\n}\n\nexport function useSessionStorage<T>(key: string, initialValue: T): [T, SetValue<T>] {\n  // Get from session storage then\n  // parse stored json or return initialValue\n  const readValue = useCallback((): T => {\n    // Prevent build error \"window is undefined\" but keep keep working\n    if (typeof window === 'undefined') {\n      return initialValue;\n    }\n\n    try {\n      const item = window.sessionStorage.getItem(key);\n      return item ? (parseJSON(item) as T) : initialValue;\n    } catch (error) {\n      console.warn(`Error reading sessionStorage key “${key}”:`, error);\n      return initialValue;\n    }\n  }, [initialValue, key]);\n\n  // State to store our value\n  // Pass initial state function to useState so logic is only executed once\n  const [storedValue, setStoredValue] = useState<T>(readValue);\n\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to sessionStorage.\n  const setValue: SetValue<T> = useEventCallback((value) => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (typeof window == 'undefined') {\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(storedValue) : value;\n\n      // Save to session storage\n      window.sessionStorage.setItem(key, JSON.stringify(newValue));\n\n      // Save state\n      setStoredValue(newValue);\n\n      // We dispatch a custom event so every useSessionStorage hook are notified\n      window.dispatchEvent(new Event('session-storage'));\n    } catch (error) {\n      console.warn(`Error setting sessionStorage key “${key}”:`, error);\n    }\n  });\n\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, []);\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 { useCallback, useEffect, useState } from 'react';\n\ntype Theme = 'dark' | 'light';\n\ntype UpdateTheme = (theme: Theme) => void;\n\nconst THEME_ATTRIBUTE = 'data-mode';\nconst THEME_KEY = 'theme';\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 (typeof window === 'undefined') {\n      return 'light';\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('(prefers-color-scheme: dark)').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 { type Theme, useTheme };\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":["filename","data","useEffect","useEffect","useRef","useRef","useEffect","useEffect","useRef","useRef","useEffect","useEffect","useState","query","useCallback","useEffect","useState","useCallback","useState","useEffect","useCallback","useEffect","useState","theme","useState","useState"]}

package/dist/i18n.d.ts

@@ -0,0 +1,52 @@
+import { i18n as i18n$1 } from 'i18next';
+
+declare const defaultNS = "translations";
+declare const resources: {
+    readonly en: {
+        readonly translations: {
+            readonly 'datetime.days': readonly ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+            readonly 'datetime.months': readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+            readonly 'form.append': "Append";
+            readonly 'form.errors.required': "This field is required";
+            readonly 'form.errors.unknown': "Unknown error";
+            readonly 'form.radio.labels.false': "False";
+            readonly 'form.radio.labels.true': "True";
+            readonly 'form.remove': "Remove";
+            readonly 'form.reset': "Clear";
+            readonly 'form.submit': "Submit";
+            readonly 'notifications.types.error': "Error";
+            readonly 'notifications.types.info': "Info";
+            readonly 'notifications.types.success': "Success";
+            readonly 'notifications.types.warning': "Warning";
+            readonly 'searchBar.placeholder': "Search...";
+            readonly 'table.pagination.info': "Showing {{first}} to {{last}} of {{total}} results";
+            readonly 'table.pagination.next': "Next";
+            readonly 'table.pagination.previous': "Previous";
+        };
+    };
+    readonly fr: {
+        readonly translations: {
+            readonly 'datetime.days': readonly ["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"];
+            readonly 'datetime.months': readonly ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"];
+            readonly 'form.append': "Ajouter";
+            readonly 'form.errors.required': "Ce champ est obligatoire";
+            readonly 'form.errors.unknown': "Erreur inconnue";
+            readonly 'form.radio.labels.false': "Faux";
+            readonly 'form.radio.labels.true': "Vrai";
+            readonly 'form.remove': "Supprimer";
+            readonly 'form.reset': "Réinitialiser";
+            readonly 'form.submit': "Soumettre";
+            readonly 'notifications.types.error': "Erreur";
+            readonly 'notifications.types.info': "Attention";
+            readonly 'notifications.types.success': "Succès";
+            readonly 'notifications.types.warning': "Avertissement";
+            readonly 'searchBar.placeholder': "Rechercher...";
+            readonly 'table.pagination.info': "Affichage de {{first}} à {{last}} sur {{total}} résultats";
+            readonly 'table.pagination.next': "Suivante";
+            readonly 'table.pagination.previous': "Précédente";
+        };
+    };
+};
+declare const i18n: i18n$1;
+
+export { i18n as default, defaultNS, resources };

package/dist/i18n.js

@@ -0,0 +1,94 @@
+// src/i18n.ts
+import { createInstance } from "i18next";
+import { initReactI18next } from "react-i18next";
+var defaultNS = "translations";
+var resources = {
+  en: {
+    translations: {
+      "datetime.days": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+      "datetime.months": [
+        "January",
+        "February",
+        "March",
+        "April",
+        "May",
+        "June",
+        "July",
+        "August",
+        "September",
+        "October",
+        "November",
+        "December"
+      ],
+      "form.append": "Append",
+      "form.errors.required": "This field is required",
+      "form.errors.unknown": "Unknown error",
+      "form.radio.labels.false": "False",
+      "form.radio.labels.true": "True",
+      "form.remove": "Remove",
+      "form.reset": "Clear",
+      "form.submit": "Submit",
+      "notifications.types.error": "Error",
+      "notifications.types.info": "Info",
+      "notifications.types.success": "Success",
+      "notifications.types.warning": "Warning",
+      "searchBar.placeholder": "Search...",
+      "table.pagination.info": "Showing {{first}} to {{last}} of {{total}} results",
+      "table.pagination.next": "Next",
+      "table.pagination.previous": "Previous"
+    }
+  },
+  fr: {
+    translations: {
+      "datetime.days": ["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"],
+      "datetime.months": [
+        "Janvier",
+        "F\xE9vrier",
+        "Mars",
+        "Avril",
+        "Mai",
+        "Juin",
+        "Juillet",
+        "Ao\xFBt",
+        "Septembre",
+        "Octobre",
+        "Novembre",
+        "D\xE9cembre"
+      ],
+      "form.append": "Ajouter",
+      "form.errors.required": "Ce champ est obligatoire",
+      "form.errors.unknown": "Erreur inconnue",
+      "form.radio.labels.false": "Faux",
+      "form.radio.labels.true": "Vrai",
+      "form.remove": "Supprimer",
+      "form.reset": "R\xE9initialiser",
+      "form.submit": "Soumettre",
+      "notifications.types.error": "Erreur",
+      "notifications.types.info": "Attention",
+      "notifications.types.success": "Succ\xE8s",
+      "notifications.types.warning": "Avertissement",
+      "searchBar.placeholder": "Rechercher...",
+      "table.pagination.info": "Affichage de {{first}} \xE0 {{last}} sur {{total}} r\xE9sultats",
+      "table.pagination.next": "Suivante",
+      "table.pagination.previous": "Pr\xE9c\xE9dente"
+    }
+  }
+};
+var i18n = createInstance({
+  defaultNS,
+  fallbackLng: "en",
+  interpolation: {
+    escapeValue: false
+  },
+  resources,
+  returnObjects: true,
+  supportedLngs: ["en", "fr"]
+});
+void i18n.use(initReactI18next).init();
+var i18n_default = i18n;
+export {
+  i18n_default as default,
+  defaultNS,
+  resources
+};
+//# sourceMappingURL=i18n.js.map

package/dist/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n.ts"],"sourcesContent":["import { type i18n as I18n, createInstance } from 'i18next';\nimport { initReactI18next } from 'react-i18next';\n\nconst defaultNS = 'translations';\n\nconst resources = {\n  en: {\n    translations: {\n      'datetime.days': ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n      'datetime.months': [\n        'January',\n        'February',\n        'March',\n        'April',\n        'May',\n        'June',\n        'July',\n        'August',\n        'September',\n        'October',\n        'November',\n        'December'\n      ],\n      'form.append': 'Append',\n      'form.errors.required': 'This field is required',\n      'form.errors.unknown': 'Unknown error',\n      'form.radio.labels.false': 'False',\n      'form.radio.labels.true': 'True',\n      'form.remove': 'Remove',\n      'form.reset': 'Clear',\n      'form.submit': 'Submit',\n      'notifications.types.error': 'Error',\n      'notifications.types.info': 'Info',\n      'notifications.types.success': 'Success',\n      'notifications.types.warning': 'Warning',\n      'searchBar.placeholder': 'Search...',\n      'table.pagination.info': 'Showing {{first}} to {{last}} of {{total}} results',\n      'table.pagination.next': 'Next',\n      'table.pagination.previous': 'Previous'\n    }\n  },\n  fr: {\n    translations: {\n      'datetime.days': ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],\n      'datetime.months': [\n        'Janvier',\n        'Février',\n        'Mars',\n        'Avril',\n        'Mai',\n        'Juin',\n        'Juillet',\n        'Août',\n        'Septembre',\n        'Octobre',\n        'Novembre',\n        'Décembre'\n      ],\n      'form.append': 'Ajouter',\n      'form.errors.required': 'Ce champ est obligatoire',\n      'form.errors.unknown': 'Erreur inconnue',\n      'form.radio.labels.false': 'Faux',\n      'form.radio.labels.true': 'Vrai',\n      'form.remove': 'Supprimer',\n      'form.reset': 'Réinitialiser',\n      'form.submit': 'Soumettre',\n      'notifications.types.error': 'Erreur',\n      'notifications.types.info': 'Attention',\n      'notifications.types.success': 'Succès',\n      'notifications.types.warning': 'Avertissement',\n      'searchBar.placeholder': 'Rechercher...',\n      'table.pagination.info': 'Affichage de {{first}} à {{last}} sur {{total}} résultats',\n      'table.pagination.next': 'Suivante',\n      'table.pagination.previous': 'Précédente'\n    }\n  }\n} as const;\n\nconst i18n = createInstance({\n  defaultNS,\n  fallbackLng: 'en',\n  interpolation: {\n    escapeValue: false\n  },\n  resources,\n  returnObjects: true,\n  supportedLngs: ['en', 'fr']\n}) as I18n;\n\nvoid i18n.use(initReactI18next).init();\n\nexport { defaultNS, resources };\n\nexport default i18n;\n"],"mappings":";AAAA,SAA4B,sBAAsB;AAClD,SAAS,wBAAwB;AAEjC,IAAM,YAAY;AAElB,IAAM,YAAY;AAAA,EAChB,IAAI;AAAA,IACF,cAAc;AAAA,MACZ,iBAAiB,CAAC,UAAU,UAAU,WAAW,aAAa,YAAY,UAAU,UAAU;AAAA,MAC9F,mBAAmB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,eAAe;AAAA,MACf,wBAAwB;AAAA,MACxB,uBAAuB;AAAA,MACvB,2BAA2B;AAAA,MAC3B,0BAA0B;AAAA,MAC1B,eAAe;AAAA,MACf,cAAc;AAAA,MACd,eAAe;AAAA,MACf,6BAA6B;AAAA,MAC7B,4BAA4B;AAAA,MAC5B,+BAA+B;AAAA,MAC/B,+BAA+B;AAAA,MAC/B,yBAAyB;AAAA,MACzB,yBAAyB;AAAA,MACzB,yBAAyB;AAAA,MACzB,6BAA6B;AAAA,IAC/B;AAAA,EACF;AAAA,EACA,IAAI;AAAA,IACF,cAAc;AAAA,MACZ,iBAAiB,CAAC,YAAY,SAAS,SAAS,YAAY,SAAS,YAAY,QAAQ;AAAA,MACzF,mBAAmB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,eAAe;AAAA,MACf,wBAAwB;AAAA,MACxB,uBAAuB;AAAA,MACvB,2BAA2B;AAAA,MAC3B,0BAA0B;AAAA,MAC1B,eAAe;AAAA,MACf,cAAc;AAAA,MACd,eAAe;AAAA,MACf,6BAA6B;AAAA,MAC7B,4BAA4B;AAAA,MAC5B,+BAA+B;AAAA,MAC/B,+BAA+B;AAAA,MAC/B,yBAAyB;AAAA,MACzB,yBAAyB;AAAA,MACzB,yBAAyB;AAAA,MACzB,6BAA6B;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,IAAM,OAAO,eAAe;AAAA,EAC1B;AAAA,EACA,aAAa;AAAA,EACb,eAAe;AAAA,IACb,aAAa;AAAA,EACf;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,eAAe,CAAC,MAAM,IAAI;AAC5B,CAAC;AAED,KAAK,KAAK,IAAI,gBAAgB,EAAE,KAAK;AAIrC,IAAO,eAAQ;","names":[]}

package/dist/styles/globals.css

@@ -0,0 +1,80 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: theme(colors.slate.100);
+    --foreground: theme(colors.slate.900);
+
+    --muted: theme(colors.slate.200);
+    --muted-foreground: theme(colors.slate.700);
+
+    --accent: theme(colors.slate.200);
+    --accent-foreground: theme(colors.slate.700);
+
+    --popover: theme(colors.white);
+    --popover-foreground: theme(colors.slate.900);
+
+    --border: theme(colors.slate.300);
+    --input: theme(colors.slate.300);
+
+    --card: theme(colors.white);
+    --card-foreground: theme(colors.slate.900);
+
+    --primary: theme(colors.slate.800);
+    --primary-foreground: theme(colors.slate.100);
+
+    --secondary: theme(colors.slate.50);
+    --secondary-foreground: theme(colors.slate.900);
+
+    --destructive: theme(colors.red.600);
+    --destructive-foreground: theme(colors.white);
+
+    --ring: theme(colors.sky.500);
+
+    --radius: 0.5rem;
+  }
+
+  [data-mode='dark'] {
+    --background: theme(colors.slate.900);
+    --foreground: theme(colors.slate.100);
+
+    --muted: theme(colors.slate.800);
+    --muted-foreground: theme(colors.slate.300);
+
+    --accent: theme(colors.slate.800);
+    --accent-foreground: theme(colors.slate.300);
+
+    --popover: theme(colors.slate.800);
+    --popover-foreground: theme(colors.slate.100);
+
+    --border: theme(colors.slate.700);
+    --input: theme(colors.slate.700);
+
+    --card: theme(colors.slate.800);
+    --card-foreground: theme(colors.slate.100);
+
+    --primary: theme(colors.sky.700);
+    --primary-foreground: theme(colors.slate.100);
+
+    --secondary: theme(colors.slate.800);
+    --secondary-foreground: theme(colors.slate.100);
+
+    --ring: theme(colors.slate.800);
+
+    --radius: 0.5rem;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+    font-feature-settings:
+      'rlig' 1,
+      'calt' 1;
+  }
+}

package/dist/utils.d.ts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils.js

@@ -0,0 +1,7 @@
+import {
+  cn
+} from "./chunk-57KC6SAE.js";
+export {
+  cn
+};
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}