@mantine/spotlight 5.10.0 → 6.0.0-alpha.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 (58) hide show
  1. package/cjs/ActionsList/ActionsList.js +4 -3
  2. package/cjs/ActionsList/ActionsList.js.map +1 -1
  3. package/cjs/ActionsList/ActionsList.styles.js +3 -4
  4. package/cjs/ActionsList/ActionsList.styles.js.map +1 -1
  5. package/cjs/DefaultAction/DefaultAction.js +3 -2
  6. package/cjs/DefaultAction/DefaultAction.js.map +1 -1
  7. package/cjs/DefaultAction/DefaultAction.styles.js +27 -5
  8. package/cjs/DefaultAction/DefaultAction.styles.js.map +1 -1
  9. package/cjs/Spotlight/Spotlight.js +56 -84
  10. package/cjs/Spotlight/Spotlight.js.map +1 -1
  11. package/cjs/Spotlight/Spotlight.styles.js +7 -44
  12. package/cjs/Spotlight/Spotlight.styles.js.map +1 -1
  13. package/cjs/SpotlightProvider.js +20 -11
  14. package/cjs/SpotlightProvider.js.map +1 -1
  15. package/cjs/events.js +9 -0
  16. package/cjs/events.js.map +1 -1
  17. package/cjs/index.js +1 -0
  18. package/cjs/index.js.map +1 -1
  19. package/cjs/use-actions-state/use-actions-state.js +4 -13
  20. package/cjs/use-actions-state/use-actions-state.js.map +1 -1
  21. package/esm/ActionsList/ActionsList.js +4 -3
  22. package/esm/ActionsList/ActionsList.js.map +1 -1
  23. package/esm/ActionsList/ActionsList.styles.js +4 -5
  24. package/esm/ActionsList/ActionsList.styles.js.map +1 -1
  25. package/esm/DefaultAction/DefaultAction.js +3 -2
  26. package/esm/DefaultAction/DefaultAction.js.map +1 -1
  27. package/esm/DefaultAction/DefaultAction.styles.js +28 -6
  28. package/esm/DefaultAction/DefaultAction.styles.js.map +1 -1
  29. package/esm/Spotlight/Spotlight.js +58 -86
  30. package/esm/Spotlight/Spotlight.js.map +1 -1
  31. package/esm/Spotlight/Spotlight.styles.js +8 -45
  32. package/esm/Spotlight/Spotlight.styles.js.map +1 -1
  33. package/esm/SpotlightProvider.js +21 -12
  34. package/esm/SpotlightProvider.js.map +1 -1
  35. package/esm/events.js +9 -1
  36. package/esm/events.js.map +1 -1
  37. package/esm/index.js +1 -1
  38. package/esm/use-actions-state/use-actions-state.js +4 -13
  39. package/esm/use-actions-state/use-actions-state.js.map +1 -1
  40. package/lib/ActionsList/ActionsList.d.ts +3 -2
  41. package/lib/ActionsList/ActionsList.d.ts.map +1 -1
  42. package/lib/ActionsList/ActionsList.styles.d.ts.map +1 -1
  43. package/lib/DefaultAction/DefaultAction.d.ts.map +1 -1
  44. package/lib/DefaultAction/DefaultAction.styles.d.ts +0 -1
  45. package/lib/DefaultAction/DefaultAction.styles.d.ts.map +1 -1
  46. package/lib/Spotlight/Spotlight.d.ts +9 -28
  47. package/lib/Spotlight/Spotlight.d.ts.map +1 -1
  48. package/lib/Spotlight/Spotlight.styles.d.ts +2 -14
  49. package/lib/Spotlight/Spotlight.styles.d.ts.map +1 -1
  50. package/lib/SpotlightProvider.d.ts +8 -4
  51. package/lib/SpotlightProvider.d.ts.map +1 -1
  52. package/lib/events.d.ts +8 -0
  53. package/lib/events.d.ts.map +1 -1
  54. package/lib/index.d.ts +1 -1
  55. package/lib/index.d.ts.map +1 -1
  56. package/lib/use-actions-state/use-actions-state.d.ts +6 -2
  57. package/lib/use-actions-state/use-actions-state.d.ts.map +1 -1
  58. package/package.json +4 -4
@@ -1 +1 @@
1
- {"version":3,"file":"ActionsList.d.ts","sourceRoot":"","sources":["../../src/ActionsList/ActionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAQ,iBAAiB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,MAAM,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,GAAG,wBAAwB,CAAC;AAC5F,KAAK,mBAAmB,CAAC,CAAC,SAAS,GAAG,EAAE,IAAI;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7F,KAAK,oBAAoB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,sBAAsB,CAAC;IAC5E,OAAO,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,CAAC,GAAG,oBAAoB,CAAC,EAAE,CAAC;IAC3E,eAAe,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,eAAe,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/C,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,YAAY,CAAC;IAC7B,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,UAAU,EACV,eAAe,EAAE,MAAM,EACvB,OAAO,EACP,aAAa,EACb,eAAe,EACf,KAAK,EACL,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,MAAM,GACP,EAAE,gBAAgB,eA+ClB;yBA5De,WAAW"}
1
+ {"version":3,"file":"ActionsList.d.ts","sourceRoot":"","sources":["../../src/ActionsList/ActionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAQ,iBAAiB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACnG,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,MAAM,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,GAAG,wBAAwB,CAAC;AAC5F,KAAK,mBAAmB,CAAC,CAAC,SAAS,GAAG,EAAE,IAAI;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7F,KAAK,oBAAoB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7D,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,sBAAsB,CAAC;IAC5E,OAAO,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,CAAC,GAAG,oBAAoB,CAAC,EAAE,CAAC;IAC3E,eAAe,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,aAAa,IAAI,IAAI,CAAC;IACtB,eAAe,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/C,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,YAAY,CAAC;IAC7B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,UAAU,EACV,eAAe,EAAE,MAAM,EACvB,OAAO,EACP,aAAa,EACb,eAAe,EACf,KAAK,EACL,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,MAAM,EACN,OAAO,GACR,EAAE,gBAAgB,eA+ClB;yBA7De,WAAW"}
@@ -1 +1 @@
1
- {"version":3,"file":"ActionsList.styles.d.ts","sourceRoot":"","sources":["../../src/ActionsList/ActionsList.styles.ts"],"names":[],"mappings":";;;;;;;;;AAEA,wBAkBI"}
1
+ {"version":3,"file":"ActionsList.styles.d.ts","sourceRoot":"","sources":["../../src/ActionsList/ActionsList.styles.ts"],"names":[],"mappings":";;;;;;;;;AAEA,wBAeI"}
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultAction.d.ts","sourceRoot":"","sources":["../../src/DefaultAction/DefaultAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,YAAY,EACZ,SAAS,EAMT,iBAAiB,EACjB,YAAY,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,wBAAwB,CAAC,EAC5C,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAC1C,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,IAAI,IAAI,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,YAAY,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,cAAc,EACd,cAAc,EACd,KAAK,EACL,MAAM,EACN,GAAG,MAAM,EACV,EAAE,kBAAkB,eA4BpB;yBAvCe,aAAa"}
1
+ {"version":3,"file":"DefaultAction.d.ts","sourceRoot":"","sources":["../../src/DefaultAction/DefaultAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,YAAY,EACZ,SAAS,EAMT,iBAAiB,EACjB,YAAY,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,wBAAwB,CAAC,EAC5C,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAC1C,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,IAAI,IAAI,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,YAAY,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,cAAc,EACd,cAAc,EACd,KAAK,EACL,MAAM,EACN,GAAG,MAAM,EACV,EAAE,kBAAkB,eA6BpB;yBAxCe,aAAa"}
@@ -5,7 +5,6 @@ export interface DefaultActionStylesParams {
5
5
  declare const _default: (params: DefaultActionStylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
6
6
  classes: {
7
7
  action: string;
8
- actionHovered: string;
9
8
  actionIcon: string;
10
9
  actionBody: string;
11
10
  };
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultAction.styles.d.ts","sourceRoot":"","sources":["../../src/DefaultAction/DefaultAction.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEhE,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,iBAAiB,CAAC;CAC3B;;;;;;;;;;;AAED,wBAkBI"}
1
+ {"version":3,"file":"DefaultAction.styles.d.ts","sourceRoot":"","sources":["../../src/DefaultAction/DefaultAction.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAO,MAAM,eAAe,CAAC;AAErE,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,iBAAiB,CAAC;CAC3B;;;;;;;;;;AAED,wBAqBI"}
@@ -1,33 +1,12 @@
1
1
  import React from 'react';
2
- import { MantineTransition, DefaultProps, Selectors, MantineShadow, MantineNumberSize, MantineColor, TextInputProps } from '@mantine/core';
2
+ import { DefaultProps, Selectors, MantineColor, TextInputProps, ModalProps, ModalStylesNames } from '@mantine/core';
3
3
  import { DefaultActionProps } from '../DefaultAction/DefaultAction';
4
4
  import { ActionsListStylesNames } from '../ActionsList/ActionsList';
5
5
  import type { SpotlightAction } from '../types';
6
6
  import useStyles from './Spotlight.styles';
7
- export type SpotlightStylesNames = Selectors<typeof useStyles> | ActionsListStylesNames;
8
- export interface InnerSpotlightProps extends DefaultProps<SpotlightStylesNames>, React.ComponentPropsWithoutRef<'div'> {
9
- /** Should spotlight be rendered within Portal */
10
- withinPortal?: boolean;
11
- /** Premade transition or transition object */
12
- transition?: MantineTransition;
13
- /** Transition duration in ms, set to 0 to disable all transitions */
14
- transitionDuration?: number;
15
- /** Backdrop overlay color, e.g. #000 */
16
- overlayColor?: string;
17
- /** Backdrop overlay opacity (0-1), e.g. 0.65 */
18
- overlayOpacity?: number;
19
- /** Backdrop overlay blur in px */
20
- overlayBlur?: number;
21
- /** Value from theme.shadows or any valid css box-shadow value */
22
- shadow?: MantineShadow;
23
- /** Radius from theme.radius, or number to set border-radius in px, defaults to theme.defaultRadius */
24
- radius?: MantineNumberSize;
25
- /** Should spotlight be rendered in the center of the screen */
26
- centered?: boolean;
27
- /** Max spotlight width */
28
- maxWidth?: number;
29
- /** Top offset when spotlight is not centered */
30
- topOffset?: number;
7
+ export type SpotlightStylesNames = Selectors<typeof useStyles> | Exclude<ModalStylesNames, 'close' | 'header' | 'title'> | ActionsListStylesNames;
8
+ export interface InnerSpotlightProps extends Omit<ModalProps, 'styles' | 'classNames' | 'title' | 'withCloseButton' | 'opened' | 'onClose'>, DefaultProps<SpotlightStylesNames>, React.ComponentPropsWithoutRef<'div'> {
9
+ variant?: string;
31
10
  /** Search input placeholder */
32
11
  searchPlaceholder?: string;
33
12
  /** Search input icon */
@@ -46,14 +25,16 @@ export interface InnerSpotlightProps extends DefaultProps<SpotlightStylesNames>,
46
25
  actionsWrapperComponent?: React.FC<{
47
26
  children: React.ReactNode;
48
27
  }> | string;
49
- /** Spotlight z-index */
50
- zIndex?: React.CSSProperties['zIndex'];
51
28
  /** Should user query be highlighted in actions title */
52
29
  highlightQuery?: boolean;
53
30
  /** The highlight color */
54
31
  highlightColor?: MantineColor;
55
32
  /** Props spread to search input */
56
33
  searchInputProps?: TextInputProps;
34
+ /** Component used as scrollable container for actions list, defaults to ScrollArea.Autosize */
35
+ scrollAreaComponent?: React.FC<{
36
+ children: React.ReactNode;
37
+ }>;
57
38
  }
58
39
  interface SpotlightProps extends InnerSpotlightProps {
59
40
  actions: SpotlightAction[];
@@ -62,7 +43,7 @@ interface SpotlightProps extends InnerSpotlightProps {
62
43
  query: string;
63
44
  onQueryChange(query: string): void;
64
45
  }
65
- export declare function Spotlight({ query, onQueryChange, actions, onClose, opened, withinPortal, transition, transitionDuration, classNames, styles, overlayColor, overlayOpacity, overlayBlur, shadow, radius, centered, closeOnActionTrigger, highlightQuery, highlightColor, maxWidth, topOffset, className, searchPlaceholder, searchIcon, filter, nothingFoundMessage, limit, actionComponent, actionsWrapperComponent: ActionsWrapper, zIndex, searchInputProps, ...others }: SpotlightProps): JSX.Element;
46
+ export declare function Spotlight(props: SpotlightProps): JSX.Element;
66
47
  export declare namespace Spotlight {
67
48
  var displayName: string;
68
49
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Spotlight.d.ts","sourceRoot":"","sources":["../../src/Spotlight/Spotlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAGL,iBAAiB,EAGjB,YAAY,EACZ,SAAS,EACT,aAAa,EAGb,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACf,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAiB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAe,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,GAAG,sBAAsB,CAAC;AAExF,MAAM,WAAW,mBACf,SAAQ,YAAY,CAAC,oBAAoB,CAAC,EACxC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iEAAiE;IACjE,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB,sGAAsG;IACtG,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,wBAAwB;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,kFAAkF;IAClF,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAC;IAEtE,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,+CAA+C;IAC/C,eAAe,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAE/C,kDAAkD;IAClD,uBAAuB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,GAAG,MAAM,CAAC;IAE3E,wBAAwB;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEvC,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,0BAA0B;IAC1B,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,cAAc,CAAC;CACnC;AAED,UAAU,cAAe,SAAQ,mBAAmB;IAClD,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,OAAO,EACP,OAAO,EACP,MAAM,EACN,YAAY,EACZ,UAAkB,EAClB,kBAAkB,EAClB,UAAU,EACV,MAAM,EACN,YAAqB,EACrB,cAAqB,EACrB,WAAe,EACf,MAAa,EACb,MAAM,EACN,QAAgB,EAChB,oBAA2B,EAC3B,cAAsB,EACtB,cAAc,EACd,QAAc,EACd,SAAe,EACf,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,MAAsB,EACtB,mBAAmB,EACnB,KAAU,EACV,eAA+B,EAC/B,uBAAuB,EAAE,cAAsB,EAC/C,MAAgC,EAChC,gBAAgB,EAChB,GAAG,MAAM,EACV,EAAE,cAAc,eAyJhB;yBA1Le,SAAS"}
1
+ {"version":3,"file":"Spotlight.d.ts","sourceRoot":"","sources":["../../src/Spotlight/Spotlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,YAAY,EACZ,SAAS,EAGT,YAAY,EACZ,cAAc,EAEd,UAAU,EACV,gBAAgB,EAIjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAiB,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACnF,OAAO,EAAe,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAM3C,MAAM,MAAM,oBAAoB,GAC5B,SAAS,CAAC,OAAO,SAAS,CAAC,GAC3B,OAAO,CAAC,gBAAgB,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,GACvD,sBAAsB,CAAC;AAE3B,MAAM,WAAW,mBACf,SAAQ,IAAI,CACR,UAAU,EACV,QAAQ,GAAG,YAAY,GAAG,OAAO,GAAG,iBAAiB,GAAG,QAAQ,GAAG,SAAS,CAC7E,EACD,YAAY,CAAC,oBAAoB,CAAC,EAClC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,wBAAwB;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,kFAAkF;IAClF,MAAM,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAC;IAEtE,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0DAA0D;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,+CAA+C;IAC/C,eAAe,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAE/C,kDAAkD;IAClD,uBAAuB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,GAAG,MAAM,CAAC;IAE3E,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,0BAA0B;IAC1B,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAElC,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAC/D;AAED,UAAU,cAAe,SAAQ,mBAAmB;IAClD,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAgBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eAgJ9C;yBAhJe,SAAS"}
@@ -1,18 +1,6 @@
1
- /// <reference types="react" />
2
- import { MantineNumberSize } from '@mantine/core';
3
- export interface SpotlightStylesParams {
4
- centered: boolean;
5
- maxWidth: number;
6
- topOffset: number;
7
- radius: MantineNumberSize;
8
- zIndex: React.CSSProperties['zIndex'];
9
- }
10
- declare const _default: (params: SpotlightStylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
1
+ declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
11
2
  classes: {
12
- root: string;
13
- spotlight: string;
14
- overlay: string;
15
- inner: string;
3
+ content: string;
16
4
  searchInput: string;
17
5
  };
18
6
  cx: (...args: any) => string;
@@ -1 +1 @@
1
- {"version":3,"file":"Spotlight.styles.d.ts","sourceRoot":"","sources":["../../src/Spotlight/Spotlight.styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEhE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;CACvC;;;;;;;;;;;;AAED,wBAwCE"}
1
+ {"version":3,"file":"Spotlight.styles.d.ts","sourceRoot":"","sources":["../../src/Spotlight/Spotlight.styles.ts"],"names":[],"mappings":";;;;;;;;AAEA,wBAkBI"}
@@ -3,15 +3,19 @@ import { InnerSpotlightProps } from './Spotlight/Spotlight';
3
3
  import type { SpotlightAction } from './types';
4
4
  export interface SpotlightProviderProps extends InnerSpotlightProps {
5
5
  /** Actions list */
6
- actions: SpotlightAction[] | ((query: string) => SpotlightAction[]);
6
+ actions: SpotlightAction[];
7
+ /** Called when actions change (registered or removed) */
8
+ onActionsChange?(actions: SpotlightAction[]): void;
9
+ /** Controlled search query */
10
+ query?: string;
11
+ /** Called when user enters text in search input */
12
+ onQueryChange?(query: string): void;
7
13
  /** Your application */
8
14
  children?: React.ReactNode;
9
15
  /** Called when spotlight opens */
10
16
  onSpotlightOpen?(): void;
11
17
  /** Called when spotlight closes */
12
18
  onSpotlightClose?(): void;
13
- /** Called when user enters text in search input */
14
- onQueryChange?(query: string): void;
15
19
  /** Keyboard shortcut or list of shortcuts to trigger spotlight */
16
20
  shortcut?: string | string[] | null;
17
21
  /** Should search be cleared when spotlight closes */
@@ -21,7 +25,7 @@ export interface SpotlightProviderProps extends InnerSpotlightProps {
21
25
  /** Tags to ignore shortcut hotkeys on. */
22
26
  tagsToIgnore?: string[];
23
27
  }
24
- export declare function SpotlightProvider({ actions: initialActions, children, shortcut, onSpotlightClose, onSpotlightOpen, onQueryChange, cleanQueryOnClose, transitionDuration, disabled, tagsToIgnore, ...others }: SpotlightProviderProps): JSX.Element;
28
+ export declare function SpotlightProvider({ actions, children, shortcut, query, onSpotlightClose, onSpotlightOpen, onQueryChange, onActionsChange, cleanQueryOnClose, transitionDuration, disabled, tagsToIgnore, ...others }: SpotlightProviderProps): JSX.Element;
25
29
  export declare namespace SpotlightProvider {
26
30
  var displayName: string;
27
31
  }
@@ -1 +1 @@
1
- {"version":3,"file":"SpotlightProvider.d.ts","sourceRoot":"","sources":["../src/SpotlightProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,mBAAmB,EAAa,MAAM,uBAAuB,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI/C,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,mBAAmB;IACnB,OAAO,EAAE,eAAe,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,eAAe,EAAE,CAAC,CAAC;IAEpE,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,kCAAkC;IAClC,eAAe,CAAC,IAAI,IAAI,CAAC;IAEzB,mCAAmC;IACnC,gBAAgB,CAAC,IAAI,IAAI,CAAC;IAE1B,mDAAmD;IACnD,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAEpC,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EAAE,cAAc,EACvB,QAAQ,EACR,QAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,iBAAwB,EACxB,kBAAwB,EACxB,QAAgB,EAChB,YAA8C,EAC9C,GAAG,MAAM,EACV,EAAE,sBAAsB,eA6DxB;yBAzEe,iBAAiB"}
1
+ {"version":3,"file":"SpotlightProvider.d.ts","sourceRoot":"","sources":["../src/SpotlightProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,OAAO,EAAE,mBAAmB,EAAa,MAAM,uBAAuB,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI/C,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,mBAAmB;IACnB,OAAO,EAAE,eAAe,EAAE,CAAC;IAE3B,yDAAyD;IACzD,eAAe,CAAC,CAAC,OAAO,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAEnD,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mDAAmD;IACnD,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpC,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,kCAAkC;IAClC,eAAe,CAAC,IAAI,IAAI,CAAC;IAEzB,mCAAmC;IACnC,gBAAgB,CAAC,IAAI,IAAI,CAAC;IAE1B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAEpC,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,QAAQ,EACR,QAAoB,EACpB,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAwB,EACxB,kBAAwB,EACxB,QAAgB,EAChB,YAA8C,EAC9C,GAAG,MAAM,EACV,EAAE,sBAAsB,eAkExB;yBAhFe,iBAAiB"}
package/lib/events.d.ts CHANGED
@@ -14,4 +14,12 @@ export declare const toggleSpotlight: (payload_0?: undefined) => void;
14
14
  export declare const triggerSpotlightAction: (payload_0: string) => void;
15
15
  export declare const registerSpotlightActions: (payload_0: SpotlightAction[]) => void;
16
16
  export declare const removeSpotlightActions: (payload_0: string[]) => void;
17
+ export declare const spotlight: {
18
+ open: (payload_0?: undefined) => void;
19
+ close: (payload_0?: undefined) => void;
20
+ toggle: (payload_0?: undefined) => void;
21
+ triggerAction: (payload_0: string) => void;
22
+ registerActions: (payload_0: SpotlightAction[]) => void;
23
+ removeActions: (payload_0: string[]) => void;
24
+ };
17
25
  //# sourceMappingURL=events.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,MAAM,IAAI,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,eAAe,CAAC,OAAO,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAClD,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAO,kBAAkB,qCAAE,WAAW,2MACkB,CAAC;AAEhE,eAAO,MAAM,aAAa,iCAAsB,CAAC;AACjD,eAAO,MAAM,cAAc,iCAAuB,CAAC;AACnD,eAAO,MAAM,eAAe,iCAAwB,CAAC;AACrD,eAAO,MAAM,sBAAsB,6BAA+B,CAAC;AACnE,eAAO,MAAM,wBAAwB,wCAAiC,CAAC;AACvE,eAAO,MAAM,sBAAsB,+BAA+B,CAAC"}
1
+ {"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,MAAM,IAAI,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,eAAe,CAAC,OAAO,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAClD,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAO,kBAAkB,qCAAE,WAAW,2MACkB,CAAC;AAEhE,eAAO,MAAM,aAAa,iCAAsB,CAAC;AACjD,eAAO,MAAM,cAAc,iCAAuB,CAAC;AACnD,eAAO,MAAM,eAAe,iCAAwB,CAAC;AACrD,eAAO,MAAM,sBAAsB,6BAA+B,CAAC;AACnE,eAAO,MAAM,wBAAwB,wCAAiC,CAAC;AACvE,eAAO,MAAM,sBAAsB,+BAA+B,CAAC;AAEnE,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC"}
package/lib/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { useSpotlight } from './Spotlight.context';
2
2
  export { SpotlightProvider } from './SpotlightProvider';
3
- export { openSpotlight, closeSpotlight, toggleSpotlight, triggerSpotlightAction, registerSpotlightActions, removeSpotlightActions, } from './events';
3
+ export { openSpotlight, closeSpotlight, toggleSpotlight, triggerSpotlightAction, registerSpotlightActions, removeSpotlightActions, spotlight, } from './events';
4
4
  export type { SpotlightAction } from './types';
5
5
  export type { SpotlightProviderProps } from './SpotlightProvider';
6
6
  export type { DefaultActionProps as SpotlightActionProps } from './DefaultAction/DefaultAction';
@@ -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,GACvB,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,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,8 +1,12 @@
1
1
  import type { SpotlightAction } from '../types';
2
- export declare function useActionsState(initialActions: SpotlightAction[] | ((query: string) => SpotlightAction[]), query: string): readonly [SpotlightAction[], {
2
+ interface UseActionsState {
3
+ actions: SpotlightAction[];
4
+ onActionsChange: (actions: SpotlightAction[]) => void;
5
+ }
6
+ export declare function useActionsState({ actions, onActionsChange }: UseActionsState): readonly [SpotlightAction[], {
3
7
  readonly registerActions: (payload: SpotlightAction[]) => void;
4
- readonly updateActions: (payload: SpotlightAction[] | ((query: string) => SpotlightAction[])) => void;
5
8
  readonly removeActions: (ids: string[]) => void;
6
9
  readonly triggerAction: (id: string) => void;
7
10
  }];
11
+ export {};
8
12
  //# sourceMappingURL=use-actions-state.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-actions-state.d.ts","sourceRoot":"","sources":["../../src/use-actions-state/use-actions-state.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAyBhD,wBAAgB,eAAe,CAC7B,cAAc,EAAE,eAAe,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,eAAe,EAAE,CAAC,EAC1E,KAAK,EAAE,MAAM;wCAeqB,eAAe,EAAE;mEAHU,MAAM,KAAK,eAAe,EAAE;kCAM7D,MAAM,EAAE;iCAGT,MAAM;GAclC"}
1
+ {"version":3,"file":"use-actions-state.d.ts","sourceRoot":"","sources":["../../src/use-actions-state/use-actions-state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAyBhD,UAAU,eAAe;IACvB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,eAAe,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;CACvD;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,eAAe;wCACzC,eAAe,EAAE;kCAGvB,MAAM,EAAE;iCAGT,MAAM;GAalC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mantine/spotlight",
3
3
  "description": "Command center for your application",
4
- "version": "5.10.0",
4
+ "version": "6.0.0-alpha.0",
5
5
  "main": "cjs/index.js",
6
6
  "module": "esm/index.js",
7
7
  "types": "lib/index.d.ts",
@@ -15,13 +15,13 @@
15
15
  "directory": "src/mantine-spotlight"
16
16
  },
17
17
  "peerDependencies": {
18
- "@mantine/core": "5.10.0",
19
- "@mantine/hooks": "5.10.0",
18
+ "@mantine/core": "6.0.0-alpha.0",
19
+ "@mantine/hooks": "6.0.0-alpha.0",
20
20
  "react": ">=16.8.0",
21
21
  "react-dom": ">=16.8.0"
22
22
  },
23
23
  "dependencies": {
24
- "@mantine/utils": "5.10.0"
24
+ "@mantine/utils": "6.0.0-alpha.0"
25
25
  },
26
26
  "devDependencies": {}
27
27
  }