@mantine/spotlight 7.0.0-alpha.19 → 7.0.0-alpha.20
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.
- package/cjs/Spotlight.module.css.js +1 -1
- package/cjs/SpotlightRoot.js +9 -5
- package/cjs/SpotlightRoot.js.map +1 -1
- package/cjs/SpotlightSearch.js +6 -3
- package/cjs/SpotlightSearch.js.map +1 -1
- package/cjs/index.css +29 -8
- package/esm/Spotlight.module.css.js +1 -1
- package/esm/SpotlightRoot.js +9 -5
- package/esm/SpotlightRoot.js.map +1 -1
- package/esm/SpotlightSearch.js +6 -3
- package/esm/SpotlightSearch.js.map +1 -1
- package/esm/index.css +29 -8
- package/lib/Spotlight.context.d.ts +1 -1
- package/lib/Spotlight.context.d.ts.map +1 -1
- package/lib/SpotlightRoot.d.ts +4 -2
- package/lib/SpotlightRoot.d.ts.map +1 -1
- package/lib/SpotlightSearch.d.ts.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.d.ts.map +1 -1
- package/package.json +6 -6
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var classes = {"content":"m-3cd250e0","body":"m-d2abce9b","search":"m-f366a061","actionsList":"m-6e463822","action":"m-d49bb8ef","actionBody":"m-3d475731","actionSection":"m-832642f6","actionLabel":"m-6c2a1345","actionDescription":"m-a6d9d78d","empty":"m-82f78f74","footer":"m-ddcaf054","actionsGroup":"m-5a3e5f7b"};
|
|
5
|
+
var classes = {"root":"m-d2b315db","content":"m-3cd250e0","body":"m-d2abce9b","search":"m-f366a061","actionsList":"m-6e463822","action":"m-d49bb8ef","actionBody":"m-3d475731","actionSection":"m-832642f6","actionLabel":"m-6c2a1345","actionDescription":"m-a6d9d78d","empty":"m-82f78f74","footer":"m-ddcaf054","actionsGroup":"m-5a3e5f7b"};
|
|
6
6
|
|
|
7
7
|
exports.default = classes;
|
|
8
8
|
//# sourceMappingURL=Spotlight.module.css.js.map
|
package/cjs/SpotlightRoot.js
CHANGED
|
@@ -55,7 +55,8 @@ const defaultProps = {
|
|
|
55
55
|
clearQueryOnClose: true,
|
|
56
56
|
closeOnActionTrigger: true,
|
|
57
57
|
shortcut: "mod + K",
|
|
58
|
-
maxHeight: 400
|
|
58
|
+
maxHeight: 400,
|
|
59
|
+
scrollable: false
|
|
59
60
|
};
|
|
60
61
|
const SpotlightRoot = core.factory((_props, ref) => {
|
|
61
62
|
const props = core.useProps("SpotlightRoot", defaultProps, _props);
|
|
@@ -80,7 +81,8 @@ const SpotlightRoot = core.factory((_props, ref) => {
|
|
|
80
81
|
onSpotlightClose,
|
|
81
82
|
forceOpened,
|
|
82
83
|
closeOnActionTrigger,
|
|
83
|
-
maxHeight
|
|
84
|
+
maxHeight,
|
|
85
|
+
scrollable
|
|
84
86
|
} = _a, others = __objRest(_a, [
|
|
85
87
|
"classNames",
|
|
86
88
|
"className",
|
|
@@ -102,7 +104,8 @@ const SpotlightRoot = core.factory((_props, ref) => {
|
|
|
102
104
|
"onSpotlightClose",
|
|
103
105
|
"forceOpened",
|
|
104
106
|
"closeOnActionTrigger",
|
|
105
|
-
"maxHeight"
|
|
107
|
+
"maxHeight",
|
|
108
|
+
"scrollable"
|
|
106
109
|
]);
|
|
107
110
|
const theme = core.useMantineTheme();
|
|
108
111
|
const { opened, query: storeQuery } = spotlight_store.useSpotlight(store);
|
|
@@ -165,8 +168,9 @@ const SpotlightRoot = core.factory((_props, ref) => {
|
|
|
165
168
|
(_a2 = transitionProps == null ? void 0 : transitionProps.onExited) == null ? void 0 : _a2.call(transitionProps);
|
|
166
169
|
}
|
|
167
170
|
}),
|
|
168
|
-
__vars: { "--spotlight-max-height": core.rem(maxHeight) },
|
|
169
|
-
__staticSelector: "Spotlight"
|
|
171
|
+
__vars: { "--spotlight-max-height": scrollable ? core.rem(maxHeight) : void 0 },
|
|
172
|
+
__staticSelector: "Spotlight",
|
|
173
|
+
"data-scrollable": scrollable || void 0
|
|
170
174
|
}),
|
|
171
175
|
children
|
|
172
176
|
)
|
package/cjs/SpotlightRoot.js.map
CHANGED
|
@@ -1 +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 clearQueryOnClose && setQuery('');\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":["getDefaultZIndex","spotlightStore","factory","useProps","useMantineTheme","useSpotlight","spotlightActions","useStyles","classes","useHotkeys","getHotkeys","useDidUpdate","React","SpotlightProvider","Modal","resolveClassNames","resolveStyles","rem"],"mappings":"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"}
|
|
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<\n ModalProps,\n | 'styles'\n | 'classNames'\n | 'vars'\n | 'variant'\n | 'opened'\n | 'onClose'\n | 'closeButtonProps'\n | 'withCloseButton'\n > {\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. Ignored unless `scrollable` prop is set. `400` by default */\n maxHeight?: React.CSSProperties['maxHeight'];\n\n /** Determines whether the actions list should be scrollable. If not set, `maxHeight` is ignored, `false` by default */\n scrollable?: boolean;\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 scrollable: false,\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 scrollable,\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 clearQueryOnClose && setQuery('');\n spotlightActions.clearSpotlightState({ clearQuery: clearQueryOnClose }, store!);\n transitionProps?.onExited?.();\n },\n }}\n __vars={{ '--spotlight-max-height': scrollable ? rem(maxHeight) : undefined }}\n __staticSelector=\"Spotlight\"\n data-scrollable={scrollable || undefined}\n >\n {children}\n </Modal>\n </SpotlightProvider>\n );\n});\n\nSpotlightRoot.classes = classes;\nSpotlightRoot.displayName = '@mantine/spotlight/SpotlightRoot';\n"],"names":["getDefaultZIndex","spotlightStore","factory","useProps","useMantineTheme","useSpotlight","spotlightActions","useStyles","classes","useHotkeys","getHotkeys","useDidUpdate","React","SpotlightProvider","Modal","resolveClassNames","resolveStyles","rem"],"mappings":"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"}
|
package/cjs/SpotlightSearch.js
CHANGED
|
@@ -51,7 +51,7 @@ const SpotlightSearch = core.factory((props, ref) => {
|
|
|
51
51
|
"SpotlightSearch",
|
|
52
52
|
defaultProps,
|
|
53
53
|
props
|
|
54
|
-
), { classNames, styles, onKeyDown, onChange, vars } = _a, others = __objRest(_a, ["classNames", "styles", "onKeyDown", "onChange", "vars"]);
|
|
54
|
+
), { classNames, styles, onKeyDown, onChange, vars, value } = _a, others = __objRest(_a, ["classNames", "styles", "onKeyDown", "onChange", "vars", "value"]);
|
|
55
55
|
const ctx = Spotlight_context.useSpotlightContext();
|
|
56
56
|
const inputStyles = ctx.getStyles("search");
|
|
57
57
|
const handleKeyDown = (event) => {
|
|
@@ -76,8 +76,11 @@ const SpotlightSearch = core.factory((props, ref) => {
|
|
|
76
76
|
classNames: [{ input: inputStyles.className }, classNames],
|
|
77
77
|
styles: [{ input: inputStyles.style }, styles]
|
|
78
78
|
}, others), {
|
|
79
|
-
value: ctx.query,
|
|
80
|
-
onChange: (event) =>
|
|
79
|
+
value: value != null ? value : ctx.query,
|
|
80
|
+
onChange: (event) => {
|
|
81
|
+
ctx.setQuery(event.currentTarget.value);
|
|
82
|
+
onChange == null ? void 0 : onChange(event);
|
|
83
|
+
},
|
|
81
84
|
onKeyDown: handleKeyDown
|
|
82
85
|
})
|
|
83
86
|
);
|
|
@@ -1 +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":["factory","useProps","useSpotlightContext","spotlightActions","React","Input","classes"],"mappings":"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
|
|
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, value, ...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={value ?? ctx.query}\n onChange={(event) => {\n ctx.setQuery(event.currentTarget.value);\n onChange?.(event);\n }}\n onKeyDown={handleKeyDown}\n />\n );\n});\n\nSpotlightSearch.classes = classes;\nSpotlightSearch.displayName = '@mantine/spotlight/SpotlightSearch';\n"],"names":["factory","useProps","useSpotlightContext","spotlightActions","React","Input","classes"],"mappings":"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"}
|
package/cjs/index.css
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
|
+
.m-d2b315db[data-scrollable] {
|
|
2
|
+
--_spotlight-content-height: 100%;
|
|
3
|
+
}
|
|
4
|
+
|
|
1
5
|
.m-3cd250e0 {
|
|
2
6
|
overflow: hidden;
|
|
3
|
-
height:
|
|
7
|
+
height: var(--_spotlight-content-height, auto);
|
|
4
8
|
max-height: var(--spotlight-max-height);
|
|
5
9
|
}
|
|
6
10
|
|
|
7
11
|
.m-d2abce9b {
|
|
8
12
|
display: flex;
|
|
9
13
|
flex-direction: column;
|
|
10
|
-
height:
|
|
14
|
+
height: var(--_spotlight-content-height, auto);
|
|
11
15
|
}
|
|
12
16
|
|
|
13
17
|
.m-f366a061 {
|
|
@@ -23,7 +27,13 @@
|
|
|
23
27
|
flex: 1 1;
|
|
24
28
|
padding: var(--spotlight-actions-list-padding);
|
|
25
29
|
max-height: calc(100% - calc(3.125rem * var(--mantine-scale)));
|
|
26
|
-
margin-right: calc(var(--spotlight-actions-list-padding) * -1);
|
|
30
|
+
margin-right: var(--_actions-list-mr, calc(var(--spotlight-actions-list-padding) * -1));
|
|
31
|
+
margin-left: var(--_actions-list-ml, 0);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
[dir="rtl"] .m-6e463822 {
|
|
35
|
+
--_actions-list-mr: 0;
|
|
36
|
+
--_actions-list-ml: calc(var(--spotlight-actions-list-padding) * -1);
|
|
27
37
|
}
|
|
28
38
|
|
|
29
39
|
[data-mantine-color-scheme='light'] .m-6e463822 {
|
|
@@ -42,26 +52,31 @@
|
|
|
42
52
|
border-radius: var(--mantine-radius-default);
|
|
43
53
|
background-color: var(--_action-bg, transparent);
|
|
44
54
|
color: var(--_action-color, inherit);
|
|
55
|
+
text-align: var(--_action-text-align, left);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
[dir="rtl"] .m-d49bb8ef {
|
|
59
|
+
--_action-text-align: right;
|
|
45
60
|
}
|
|
46
61
|
|
|
47
62
|
@media (hover: hover) {
|
|
48
63
|
[data-mantine-color-scheme='light'] .m-d49bb8ef:not([data-selected]):hover {
|
|
49
64
|
--_action-bg: var(--mantine-color-gray-0);
|
|
50
|
-
|
|
65
|
+
}
|
|
51
66
|
|
|
52
67
|
[data-mantine-color-scheme='dark'] .m-d49bb8ef:not([data-selected]):hover {
|
|
53
68
|
--_action-bg: var(--mantine-color-dark-6);
|
|
54
|
-
|
|
69
|
+
}
|
|
55
70
|
}
|
|
56
71
|
|
|
57
72
|
@media (hover: none) {
|
|
58
73
|
[data-mantine-color-scheme='light'] .m-d49bb8ef:not([data-selected]):active {
|
|
59
74
|
--_action-bg: var(--mantine-color-gray-0);
|
|
60
|
-
|
|
75
|
+
}
|
|
61
76
|
|
|
62
77
|
[data-mantine-color-scheme='dark'] .m-d49bb8ef:not([data-selected]):active {
|
|
63
78
|
--_action-bg: var(--mantine-color-dark-6);
|
|
64
|
-
|
|
79
|
+
}
|
|
65
80
|
}
|
|
66
81
|
|
|
67
82
|
.m-d49bb8ef[data-selected] {
|
|
@@ -137,9 +152,15 @@
|
|
|
137
152
|
font-size: var(--mantine-font-size-xs);
|
|
138
153
|
font-weight: 700;
|
|
139
154
|
color: var(--mantine-color-dimmed);
|
|
140
|
-
padding-left: var(--mantine-spacing-md);
|
|
155
|
+
padding-left: var(--_actions-group-pl, var(--mantine-spacing-md));
|
|
156
|
+
padding-right: var(--_actions-group-pr, 0);
|
|
141
157
|
}
|
|
142
158
|
|
|
159
|
+
[dir="rtl"] .m-5a3e5f7b {
|
|
160
|
+
--_actions-group-pl: 0;
|
|
161
|
+
--_actions-group-pr: var(--mantine-spacing-md);
|
|
162
|
+
}
|
|
163
|
+
|
|
143
164
|
.m-5a3e5f7b:empty {
|
|
144
165
|
--_display: none;
|
|
145
166
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var classes = {"content":"m-3cd250e0","body":"m-d2abce9b","search":"m-f366a061","actionsList":"m-6e463822","action":"m-d49bb8ef","actionBody":"m-3d475731","actionSection":"m-832642f6","actionLabel":"m-6c2a1345","actionDescription":"m-a6d9d78d","empty":"m-82f78f74","footer":"m-ddcaf054","actionsGroup":"m-5a3e5f7b"};
|
|
1
|
+
var classes = {"root":"m-d2b315db","content":"m-3cd250e0","body":"m-d2abce9b","search":"m-f366a061","actionsList":"m-6e463822","action":"m-d49bb8ef","actionBody":"m-3d475731","actionSection":"m-832642f6","actionLabel":"m-6c2a1345","actionDescription":"m-a6d9d78d","empty":"m-82f78f74","footer":"m-ddcaf054","actionsGroup":"m-5a3e5f7b"};
|
|
2
2
|
|
|
3
3
|
export default classes;
|
|
4
4
|
//# sourceMappingURL=Spotlight.module.css.js.map
|
package/esm/SpotlightRoot.js
CHANGED
|
@@ -47,7 +47,8 @@ const defaultProps = {
|
|
|
47
47
|
clearQueryOnClose: true,
|
|
48
48
|
closeOnActionTrigger: true,
|
|
49
49
|
shortcut: "mod + K",
|
|
50
|
-
maxHeight: 400
|
|
50
|
+
maxHeight: 400,
|
|
51
|
+
scrollable: false
|
|
51
52
|
};
|
|
52
53
|
const SpotlightRoot = factory((_props, ref) => {
|
|
53
54
|
const props = useProps("SpotlightRoot", defaultProps, _props);
|
|
@@ -72,7 +73,8 @@ const SpotlightRoot = factory((_props, ref) => {
|
|
|
72
73
|
onSpotlightClose,
|
|
73
74
|
forceOpened,
|
|
74
75
|
closeOnActionTrigger,
|
|
75
|
-
maxHeight
|
|
76
|
+
maxHeight,
|
|
77
|
+
scrollable
|
|
76
78
|
} = _a, others = __objRest(_a, [
|
|
77
79
|
"classNames",
|
|
78
80
|
"className",
|
|
@@ -94,7 +96,8 @@ const SpotlightRoot = factory((_props, ref) => {
|
|
|
94
96
|
"onSpotlightClose",
|
|
95
97
|
"forceOpened",
|
|
96
98
|
"closeOnActionTrigger",
|
|
97
|
-
"maxHeight"
|
|
99
|
+
"maxHeight",
|
|
100
|
+
"scrollable"
|
|
98
101
|
]);
|
|
99
102
|
const theme = useMantineTheme();
|
|
100
103
|
const { opened, query: storeQuery } = useSpotlight(store);
|
|
@@ -157,8 +160,9 @@ const SpotlightRoot = factory((_props, ref) => {
|
|
|
157
160
|
(_a2 = transitionProps == null ? void 0 : transitionProps.onExited) == null ? void 0 : _a2.call(transitionProps);
|
|
158
161
|
}
|
|
159
162
|
}),
|
|
160
|
-
__vars: { "--spotlight-max-height": rem(maxHeight) },
|
|
161
|
-
__staticSelector: "Spotlight"
|
|
163
|
+
__vars: { "--spotlight-max-height": scrollable ? rem(maxHeight) : void 0 },
|
|
164
|
+
__staticSelector: "Spotlight",
|
|
165
|
+
"data-scrollable": scrollable || void 0
|
|
162
166
|
}),
|
|
163
167
|
children
|
|
164
168
|
)
|
package/esm/SpotlightRoot.js.map
CHANGED
|
@@ -1 +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 clearQueryOnClose && setQuery('');\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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"}
|
|
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<\n ModalProps,\n | 'styles'\n | 'classNames'\n | 'vars'\n | 'variant'\n | 'opened'\n | 'onClose'\n | 'closeButtonProps'\n | 'withCloseButton'\n > {\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. Ignored unless `scrollable` prop is set. `400` by default */\n maxHeight?: React.CSSProperties['maxHeight'];\n\n /** Determines whether the actions list should be scrollable. If not set, `maxHeight` is ignored, `false` by default */\n scrollable?: boolean;\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 scrollable: false,\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 scrollable,\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 clearQueryOnClose && setQuery('');\n spotlightActions.clearSpotlightState({ clearQuery: clearQueryOnClose }, store!);\n transitionProps?.onExited?.();\n },\n }}\n __vars={{ '--spotlight-max-height': scrollable ? rem(maxHeight) : undefined }}\n __staticSelector=\"Spotlight\"\n data-scrollable={scrollable || undefined}\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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"}
|
package/esm/SpotlightSearch.js
CHANGED
|
@@ -43,7 +43,7 @@ const SpotlightSearch = factory((props, ref) => {
|
|
|
43
43
|
"SpotlightSearch",
|
|
44
44
|
defaultProps,
|
|
45
45
|
props
|
|
46
|
-
), { classNames, styles, onKeyDown, onChange, vars } = _a, others = __objRest(_a, ["classNames", "styles", "onKeyDown", "onChange", "vars"]);
|
|
46
|
+
), { classNames, styles, onKeyDown, onChange, vars, value } = _a, others = __objRest(_a, ["classNames", "styles", "onKeyDown", "onChange", "vars", "value"]);
|
|
47
47
|
const ctx = useSpotlightContext();
|
|
48
48
|
const inputStyles = ctx.getStyles("search");
|
|
49
49
|
const handleKeyDown = (event) => {
|
|
@@ -68,8 +68,11 @@ const SpotlightSearch = factory((props, ref) => {
|
|
|
68
68
|
classNames: [{ input: inputStyles.className }, classNames],
|
|
69
69
|
styles: [{ input: inputStyles.style }, styles]
|
|
70
70
|
}, others), {
|
|
71
|
-
value: ctx.query,
|
|
72
|
-
onChange: (event) =>
|
|
71
|
+
value: value != null ? value : ctx.query,
|
|
72
|
+
onChange: (event) => {
|
|
73
|
+
ctx.setQuery(event.currentTarget.value);
|
|
74
|
+
onChange == null ? void 0 : onChange(event);
|
|
75
|
+
},
|
|
73
76
|
onKeyDown: handleKeyDown
|
|
74
77
|
})
|
|
75
78
|
);
|
|
@@ -1 +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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
|
|
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, value, ...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={value ?? ctx.query}\n onChange={(event) => {\n ctx.setQuery(event.currentTarget.value);\n onChange?.(event);\n }}\n onKeyDown={handleKeyDown}\n />\n );\n});\n\nSpotlightSearch.classes = classes;\nSpotlightSearch.displayName = '@mantine/spotlight/SpotlightSearch';\n"],"names":[],"mappings":"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"}
|
package/esm/index.css
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
|
+
.m-d2b315db[data-scrollable] {
|
|
2
|
+
--_spotlight-content-height: 100%;
|
|
3
|
+
}
|
|
4
|
+
|
|
1
5
|
.m-3cd250e0 {
|
|
2
6
|
overflow: hidden;
|
|
3
|
-
height:
|
|
7
|
+
height: var(--_spotlight-content-height, auto);
|
|
4
8
|
max-height: var(--spotlight-max-height);
|
|
5
9
|
}
|
|
6
10
|
|
|
7
11
|
.m-d2abce9b {
|
|
8
12
|
display: flex;
|
|
9
13
|
flex-direction: column;
|
|
10
|
-
height:
|
|
14
|
+
height: var(--_spotlight-content-height, auto);
|
|
11
15
|
}
|
|
12
16
|
|
|
13
17
|
.m-f366a061 {
|
|
@@ -23,7 +27,13 @@
|
|
|
23
27
|
flex: 1 1;
|
|
24
28
|
padding: var(--spotlight-actions-list-padding);
|
|
25
29
|
max-height: calc(100% - calc(3.125rem * var(--mantine-scale)));
|
|
26
|
-
margin-right: calc(var(--spotlight-actions-list-padding) * -1);
|
|
30
|
+
margin-right: var(--_actions-list-mr, calc(var(--spotlight-actions-list-padding) * -1));
|
|
31
|
+
margin-left: var(--_actions-list-ml, 0);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
[dir="rtl"] .m-6e463822 {
|
|
35
|
+
--_actions-list-mr: 0;
|
|
36
|
+
--_actions-list-ml: calc(var(--spotlight-actions-list-padding) * -1);
|
|
27
37
|
}
|
|
28
38
|
|
|
29
39
|
[data-mantine-color-scheme='light'] .m-6e463822 {
|
|
@@ -42,26 +52,31 @@
|
|
|
42
52
|
border-radius: var(--mantine-radius-default);
|
|
43
53
|
background-color: var(--_action-bg, transparent);
|
|
44
54
|
color: var(--_action-color, inherit);
|
|
55
|
+
text-align: var(--_action-text-align, left);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
[dir="rtl"] .m-d49bb8ef {
|
|
59
|
+
--_action-text-align: right;
|
|
45
60
|
}
|
|
46
61
|
|
|
47
62
|
@media (hover: hover) {
|
|
48
63
|
[data-mantine-color-scheme='light'] .m-d49bb8ef:not([data-selected]):hover {
|
|
49
64
|
--_action-bg: var(--mantine-color-gray-0);
|
|
50
|
-
|
|
65
|
+
}
|
|
51
66
|
|
|
52
67
|
[data-mantine-color-scheme='dark'] .m-d49bb8ef:not([data-selected]):hover {
|
|
53
68
|
--_action-bg: var(--mantine-color-dark-6);
|
|
54
|
-
|
|
69
|
+
}
|
|
55
70
|
}
|
|
56
71
|
|
|
57
72
|
@media (hover: none) {
|
|
58
73
|
[data-mantine-color-scheme='light'] .m-d49bb8ef:not([data-selected]):active {
|
|
59
74
|
--_action-bg: var(--mantine-color-gray-0);
|
|
60
|
-
|
|
75
|
+
}
|
|
61
76
|
|
|
62
77
|
[data-mantine-color-scheme='dark'] .m-d49bb8ef:not([data-selected]):active {
|
|
63
78
|
--_action-bg: var(--mantine-color-dark-6);
|
|
64
|
-
|
|
79
|
+
}
|
|
65
80
|
}
|
|
66
81
|
|
|
67
82
|
.m-d49bb8ef[data-selected] {
|
|
@@ -137,9 +152,15 @@
|
|
|
137
152
|
font-size: var(--mantine-font-size-xs);
|
|
138
153
|
font-weight: 700;
|
|
139
154
|
color: var(--mantine-color-dimmed);
|
|
140
|
-
padding-left: var(--mantine-spacing-md);
|
|
155
|
+
padding-left: var(--_actions-group-pl, var(--mantine-spacing-md));
|
|
156
|
+
padding-right: var(--_actions-group-pr, 0);
|
|
141
157
|
}
|
|
142
158
|
|
|
159
|
+
[dir="rtl"] .m-5a3e5f7b {
|
|
160
|
+
--_actions-group-pl: 0;
|
|
161
|
+
--_actions-group-pr: var(--mantine-spacing-md);
|
|
162
|
+
}
|
|
163
|
+
|
|
143
164
|
.m-5a3e5f7b:empty {
|
|
144
165
|
--_display: none;
|
|
145
166
|
}
|
|
@@ -12,6 +12,6 @@ interface SpotlightContextValue {
|
|
|
12
12
|
export declare const SpotlightProvider: ({ children, value }: {
|
|
13
13
|
value: SpotlightContextValue;
|
|
14
14
|
children: import("react").ReactNode;
|
|
15
|
-
}) => JSX.Element, useSpotlightContext: () => SpotlightContextValue;
|
|
15
|
+
}) => import("react/jsx-runtime").JSX.Element, useSpotlightContext: () => SpotlightContextValue;
|
|
16
16
|
export {};
|
|
17
17
|
//# sourceMappingURL=Spotlight.context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spotlight.context.d.ts","sourceRoot":"","sources":["../src/Spotlight.context.ts"],"names":[],"mappings":";AAAA,OAAO,EAAqB,YAAY,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IAC9C,KAAK,EAAE,cAAc,CAAC;IACtB,oBAAoB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC3C;AAED,eAAO,MAAO,iBAAiB
|
|
1
|
+
{"version":3,"file":"Spotlight.context.d.ts","sourceRoot":"","sources":["../src/Spotlight.context.ts"],"names":[],"mappings":";AAAA,OAAO,EAAqB,YAAY,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IAC9C,KAAK,EAAE,cAAc,CAAC;IACtB,oBAAoB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC3C;AAED,eAAO,MAAO,iBAAiB;;;+CAAE,mBAAmB,6BAEnD,CAAC"}
|
package/lib/SpotlightRoot.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { StylesApiProps, Factory, ModalProps, ModalStylesNames } from '@mantine/core';
|
|
3
3
|
import { SpotlightStore } from './spotlight.store';
|
|
4
4
|
export type SpotlightRootStylesNames = ModalStylesNames | 'search' | 'actionsList' | 'action' | 'empty' | 'footer' | 'actionBody' | 'actionLabel' | 'actionDescription' | 'actionSection' | 'actionsGroup';
|
|
5
|
-
export interface SpotlightRootProps extends StylesApiProps<SpotlightRootFactory>, Omit<ModalProps, 'styles' | 'classNames' | 'vars' | 'variant' | 'opened' | 'onClose'> {
|
|
5
|
+
export interface SpotlightRootProps extends StylesApiProps<SpotlightRootFactory>, Omit<ModalProps, 'styles' | 'classNames' | 'vars' | 'variant' | 'opened' | 'onClose' | 'closeButtonProps' | 'withCloseButton'> {
|
|
6
6
|
/** Spotlight store, can be used to create multiple instances of spotlight */
|
|
7
7
|
store?: SpotlightStore;
|
|
8
8
|
/** Controlled Spotlight search query */
|
|
@@ -27,8 +27,10 @@ export interface SpotlightRootProps extends StylesApiProps<SpotlightRootFactory>
|
|
|
27
27
|
forceOpened?: boolean;
|
|
28
28
|
/** Determines whether spotlight should be closed when one of the actions is triggered, `true` by default */
|
|
29
29
|
closeOnActionTrigger?: boolean;
|
|
30
|
-
/** Spotlight content max-height
|
|
30
|
+
/** Spotlight content max-height. Ignored unless `scrollable` prop is set. `400` by default */
|
|
31
31
|
maxHeight?: React.CSSProperties['maxHeight'];
|
|
32
|
+
/** Determines whether the actions list should be scrollable. If not set, `maxHeight` is ignored, `false` by default */
|
|
33
|
+
scrollable?: boolean;
|
|
32
34
|
}
|
|
33
35
|
export type SpotlightRootFactory = Factory<{
|
|
34
36
|
props: SpotlightRootProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpotlightRoot.d.ts","sourceRoot":"","sources":["../src/SpotlightRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,cAAc,EAId,OAAO,EAEP,UAAU,EACV,gBAAgB,EAMjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAgB,cAAc,EAAoC,MAAM,mBAAmB,CAAC;AAInG,MAAM,MAAM,wBAAwB,GAChC,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,kBACf,SAAQ,cAAc,CAAC,oBAAoB,CAAC,EAC1C,IAAI,
|
|
1
|
+
{"version":3,"file":"SpotlightRoot.d.ts","sourceRoot":"","sources":["../src/SpotlightRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,cAAc,EAId,OAAO,EAEP,UAAU,EACV,gBAAgB,EAMjB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAgB,cAAc,EAAoC,MAAM,mBAAmB,CAAC;AAInG,MAAM,MAAM,wBAAwB,GAChC,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,kBACf,SAAQ,cAAc,CAAC,oBAAoB,CAAC,EAC1C,IAAI,CACF,UAAU,EACR,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,SAAS,GACT,QAAQ,GACR,SAAS,GACT,kBAAkB,GAClB,iBAAiB,CACpB;IACH,6EAA6E;IAC7E,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gCAAgC;IAChC,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpC,4GAA4G;IAC5G,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAEpC,kHAAkH;IAClH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,8FAA8F;IAC9F,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kCAAkC;IAClC,eAAe,CAAC,IAAI,IAAI,CAAC;IAEzB,mCAAmC;IACnC,gBAAgB,CAAC,IAAI,IAAI,CAAC;IAE1B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,4GAA4G;IAC5G,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAE7C,uHAAuH;IACvH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,wBAAwB,CAAC;IACtC,QAAQ,EAAE,IAAI,CAAC;CAChB,CAAC,CAAC;AAgBH,eAAO,MAAM,aAAa;WApBjB,kBAAkB;SACpB,cAAc;iBACN,wBAAwB;cAC3B,IAAI;EAoHd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpotlightSearch.d.ts","sourceRoot":"","sources":["../src/SpotlightSearch.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,cAAc,EAEd,YAAY,EAEZ,OAAO,EAEP,UAAU,EACV,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAKvB,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACf,SAAQ,QAAQ,EACd,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,EAC9D,cAAc,CAAC,sBAAsB,CAAC,EACtC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC;CAAG;AAEpC,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IAC3C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,gBAAgB,CAAC;IACtB,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CAChB,CAAC,CAAC;AAMH,eAAO,MAAM,eAAe;WAVnB,oBAAoB;SACtB,gBAAgB;iBACR,0BAA0B;cAC7B,IAAI;
|
|
1
|
+
{"version":3,"file":"SpotlightSearch.d.ts","sourceRoot":"","sources":["../src/SpotlightSearch.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,cAAc,EAEd,YAAY,EAEZ,OAAO,EAEP,UAAU,EACV,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAKvB,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACf,SAAQ,QAAQ,EACd,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,EAC9D,cAAc,CAAC,sBAAsB,CAAC,EACtC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC;CAAG;AAEpC,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IAC3C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,gBAAgB,CAAC;IACtB,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CAChB,CAAC,CAAC;AAMH,eAAO,MAAM,eAAe;WAVnB,oBAAoB;SACtB,gBAAgB;iBACR,0BAA0B;cAC7B,IAAI;EAiDd,CAAC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export { SpotlightActionsList } from './SpotlightActionsList';
|
|
|
8
8
|
export { SpotlightEmpty } from './SpotlightEmpty';
|
|
9
9
|
export { SpotlightFooter } from './SpotlightFooter';
|
|
10
10
|
export { SpotlightSearch } from './SpotlightSearch';
|
|
11
|
-
export type { SpotlightFactory, SpotlightFilterFunction, SpotlightActionData, SpotlightProps, SpotlightStylesNames, } from './Spotlight';
|
|
11
|
+
export type { SpotlightFactory, SpotlightFilterFunction, SpotlightActionData, SpotlightActionGroupData, SpotlightProps, SpotlightStylesNames, } from './Spotlight';
|
|
12
12
|
export type { SpotlightActionProps, SpotlightActionStylesNames } from './SpotlightAction';
|
|
13
13
|
export type { SpotlightActionsGroupProps, SpotlightActionsGroupStylesNames, } from './SpotlightActionsGroup';
|
|
14
14
|
export type { SpotlightActionsListProps, SpotlightActionsListStylesNames, } from './SpotlightActionsList';
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,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"}
|
|
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,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,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,wBAAwB,EACxB,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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mantine/spotlight",
|
|
3
|
-
"version": "7.0.0-alpha.
|
|
3
|
+
"version": "7.0.0-alpha.20",
|
|
4
4
|
"types": "./lib/index.d.ts",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -32,13 +32,13 @@
|
|
|
32
32
|
"command-center"
|
|
33
33
|
],
|
|
34
34
|
"peerDependencies": {
|
|
35
|
-
"@mantine/core": "7.0.0-alpha.
|
|
36
|
-
"@mantine/hooks": "7.0.0-alpha.
|
|
37
|
-
"react": "
|
|
38
|
-
"react-dom": "
|
|
35
|
+
"@mantine/core": "7.0.0-alpha.20",
|
|
36
|
+
"@mantine/hooks": "7.0.0-alpha.20",
|
|
37
|
+
"react": "^18.2.0",
|
|
38
|
+
"react-dom": "^18.2.0"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@mantine/store": "7.0.0-alpha.
|
|
41
|
+
"@mantine/store": "7.0.0-alpha.20"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {}
|
|
44
44
|
}
|