@mantine-vue/spotlight 3.0.0 → 3.1.0

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 (42) hide show
  1. package/cjs/index.cjs +570 -624
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +571 -625
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/components/Spotlight/Spotlight.types.d.ts +34 -0
  6. package/lib/components/Spotlight/Spotlight.vue.d.ts +15 -0
  7. package/lib/components/Spotlight/index.d.ts +224 -0
  8. package/lib/components/SpotlightAction/SpotlightAction.types.d.ts +34 -0
  9. package/lib/components/SpotlightAction/SpotlightAction.vue.d.ts +11 -0
  10. package/lib/components/SpotlightAction/index.d.ts +18 -0
  11. package/lib/components/SpotlightActionsGroup/SpotlightActionsGroup.types.d.ts +13 -0
  12. package/lib/components/SpotlightActionsGroup/SpotlightActionsGroup.vue.d.ts +13 -0
  13. package/lib/components/SpotlightActionsGroup/index.d.ts +20 -0
  14. package/lib/components/SpotlightActionsList/SpotlightActionsList.types.d.ts +13 -0
  15. package/lib/components/SpotlightActionsList/SpotlightActionsList.vue.d.ts +13 -0
  16. package/lib/components/SpotlightActionsList/index.d.ts +20 -0
  17. package/lib/components/SpotlightEmpty/SpotlightEmpty.types.d.ts +11 -0
  18. package/lib/components/SpotlightEmpty/SpotlightEmpty.vue.d.ts +13 -0
  19. package/lib/components/SpotlightEmpty/index.d.ts +20 -0
  20. package/lib/components/SpotlightFooter/SpotlightFooter.types.d.ts +11 -0
  21. package/lib/components/SpotlightFooter/SpotlightFooter.vue.d.ts +13 -0
  22. package/lib/components/SpotlightFooter/index.d.ts +20 -0
  23. package/lib/components/SpotlightRoot/SpotlightRoot.types.d.ts +53 -0
  24. package/lib/components/SpotlightRoot/SpotlightRoot.vue.d.ts +23 -0
  25. package/lib/components/SpotlightRoot/index.d.ts +48 -0
  26. package/lib/components/SpotlightSearch/SpotlightSearch.types.d.ts +25 -0
  27. package/lib/components/SpotlightSearch/SpotlightSearch.vue.d.ts +11 -0
  28. package/lib/components/SpotlightSearch/index.d.ts +36 -0
  29. package/lib/default-spotlight-filter.d.ts +1 -1
  30. package/lib/index.d.mts +16 -9
  31. package/lib/index.d.ts +16 -9
  32. package/lib/is-actions-group.d.ts +1 -1
  33. package/lib/limit-actions.d.ts +1 -1
  34. package/package.json +4 -4
  35. package/lib/Spotlight.d.ts +0 -934
  36. package/lib/SpotlightAction.d.ts +0 -134
  37. package/lib/SpotlightActionsGroup.d.ts +0 -50
  38. package/lib/SpotlightActionsList.d.ts +0 -50
  39. package/lib/SpotlightEmpty.d.ts +0 -40
  40. package/lib/SpotlightFooter.d.ts +0 -40
  41. package/lib/SpotlightRoot.d.ts +0 -192
  42. package/lib/SpotlightSearch.d.ts +0 -81
@@ -1,134 +0,0 @@
1
- import { type PropType, type SlotsType, type VNodeChild } from 'vue';
2
- import { type MantineNode, type SectionSlots } from '@mantine-vue/core';
3
- export type SpotlightActionStylesNames = 'action' | 'actionLabel' | 'actionDescription' | 'actionSection' | 'actionBody';
4
- export interface SpotlightActionProps {
5
- label?: string;
6
- description?: string;
7
- leftSection?: MantineNode;
8
- rightSection?: MantineNode;
9
- dimmedSections?: boolean;
10
- highlightQuery?: boolean;
11
- highlightColor?: string;
12
- closeSpotlightOnTrigger?: boolean;
13
- keywords?: string | string[];
14
- classNames?: Record<string, any>;
15
- styles?: Record<string, any>;
16
- vars?: Record<string, any>;
17
- [key: string]: any;
18
- }
19
- export declare const SpotlightAction: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
20
- label: {
21
- type: StringConstructor;
22
- default: undefined;
23
- };
24
- description: {
25
- type: StringConstructor;
26
- default: undefined;
27
- };
28
- leftSection: {
29
- type: PropType<MantineNode>;
30
- default: undefined;
31
- };
32
- rightSection: {
33
- type: PropType<MantineNode>;
34
- default: undefined;
35
- };
36
- dimmedSections: {
37
- type: BooleanConstructor;
38
- default: undefined;
39
- };
40
- highlightQuery: {
41
- type: BooleanConstructor;
42
- default: undefined;
43
- };
44
- highlightColor: {
45
- type: StringConstructor;
46
- default: undefined;
47
- };
48
- closeSpotlightOnTrigger: {
49
- type: BooleanConstructor;
50
- default: undefined;
51
- };
52
- keywords: {
53
- type: PropType<string | string[]>;
54
- default: undefined;
55
- };
56
- classNames: {
57
- type: (ObjectConstructor | FunctionConstructor)[];
58
- default: undefined;
59
- };
60
- styles: {
61
- type: (ObjectConstructor | FunctionConstructor)[];
62
- default: undefined;
63
- };
64
- vars: {
65
- type: (ObjectConstructor | FunctionConstructor)[];
66
- default: undefined;
67
- };
68
- }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
69
- [key: string]: any;
70
- }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
71
- label: {
72
- type: StringConstructor;
73
- default: undefined;
74
- };
75
- description: {
76
- type: StringConstructor;
77
- default: undefined;
78
- };
79
- leftSection: {
80
- type: PropType<MantineNode>;
81
- default: undefined;
82
- };
83
- rightSection: {
84
- type: PropType<MantineNode>;
85
- default: undefined;
86
- };
87
- dimmedSections: {
88
- type: BooleanConstructor;
89
- default: undefined;
90
- };
91
- highlightQuery: {
92
- type: BooleanConstructor;
93
- default: undefined;
94
- };
95
- highlightColor: {
96
- type: StringConstructor;
97
- default: undefined;
98
- };
99
- closeSpotlightOnTrigger: {
100
- type: BooleanConstructor;
101
- default: undefined;
102
- };
103
- keywords: {
104
- type: PropType<string | string[]>;
105
- default: undefined;
106
- };
107
- classNames: {
108
- type: (ObjectConstructor | FunctionConstructor)[];
109
- default: undefined;
110
- };
111
- styles: {
112
- type: (ObjectConstructor | FunctionConstructor)[];
113
- default: undefined;
114
- };
115
- vars: {
116
- type: (ObjectConstructor | FunctionConstructor)[];
117
- default: undefined;
118
- };
119
- }>> & Readonly<{}>, {
120
- label: string;
121
- classNames: Function | Record<string, any>;
122
- styles: Function | Record<string, any>;
123
- description: string;
124
- vars: Function | Record<string, any>;
125
- leftSection: MantineNode;
126
- rightSection: MantineNode;
127
- dimmedSections: boolean;
128
- highlightQuery: boolean;
129
- highlightColor: string;
130
- closeSpotlightOnTrigger: boolean;
131
- keywords: string | string[];
132
- }, SlotsType<SectionSlots & {
133
- default?: () => VNodeChild;
134
- }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1,50 +0,0 @@
1
- import { type PropType } from 'vue';
2
- export type SpotlightActionsGroupStylesNames = 'actionsGroup';
3
- export interface SpotlightActionsGroupProps {
4
- label?: string;
5
- classNames?: Record<string, any>;
6
- styles?: Record<string, any>;
7
- [key: string]: any;
8
- }
9
- export declare const SpotlightActionsGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
10
- label: {
11
- type: StringConstructor;
12
- default: undefined;
13
- };
14
- classNames: {
15
- type: (ObjectConstructor | FunctionConstructor)[];
16
- default: undefined;
17
- };
18
- styles: {
19
- type: (ObjectConstructor | FunctionConstructor)[];
20
- default: undefined;
21
- };
22
- vars: {
23
- type: PropType<any>;
24
- default: undefined;
25
- };
26
- }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
27
- [key: string]: any;
28
- }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
29
- label: {
30
- type: StringConstructor;
31
- default: undefined;
32
- };
33
- classNames: {
34
- type: (ObjectConstructor | FunctionConstructor)[];
35
- default: undefined;
36
- };
37
- styles: {
38
- type: (ObjectConstructor | FunctionConstructor)[];
39
- default: undefined;
40
- };
41
- vars: {
42
- type: PropType<any>;
43
- default: undefined;
44
- };
45
- }>> & Readonly<{}>, {
46
- label: string;
47
- classNames: Function | Record<string, any>;
48
- styles: Function | Record<string, any>;
49
- vars: any;
50
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1,50 +0,0 @@
1
- import { type PropType } from 'vue';
2
- export type SpotlightActionsListStylesNames = 'actionsList' | 'actionsListInner';
3
- export interface SpotlightActionsListProps {
4
- id?: string;
5
- classNames?: Record<string, any>;
6
- styles?: Record<string, any>;
7
- [key: string]: any;
8
- }
9
- export declare const SpotlightActionsList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
10
- id: {
11
- type: StringConstructor;
12
- default: undefined;
13
- };
14
- classNames: {
15
- type: (ObjectConstructor | FunctionConstructor)[];
16
- default: undefined;
17
- };
18
- styles: {
19
- type: (ObjectConstructor | FunctionConstructor)[];
20
- default: undefined;
21
- };
22
- vars: {
23
- type: PropType<any>;
24
- default: undefined;
25
- };
26
- }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
27
- [key: string]: any;
28
- }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
29
- id: {
30
- type: StringConstructor;
31
- default: undefined;
32
- };
33
- classNames: {
34
- type: (ObjectConstructor | FunctionConstructor)[];
35
- default: undefined;
36
- };
37
- styles: {
38
- type: (ObjectConstructor | FunctionConstructor)[];
39
- default: undefined;
40
- };
41
- vars: {
42
- type: PropType<any>;
43
- default: undefined;
44
- };
45
- }>> & Readonly<{}>, {
46
- classNames: Function | Record<string, any>;
47
- styles: Function | Record<string, any>;
48
- id: string;
49
- vars: any;
50
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1,40 +0,0 @@
1
- import { type PropType } from 'vue';
2
- export type SpotlightEmptyStylesNames = 'empty';
3
- export interface SpotlightEmptyProps {
4
- classNames?: Record<string, any>;
5
- styles?: Record<string, any>;
6
- [key: string]: any;
7
- }
8
- export declare const SpotlightEmpty: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
9
- classNames: {
10
- type: (ObjectConstructor | FunctionConstructor)[];
11
- default: undefined;
12
- };
13
- styles: {
14
- type: (ObjectConstructor | FunctionConstructor)[];
15
- default: undefined;
16
- };
17
- vars: {
18
- type: PropType<any>;
19
- default: undefined;
20
- };
21
- }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
22
- [key: string]: any;
23
- }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
24
- classNames: {
25
- type: (ObjectConstructor | FunctionConstructor)[];
26
- default: undefined;
27
- };
28
- styles: {
29
- type: (ObjectConstructor | FunctionConstructor)[];
30
- default: undefined;
31
- };
32
- vars: {
33
- type: PropType<any>;
34
- default: undefined;
35
- };
36
- }>> & Readonly<{}>, {
37
- classNames: Function | Record<string, any>;
38
- styles: Function | Record<string, any>;
39
- vars: any;
40
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1,40 +0,0 @@
1
- import { type PropType } from 'vue';
2
- export type SpotlightFooterStylesNames = 'footer';
3
- export interface SpotlightFooterProps {
4
- classNames?: Record<string, any>;
5
- styles?: Record<string, any>;
6
- [key: string]: any;
7
- }
8
- export declare const SpotlightFooter: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
9
- classNames: {
10
- type: (ObjectConstructor | FunctionConstructor)[];
11
- default: undefined;
12
- };
13
- styles: {
14
- type: (ObjectConstructor | FunctionConstructor)[];
15
- default: undefined;
16
- };
17
- vars: {
18
- type: PropType<any>;
19
- default: undefined;
20
- };
21
- }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
22
- [key: string]: any;
23
- }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
24
- classNames: {
25
- type: (ObjectConstructor | FunctionConstructor)[];
26
- default: undefined;
27
- };
28
- styles: {
29
- type: (ObjectConstructor | FunctionConstructor)[];
30
- default: undefined;
31
- };
32
- vars: {
33
- type: PropType<any>;
34
- default: undefined;
35
- };
36
- }>> & Readonly<{}>, {
37
- classNames: Function | Record<string, any>;
38
- styles: Function | Record<string, any>;
39
- vars: any;
40
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1,192 +0,0 @@
1
- import { type PropType } from 'vue';
2
- import { type SpotlightStore } from './spotlight.store';
3
- export type SpotlightRootStylesNames = 'root' | 'body' | 'close' | 'content' | 'header' | 'inner' | 'overlay' | 'title' | 'search' | 'actionsList' | 'actionsListInner' | 'action' | 'empty' | 'footer' | 'actionBody' | 'actionLabel' | 'actionDescription' | 'actionSection' | 'actionsGroup';
4
- export interface SpotlightRootProps {
5
- store?: SpotlightStore;
6
- query?: string;
7
- onQueryChange?: (query: string) => void;
8
- clearQueryOnClose?: boolean;
9
- shortcut?: string | string[] | null;
10
- tagsToIgnore?: string[];
11
- triggerOnContentEditable?: boolean;
12
- disabled?: boolean;
13
- onSpotlightOpen?: () => void;
14
- onSpotlightClose?: () => void;
15
- forceOpened?: boolean;
16
- closeOnActionTrigger?: boolean;
17
- maxHeight?: string | number;
18
- scrollable?: boolean;
19
- classNames?: Record<string, any>;
20
- styles?: Record<string, any>;
21
- vars?: Record<string, any>;
22
- unstyled?: boolean;
23
- [key: string]: any;
24
- }
25
- export declare const SpotlightRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
26
- store: {
27
- type: PropType<SpotlightStore>;
28
- default: undefined;
29
- };
30
- query: {
31
- type: StringConstructor;
32
- default: undefined;
33
- };
34
- onQueryChange: {
35
- type: PropType<(query: string) => void>;
36
- default: undefined;
37
- };
38
- clearQueryOnClose: {
39
- type: BooleanConstructor;
40
- default: undefined;
41
- };
42
- shortcut: {
43
- type: PropType<string | string[] | null>;
44
- default: undefined;
45
- };
46
- tagsToIgnore: {
47
- type: PropType<string[]>;
48
- default: undefined;
49
- };
50
- triggerOnContentEditable: {
51
- type: BooleanConstructor;
52
- default: undefined;
53
- };
54
- disabled: {
55
- type: BooleanConstructor;
56
- default: boolean;
57
- };
58
- onSpotlightOpen: {
59
- type: PropType<() => void>;
60
- default: undefined;
61
- };
62
- onSpotlightClose: {
63
- type: PropType<() => void>;
64
- default: undefined;
65
- };
66
- forceOpened: {
67
- type: BooleanConstructor;
68
- default: boolean;
69
- };
70
- closeOnActionTrigger: {
71
- type: BooleanConstructor;
72
- default: undefined;
73
- };
74
- maxHeight: {
75
- type: PropType<string | number>;
76
- default: undefined;
77
- };
78
- scrollable: {
79
- type: BooleanConstructor;
80
- default: boolean;
81
- };
82
- classNames: {
83
- type: (ObjectConstructor | FunctionConstructor)[];
84
- default: undefined;
85
- };
86
- styles: {
87
- type: (ObjectConstructor | FunctionConstructor)[];
88
- default: undefined;
89
- };
90
- vars: {
91
- type: (ObjectConstructor | FunctionConstructor)[];
92
- default: undefined;
93
- };
94
- unstyled: {
95
- type: BooleanConstructor;
96
- default: boolean;
97
- };
98
- }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
99
- [key: string]: any;
100
- }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
101
- store: {
102
- type: PropType<SpotlightStore>;
103
- default: undefined;
104
- };
105
- query: {
106
- type: StringConstructor;
107
- default: undefined;
108
- };
109
- onQueryChange: {
110
- type: PropType<(query: string) => void>;
111
- default: undefined;
112
- };
113
- clearQueryOnClose: {
114
- type: BooleanConstructor;
115
- default: undefined;
116
- };
117
- shortcut: {
118
- type: PropType<string | string[] | null>;
119
- default: undefined;
120
- };
121
- tagsToIgnore: {
122
- type: PropType<string[]>;
123
- default: undefined;
124
- };
125
- triggerOnContentEditable: {
126
- type: BooleanConstructor;
127
- default: undefined;
128
- };
129
- disabled: {
130
- type: BooleanConstructor;
131
- default: boolean;
132
- };
133
- onSpotlightOpen: {
134
- type: PropType<() => void>;
135
- default: undefined;
136
- };
137
- onSpotlightClose: {
138
- type: PropType<() => void>;
139
- default: undefined;
140
- };
141
- forceOpened: {
142
- type: BooleanConstructor;
143
- default: boolean;
144
- };
145
- closeOnActionTrigger: {
146
- type: BooleanConstructor;
147
- default: undefined;
148
- };
149
- maxHeight: {
150
- type: PropType<string | number>;
151
- default: undefined;
152
- };
153
- scrollable: {
154
- type: BooleanConstructor;
155
- default: boolean;
156
- };
157
- classNames: {
158
- type: (ObjectConstructor | FunctionConstructor)[];
159
- default: undefined;
160
- };
161
- styles: {
162
- type: (ObjectConstructor | FunctionConstructor)[];
163
- default: undefined;
164
- };
165
- vars: {
166
- type: (ObjectConstructor | FunctionConstructor)[];
167
- default: undefined;
168
- };
169
- unstyled: {
170
- type: BooleanConstructor;
171
- default: boolean;
172
- };
173
- }>> & Readonly<{}>, {
174
- classNames: Function | Record<string, any>;
175
- styles: Function | Record<string, any>;
176
- query: string;
177
- disabled: boolean;
178
- maxHeight: string | number;
179
- vars: Function | Record<string, any>;
180
- unstyled: boolean;
181
- store: SpotlightStore;
182
- shortcut: string | string[] | null;
183
- onQueryChange: (query: string) => void;
184
- clearQueryOnClose: boolean;
185
- tagsToIgnore: string[];
186
- triggerOnContentEditable: boolean;
187
- onSpotlightOpen: () => void;
188
- onSpotlightClose: () => void;
189
- forceOpened: boolean;
190
- closeOnActionTrigger: boolean;
191
- scrollable: boolean;
192
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1,81 +0,0 @@
1
- import { type PropType } from 'vue';
2
- export type SpotlightSearchStylesNames = 'input' | 'wrapper' | 'section' | 'bottomSection';
3
- export interface SpotlightSearchProps {
4
- size?: string | number;
5
- value?: string;
6
- onChange?: (event: Event) => void;
7
- onKeydown?: (event: KeyboardEvent) => void;
8
- classNames?: Record<string, any>;
9
- styles?: Record<string, any>;
10
- vars?: Record<string, any>;
11
- [key: string]: any;
12
- }
13
- export declare const SpotlightSearch: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
14
- size: {
15
- type: PropType<string | number>;
16
- default: undefined;
17
- };
18
- value: {
19
- type: StringConstructor;
20
- default: undefined;
21
- };
22
- onChange: {
23
- type: PropType<(event: Event) => void>;
24
- default: undefined;
25
- };
26
- onKeydown: {
27
- type: PropType<(event: KeyboardEvent) => void>;
28
- default: undefined;
29
- };
30
- classNames: {
31
- type: (ObjectConstructor | FunctionConstructor)[];
32
- default: undefined;
33
- };
34
- styles: {
35
- type: (ObjectConstructor | FunctionConstructor)[];
36
- default: undefined;
37
- };
38
- vars: {
39
- type: (ObjectConstructor | FunctionConstructor)[];
40
- default: undefined;
41
- };
42
- }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
43
- [key: string]: any;
44
- }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
45
- size: {
46
- type: PropType<string | number>;
47
- default: undefined;
48
- };
49
- value: {
50
- type: StringConstructor;
51
- default: undefined;
52
- };
53
- onChange: {
54
- type: PropType<(event: Event) => void>;
55
- default: undefined;
56
- };
57
- onKeydown: {
58
- type: PropType<(event: KeyboardEvent) => void>;
59
- default: undefined;
60
- };
61
- classNames: {
62
- type: (ObjectConstructor | FunctionConstructor)[];
63
- default: undefined;
64
- };
65
- styles: {
66
- type: (ObjectConstructor | FunctionConstructor)[];
67
- default: undefined;
68
- };
69
- vars: {
70
- type: (ObjectConstructor | FunctionConstructor)[];
71
- default: undefined;
72
- };
73
- }>> & Readonly<{}>, {
74
- size: string | number;
75
- onKeydown: (event: KeyboardEvent) => void;
76
- onChange: (event: Event) => void;
77
- value: string;
78
- classNames: Function | Record<string, any>;
79
- styles: Function | Record<string, any>;
80
- vars: Function | Record<string, any>;
81
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;