@helpwave/hightide 0.0.13 → 0.0.16

package/dist/hooks/useHoverState.js

@@ -1,46 +1,72 @@
-import { useEffect, useState } from 'react';
-const defaultUseHoverStateProps = {
-    closingDelay: 200,
-    isDisabled: false,
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-/**
- * @param props See UseHoverStateProps
- *
- * A react hook for managing the hover state of a component. The handlers provided should be
- * forwarded to the component which should be hovered over
- */
-export const useHoverState = (props = undefined) => {
-    const { closingDelay, isDisabled } = { ...defaultUseHoverStateProps, ...props };
-    const [isHovered, setIsHovered] = useState(false);
-    const [timer, setTimer] = useState();
-    const onMouseEnter = () => {
-        if (isDisabled) {
-            return;
-        }
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useHoverState.ts
+var useHoverState_exports = {};
+__export(useHoverState_exports, {
+  useHoverState: () => useHoverState
+});
+module.exports = __toCommonJS(useHoverState_exports);
+var import_react = require("react");
+var defaultUseHoverStateProps = {
+  closingDelay: 200,
+  isDisabled: false
+};
+var useHoverState = (props = void 0) => {
+  const { closingDelay, isDisabled } = { ...defaultUseHoverStateProps, ...props };
+  const [isHovered, setIsHovered] = (0, import_react.useState)(false);
+  const [timer, setTimer] = (0, import_react.useState)();
+  const onMouseEnter = () => {
+    if (isDisabled) {
+      return;
+    }
+    clearTimeout(timer);
+    setIsHovered(true);
+  };
+  const onMouseLeave = () => {
+    if (isDisabled) {
+      return;
+    }
+    setTimer(setTimeout(() => {
+      setIsHovered(false);
+    }, closingDelay));
+  };
+  (0, import_react.useEffect)(() => {
+    if (timer) {
+      return () => {
         clearTimeout(timer);
-        setIsHovered(true);
-    };
-    const onMouseLeave = () => {
-        if (isDisabled) {
-            return;
-        }
-        setTimer(setTimeout(() => {
-            setIsHovered(false);
-        }, closingDelay));
-    };
-    useEffect(() => {
-        if (timer) {
-            return () => {
-                clearTimeout(timer);
-            };
-        }
-    });
-    useEffect(() => {
-        if (timer) {
-            clearTimeout(timer);
-        }
-    }, [isDisabled]); // eslint-disable-line react-hooks/exhaustive-deps
-    return {
-        isHovered, setIsHovered, handlers: { onMouseEnter, onMouseLeave }
-    };
+      };
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    if (timer) {
+      clearTimeout(timer);
+    }
+  }, [isDisabled]);
+  return {
+    isHovered,
+    setIsHovered,
+    handlers: { onMouseEnter, onMouseLeave }
+  };
 };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useHoverState
+});
+//# sourceMappingURL=useHoverState.js.map

package/dist/hooks/useHoverState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useHoverState.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react'\nimport { useEffect, useState } from 'react'\n\ntype UseHoverStateProps = {\n  /**\n   * The delay after which the menu is closed in milliseconds\n   *\n   * default: 200ms\n   */\n  closingDelay: number,\n  /**\n   * Whether the hover state management should be disabled\n   *\n   * default: false\n   */\n  isDisabled: boolean,\n}\n\ntype UseHoverStateReturnType = {\n  /**\n   * Whether the element is hovered\n   */\n  isHovered: boolean,\n  /**\n   * Function to change the current hover status\n   */\n  setIsHovered: Dispatch<SetStateAction<boolean>>,\n  /**\n   * Handlers to pass on to the component that should be hovered\n   */\n  handlers: {\n    onMouseEnter: () => void,\n    onMouseLeave: () => void,\n  },\n}\n\nconst defaultUseHoverStateProps: UseHoverStateProps = {\n  closingDelay: 200,\n  isDisabled: false,\n}\n\n/**\n * @param props See UseHoverStateProps\n *\n * A react hook for managing the hover state of a component. The handlers provided should be\n * forwarded to the component which should be hovered over\n */\nexport const useHoverState = (props: Partial<UseHoverStateProps> | undefined = undefined): UseHoverStateReturnType => {\n  const { closingDelay, isDisabled } = { ...defaultUseHoverStateProps, ...props }\n\n  const [isHovered, setIsHovered] = useState(false)\n  const [timer, setTimer] = useState<NodeJS.Timeout>()\n\n  const onMouseEnter = () => {\n    if (isDisabled) {\n      return\n    }\n    clearTimeout(timer)\n    setIsHovered(true)\n  }\n\n  const onMouseLeave = () => {\n    if (isDisabled) {\n      return\n    }\n    setTimer(setTimeout(() => {\n      setIsHovered(false)\n    }, closingDelay))\n  }\n\n  useEffect(() => {\n    if (timer) {\n      return () => {\n        clearTimeout(timer)\n      }\n    }\n  })\n\n  useEffect(() => {\n    if (timer) {\n      clearTimeout(timer)\n    }\n  }, [isDisabled]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return {\n    isHovered, setIsHovered, handlers: { onMouseEnter, onMouseLeave }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAoC;AAmCpC,IAAM,4BAAgD;AAAA,EACpD,cAAc;AAAA,EACd,YAAY;AACd;AAQO,IAAM,gBAAgB,CAAC,QAAiD,WAAuC;AACpH,QAAM,EAAE,cAAc,WAAW,IAAI,EAAE,GAAG,2BAA2B,GAAG,MAAM;AAE9E,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAChD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAyB;AAEnD,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY;AACd;AAAA,IACF;AACA,iBAAa,KAAK;AAClB,iBAAa,IAAI;AAAA,EACnB;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY;AACd;AAAA,IACF;AACA,aAAS,WAAW,MAAM;AACxB,mBAAa,KAAK;AAAA,IACpB,GAAG,YAAY,CAAC;AAAA,EAClB;AAEA,8BAAU,MAAM;AACd,QAAI,OAAO;AACT,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,CAAC;AAED,8BAAU,MAAM;AACd,QAAI,OAAO;AACT,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AAAA,IACL;AAAA,IAAW;AAAA,IAAc,UAAU,EAAE,cAAc,aAAa;AAAA,EAClE;AACF;","names":[]}

package/dist/hooks/useHoverState.mjs

@@ -0,0 +1,47 @@
+// src/hooks/useHoverState.ts
+import { useEffect, useState } from "react";
+var defaultUseHoverStateProps = {
+  closingDelay: 200,
+  isDisabled: false
+};
+var useHoverState = (props = void 0) => {
+  const { closingDelay, isDisabled } = { ...defaultUseHoverStateProps, ...props };
+  const [isHovered, setIsHovered] = useState(false);
+  const [timer, setTimer] = useState();
+  const onMouseEnter = () => {
+    if (isDisabled) {
+      return;
+    }
+    clearTimeout(timer);
+    setIsHovered(true);
+  };
+  const onMouseLeave = () => {
+    if (isDisabled) {
+      return;
+    }
+    setTimer(setTimeout(() => {
+      setIsHovered(false);
+    }, closingDelay));
+  };
+  useEffect(() => {
+    if (timer) {
+      return () => {
+        clearTimeout(timer);
+      };
+    }
+  });
+  useEffect(() => {
+    if (timer) {
+      clearTimeout(timer);
+    }
+  }, [isDisabled]);
+  return {
+    isHovered,
+    setIsHovered,
+    handlers: { onMouseEnter, onMouseLeave }
+  };
+};
+export {
+  useHoverState
+};
+//# sourceMappingURL=useHoverState.mjs.map

package/dist/hooks/useHoverState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useHoverState.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react'\nimport { useEffect, useState } from 'react'\n\ntype UseHoverStateProps = {\n  /**\n   * The delay after which the menu is closed in milliseconds\n   *\n   * default: 200ms\n   */\n  closingDelay: number,\n  /**\n   * Whether the hover state management should be disabled\n   *\n   * default: false\n   */\n  isDisabled: boolean,\n}\n\ntype UseHoverStateReturnType = {\n  /**\n   * Whether the element is hovered\n   */\n  isHovered: boolean,\n  /**\n   * Function to change the current hover status\n   */\n  setIsHovered: Dispatch<SetStateAction<boolean>>,\n  /**\n   * Handlers to pass on to the component that should be hovered\n   */\n  handlers: {\n    onMouseEnter: () => void,\n    onMouseLeave: () => void,\n  },\n}\n\nconst defaultUseHoverStateProps: UseHoverStateProps = {\n  closingDelay: 200,\n  isDisabled: false,\n}\n\n/**\n * @param props See UseHoverStateProps\n *\n * A react hook for managing the hover state of a component. The handlers provided should be\n * forwarded to the component which should be hovered over\n */\nexport const useHoverState = (props: Partial<UseHoverStateProps> | undefined = undefined): UseHoverStateReturnType => {\n  const { closingDelay, isDisabled } = { ...defaultUseHoverStateProps, ...props }\n\n  const [isHovered, setIsHovered] = useState(false)\n  const [timer, setTimer] = useState<NodeJS.Timeout>()\n\n  const onMouseEnter = () => {\n    if (isDisabled) {\n      return\n    }\n    clearTimeout(timer)\n    setIsHovered(true)\n  }\n\n  const onMouseLeave = () => {\n    if (isDisabled) {\n      return\n    }\n    setTimer(setTimeout(() => {\n      setIsHovered(false)\n    }, closingDelay))\n  }\n\n  useEffect(() => {\n    if (timer) {\n      return () => {\n        clearTimeout(timer)\n      }\n    }\n  })\n\n  useEffect(() => {\n    if (timer) {\n      clearTimeout(timer)\n    }\n  }, [isDisabled]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return {\n    isHovered, setIsHovered, handlers: { onMouseEnter, onMouseLeave }\n  }\n}\n"],"mappings":";AACA,SAAS,WAAW,gBAAgB;AAmCpC,IAAM,4BAAgD;AAAA,EACpD,cAAc;AAAA,EACd,YAAY;AACd;AAQO,IAAM,gBAAgB,CAAC,QAAiD,WAAuC;AACpH,QAAM,EAAE,cAAc,WAAW,IAAI,EAAE,GAAG,2BAA2B,GAAG,MAAM;AAE9E,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAyB;AAEnD,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY;AACd;AAAA,IACF;AACA,iBAAa,KAAK;AAClB,iBAAa,IAAI;AAAA,EACnB;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY;AACd;AAAA,IACF;AACA,aAAS,WAAW,MAAM;AACxB,mBAAa,KAAK;AAAA,IACpB,GAAG,YAAY,CAAC;AAAA,EAClB;AAEA,YAAU,MAAM;AACd,QAAI,OAAO;AACT,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,QAAI,OAAO;AACT,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AAAA,IACL;AAAA,IAAW;AAAA,IAAc,UAAU,EAAE,cAAc,aAAa;AAAA,EAClE;AACF;","names":[]}

package/dist/hooks/useLanguage.d.mts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { Dispatch, SetStateAction, PropsWithChildren } from 'react';
+
+declare const languages: readonly ["en", "de"];
+type Languages = typeof languages[number];
+declare const languagesLocalNames: Record<Languages, string>;
+declare const DEFAULT_LANGUAGE = "en";
+type LanguageContextValue = {
+    language: Languages;
+    setLanguage: Dispatch<SetStateAction<Languages>>;
+};
+declare const LanguageContext: react.Context<LanguageContextValue>;
+declare const useLanguage: () => LanguageContextValue;
+declare const useLocale: (overWriteLanguage?: Languages) => string;
+type ProvideLanguageProps = {
+    initialLanguage?: Languages;
+};
+declare const ProvideLanguage: ({ initialLanguage, children }: PropsWithChildren<ProvideLanguageProps>) => react_jsx_runtime.JSX.Element;
+
+export { DEFAULT_LANGUAGE, LanguageContext, type LanguageContextValue, type Languages, ProvideLanguage, languages, languagesLocalNames, useLanguage, useLocale };

package/dist/hooks/useLanguage.d.ts

@@ -1,17 +1,21 @@
-import type { Dispatch, PropsWithChildren, SetStateAction } from 'react';
-export declare const languages: readonly ["en", "de"];
-export type Languages = typeof languages[number];
-export declare const languagesLocalNames: Record<Languages, string>;
-export declare const DEFAULT_LANGUAGE = "en";
-export type LanguageContextValue = {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { Dispatch, SetStateAction, PropsWithChildren } from 'react';
+
+declare const languages: readonly ["en", "de"];
+type Languages = typeof languages[number];
+declare const languagesLocalNames: Record<Languages, string>;
+declare const DEFAULT_LANGUAGE = "en";
+type LanguageContextValue = {
     language: Languages;
     setLanguage: Dispatch<SetStateAction<Languages>>;
 };
-export declare const LanguageContext: import("react").Context<LanguageContextValue>;
-export declare const useLanguage: () => LanguageContextValue;
-export declare const useLocale: (overWriteLanguage?: Languages) => string;
+declare const LanguageContext: react.Context<LanguageContextValue>;
+declare const useLanguage: () => LanguageContextValue;
+declare const useLocale: (overWriteLanguage?: Languages) => string;
 type ProvideLanguageProps = {
     initialLanguage?: Languages;
 };
-export declare const ProvideLanguage: ({ initialLanguage, children }: PropsWithChildren<ProvideLanguageProps>) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const ProvideLanguage: ({ initialLanguage, children }: PropsWithChildren<ProvideLanguageProps>) => react_jsx_runtime.JSX.Element;
+
+export { DEFAULT_LANGUAGE, LanguageContext, type LanguageContextValue, type Languages, ProvideLanguage, languages, languagesLocalNames, useLanguage, useLocale };

package/dist/hooks/useLanguage.js

@@ -1,51 +1,146 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useState } from 'react';
-import useLocalStorage from './useLocalStorage';
-export const languages = ['en', 'de'];
-export const languagesLocalNames = {
-    en: 'English',
-    de: 'Deutsch',
-};
-export const DEFAULT_LANGUAGE = 'en';
-export const LanguageContext = createContext({ language: DEFAULT_LANGUAGE, setLanguage: (v) => v });
-export const useLanguage = () => useContext(LanguageContext);
-export const useLocale = (overWriteLanguage) => {
-    const { language } = useLanguage();
-    const mapping = {
-        en: 'en-US',
-        de: 'de-DE'
-    };
-    return mapping[overWriteLanguage !== null && overWriteLanguage !== void 0 ? overWriteLanguage : language];
-};
-export const ProvideLanguage = ({ initialLanguage, children }) => {
-    const [language, setLanguage] = useState(initialLanguage !== null && initialLanguage !== void 0 ? initialLanguage : DEFAULT_LANGUAGE);
-    const [storedLanguage, setStoredLanguage] = useLocalStorage('language', initialLanguage !== null && initialLanguage !== void 0 ? initialLanguage : DEFAULT_LANGUAGE);
-    useEffect(() => {
-        if (language !== initialLanguage && initialLanguage) {
-            console.warn('LanguageProvider initial state changed: Prefer using useLanguages\'s setLanguage instead');
-            setLanguage(initialLanguage);
-        }
-    }, [initialLanguage]); // eslint-disable-line react-hooks/exhaustive-deps
-    useEffect(() => {
-        // TODO set locale of html tag here as well
-        setStoredLanguage(language);
-    }, [language, setStoredLanguage]);
-    useEffect(() => {
-        if (storedLanguage !== null) {
-            setLanguage(storedLanguage);
-            return;
-        }
-        const languagesToTestAgainst = Object.values(languages);
-        const matchingBrowserLanguages = window.navigator.languages
-            .map(language => languagesToTestAgainst.find((test) => language === test || language.split('-')[0] === test))
-            .filter(entry => entry !== undefined);
-        if (matchingBrowserLanguages.length === 0)
-            return;
-        const firstMatch = matchingBrowserLanguages[0];
-        setLanguage(firstMatch);
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    return (_jsx(LanguageContext.Provider, { value: {
-            language,
-            setLanguage
-        }, children: children }));
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useLanguage.tsx
+var useLanguage_exports = {};
+__export(useLanguage_exports, {
+  DEFAULT_LANGUAGE: () => DEFAULT_LANGUAGE,
+  LanguageContext: () => LanguageContext,
+  ProvideLanguage: () => ProvideLanguage,
+  languages: () => languages,
+  languagesLocalNames: () => languagesLocalNames,
+  useLanguage: () => useLanguage,
+  useLocale: () => useLocale
+});
+module.exports = __toCommonJS(useLanguage_exports);
+var import_react2 = require("react");
+
+// src/hooks/useLocalStorage.tsx
+var import_react = require("react");
+
+// src/util/storage.ts
+var StorageService = class {
+  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript
+  constructor(storage) {
+    this.storage = storage;
+  }
+  get(key) {
+    const value = this.storage.getItem(key);
+    if (value === null) {
+      return null;
+    }
+    return JSON.parse(value);
+  }
+  set(key, value) {
+    this.storage.setItem(key, JSON.stringify(value));
+  }
+  delete(key) {
+    this.storage.removeItem(key);
+  }
+  deleteAll() {
+    this.storage.clear();
+  }
+};
+var LocalStorageService = class extends StorageService {
+  constructor() {
+    super(window.localStorage);
+  }
+};
+
+// src/hooks/useLocalStorage.tsx
+var useLocalStorage = (key, initValue) => {
+  const get = (0, import_react.useCallback)(() => {
+    if (typeof window === "undefined") {
+      return initValue;
+    }
+    const storageService = new LocalStorageService();
+    const value = storageService.get(key);
+    return value || initValue;
+  }, [initValue, key]);
+  const [storedValue, setStoredValue] = (0, import_react.useState)(get);
+  const setValue = (0, import_react.useCallback)((value) => {
+    const newValue = value instanceof Function ? value(storedValue) : value;
+    const storageService = new LocalStorageService();
+    storageService.set(key, value);
+    setStoredValue(newValue);
+  }, [storedValue, setStoredValue, key]);
+  (0, import_react.useEffect)(() => {
+    setStoredValue(get());
+  }, []);
+  return [storedValue, setValue];
+};
+var useLocalStorage_default = useLocalStorage;
+
+// src/hooks/useLanguage.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var languages = ["en", "de"];
+var languagesLocalNames = {
+  en: "English",
+  de: "Deutsch"
+};
+var DEFAULT_LANGUAGE = "en";
+var LanguageContext = (0, import_react2.createContext)({ language: DEFAULT_LANGUAGE, setLanguage: (v) => v });
+var useLanguage = () => (0, import_react2.useContext)(LanguageContext);
+var useLocale = (overWriteLanguage) => {
+  const { language } = useLanguage();
+  const mapping = {
+    en: "en-US",
+    de: "de-DE"
+  };
+  return mapping[overWriteLanguage ?? language];
+};
+var ProvideLanguage = ({ initialLanguage, children }) => {
+  const [language, setLanguage] = (0, import_react2.useState)(initialLanguage ?? DEFAULT_LANGUAGE);
+  const [storedLanguage, setStoredLanguage] = useLocalStorage_default("language", initialLanguage ?? DEFAULT_LANGUAGE);
+  (0, import_react2.useEffect)(() => {
+    if (language !== initialLanguage && initialLanguage) {
+      console.warn("LanguageProvider initial state changed: Prefer using useLanguages's setLanguage instead");
+      setLanguage(initialLanguage);
+    }
+  }, [initialLanguage]);
+  (0, import_react2.useEffect)(() => {
+    setStoredLanguage(language);
+  }, [language, setStoredLanguage]);
+  (0, import_react2.useEffect)(() => {
+    if (storedLanguage !== null) {
+      setLanguage(storedLanguage);
+      return;
+    }
+    const languagesToTestAgainst = Object.values(languages);
+    const matchingBrowserLanguages = window.navigator.languages.map((language2) => languagesToTestAgainst.find((test) => language2 === test || language2.split("-")[0] === test)).filter((entry) => entry !== void 0);
+    if (matchingBrowserLanguages.length === 0) return;
+    const firstMatch = matchingBrowserLanguages[0];
+    setLanguage(firstMatch);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LanguageContext.Provider, { value: {
+    language,
+    setLanguage
+  }, children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_LANGUAGE,
+  LanguageContext,
+  ProvideLanguage,
+  languages,
+  languagesLocalNames,
+  useLanguage,
+  useLocale
+});
+//# sourceMappingURL=useLanguage.js.map

package/dist/hooks/useLanguage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useLanguage.tsx","../../src/hooks/useLocalStorage.tsx","../../src/util/storage.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useState } from 'react'\nimport useLocalStorage from './useLocalStorage'\n\nexport const languages = ['en', 'de'] as const\nexport type Languages = typeof languages[number]\nexport const languagesLocalNames: Record<Languages, string> = {\n  en: 'English',\n  de: 'Deutsch',\n}\n\nexport const DEFAULT_LANGUAGE = 'en'\n\nexport type LanguageContextValue = {\n  language: Languages,\n  setLanguage: Dispatch<SetStateAction<Languages>>,\n}\n\nexport const LanguageContext = createContext<LanguageContextValue>({ language: DEFAULT_LANGUAGE, setLanguage: (v) => v })\n\nexport const useLanguage = () => useContext(LanguageContext)\n\nexport const useLocale = (overWriteLanguage?: Languages) => {\n  const { language } = useLanguage()\n  const mapping: Record<Languages, string> = {\n    en: 'en-US',\n    de: 'de-DE'\n  }\n  return mapping[overWriteLanguage ?? language]\n}\n\ntype ProvideLanguageProps = {\n  initialLanguage?: Languages,\n}\n\nexport const ProvideLanguage = ({ initialLanguage, children }: PropsWithChildren<ProvideLanguageProps>) => {\n  const [language, setLanguage] = useState<Languages>(initialLanguage ?? DEFAULT_LANGUAGE)\n  const [storedLanguage, setStoredLanguage] = useLocalStorage<Languages>('language', initialLanguage ?? DEFAULT_LANGUAGE)\n\n  useEffect(() => {\n    if(language !== initialLanguage && initialLanguage){\n      console.warn('LanguageProvider initial state changed: Prefer using useLanguages\\'s setLanguage instead')\n      setLanguage(initialLanguage)\n    }\n  }, [initialLanguage]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    // TODO set locale of html tag here as well\n    setStoredLanguage(language)\n  }, [language, setStoredLanguage])\n\n  useEffect(() => {\n    if (storedLanguage !== null) {\n      setLanguage(storedLanguage)\n      return\n    }\n\n    const languagesToTestAgainst = Object.values(languages)\n\n    const matchingBrowserLanguages = window.navigator.languages\n      .map(language => languagesToTestAgainst.find((test) => language === test || language.split('-')[0] === test))\n      .filter(entry => entry !== undefined)\n\n    if (matchingBrowserLanguages.length === 0) return\n\n    const firstMatch = matchingBrowserLanguages[0] as Languages\n    setLanguage(firstMatch)\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <LanguageContext.Provider value={{\n      language,\n      setLanguage\n    }}>\n      {children}\n    </LanguageContext.Provider>\n  )\n}\n","import type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\nconst useLocalStorage = <T, >(key: string, initValue: T): [T, SetValue<T>] => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return initValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || initValue\n  }, [initValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(value => {\n    const newValue = value instanceof Function ? value(storedValue) : value\n    const storageService = new LocalStorageService()\n    storageService.set(key, value)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  useEffect(() => {\n    setStoredValue(get())\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return [storedValue, setValue]\n}\n\nexport default useLocalStorage\n","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {}\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n"],"mappings":"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","names":["import_react","language"]}

package/dist/hooks/useLanguage.mjs

@@ -0,0 +1,115 @@
+// src/hooks/useLanguage.tsx
+import { createContext, useContext, useEffect as useEffect2, useState as useState2 } from "react";
+
+// src/hooks/useLocalStorage.tsx
+import { useCallback, useEffect, useState } from "react";
+
+// src/util/storage.ts
+var StorageService = class {
+  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript
+  constructor(storage) {
+    this.storage = storage;
+  }
+  get(key) {
+    const value = this.storage.getItem(key);
+    if (value === null) {
+      return null;
+    }
+    return JSON.parse(value);
+  }
+  set(key, value) {
+    this.storage.setItem(key, JSON.stringify(value));
+  }
+  delete(key) {
+    this.storage.removeItem(key);
+  }
+  deleteAll() {
+    this.storage.clear();
+  }
+};
+var LocalStorageService = class extends StorageService {
+  constructor() {
+    super(window.localStorage);
+  }
+};
+
+// src/hooks/useLocalStorage.tsx
+var useLocalStorage = (key, initValue) => {
+  const get = useCallback(() => {
+    if (typeof window === "undefined") {
+      return initValue;
+    }
+    const storageService = new LocalStorageService();
+    const value = storageService.get(key);
+    return value || initValue;
+  }, [initValue, key]);
+  const [storedValue, setStoredValue] = useState(get);
+  const setValue = useCallback((value) => {
+    const newValue = value instanceof Function ? value(storedValue) : value;
+    const storageService = new LocalStorageService();
+    storageService.set(key, value);
+    setStoredValue(newValue);
+  }, [storedValue, setStoredValue, key]);
+  useEffect(() => {
+    setStoredValue(get());
+  }, []);
+  return [storedValue, setValue];
+};
+var useLocalStorage_default = useLocalStorage;
+
+// src/hooks/useLanguage.tsx
+import { jsx } from "react/jsx-runtime";
+var languages = ["en", "de"];
+var languagesLocalNames = {
+  en: "English",
+  de: "Deutsch"
+};
+var DEFAULT_LANGUAGE = "en";
+var LanguageContext = createContext({ language: DEFAULT_LANGUAGE, setLanguage: (v) => v });
+var useLanguage = () => useContext(LanguageContext);
+var useLocale = (overWriteLanguage) => {
+  const { language } = useLanguage();
+  const mapping = {
+    en: "en-US",
+    de: "de-DE"
+  };
+  return mapping[overWriteLanguage ?? language];
+};
+var ProvideLanguage = ({ initialLanguage, children }) => {
+  const [language, setLanguage] = useState2(initialLanguage ?? DEFAULT_LANGUAGE);
+  const [storedLanguage, setStoredLanguage] = useLocalStorage_default("language", initialLanguage ?? DEFAULT_LANGUAGE);
+  useEffect2(() => {
+    if (language !== initialLanguage && initialLanguage) {
+      console.warn("LanguageProvider initial state changed: Prefer using useLanguages's setLanguage instead");
+      setLanguage(initialLanguage);
+    }
+  }, [initialLanguage]);
+  useEffect2(() => {
+    setStoredLanguage(language);
+  }, [language, setStoredLanguage]);
+  useEffect2(() => {
+    if (storedLanguage !== null) {
+      setLanguage(storedLanguage);
+      return;
+    }
+    const languagesToTestAgainst = Object.values(languages);
+    const matchingBrowserLanguages = window.navigator.languages.map((language2) => languagesToTestAgainst.find((test) => language2 === test || language2.split("-")[0] === test)).filter((entry) => entry !== void 0);
+    if (matchingBrowserLanguages.length === 0) return;
+    const firstMatch = matchingBrowserLanguages[0];
+    setLanguage(firstMatch);
+  }, []);
+  return /* @__PURE__ */ jsx(LanguageContext.Provider, { value: {
+    language,
+    setLanguage
+  }, children });
+};
+export {
+  DEFAULT_LANGUAGE,
+  LanguageContext,
+  ProvideLanguage,
+  languages,
+  languagesLocalNames,
+  useLanguage,
+  useLocale
+};
+//# sourceMappingURL=useLanguage.mjs.map

package/dist/hooks/useLanguage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useLanguage.tsx","../../src/hooks/useLocalStorage.tsx","../../src/util/storage.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useState } from 'react'\nimport useLocalStorage from './useLocalStorage'\n\nexport const languages = ['en', 'de'] as const\nexport type Languages = typeof languages[number]\nexport const languagesLocalNames: Record<Languages, string> = {\n  en: 'English',\n  de: 'Deutsch',\n}\n\nexport const DEFAULT_LANGUAGE = 'en'\n\nexport type LanguageContextValue = {\n  language: Languages,\n  setLanguage: Dispatch<SetStateAction<Languages>>,\n}\n\nexport const LanguageContext = createContext<LanguageContextValue>({ language: DEFAULT_LANGUAGE, setLanguage: (v) => v })\n\nexport const useLanguage = () => useContext(LanguageContext)\n\nexport const useLocale = (overWriteLanguage?: Languages) => {\n  const { language } = useLanguage()\n  const mapping: Record<Languages, string> = {\n    en: 'en-US',\n    de: 'de-DE'\n  }\n  return mapping[overWriteLanguage ?? language]\n}\n\ntype ProvideLanguageProps = {\n  initialLanguage?: Languages,\n}\n\nexport const ProvideLanguage = ({ initialLanguage, children }: PropsWithChildren<ProvideLanguageProps>) => {\n  const [language, setLanguage] = useState<Languages>(initialLanguage ?? DEFAULT_LANGUAGE)\n  const [storedLanguage, setStoredLanguage] = useLocalStorage<Languages>('language', initialLanguage ?? DEFAULT_LANGUAGE)\n\n  useEffect(() => {\n    if(language !== initialLanguage && initialLanguage){\n      console.warn('LanguageProvider initial state changed: Prefer using useLanguages\\'s setLanguage instead')\n      setLanguage(initialLanguage)\n    }\n  }, [initialLanguage]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    // TODO set locale of html tag here as well\n    setStoredLanguage(language)\n  }, [language, setStoredLanguage])\n\n  useEffect(() => {\n    if (storedLanguage !== null) {\n      setLanguage(storedLanguage)\n      return\n    }\n\n    const languagesToTestAgainst = Object.values(languages)\n\n    const matchingBrowserLanguages = window.navigator.languages\n      .map(language => languagesToTestAgainst.find((test) => language === test || language.split('-')[0] === test))\n      .filter(entry => entry !== undefined)\n\n    if (matchingBrowserLanguages.length === 0) return\n\n    const firstMatch = matchingBrowserLanguages[0] as Languages\n    setLanguage(firstMatch)\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <LanguageContext.Provider value={{\n      language,\n      setLanguage\n    }}>\n      {children}\n    </LanguageContext.Provider>\n  )\n}\n","import type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\nconst useLocalStorage = <T, >(key: string, initValue: T): [T, SetValue<T>] => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return initValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || initValue\n  }, [initValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(value => {\n    const newValue = value instanceof Function ? value(storedValue) : value\n    const storageService = new LocalStorageService()\n    storageService.set(key, value)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  useEffect(() => {\n    setStoredValue(get())\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return [storedValue, setValue]\n}\n\nexport default useLocalStorage\n","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {}\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n"],"mappings":";AACA,SAAS,eAAe,YAAY,aAAAA,YAAW,YAAAC,iBAAgB;;;ACA/D,SAAS,aAAa,WAAW,gBAAgB;;;ACDjD,IAAM,iBAAN,MAAqB;AAAA;AAAA,EAGnB,YAAoB,SAAkB;AAAlB;AAAA,EAAmB;AAAA,EAEhC,IAAO,KAAuB;AACnC,UAAM,QAAQ,KAAK,QAAQ,QAAQ,GAAG;AACtC,QAAI,UAAU,MAAM;AAClB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEO,IAAO,KAAa,OAAU;AACnC,SAAK,QAAQ,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EACjD;AAAA,EAEO,OAAO,KAAa;AACzB,SAAK,QAAQ,WAAW,GAAG;AAAA,EAC7B;AAAA,EAEO,YAAY;AACjB,SAAK,QAAQ,MAAM;AAAA,EACrB;AACF;AAEO,IAAM,sBAAN,cAAkC,eAAe;AAAA,EACtD,cAAc;AACZ,UAAM,OAAO,YAAY;AAAA,EAC3B;AACF;;;ADzBA,IAAM,kBAAkB,CAAM,KAAa,cAAmC;AAC5E,QAAM,MAAM,YAAY,MAAS;AAC/B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AACA,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,UAAM,QAAQ,eAAe,IAAO,GAAG;AACvC,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,WAAW,GAAG,CAAC;AAEnB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAY,GAAG;AAErD,QAAM,WAAwB,YAAY,WAAS;AACjD,UAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAClE,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,IAAI,KAAK,KAAK;AAE7B,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,aAAa,gBAAgB,GAAG,CAAC;AAErC,YAAU,MAAM;AACd,mBAAe,IAAI,CAAC;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;AAEA,IAAO,0BAAQ;;;ADsCX;AAlEG,IAAM,YAAY,CAAC,MAAM,IAAI;AAE7B,IAAM,sBAAiD;AAAA,EAC5D,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,mBAAmB;AAOzB,IAAM,kBAAkB,cAAoC,EAAE,UAAU,kBAAkB,aAAa,CAAC,MAAM,EAAE,CAAC;AAEjH,IAAM,cAAc,MAAM,WAAW,eAAe;AAEpD,IAAM,YAAY,CAAC,sBAAkC;AAC1D,QAAM,EAAE,SAAS,IAAI,YAAY;AACjC,QAAM,UAAqC;AAAA,IACzC,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACA,SAAO,QAAQ,qBAAqB,QAAQ;AAC9C;AAMO,IAAM,kBAAkB,CAAC,EAAE,iBAAiB,SAAS,MAA+C;AACzG,QAAM,CAAC,UAAU,WAAW,IAAIC,UAAoB,mBAAmB,gBAAgB;AACvF,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,wBAA2B,YAAY,mBAAmB,gBAAgB;AAEtH,EAAAC,WAAU,MAAM;AACd,QAAG,aAAa,mBAAmB,iBAAgB;AACjD,cAAQ,KAAK,yFAA0F;AACvG,kBAAY,eAAe;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,eAAe,CAAC;AAEpB,EAAAA,WAAU,MAAM;AAEd,sBAAkB,QAAQ;AAAA,EAC5B,GAAG,CAAC,UAAU,iBAAiB,CAAC;AAEhC,EAAAA,WAAU,MAAM;AACd,QAAI,mBAAmB,MAAM;AAC3B,kBAAY,cAAc;AAC1B;AAAA,IACF;AAEA,UAAM,yBAAyB,OAAO,OAAO,SAAS;AAEtD,UAAM,2BAA2B,OAAO,UAAU,UAC/C,IAAI,CAAAC,cAAY,uBAAuB,KAAK,CAAC,SAASA,cAAa,QAAQA,UAAS,MAAM,GAAG,EAAE,CAAC,MAAM,IAAI,CAAC,EAC3G,OAAO,WAAS,UAAU,MAAS;AAEtC,QAAI,yBAAyB,WAAW,EAAG;AAE3C,UAAM,aAAa,yBAAyB,CAAC;AAC7C,gBAAY,UAAU;AAAA,EACxB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO;AAAA,IAC/B;AAAA,IACA;AAAA,EACF,GACG,UACH;AAEJ;","names":["useEffect","useState","useState","useEffect","language"]}

package/dist/hooks/useLocalStorage.d.mts

@@ -0,0 +1,6 @@
+import { Dispatch, SetStateAction } from 'react';
+
+type SetValue<T> = Dispatch<SetStateAction<T>>;
+declare const useLocalStorage: <T>(key: string, initValue: T) => [T, SetValue<T>];
+
+export { useLocalStorage as default };

package/dist/hooks/useLocalStorage.d.ts

@@ -1,4 +1,6 @@
-import type { Dispatch, SetStateAction } from 'react';
+import { Dispatch, SetStateAction } from 'react';
+
 type SetValue<T> = Dispatch<SetStateAction<T>>;
 declare const useLocalStorage: <T>(key: string, initValue: T) => [T, SetValue<T>];
-export default useLocalStorage;
+
+export { useLocalStorage as default };