@teambit/command-bar 0.0.804 → 0.0.807

package/command-bar.ui.runtime.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, ComponentType } from 'react';
 import flatten from 'lodash.flatten';
 import Mousetrap from 'mousetrap';
 import { Slot, SlotRegistry } from '@teambit/harmony';
@@ -6,7 +6,7 @@ import UIAspect, { UIRuntime, UiUI } from '@teambit/ui';
 import { PubsubAspect, PubsubUI } from '@teambit/pubsub';
 import { ReactRouterAspect } from '@teambit/react-router';
 import { isBrowser } from '@teambit/ui-foundation.ui.is-browser';
-import { CommandBar, useSearcher } from '@teambit/explorer.ui.command-bar';
+import { CommandBar, useSearcher, ResultsComponentProps } from '@teambit/explorer.ui.command-bar';
 import { CommandBarAspect } from './command-bar.aspect';
 import { commandBarCommands } from './command-bar.commands';
 import { CommandSearcher, SearchProvider } from './searchers';
@@ -15,13 +15,16 @@ import { DuplicateCommandError } from './duplicate-command-error';
 import { KeyEvent } from './model/key-event';
 import { MousetrapStub } from './mousetrap-stub';
 import { openCommandBarKeybinding } from './keybinding';
-
 import styles from './command-bar.module.scss';
 
 const RESULT_LIMIT = 5;
 type SearcherSlot = SlotRegistry<SearchProvider[]>;
 type CommandSlot = SlotRegistry<CommandEntry[]>;
 
+export type CommandBarConfig = {
+  debounce?: number
+};
+
 export type CommandEntry = {
   id: CommandId;
   action: CommandHandler;
@@ -105,7 +108,7 @@ export class CommandBarUI {
     const searchers = flatten(this.searcherSlot.values());
 
     const searcher = searchers.find((x) => x && x.test(term));
-    return searcher?.search(term, limit) || [];
+    return searcher?.search(term, limit) || { items: [] };
   };
 
   private getCommand(id: CommandId) {
@@ -134,11 +137,13 @@ export class CommandBarUI {
   /**
    * generate the ui for command bar
    */
-  CommandBar = () => {
+  CommandBar = ({ ResultComponent }: { ResultComponent?: ComponentType<ResultsComponentProps> }) => {
     const [visible, setVisibility] = useState(false);
     this.setVisibility = setVisibility;
 
-    const results = useSearcher(this.search);
+    const results = useSearcher(this.search, {
+      debounce: this.config.debounce
+    });
 
     return (
       <CommandBar
@@ -147,23 +152,33 @@ export class CommandBarUI {
         className={styles.commanderUi}
         placeholder="Search anything or type > to only search commands"
         visible={visible}
+        ResultsComponent={ResultComponent}
         onVisibilityChange={setVisibility}
         autofocus
       />
     );
   };
 
-  constructor(private searcherSlot: SearcherSlot, private commandSlot: CommandSlot) {}
+  constructor(
+    private searcherSlot: SearcherSlot, 
+    private commandSlot: CommandSlot,
+    private config: CommandBarConfig
+  ) {}
 
   static dependencies = [UIAspect, PubsubAspect, ReactRouterAspect];
   static slots = [Slot.withType<SearchProvider>(), Slot.withType<CommandEntry[]>()];
+  static defaultConfig: CommandBarConfig = {
+    debounce: undefined
+  };
+
   static runtime = UIRuntime;
+  
   static async provider(
     [uiUi, pubsubUI]: [UiUI | undefined, PubsubUI | undefined],
-    config,
+    config: CommandBarConfig,
     [searcherSlot, commandSlots]: [SearcherSlot, CommandSlot]
   ) {
-    const commandBar = new CommandBarUI(searcherSlot, commandSlots);
+    const commandBar = new CommandBarUI(searcherSlot, commandSlots, config);
 
     commandBar.addSearcher(commandBar.commandSearcher);
     commandBar.addCommand({

package/dist/command-bar.ui.runtime.d.ts

@@ -1,11 +1,15 @@
-/// <reference types="react" />
+import React, { ComponentType } from 'react';
 import { SlotRegistry } from '@teambit/harmony';
 import { UiUI } from '@teambit/ui';
 import { PubsubUI } from '@teambit/pubsub';
+import { ResultsComponentProps } from '@teambit/explorer.ui.command-bar';
 import { SearchProvider } from './searchers';
 import { Keybinding, CommandHandler, CommandId } from './types';
 declare type SearcherSlot = SlotRegistry<SearchProvider[]>;
 declare type CommandSlot = SlotRegistry<CommandEntry[]>;
+export declare type CommandBarConfig = {
+    debounce?: number;
+};
 export declare type CommandEntry = {
     id: CommandId;
     action: CommandHandler;
@@ -16,6 +20,7 @@ export declare type CommandEntry = {
 export declare class CommandBarUI {
     private searcherSlot;
     private commandSlot;
+    private config;
     private mousetrap;
     private commandSearcher;
     /** Opens the command bar */
@@ -48,11 +53,14 @@ export declare class CommandBarUI {
     /**
      * generate the ui for command bar
      */
-    CommandBar: () => JSX.Element;
-    constructor(searcherSlot: SearcherSlot, commandSlot: CommandSlot);
+    CommandBar: ({ ResultComponent }: {
+        ResultComponent?: React.ComponentType<ResultsComponentProps<import("@teambit/explorer.ui.command-bar").SearchResult[], any>> | undefined;
+    }) => JSX.Element;
+    constructor(searcherSlot: SearcherSlot, commandSlot: CommandSlot, config: CommandBarConfig);
     static dependencies: import("@teambit/harmony").Aspect[];
     static slots: (((registerFn: () => string) => SlotRegistry<SearchProvider>) | ((registerFn: () => string) => SlotRegistry<CommandEntry[]>))[];
+    static defaultConfig: CommandBarConfig;
     static runtime: import("@teambit/harmony").RuntimeDefinition;
-    static provider([uiUi, pubsubUI]: [UiUI | undefined, PubsubUI | undefined], config: any, [searcherSlot, commandSlots]: [SearcherSlot, CommandSlot]): Promise<CommandBarUI>;
+    static provider([uiUi, pubsubUI]: [UiUI | undefined, PubsubUI | undefined], config: CommandBarConfig, [searcherSlot, commandSlots]: [SearcherSlot, CommandSlot]): Promise<CommandBarUI>;
 }
 export {};

package/dist/command-bar.ui.runtime.js

@@ -278,9 +278,10 @@ class CommandBarUI {
    */
 
 
-  constructor(searcherSlot, commandSlot) {
+  constructor(searcherSlot, commandSlot, config) {
     this.searcherSlot = searcherSlot;
     this.commandSlot = commandSlot;
+    this.config = config;
     (0, _defineProperty2().default)(this, "mousetrap", _uiFoundationUi().isBrowser ? new (_mousetrap().default)() : new (_mousetrapStub().MousetrapStub)());
     (0, _defineProperty2().default)(this, "commandSearcher", new (_searchers().CommandSearcher)([]));
     (0, _defineProperty2().default)(this, "open", () => {
@@ -300,18 +301,25 @@ class CommandBarUI {
     (0, _defineProperty2().default)(this, "search", (term, limit = RESULT_LIMIT) => {
       const searchers = (0, _lodash().default)(this.searcherSlot.values());
       const searcher = searchers.find(x => x && x.test(term));
-      return (searcher === null || searcher === void 0 ? void 0 : searcher.search(term, limit)) || [];
+      return (searcher === null || searcher === void 0 ? void 0 : searcher.search(term, limit)) || {
+        items: []
+      };
     });
     (0, _defineProperty2().default)(this, "setVisibility", void 0);
-    (0, _defineProperty2().default)(this, "CommandBar", () => {
+    (0, _defineProperty2().default)(this, "CommandBar", ({
+      ResultComponent
+    }) => {
       const [visible, setVisibility] = (0, _react().useState)(false);
       this.setVisibility = setVisibility;
-      const results = (0, _explorerUi().useSearcher)(this.search);
+      const results = (0, _explorerUi().useSearcher)(this.search, {
+        debounce: this.config.debounce
+      });
       return /*#__PURE__*/_react().default.createElement(_explorerUi().CommandBar, (0, _extends2().default)({}, results, {
         key: "CommandBarUI",
         className: _commandBarModule().default.commanderUi,
         placeholder: "Search anything or type > to only search commands",
         visible: visible,
+        ResultsComponent: ResultComponent,
         onVisibilityChange: setVisibility,
         autofocus: true
       }));
@@ -319,7 +327,7 @@ class CommandBarUI {
   }
 
   static async provider([uiUi, pubsubUI], config, [searcherSlot, commandSlots]) {
-    const commandBar = new CommandBarUI(searcherSlot, commandSlots);
+    const commandBar = new CommandBarUI(searcherSlot, commandSlots, config);
     commandBar.addSearcher(commandBar.commandSearcher);
     commandBar.addCommand({
       id: _commandBar2().commandBarCommands.open,
@@ -347,6 +355,9 @@ class CommandBarUI {
 exports.CommandBarUI = CommandBarUI;
 (0, _defineProperty2().default)(CommandBarUI, "dependencies", [_ui().default, _pubsub().PubsubAspect, _reactRouter().ReactRouterAspect]);
 (0, _defineProperty2().default)(CommandBarUI, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType()]);
+(0, _defineProperty2().default)(CommandBarUI, "defaultConfig", {
+  debounce: undefined
+});
 (0, _defineProperty2().default)(CommandBarUI, "runtime", _ui().UIRuntime);
 
 _commandBar().CommandBarAspect.addRuntime(CommandBarUI);

package/dist/command-bar.ui.runtime.js.map

@@ -1 +1 @@
-{"version":3,"names":["RESULT_LIMIT","CommandBarUI","addSearcher","commandSearcher","searcherSlot","register","addCommand","originalCommands","forEach","id","commandId","getCommand","undefined","DuplicateCommandError","commands","map","x","displayName","action","keybinding","commandSlot","command","addKeybinding","updateCommandsSearcher","updaters","next","run","commandEntry","relevantCommands","values","find","filter","pop","flat","update","key","mousetrap","bind","constructor","isBrowser","Mousetrap","MousetrapStub","CommandSearcher","setVisibility","trigger","term","limit","searchers","flatten","searcher","test","search","visible","useState","results","useSearcher","styles","commanderUi","provider","uiUi","pubsubUI","config","commandSlots","commandBar","commandBarCommands","open","openCommandBarKeybinding","sub","CommandBarAspect","e","keyboardEvent","KeyboardEvent","type","data","document","dispatchEvent","registerHudItem","UIAspect","PubsubAspect","ReactRouterAspect","Slot","withType","UIRuntime","addRuntime"],"sources":["command-bar.ui.runtime.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport flatten from 'lodash.flatten';\nimport Mousetrap from 'mousetrap';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport UIAspect, { UIRuntime, UiUI } from '@teambit/ui';\nimport { PubsubAspect, PubsubUI } from '@teambit/pubsub';\nimport { ReactRouterAspect } from '@teambit/react-router';\nimport { isBrowser } from '@teambit/ui-foundation.ui.is-browser';\nimport { CommandBar, useSearcher } from '@teambit/explorer.ui.command-bar';\nimport { CommandBarAspect } from './command-bar.aspect';\nimport { commandBarCommands } from './command-bar.commands';\nimport { CommandSearcher, SearchProvider } from './searchers';\nimport { Keybinding, CommandHandler, CommandId } from './types';\nimport { DuplicateCommandError } from './duplicate-command-error';\nimport { KeyEvent } from './model/key-event';\nimport { MousetrapStub } from './mousetrap-stub';\nimport { openCommandBarKeybinding } from './keybinding';\n\nimport styles from './command-bar.module.scss';\n\nconst RESULT_LIMIT = 5;\ntype SearcherSlot = SlotRegistry<SearchProvider[]>;\ntype CommandSlot = SlotRegistry<CommandEntry[]>;\n\nexport type CommandEntry = {\n  id: CommandId;\n  action: CommandHandler;\n  keybinding?: Keybinding;\n  displayName: string;\n};\n\n/** Quick launch actions. Use the `addSearcher` slot to extend the available actions */\nexport class CommandBarUI {\n  private mousetrap = isBrowser ? new Mousetrap() : new MousetrapStub();\n  private commandSearcher = new CommandSearcher([]);\n\n  /** Opens the command bar */\n  open = () => {\n    this.setVisibility?.(true);\n    return false; // aka prevent default\n  };\n\n  /** Closes the command bar */\n  close = () => {\n    this.setVisibility?.(false);\n  };\n\n  /** Add and autocomplete provider. To support keyboard navigation, each result should have a props `active: boolean`, and `exectue: () => any` */\n  addSearcher(...commandSearcher: SearchProvider[]) {\n    this.searcherSlot.register(commandSearcher);\n    return this;\n  }\n\n  /**\n   * registers a command\n   */\n  addCommand(...originalCommands: CommandEntry[]) {\n    originalCommands.forEach(({ id: commandId }) => {\n      if (this.getCommand(commandId) !== undefined) throw new DuplicateCommandError(commandId);\n    });\n\n    // commands could mutate later on, clone to ensure immutability 👌\n    const commands = originalCommands.map((x) => ({\n      id: x.id,\n      displayName: x.displayName,\n      action: x.action,\n      keybinding: x.keybinding,\n    }));\n\n    this.commandSlot.register(commands);\n\n    commands.forEach((command) => {\n      if (command.keybinding) {\n        this.addKeybinding(command.keybinding, command.id);\n      }\n    });\n\n    this.updateCommandsSearcher();\n\n    const updaters = commands.map((command) => (next: CommandHandler) => {\n      command.action = next;\n    });\n    return updaters;\n  }\n\n  /**\n   * executes command by name, if exists.\n   * @param commandId\n   */\n  run(commandId: CommandId) {\n    const commandEntry = this.getCommand(commandId);\n    if (!commandEntry) return undefined;\n\n    return commandEntry.action();\n  }\n\n  /**\n   * executes a keyboard shortcut manually\n   */\n  trigger = (key: string) => {\n    this.mousetrap.trigger(key);\n  };\n\n  private search = (term: string, limit: number = RESULT_LIMIT) => {\n    const searchers = flatten(this.searcherSlot.values());\n\n    const searcher = searchers.find((x) => x && x.test(term));\n    return searcher?.search(term, limit) || [];\n  };\n\n  private getCommand(id: CommandId) {\n    const relevantCommands = this.commandSlot\n      .values()\n      .map((commands) => commands.find((command) => command.id === id))\n      .filter((x) => !!x);\n\n    return relevantCommands.pop();\n  }\n\n  private updateCommandsSearcher() {\n    const commands = this.commandSlot.values().flat();\n    this.commandSearcher.update(commands);\n  }\n\n  private addKeybinding(key: Keybinding, command: CommandId) {\n    this.mousetrap.bind(key, this.run.bind(this, command));\n  }\n\n  /**\n   * Opens and closes the command bar UI.\n   */\n  private setVisibility?: (visible: boolean) => void;\n\n  /**\n   * generate the ui for command bar\n   */\n  CommandBar = () => {\n    const [visible, setVisibility] = useState(false);\n    this.setVisibility = setVisibility;\n\n    const results = useSearcher(this.search);\n\n    return (\n      <CommandBar\n        {...results}\n        key=\"CommandBarUI\"\n        className={styles.commanderUi}\n        placeholder=\"Search anything or type > to only search commands\"\n        visible={visible}\n        onVisibilityChange={setVisibility}\n        autofocus\n      />\n    );\n  };\n\n  constructor(private searcherSlot: SearcherSlot, private commandSlot: CommandSlot) {}\n\n  static dependencies = [UIAspect, PubsubAspect, ReactRouterAspect];\n  static slots = [Slot.withType<SearchProvider>(), Slot.withType<CommandEntry[]>()];\n  static runtime = UIRuntime;\n  static async provider(\n    [uiUi, pubsubUI]: [UiUI | undefined, PubsubUI | undefined],\n    config,\n    [searcherSlot, commandSlots]: [SearcherSlot, CommandSlot]\n  ) {\n    const commandBar = new CommandBarUI(searcherSlot, commandSlots);\n\n    commandBar.addSearcher(commandBar.commandSearcher);\n    commandBar.addCommand({\n      id: commandBarCommands.open,\n      action: commandBar.open,\n      displayName: 'Open command bar',\n      keybinding: openCommandBarKeybinding,\n    });\n\n    if (pubsubUI) {\n      pubsubUI.sub(CommandBarAspect.id, (e: KeyEvent) => {\n        const keyboardEvent = new KeyboardEvent(e.type, e.data);\n        document.dispatchEvent(keyboardEvent);\n      });\n    }\n\n    if (uiUi) {\n      uiUi.registerHudItem(<commandBar.CommandBar />);\n    }\n\n    return commandBar;\n  }\n}\n\nCommandBarAspect.addRuntime(CommandBarUI);\n"],"mappings":"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"}
+{"version":3,"names":["RESULT_LIMIT","CommandBarUI","addSearcher","commandSearcher","searcherSlot","register","addCommand","originalCommands","forEach","id","commandId","getCommand","undefined","DuplicateCommandError","commands","map","x","displayName","action","keybinding","commandSlot","command","addKeybinding","updateCommandsSearcher","updaters","next","run","commandEntry","relevantCommands","values","find","filter","pop","flat","update","key","mousetrap","bind","constructor","config","isBrowser","Mousetrap","MousetrapStub","CommandSearcher","setVisibility","trigger","term","limit","searchers","flatten","searcher","test","search","items","ResultComponent","visible","useState","results","useSearcher","debounce","styles","commanderUi","provider","uiUi","pubsubUI","commandSlots","commandBar","commandBarCommands","open","openCommandBarKeybinding","sub","CommandBarAspect","e","keyboardEvent","KeyboardEvent","type","data","document","dispatchEvent","registerHudItem","UIAspect","PubsubAspect","ReactRouterAspect","Slot","withType","UIRuntime","addRuntime"],"sources":["command-bar.ui.runtime.tsx"],"sourcesContent":["import React, { useState, ComponentType } from 'react';\nimport flatten from 'lodash.flatten';\nimport Mousetrap from 'mousetrap';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport UIAspect, { UIRuntime, UiUI } from '@teambit/ui';\nimport { PubsubAspect, PubsubUI } from '@teambit/pubsub';\nimport { ReactRouterAspect } from '@teambit/react-router';\nimport { isBrowser } from '@teambit/ui-foundation.ui.is-browser';\nimport { CommandBar, useSearcher, ResultsComponentProps } from '@teambit/explorer.ui.command-bar';\nimport { CommandBarAspect } from './command-bar.aspect';\nimport { commandBarCommands } from './command-bar.commands';\nimport { CommandSearcher, SearchProvider } from './searchers';\nimport { Keybinding, CommandHandler, CommandId } from './types';\nimport { DuplicateCommandError } from './duplicate-command-error';\nimport { KeyEvent } from './model/key-event';\nimport { MousetrapStub } from './mousetrap-stub';\nimport { openCommandBarKeybinding } from './keybinding';\nimport styles from './command-bar.module.scss';\n\nconst RESULT_LIMIT = 5;\ntype SearcherSlot = SlotRegistry<SearchProvider[]>;\ntype CommandSlot = SlotRegistry<CommandEntry[]>;\n\nexport type CommandBarConfig = {\n  debounce?: number\n};\n\nexport type CommandEntry = {\n  id: CommandId;\n  action: CommandHandler;\n  keybinding?: Keybinding;\n  displayName: string;\n};\n\n/** Quick launch actions. Use the `addSearcher` slot to extend the available actions */\nexport class CommandBarUI {\n  private mousetrap = isBrowser ? new Mousetrap() : new MousetrapStub();\n  private commandSearcher = new CommandSearcher([]);\n\n  /** Opens the command bar */\n  open = () => {\n    this.setVisibility?.(true);\n    return false; // aka prevent default\n  };\n\n  /** Closes the command bar */\n  close = () => {\n    this.setVisibility?.(false);\n  };\n\n  /** Add and autocomplete provider. To support keyboard navigation, each result should have a props `active: boolean`, and `exectue: () => any` */\n  addSearcher(...commandSearcher: SearchProvider[]) {\n    this.searcherSlot.register(commandSearcher);\n    return this;\n  }\n\n  /**\n   * registers a command\n   */\n  addCommand(...originalCommands: CommandEntry[]) {\n    originalCommands.forEach(({ id: commandId }) => {\n      if (this.getCommand(commandId) !== undefined) throw new DuplicateCommandError(commandId);\n    });\n\n    // commands could mutate later on, clone to ensure immutability 👌\n    const commands = originalCommands.map((x) => ({\n      id: x.id,\n      displayName: x.displayName,\n      action: x.action,\n      keybinding: x.keybinding,\n    }));\n\n    this.commandSlot.register(commands);\n\n    commands.forEach((command) => {\n      if (command.keybinding) {\n        this.addKeybinding(command.keybinding, command.id);\n      }\n    });\n\n    this.updateCommandsSearcher();\n\n    const updaters = commands.map((command) => (next: CommandHandler) => {\n      command.action = next;\n    });\n    return updaters;\n  }\n\n  /**\n   * executes command by name, if exists.\n   * @param commandId\n   */\n  run(commandId: CommandId) {\n    const commandEntry = this.getCommand(commandId);\n    if (!commandEntry) return undefined;\n\n    return commandEntry.action();\n  }\n\n  /**\n   * executes a keyboard shortcut manually\n   */\n  trigger = (key: string) => {\n    this.mousetrap.trigger(key);\n  };\n\n  private search = (term: string, limit: number = RESULT_LIMIT) => {\n    const searchers = flatten(this.searcherSlot.values());\n\n    const searcher = searchers.find((x) => x && x.test(term));\n    return searcher?.search(term, limit) || { items: [] };\n  };\n\n  private getCommand(id: CommandId) {\n    const relevantCommands = this.commandSlot\n      .values()\n      .map((commands) => commands.find((command) => command.id === id))\n      .filter((x) => !!x);\n\n    return relevantCommands.pop();\n  }\n\n  private updateCommandsSearcher() {\n    const commands = this.commandSlot.values().flat();\n    this.commandSearcher.update(commands);\n  }\n\n  private addKeybinding(key: Keybinding, command: CommandId) {\n    this.mousetrap.bind(key, this.run.bind(this, command));\n  }\n\n  /**\n   * Opens and closes the command bar UI.\n   */\n  private setVisibility?: (visible: boolean) => void;\n\n  /**\n   * generate the ui for command bar\n   */\n  CommandBar = ({ ResultComponent }: { ResultComponent?: ComponentType<ResultsComponentProps> }) => {\n    const [visible, setVisibility] = useState(false);\n    this.setVisibility = setVisibility;\n\n    const results = useSearcher(this.search, {\n      debounce: this.config.debounce\n    });\n\n    return (\n      <CommandBar\n        {...results}\n        key=\"CommandBarUI\"\n        className={styles.commanderUi}\n        placeholder=\"Search anything or type > to only search commands\"\n        visible={visible}\n        ResultsComponent={ResultComponent}\n        onVisibilityChange={setVisibility}\n        autofocus\n      />\n    );\n  };\n\n  constructor(\n    private searcherSlot: SearcherSlot, \n    private commandSlot: CommandSlot,\n    private config: CommandBarConfig\n  ) {}\n\n  static dependencies = [UIAspect, PubsubAspect, ReactRouterAspect];\n  static slots = [Slot.withType<SearchProvider>(), Slot.withType<CommandEntry[]>()];\n  static defaultConfig: CommandBarConfig = {\n    debounce: undefined\n  };\n\n  static runtime = UIRuntime;\n  \n  static async provider(\n    [uiUi, pubsubUI]: [UiUI | undefined, PubsubUI | undefined],\n    config: CommandBarConfig,\n    [searcherSlot, commandSlots]: [SearcherSlot, CommandSlot]\n  ) {\n    const commandBar = new CommandBarUI(searcherSlot, commandSlots, config);\n\n    commandBar.addSearcher(commandBar.commandSearcher);\n    commandBar.addCommand({\n      id: commandBarCommands.open,\n      action: commandBar.open,\n      displayName: 'Open command bar',\n      keybinding: openCommandBarKeybinding,\n    });\n\n    if (pubsubUI) {\n      pubsubUI.sub(CommandBarAspect.id, (e: KeyEvent) => {\n        const keyboardEvent = new KeyboardEvent(e.type, e.data);\n        document.dispatchEvent(keyboardEvent);\n      });\n    }\n\n    if (uiUi) {\n      uiUi.registerHudItem(<commandBar.CommandBar />);\n    }\n\n    return commandBar;\n  }\n}\n\nCommandBarAspect.addRuntime(CommandBarUI);\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -3,4 +3,5 @@ export { commandBarCommands } from './command-bar.commands';
 export type { SearchProvider } from './searchers';
 export type { CommandBarUI, CommandEntry } from './command-bar.ui.runtime';
 export type { CommandHandler, CommandId, Keybinding } from './types';
-export type { SearchResult } from '@teambit/explorer.ui.command-bar';
+export type { SearchResult, ResultsComponentProps, SearchResults } from '@teambit/explorer.ui.command-bar';
+export { FuzzySearcher, FuzzySearchItem, CommandBarItem } from '@teambit/explorer.ui.command-bar';

package/dist/index.js

@@ -9,6 +9,24 @@ Object.defineProperty(exports, "CommandBarAspect", {
     return _commandBar().CommandBarAspect;
   }
 });
+Object.defineProperty(exports, "CommandBarItem", {
+  enumerable: true,
+  get: function () {
+    return _explorerUi().CommandBarItem;
+  }
+});
+Object.defineProperty(exports, "FuzzySearchItem", {
+  enumerable: true,
+  get: function () {
+    return _explorerUi().FuzzySearchItem;
+  }
+});
+Object.defineProperty(exports, "FuzzySearcher", {
+  enumerable: true,
+  get: function () {
+    return _explorerUi().FuzzySearcher;
+  }
+});
 Object.defineProperty(exports, "commandBarCommands", {
   enumerable: true,
   get: function () {
@@ -42,4 +60,14 @@ function _commandBar2() {
   return data;
 }
 
+function _explorerUi() {
+  const data = require("@teambit/explorer.ui.command-bar");
+
+  _explorerUi = function () {
+    return data;
+  };
+
+  return data;
+}
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { CommandBarAspect, CommandBarAspect as default } from './command-bar.aspect';\nexport { commandBarCommands } from './command-bar.commands';\nexport type { SearchProvider } from './searchers';\nexport type { CommandBarUI, CommandEntry } from './command-bar.ui.runtime';\nexport type { CommandHandler, CommandId, Keybinding } from './types';\nexport type { SearchResult } from '@teambit/explorer.ui.command-bar';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { CommandBarAspect, CommandBarAspect as default } from './command-bar.aspect';\nexport { commandBarCommands } from './command-bar.commands';\nexport type { SearchProvider } from './searchers';\nexport type { CommandBarUI, CommandEntry } from './command-bar.ui.runtime';\nexport type { CommandHandler, CommandId, Keybinding } from './types';\nexport type { SearchResult, ResultsComponentProps, SearchResults } from '@teambit/explorer.ui.command-bar';\nexport { FuzzySearcher, FuzzySearchItem, CommandBarItem } from '@teambit/explorer.ui.command-bar';\n "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAKA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}

package/dist/searchers/command-searcher/command-searcher.d.ts

@@ -1,7 +1,7 @@
-import { Searcher, SearchResult, FuzzySearchItem } from '@teambit/explorer.ui.command-bar';
+import { FuzzySearcher, SearchResult, FuzzySearchItem } from '@teambit/explorer.ui.command-bar';
 import { SearchProvider } from '../search-provider';
 import { Command } from './command';
-export declare class CommandSearcher extends Searcher<Command, Command> implements SearchProvider {
+export declare class CommandSearcher extends FuzzySearcher<Command, Command> implements SearchProvider {
     constructor(commands: Command[]);
     test(term: string): boolean;
     protected toSearchableItem(item: Command): Command;

package/dist/searchers/command-searcher/command-searcher.js

@@ -39,7 +39,7 @@ function _commandResult() {
 
 const searchKeys = ['displayName'];
 
-class CommandSearcher extends _explorerUi().Searcher {
+class CommandSearcher extends _explorerUi().FuzzySearcher {
   constructor(commands) {
     super({
       searchKeys

package/dist/searchers/command-searcher/command-searcher.js.map

@@ -1 +1 @@
-{"version":3,"names":["searchKeys","CommandSearcher","Searcher","constructor","commands","update","test","term","startsWith","toSearchableItem","item","toSearchResult","id","action","children"],"sources":["command-searcher.tsx"],"sourcesContent":["import React from 'react';\nimport { Searcher, SearchResult, FuzzySearchItem } from '@teambit/explorer.ui.command-bar';\nimport { SearchProvider } from '../search-provider';\nimport { CommandResult } from './command-result';\nimport { Command } from './command';\n\nconst searchKeys: (keyof Command)[] = ['displayName'];\n\nexport class CommandSearcher extends Searcher<Command, Command> implements SearchProvider {\n  constructor(commands: Command[]) {\n    super({ searchKeys });\n\n    this.update(commands);\n  }\n\n  override test(term: string): boolean {\n    return term.startsWith('>');\n  }\n\n  protected override toSearchableItem(item: Command) {\n    return item;\n  }\n\n  protected override toSearchResult({ item }: FuzzySearchItem<Command>): SearchResult {\n    return {\n      id: item.id,\n      action: item.action,\n      children: <CommandResult command={item} />,\n    };\n  }\n}\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA,MAAMA,UAA6B,GAAG,CAAC,aAAD,CAAtC;;AAEO,MAAMC,eAAN,SAA8BC,sBAA9B,CAAmF;EACxFC,WAAW,CAACC,QAAD,EAAsB;IAC/B,MAAM;MAAEJ;IAAF,CAAN;IAEA,KAAKK,MAAL,CAAYD,QAAZ;EACD;;EAEQE,IAAI,CAACC,IAAD,EAAwB;IACnC,OAAOA,IAAI,CAACC,UAAL,CAAgB,GAAhB,CAAP;EACD;;EAEkBC,gBAAgB,CAACC,IAAD,EAAgB;IACjD,OAAOA,IAAP;EACD;;EAEkBC,cAAc,CAAC;IAAED;EAAF,CAAD,EAAmD;IAClF,OAAO;MACLE,EAAE,EAAEF,IAAI,CAACE,EADJ;MAELC,MAAM,EAAEH,IAAI,CAACG,MAFR;MAGLC,QAAQ,eAAE,+BAAC,8BAAD;QAAe,OAAO,EAAEJ;MAAxB;IAHL,CAAP;EAKD;;AArBuF"}
+{"version":3,"names":["searchKeys","CommandSearcher","FuzzySearcher","constructor","commands","update","test","term","startsWith","toSearchableItem","item","toSearchResult","id","action","children"],"sources":["command-searcher.tsx"],"sourcesContent":["import React from 'react';\nimport { FuzzySearcher, SearchResult, FuzzySearchItem } from '@teambit/explorer.ui.command-bar';\nimport { SearchProvider } from '../search-provider';\nimport { CommandResult } from './command-result';\nimport { Command } from './command';\n\nconst searchKeys: (keyof Command)[] = ['displayName'];\n\nexport class CommandSearcher extends FuzzySearcher<Command, Command> implements SearchProvider {\n  constructor(commands: Command[]) {\n    super({ searchKeys });\n\n    this.update(commands);\n  }\n\n  override test(term: string): boolean {\n    return term.startsWith('>');\n  }\n\n  protected override toSearchableItem(item: Command) {\n    return item;\n  }\n\n  protected override toSearchResult({ item }: FuzzySearchItem<Command>): SearchResult {\n    return {\n      id: item.id,\n      action: item.action,\n      children: <CommandResult command={item} />,\n    };\n  }\n}\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA,MAAMA,UAA6B,GAAG,CAAC,aAAD,CAAtC;;AAEO,MAAMC,eAAN,SAA8BC,2BAA9B,CAAwF;EAC7FC,WAAW,CAACC,QAAD,EAAsB;IAC/B,MAAM;MAAEJ;IAAF,CAAN;IAEA,KAAKK,MAAL,CAAYD,QAAZ;EACD;;EAEQE,IAAI,CAACC,IAAD,EAAwB;IACnC,OAAOA,IAAI,CAACC,UAAL,CAAgB,GAAhB,CAAP;EACD;;EAEkBC,gBAAgB,CAACC,IAAD,EAAgB;IACjD,OAAOA,IAAP;EACD;;EAEkBC,cAAc,CAAC;IAAED;EAAF,CAAD,EAAmD;IAClF,OAAO;MACLE,EAAE,EAAEF,IAAI,CAACE,EADJ;MAELC,MAAM,EAAEH,IAAI,CAACG,MAFR;MAGLC,QAAQ,eAAE,+BAAC,8BAAD;QAAe,OAAO,EAAEJ;MAAxB;IAHL,CAAP;EAKD;;AArB4F"}

package/dist/searchers/search-provider.d.ts

@@ -1,7 +1,7 @@
-import { SearchResult } from '@teambit/explorer.ui.command-bar';
+import { SearchProvider as Searcher } from '@teambit/explorer.ui.command-bar';
 export interface SearchProvider {
     /** provide completions for this search term */
-    search(term: string, limit: number): SearchResult[] | Promise<SearchResult[]>;
+    search: Searcher;
     /** determines what terms are handled by this searcher. */
     test(term: string): boolean;
 }

package/dist/searchers/search-provider.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["search-provider.ts"],"sourcesContent":["import { SearchResult } from '@teambit/explorer.ui.command-bar';\n\nexport interface SearchProvider {\n  /** provide completions for this search term */\n  search(term: string, limit: number): SearchResult[] | Promise<SearchResult[]>;\n  /** determines what terms are handled by this searcher. */\n  test(term: string): boolean;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["search-provider.ts"],"sourcesContent":["import { SearchProvider as Searcher } from '@teambit/explorer.ui.command-bar';\n\nexport interface SearchProvider {\n  /** provide completions for this search term */\n  search: Searcher,\n  /** determines what terms are handled by this searcher. */\n  test(term: string): boolean;\n}\n"],"mappings":""}

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "@teambit/command-bar",
-  "version": "0.0.804",
+  "version": "0.0.807",
   "homepage": "https://bit.dev/teambit/explorer/command-bar",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.explorer",
     "name": "command-bar",
-    "version": "0.0.804"
+    "version": "0.0.807"
   },
   "dependencies": {
     "lodash.flatten": "4.4.0",
     "mousetrap": "1.6.5",
-    "is-primitive": "3.0.1",
     "classnames": "2.2.6",
+    "is-primitive": "3.0.1",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
-    "@teambit/explorer.ui.command-bar": "2.0.2",
+    "@teambit/explorer.ui.command-bar": "2.0.3",
     "@teambit/base-ui.text.muted-text": "1.0.1",
-    "@teambit/preview": "0.0.804",
-    "@teambit/pubsub": "0.0.804",
-    "@teambit/react-router": "0.0.804",
+    "@teambit/preview": "0.0.807",
+    "@teambit/pubsub": "0.0.807",
+    "@teambit/react-router": "0.0.807",
     "@teambit/ui-foundation.ui.is-browser": "0.0.486",
-    "@teambit/ui": "0.0.804",
+    "@teambit/ui": "0.0.807",
     "@teambit/bit-error": "0.0.394",
     "@teambit/design.ui.styles.ellipsis": "0.0.347",
     "@teambit/ui-foundation.ui.keycap": "0.0.486"
@@ -39,7 +39,7 @@
     "@types/node": "12.20.4"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.317",
+    "@teambit/legacy": "1.0.321",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/{preview-1659347901202.js → preview-1659583874630.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.explorer_command-bar@0.0.804/dist/command-bar.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.explorer_command-bar@0.0.804/dist/command-bar.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.explorer_command-bar@0.0.807/dist/command-bar.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.explorer_command-bar@0.0.807/dist/command-bar.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/searchers/command-searcher/command-searcher.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
-import { Searcher, SearchResult, FuzzySearchItem } from '@teambit/explorer.ui.command-bar';
+import { FuzzySearcher, SearchResult, FuzzySearchItem } from '@teambit/explorer.ui.command-bar';
 import { SearchProvider } from '../search-provider';
 import { CommandResult } from './command-result';
 import { Command } from './command';
 
 const searchKeys: (keyof Command)[] = ['displayName'];
 
-export class CommandSearcher extends Searcher<Command, Command> implements SearchProvider {
+export class CommandSearcher extends FuzzySearcher<Command, Command> implements SearchProvider {
   constructor(commands: Command[]) {
     super({ searchKeys });
 

package/searchers/search-provider.ts

@@ -1,8 +1,8 @@
-import { SearchResult } from '@teambit/explorer.ui.command-bar';
+import { SearchProvider as Searcher } from '@teambit/explorer.ui.command-bar';
 
 export interface SearchProvider {
   /** provide completions for this search term */
-  search(term: string, limit: number): SearchResult[] | Promise<SearchResult[]>;
+  search: Searcher,
   /** determines what terms are handled by this searcher. */
   test(term: string): boolean;
 }