@immich/ui 0.65.0 → 0.65.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/Modal/Modal.svelte +11 -1
  2. package/dist/components/Modal/Modal.svelte.d.ts +1 -0
  3. package/dist/internal/CommandPaletteModal.svelte +1 -1
  4. package/package.json +2 -2
package/dist/components/Modal/Modal.svelte CHANGED
@@ -25,6 +25,7 @@
25
25
  expandable?: boolean;
26
26
  closeOnEsc?: boolean;
27
27
  closeOnBackdropClick?: boolean;
28
+ focusOnOpen?: boolean;
28
29
  children: Snippet;
29
30
  onClose?: () => void;
30
31
  onEscapeKeydown?: (event: KeyboardEvent) => void;
@@ -40,6 +41,7 @@
40
41
  class: className,
41
42
  closeOnEsc = true,
42
43
  closeOnBackdropClick = false,
44
+ focusOnOpen = false,
43
45
  children,
44
46
  onOpenAutoFocus,
45
47
  }: Props = $props();
@@ -96,6 +98,14 @@
96
98
  onEscapeKeydown?.(event);
97
99
  };
98
100
 
101
+ const handleOpenAutoFocus = (event: Event) => {
102
+ if (onOpenAutoFocus) {
103
+ onOpenAutoFocus(event);
104
+ } else if (!focusOnOpen) {
105
+ event.preventDefault();
106
+ }
107
+ };
108
+
99
109
  onMount(() => {
100
110
  layer = modalState.incrementLayer();
101
111
 
@@ -107,7 +117,7 @@
107
117
  <Dialog.Portal>
108
118
  <Dialog.Overlay class="{zIndex.ModalBackdrop} fixed start-0 top-0 flex h-dvh max-h-dvh w-screen bg-black/30" />
109
119
  <Dialog.Content
110
- {onOpenAutoFocus}
120
+ onOpenAutoFocus={handleOpenAutoFocus}
111
121
  onEscapeKeydown={handleEscapeKeydown}
112
122
  {escapeKeydownBehavior}
113
123
  {interactOutsideBehavior}
package/dist/components/Modal/Modal.svelte.d.ts CHANGED
@@ -8,6 +8,7 @@ type Props = {
8
8
  expandable?: boolean;
9
9
  closeOnEsc?: boolean;
10
10
  closeOnBackdropClick?: boolean;
11
+ focusOnOpen?: boolean;
11
12
  children: Snippet;
12
13
  onClose?: () => void;
13
14
  onEscapeKeydown?: (event: KeyboardEvent) => void;
package/dist/internal/CommandPaletteModal.svelte CHANGED
@@ -73,7 +73,7 @@
73
73
  ]}
74
74
  />
75
75
 
76
- <Modal size="large" {onClose} closeOnBackdropClick class="max-h-[85vh] lg:max-h-[75vh]">
76
+ <Modal size="large" {onClose} closeOnBackdropClick focusOnOpen class="max-h-[85vh] lg:max-h-[75vh]">
77
77
  <ModalHeader>
78
78
  <div class="flex place-items-center gap-1">
79
79
  <Input
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@immich/ui",
3
- "version": "0.65.0",
3
+ "version": "0.65.1",
4
4
  "license": "GNU Affero General Public License version 3",
5
5
  "repository": {
6
6
  "type": "git",
@@ -58,7 +58,7 @@
58
58
  "@immich/svelte-markdown-preprocess": "^0.2.1"
59
59
  },
60
60
  "volta": {
61
- "node": "24.13.1"
61
+ "node": "24.14.0"
62
62
  },
63
63
  "scripts": {
64
64
  "create": "node scripts/create.js",