@teambit/command-bar 0.0.707 → 0.0.708

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

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommandResult = CommandResult;
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _classnames() {
+  const data = _interopRequireDefault(require("classnames"));
+
+  _classnames = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _designUiStyles() {
+  const data = require("@teambit/design.ui.styles.ellipsis");
+
+  _designUiStyles = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _uiFoundationUi() {
+  const data = require("@teambit/ui-foundation.ui.keycap");
+
+  _uiFoundationUi = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _baseUiText() {
+  const data = require("@teambit/base-ui.text.muted-text");
+
+  _baseUiText = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _commandResultModule() {
+  const data = _interopRequireDefault(require("./command-result.module.scss"));
+
+  _commandResultModule = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function CommandResult({
+  command
+}) {
+  const {
+    icon,
+    iconAlt,
+    displayName,
+    keybinding
+  } = command;
+
+  const _keybinding = Array.isArray(keybinding) ? keybinding[0] : keybinding;
+
+  return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, icon && /*#__PURE__*/_react().default.createElement("img", {
+    src: icon,
+    alt: iconAlt,
+    className: _commandResultModule().default.icon
+  }), /*#__PURE__*/_react().default.createElement("div", {
+    className: (0, _classnames().default)(_designUiStyles().ellipsis, _commandResultModule().default.name)
+  }, displayName), _keybinding && /*#__PURE__*/_react().default.createElement(_uiFoundationUi().KeySequence, {
+    className: (0, _classnames().default)(_commandResultModule().default.commandKeys, _baseUiText().mutedText)
+  }, _keybinding));
+}
+
+//# sourceMappingURL=command-result.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["command-result.tsx"],"names":["CommandResult","command","icon","iconAlt","displayName","keybinding","_keybinding","Array","isArray","styles","ellipsis","name","commandKeys","mutedText"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAMO,SAASA,aAAT,CAAuB;AAAEC,EAAAA;AAAF,CAAvB,EAAwD;AAC7D,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,OAAR;AAAiBC,IAAAA,WAAjB;AAA8BC,IAAAA;AAA9B,MAA6CJ,OAAnD;;AACA,QAAMK,WAAW,GAAGC,KAAK,CAACC,OAAN,CAAcH,UAAd,IAA4BA,UAAU,CAAC,CAAD,CAAtC,GAA4CA,UAAhE;;AAEA,sBACE,gEACGH,IAAI,iBAAI;AAAK,IAAA,GAAG,EAAEA,IAAV;AAAgB,IAAA,GAAG,EAAEC,OAArB;AAA8B,IAAA,SAAS,EAAEM,+BAAOP;AAAhD,IADX,eAEE;AAAK,IAAA,SAAS,EAAE,2BAAWQ,0BAAX,EAAqBD,+BAAOE,IAA5B;AAAhB,KAAoDP,WAApD,CAFF,EAGGE,WAAW,iBAAI,+BAAC,6BAAD;AAAa,IAAA,SAAS,EAAE,2BAAWG,+BAAOG,WAAlB,EAA+BC,uBAA/B;AAAxB,KAAoEP,WAApE,CAHlB,CADF;AAOD","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { ellipsis } from '@teambit/design.ui.styles.ellipsis';\nimport { KeySequence } from '@teambit/ui-foundation.ui.keycap';\nimport { mutedText } from '@teambit/base-ui.text.muted-text';\nimport { Command } from './command';\n\nimport styles from './command-result.module.scss';\n\ntype CommandResultProps = {\n  command: Command;\n};\n\nexport function CommandResult({ command }: CommandResultProps) {\n  const { icon, iconAlt, displayName, keybinding } = command;\n  const _keybinding = Array.isArray(keybinding) ? keybinding[0] : keybinding;\n\n  return (\n    <>\n      {icon && <img src={icon} alt={iconAlt} className={styles.icon} />}\n      <div className={classnames(ellipsis, styles.name)}>{displayName}</div>\n      {_keybinding && <KeySequence className={classnames(styles.commandKeys, mutedText)}>{_keybinding}</KeySequence>}\n    </>\n  );\n}\n"]}

package/dist/searchers/command-searcher/command-result.module.scss

@@ -0,0 +1,15 @@
+.name {
+  flex: 1;
+}
+
+.commandKeys {
+  float: right;
+  font-size: 0.85em;
+}
+
+.icon {
+  font-size: 1.15em;
+  width: 1em;
+  height: 1em;
+  margin-right: 0.5em;
+}

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

@@ -0,0 +1,9 @@
+import { Searcher, 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 {
+    constructor(commands: Command[]);
+    test(term: string): boolean;
+    protected toSearchableItem(item: Command): Command;
+    protected toSearchResult({ item }: FuzzySearchItem<Command>): SearchResult;
+}

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

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommandSearcher = void 0;
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _explorerUi() {
+  const data = require("@teambit/explorer.ui.command-bar");
+
+  _explorerUi = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _commandResult() {
+  const data = require("./command-result");
+
+  _commandResult = function () {
+    return data;
+  };
+
+  return data;
+}
+
+const searchKeys = ['displayName'];
+
+class CommandSearcher extends _explorerUi().Searcher {
+  constructor(commands) {
+    super({
+      searchKeys
+    });
+    this.update(commands);
+  }
+
+  test(term) {
+    return term.startsWith('>');
+  }
+
+  toSearchableItem(item) {
+    return item;
+  }
+
+  toSearchResult({
+    item
+  }) {
+    return {
+      id: item.id,
+      action: item.action,
+      children: /*#__PURE__*/_react().default.createElement(_commandResult().CommandResult, {
+        command: item
+      })
+    };
+  }
+
+}
+
+exports.CommandSearcher = CommandSearcher;
+
+//# sourceMappingURL=command-searcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["command-searcher.tsx"],"names":["searchKeys","CommandSearcher","Searcher","constructor","commands","update","test","term","startsWith","toSearchableItem","item","toSearchResult","id","action","children"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA,MAAMA,UAA6B,GAAG,CAAC,aAAD,CAAtC;;AAEO,MAAMC,eAAN,SAA8BC,sBAA9B,CAAmF;AACxFC,EAAAA,WAAW,CAACC,QAAD,EAAsB;AAC/B,UAAM;AAAEJ,MAAAA;AAAF,KAAN;AAEA,SAAKK,MAAL,CAAYD,QAAZ;AACD;;AAEQE,EAAAA,IAAI,CAACC,IAAD,EAAwB;AACnC,WAAOA,IAAI,CAACC,UAAL,CAAgB,GAAhB,CAAP;AACD;;AAEkBC,EAAAA,gBAAgB,CAACC,IAAD,EAAgB;AACjD,WAAOA,IAAP;AACD;;AAEkBC,EAAAA,cAAc,CAAC;AAAED,IAAAA;AAAF,GAAD,EAAmD;AAClF,WAAO;AACLE,MAAAA,EAAE,EAAEF,IAAI,CAACE,EADJ;AAELC,MAAAA,MAAM,EAAEH,IAAI,CAACG,MAFR;AAGLC,MAAAA,QAAQ,eAAE,+BAAC,8BAAD;AAAe,QAAA,OAAO,EAAEJ;AAAxB;AAHL,KAAP;AAKD;;AArBuF","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"]}

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

@@ -0,0 +1,8 @@
+export declare type Command = {
+    id: string;
+    displayName: string;
+    action: Function;
+    icon?: string;
+    iconAlt?: string;
+    keybinding?: string | string[];
+};

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

@@ -0,0 +1,3 @@
+"use strict";
+
+//# sourceMappingURL=command.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/dist/searchers/index.d.ts

@@ -0,0 +1,2 @@
+export { CommandSearcher } from './command-searcher';
+export type { SearchProvider } from './search-provider';

package/dist/searchers/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CommandSearcher", {
+  enumerable: true,
+  get: function () {
+    return _commandSearcher().CommandSearcher;
+  }
+});
+
+function _commandSearcher() {
+  const data = require("./command-searcher");
+
+  _commandSearcher = function () {
+    return data;
+  };
+
+  return data;
+}
+
+//# sourceMappingURL=index.js.map

package/dist/{ui/command-bar-context → searchers}/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export { CommandBarContext } from './command-bar-context';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export { CommandSearcher } from './command-searcher';\nexport type { SearchProvider } from './search-provider';\n"]}

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

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

package/dist/searchers/search-provider.js

@@ -0,0 +1,3 @@
+"use strict";
+
+//# sourceMappingURL=search-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/dist/types.d.ts

@@ -1,17 +1,3 @@
 export declare type CommandId = string;
-export declare type CommandHandler = (...arg: any[]) => any;
-export declare type CommanderSearchResult = {
-    id: string;
-    displayName: string;
-    handler: CommandHandler;
-    icon?: string;
-    iconAlt?: string;
-    keybinding?: Keybinding;
-};
-export interface SearchProvider {
-    /** provide completions for this search term */
-    search(term: string, limit: number): CommanderSearchResult[];
-    /** determines what terms are handled by this searcher. */
-    test(term: string): boolean;
-}
+export declare type CommandHandler = Function;
 export declare type Keybinding = string | string[];

package/package.json

@@ -1,35 +1,35 @@
 {
   "name": "@teambit/command-bar",
-  "version": "0.0.707",
+  "version": "0.0.708",
   "homepage": "https://bit.dev/teambit/explorer/command-bar",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.explorer",
     "name": "command-bar",
-    "version": "0.0.707"
+    "version": "0.0.708"
   },
   "dependencies": {
+    "lodash.flatten": "4.4.0",
     "mousetrap": "1.6.5",
     "is-primitive": "3.0.1",
     "classnames": "2.2.6",
-    "fuse.js": "6.4.6",
-    "memoize-one": "5.1.1",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
-    "@teambit/base-ui.surfaces.card": "1.0.1",
+    "@teambit/explorer.ui.command-bar": "1.0.0",
     "@teambit/base-ui.text.muted-text": "1.0.1",
-    "@teambit/preview": "0.0.707",
-    "@teambit/pubsub": "0.0.707",
+    "@teambit/preview": "0.0.708",
+    "@teambit/pubsub": "0.0.708",
+    "@teambit/react-router": "0.0.708",
     "@teambit/ui-foundation.ui.is-browser": "0.0.486",
-    "@teambit/ui": "0.0.707",
+    "@teambit/ui": "0.0.708",
     "@teambit/bit-error": "0.0.394",
-    "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.487",
-    "@teambit/ui-foundation.ui.keycap": "0.0.486",
-    "@teambit/component": "0.0.707"
+    "@teambit/design.ui.styles.ellipsis": "0.0.347",
+    "@teambit/ui-foundation.ui.keycap": "0.0.486"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
+    "@types/lodash.flatten": "4.4.6",
     "@types/mousetrap": "1.6.5",
     "@types/classnames": "2.2.11",
     "@types/mocha": "9.1.0",
@@ -39,7 +39,7 @@
     "@types/node": "12.20.4"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.247",
+    "@teambit/legacy": "1.0.248",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -67,7 +67,7 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.247",
+        "@teambit/legacy": "1.0.248",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

package/{preview-1649733938651.js → preview-1649820303295.js}

@@ -1,2 +1,2 @@
-export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.explorer_command-bar@0.0.707/dist/command-bar.composition.js')]
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.explorer_command-bar@0.0.707/dist/command-bar.docs.mdx')]
+export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.explorer_command-bar@0.0.708/dist/command-bar.composition.js')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.explorer_command-bar@0.0.708/dist/command-bar.docs.mdx')]

package/searchers/command-searcher/command-result.module.scss

@@ -0,0 +1,15 @@
+.name {
+  flex: 1;
+}
+
+.commandKeys {
+  float: right;
+  font-size: 0.85em;
+}
+
+.icon {
+  font-size: 1.15em;
+  width: 1em;
+  height: 1em;
+  margin-right: 0.5em;
+}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import classnames from 'classnames';
+import { ellipsis } from '@teambit/design.ui.styles.ellipsis';
+import { KeySequence } from '@teambit/ui-foundation.ui.keycap';
+import { mutedText } from '@teambit/base-ui.text.muted-text';
+import { Command } from './command';
+
+import styles from './command-result.module.scss';
+
+type CommandResultProps = {
+  command: Command;
+};
+
+export function CommandResult({ command }: CommandResultProps) {
+  const { icon, iconAlt, displayName, keybinding } = command;
+  const _keybinding = Array.isArray(keybinding) ? keybinding[0] : keybinding;
+
+  return (
+    <>
+      {icon && <img src={icon} alt={iconAlt} className={styles.icon} />}
+      <div className={classnames(ellipsis, styles.name)}>{displayName}</div>
+      {_keybinding && <KeySequence className={classnames(styles.commandKeys, mutedText)}>{_keybinding}</KeySequence>}
+    </>
+  );
+}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Searcher, 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 {
+  constructor(commands: Command[]) {
+    super({ searchKeys });
+
+    this.update(commands);
+  }
+
+  override test(term: string): boolean {
+    return term.startsWith('>');
+  }
+
+  protected override toSearchableItem(item: Command) {
+    return item;
+  }
+
+  protected override toSearchResult({ item }: FuzzySearchItem<Command>): SearchResult {
+    return {
+      id: item.id,
+      action: item.action,
+      children: <CommandResult command={item} />,
+    };
+  }
+}

package/searchers/command-searcher/command.ts

@@ -0,0 +1,8 @@
+export type Command = {
+  id: string;
+  displayName: string;
+  action: Function;
+  icon?: string;
+  iconAlt?: string;
+  keybinding?: string | string[];
+};

package/searchers/index.ts

@@ -0,0 +1,2 @@
+export { CommandSearcher } from './command-searcher';
+export type { SearchProvider } from './search-provider';

package/searchers/search-provider.ts

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

package/types.tsx

@@ -1,20 +1,5 @@
+// export type { SearchResult };
 export type CommandId = string;
-export type CommandHandler = (...arg: any[]) => any;
-
-export type CommanderSearchResult = {
-  id: string;
-  displayName: string;
-  handler: CommandHandler;
-  icon?: string;
-  iconAlt?: string;
-  keybinding?: Keybinding;
-};
-
-export interface SearchProvider {
-  /** provide completions for this search term */
-  search(term: string, limit: number): CommanderSearchResult[];
-  /** determines what terms are handled by this searcher. */
-  test(term: string): boolean;
-}
+export type CommandHandler = Function;
 
 export type Keybinding = string | string[];

package/dist/ui/autocomplete-input/autocomplete-input.d.ts

@@ -1,11 +0,0 @@
-import React, { InputHTMLAttributes } from 'react';
-declare type AutoCompleteInputProps = InputHTMLAttributes<HTMLInputElement> & {
-    onEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    onDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    onUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    onEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    focus?: Truthy;
-};
-declare type Truthy = boolean | number | string | null | undefined;
-export declare function AutoCompleteInput({ className, onEscape, onDown, onUp, onEnter, onKeyDown, focus, ...rest }: AutoCompleteInputProps): JSX.Element;
-export {};

package/dist/ui/autocomplete-input/autocomplete-input.js

@@ -1,112 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AutoCompleteInput = AutoCompleteInput;
-
-function _extends2() {
-  const data = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-  _extends2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _objectWithoutProperties2() {
-  const data = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-  _objectWithoutProperties2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-
-  _react = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _classnames() {
-  const data = _interopRequireDefault(require("classnames"));
-
-  _classnames = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _autocompleteInputModule() {
-  const data = _interopRequireDefault(require("./autocomplete-input.module.scss"));
-
-  _autocompleteInputModule = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function AutoCompleteInput(_ref) {
-  let {
-    className,
-    onEscape,
-    onDown,
-    onUp,
-    onEnter,
-    onKeyDown,
-    focus
-  } = _ref,
-      rest = (0, _objectWithoutProperties2().default)(_ref, ["className", "onEscape", "onDown", "onUp", "onEnter", "onKeyDown", "focus"]);
-  const inputRef = /*#__PURE__*/(0, _react().createRef)();
-  (0, _react().useEffect)(() => {
-    var _inputRef$current;
-
-    if (focus) (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-  }, [focus]);
-  const handleKeyDown = (0, _react().useCallback)(e => {
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-    if (e.defaultPrevented) return;
-    const handlers = {
-      Escape: () => {
-        e.preventDefault();
-        onEscape === null || onEscape === void 0 ? void 0 : onEscape(e);
-      },
-      ArrowDown: () => {
-        e.preventDefault();
-        onDown === null || onDown === void 0 ? void 0 : onDown(e);
-      },
-      ArrowUp: () => {
-        e.preventDefault();
-        onUp === null || onUp === void 0 ? void 0 : onUp(e);
-      },
-      Enter: () => {
-        e.preventDefault();
-        onEnter === null || onEnter === void 0 ? void 0 : onEnter(e);
-      }
-    };
-    if (e.key in handlers) handlers[e.key]();
-  }, [onEscape, onDown, onUp, onEnter]); // @ts-ignore (https://github.com/teambit/bit/issues/4908)
-
-  return /*#__PURE__*/_react().default.createElement("input", (0, _extends2().default)({}, rest, {
-    ref: inputRef,
-    className: (0, _classnames().default)(_autocompleteInputModule().default.input, className),
-    onKeyDown: handleKeyDown
-  }));
-}
-
-//# sourceMappingURL=autocomplete-input.js.map

package/dist/ui/autocomplete-input/autocomplete-input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["autocomplete-input.tsx"],"names":["AutoCompleteInput","className","onEscape","onDown","onUp","onEnter","onKeyDown","focus","rest","inputRef","current","handleKeyDown","e","defaultPrevented","handlers","Escape","preventDefault","ArrowDown","ArrowUp","Enter","key","styles","input"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAYO,SAASA,iBAAT,OASoB;AAAA,MATO;AAChCC,IAAAA,SADgC;AAEhCC,IAAAA,QAFgC;AAGhCC,IAAAA,MAHgC;AAIhCC,IAAAA,IAJgC;AAKhCC,IAAAA,OALgC;AAMhCC,IAAAA,SANgC;AAOhCC,IAAAA;AAPgC,GASP;AAAA,MADtBC,IACsB;AACzB,QAAMC,QAAQ,gBAAG,yBAAjB;AAEA,0BAAU,MAAM;AAAA;;AACd,QAAIF,KAAJ,EAAW,qBAAAE,QAAQ,CAACC,OAAT,wEAAkBH,KAAlB;AACZ,GAFD,EAEG,CAACA,KAAD,CAFH;AAIA,QAAMI,aAAa,GAAG,0BACnBC,CAAD,IAA8C;AAC5CN,IAAAA,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAGM,CAAH,CAAT;AACA,QAAIA,CAAC,CAACC,gBAAN,EAAwB;AAExB,UAAMC,QAAQ,GAAG;AACfC,MAAAA,MAAM,EAAE,MAAM;AACZH,QAAAA,CAAC,CAACI,cAAF;AACAd,QAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGU,CAAH,CAAR;AACD,OAJc;AAKfK,MAAAA,SAAS,EAAE,MAAM;AACfL,QAAAA,CAAC,CAACI,cAAF;AACAb,QAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAGS,CAAH,CAAN;AACD,OARc;AASfM,MAAAA,OAAO,EAAE,MAAM;AACbN,QAAAA,CAAC,CAACI,cAAF;AACAZ,QAAAA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAGQ,CAAH,CAAJ;AACD,OAZc;AAafO,MAAAA,KAAK,EAAE,MAAM;AACXP,QAAAA,CAAC,CAACI,cAAF;AACAX,QAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGO,CAAH,CAAP;AACD;AAhBc,KAAjB;AAmBA,QAAIA,CAAC,CAACQ,GAAF,IAASN,QAAb,EAAuBA,QAAQ,CAACF,CAAC,CAACQ,GAAH,CAAR;AACxB,GAzBmB,EA0BpB,CAAClB,QAAD,EAAWC,MAAX,EAAmBC,IAAnB,EAAyBC,OAAzB,CA1BoB,CAAtB,CAPyB,CAoCzB;;AACA,sBAAO,qEAAWG,IAAX;AAAiB,IAAA,GAAG,EAAEC,QAAtB;AAAgC,IAAA,SAAS,EAAE,2BAAWY,mCAAOC,KAAlB,EAAyBrB,SAAzB,CAA3C;AAAgF,IAAA,SAAS,EAAEU;AAA3F,KAAP;AACD","sourcesContent":["import React, { useCallback, useEffect, createRef, InputHTMLAttributes } from 'react';\nimport classNames from 'classnames';\nimport styles from './autocomplete-input.module.scss';\n\ntype AutoCompleteInputProps = InputHTMLAttributes<HTMLInputElement> & {\n  onEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  focus?: Truthy;\n};\n\ntype Truthy = boolean | number | string | null | undefined;\n\nexport function AutoCompleteInput({\n  className,\n  onEscape,\n  onDown,\n  onUp,\n  onEnter,\n  onKeyDown,\n  focus,\n  ...rest\n}: AutoCompleteInputProps) {\n  const inputRef = createRef<HTMLInputElement>();\n\n  useEffect(() => {\n    if (focus) inputRef.current?.focus();\n  }, [focus]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      const handlers = {\n        Escape: () => {\n          e.preventDefault();\n          onEscape?.(e);\n        },\n        ArrowDown: () => {\n          e.preventDefault();\n          onDown?.(e);\n        },\n        ArrowUp: () => {\n          e.preventDefault();\n          onUp?.(e);\n        },\n        Enter: () => {\n          e.preventDefault();\n          onEnter?.(e);\n        },\n      };\n\n      if (e.key in handlers) handlers[e.key]();\n    },\n    [onEscape, onDown, onUp, onEnter]\n  );\n\n  // @ts-ignore (https://github.com/teambit/bit/issues/4908)\n  return <input {...rest} ref={inputRef} className={classNames(styles.input, className)} onKeyDown={handleKeyDown} />;\n}\n"]}

package/dist/ui/autocomplete-input/autocomplete-input.module.scss

@@ -1,13 +0,0 @@
-.input {
-  font-size: inherit;
-  font-family: inherit;
-  color: inherit;
-  border: none;
-
-  // command bar is open iff input is focused, so outline is not needed
-  outline: none;
-
-  &::placeholder {
-    color: var(--bit-text-inactive, #babec9);
-  }
-}

package/dist/ui/autocomplete-input/index.d.ts

@@ -1 +0,0 @@
-export * from './autocomplete-input';