@mantine/spotlight 6.0.12 → 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,66 @@
1
+ import React, { useId, useEffect } from 'react';
2
+ import { factory, useProps, ScrollArea } from '@mantine/core';
3
+ import classes from './Spotlight.module.css.js';
4
+ import { useSpotlightContext } from './Spotlight.context.js';
5
+ import { spotlightActions } from './spotlight.store.js';
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 __objRest = (source, exclude) => {
27
+ var target = {};
28
+ for (var prop in source)
29
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
30
+ target[prop] = source[prop];
31
+ if (source != null && __getOwnPropSymbols)
32
+ for (var prop of __getOwnPropSymbols(source)) {
33
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
34
+ target[prop] = source[prop];
35
+ }
36
+ return target;
37
+ };
38
+ const defaultProps = {};
39
+ const SpotlightActionsList = factory((props, ref) => {
40
+ const _a = useProps(
41
+ "SpotlightActionsList",
42
+ defaultProps,
43
+ props
44
+ ), { className, style, id, children, vars, classNames, styles } = _a, others = __objRest(_a, ["className", "style", "id", "children", "vars", "classNames", "styles"]);
45
+ const ctx = useSpotlightContext();
46
+ const generatedId = `mantine-${useId().replaceAll(":", "")}`;
47
+ const listId = id || generatedId;
48
+ useEffect(() => {
49
+ spotlightActions.setListId(listId, ctx.store);
50
+ return () => spotlightActions.setListId("", ctx.store);
51
+ }, []);
52
+ return /* @__PURE__ */ React.createElement(
53
+ ScrollArea.Autosize,
54
+ __spreadValues(__spreadProps(__spreadValues({}, ctx.getStyles("actionsList", { className, style, classNames, styles })), {
55
+ ref,
56
+ type: "scroll",
57
+ id: listId
58
+ }), others),
59
+ children
60
+ );
61
+ });
62
+ SpotlightActionsList.classes = classes;
63
+ SpotlightActionsList.displayName = "@mantine/spotlight/SpotlightActionsList";
64
+
65
+ export { SpotlightActionsList };
66
+ //# sourceMappingURL=SpotlightActionsList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SpotlightActionsList.js","sources":["../src/SpotlightActionsList.tsx"],"sourcesContent":["import React, { useEffect, useId } from 'react';\nimport {\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n ScrollArea,\n} from '@mantine/core';\nimport classes from './Spotlight.module.css';\nimport { useSpotlightContext } from './Spotlight.context';\nimport { spotlightActions } from './spotlight.store';\n\nexport type SpotlightActionsListStylesNames = 'actionsList' | 'actionsListInner';\n\nexport interface SpotlightActionsListProps\n extends BoxProps,\n StylesApiProps<SpotlightActionsListFactory>,\n ElementProps<'div'> {}\n\nexport type SpotlightActionsListFactory = Factory<{\n props: SpotlightActionsListProps;\n ref: HTMLDivElement;\n stylesNames: SpotlightActionsListStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<SpotlightActionsListProps> = {};\n\nexport const SpotlightActionsList = factory<SpotlightActionsListFactory>((props, ref) => {\n const { className, style, id, children, vars, classNames, styles, ...others } = useProps(\n 'SpotlightActionsList',\n defaultProps,\n props\n );\n const ctx = useSpotlightContext();\n const generatedId = `mantine-${useId().replaceAll(':', '')}`;\n const listId = id || generatedId;\n\n useEffect(() => {\n spotlightActions.setListId(listId, ctx.store);\n return () => spotlightActions.setListId('', ctx.store);\n }, []);\n\n return (\n <ScrollArea.Autosize\n {...ctx.getStyles('actionsList', { className, style, classNames, styles })}\n ref={ref}\n type=\"scroll\"\n id={listId}\n {...others}\n >\n {children}\n </ScrollArea.Autosize>\n );\n});\n\nSpotlightActionsList.classes = classes;\nSpotlightActionsList.displayName = '@mantine/spotlight/SpotlightActionsList';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,53 @@
1
+ import React from 'react';
2
+ import { factory, useProps, Box } from '@mantine/core';
3
+ import { useSpotlightContext } from './Spotlight.context.js';
4
+ import classes from './Spotlight.module.css.js';
5
+
6
+ var __defProp = Object.defineProperty;
7
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
9
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
+ var __spreadValues = (a, b) => {
12
+ for (var prop in b || (b = {}))
13
+ if (__hasOwnProp.call(b, prop))
14
+ __defNormalProp(a, prop, b[prop]);
15
+ if (__getOwnPropSymbols)
16
+ for (var prop of __getOwnPropSymbols(b)) {
17
+ if (__propIsEnum.call(b, prop))
18
+ __defNormalProp(a, prop, b[prop]);
19
+ }
20
+ return a;
21
+ };
22
+ var __objRest = (source, exclude) => {
23
+ var target = {};
24
+ for (var prop in source)
25
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
26
+ target[prop] = source[prop];
27
+ if (source != null && __getOwnPropSymbols)
28
+ for (var prop of __getOwnPropSymbols(source)) {
29
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
30
+ target[prop] = source[prop];
31
+ }
32
+ return target;
33
+ };
34
+ const defaultProps = {};
35
+ const SpotlightEmpty = factory((props, ref) => {
36
+ const _a = useProps(
37
+ "SpotlightEmpty",
38
+ defaultProps,
39
+ props
40
+ ), { className, style, classNames, styles } = _a, others = __objRest(_a, ["className", "style", "classNames", "styles"]);
41
+ const ctx = useSpotlightContext();
42
+ return /* @__PURE__ */ React.createElement(
43
+ Box,
44
+ __spreadValues(__spreadValues({
45
+ ref
46
+ }, ctx.getStyles("empty", { classNames, styles, className, style })), others)
47
+ );
48
+ });
49
+ SpotlightEmpty.classes = classes;
50
+ SpotlightEmpty.displayName = "@mantine/spotlight/SpotlightEmpty";
51
+
52
+ export { SpotlightEmpty };
53
+ //# sourceMappingURL=SpotlightEmpty.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SpotlightEmpty.js","sources":["../src/SpotlightEmpty.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n} from '@mantine/core';\nimport { useSpotlightContext } from './Spotlight.context';\nimport classes from './Spotlight.module.css';\n\nexport type SpotlightEmptyStylesNames = 'empty';\n\nexport interface SpotlightEmptyProps\n extends BoxProps,\n StylesApiProps<SpotlightEmptyFactory>,\n ElementProps<'div'> {}\n\nexport type SpotlightEmptyFactory = Factory<{\n props: SpotlightEmptyProps;\n ref: HTMLDivElement;\n stylesNames: SpotlightEmptyStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<SpotlightEmptyProps> = {};\n\nexport const SpotlightEmpty = factory<SpotlightEmptyFactory>((props, ref) => {\n const { className, style, classNames, styles, ...others } = useProps(\n 'SpotlightEmpty',\n defaultProps,\n props\n );\n\n const ctx = useSpotlightContext();\n\n return (\n <Box\n ref={ref}\n {...ctx.getStyles('empty', { classNames, styles, className, style })}\n {...others}\n />\n );\n});\n\nSpotlightEmpty.classes = classes;\nSpotlightEmpty.displayName = '@mantine/spotlight/SpotlightEmpty';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,53 @@
1
+ import React from 'react';
2
+ import { factory, useProps, Box } from '@mantine/core';
3
+ import classes from './Spotlight.module.css.js';
4
+ import { useSpotlightContext } from './Spotlight.context.js';
5
+
6
+ var __defProp = Object.defineProperty;
7
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
9
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
+ var __spreadValues = (a, b) => {
12
+ for (var prop in b || (b = {}))
13
+ if (__hasOwnProp.call(b, prop))
14
+ __defNormalProp(a, prop, b[prop]);
15
+ if (__getOwnPropSymbols)
16
+ for (var prop of __getOwnPropSymbols(b)) {
17
+ if (__propIsEnum.call(b, prop))
18
+ __defNormalProp(a, prop, b[prop]);
19
+ }
20
+ return a;
21
+ };
22
+ var __objRest = (source, exclude) => {
23
+ var target = {};
24
+ for (var prop in source)
25
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
26
+ target[prop] = source[prop];
27
+ if (source != null && __getOwnPropSymbols)
28
+ for (var prop of __getOwnPropSymbols(source)) {
29
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
30
+ target[prop] = source[prop];
31
+ }
32
+ return target;
33
+ };
34
+ const defaultProps = {};
35
+ const SpotlightFooter = factory((props, ref) => {
36
+ const _a = useProps(
37
+ "SpotlightFooter",
38
+ defaultProps,
39
+ props
40
+ ), { className, style, classNames, styles } = _a, others = __objRest(_a, ["className", "style", "classNames", "styles"]);
41
+ const ctx = useSpotlightContext();
42
+ return /* @__PURE__ */ React.createElement(
43
+ Box,
44
+ __spreadValues(__spreadValues({
45
+ ref
46
+ }, ctx.getStyles("footer", { className, classNames, style, styles })), others)
47
+ );
48
+ });
49
+ SpotlightFooter.classes = classes;
50
+ SpotlightFooter.displayName = "@mantine/spotlight/SpotlightFooter";
51
+
52
+ export { SpotlightFooter };
53
+ //# sourceMappingURL=SpotlightFooter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SpotlightFooter.js","sources":["../src/SpotlightFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n} from '@mantine/core';\nimport classes from './Spotlight.module.css';\nimport { useSpotlightContext } from './Spotlight.context';\n\nexport type SpotlightFooterStylesNames = 'footer';\n\nexport interface SpotlightFooterProps\n extends BoxProps,\n StylesApiProps<SpotlightFooterFactory>,\n ElementProps<'div'> {}\n\nexport type SpotlightFooterFactory = Factory<{\n props: SpotlightFooterProps;\n ref: HTMLDivElement;\n stylesNames: SpotlightFooterStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<SpotlightFooterProps> = {};\n\nexport const SpotlightFooter = factory<SpotlightFooterFactory>((props, ref) => {\n const { className, style, classNames, styles, ...others } = useProps(\n 'SpotlightFooter',\n defaultProps,\n props\n );\n const ctx = useSpotlightContext();\n return (\n <Box\n ref={ref}\n {...ctx.getStyles('footer', { className, classNames, style, styles })}\n {...others}\n />\n );\n});\n\nSpotlightFooter.classes = classes;\nSpotlightFooter.displayName = '@mantine/spotlight/SpotlightFooter';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,170 @@
1
+ import React from 'react';
2
+ import { getDefaultZIndex, factory, useProps, useMantineTheme, useStyles, Modal, resolveClassNames, resolveStyles, rem } from '@mantine/core';
3
+ import { useHotkeys, useDidUpdate } from '@mantine/hooks';
4
+ import { SpotlightProvider } from './Spotlight.context.js';
5
+ import { spotlightStore, useSpotlight, spotlightActions } from './spotlight.store.js';
6
+ import { getHotkeys } from './get-hotkeys.js';
7
+ import classes from './Spotlight.module.css.js';
8
+
9
+ var __defProp = Object.defineProperty;
10
+ var __defProps = Object.defineProperties;
11
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
12
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
13
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
14
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
15
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
16
+ var __spreadValues = (a, b) => {
17
+ for (var prop in b || (b = {}))
18
+ if (__hasOwnProp.call(b, prop))
19
+ __defNormalProp(a, prop, b[prop]);
20
+ if (__getOwnPropSymbols)
21
+ for (var prop of __getOwnPropSymbols(b)) {
22
+ if (__propIsEnum.call(b, prop))
23
+ __defNormalProp(a, prop, b[prop]);
24
+ }
25
+ return a;
26
+ };
27
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
28
+ var __objRest = (source, exclude) => {
29
+ var target = {};
30
+ for (var prop in source)
31
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
32
+ target[prop] = source[prop];
33
+ if (source != null && __getOwnPropSymbols)
34
+ for (var prop of __getOwnPropSymbols(source)) {
35
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
36
+ target[prop] = source[prop];
37
+ }
38
+ return target;
39
+ };
40
+ const defaultProps = {
41
+ size: 600,
42
+ yOffset: 80,
43
+ zIndex: getDefaultZIndex("max"),
44
+ overlayProps: { backgroundOpacity: 0.35, blur: 7 },
45
+ transitionProps: { duration: 200, transition: "pop" },
46
+ store: spotlightStore,
47
+ clearQueryOnClose: true,
48
+ closeOnActionTrigger: true,
49
+ shortcut: "mod + K",
50
+ maxHeight: 400
51
+ };
52
+ const SpotlightRoot = factory((_props, ref) => {
53
+ const props = useProps("SpotlightRoot", defaultProps, _props);
54
+ const _a = props, {
55
+ classNames,
56
+ className,
57
+ style,
58
+ styles,
59
+ unstyled,
60
+ vars,
61
+ store,
62
+ children,
63
+ query,
64
+ onQueryChange,
65
+ transitionProps,
66
+ clearQueryOnClose,
67
+ shortcut,
68
+ tagsToIgnore,
69
+ triggerOnContentEditable,
70
+ disabled,
71
+ onSpotlightOpen,
72
+ onSpotlightClose,
73
+ forceOpened,
74
+ closeOnActionTrigger,
75
+ maxHeight
76
+ } = _a, others = __objRest(_a, [
77
+ "classNames",
78
+ "className",
79
+ "style",
80
+ "styles",
81
+ "unstyled",
82
+ "vars",
83
+ "store",
84
+ "children",
85
+ "query",
86
+ "onQueryChange",
87
+ "transitionProps",
88
+ "clearQueryOnClose",
89
+ "shortcut",
90
+ "tagsToIgnore",
91
+ "triggerOnContentEditable",
92
+ "disabled",
93
+ "onSpotlightOpen",
94
+ "onSpotlightClose",
95
+ "forceOpened",
96
+ "closeOnActionTrigger",
97
+ "maxHeight"
98
+ ]);
99
+ const theme = useMantineTheme();
100
+ const { opened, query: storeQuery } = useSpotlight(store);
101
+ const _query = query || storeQuery;
102
+ const setQuery = (q) => {
103
+ onQueryChange == null ? void 0 : onQueryChange(q);
104
+ spotlightActions.setQuery(q, store);
105
+ };
106
+ const getStyles = useStyles({
107
+ name: "Spotlight",
108
+ classes,
109
+ props,
110
+ className,
111
+ style,
112
+ classNames,
113
+ styles,
114
+ unstyled
115
+ });
116
+ useHotkeys(getHotkeys(shortcut, store), tagsToIgnore, triggerOnContentEditable);
117
+ useDidUpdate(() => {
118
+ opened ? onSpotlightOpen == null ? void 0 : onSpotlightOpen() : onSpotlightClose == null ? void 0 : onSpotlightClose();
119
+ }, [opened]);
120
+ if (disabled) {
121
+ return null;
122
+ }
123
+ return /* @__PURE__ */ React.createElement(
124
+ SpotlightProvider,
125
+ {
126
+ value: {
127
+ getStyles,
128
+ query: _query,
129
+ setQuery,
130
+ store,
131
+ closeOnActionTrigger
132
+ }
133
+ },
134
+ /* @__PURE__ */ React.createElement(
135
+ Modal,
136
+ __spreadProps(__spreadValues({
137
+ ref
138
+ }, others), {
139
+ withCloseButton: false,
140
+ opened: opened || !!forceOpened,
141
+ padding: 0,
142
+ onClose: () => spotlightActions.close(store),
143
+ className,
144
+ style,
145
+ classNames: resolveClassNames({
146
+ theme,
147
+ classNames: [classes, classNames],
148
+ props,
149
+ stylesCtx: void 0
150
+ }),
151
+ styles: resolveStyles({ theme, styles, props, stylesCtx: void 0 }),
152
+ transitionProps: __spreadProps(__spreadValues({}, transitionProps), {
153
+ onExited: () => {
154
+ var _a2;
155
+ spotlightActions.clearSpotlightState({ clearQuery: clearQueryOnClose }, store);
156
+ (_a2 = transitionProps == null ? void 0 : transitionProps.onExited) == null ? void 0 : _a2.call(transitionProps);
157
+ }
158
+ }),
159
+ __vars: { "--spotlight-max-height": rem(maxHeight) },
160
+ __staticSelector: "Spotlight"
161
+ }),
162
+ children
163
+ )
164
+ );
165
+ });
166
+ SpotlightRoot.classes = classes;
167
+ SpotlightRoot.displayName = "@mantine/spotlight/SpotlightRoot";
168
+
169
+ export { SpotlightRoot };
170
+ //# sourceMappingURL=SpotlightRoot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SpotlightRoot.js","sources":["../src/SpotlightRoot.tsx"],"sourcesContent":["import React from 'react';\nimport {\n StylesApiProps,\n factory,\n useProps,\n useStyles,\n Factory,\n Modal,\n ModalProps,\n ModalStylesNames,\n getDefaultZIndex,\n resolveClassNames,\n useMantineTheme,\n resolveStyles,\n rem,\n} from '@mantine/core';\nimport { useDidUpdate, useHotkeys } from '@mantine/hooks';\nimport { SpotlightProvider } from './Spotlight.context';\nimport { useSpotlight, SpotlightStore, spotlightStore, spotlightActions } from './spotlight.store';\nimport { getHotkeys } from './get-hotkeys';\nimport classes from './Spotlight.module.css';\n\nexport type SpotlightRootStylesNames =\n | ModalStylesNames\n | 'search'\n | 'actionsList'\n | 'action'\n | 'empty'\n | 'footer'\n | 'actionBody'\n | 'actionLabel'\n | 'actionDescription'\n | 'actionSection'\n | 'actionsGroup';\n\nexport interface SpotlightRootProps\n extends StylesApiProps<SpotlightRootFactory>,\n Omit<ModalProps, 'styles' | 'classNames' | 'vars' | 'variant' | 'opened' | 'onClose'> {\n /** Spotlight store, can be used to create multiple instances of spotlight */\n store?: SpotlightStore;\n\n /** Controlled Spotlight search query */\n query?: string;\n\n /** Called when query changes */\n onQueryChange?(query: string): void;\n\n /** Determines whether the search query should be cleared when the spotlight is closed, `true` by default */\n clearQueryOnClose?: boolean;\n\n /** Keyboard shortcut or a list of shortcuts to trigger spotlight, `'mod + K'` by default */\n shortcut?: string | string[] | null;\n\n /** A list of tags which when focused will be ignored by shortcut, `['input', 'textarea', 'select']` by default */\n tagsToIgnore?: string[];\n\n /** Determines whether shortcut should trigger based in contentEditable, `false` by default */\n triggerOnContentEditable?: boolean;\n\n /** If set, spotlight will not be rendered */\n disabled?: boolean;\n\n /** Called when spotlight opens */\n onSpotlightOpen?(): void;\n\n /** Called when spotlight closes */\n onSpotlightClose?(): void;\n\n /** Forces opened state, useful for tests */\n forceOpened?: boolean;\n\n /** Determines whether spotlight should be closed when one of the actions is triggered, `true` by default */\n closeOnActionTrigger?: boolean;\n\n /** Spotlight content max-height, `400` by default */\n maxHeight?: React.CSSProperties['maxHeight'];\n}\n\nexport type SpotlightRootFactory = Factory<{\n props: SpotlightRootProps;\n ref: HTMLDivElement;\n stylesNames: SpotlightRootStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<SpotlightRootProps> = {\n size: 600,\n yOffset: 80,\n zIndex: getDefaultZIndex('max'),\n overlayProps: { backgroundOpacity: 0.35, blur: 7 },\n transitionProps: { duration: 200, transition: 'pop' },\n store: spotlightStore,\n clearQueryOnClose: true,\n closeOnActionTrigger: true,\n shortcut: 'mod + K',\n maxHeight: 400,\n};\n\nexport const SpotlightRoot = factory<SpotlightRootFactory>((_props, ref) => {\n const props = useProps('SpotlightRoot', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n store,\n children,\n query,\n onQueryChange,\n transitionProps,\n clearQueryOnClose,\n shortcut,\n tagsToIgnore,\n triggerOnContentEditable,\n disabled,\n onSpotlightOpen,\n onSpotlightClose,\n forceOpened,\n closeOnActionTrigger,\n maxHeight,\n ...others\n } = props;\n\n const theme = useMantineTheme();\n const { opened, query: storeQuery } = useSpotlight(store!);\n const _query = query || storeQuery;\n const setQuery = (q: string) => {\n onQueryChange?.(q);\n spotlightActions.setQuery(q, store!);\n };\n\n const getStyles = useStyles<SpotlightRootFactory>({\n name: 'Spotlight',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n useHotkeys(getHotkeys(shortcut, store!), tagsToIgnore, triggerOnContentEditable);\n\n useDidUpdate(() => {\n opened ? onSpotlightOpen?.() : onSpotlightClose?.();\n }, [opened]);\n\n if (disabled) {\n return null;\n }\n\n return (\n <SpotlightProvider\n value={{\n getStyles,\n query: _query,\n setQuery,\n store: store!,\n closeOnActionTrigger,\n }}\n >\n <Modal\n ref={ref}\n {...others}\n withCloseButton={false}\n opened={opened || !!forceOpened}\n padding={0}\n onClose={() => spotlightActions.close(store!)}\n className={className}\n style={style}\n classNames={resolveClassNames({\n theme,\n classNames: [classes, classNames],\n props,\n stylesCtx: undefined,\n })}\n styles={resolveStyles({ theme, styles, props, stylesCtx: undefined })}\n transitionProps={{\n ...transitionProps,\n onExited: () => {\n spotlightActions.clearSpotlightState({ clearQuery: clearQueryOnClose }, store!);\n transitionProps?.onExited?.();\n },\n }}\n __vars={{ '--spotlight-max-height': rem(maxHeight) }}\n __staticSelector=\"Spotlight\"\n >\n {children}\n </Modal>\n </SpotlightProvider>\n );\n});\n\nSpotlightRoot.classes = classes;\nSpotlightRoot.displayName = '@mantine/spotlight/SpotlightRoot';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,81 @@
1
+ import React from 'react';
2
+ import { factory, useProps, Input } from '@mantine/core';
3
+ import classes from './Spotlight.module.css.js';
4
+ import { useSpotlightContext } from './Spotlight.context.js';
5
+ import { spotlightActions } from './spotlight.store.js';
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 __objRest = (source, exclude) => {
27
+ var target = {};
28
+ for (var prop in source)
29
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
30
+ target[prop] = source[prop];
31
+ if (source != null && __getOwnPropSymbols)
32
+ for (var prop of __getOwnPropSymbols(source)) {
33
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
34
+ target[prop] = source[prop];
35
+ }
36
+ return target;
37
+ };
38
+ const defaultProps = {
39
+ size: "lg"
40
+ };
41
+ const SpotlightSearch = factory((props, ref) => {
42
+ const _a = useProps(
43
+ "SpotlightSearch",
44
+ defaultProps,
45
+ props
46
+ ), { classNames, styles, onKeyDown, onChange, vars } = _a, others = __objRest(_a, ["classNames", "styles", "onKeyDown", "onChange", "vars"]);
47
+ const ctx = useSpotlightContext();
48
+ const inputStyles = ctx.getStyles("search");
49
+ const handleKeyDown = (event) => {
50
+ onKeyDown == null ? void 0 : onKeyDown(event);
51
+ if (event.nativeEvent.code === "ArrowDown") {
52
+ event.preventDefault();
53
+ spotlightActions.selectNextAction(ctx.store);
54
+ }
55
+ if (event.nativeEvent.code === "ArrowUp") {
56
+ event.preventDefault();
57
+ spotlightActions.selectPreviousAction(ctx.store);
58
+ }
59
+ if (event.nativeEvent.code === "Enter") {
60
+ event.preventDefault();
61
+ spotlightActions.triggerSelectedAction(ctx.store);
62
+ }
63
+ };
64
+ return /* @__PURE__ */ React.createElement(
65
+ Input,
66
+ __spreadProps(__spreadValues({
67
+ ref,
68
+ classNames: [{ input: inputStyles.className }, classNames],
69
+ styles: [{ input: inputStyles.style }, styles]
70
+ }, others), {
71
+ value: ctx.query,
72
+ onChange: (event) => ctx.setQuery(event.currentTarget.value),
73
+ onKeyDown: handleKeyDown
74
+ })
75
+ );
76
+ });
77
+ SpotlightSearch.classes = classes;
78
+ SpotlightSearch.displayName = "@mantine/spotlight/SpotlightSearch";
79
+
80
+ export { SpotlightSearch };
81
+ //# sourceMappingURL=SpotlightSearch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SpotlightSearch.js","sources":["../src/SpotlightSearch.tsx"],"sourcesContent":["import React from 'react';\nimport {\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n Input,\n InputProps,\n InputStylesNames,\n} from '@mantine/core';\nimport classes from './Spotlight.module.css';\nimport { useSpotlightContext } from './Spotlight.context';\nimport { spotlightActions } from './spotlight.store';\n\nexport type SpotlightSearchStylesNames = InputStylesNames;\n\nexport interface SpotlightSearchProps\n extends BoxProps,\n Omit<InputProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n StylesApiProps<SpotlightSearchFactory>,\n ElementProps<'input', 'size'> {}\n\nexport type SpotlightSearchFactory = Factory<{\n props: SpotlightSearchProps;\n ref: HTMLInputElement;\n stylesNames: SpotlightSearchStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<SpotlightSearchProps> = {\n size: 'lg',\n};\n\nexport const SpotlightSearch = factory<SpotlightSearchFactory>((props, ref) => {\n const { classNames, styles, onKeyDown, onChange, vars, ...others } = useProps(\n 'SpotlightSearch',\n defaultProps,\n props\n );\n const ctx = useSpotlightContext();\n const inputStyles = ctx.getStyles('search');\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n\n if (event.nativeEvent.code === 'ArrowDown') {\n event.preventDefault();\n spotlightActions.selectNextAction(ctx.store);\n }\n\n if (event.nativeEvent.code === 'ArrowUp') {\n event.preventDefault();\n spotlightActions.selectPreviousAction(ctx.store);\n }\n\n if (event.nativeEvent.code === 'Enter') {\n event.preventDefault();\n spotlightActions.triggerSelectedAction(ctx.store);\n }\n };\n\n return (\n <Input\n ref={ref}\n classNames={[{ input: inputStyles.className }, classNames] as any}\n styles={[{ input: inputStyles.style }, styles] as any}\n {...others}\n value={ctx.query}\n onChange={(event) => ctx.setQuery(event.currentTarget.value)}\n onKeyDown={handleKeyDown}\n />\n );\n});\n\nSpotlightSearch.classes = classes;\nSpotlightSearch.displayName = '@mantine/spotlight/SpotlightSearch';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,72 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ function getKeywords(keywords) {
21
+ if (Array.isArray(keywords)) {
22
+ return keywords.map((keyword) => keyword.trim()).join(",").toLowerCase().trim();
23
+ }
24
+ if (typeof keywords === "string") {
25
+ return keywords.toLowerCase().trim();
26
+ }
27
+ return "";
28
+ }
29
+ function getFlatActions(data) {
30
+ return data.reduce((acc, item) => {
31
+ if ("actions" in item) {
32
+ return [...acc, ...item.actions.map((action) => __spreadProps(__spreadValues({}, action), { group: item.group }))];
33
+ }
34
+ return [...acc, item];
35
+ }, []);
36
+ }
37
+ function flatActionsToGroups(data) {
38
+ const groups = {};
39
+ const result = [];
40
+ data.forEach((action) => {
41
+ if (action.group) {
42
+ if (!groups[action.group]) {
43
+ groups[action.group] = { pushed: false, data: { group: action.group, actions: [] } };
44
+ }
45
+ groups[action.group].data.actions.push(action);
46
+ if (!groups[action.group].pushed) {
47
+ groups[action.group].pushed = true;
48
+ result.push(groups[action.group].data);
49
+ }
50
+ } else {
51
+ result.push(action);
52
+ }
53
+ });
54
+ return result;
55
+ }
56
+ const defaultSpotlightFilter = (_query, data) => {
57
+ const query = _query.trim().toLowerCase();
58
+ const priorityMatrix = [[], []];
59
+ const flatActions = getFlatActions(data);
60
+ flatActions.forEach((item) => {
61
+ var _a, _b;
62
+ if ((_a = item.label) == null ? void 0 : _a.toLowerCase().includes(query)) {
63
+ priorityMatrix[0].push(item);
64
+ } else if (((_b = item.description) == null ? void 0 : _b.toLowerCase().includes(query)) || getKeywords(item.keywords).includes(query)) {
65
+ priorityMatrix[1].push(item);
66
+ }
67
+ });
68
+ return flatActionsToGroups(priorityMatrix.flat());
69
+ };
70
+
71
+ export { defaultSpotlightFilter };
72
+ //# sourceMappingURL=default-spotlight-filter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default-spotlight-filter.js","sources":["../src/default-spotlight-filter.ts"],"sourcesContent":["import type {\n SpotlightFilterFunction,\n SpotlightActionData,\n SpotlightActionGroupData,\n SpotlightActions,\n} from './Spotlight';\n\nfunction getKeywords(keywords: string | string[] | undefined) {\n if (Array.isArray(keywords)) {\n return keywords\n .map((keyword) => keyword.trim())\n .join(',')\n .toLowerCase()\n .trim();\n }\n\n if (typeof keywords === 'string') {\n return keywords.toLowerCase().trim();\n }\n\n return '';\n}\n\nfunction getFlatActions(data: SpotlightActions[]) {\n return data.reduce<SpotlightActionData[]>((acc, item) => {\n if ('actions' in item) {\n return [...acc, ...item.actions.map((action) => ({ ...action, group: item.group }))];\n }\n\n return [...acc, item];\n }, []);\n}\n\nfunction flatActionsToGroups(data: SpotlightActionData[]) {\n const groups: Record<string, { pushed: boolean; data: SpotlightActionGroupData }> = {};\n const result: SpotlightActions[] = [];\n\n data.forEach((action) => {\n if (action.group) {\n if (!groups[action.group]) {\n groups[action.group] = { pushed: false, data: { group: action.group, actions: [] } };\n }\n\n groups[action.group].data.actions.push(action);\n\n if (!groups[action.group].pushed) {\n groups[action.group].pushed = true;\n result.push(groups[action.group].data);\n }\n } else {\n result.push(action);\n }\n });\n\n return result;\n}\n\nexport const defaultSpotlightFilter: SpotlightFilterFunction = (_query, data) => {\n const query = _query.trim().toLowerCase();\n const priorityMatrix: SpotlightActionData[][] = [[], []];\n const flatActions = getFlatActions(data);\n flatActions.forEach((item) => {\n if (item.label?.toLowerCase().includes(query)) {\n priorityMatrix[0].push(item);\n } else if (\n item.description?.toLowerCase().includes(query) ||\n getKeywords(item.keywords).includes(query)\n ) {\n priorityMatrix[1].push(item);\n }\n });\n\n return flatActionsToGroups(priorityMatrix.flat());\n};\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import { spotlightActions } from './spotlight.store.js';
2
+
3
+ function getHotkeys(hotkeys, store) {
4
+ if (!hotkeys) {
5
+ return [];
6
+ }
7
+ const open = () => spotlightActions.open(store);
8
+ if (Array.isArray(hotkeys)) {
9
+ return hotkeys.map((hotkey) => [hotkey, open]);
10
+ }
11
+ return [[hotkeys, open]];
12
+ }
13
+
14
+ export { getHotkeys };
15
+ //# sourceMappingURL=get-hotkeys.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-hotkeys.js","sources":["../src/get-hotkeys.ts"],"sourcesContent":["import { HotkeyItem } from '@mantine/hooks';\nimport { spotlightActions, SpotlightStore } from './spotlight.store';\n\nexport function getHotkeys(\n hotkeys: string | string[] | null | undefined,\n store: SpotlightStore\n): HotkeyItem[] {\n if (!hotkeys) {\n return [];\n }\n\n const open = () => spotlightActions.open(store);\n\n if (Array.isArray(hotkeys)) {\n return hotkeys.map((hotkey) => [hotkey, open]);\n }\n\n return [[hotkeys, open]];\n}\n"],"names":[],"mappings":";;AACO,SAAS,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE;AAC3C,EAAE,IAAI,CAAC,OAAO,EAAE;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,IAAI,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAClD,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;AAC9B,IAAI,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AACnD,GAAG;AACH,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;AAC3B;;;;"}