@douglasneuroinformatics/libui 3.8.6 → 3.9.0

package/src/components/MenuBar/MenuBarSubTrigger.tsx

@@ -7,9 +7,9 @@ import { cn } from '@/utils';
 
 export const MenuBarSubTrigger = forwardRef<
   React.ElementRef<typeof SubTrigger>,
-  {
+  React.ComponentPropsWithoutRef<typeof SubTrigger> & {
     inset?: boolean;
-  } & React.ComponentPropsWithoutRef<typeof SubTrigger>
+  }
 >(function MenuBarSubTrigger({ children, className, inset, ...props }, ref) {
   return (
     <SubTrigger

package/src/components/Pagination/PaginationLink.tsx

@@ -7,10 +7,10 @@ import { cn } from '@/utils';
 import { type ButtonProps, buttonVariants } from '../Button';
 
 export type PaginationLinkProps = Simplify<
-  {
-    isActive?: boolean;
-  } & Pick<ButtonProps, 'size'> &
-    React.ComponentProps<'a'>
+  Pick<ButtonProps, 'size'> &
+    React.ComponentProps<'a'> & {
+      isActive?: boolean;
+    }
 >;
 
 export const PaginationLink = ({ children, className, isActive, size = 'icon', ...props }: PaginationLinkProps) => (

package/src/components/Resizable/Resizable.tsx

@@ -6,11 +6,11 @@ import { ResizableHandle, type ResizableHandleProps } from './ResizableHandle';
 import { ResizablePanelGroup, type ResizablePanelGroupProps } from './ResizablePanelGroup';
 
 type ResizableRootType = React.FC<{ children: React.ReactNode }>;
-type ResizableType = {
+type ResizableType = ResizableRootType & {
   Handle: React.FC<ResizableHandleProps>;
   Panel: React.FC<PanelProps>;
   PanelGroup: React.FC<ResizablePanelGroupProps>;
-} & ResizableRootType;
+};
 
 // This is only for storybook and is unnecessary for real-world use
 const ResizableRoot: ResizableRootType = ({ children }) => <>{children}</>;

package/src/components/Resizable/ResizableHandle.tsx

@@ -5,9 +5,9 @@ import { PanelResizeHandle } from 'react-resizable-panels';
 
 import { cn } from '@/utils';
 
-export type ResizableHandleProps = {
+export type ResizableHandleProps = React.ComponentProps<typeof PanelResizeHandle> & {
   withHandle?: boolean;
-} & React.ComponentProps<typeof PanelResizeHandle>;
+};
 
 export const ResizableHandle = ({ className, withHandle, ...props }: ResizableHandleProps) => (
   <PanelResizeHandle

package/src/components/SearchBar/SearchBar.tsx

@@ -19,17 +19,17 @@ export type BaseSearchBarProps = {
   readOnly?: boolean;
 };
 
-type ControlledSearchBarProps = {
+type ControlledSearchBarProps = BaseSearchBarProps & {
   /** Event handler called when the value changes */
   onValueChange: (value: string) => void;
   /** The controlled value of the search bar, which should be used in conjunction with onValueChange */
   value: string;
-} & BaseSearchBarProps;
+};
 
-type UncontrolledSearchBarProps = {
+type UncontrolledSearchBarProps = BaseSearchBarProps & {
   onValueChange?: never;
   value?: never;
-} & BaseSearchBarProps;
+};
 
 export type SearchBarProps = ControlledSearchBarProps | UncontrolledSearchBarProps;
 

package/src/i18n/store.ts

@@ -1,4 +1,5 @@
 import type { SetOptional } from 'type-fest';
+import { subscribeWithSelector } from 'zustand/middleware';
 import { createStore } from 'zustand/vanilla';
 
 import libui from '@/i18n/translations/libui.json';
@@ -26,15 +27,17 @@ export type TranslationStore = {
   translations: Translations;
 };
 
-export const translationStore = createStore<TranslationStore>((set) => ({
-  changeLanguage(language) {
-    set({ resolvedLanguage: language });
-  },
-  fallbackLanguage: 'en',
-  isInitialized: false,
-  resolvedLanguage: 'en',
-  translations: { libui }
-}));
+export const translationStore = createStore(
+  subscribeWithSelector<TranslationStore>((set) => ({
+    changeLanguage(language) {
+      set({ resolvedLanguage: language });
+    },
+    fallbackLanguage: 'en',
+    isInitialized: false,
+    resolvedLanguage: 'en',
+    translations: { libui }
+  }))
+);
 
 export const i18n: I18N = {
   init: ({ defaultLanguage, fallbackLanguage, translations }: InitOptions = {}) => {
@@ -43,6 +46,12 @@ export const i18n: I18N = {
       console.error('Cannot reinitialize translations store');
       return;
     }
+    translationStore.subscribe(
+      (state) => state.resolvedLanguage,
+      (resolvedLanguage) => {
+        document.documentElement.lang = resolvedLanguage;
+      }
+    );
     translationStore.setState({
       fallbackLanguage: fallbackLanguage ?? state.fallbackLanguage,
       isInitialized: true,

package/src/i18n/translations/libui.json

@@ -143,6 +143,14 @@
     "previous": {
       "en": "Previous",
       "fr": "Précédent"
+    },
+    "firstPage": {
+      "en": "<< First",
+      "fr": "<< Première"
+    },
+    "lastPage": {
+      "en": "Last >>",
+      "fr": "Dernière >>"
     }
   },
   "searchBar": {

package/src/i18n/types.ts

@@ -18,17 +18,17 @@ export declare namespace UserConfig {
   }
 }
 
-export type LanguageOptions = {
+export type LanguageOptions = UserConfig.LanguageOptions & {
   en: true;
   fr: true;
-} & UserConfig.LanguageOptions;
+};
 
 export type Language = keyof { [L in keyof LanguageOptions as LanguageOptions[L] extends true ? L : never]: any };
 
 export type Translations = Simplify<
-  {
+  OmitIndexSignature<UserConfig.Translations> & {
     libui: typeof libuiTranslations;
-  } & OmitIndexSignature<UserConfig.Translations>
+  }
 >;
 
 export type ExtractTranslationKey<T extends { [key: string]: any }, Key = keyof T> = Key extends string

package/dist/chunk-M5H3G5VE.js.map

@@ -1 +0,0 @@
-{"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":[]}