@teambit/command-bar 0.0.707 → 0.0.710

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

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _autocompleteInput = require("./autocomplete-input");
-
-Object.keys(_autocompleteInput).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _autocompleteInput[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _autocompleteInput[key];
-    }
-  });
-});
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './autocomplete-input';\n"]}

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { CardProps } from '@teambit/base-ui.surfaces.card';
-import type { CommandBarUI } from '../../command-bar.ui.runtime';
-import { CommanderSearchResult } from '../../types';
-export declare type CommandBarProps = {
-    search: (term: string, limit?: number) => CommanderSearchResult[];
-    commander: CommandBarUI;
-} & CardProps;
-export declare function CommandBar({ search, commander, elevation, className, ...rest }: CommandBarProps): JSX.Element;

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

@@ -1,149 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.regexp.exec.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CommandBar = CommandBar;
-
-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 _baseUiSurfaces() {
-  const data = require("@teambit/base-ui.surfaces.card");
-
-  _baseUiSurfaces = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _autocompleteInput() {
-  const data = require("../autocomplete-input");
-
-  _autocompleteInput = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _commandBarItem() {
-  const data = require("../command-bar-item");
-
-  _commandBarItem = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _commandBarModule() {
-  const data = _interopRequireDefault(require("./command-bar.module.scss"));
-
-  _commandBarModule = 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; }
-
-const MIN_IDX = 0;
-
-function CommandBar(_ref) {
-  let {
-    search,
-    commander,
-    elevation = 'high',
-    className
-  } = _ref,
-      rest = (0, _objectWithoutProperties2().default)(_ref, ["search", "commander", "elevation", "className"]);
-  const [term, setTerm] = (0, _react().useState)('');
-  const options = (0, _react().useMemo)(() => search(term), [term, search]);
-  const [activeIdx, setActive] = (0, _react().useState)(MIN_IDX);
-  const increment = (0, _react().useCallback)(() => setActive(x => Math.min(x + 1, options.length - 1)), [options.length]);
-  const decrement = (0, _react().useCallback)(() => setActive(x => Math.max(x - 1, MIN_IDX)), []);
-  const [visible, setVisibility] = (0, _react().useState)(false);
-  commander.setVisibility = setVisibility;
-  const handleEnter = (0, _react().useCallback)(() => {
-    var _options$activeIdx;
-
-    setVisibility(false);
-    (_options$activeIdx = options[activeIdx]) === null || _options$activeIdx === void 0 ? void 0 : _options$activeIdx.handler();
-  }, [options, activeIdx]);
-  (0, _react().useEffect)(() => setTerm(''), [visible]);
-  (0, _react().useEffect)(() => setActive(MIN_IDX), [options]);
-  return /*#__PURE__*/_react().default.createElement(_baseUiSurfaces().Card, (0, _extends2().default)({}, rest, {
-    elevation: elevation,
-    className: (0, _classnames().default)(className, _commandBarModule().default.commandBar, visible && _commandBarModule().default.visible)
-  }), /*#__PURE__*/_react().default.createElement(_autocompleteInput().AutoCompleteInput, {
-    value: term,
-    focus: visible,
-    className: _commandBarModule().default.input,
-    placeholder: "Search anything or type > to only search commands",
-    onChange: e => setTerm(e.target.value),
-    onDown: increment,
-    onUp: decrement,
-    onEnter: handleEnter,
-    onEscape: () => setVisibility(false),
-    onBlur: () => setVisibility(false)
-  }), /*#__PURE__*/_react().default.createElement("div", {
-    className: _commandBarModule().default.results
-  }, options.map((x, idx) => /*#__PURE__*/_react().default.createElement(_commandBarItem().CommandBarItem, {
-    key: idx // use index instead of id to avoid duplicate keys
-    ,
-    entry: x,
-    active: idx === activeIdx // mouseDown happens before blur, which closes the command bar
-    ,
-    onMouseDown: x.handler
-  }))));
-}
-
-//# sourceMappingURL=command-bar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["command-bar.tsx"],"names":["MIN_IDX","CommandBar","search","commander","elevation","className","rest","term","setTerm","options","activeIdx","setActive","increment","x","Math","min","length","decrement","max","visible","setVisibility","handleEnter","handler","styles","commandBar","input","e","target","value","results","map","idx"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useState, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { Card, CardProps } from '@teambit/base-ui.surfaces.card';\nimport type { CommandBarUI } from '../../command-bar.ui.runtime';\nimport { CommanderSearchResult } from '../../types';\nimport { AutoCompleteInput } from '../autocomplete-input';\nimport { CommandBarItem } from '../command-bar-item';\nimport styles from './command-bar.module.scss';\n\nexport type CommandBarProps = {\n  search: (term: string, limit?: number) => CommanderSearchResult[];\n  commander: CommandBarUI;\n} & CardProps;\n\nconst MIN_IDX = 0;\n\nexport function CommandBar({ search, commander, elevation = 'high', className, ...rest }: CommandBarProps) {\n  const [term, setTerm] = useState('');\n  const options = useMemo(() => search(term), [term, search]);\n  const [activeIdx, setActive] = useState(MIN_IDX);\n  const increment = useCallback(() => setActive((x) => Math.min(x + 1, options.length - 1)), [options.length]);\n  const decrement = useCallback(() => setActive((x) => Math.max(x - 1, MIN_IDX)), []);\n  const [visible, setVisibility] = useState(false);\n\n  commander.setVisibility = setVisibility;\n\n  const handleEnter = useCallback(() => {\n    setVisibility(false);\n    options[activeIdx]?.handler();\n  }, [options, activeIdx]);\n\n  useEffect(() => setTerm(''), [visible]);\n  useEffect(() => setActive(MIN_IDX), [options]);\n\n  return (\n    <Card\n      {...rest}\n      elevation={elevation}\n      className={classNames(className, styles.commandBar, visible && styles.visible)}\n    >\n      <AutoCompleteInput\n        value={term}\n        focus={visible}\n        className={styles.input}\n        placeholder=\"Search anything or type > to only search commands\"\n        onChange={(e) => setTerm(e.target.value)}\n        onDown={increment}\n        onUp={decrement}\n        onEnter={handleEnter}\n        onEscape={() => setVisibility(false)}\n        onBlur={() => setVisibility(false)}\n      />\n      <div className={styles.results}>\n        {options.map((x, idx) => (\n          <CommandBarItem\n            key={idx} // use index instead of id to avoid duplicate keys\n            entry={x}\n            active={idx === activeIdx}\n            // mouseDown happens before blur, which closes the command bar\n            onMouseDown={x.handler}\n          />\n        ))}\n      </div>\n    </Card>\n  );\n}\n"]}

package/dist/ui/command-bar/command-bar.module.scss

@@ -1,44 +0,0 @@
-@import '~@teambit/ui-foundation.ui.constants.z-indexes/z-indexes.module.scss';
-
-.commandBar {
-  display: none;
-  flex-direction: column;
-
-  position: fixed;
-  top: 130px;
-  left: 50%;
-  transform: translate(-50%, 0);
-  width: 643px;
-  border: 1px solid var(--bit-border-color, #babec9);
-  max-width: 90%;
-
-  overflow: hidden; // enforce border-radius
-
-  color: var(--bit-text-color-heavy, #2b2b2b);
-  box-shadow: 0 40px 60px 0 rgba(0, 0, 0, 0.32);
-
-  &.visible {
-    display: flex;
-  }
-}
-
-.commandBar {
-  padding: 0px;
-  z-index: $modal-z-index;
-}
-
-.input {
-  padding: 0 24px;
-  font-size: 20px;
-  height: 56px;
-  line-height: 56px;
-}
-
-.results {
-  font-size: 14px;
-
-  &:not(:empty) {
-    margin-bottom: 8px;
-    border-top: solid 1px var(--bit-border-color, #babec9);
-  }
-}

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

@@ -1 +0,0 @@
-export { CommandBar, CommandBarProps } from './command-bar';

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export { CommandBar, CommandBarProps } from './command-bar';\n"]}

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { CommandBarUI } from '../../command-bar.ui.runtime';
-export declare const CommandBarContext: import("react").Context<CommandBarUI | undefined>;

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

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CommandBarContext = void 0;
-
-function _react() {
-  const data = require("react");
-
-  _react = function () {
-    return data;
-  };
-
-  return data;
-}
-
-const CommandBarContext = /*#__PURE__*/(0, _react().createContext)(undefined);
-exports.CommandBarContext = CommandBarContext;
-
-//# sourceMappingURL=command-bar-context.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["command-bar-context.tsx"],"names":["CommandBarContext","undefined"],"mappings":";;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGO,MAAMA,iBAAiB,gBAAG,4BAAwCC,SAAxC,CAA1B","sourcesContent":["import { createContext } from 'react';\nimport { CommandBarUI } from '../../command-bar.ui.runtime';\n\nexport const CommandBarContext = createContext<CommandBarUI | undefined>(undefined);\n"]}

package/dist/ui/command-bar-context/index.d.ts

@@ -1 +0,0 @@
-export { CommandBarContext } from './command-bar-context';

package/dist/ui/command-bar-context/index.js

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

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { CommanderSearchResult } from '../../types';
-export declare type CommandItemProps = {
-    active?: boolean;
-    entry: CommanderSearchResult;
-} & React.HTMLAttributes<HTMLDivElement>;
-export declare function CommandBarItem({ entry, className, active, ...rest }: CommandItemProps): JSX.Element;

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

@@ -1,109 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CommandBarItem = CommandBarItem;
-
-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 = _interopRequireDefault(require("react"));
-
-  _react = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _classnames() {
-  const data = _interopRequireDefault(require("classnames"));
-
-  _classnames = 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 _commandBarItemModule() {
-  const data = _interopRequireDefault(require("./command-bar-item.module.scss"));
-
-  _commandBarItemModule = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function CommandBarItem(_ref) {
-  let {
-    entry,
-    className,
-    active
-  } = _ref,
-      rest = (0, _objectWithoutProperties2().default)(_ref, ["entry", "className", "active"]);
-  const {
-    handler,
-    displayName: name,
-    icon,
-    iconAlt,
-    keybinding
-  } = entry;
-  const firstKeybinding = Array.isArray(keybinding) ? keybinding[0] : keybinding;
-  return /*#__PURE__*/_react().default.createElement("div", (0, _extends2().default)({}, rest, {
-    className: (0, _classnames().default)(className, _commandBarItemModule().default.commandBarOption, active && _commandBarItemModule().default.active),
-    onMouseDown: handler
-  }), icon && /*#__PURE__*/_react().default.createElement("img", {
-    src: icon,
-    alt: iconAlt,
-    className: _commandBarItemModule().default.icon
-  }), /*#__PURE__*/_react().default.createElement("div", {
-    className: _commandBarItemModule().default.name
-  }, name), firstKeybinding && /*#__PURE__*/_react().default.createElement(_uiFoundationUi().KeySequence, {
-    className: (0, _classnames().default)(_commandBarItemModule().default.commandKeys, _baseUiText().mutedText)
-  }, firstKeybinding));
-}
-
-//# sourceMappingURL=command-bar-item.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["command-bar-item.tsx"],"names":["CommandBarItem","entry","className","active","rest","handler","displayName","name","icon","iconAlt","keybinding","firstKeybinding","Array","isArray","styles","commandBarOption","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;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAOO,SAASA,cAAT,OAAiF;AAAA,MAAzD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,SAAT;AAAoBC,IAAAA;AAApB,GAAyD;AAAA,MAA1BC,IAA0B;AACtF,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,WAAW,EAAEC,IAAxB;AAA8BC,IAAAA,IAA9B;AAAoCC,IAAAA,OAApC;AAA6CC,IAAAA;AAA7C,MAA4DT,KAAlE;AACA,QAAMU,eAAe,GAAGC,KAAK,CAACC,OAAN,CAAcH,UAAd,IAA4BA,UAAU,CAAC,CAAD,CAAtC,GAA4CA,UAApE;AAEA,sBACE,mEACMN,IADN;AAEE,IAAA,SAAS,EAAE,2BAAWF,SAAX,EAAsBY,gCAAOC,gBAA7B,EAA+CZ,MAAM,IAAIW,gCAAOX,MAAhE,CAFb;AAGE,IAAA,WAAW,EAAEE;AAHf,MAKGG,IAAI,iBAAI;AAAK,IAAA,GAAG,EAAEA,IAAV;AAAgB,IAAA,GAAG,EAAEC,OAArB;AAA8B,IAAA,SAAS,EAAEK,gCAAON;AAAhD,IALX,eAME;AAAK,IAAA,SAAS,EAAEM,gCAAOP;AAAvB,KAA8BA,IAA9B,CANF,EAOGI,eAAe,iBACd,+BAAC,6BAAD;AAAa,IAAA,SAAS,EAAE,2BAAWG,gCAAOE,WAAlB,EAA+BC,uBAA/B;AAAxB,KAAoEN,eAApE,CARJ,CADF;AAaD","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { KeySequence } from '@teambit/ui-foundation.ui.keycap';\nimport { mutedText } from '@teambit/base-ui.text.muted-text';\nimport { CommanderSearchResult } from '../../types';\nimport styles from './command-bar-item.module.scss';\n\nexport type CommandItemProps = {\n  active?: boolean;\n  entry: CommanderSearchResult;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport function CommandBarItem({ entry, className, active, ...rest }: CommandItemProps) {\n  const { handler, displayName: name, icon, iconAlt, keybinding } = entry;\n  const firstKeybinding = Array.isArray(keybinding) ? keybinding[0] : keybinding;\n\n  return (\n    <div\n      {...rest}\n      className={classnames(className, styles.commandBarOption, active && styles.active)}\n      onMouseDown={handler}\n    >\n      {icon && <img src={icon} alt={iconAlt} className={styles.icon} />}\n      <div className={styles.name}>{name}</div>\n      {firstKeybinding && (\n        <KeySequence className={classnames(styles.commandKeys, mutedText)}>{firstKeybinding}</KeySequence>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/ui/command-bar-item/command-bar-item.module.scss

@@ -1,38 +0,0 @@
-.commandBarOption {
-  display: flex;
-  align-items: center;
-
-  height: 40px;
-  padding: 0 24px;
-  transition: all 180ms;
-
-  user-select: none;
-  cursor: pointer;
-
-  &:hover {
-    background-color: var(--bit-bg-heavy, #f6f6f6);
-  }
-
-  &.active,
-  &.active:hover {
-    background-color: var(--bit-accent-bg, #eceaff);
-  }
-}
-
-.name {
-  flex: 1 1;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.commandKeys {
-  float: right;
-  font-size: 15px;
-}
-
-.icon {
-  width: 16px;
-  height: 16px;
-  margin-right: 8px;
-}

package/dist/ui/command-bar-item/index.d.ts

@@ -1 +0,0 @@
-export { CommandBarItem, CommandItemProps } from './command-bar-item';

package/dist/ui/command-bar-item/index.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CommandBarItem", {
-  enumerable: true,
-  get: function () {
-    return _commandBarItem().CommandBarItem;
-  }
-});
-Object.defineProperty(exports, "CommandItemProps", {
-  enumerable: true,
-  get: function () {
-    return _commandBarItem().CommandItemProps;
-  }
-});
-
-function _commandBarItem() {
-  const data = require("./command-bar-item");
-
-  _commandBarItem = function () {
-    return data;
-  };
-
-  return data;
-}
-
-//# sourceMappingURL=index.js.map

package/dist/ui/command-bar-item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export { CommandBarItem, CommandItemProps } from './command-bar-item';\n"]}

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

@@ -1,8 +0,0 @@
-import { CommanderSearchResult, SearchProvider } from '../../types';
-export declare class CommandSearcher implements SearchProvider {
-    private fuseCommands;
-    constructor(commands: CommanderSearchResult[]);
-    update(commands: CommanderSearchResult[]): void;
-    search(term: string, limit: number): CommanderSearchResult[];
-    test(term: string): boolean;
-}

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

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.replace.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CommandSearcher = void 0;
-
-function _defineProperty2() {
-  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-  _defineProperty2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _fuse() {
-  const data = _interopRequireDefault(require("fuse.js"));
-
-  _fuse = function () {
-    return data;
-  };
-
-  return data;
-}
-
-const searchedKeys = ['displayName'];
-
-class CommandSearcher {
-  constructor(commands) {
-    (0, _defineProperty2().default)(this, "fuseCommands", new (_fuse().default)([], {
-      // weight can be included here.
-      // fields loses weight the longer they get, so it seems ok for now.
-      keys: searchedKeys
-    }));
-    this.fuseCommands.setCollection(commands);
-  }
-
-  update(commands) {
-    this.fuseCommands.setCollection(commands);
-  }
-
-  search(term, limit) {
-    const unprefixedPattern = term.replace(/^>/, '');
-    const searchResults = this.fuseCommands.search(unprefixedPattern, {
-      limit
-    }); // @ts-ignore this shows error on Circle for some weird reason
-
-    return searchResults.map(x => x.item);
-  }
-
-  test(term) {
-    return term.startsWith('>');
-  }
-
-}
-
-exports.CommandSearcher = CommandSearcher;
-
-//# sourceMappingURL=command-searcher.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["command-searcher.ts"],"names":["searchedKeys","CommandSearcher","constructor","commands","Fuse","keys","fuseCommands","setCollection","update","search","term","limit","unprefixedPattern","replace","searchResults","map","x","item","test","startsWith"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA,MAAMA,YAA6C,GAAG,CAAC,aAAD,CAAtD;;AAEO,MAAMC,eAAN,CAAgD;AAOrDC,EAAAA,WAAW,CAACC,QAAD,EAAoC;AAAA,0DANxB,KAAIC,eAAJ,EAAgC,EAAhC,EAAoC;AACzD;AACA;AACAC,MAAAA,IAAI,EAAEL;AAHmD,KAApC,CAMwB;AAC7C,SAAKM,YAAL,CAAkBC,aAAlB,CAAgCJ,QAAhC;AACD;;AAEDK,EAAAA,MAAM,CAACL,QAAD,EAAoC;AACxC,SAAKG,YAAL,CAAkBC,aAAlB,CAAgCJ,QAAhC;AACD;;AAEDM,EAAAA,MAAM,CAACC,IAAD,EAAeC,KAAf,EAAuD;AAC3D,UAAMC,iBAAiB,GAAGF,IAAI,CAACG,OAAL,CAAa,IAAb,EAAmB,EAAnB,CAA1B;AACA,UAAMC,aAAa,GAAG,KAAKR,YAAL,CAAkBG,MAAlB,CAAyBG,iBAAzB,EAA4C;AAAED,MAAAA;AAAF,KAA5C,CAAtB,CAF2D,CAG3D;;AACA,WAAOG,aAAa,CAACC,GAAd,CAAmBC,CAAD,IAAOA,CAAC,CAACC,IAA3B,CAAP;AACD;;AAEDC,EAAAA,IAAI,CAACR,IAAD,EAAwB;AAC1B,WAAOA,IAAI,CAACS,UAAL,CAAgB,GAAhB,CAAP;AACD;;AAxBoD","sourcesContent":["import Fuse from 'fuse.js';\nimport { CommanderSearchResult, SearchProvider } from '../../types';\n\nconst searchedKeys: (keyof CommanderSearchResult)[] = ['displayName'];\n\nexport class CommandSearcher implements SearchProvider {\n  private fuseCommands = new Fuse<CommanderSearchResult>([], {\n    // weight can be included here.\n    // fields loses weight the longer they get, so it seems ok for now.\n    keys: searchedKeys,\n  });\n\n  constructor(commands: CommanderSearchResult[]) {\n    this.fuseCommands.setCollection(commands);\n  }\n\n  update(commands: CommanderSearchResult[]) {\n    this.fuseCommands.setCollection(commands);\n  }\n\n  search(term: string, limit: number): CommanderSearchResult[] {\n    const unprefixedPattern = term.replace(/^>/, '');\n    const searchResults = this.fuseCommands.search(unprefixedPattern, { limit });\n    // @ts-ignore this shows error on Circle for some weird reason\n    return searchResults.map((x) => x.item);\n  }\n\n  test(term: string): boolean {\n    return term.startsWith('>');\n  }\n}\n"]}

package/dist/ui/component-searcher/component-searcher.d.ts

@@ -1,14 +0,0 @@
-import { ComponentModel } from '@teambit/component';
-import { SearchProvider, CommanderSearchResult } from '../../types';
-declare type ComponentSearchResult = CommanderSearchResult & {
-    name: string;
-};
-export declare class ComponentSearcher implements SearchProvider {
-    private navigate;
-    private fuseCommands;
-    constructor(navigate: (path: string) => void);
-    update: (components: ComponentModel[]) => void;
-    search(term: string, limit: number): ComponentSearchResult[];
-    test(term: string): boolean;
-}
-export {};