@immich/ui 0.58.0 → 0.58.1

package/dist/components/MultiSelect/MultiSelect.svelte

@@ -1,12 +1,10 @@
-<script lang="ts">
+<script lang="ts" generics="T extends string">
   import InternalSelect from '../../internal/Select.svelte';
   import type { MultiSelectProps, SelectItem } from '../../types.js';
 
-  type T = SelectItem;
-
   let { onChange, values = $bindable([]), ...restProps }: MultiSelectProps<T> = $props();
 
-  const handleChange = (items: T[]) => {
+  const handleChange = (items: SelectItem<T>[]) => {
     onChange?.(items);
   };
 </script>

package/dist/components/MultiSelect/MultiSelect.svelte.d.ts

@@ -1,4 +1,25 @@
-import type { MultiSelectProps, SelectItem } from '../../types.js';
-declare const MultiSelect: import("svelte").Component<MultiSelectProps<SelectItem>, {}, "values">;
-type MultiSelect = ReturnType<typeof MultiSelect>;
+import type { MultiSelectProps } from '../../types.js';
+declare function $$render<T extends string>(): {
+    props: MultiSelectProps<T>;
+    exports: {};
+    bindings: "values";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends string> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "values";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends string>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends string>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const MultiSelect: $$IsomorphicComponent;
+type MultiSelect<T extends string> = InstanceType<typeof MultiSelect<T>>;
 export default MultiSelect;

package/dist/components/Select/Select.svelte

@@ -1,14 +1,12 @@
-<script lang="ts">
+<script lang="ts" generics="T extends string">
   import InternalSelect from '../../internal/Select.svelte';
   import type { SelectItem, SelectProps } from '../../types.js';
 
-  type T = SelectItem;
-
   let { onChange, value = $bindable(), ...restProps }: SelectProps<T> = $props();
 
   let values = $derived(value ? [value] : []);
 
-  const handleChange = (items: T[]) => {
+  const handleChange = (items: SelectItem<T>[]) => {
     value = items[0];
     onChange?.(value);
   };

package/dist/components/Select/Select.svelte.d.ts

@@ -1,4 +1,25 @@
-import type { SelectItem, SelectProps } from '../../types.js';
-declare const Select: import("svelte").Component<SelectProps<SelectItem>, {}, "value">;
-type Select = ReturnType<typeof Select>;
+import type { SelectProps } from '../../types.js';
+declare function $$render<T extends string>(): {
+    props: SelectProps<T>;
+    exports: {};
+    bindings: "value";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends string> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "value";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends string>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends string>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Select: $$IsomorphicComponent;
+type Select<T extends string> = InstanceType<typeof Select<T>>;
 export default Select;

package/dist/internal/Select.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">
+<script lang="ts" generics="T extends string">
   import { getFieldContext } from '../common/context.svelte.js';
   import Icon from '../components/Icon/Icon.svelte';
   import IconButton from '../components/IconButton/IconButton.svelte';
@@ -10,13 +10,11 @@
   import { Select } from 'bits-ui';
   import { tv } from 'tailwind-variants';
 
-  type T = SelectItem;
-
   type Props = {
     multiple?: boolean;
-    values: T[];
-    asLabel?: (items: T[]) => string;
-    onChange?: (values: T[]) => void;
+    values: SelectItem<T>[];
+    asLabel?: (items: SelectItem<T>[]) => string;
+    onChange?: (values: SelectItem<T>[]) => void;
   } & SelectCommonProps<T>;
 
   let {
@@ -26,15 +24,15 @@
     multiple = false,
     values = $bindable([]),
     onChange,
-    asLabel = (options: T[]) => options.map(({ label }) => label).join(', '),
+    asLabel = (options: SelectItem<T>[]) => options.map(({ label }) => label).join(', '),
     placeholder,
     class: className,
   }: Props = $props();
 
-  const asOptions = (items: string[] | T[]) => {
+  const asOptions = (items: string[] | SelectItem<T>[]) => {
     return items.map((item) => {
       if (typeof item === 'string') {
-        return { value: item, label: item } as T;
+        return { value: item, label: item } as SelectItem<T>;
       }
 
       const label = item.label ?? item.value;
@@ -73,9 +71,7 @@
   const findOption = (value: string) => options.find((option) => option.value === value);
 
   const onValueChange = (items: string[] | string) => {
-    values = multiple
-      ? ((items as string[]).map(findOption) as T[])
-      : [findOption(items as string) as T].filter(Boolean);
+    values = (Array.isArray(items) ? items : [items]).map(findOption).filter((item) => item !== undefined);
 
     onChange?.(values);
   };

package/dist/internal/Select.svelte.d.ts

@@ -1,12 +1,31 @@
 import type { SelectCommonProps, SelectItem } from '../types.js';
 import { Select } from 'bits-ui';
-type T = SelectItem;
-type Props = {
-    multiple?: boolean;
-    values: T[];
-    asLabel?: (items: T[]) => string;
-    onChange?: (values: T[]) => void;
-} & SelectCommonProps<T>;
-declare const Select: import("svelte").Component<Props, {}, "values">;
-type Select = ReturnType<typeof Select>;
+declare function $$render<T extends string>(): {
+    props: {
+        multiple?: boolean;
+        values: SelectItem<T>[];
+        asLabel?: (items: SelectItem<T>[]) => string;
+        onChange?: (values: SelectItem<T>[]) => void;
+    } & SelectCommonProps<T>;
+    exports: {};
+    bindings: "values";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends string> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "values";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends string>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends string>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Select: $$IsomorphicComponent;
+type Select<T extends string> = InstanceType<typeof Select<T>>;
 export default Select;

package/dist/types.d.ts

@@ -152,25 +152,25 @@ export type TextareaProps = {
     shape?: Shape;
     grow?: boolean;
 } & HTMLTextareaAttributes;
-export type SelectItem = {
+export type SelectItem<T extends string = string> = {
     label?: string;
-    value: string;
+    value: T;
     disabled?: boolean;
 };
-export type SelectCommonProps<T extends SelectItem> = {
-    data: string[] | T[];
+export type SelectCommonProps<T extends string> = {
+    data: string[] | SelectItem<T>[];
     size?: Size;
     shape?: Shape;
     placeholder?: string;
     class?: string;
 };
-export type SelectProps<T extends SelectItem> = SelectCommonProps<T> & {
-    value?: T;
-    onChange?: (value: T) => void;
+export type SelectProps<T extends string> = SelectCommonProps<T> & {
+    value?: SelectItem<T>;
+    onChange?: (value: SelectItem<T>) => void;
 };
-export type MultiSelectProps<T extends SelectItem> = SelectCommonProps<T> & {
-    values?: T[];
-    onChange?: (values: T[]) => void;
+export type MultiSelectProps<T extends string> = SelectCommonProps<T> & {
+    values?: SelectItem<T>[];
+    onChange?: (values: SelectItem<T>[]) => void;
 };
 export type ToastId = {
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@immich/ui",
-  "version": "0.58.0",
+  "version": "0.58.1",
   "license": "GNU Affero General Public License version 3",
   "repository": {
     "type": "git",