@algolia/satellite 1.0.0-beta.17 → 1.0.0-beta.170

package/scss/variables.scss

@@ -0,0 +1,8 @@
+$stl-sidebar: 200;
+$stl-full-page-layout: 250;
+$stl-modal-overlay: 300;
+$stl-modal: 400;
+$stl-popover: 450;
+$stl-dropdown: 500;
+$stl-notification: 550;
+$stl-tooltip: 600;

package/components/Alert/Alert.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-export declare type AlertType = "neutral" | "info" | "success" | "warning" | "danger";
-export declare type AlertSize = "compact" | "default";
-export interface Props extends React.HTMLAttributes<HTMLDivElement> {
-    type?: AlertType;
-    size?: AlertSize;
-}
-export declare const Alert: React.SFC<Props>;
-export default Alert;

package/components/Alert/Alert.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Alert = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _classnames2 = _interopRequireDefault(require("classnames"));
-
-var styles = {
-  "alert": "stl-Alert_alert",
-  "compact": "stl-Alert_compact",
-  "content": "stl-Alert_content",
-  "neutral": "stl-Alert_neutral",
-  "info": "stl-Alert_info",
-  "success": "stl-Alert_success",
-  "warning": "stl-Alert_warning",
-  "danger": "stl-Alert_danger"
-};
-
-var Alert = function Alert(_ref) {
-  var className = _ref.className,
-      type = _ref.type,
-      size = _ref.size,
-      children = _ref.children,
-      rest = (0, _objectWithoutProperties2["default"])(_ref, ["className", "type", "size", "children"]);
-  var containerClasses = (0, _classnames2["default"])(styles.alert, styles[type || "info"], (0, _defineProperty2["default"])({}, styles.compact, size === "compact"), className);
-  return React.createElement("div", (0, _extends2["default"])({
-    className: containerClasses
-  }, rest), React.createElement("div", {
-    className: styles.content
-  }, children));
-};
-
-exports.Alert = Alert;
-var _default = Alert;
-exports["default"] = _default;

package/components/Alert/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Alert["default"];
-  }
-});
-
-var _Alert = _interopRequireWildcard(require("./Alert"));
-
-Object.keys(_Alert).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Alert[key];
-    }
-  });
-});

package/components/AutoComplete/AutoComplete.d.ts

@@ -1,66 +0,0 @@
-import * as React from "react";
-import { ControllerStateAndHelpers } from "downshift";
-import { InputStatus } from "../Input";
-import { Option, CreateFromInputValue, RenderValueTemplateArgs, OptionRendererParams } from "./types";
-interface Props<T extends Option = Option> {
-    id?: string;
-    name?: string;
-    className?: string;
-    status?: InputStatus;
-    placeholder?: string;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    options?: T[];
-    value?: T | T[];
-    inputValue?: string;
-    onChange: (option: T | T[] | null) => void;
-    onTextChange?: (text: string) => any;
-    onBlur?: () => void;
-    creatable?: boolean;
-    clearable?: boolean;
-    multiple?: boolean;
-    selectOnBlur?: boolean;
-    maxResults?: number;
-    noResultsLabel?: string;
-    createFromInputValue?: CreateFromInputValue<T>;
-    separatorKeyCodes?: number[];
-    renderValueTemplate?: (args: RenderValueTemplateArgs<T>) => JSX.Element;
-    renderOption?: (option: T, params: OptionRendererParams) => React.ReactNode;
-}
-interface State {
-    inputFocused: boolean;
-    inputValue: string;
-    inputWidth?: number;
-    showAllResults: boolean;
-}
-export declare class AutoComplete<T extends Option> extends React.Component<Props<T>, State> {
-    static defaultProps: {
-        clearable: boolean;
-        creatable: boolean;
-        multiple: boolean;
-        maxResults: number;
-        noResultsLabel: string;
-        createFromInputValue: CreateFromInputValue<Option>;
-        options: never[];
-        separatorKeyCodes: never[];
-        onBlur: () => void;
-        renderOption: (option: Option, { multiple }: OptionRendererParams) => JSX.Element;
-    };
-    state: State;
-    inputRef: HTMLInputElement | null;
-    showAllResultsButtonRef: React.RefObject<HTMLButtonElement>;
-    componentDidUpdate(prevProps: Props<T>): void;
-    handleClearClick: () => void;
-    handleFakeInputClick: () => void | null;
-    handleInputBlur: (state: ControllerStateAndHelpers<T>) => (evt: React.FocusEvent<any>) => void;
-    handleInputChange: (evt: React.ChangeEvent<HTMLInputElement>) => void;
-    handleDropdownWidthUpdate: (el?: HTMLElement | undefined) => void;
-    handleKeyDown: (state: ControllerStateAndHelpers<T>) => (evt: React.KeyboardEvent<any>) => void;
-    handleChange: (option: T) => void;
-    handleShowAllResults: () => void;
-    readonly inputValue: string;
-    removeValue: (removedOption: T) => void;
-    renderSelect: (autocompleteHelpers: ControllerStateAndHelpers<T>) => JSX.Element;
-    render(): JSX.Element;
-}
-export default AutoComplete;

package/components/AutoComplete/AutoComplete.js

@@ -1,512 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.AutoComplete = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactDom = require("react-dom");
-
-var Popper = _interopRequireWildcard(require("react-popper"));
-
-var _reactInputAutosize = _interopRequireDefault(require("react-input-autosize"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _downshift = _interopRequireDefault(require("downshift"));
-
-var _omit = _interopRequireDefault(require("../../utils/omit"));
-
-var _pluralize = _interopRequireDefault(require("../../utils/pluralize"));
-
-var _uniqBy = _interopRequireDefault(require("../../utils/uniqBy"));
-
-var _Chip = _interopRequireDefault(require("../Chip"));
-
-var _ScrollIndicator = _interopRequireDefault(require("../ScrollIndicator"));
-
-var _LinkButton = _interopRequireDefault(require("../Button/LinkButton"));
-
-var _utils = require("./utils");
-
-var styles = {
-  "inputWrapper": "stl-AutoComplete_inputWrapper",
-  "focused": "stl-AutoComplete_focused",
-  "disabled": "stl-AutoComplete_disabled",
-  "multiple": "stl-AutoComplete_multiple",
-  "danger": "stl-AutoComplete_danger",
-  "values": "stl-AutoComplete_values",
-  "input": "stl-AutoComplete_input",
-  "hiddenInput": "stl-AutoComplete_hiddenInput",
-  "optionChip": "stl-AutoComplete_optionChip",
-  "optionValue": "stl-AutoComplete_optionValue",
-  "clearButton": "stl-AutoComplete_clearButton",
-  "dropdown": "stl-AutoComplete_dropdown",
-  "resultsWrapper": "stl-AutoComplete_resultsWrapper",
-  "results": "stl-AutoComplete_results",
-  "noResults": "stl-AutoComplete_noResults",
-  "result": "stl-AutoComplete_result",
-  "active": "stl-AutoComplete_active",
-  "resultMetadata": "stl-AutoComplete_resultMetadata",
-  "resultLabel": "stl-AutoComplete_resultLabel",
-  "resultImg": "stl-AutoComplete_resultImg",
-  "moreResults": "stl-AutoComplete_moreResults"
-};
-
-function itemToString(option) {
-  return option ? option.label : "";
-}
-
-function makeNeedles(itemValue) {
-  return itemValue.toLowerCase().trim().split(/\s+/);
-}
-
-function needlesMatch(needles, option) {
-  var labels = (option.metadata || []).concat(option.label);
-  return needles.every(function (needle) {
-    return labels.some(function (label) {
-      return String(label || "").trim().toLowerCase().indexOf(needle) !== -1;
-    });
-  });
-}
-
-function filter(options, selectedItems, itemValue) {
-  var needles = makeNeedles(itemValue);
-  var selectedValues = selectedItems.map(function (option) {
-    return option.value;
-  });
-  var results = [];
-
-  for (var i = 0; i < options.length; i++) {
-    var _option = options[i];
-
-    if (selectedValues.includes(_option.value)) {
-      continue;
-    }
-
-    if (_option.bypassNeedleMatch || needlesMatch(needles, _option)) {
-      results.push(_option);
-    }
-  }
-
-  return results;
-}
-
-function inputValueFromProps(props) {
-  if (props.inputValue !== undefined) {
-    return props.inputValue;
-  }
-
-  return !props.multiple && props.value ? itemToString(props.value) : "";
-}
-
-var defaultOptionRenderer = function defaultOptionRenderer(option, _ref) {
-  var multiple = _ref.multiple;
-  return React.createElement("div", {
-    className: styles.resultLabel
-  }, React.createElement("span", null, option["new"] ? "".concat(multiple ? "Add " : "Use ", " ").concat(option.label) : option.label), option.metadata && option.metadata.length > 0 && React.createElement("ul", {
-    className: styles.resultMetadata
-  }, option.metadata.map(function (metadata, idx) {
-    return React.createElement("li", {
-      key: idx
-    }, " ", metadata);
-  })));
-};
-
-var BACKSPACE_KEY_CODE = 8;
-var WRAPPER_STYLE = {
-  width: "100%"
-};
-
-var AutoComplete =
-/*#__PURE__*/
-function (_React$Component) {
-  (0, _inherits2["default"])(AutoComplete, _React$Component);
-
-  function AutoComplete() {
-    var _getPrototypeOf2;
-
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, AutoComplete);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(AutoComplete)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      inputFocused: false,
-      inputValue: inputValueFromProps(_this.props),
-      showAllResults: false
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputRef", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "showAllResultsButtonRef", React.createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClearClick", function () {
-      return _this.setState({
-        inputValue: ""
-      }, function () {
-        return _this.props.onChange(null);
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleFakeInputClick", function () {
-      return _this.inputRef && _this.inputRef.focus();
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInputBlur", function (state) {
-      return function (evt) {
-        var _this$props = _this.props,
-            value = _this$props.value,
-            multiple = _this$props.multiple,
-            selectOnBlur = _this$props.selectOnBlur,
-            onBlur = _this$props.onBlur;
-
-        var _assertThisInitialize = (0, _assertThisInitialized2["default"])(_this),
-            inputValue = _assertThisInitialize.inputValue;
-
-        var newInputValue;
-
-        if (evt.relatedTarget && evt.relatedTarget === _this.showAllResultsButtonRef.current) {
-          return;
-        } else if (selectOnBlur && inputValue && state.highlightedIndex !== null) {
-          newInputValue = multiple ? "" : itemToString(value);
-          state.selectItemAtIndex(state.highlightedIndex);
-        } else if (multiple) {
-          newInputValue = inputValue;
-        } else {
-          newInputValue = itemToString(value);
-        }
-
-        if (onBlur) {
-          onBlur();
-        }
-
-        _this.setState({
-          inputValue: newInputValue,
-          inputFocused: false,
-          showAllResults: false
-        });
-      };
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInputChange", function (evt) {
-      var inputValue = evt.target.value;
-
-      _this.setState({
-        inputValue: inputValue
-      });
-
-      if (_this.props.onTextChange) {
-        _this.props.onTextChange(inputValue);
-      }
-
-      if (!_this.props.multiple && _this.props.value && !inputValue) {
-        _this.props.onChange(null);
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDropdownWidthUpdate", function (el) {
-      var inputWidth = _this.state.inputWidth;
-      var newInputWidth = el ? el.getBoundingClientRect().width : inputWidth;
-
-      if (newInputWidth !== inputWidth) {
-        _this.setState({
-          inputWidth: newInputWidth
-        });
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (state) {
-      return function (evt) {
-        var _this$props2 = _this.props,
-            _this$props2$value = _this$props2.value,
-            value = _this$props2$value === void 0 ? [] : _this$props2$value,
-            _this$props2$separato = _this$props2.separatorKeyCodes,
-            separatorKeyCodes = _this$props2$separato === void 0 ? AutoComplete.defaultProps.separatorKeyCodes : _this$props2$separato,
-            multiple = _this$props2.multiple,
-            creatable = _this$props2.creatable,
-            _this$props2$createFr = _this$props2.createFromInputValue,
-            createFromInputValue = _this$props2$createFr === void 0 ? AutoComplete.defaultProps.createFromInputValue : _this$props2$createFr,
-            options = _this$props2.options,
-            onChange = _this$props2.onChange;
-
-        var _assertThisInitialize2 = (0, _assertThisInitialized2["default"])(_this),
-            inputValue = _assertThisInitialize2.inputValue;
-
-        if (!multiple || !Array.isArray(value)) return;
-        var canCreate = creatable && inputValue.trim().length > 0;
-
-        if (evt.keyCode === BACKSPACE_KEY_CODE && !inputValue.length) {
-          onChange(value.slice(0, -1));
-        } else if (canCreate && separatorKeyCodes.includes(evt.keyCode)) {
-          evt.preventDefault();
-          var newOptions = createFromInputValue(options, inputValue);
-          var newOption = newOptions[0];
-
-          if (newOption && !newOption.disabled) {
-            state.selectItem(newOption);
-          }
-        }
-      };
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (option) {
-      option = option ? (0, _omit["default"])(option, "new") : option;
-
-      if (option.disabled) {
-        return;
-      } else if (_this.props.multiple) {
-        var newValue = (0, _uniqBy["default"])([].concat((0, _toConsumableArray2["default"])(_this.props.value || []), [option]), function (o) {
-          return o.value;
-        });
-
-        _this.props.onChange(newValue);
-
-        _this.setState({
-          inputValue: "",
-          showAllResults: false
-        });
-      } else {
-        _this.props.onChange(option);
-
-        _this.setState({
-          inputValue: option ? option.label : "",
-          showAllResults: false
-        });
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleShowAllResults", function () {
-      _this.setState({
-        showAllResults: true
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "removeValue", function (removedOption) {
-      var currentOptions = _this.props.value;
-      var newOptions = currentOptions.filter(function (option) {
-        return option.value !== removedOption.value;
-      });
-
-      _this.props.onChange(newOptions);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderSelect", function (autocompleteHelpers) {
-      var _cx2;
-
-      var getInputProps = autocompleteHelpers.getInputProps,
-          getItemProps = autocompleteHelpers.getItemProps,
-          getMenuProps = autocompleteHelpers.getMenuProps,
-          isOpen = autocompleteHelpers.isOpen,
-          highlightedIndex = autocompleteHelpers.highlightedIndex;
-      var _this$props3 = _this.props,
-          id = _this$props3.id,
-          name = _this$props3.name,
-          className = _this$props3.className,
-          status = _this$props3.status,
-          disabled = _this$props3.disabled,
-          autoFocus = _this$props3.autoFocus,
-          options = _this$props3.options,
-          value = _this$props3.value,
-          placeholder = _this$props3.placeholder,
-          creatable = _this$props3.creatable,
-          clearable = _this$props3.clearable,
-          noResultsLabel = _this$props3.noResultsLabel,
-          _this$props3$maxResul = _this$props3.maxResults,
-          maxResults = _this$props3$maxResul === void 0 ? AutoComplete.defaultProps.maxResults : _this$props3$maxResul,
-          _this$props3$multiple = _this$props3.multiple,
-          multiple = _this$props3$multiple === void 0 ? AutoComplete.defaultProps.multiple : _this$props3$multiple,
-          _this$props3$createFr = _this$props3.createFromInputValue,
-          createFromInputValue = _this$props3$createFr === void 0 ? AutoComplete.defaultProps.createFromInputValue : _this$props3$createFr,
-          _this$props3$renderOp = _this$props3.renderOption,
-          renderOption = _this$props3$renderOp === void 0 ? AutoComplete.defaultProps.renderOption : _this$props3$renderOp,
-          renderValueTemplate = _this$props3.renderValueTemplate;
-      var _this$state = _this.state,
-          inputFocused = _this$state.inputFocused,
-          inputWidth = _this$state.inputWidth,
-          showAllResults = _this$state.showAllResults;
-
-      var _assertThisInitialize3 = (0, _assertThisInitialized2["default"])(_this),
-          inputValue = _assertThisInitialize3.inputValue;
-
-      var results = options ? filter(options, Array.isArray(value) ? value : [], inputValue) : [];
-      var emptyInputValue = !inputValue || inputValue.trim().length === 0;
-      var hasValue = !!value && (!multiple || value.length > 0);
-      var showClearButton = !disabled && clearable && hasValue;
-      var hasCustomTemplate = !inputFocused && value && renderValueTemplate;
-
-      if (creatable && !emptyInputValue) {
-        results.unshift.apply(results, (0, _toConsumableArray2["default"])(createFromInputValue(options, inputValue)));
-      }
-
-      var inputProps = getInputProps({
-        id: id,
-        name: name,
-        disabled: disabled,
-        className: (0, _classnames["default"])(styles.input, (0, _defineProperty2["default"])({}, styles.hiddenInput, hasCustomTemplate && hasValue)),
-        type: "text",
-        placeholder: placeholder,
-        ref: function ref(input) {
-          return _this.inputRef = input;
-        },
-        onChange: _this.handleInputChange,
-        onFocus: function onFocus() {
-          _this.setState({
-            inputFocused: true
-          });
-
-          if (results.length > 0) {
-            // Doesn't work without the setTimeout :/
-            setTimeout(autocompleteHelpers.openMenu);
-          }
-        },
-        onBlur: _this.handleInputBlur(autocompleteHelpers),
-        onKeyDown: _this.handleKeyDown(autocompleteHelpers),
-        autoFocus: autoFocus
-      });
-
-      if (multiple) {
-        inputProps.placeholderIsMinWidth = true;
-        inputProps.minWidth = 64;
-      }
-
-      var inputWrapperClassName = (0, _classnames["default"])(styles.inputWrapper, (_cx2 = {}, (0, _defineProperty2["default"])(_cx2, styles.focused, inputFocused), (0, _defineProperty2["default"])(_cx2, styles.disabled, disabled), (0, _defineProperty2["default"])(_cx2, styles.multiple, multiple), (0, _defineProperty2["default"])(_cx2, styles.danger, status === "danger"), _cx2));
-      var dropdownStyle = inputWidth ? {
-        width: inputWidth
-      } : undefined;
-      var optionRendererParams = {
-        multiple: multiple,
-        inputValue: inputValue
-      };
-      var extraResults = results.length - maxResults;
-      return React.createElement("div", {
-        className: className
-      }, React.createElement(Popper.Target, {
-        className: inputWrapperClassName,
-        onClick: _this.handleFakeInputClick,
-        innerRef: _this.handleDropdownWidthUpdate
-      }, React.createElement("div", {
-        className: styles.values
-      }, multiple && Array.isArray(value) && value.map(function (option) {
-        return _this.props.renderValueTemplate ? _this.props.renderValueTemplate({
-          option: option,
-          key: String(option.value),
-          editable: !disabled
-        }) : React.createElement(_Chip["default"], {
-          className: styles.optionChip,
-          key: String(option.value),
-          onDelete: function onDelete() {
-            return _this.removeValue(option);
-          },
-          editable: !disabled
-        }, option.label);
-      }), !multiple && hasCustomTemplate && renderValueTemplate && renderValueTemplate({
-        option: value,
-        key: String(value),
-        editable: !disabled
-      }), React.createElement(_reactInputAutosize["default"], inputProps)), showClearButton && React.createElement("button", {
-        type: "button",
-        className: styles.clearButton,
-        onClick: _this.handleClearClick
-      }, "\xD7")), isOpen && (0, _reactDom.createPortal)(React.createElement(Popper.Popper, {
-        placement: "bottom",
-        className: styles.dropdown,
-        style: dropdownStyle,
-        positionFixed: true
-      }, results.length === 0 ? React.createElement("div", (0, _extends2["default"])({
-        className: styles.noResults
-      }, getMenuProps()), noResultsLabel) : React.createElement(_ScrollIndicator["default"], {
-        className: styles.resultsWrapper
-      }, React.createElement("ul", (0, _extends2["default"])({
-        className: styles.results
-      }, getMenuProps()), results.slice(0, showAllResults ? Number.MAX_SAFE_INTEGER : maxResults).map(function (result, index) {
-        var _cx3;
-
-        return React.createElement("li", (0, _extends2["default"])({
-          key: result.value
-        }, getItemProps({
-          item: result,
-          className: (0, _classnames["default"])(styles.result, (_cx3 = {}, (0, _defineProperty2["default"])(_cx3, styles.active, index === highlightedIndex), (0, _defineProperty2["default"])(_cx3, styles.disabled, result.disabled), _cx3))
-        })), renderOption(result, (0, _objectSpread2["default"])({}, optionRendererParams, {
-          highlighted: index === highlightedIndex
-        })));
-      }), extraResults > 0 && !showAllResults && React.createElement("li", {
-        className: styles.moreResults
-      }, React.createElement(_LinkButton["default"], {
-        ref: _this.showAllResultsButtonRef,
-        onClick: _this.handleShowAllResults
-      }, "Show ", (0, _pluralize["default"])(extraResults, "result"), " more"))))), document.body));
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(AutoComplete, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      // Only interested in updating inputValue from props for now
-      // (which should only happen when this.props.multiple === false)
-      if (this.props.multiple) return;
-      var prevPropsInputValue = inputValueFromProps(prevProps);
-      var propsInputValue = inputValueFromProps(this.props);
-      var shouldUpdateInputValueFromProps = prevPropsInputValue !== propsInputValue && this.state.inputValue !== propsInputValue;
-
-      if (shouldUpdateInputValueFromProps) {
-        this.setState({
-          inputValue: propsInputValue
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return React.createElement(Popper.Manager, {
-        style: WRAPPER_STYLE
-      }, React.createElement(_downshift["default"], {
-        inputValue: this.inputValue,
-        onChange: this.handleChange,
-        itemToString: itemToString,
-        defaultHighlightedIndex: 0
-      }, this.renderSelect));
-    }
-  }, {
-    key: "inputValue",
-    get: function get() {
-      return (this.props.inputValue !== undefined ? this.props.inputValue : this.state.inputValue) || "";
-    }
-  }]);
-  return AutoComplete;
-}(React.Component);
-
-exports.AutoComplete = AutoComplete;
-(0, _defineProperty2["default"])(AutoComplete, "defaultProps", {
-  clearable: false,
-  creatable: false,
-  multiple: false,
-  maxResults: 7,
-  noResultsLabel: "No results",
-  createFromInputValue: _utils.defaultCreateFromInputValue,
-  options: [],
-  separatorKeyCodes: [],
-  onBlur: function onBlur() {},
-  renderOption: defaultOptionRenderer
-});
-var _default = AutoComplete;
-exports["default"] = _default;

package/components/AutoComplete/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./AutoComplete";
-export { default } from "./AutoComplete";