@auth0/quantum-product 2.10.2 → 2.10.3

package/esm/command-palette/index.js

@@ -0,0 +1,14 @@
+export { CommandPalette } from './command-palette';
+export { CommandPaletteInput } from './command-palette-input';
+export { CommandPaletteList } from './command-palette-list';
+export { CommandPaletteGroup } from './command-palette-group';
+export { CommandPaletteItem } from './command-palette-item';
+export { CommandPaletteTab, CommandPaletteTabs } from './command-palette-tabs';
+export { CommandPaletteSeparator } from './command-palette-separator';
+export { CommandPaletteEmpty } from './command-palette-empty';
+export { CommandPaletteLoading } from './command-palette-loading';
+export { CommandPaletteDialog } from './command-palette-dialog';
+export { CommandPaletteFooter, CommandPaletteShortcutKey } from './command-palette-footer';
+export { commandPaletteClasses, commandPaletteComponentName } from './command-palette-classes';
+export { useCommandPaletteShortcut } from './use-command-palette-shortcut';
+export { CommandPaletteContext, useCommandPaletteContext, useCommandPaletteState } from './command-palette-context';

package/esm/command-palette/use-command-palette-shortcut.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export function useCommandPaletteShortcut(setOpen, shortcut) {
+    if (shortcut === void 0) { shortcut = { key: 'k', metaKey: true }; }
+    var setOpenRef = React.useRef(setOpen);
+    setOpenRef.current = setOpen;
+    var shortcutRef = React.useRef(shortcut);
+    shortcutRef.current = shortcut;
+    React.useEffect(function () {
+        var handleKeyDown = function (e) {
+            var target = e.target;
+            if (target.tagName === 'INPUT' ||
+                target.tagName === 'TEXTAREA' ||
+                target.tagName === 'SELECT' ||
+                target.isContentEditable) {
+                return;
+            }
+            var s = shortcutRef.current;
+            var matchesMeta = e.metaKey === !!s.metaKey;
+            var matchesCtrl = e.ctrlKey === !!s.ctrlKey;
+            var matchesKey = e.key.toLowerCase() === s.key.toLowerCase();
+            if (matchesMeta && matchesCtrl && matchesKey) {
+                e.preventDefault();
+                setOpenRef.current(function (prev) { return !prev; });
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return function () { return document.removeEventListener('keydown', handleKeyDown); };
+    }, []);
+}

package/esm/index.js

@@ -18,6 +18,7 @@ export * from './chip';
 export * from './code';
 export * from './collapse';
 export * from './color-text-field';
+export * from './command-palette';
 export * from './column-layout';
 export * from './config-block';
 export * from './content';

package/index.d.ts

@@ -18,6 +18,7 @@ export * from './chip';
 export * from './code';
 export * from './collapse';
 export * from './color-text-field';
+export * from './command-palette';
 export * from './column-layout';
 export * from './config-block';
 export * from './content';

package/index.js

@@ -34,6 +34,7 @@ __exportStar(require("./chip"), exports);
 __exportStar(require("./code"), exports);
 __exportStar(require("./collapse"), exports);
 __exportStar(require("./color-text-field"), exports);
+__exportStar(require("./command-palette"), exports);
 __exportStar(require("./column-layout"), exports);
 __exportStar(require("./config-block"), exports);
 __exportStar(require("./content"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auth0/quantum-product",
-  "version": "2.10.2",
+  "version": "2.10.3",
   "sideEffects": false,
   "license": "Apache-2.0",
   "publishConfig": {