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