@mantine/spotlight 6.0.13 → 7.0.0-alpha.14

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 (153) hide show
  1. package/cjs/Spotlight.context.js +6 -11
  2. package/cjs/Spotlight.context.js.map +1 -1
  3. package/cjs/Spotlight.js +121 -0
  4. package/cjs/Spotlight.js.map +1 -0
  5. package/cjs/Spotlight.module.css.js +8 -0
  6. package/cjs/Spotlight.module.css.js.map +1 -0
  7. package/cjs/SpotlightAction.js +141 -0
  8. package/cjs/SpotlightAction.js.map +1 -0
  9. package/cjs/SpotlightActionsGroup.js +67 -0
  10. package/cjs/SpotlightActionsGroup.js.map +1 -0
  11. package/cjs/SpotlightActionsList.js +74 -0
  12. package/cjs/SpotlightActionsList.js.map +1 -0
  13. package/cjs/SpotlightEmpty.js +61 -0
  14. package/cjs/SpotlightEmpty.js.map +1 -0
  15. package/cjs/SpotlightFooter.js +61 -0
  16. package/cjs/SpotlightFooter.js.map +1 -0
  17. package/cjs/SpotlightRoot.js +178 -0
  18. package/cjs/SpotlightRoot.js.map +1 -0
  19. package/cjs/SpotlightSearch.js +89 -0
  20. package/cjs/SpotlightSearch.js.map +1 -0
  21. package/cjs/default-spotlight-filter.js +76 -0
  22. package/cjs/default-spotlight-filter.js.map +1 -0
  23. package/cjs/get-hotkeys.js +19 -0
  24. package/cjs/get-hotkeys.js.map +1 -0
  25. package/cjs/index.css +141 -0
  26. package/cjs/index.js +23 -12
  27. package/cjs/index.js.map +1 -1
  28. package/cjs/spotlight.store.js +155 -0
  29. package/cjs/spotlight.store.js.map +1 -0
  30. package/esm/Spotlight.context.js +5 -10
  31. package/esm/Spotlight.context.js.map +1 -1
  32. package/esm/Spotlight.js +113 -0
  33. package/esm/Spotlight.js.map +1 -0
  34. package/esm/Spotlight.module.css.js +4 -0
  35. package/esm/Spotlight.module.css.js.map +1 -0
  36. package/esm/SpotlightAction.js +133 -0
  37. package/esm/SpotlightAction.js.map +1 -0
  38. package/esm/SpotlightActionsGroup.js +59 -0
  39. package/esm/SpotlightActionsGroup.js.map +1 -0
  40. package/esm/SpotlightActionsList.js +66 -0
  41. package/esm/SpotlightActionsList.js.map +1 -0
  42. package/esm/SpotlightEmpty.js +53 -0
  43. package/esm/SpotlightEmpty.js.map +1 -0
  44. package/esm/SpotlightFooter.js +53 -0
  45. package/esm/SpotlightFooter.js.map +1 -0
  46. package/esm/SpotlightRoot.js +170 -0
  47. package/esm/SpotlightRoot.js.map +1 -0
  48. package/esm/SpotlightSearch.js +81 -0
  49. package/esm/SpotlightSearch.js.map +1 -0
  50. package/esm/default-spotlight-filter.js +72 -0
  51. package/esm/default-spotlight-filter.js.map +1 -0
  52. package/esm/get-hotkeys.js +15 -0
  53. package/esm/get-hotkeys.js.map +1 -0
  54. package/esm/index.css +141 -0
  55. package/esm/index.js +9 -3
  56. package/esm/index.js.map +1 -1
  57. package/esm/spotlight.store.js +130 -0
  58. package/esm/spotlight.store.js.map +1 -0
  59. package/lib/Spotlight.context.d.ts +13 -22
  60. package/lib/Spotlight.context.d.ts.map +1 -1
  61. package/lib/Spotlight.d.ts +68 -0
  62. package/lib/Spotlight.d.ts.map +1 -0
  63. package/lib/SpotlightAction.d.ts +38 -0
  64. package/lib/SpotlightAction.d.ts.map +1 -0
  65. package/lib/SpotlightActionsGroup.d.ts +22 -0
  66. package/lib/SpotlightActionsGroup.d.ts.map +1 -0
  67. package/lib/SpotlightActionsList.d.ts +17 -0
  68. package/lib/SpotlightActionsList.d.ts.map +1 -0
  69. package/lib/SpotlightEmpty.d.ts +17 -0
  70. package/lib/SpotlightEmpty.d.ts.map +1 -0
  71. package/lib/SpotlightFooter.d.ts +17 -0
  72. package/lib/SpotlightFooter.d.ts.map +1 -0
  73. package/lib/SpotlightRoot.d.ts +45 -0
  74. package/lib/SpotlightRoot.d.ts.map +1 -0
  75. package/lib/SpotlightSearch.d.ts +17 -0
  76. package/lib/SpotlightSearch.d.ts.map +1 -0
  77. package/lib/default-spotlight-filter.d.ts +3 -0
  78. package/lib/default-spotlight-filter.d.ts.map +1 -0
  79. package/lib/get-hotkeys.d.ts +4 -0
  80. package/lib/get-hotkeys.d.ts.map +1 -0
  81. package/lib/index.d.ts +17 -7
  82. package/lib/index.d.ts.map +1 -1
  83. package/lib/spotlight.store.d.ts +54 -0
  84. package/lib/spotlight.store.d.ts.map +1 -0
  85. package/package.json +29 -11
  86. package/cjs/ActionsList/ActionsList.js +0 -105
  87. package/cjs/ActionsList/ActionsList.js.map +0 -1
  88. package/cjs/ActionsList/ActionsList.styles.js +0 -23
  89. package/cjs/ActionsList/ActionsList.styles.js.map +0 -1
  90. package/cjs/DefaultAction/DefaultAction.js +0 -90
  91. package/cjs/DefaultAction/DefaultAction.js.map +0 -1
  92. package/cjs/DefaultAction/DefaultAction.styles.js +0 -66
  93. package/cjs/DefaultAction/DefaultAction.styles.js.map +0 -1
  94. package/cjs/Spotlight/Spotlight.js +0 -214
  95. package/cjs/Spotlight/Spotlight.js.map +0 -1
  96. package/cjs/Spotlight/Spotlight.styles.js +0 -24
  97. package/cjs/Spotlight/Spotlight.styles.js.map +0 -1
  98. package/cjs/Spotlight/filter-actions/filter-actions.js +0 -29
  99. package/cjs/Spotlight/filter-actions/filter-actions.js.map +0 -1
  100. package/cjs/SpotlightProvider.js +0 -131
  101. package/cjs/SpotlightProvider.js.map +0 -1
  102. package/cjs/events.js +0 -32
  103. package/cjs/events.js.map +0 -1
  104. package/cjs/use-actions-state/use-actions-state.js +0 -61
  105. package/cjs/use-actions-state/use-actions-state.js.map +0 -1
  106. package/cjs/use-spotlight-shortcuts/use-spotlight-shortcuts.js +0 -22
  107. package/cjs/use-spotlight-shortcuts/use-spotlight-shortcuts.js.map +0 -1
  108. package/esm/ActionsList/ActionsList.js +0 -97
  109. package/esm/ActionsList/ActionsList.js.map +0 -1
  110. package/esm/ActionsList/ActionsList.styles.js +0 -19
  111. package/esm/ActionsList/ActionsList.styles.js.map +0 -1
  112. package/esm/DefaultAction/DefaultAction.js +0 -82
  113. package/esm/DefaultAction/DefaultAction.js.map +0 -1
  114. package/esm/DefaultAction/DefaultAction.styles.js +0 -62
  115. package/esm/DefaultAction/DefaultAction.styles.js.map +0 -1
  116. package/esm/Spotlight/Spotlight.js +0 -206
  117. package/esm/Spotlight/Spotlight.js.map +0 -1
  118. package/esm/Spotlight/Spotlight.styles.js +0 -20
  119. package/esm/Spotlight/Spotlight.styles.js.map +0 -1
  120. package/esm/Spotlight/filter-actions/filter-actions.js +0 -25
  121. package/esm/Spotlight/filter-actions/filter-actions.js.map +0 -1
  122. package/esm/SpotlightProvider.js +0 -123
  123. package/esm/SpotlightProvider.js.map +0 -1
  124. package/esm/events.js +0 -20
  125. package/esm/events.js.map +0 -1
  126. package/esm/use-actions-state/use-actions-state.js +0 -57
  127. package/esm/use-actions-state/use-actions-state.js.map +0 -1
  128. package/esm/use-spotlight-shortcuts/use-spotlight-shortcuts.js +0 -17
  129. package/esm/use-spotlight-shortcuts/use-spotlight-shortcuts.js.map +0 -1
  130. package/lib/ActionsList/ActionsList.d.ts +0 -33
  131. package/lib/ActionsList/ActionsList.d.ts.map +0 -1
  132. package/lib/ActionsList/ActionsList.styles.d.ts +0 -11
  133. package/lib/ActionsList/ActionsList.styles.d.ts.map +0 -1
  134. package/lib/DefaultAction/DefaultAction.d.ts +0 -19
  135. package/lib/DefaultAction/DefaultAction.d.ts.map +0 -1
  136. package/lib/DefaultAction/DefaultAction.styles.d.ts +0 -17
  137. package/lib/DefaultAction/DefaultAction.styles.d.ts.map +0 -1
  138. package/lib/Spotlight/Spotlight.d.ts +0 -51
  139. package/lib/Spotlight/Spotlight.d.ts.map +0 -1
  140. package/lib/Spotlight/Spotlight.styles.d.ts +0 -10
  141. package/lib/Spotlight/Spotlight.styles.d.ts.map +0 -1
  142. package/lib/Spotlight/filter-actions/filter-actions.d.ts +0 -3
  143. package/lib/Spotlight/filter-actions/filter-actions.d.ts.map +0 -1
  144. package/lib/SpotlightProvider.d.ts +0 -34
  145. package/lib/SpotlightProvider.d.ts.map +0 -1
  146. package/lib/events.d.ts +0 -25
  147. package/lib/events.d.ts.map +0 -1
  148. package/lib/types.d.ts +0 -22
  149. package/lib/types.d.ts.map +0 -1
  150. package/lib/use-actions-state/use-actions-state.d.ts +0 -12
  151. package/lib/use-actions-state/use-actions-state.d.ts.map +0 -1
  152. package/lib/use-spotlight-shortcuts/use-spotlight-shortcuts.d.ts +0 -4
  153. package/lib/use-spotlight-shortcuts/use-spotlight-shortcuts.d.ts.map +0 -1
@@ -0,0 +1,3 @@
1
+ import type { SpotlightFilterFunction } from './Spotlight';
2
+ export declare const defaultSpotlightFilter: SpotlightFilterFunction;
3
+ //# sourceMappingURL=default-spotlight-filter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-spotlight-filter.d.ts","sourceRoot":"","sources":["../src/default-spotlight-filter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EAIxB,MAAM,aAAa,CAAC;AAoDrB,eAAO,MAAM,sBAAsB,EAAE,uBAgBpC,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { HotkeyItem } from '@mantine/hooks';
2
+ import { SpotlightStore } from './spotlight.store';
3
+ export declare function getHotkeys(hotkeys: string | string[] | null | undefined, store: SpotlightStore): HotkeyItem[];
4
+ //# sourceMappingURL=get-hotkeys.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-hotkeys.d.ts","sourceRoot":"","sources":["../src/get-hotkeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAoB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAErE,wBAAgB,UAAU,CACxB,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,EAC7C,KAAK,EAAE,cAAc,GACpB,UAAU,EAAE,CAYd"}
package/lib/index.d.ts CHANGED
@@ -1,8 +1,18 @@
1
- export { useSpotlight } from './Spotlight.context';
2
- export { SpotlightProvider } from './SpotlightProvider';
3
- export { openSpotlight, closeSpotlight, toggleSpotlight, triggerSpotlightAction, registerSpotlightActions, removeSpotlightActions, spotlight, } from './events';
4
- export type { SpotlightAction } from './types';
5
- export type { SpotlightProviderProps } from './SpotlightProvider';
6
- export type { DefaultActionProps as SpotlightActionProps } from './DefaultAction/DefaultAction';
7
- export type { SpotlightStylesNames } from './Spotlight/Spotlight';
1
+ export { spotlight, createSpotlight, createSpotlightStore, useSpotlight, openSpotlight, closeSpotlight, toggleSpotlight, } from './spotlight.store';
2
+ export type { SpotlightState, SpotlightStore } from './spotlight.store';
3
+ export { Spotlight } from './Spotlight';
4
+ export { SpotlightAction } from './SpotlightAction';
5
+ export { SpotlightActionsGroup } from './SpotlightActionsGroup';
6
+ export { SpotlightActionsList } from './SpotlightActionsList';
7
+ export { SpotlightEmpty } from './SpotlightEmpty';
8
+ export { SpotlightFooter } from './SpotlightFooter';
9
+ export { SpotlightSearch } from './SpotlightSearch';
10
+ export type { SpotlightFactory, SpotlightFilterFunction, SpotlightActionData, SpotlightProps, SpotlightStylesNames, } from './Spotlight';
11
+ export type { SpotlightActionProps, SpotlightActionStylesNames } from './SpotlightAction';
12
+ export type { SpotlightActionsGroupProps, SpotlightActionsGroupStylesNames, } from './SpotlightActionsGroup';
13
+ export type { SpotlightActionsListProps, SpotlightActionsListStylesNames, } from './SpotlightActionsList';
14
+ export type { SpotlightEmptyProps, SpotlightEmptyStylesNames } from './SpotlightEmpty';
15
+ export type { SpotlightFooterProps, SpotlightFooterStylesNames } from './SpotlightFooter';
16
+ export type { SpotlightSearchProps, SpotlightSearchStylesNames } from './SpotlightSearch';
17
+ export type { SpotlightRootProps, SpotlightRootStylesNames } from './SpotlightRoot';
8
18
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,aAAa,EACb,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,SAAS,GACV,MAAM,UAAU,CAAC;AAElB,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,YAAY,EAAE,kBAAkB,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAChG,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,eAAe,EACf,oBAAoB,EACpB,YAAY,EACZ,aAAa,EACb,cAAc,EACd,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GACrB,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAC1F,YAAY,EACV,0BAA0B,EAC1B,gCAAgC,GACjC,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,yBAAyB,EACzB,+BAA+B,GAChC,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AACvF,YAAY,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAC1F,YAAY,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,54 @@
1
+ import { MantineStore } from '@mantine/store';
2
+ export interface SpotlightState {
3
+ opened: boolean;
4
+ selected: number;
5
+ listId: string;
6
+ query: string;
7
+ empty: boolean;
8
+ registeredActions: Set<string>;
9
+ }
10
+ export type SpotlightStore = MantineStore<SpotlightState>;
11
+ export declare const createSpotlightStore: () => MantineStore<SpotlightState>;
12
+ export declare const useSpotlight: (store: SpotlightStore) => SpotlightState;
13
+ export declare function updateSpotlightStateAction(update: (state: SpotlightState) => Partial<SpotlightState>, store: SpotlightStore): void;
14
+ export declare function openSpotlightAction(store: SpotlightStore): void;
15
+ export declare function closeSpotlightAction(store: SpotlightStore): void;
16
+ export declare function toggleSpotlightAction(store: SpotlightStore): void;
17
+ export declare function setSelectedAction(index: number, store: SpotlightStore): void;
18
+ export declare function setListId(id: string, store: SpotlightStore): void;
19
+ export declare function selectAction(index: number, store: SpotlightStore): number;
20
+ export declare function selectNextAction(store: SpotlightStore): number;
21
+ export declare function selectPreviousAction(store: SpotlightStore): number;
22
+ export declare function triggerSelectedAction(store: SpotlightStore): void;
23
+ export declare function registerAction(id: string, store: SpotlightStore): () => void;
24
+ export declare function setQuery(query: string, store: SpotlightStore): void;
25
+ export declare function clearSpotlightState({ clearQuery }: {
26
+ clearQuery: boolean | undefined;
27
+ }, store: SpotlightStore): void;
28
+ export declare const spotlightActions: {
29
+ open: typeof openSpotlightAction;
30
+ close: typeof closeSpotlightAction;
31
+ toggle: typeof toggleSpotlightAction;
32
+ updateState: typeof updateSpotlightStateAction;
33
+ setSelectedAction: typeof setSelectedAction;
34
+ setListId: typeof setListId;
35
+ selectAction: typeof selectAction;
36
+ selectNextAction: typeof selectNextAction;
37
+ selectPreviousAction: typeof selectPreviousAction;
38
+ triggerSelectedAction: typeof triggerSelectedAction;
39
+ registerAction: typeof registerAction;
40
+ setQuery: typeof setQuery;
41
+ clearSpotlightState: typeof clearSpotlightState;
42
+ };
43
+ export declare function createSpotlight(): readonly [MantineStore<SpotlightState>, {
44
+ open: () => void;
45
+ close: () => void;
46
+ toggle: () => void;
47
+ }];
48
+ export declare const spotlightStore: MantineStore<SpotlightState>, spotlight: {
49
+ open: () => void;
50
+ close: () => void;
51
+ toggle: () => void;
52
+ };
53
+ export declare const openSpotlight: () => void, closeSpotlight: () => void, toggleSpotlight: () => void;
54
+ //# sourceMappingURL=spotlight.store.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spotlight.store.d.ts","sourceRoot":"","sources":["../src/spotlight.store.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAErE,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC;AAE1D,eAAO,MAAM,oBAAoB,oCAQ7B,CAAC;AAEL,eAAO,MAAM,YAAY,2CAA6C,CAAC;AAEvE,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,OAAO,CAAC,cAAc,CAAC,EAC1D,KAAK,EAAE,cAAc,QAItB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,QAExD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,QAEzD;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,QAE1D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,QAErE;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,QAE1D;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,GAAG,MAAM,CAczE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,UAErD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,UAEzD;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,QAI1D;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,cAM/D;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,QAW5D;AAED,wBAAgB,mBAAmB,CACjC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,EACnD,KAAK,EAAE,cAAc,QAQtB;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;CAc5B,CAAC;AAEF,wBAAgB,eAAe;;;;GAS9B;AAED,eAAO,MAAO,cAAc,gCAAE,SAAS;;;;CAAqB,CAAC;AAC7D,eAAO,MAAc,aAAa,cAAS,cAAc,cAAU,eAAe,YAAc,CAAC"}
package/package.json CHANGED
@@ -1,27 +1,45 @@
1
1
  {
2
2
  "name": "@mantine/spotlight",
3
- "description": "Command center for your application",
4
- "version": "6.0.13",
5
- "main": "cjs/index.js",
6
- "module": "esm/index.js",
7
- "types": "lib/index.d.ts",
3
+ "version": "7.0.0-alpha.14",
4
+ "types": "./lib/index.d.ts",
5
+ "exports": {
6
+ ".": {
7
+ "import": "./esm/index.js",
8
+ "require": "./cjs/index.js",
9
+ "types": "./lib/index.d.ts"
10
+ },
11
+ "./styles.css": "./esm/index.css"
12
+ },
8
13
  "license": "MIT",
9
14
  "author": "Vitaly Rtishchev <rtivital@gmail.com>",
10
15
  "sideEffects": false,
11
- "homepage": "https://mantine.dev/others/spotlight/",
16
+ "homepage": "https://mantine.dev",
12
17
  "repository": {
13
18
  "url": "https://github.com/mantinedev/mantine.git",
14
19
  "type": "git",
15
20
  "directory": "src/mantine-spotlight"
16
21
  },
22
+ "keywords": [
23
+ "react",
24
+ "next",
25
+ "nextjs",
26
+ "ui",
27
+ "components",
28
+ "ui-kit",
29
+ "library",
30
+ "frontend",
31
+ "search",
32
+ "command-center"
33
+ ],
17
34
  "peerDependencies": {
18
- "@mantine/core": "6.0.13",
19
- "@mantine/hooks": "6.0.13",
20
- "react": ">=16.8.0",
21
- "react-dom": ">=16.8.0"
35
+ "@mantine/core": "7.0.0-alpha.14",
36
+ "@mantine/hooks": "7.0.0-alpha.14",
37
+ "react": ">=18.0.0",
38
+ "react-dom": ">=18.0.0"
22
39
  },
23
40
  "dependencies": {
24
- "@mantine/utils": "6.0.13"
41
+ "@mantine/store": "7.0.0-alpha.14",
42
+ "tslib": "^2.5.2"
25
43
  },
26
44
  "devDependencies": {}
27
45
  }
@@ -1,105 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var core = require('@mantine/core');
7
- var ActionsList_styles = require('./ActionsList.styles.js');
8
-
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
-
13
- var __defProp = Object.defineProperty;
14
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
15
- var __hasOwnProp = Object.prototype.hasOwnProperty;
16
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
17
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
18
- var __spreadValues = (a, b) => {
19
- for (var prop in b || (b = {}))
20
- if (__hasOwnProp.call(b, prop))
21
- __defNormalProp(a, prop, b[prop]);
22
- if (__getOwnPropSymbols)
23
- for (var prop of __getOwnPropSymbols(b)) {
24
- if (__propIsEnum.call(b, prop))
25
- __defNormalProp(a, prop, b[prop]);
26
- }
27
- return a;
28
- };
29
- var __objRest = (source, exclude) => {
30
- var target = {};
31
- for (var prop in source)
32
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
33
- target[prop] = source[prop];
34
- if (source != null && __getOwnPropSymbols)
35
- for (var prop of __getOwnPropSymbols(source)) {
36
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
37
- target[prop] = source[prop];
38
- }
39
- return target;
40
- };
41
- function ActionsList(_a) {
42
- var _b = _a, {
43
- actions,
44
- styles,
45
- classNames,
46
- actionComponent: Action,
47
- hovered,
48
- onActionTrigger,
49
- query,
50
- nothingFoundMessage,
51
- highlightQuery,
52
- highlightColor,
53
- radius,
54
- variant
55
- } = _b, others = __objRest(_b, [
56
- "actions",
57
- "styles",
58
- "classNames",
59
- "actionComponent",
60
- "hovered",
61
- "onActionTrigger",
62
- "query",
63
- "nothingFoundMessage",
64
- "highlightQuery",
65
- "highlightColor",
66
- "radius",
67
- "variant"
68
- ]);
69
- const { classes } = ActionsList_styles['default'](null, { name: "Spotlight", classNames, styles, variant });
70
- const items = actions.map((item) => {
71
- if (item.type === "item") {
72
- return /* @__PURE__ */ React__default.createElement(Action, {
73
- query,
74
- key: item.item.id,
75
- action: item.item,
76
- hovered: item.index === hovered,
77
- classNames,
78
- styles,
79
- radius,
80
- onTrigger: () => onActionTrigger(item.item),
81
- highlightQuery,
82
- highlightColor
83
- });
84
- }
85
- return /* @__PURE__ */ React__default.createElement(core.Text, {
86
- className: classes.actionsGroup,
87
- color: "dimmed",
88
- key: item.label
89
- }, item.label);
90
- });
91
- const shouldRenderActions = items.length > 0 || !!nothingFoundMessage && query.trim().length > 0;
92
- return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, shouldRenderActions && /* @__PURE__ */ React__default.createElement("div", __spreadValues({
93
- className: classes.actions
94
- }, others), items.length > 0 ? items : /* @__PURE__ */ React__default.createElement(core.Text, {
95
- c: "dimmed",
96
- className: classes.nothingFound,
97
- ta: "center",
98
- fz: "lg",
99
- py: "md"
100
- }, nothingFoundMessage)));
101
- }
102
- ActionsList.displayName = "@mantine/spotlight/ActionsList";
103
-
104
- exports.ActionsList = ActionsList;
105
- //# sourceMappingURL=ActionsList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsList.js","sources":["../../src/ActionsList/ActionsList.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, Selectors, Text, MantineNumberSize, MantineColor } from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport type { DefaultActionProps, DefaultActionStylesNames } from '../DefaultAction/DefaultAction';\nimport useStyles from './ActionsList.styles';\n\nexport type ActionsListStylesNames = Selectors<typeof useStyles> | DefaultActionStylesNames;\ntype GetGroupOptionsItem<T extends any[]> = { type: 'item'; item: T[number]; index: number };\ntype GetGroupOptionsLabel = { type: 'label'; label: string };\n\nexport interface ActionsListProps\n extends DefaultProps<ActionsListStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n actions: (GetGroupOptionsItem<SpotlightAction[]> | GetGroupOptionsLabel)[];\n actionComponent?: React.FC<DefaultActionProps>;\n hovered: number;\n query: string;\n nothingFoundMessage?: React.ReactNode;\n onActionTrigger(action: SpotlightAction): void;\n highlightQuery: boolean;\n highlightColor: MantineColor;\n radius: MantineNumberSize;\n variant: string;\n}\n\nexport function ActionsList({\n actions,\n styles,\n classNames,\n actionComponent: Action,\n hovered,\n onActionTrigger,\n query,\n nothingFoundMessage,\n highlightQuery,\n highlightColor,\n radius,\n variant,\n ...others\n}: ActionsListProps) {\n const { classes } = useStyles(null, { name: 'Spotlight', classNames, styles, variant });\n\n const items = actions.map((item) => {\n if (item.type === 'item') {\n return (\n <Action\n query={query}\n key={item.item.id}\n action={item.item}\n hovered={item.index === hovered}\n classNames={classNames}\n styles={styles}\n radius={radius}\n onTrigger={() => onActionTrigger(item.item)}\n highlightQuery={highlightQuery}\n highlightColor={highlightColor}\n />\n );\n }\n\n return (\n <Text className={classes.actionsGroup} color=\"dimmed\" key={item.label}>\n {item.label}\n </Text>\n );\n });\n\n const shouldRenderActions =\n items.length > 0 || (!!nothingFoundMessage && query.trim().length > 0);\n\n return (\n <>\n {shouldRenderActions && (\n <div className={classes.actions} {...others}>\n {items.length > 0 ? (\n items\n ) : (\n <Text c=\"dimmed\" className={classes.nothingFound} ta=\"center\" fz=\"lg\" py=\"md\">\n {nothingFoundMessage}\n </Text>\n )}\n </div>\n )}\n </>\n );\n}\n\nActionsList.displayName = '@mantine/spotlight/ActionsList';\n"],"names":["useStyles","React","Text"],"mappings":"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"}
@@ -1,23 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var core = require('@mantine/core');
6
-
7
- var useStyles = core.createStyles((theme) => ({
8
- nothingFound: {},
9
- actions: {
10
- padding: `calc(${theme.spacing.xs} / 2)`
11
- },
12
- actionsGroup: {
13
- textTransform: "uppercase",
14
- fontSize: theme.spacing.xs,
15
- fontWeight: 700,
16
- padding: `${core.rem(10)} ${core.rem(12)}`,
17
- paddingBottom: 0,
18
- paddingTop: theme.spacing.md
19
- }
20
- }));
21
-
22
- exports.default = useStyles;
23
- //# sourceMappingURL=ActionsList.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionsList.styles.js","sources":["../../src/ActionsList/ActionsList.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n nothingFound: {},\n\n actions: {\n padding: `calc(${theme.spacing.xs} / 2)`,\n },\n\n actionsGroup: {\n textTransform: 'uppercase',\n fontSize: theme.spacing.xs,\n fontWeight: 700,\n padding: `${rem(10)} ${rem(12)}`,\n paddingBottom: 0,\n paddingTop: theme.spacing.md,\n },\n}));\n"],"names":["createStyles","rem"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,YAAY,EAAE,EAAE;AAClB,EAAE,OAAO,EAAE;AACX,IAAI,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC;AAC5C,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,aAAa,EAAE,WAAW;AAC9B,IAAI,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAC9B,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,OAAO,EAAE,CAAC,EAAEC,QAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAEA,QAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AACpC,IAAI,aAAa,EAAE,CAAC;AACpB,IAAI,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAChC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
@@ -1,90 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var core = require('@mantine/core');
7
- var DefaultAction_styles = require('./DefaultAction.styles.js');
8
-
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
-
13
- var __defProp = Object.defineProperty;
14
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
15
- var __hasOwnProp = Object.prototype.hasOwnProperty;
16
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
17
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
18
- var __spreadValues = (a, b) => {
19
- for (var prop in b || (b = {}))
20
- if (__hasOwnProp.call(b, prop))
21
- __defNormalProp(a, prop, b[prop]);
22
- if (__getOwnPropSymbols)
23
- for (var prop of __getOwnPropSymbols(b)) {
24
- if (__propIsEnum.call(b, prop))
25
- __defNormalProp(a, prop, b[prop]);
26
- }
27
- return a;
28
- };
29
- var __objRest = (source, exclude) => {
30
- var target = {};
31
- for (var prop in source)
32
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
33
- target[prop] = source[prop];
34
- if (source != null && __getOwnPropSymbols)
35
- for (var prop of __getOwnPropSymbols(source)) {
36
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
37
- target[prop] = source[prop];
38
- }
39
- return target;
40
- };
41
- function DefaultAction(_a) {
42
- var _b = _a, {
43
- action,
44
- styles,
45
- classNames,
46
- hovered,
47
- onTrigger,
48
- highlightQuery,
49
- highlightColor,
50
- query,
51
- radius
52
- } = _b, others = __objRest(_b, [
53
- "action",
54
- "styles",
55
- "classNames",
56
- "hovered",
57
- "onTrigger",
58
- "highlightQuery",
59
- "highlightColor",
60
- "query",
61
- "radius"
62
- ]);
63
- const { classes } = DefaultAction_styles['default']({ radius }, { styles, classNames, name: "Spotlight" });
64
- return /* @__PURE__ */ React__default.createElement(core.UnstyledButton, __spreadValues({
65
- className: classes.action,
66
- "data-hovered": hovered || void 0,
67
- tabIndex: -1,
68
- onMouseDown: (event) => event.preventDefault(),
69
- onClick: onTrigger
70
- }, others), /* @__PURE__ */ React__default.createElement(core.Group, {
71
- noWrap: true
72
- }, action.icon && /* @__PURE__ */ React__default.createElement(core.Center, {
73
- className: classes.actionIcon,
74
- "data-hovered": hovered || void 0
75
- }, action.icon), /* @__PURE__ */ React__default.createElement("div", {
76
- className: classes.actionBody
77
- }, /* @__PURE__ */ React__default.createElement(core.Highlight, {
78
- highlightColor,
79
- className: classes.actionHighlight,
80
- highlight: highlightQuery ? query : null
81
- }, action.title), action.description && /* @__PURE__ */ React__default.createElement(core.Text, {
82
- size: "xs",
83
- className: classes.actionDescription,
84
- "data-hovered": hovered || void 0
85
- }, action.description))));
86
- }
87
- DefaultAction.displayName = "@mantine/spotlight/DefaultAction";
88
-
89
- exports.DefaultAction = DefaultAction;
90
- //# sourceMappingURL=DefaultAction.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DefaultAction.js","sources":["../../src/DefaultAction/DefaultAction.tsx"],"sourcesContent":["import React from 'react';\nimport {\n DefaultProps,\n Selectors,\n Highlight,\n UnstyledButton,\n Group,\n Center,\n Text,\n MantineNumberSize,\n MantineColor,\n} from '@mantine/core';\nimport type { SpotlightAction } from '../types';\nimport useStyles from './DefaultAction.styles';\n\nexport type DefaultActionStylesNames = Selectors<typeof useStyles>;\n\nexport interface DefaultActionProps\n extends DefaultProps<DefaultActionStylesNames>,\n React.ComponentPropsWithoutRef<'button'> {\n action: SpotlightAction;\n hovered: boolean;\n onTrigger(): void;\n highlightQuery: boolean;\n highlightColor: MantineColor;\n query: string;\n radius: MantineNumberSize;\n}\n\nexport function DefaultAction({\n action,\n styles,\n classNames,\n hovered,\n onTrigger,\n highlightQuery,\n highlightColor,\n query,\n radius,\n ...others\n}: DefaultActionProps) {\n const { classes } = useStyles({ radius }, { styles, classNames, name: 'Spotlight' });\n\n return (\n <UnstyledButton\n className={classes.action}\n data-hovered={hovered || undefined}\n tabIndex={-1}\n onMouseDown={(event) => event.preventDefault()}\n onClick={onTrigger}\n {...others}\n >\n <Group noWrap>\n {action.icon && (\n <Center className={classes.actionIcon} data-hovered={hovered || undefined}>\n {action.icon}\n </Center>\n )}\n\n <div className={classes.actionBody}>\n <Highlight\n highlightColor={highlightColor}\n className={classes.actionHighlight}\n highlight={highlightQuery ? query : null}\n >\n {action.title}\n </Highlight>\n\n {action.description && (\n <Text\n size=\"xs\"\n className={classes.actionDescription}\n data-hovered={hovered || undefined}\n >\n {action.description}\n </Text>\n )}\n </div>\n </Group>\n </UnstyledButton>\n );\n}\n\nDefaultAction.displayName = '@mantine/spotlight/DefaultAction';\n"],"names":["useStyles","React","UnstyledButton","Group","Center","Highlight","Text"],"mappings":"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"}
@@ -1,66 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var core = require('@mantine/core');
6
-
7
- var __defProp = Object.defineProperty;
8
- var __defProps = Object.defineProperties;
9
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
10
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
11
- var __hasOwnProp = Object.prototype.hasOwnProperty;
12
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
13
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
14
- var __spreadValues = (a, b) => {
15
- for (var prop in b || (b = {}))
16
- if (__hasOwnProp.call(b, prop))
17
- __defNormalProp(a, prop, b[prop]);
18
- if (__getOwnPropSymbols)
19
- for (var prop of __getOwnPropSymbols(b)) {
20
- if (__propIsEnum.call(b, prop))
21
- __defNormalProp(a, prop, b[prop]);
22
- }
23
- return a;
24
- };
25
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
26
- var useStyles = core.createStyles((theme, { radius }) => ({
27
- action: __spreadProps(__spreadValues({
28
- position: "relative",
29
- display: "block",
30
- width: "100%",
31
- padding: `${core.rem(10)} ${core.rem(12)}`,
32
- borderRadius: theme.fn.radius(radius)
33
- }, theme.fn.hover({
34
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[1]
35
- })), {
36
- "&[data-hovered]": __spreadValues({
37
- backgroundColor: theme.fn.primaryColor(),
38
- color: theme.white
39
- }, theme.fn.hover({
40
- backgroundColor: theme.fn.primaryColor()
41
- }))
42
- }),
43
- actionDescription: {
44
- color: theme.fn.dimmed(),
45
- "&[data-hovered]": {
46
- color: theme.white,
47
- opacity: 0.7
48
- }
49
- },
50
- actionIcon: {
51
- color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6],
52
- "&[data-hovered]": {
53
- color: theme.white,
54
- opacity: 0.7
55
- }
56
- },
57
- actionBody: {},
58
- actionHighlight: {
59
- "& [data-highlight]": {
60
- color: theme.colorScheme === "dark" ? theme.colors.dark[9] : theme.black
61
- }
62
- }
63
- }));
64
-
65
- exports.default = useStyles;
66
- //# sourceMappingURL=DefaultAction.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DefaultAction.styles.js","sources":["../../src/DefaultAction/DefaultAction.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, rem } from '@mantine/core';\n\nexport interface DefaultActionStylesParams {\n radius: MantineNumberSize;\n}\n\nexport default createStyles((theme, { radius }: DefaultActionStylesParams) => ({\n action: {\n position: 'relative',\n display: 'block',\n width: '100%',\n padding: `${rem(10)} ${rem(12)}`,\n borderRadius: theme.fn.radius(radius),\n ...theme.fn.hover({\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n }),\n\n '&[data-hovered]': {\n backgroundColor: theme.fn.primaryColor(),\n color: theme.white,\n ...theme.fn.hover({\n backgroundColor: theme.fn.primaryColor(),\n }),\n },\n },\n\n actionDescription: {\n color: theme.fn.dimmed(),\n\n '&[data-hovered]': {\n color: theme.white,\n opacity: 0.7,\n },\n },\n\n actionIcon: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n\n '&[data-hovered]': {\n color: theme.white,\n opacity: 0.7,\n },\n },\n\n actionBody: {},\n\n actionHighlight: {\n '& [data-highlight]': {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.black,\n },\n },\n}));\n"],"names":["createStyles","rem"],"mappings":"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"}