@mantine/spotlight 6.0.13 → 7.0.0-alpha.14

package/cjs/index.js

@@ -1,20 +1,31 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Spotlight_context = require('./Spotlight.context.js');
-var SpotlightProvider = require('./SpotlightProvider.js');
-var events = require('./events.js');
+var spotlight_store = require('./spotlight.store.js');
+var Spotlight = require('./Spotlight.js');
+var SpotlightAction = require('./SpotlightAction.js');
+var SpotlightActionsGroup = require('./SpotlightActionsGroup.js');
+var SpotlightActionsList = require('./SpotlightActionsList.js');
+var SpotlightEmpty = require('./SpotlightEmpty.js');
+var SpotlightFooter = require('./SpotlightFooter.js');
+var SpotlightSearch = require('./SpotlightSearch.js');
 
 
 
-exports.useSpotlight = Spotlight_context.useSpotlight;
-exports.SpotlightProvider = SpotlightProvider.SpotlightProvider;
-exports.closeSpotlight = events.closeSpotlight;
-exports.openSpotlight = events.openSpotlight;
-exports.registerSpotlightActions = events.registerSpotlightActions;
-exports.removeSpotlightActions = events.removeSpotlightActions;
-exports.spotlight = events.spotlight;
-exports.toggleSpotlight = events.toggleSpotlight;
-exports.triggerSpotlightAction = events.triggerSpotlightAction;
+exports.closeSpotlight = spotlight_store.closeSpotlight;
+exports.createSpotlight = spotlight_store.createSpotlight;
+exports.createSpotlightStore = spotlight_store.createSpotlightStore;
+exports.openSpotlight = spotlight_store.openSpotlight;
+exports.spotlight = spotlight_store.spotlight;
+exports.toggleSpotlight = spotlight_store.toggleSpotlight;
+exports.useSpotlight = spotlight_store.useSpotlight;
+exports.Spotlight = Spotlight.Spotlight;
+exports.SpotlightAction = SpotlightAction.SpotlightAction;
+exports.SpotlightActionsGroup = SpotlightActionsGroup.SpotlightActionsGroup;
+exports.SpotlightActionsList = SpotlightActionsList.SpotlightActionsList;
+exports.SpotlightEmpty = SpotlightEmpty.SpotlightEmpty;
+exports.SpotlightFooter = SpotlightFooter.SpotlightFooter;
+exports.SpotlightSearch = SpotlightSearch.SpotlightSearch;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/spotlight.store.js

@@ -0,0 +1,155 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('@mantine/hooks');
+var store = require('@mantine/store');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const createSpotlightStore = () => store.createStore({
+  opened: false,
+  empty: false,
+  selected: -1,
+  listId: "",
+  query: "",
+  registeredActions: /* @__PURE__ */ new Set()
+});
+const useSpotlight = (store$1) => store.useStore(store$1);
+function updateSpotlightStateAction(update, store) {
+  const state = store.getState();
+  store.setState(__spreadValues(__spreadValues({}, state), update(store.getState())));
+}
+function openSpotlightAction(store) {
+  updateSpotlightStateAction(() => ({ opened: true }), store);
+}
+function closeSpotlightAction(store) {
+  updateSpotlightStateAction(() => ({ opened: false }), store);
+}
+function toggleSpotlightAction(store) {
+  updateSpotlightStateAction((state) => ({ opened: !state.opened }), store);
+}
+function setSelectedAction(index, store) {
+  store.updateState((state) => __spreadProps(__spreadValues({}, state), { selected: index }));
+}
+function setListId(id, store) {
+  store.updateState((state) => __spreadProps(__spreadValues({}, state), { listId: id }));
+}
+function selectAction(index, store) {
+  var _a, _b;
+  const state = store.getState();
+  const actionsList = document.getElementById(state.listId);
+  const selected = actionsList.querySelector("[data-selected]");
+  const actions = actionsList.querySelectorAll("[data-action]");
+  const nextIndex = index === -1 ? actions.length - 1 : index === actions.length ? 0 : index;
+  const selectedIndex = hooks.clamp(nextIndex, 0, actions.length - 1);
+  selected == null ? void 0 : selected.removeAttribute("data-selected");
+  (_a = actions[selectedIndex]) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
+  (_b = actions[selectedIndex]) == null ? void 0 : _b.setAttribute("data-selected", "true");
+  setSelectedAction(selectedIndex, store);
+  return selectedIndex;
+}
+function selectNextAction(store) {
+  return selectAction(store.getState().selected + 1, store);
+}
+function selectPreviousAction(store) {
+  return selectAction(store.getState().selected - 1, store);
+}
+function triggerSelectedAction(store) {
+  const state = store.getState();
+  const selected = document.querySelector(`#${state.listId} [data-selected]`);
+  selected == null ? void 0 : selected.click();
+}
+function registerAction(id, store) {
+  const state = store.getState();
+  state.registeredActions.add(id);
+  return () => {
+    state.registeredActions.delete(id);
+  };
+}
+function setQuery(query, store) {
+  updateSpotlightStateAction(() => ({ query }), store);
+  Promise.resolve().then(() => {
+    selectAction(0, store);
+    updateSpotlightStateAction(
+      (state) => ({
+        empty: state.query.trim().length > 0 && state.registeredActions.size === 0 || false
+      }),
+      store
+    );
+  });
+}
+function clearSpotlightState({ clearQuery }, store) {
+  store.updateState((state) => __spreadProps(__spreadValues({}, state), {
+    selected: -1,
+    query: clearQuery ? "" : state.query,
+    empty: clearQuery ? false : state.empty
+  }));
+}
+const spotlightActions = {
+  open: openSpotlightAction,
+  close: closeSpotlightAction,
+  toggle: toggleSpotlightAction,
+  updateState: updateSpotlightStateAction,
+  setSelectedAction,
+  setListId,
+  selectAction,
+  selectNextAction,
+  selectPreviousAction,
+  triggerSelectedAction,
+  registerAction,
+  setQuery,
+  clearSpotlightState
+};
+function createSpotlight() {
+  const store = createSpotlightStore();
+  const actions = {
+    open: () => openSpotlightAction(store),
+    close: () => closeSpotlightAction(store),
+    toggle: () => toggleSpotlightAction(store)
+  };
+  return [store, actions];
+}
+const [spotlightStore, spotlight] = createSpotlight();
+const { open: openSpotlight, close: closeSpotlight, toggle: toggleSpotlight } = spotlight;
+
+exports.clearSpotlightState = clearSpotlightState;
+exports.closeSpotlight = closeSpotlight;
+exports.closeSpotlightAction = closeSpotlightAction;
+exports.createSpotlight = createSpotlight;
+exports.createSpotlightStore = createSpotlightStore;
+exports.openSpotlight = openSpotlight;
+exports.openSpotlightAction = openSpotlightAction;
+exports.registerAction = registerAction;
+exports.selectAction = selectAction;
+exports.selectNextAction = selectNextAction;
+exports.selectPreviousAction = selectPreviousAction;
+exports.setListId = setListId;
+exports.setQuery = setQuery;
+exports.setSelectedAction = setSelectedAction;
+exports.spotlight = spotlight;
+exports.spotlightActions = spotlightActions;
+exports.spotlightStore = spotlightStore;
+exports.toggleSpotlight = toggleSpotlight;
+exports.toggleSpotlightAction = toggleSpotlightAction;
+exports.triggerSelectedAction = triggerSelectedAction;
+exports.updateSpotlightStateAction = updateSpotlightStateAction;
+exports.useSpotlight = useSpotlight;
+//# sourceMappingURL=spotlight.store.js.map

package/cjs/spotlight.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight.store.js","sources":["../src/spotlight.store.ts"],"sourcesContent":["import { clamp } from '@mantine/hooks';\nimport { createStore, useStore, MantineStore } from '@mantine/store';\n\nexport interface SpotlightState {\n  opened: boolean;\n  selected: number;\n  listId: string;\n  query: string;\n  empty: boolean;\n  registeredActions: Set<string>;\n}\n\nexport type SpotlightStore = MantineStore<SpotlightState>;\n\nexport const createSpotlightStore = () =>\n  createStore<SpotlightState>({\n    opened: false,\n    empty: false,\n    selected: -1,\n    listId: '',\n    query: '',\n    registeredActions: new Set(),\n  });\n\nexport const useSpotlight = (store: SpotlightStore) => useStore(store);\n\nexport function updateSpotlightStateAction(\n  update: (state: SpotlightState) => Partial<SpotlightState>,\n  store: SpotlightStore\n) {\n  const state = store.getState();\n  store.setState({ ...state, ...update(store.getState()) });\n}\n\nexport function openSpotlightAction(store: SpotlightStore) {\n  updateSpotlightStateAction(() => ({ opened: true }), store);\n}\n\nexport function closeSpotlightAction(store: SpotlightStore) {\n  updateSpotlightStateAction(() => ({ opened: false }), store);\n}\n\nexport function toggleSpotlightAction(store: SpotlightStore) {\n  updateSpotlightStateAction((state) => ({ opened: !state.opened }), store);\n}\n\nexport function setSelectedAction(index: number, store: SpotlightStore) {\n  store.updateState((state) => ({ ...state, selected: index }));\n}\n\nexport function setListId(id: string, store: SpotlightStore) {\n  store.updateState((state) => ({ ...state, listId: id }));\n}\n\nexport function selectAction(index: number, store: SpotlightStore): number {\n  const state = store.getState();\n  const actionsList = document.getElementById(state.listId)!;\n  const selected = actionsList.querySelector<HTMLButtonElement>('[data-selected]');\n  const actions = actionsList.querySelectorAll<HTMLButtonElement>('[data-action]');\n  const nextIndex = index === -1 ? actions.length - 1 : index === actions.length ? 0 : index;\n\n  const selectedIndex = clamp(nextIndex, 0, actions.length - 1);\n  selected?.removeAttribute('data-selected');\n  actions[selectedIndex]?.scrollIntoView({ block: 'nearest' });\n  actions[selectedIndex]?.setAttribute('data-selected', 'true');\n  setSelectedAction(selectedIndex, store);\n\n  return selectedIndex;\n}\n\nexport function selectNextAction(store: SpotlightStore) {\n  return selectAction(store.getState().selected + 1, store);\n}\n\nexport function selectPreviousAction(store: SpotlightStore) {\n  return selectAction(store.getState().selected - 1, store);\n}\n\nexport function triggerSelectedAction(store: SpotlightStore) {\n  const state = store.getState();\n  const selected = document.querySelector<HTMLButtonElement>(`#${state.listId} [data-selected]`);\n  selected?.click();\n}\n\nexport function registerAction(id: string, store: SpotlightStore) {\n  const state = store.getState();\n  state.registeredActions.add(id);\n  return () => {\n    state.registeredActions.delete(id);\n  };\n}\n\nexport function setQuery(query: string, store: SpotlightStore) {\n  updateSpotlightStateAction(() => ({ query }), store);\n  Promise.resolve().then(() => {\n    selectAction(0, store);\n    updateSpotlightStateAction(\n      (state) => ({\n        empty: (state.query.trim().length > 0 && state.registeredActions.size === 0) || false,\n      }),\n      store\n    );\n  });\n}\n\nexport function clearSpotlightState(\n  { clearQuery }: { clearQuery: boolean | undefined },\n  store: SpotlightStore\n) {\n  store.updateState((state) => ({\n    ...state,\n    selected: -1,\n    query: clearQuery ? '' : state.query,\n    empty: clearQuery ? false : state.empty,\n  }));\n}\n\nexport const spotlightActions = {\n  open: openSpotlightAction,\n  close: closeSpotlightAction,\n  toggle: toggleSpotlightAction,\n  updateState: updateSpotlightStateAction,\n  setSelectedAction,\n  setListId,\n  selectAction,\n  selectNextAction,\n  selectPreviousAction,\n  triggerSelectedAction,\n  registerAction,\n  setQuery,\n  clearSpotlightState,\n};\n\nexport function createSpotlight() {\n  const store = createSpotlightStore();\n  const actions = {\n    open: () => openSpotlightAction(store),\n    close: () => closeSpotlightAction(store),\n    toggle: () => toggleSpotlightAction(store),\n  };\n\n  return [store, actions] as const;\n}\n\nexport const [spotlightStore, spotlight] = createSpotlight();\nexport const { open: openSpotlight, close: closeSpotlight, toggle: toggleSpotlight } = spotlight;\n"],"names":["createStore","store","useStore","clamp"],"mappings":"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"}

package/esm/Spotlight.context.js

@@ -1,13 +1,8 @@
-import { createContext, useContext } from 'react';
+import { createSafeContext } from '@mantine/core';
 
-const SpotlightContext = createContext(null);
-function useSpotlight() {
-  const ctx = useContext(SpotlightContext);
-  if (!ctx) {
-    throw new Error("[@mantine/spotlight] SpotlightProvider was not found in tree");
-  }
-  return ctx;
-}
+const [SpotlightProvider, useSpotlightContext] = createSafeContext(
+  "Spotlight component was not found in tree"
+);
 
-export { SpotlightContext, useSpotlight };
+export { SpotlightProvider, useSpotlightContext };
 //# sourceMappingURL=Spotlight.context.js.map

package/esm/Spotlight.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spotlight.context.js","sources":["../src/Spotlight.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { SpotlightAction } from './types';\n\nexport interface SpotlightContextValue {\n  /** Opens spotlight */\n  openSpotlight(): void;\n\n  /** Closes spotlight */\n  closeSpotlight(): void;\n\n  /** Toggles spotlight opened state */\n  toggleSpotlight(): void;\n\n  /** Triggers action with given id */\n  triggerAction(actionId: string): void;\n\n  /** Registers additional actions */\n  registerActions(actions: SpotlightAction[]): void;\n\n  /** Removes actions with given ids */\n  removeActions(actionIds: string[]): void;\n\n  /** Current opened state */\n  opened: boolean;\n\n  /** List of registered actions */\n  actions: SpotlightAction[];\n\n  /** Search query */\n  query: string;\n}\n\nexport const SpotlightContext = createContext<SpotlightContextValue>(null);\n\nexport function useSpotlight() {\n  const ctx = useContext(SpotlightContext);\n\n  if (!ctx) {\n    throw new Error('[@mantine/spotlight] SpotlightProvider was not found in tree');\n  }\n\n  return ctx;\n}\n"],"names":[],"mappings":";;AACY,MAAC,gBAAgB,GAAG,aAAa,CAAC,IAAI,EAAE;AAC7C,SAAS,YAAY,GAAG;AAC/B,EAAE,MAAM,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;AAC3C,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC,CAAC;AACpF,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb;;;;"}
+{"version":3,"file":"Spotlight.context.js","sources":["../src/Spotlight.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '@mantine/core';\nimport type { SpotlightRootFactory } from './SpotlightRoot';\nimport { SpotlightStore } from './spotlight.store';\n\ninterface SpotlightContextValue {\n  query: string;\n  setQuery(query: string): void;\n  getStyles: GetStylesApi<SpotlightRootFactory>;\n  store: SpotlightStore;\n  closeOnActionTrigger: boolean | undefined;\n}\n\nexport const [SpotlightProvider, useSpotlightContext] = createSafeContext<SpotlightContextValue>(\n  'Spotlight component was not found in tree'\n);\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,GAAG,iBAAiB;AACzE,EAAE,2CAA2C;AAC7C;;;;"}

package/esm/Spotlight.js

@@ -0,0 +1,113 @@
+import React from 'react';
+import { useUncontrolled } from '@mantine/hooks';
+import { getDefaultZIndex, factory, useProps } from '@mantine/core';
+import { spotlightStore, spotlight } from './spotlight.store.js';
+import { SpotlightSearch } from './SpotlightSearch.js';
+import { SpotlightActionsList } from './SpotlightActionsList.js';
+import { SpotlightAction } from './SpotlightAction.js';
+import { SpotlightEmpty } from './SpotlightEmpty.js';
+import { SpotlightFooter } from './SpotlightFooter.js';
+import { SpotlightActionsGroup } from './SpotlightActionsGroup.js';
+import { SpotlightRoot } from './SpotlightRoot.js';
+import classes from './Spotlight.module.css.js';
+import { defaultSpotlightFilter } from './default-spotlight-filter.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function isGroup(item) {
+  return item.group !== void 0;
+}
+const defaultProps = {
+  size: 600,
+  yOffset: 80,
+  zIndex: getDefaultZIndex("max"),
+  overlayProps: { backgroundOpacity: 0.35, blur: 7 },
+  transitionProps: { duration: 200, transition: "pop" },
+  store: spotlightStore,
+  filter: defaultSpotlightFilter,
+  clearQueryOnClose: true,
+  closeOnActionTrigger: true,
+  shortcut: "mod + K",
+  highlightQuery: false
+};
+const Spotlight = factory((_props, ref) => {
+  const props = useProps("Spotlight", defaultProps, _props);
+  const _a = props, {
+    searchProps,
+    filter,
+    query,
+    onQueryChange,
+    actions,
+    nothingFound,
+    highlightQuery
+  } = _a, others = __objRest(_a, [
+    "searchProps",
+    "filter",
+    "query",
+    "onQueryChange",
+    "actions",
+    "nothingFound",
+    "highlightQuery"
+  ]);
+  const [_query, setQuery] = useUncontrolled({
+    value: query,
+    defaultValue: "",
+    finalValue: "",
+    onChange: onQueryChange
+  });
+  const filteredActions = filter(_query, actions).map((item) => {
+    if (isGroup(item)) {
+      const items = item.actions.map((_a2) => {
+        var _b = _a2, { id } = _b, actionData = __objRest(_b, ["id"]);
+        return /* @__PURE__ */ React.createElement(SpotlightAction, __spreadValues({ key: id, highlightQuery }, actionData));
+      });
+      return /* @__PURE__ */ React.createElement(SpotlightActionsGroup, { key: item.group, label: item.group }, items);
+    }
+    return /* @__PURE__ */ React.createElement(SpotlightAction, __spreadValues({ key: item.id, highlightQuery }, item));
+  });
+  return /* @__PURE__ */ React.createElement(SpotlightRoot, __spreadProps(__spreadValues({}, others), { query: _query, onQueryChange: setQuery, ref }), /* @__PURE__ */ React.createElement(SpotlightSearch, __spreadValues({}, searchProps)), /* @__PURE__ */ React.createElement(SpotlightActionsList, null, filteredActions, filteredActions.length === 0 && nothingFound && /* @__PURE__ */ React.createElement(SpotlightEmpty, null, nothingFound)));
+});
+Spotlight.classes = classes;
+Spotlight.displayName = "@mantine/spotlight/Spotlight";
+Spotlight.Search = SpotlightSearch;
+Spotlight.ActionsList = SpotlightActionsList;
+Spotlight.Action = SpotlightAction;
+Spotlight.Empty = SpotlightEmpty;
+Spotlight.ActionsGroup = SpotlightActionsGroup;
+Spotlight.Footer = SpotlightFooter;
+Spotlight.Root = SpotlightRoot;
+Spotlight.open = spotlight.open;
+Spotlight.close = spotlight.close;
+Spotlight.toggle = spotlight.toggle;
+
+export { Spotlight };
+//# sourceMappingURL=Spotlight.js.map

package/esm/Spotlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spotlight.js","sources":["../src/Spotlight.tsx"],"sourcesContent":["import React from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { factory, useProps, Factory, getDefaultZIndex } from '@mantine/core';\nimport { spotlightStore, spotlight } from './spotlight.store';\nimport { SpotlightSearch, SpotlightSearchProps } from './SpotlightSearch';\nimport { SpotlightActionsList } from './SpotlightActionsList';\nimport { SpotlightAction, SpotlightActionProps } from './SpotlightAction';\nimport { SpotlightEmpty } from './SpotlightEmpty';\nimport { SpotlightFooter } from './SpotlightFooter';\nimport { SpotlightActionsGroup } from './SpotlightActionsGroup';\nimport { SpotlightRoot, SpotlightRootProps, SpotlightRootStylesNames } from './SpotlightRoot';\nimport classes from './Spotlight.module.css';\nimport { defaultSpotlightFilter } from './default-spotlight-filter';\n\nexport type SpotlightFilterFunction = (\n  query: string,\n  actions: SpotlightActions[]\n) => SpotlightActions[];\n\nexport interface SpotlightActionData extends SpotlightActionProps {\n  id: string;\n  group?: string;\n}\n\nexport interface SpotlightActionGroupData {\n  group: string;\n  actions: SpotlightActionData[];\n}\n\nexport type SpotlightActions = SpotlightActionData | SpotlightActionGroupData;\n\nfunction isGroup(\n  item: SpotlightActionData | SpotlightActionGroupData\n): item is SpotlightActionGroupData {\n  return (item as SpotlightActionGroupData).group !== undefined;\n}\n\nexport type SpotlightStylesNames = SpotlightRootStylesNames;\n\nexport interface SpotlightProps extends SpotlightRootProps {\n  /** Props passed down to the `Spotlight.Search` */\n  searchProps?: SpotlightSearchProps;\n\n  /** Actions data, passed down to `Spotlight.Action` component */\n  actions: SpotlightActions[];\n\n  /** Function to filter actions data based on search query, by default actions are filtered by title, description and keywords */\n  filter?: SpotlightFilterFunction;\n\n  /** Message displayed when none of the actions match given `filter` */\n  nothingFound?: React.ReactNode;\n\n  /** Determines whether search query should be highlighted in action label, `false` by default */\n  highlightQuery?: boolean;\n}\n\nexport type SpotlightFactory = Factory<{\n  props: SpotlightProps;\n  ref: HTMLDivElement;\n  stylesNames: SpotlightStylesNames;\n  staticComponents: {\n    Search: typeof SpotlightSearch;\n    ActionsList: typeof SpotlightActionsList;\n    Action: typeof SpotlightAction;\n    Empty: typeof SpotlightEmpty;\n    Footer: typeof SpotlightFooter;\n    ActionsGroup: typeof SpotlightActionsGroup;\n    Root: typeof SpotlightRoot;\n    open: typeof spotlight.open;\n    close: typeof spotlight.close;\n    toggle: typeof spotlight.toggle;\n  };\n}>;\n\nconst defaultProps: Partial<SpotlightProps> = {\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  filter: defaultSpotlightFilter,\n  clearQueryOnClose: true,\n  closeOnActionTrigger: true,\n  shortcut: 'mod + K',\n  highlightQuery: false,\n};\n\nexport const Spotlight = factory<SpotlightFactory>((_props, ref) => {\n  const props = useProps('Spotlight', defaultProps, _props);\n  const {\n    searchProps,\n    filter,\n    query,\n    onQueryChange,\n    actions,\n    nothingFound,\n    highlightQuery,\n    ...others\n  } = props;\n\n  const [_query, setQuery] = useUncontrolled({\n    value: query,\n    defaultValue: '',\n    finalValue: '',\n    onChange: onQueryChange,\n  });\n\n  const filteredActions = filter!(_query, actions).map((item) => {\n    if (isGroup(item)) {\n      const items = item.actions.map(({ id, ...actionData }) => (\n        <SpotlightAction key={id} highlightQuery={highlightQuery} {...actionData} />\n      ));\n\n      return (\n        <SpotlightActionsGroup key={item.group} label={item.group}>\n          {items}\n        </SpotlightActionsGroup>\n      );\n    }\n\n    return <SpotlightAction key={item.id} highlightQuery={highlightQuery} {...item} />;\n  });\n\n  return (\n    <SpotlightRoot {...others} query={_query} onQueryChange={setQuery} ref={ref}>\n      <SpotlightSearch {...searchProps} />\n      <SpotlightActionsList>\n        {filteredActions}\n        {filteredActions.length === 0 && nothingFound && (\n          <SpotlightEmpty>{nothingFound}</SpotlightEmpty>\n        )}\n      </SpotlightActionsList>\n    </SpotlightRoot>\n  );\n});\n\nSpotlight.classes = classes;\nSpotlight.displayName = '@mantine/spotlight/Spotlight';\nSpotlight.Search = SpotlightSearch;\nSpotlight.ActionsList = SpotlightActionsList;\nSpotlight.Action = SpotlightAction;\nSpotlight.Empty = SpotlightEmpty;\nSpotlight.ActionsGroup = SpotlightActionsGroup;\nSpotlight.Footer = SpotlightFooter;\nSpotlight.Root = SpotlightRoot;\nSpotlight.open = spotlight.open;\nSpotlight.close = spotlight.close;\nSpotlight.toggle = spotlight.toggle;\n"],"names":[],"mappings":"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"}

package/esm/Spotlight.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"content":"mantine-oGSwC9x","body":"mantine-Fe2lxBl","search":"mantine-hZL9kbl","actionsList":"mantine-wb4sUqR","action":"mantine-E9Jobyg","actionBody":"mantine-H88WHeq","actionSection":"mantine-qjilEb4","actionLabel":"mantine-B0huk7i","actionDescription":"mantine-LuXNfaT","empty":"mantine-QuaaZgR","footer":"mantine-UGR-82u","actionsGroup":"mantine-cEuV4u5"};
+
+export default classes;
+//# sourceMappingURL=Spotlight.module.css.js.map

package/esm/Spotlight.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spotlight.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/SpotlightAction.js

@@ -0,0 +1,133 @@
+import React from 'react';
+import { factory, useProps, Highlight, UnstyledButton, Box } from '@mantine/core';
+import classes from './Spotlight.module.css.js';
+import { useSpotlightContext } from './Spotlight.context.js';
+import { spotlightActions } from './spotlight.store.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  dimmedSections: true,
+  highlightQuery: false
+};
+const SpotlightAction = factory((_props, ref) => {
+  const props = useProps("SpotlightAction", defaultProps, _props);
+  const _a = props, {
+    className,
+    style,
+    classNames,
+    styles,
+    id,
+    description,
+    label,
+    leftSection,
+    rightSection,
+    children,
+    dimmedSections,
+    highlightQuery,
+    highlightColor,
+    closeSpotlightOnTrigger,
+    onClick,
+    onMouseDown,
+    keywords,
+    vars
+  } = _a, others = __objRest(_a, [
+    "className",
+    "style",
+    "classNames",
+    "styles",
+    "id",
+    "description",
+    "label",
+    "leftSection",
+    "rightSection",
+    "children",
+    "dimmedSections",
+    "highlightQuery",
+    "highlightColor",
+    "closeSpotlightOnTrigger",
+    "onClick",
+    "onMouseDown",
+    "keywords",
+    "vars"
+  ]);
+  const ctx = useSpotlightContext();
+  const stylesApi = { classNames, styles };
+  const labelNode = highlightQuery && typeof label === "string" ? /* @__PURE__ */ React.createElement(
+    Highlight,
+    __spreadValues({
+      component: "span",
+      highlight: ctx.query,
+      color: highlightColor
+    }, ctx.getStyles("actionLabel", stylesApi)),
+    label
+  ) : /* @__PURE__ */ React.createElement("span", __spreadValues({}, ctx.getStyles("actionLabel", stylesApi)), label);
+  return /* @__PURE__ */ React.createElement(
+    UnstyledButton,
+    __spreadProps(__spreadValues(__spreadValues({
+      ref,
+      "data-action": true
+    }, ctx.getStyles("action", __spreadValues({ className, style }, stylesApi))), others), {
+      onMouseDown: (event) => {
+        event.preventDefault();
+        onMouseDown == null ? void 0 : onMouseDown(event);
+      },
+      onClick: (event) => {
+        onClick == null ? void 0 : onClick(event);
+        if (closeSpotlightOnTrigger != null ? closeSpotlightOnTrigger : ctx.closeOnActionTrigger) {
+          spotlightActions.close(ctx.store);
+        }
+      },
+      tabIndex: -1
+    }),
+    children || /* @__PURE__ */ React.createElement(React.Fragment, null, leftSection && /* @__PURE__ */ React.createElement(
+      Box,
+      __spreadValues({
+        component: "span",
+        mod: { position: "left", dimmed: dimmedSections }
+      }, ctx.getStyles("actionSection", stylesApi)),
+      leftSection
+    ), /* @__PURE__ */ React.createElement("span", __spreadValues({}, ctx.getStyles("actionBody", stylesApi)), labelNode, /* @__PURE__ */ React.createElement("span", __spreadValues({}, ctx.getStyles("actionDescription", stylesApi)), description)), rightSection && /* @__PURE__ */ React.createElement(
+      Box,
+      __spreadValues({
+        component: "span",
+        mod: { position: "right", dimmed: dimmedSections }
+      }, ctx.getStyles("actionSection", stylesApi)),
+      rightSection
+    ))
+  );
+});
+SpotlightAction.classes = classes;
+SpotlightAction.displayName = "@mantine/spotlight/SpotlightAction";
+
+export { SpotlightAction };
+//# sourceMappingURL=SpotlightAction.js.map

package/esm/SpotlightAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotlightAction.js","sources":["../src/SpotlightAction.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n  UnstyledButton,\n  MantineColor,\n  Highlight,\n} from '@mantine/core';\nimport classes from './Spotlight.module.css';\nimport { useSpotlightContext } from './Spotlight.context';\nimport { spotlightActions } from './spotlight.store';\n\nexport type SpotlightActionStylesNames =\n  | 'action'\n  | 'actionLabel'\n  | 'actionDescription'\n  | 'actionSection'\n  | 'actionBody';\n\nexport interface SpotlightActionProps\n  extends BoxProps,\n    StylesApiProps<SpotlightActionFactory>,\n    ElementProps<'button'> {\n  /** Action label, pass string to use in default filter */\n  label?: string;\n\n  /** Action description, pass string to use in default filter */\n  description?: string;\n\n  /** Section displayed on the left side of the label, for example, icon */\n  leftSection?: React.ReactNode;\n\n  /** Section displayed on the right side of the label, for example, hotkey */\n  rightSection?: React.ReactNode;\n\n  /** Children override default action elements, if passed, label, description and sections are hidden */\n  children?: React.ReactNode;\n\n  /** Determines whether left and right sections should have dimmed styles, `true` by default */\n  dimmedSections?: boolean;\n\n  /** Determines whether search query should be highlighted in action label, `false` by default */\n  highlightQuery?: boolean;\n\n  /** Key of `theme.colors` of any valid CSS color that will be used to highlight search query, `'yellow'` by default */\n  highlightColor?: MantineColor;\n\n  /** Determines whether the spotlight should be closed when action is triggered, overrides `closeOnActionTrigger` prop set on `Spotlight` */\n  closeSpotlightOnTrigger?: boolean;\n\n  /** Keywords that are used for default filtering, not displayed anywhere, can be a string: \"react,router,javascript\" or an array: ['react', 'router', 'javascript'] */\n  keywords?: string | string[];\n}\n\nexport type SpotlightActionFactory = Factory<{\n  props: SpotlightActionProps;\n  ref: HTMLButtonElement;\n  stylesNames: SpotlightActionStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<SpotlightActionProps> = {\n  dimmedSections: true,\n  highlightQuery: false,\n};\n\nexport const SpotlightAction = factory<SpotlightActionFactory>((_props, ref) => {\n  const props = useProps('SpotlightAction', defaultProps, _props);\n  const {\n    className,\n    style,\n    classNames,\n    styles,\n    id,\n    description,\n    label,\n    leftSection,\n    rightSection,\n    children,\n    dimmedSections,\n    highlightQuery,\n    highlightColor,\n    closeSpotlightOnTrigger,\n    onClick,\n    onMouseDown,\n    keywords,\n    vars,\n    ...others\n  } = props;\n\n  const ctx = useSpotlightContext();\n\n  const stylesApi = { classNames, styles };\n\n  const labelNode =\n    highlightQuery && typeof label === 'string' ? (\n      <Highlight\n        component=\"span\"\n        highlight={ctx.query}\n        color={highlightColor}\n        {...ctx.getStyles('actionLabel', stylesApi)}\n      >\n        {label}\n      </Highlight>\n    ) : (\n      <span {...ctx.getStyles('actionLabel', stylesApi)}>{label}</span>\n    );\n\n  return (\n    <UnstyledButton\n      ref={ref}\n      data-action\n      {...ctx.getStyles('action', { className, style, ...stylesApi })}\n      {...others}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        onMouseDown?.(event);\n      }}\n      onClick={(event) => {\n        onClick?.(event);\n        if (closeSpotlightOnTrigger ?? ctx.closeOnActionTrigger) {\n          spotlightActions.close(ctx.store);\n        }\n      }}\n      tabIndex={-1}\n    >\n      {children || (\n        <>\n          {leftSection && (\n            <Box\n              component=\"span\"\n              mod={{ position: 'left', dimmed: dimmedSections }}\n              {...ctx.getStyles('actionSection', stylesApi)}\n            >\n              {leftSection}\n            </Box>\n          )}\n\n          <span {...ctx.getStyles('actionBody', stylesApi)}>\n            {labelNode}\n            <span {...ctx.getStyles('actionDescription', stylesApi)}>{description}</span>\n          </span>\n\n          {rightSection && (\n            <Box\n              component=\"span\"\n              mod={{ position: 'right', dimmed: dimmedSections }}\n              {...ctx.getStyles('actionSection', stylesApi)}\n            >\n              {rightSection}\n            </Box>\n          )}\n        </>\n      )}\n    </UnstyledButton>\n  );\n});\n\nSpotlightAction.classes = classes;\nSpotlightAction.displayName = '@mantine/spotlight/SpotlightAction';\n"],"names":[],"mappings":"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"}

package/esm/SpotlightActionsGroup.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import { factory, useProps, Box } from '@mantine/core';
+import classes from './Spotlight.module.css.js';
+import { useSpotlightContext } from './Spotlight.context.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const SpotlightActionsGroup = factory((props, ref) => {
+  const _a = useProps(
+    "SpotlightActionsGroup",
+    defaultProps,
+    props
+  ), { className, style, styles, classNames, label, children } = _a, others = __objRest(_a, ["className", "style", "styles", "classNames", "label", "children"]);
+  const ctx = useSpotlightContext();
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, ctx.getStyles("actionsGroup", { className, style, classNames, styles })), {
+      ref
+    }), others), {
+      __vars: { "--spotlight-label": `'${label}'` }
+    }),
+    children
+  );
+});
+SpotlightActionsGroup.classes = classes;
+SpotlightActionsGroup.displayName = "@mantine/core/SpotlightActionsGroup";
+
+export { SpotlightActionsGroup };
+//# sourceMappingURL=SpotlightActionsGroup.js.map

package/esm/SpotlightActionsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotlightActionsGroup.js","sources":["../src/SpotlightActionsGroup.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n} from '@mantine/core';\nimport classes from './Spotlight.module.css';\nimport { useSpotlightContext } from './Spotlight.context';\n\nexport type SpotlightActionsGroupStylesNames = 'actionsGroup';\n\nexport interface SpotlightActionsGroupProps\n  extends BoxProps,\n    StylesApiProps<SpotlightActionsGroupFactory>,\n    ElementProps<'div'> {\n  /** `Spotlight.Action` components */\n  children?: React.ReactNode;\n\n  /** Group label */\n  label?: React.ReactNode;\n}\n\nexport type SpotlightActionsGroupFactory = Factory<{\n  props: SpotlightActionsGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: SpotlightActionsGroupStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<SpotlightActionsGroupProps> = {};\n\nexport const SpotlightActionsGroup = factory<SpotlightActionsGroupFactory>((props, ref) => {\n  const { className, style, styles, classNames, label, children, ...others } = useProps(\n    'SpotlightActionsGroup',\n    defaultProps,\n    props\n  );\n  const ctx = useSpotlightContext();\n\n  return (\n    <Box\n      {...ctx.getStyles('actionsGroup', { className, style, classNames, styles })}\n      ref={ref}\n      {...others}\n      __vars={{ '--spotlight-label': `'${label}'` }}\n    >\n      {children}\n    </Box>\n  );\n});\n\nSpotlightActionsGroup.classes = classes;\nSpotlightActionsGroup.displayName = '@mantine/core/SpotlightActionsGroup';\n"],"names":[],"mappings":"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"}