@primer/components 0.0.0-2021983515 → 0.0.0-2022530194733

package/lib/hooks/useFocusTrap.js

@@ -18,34 +18,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * that should trap focus.
  * @param settings {FocusTrapHookSettings}
  */
-function useFocusTrap(settings, dependencies = []) {
+function useFocusTrap(settings) {
   const containerRef = (0, _useProvidedRefOrCreate.useProvidedRefOrCreate)(settings === null || settings === void 0 ? void 0 : settings.containerRef);
   const initialFocusRef = (0, _useProvidedRefOrCreate.useProvidedRefOrCreate)(settings === null || settings === void 0 ? void 0 : settings.initialFocusRef);
   const disabled = settings === null || settings === void 0 ? void 0 : settings.disabled;
 
   const abortController = _react.default.useRef();
 
-  const previousFocusedElement = _react.default.useRef(null); // If we are enabling a focus trap and haven't already stored the previously focused element
-  // go ahead an do that so we can restore later when the trap is disabled.
-
-
-  if (!previousFocusedElement.current && !(settings !== null && settings !== void 0 && settings.disabled)) {
-    previousFocusedElement.current = document.activeElement;
-  } // This function removes the event listeners that enable the focus trap and restores focus
-  // to the previously-focused element (if necessary).
-
-
-  function disableTrap() {
-    var _abortController$curr;
-
-    (_abortController$curr = abortController.current) === null || _abortController$curr === void 0 ? void 0 : _abortController$curr.abort();
-
-    if (settings !== null && settings !== void 0 && settings.restoreFocusOnCleanUp && previousFocusedElement.current instanceof HTMLElement) {
-      previousFocusedElement.current.focus();
-      previousFocusedElement.current = null;
-    }
-  }
-
   _react.default.useEffect(() => {
     if (containerRef.current instanceof HTMLElement) {
       if (!disabled) {
@@ -53,14 +32,17 @@ function useFocusTrap(settings, dependencies = []) {
 
         abortController.current = (0, _focusTrap.focusTrap)(containerRef.current, (_initialFocusRef$curr = initialFocusRef.current) !== null && _initialFocusRef$curr !== void 0 ? _initialFocusRef$curr : undefined);
         return () => {
-          disableTrap();
+          var _abortController$curr;
+
+          (_abortController$curr = abortController.current) === null || _abortController$curr === void 0 ? void 0 : _abortController$curr.abort();
         };
       } else {
-        disableTrap();
+        var _abortController$curr2;
+
+        (_abortController$curr2 = abortController.current) === null || _abortController$curr2 === void 0 ? void 0 : _abortController$curr2.abort();
       }
     }
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [containerRef, initialFocusRef, disabled, ...dependencies]);
+  }, [containerRef, initialFocusRef, disabled]);
 
   return {
     containerRef,

package/lib/hooks/useFocusZone.js

@@ -11,16 +11,16 @@ var _focusZone = require("../behaviors/focusZone");
 
 var _useProvidedRefOrCreate = require("./useProvidedRefOrCreate");
 
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 useFocusZone(settings = {}, dependencies = []) {
+function useFocusZone(settings = {}, dependencies) {
   const containerRef = (0, _useProvidedRefOrCreate.useProvidedRefOrCreate)(settings.containerRef);
   const useActiveDescendant = !!settings.activeDescendantFocus;
   const passedActiveDescendantRef = typeof settings.activeDescendantFocus === 'boolean' || !settings.activeDescendantFocus ? undefined : settings.activeDescendantFocus;
   const activeDescendantControlRef = (0, _useProvidedRefOrCreate.useProvidedRefOrCreate)(passedActiveDescendantRef);
-  const disabled = settings.disabled;
+  const disabled = settings === null || settings === void 0 ? void 0 : settings.disabled;
 
   const abortController = _react.default.useRef();
 
@@ -43,9 +43,9 @@ function useFocusZone(settings = {}, dependencies = []) {
 
         (_abortController$curr2 = abortController.current) === null || _abortController$curr2 === void 0 ? void 0 : _abortController$curr2.abort();
       }
-    }
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [disabled, ...dependencies]);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, dependencies !== null && dependencies !== void 0 ? dependencies : []);
   return {
     containerRef,
     activeDescendantControlRef

package/lib/hooks/useMouseIntent.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+/* adapted from: https://github.com/github/github/blob/a959c0d15c29b98c49b881f520c5947fe24eecb9/app/assets/modules/github/behaviors/button-outline.ts */
+const useMouseIntent = () => {
+  (0, _react.useEffect)(() => {
+    let lastActiveElement = null;
+    let currentInputIsMouse = false;
+
+    function setClass() {
+      lastActiveElement = document.activeElement;
+
+      if (document.body) {
+        document.body.classList.toggle('intent-mouse', currentInputIsMouse);
+      }
+    }
+
+    function onKeyDown() {
+      currentInputIsMouse = false;
+    }
+
+    function onMouseDown() {
+      currentInputIsMouse = true;
+      if (lastActiveElement === document.activeElement) setClass();
+    } // Use mousedown event to make sure outline is remove for holding and dragging
+
+
+    document.addEventListener('mousedown', onMouseDown, {
+      capture: true
+    });
+    document.addEventListener('keydown', onKeyDown, {
+      capture: true
+    });
+    document.addEventListener('focusin', setClass, {
+      capture: true
+    });
+    return () => {
+      document.removeEventListener('keydown', onKeyDown, {
+        capture: true
+      });
+      document.removeEventListener('focusin', setClass, {
+        capture: true
+      });
+      document.removeEventListener('mousedown', onMouseDown, {
+        capture: true
+      });
+    };
+  }, []);
+};
+
+var _default = useMouseIntent;
+exports.default = _default;

package/lib/hooks/useOnEscapePress.js

@@ -7,63 +7,20 @@ exports.useOnEscapePress = void 0;
 
 var _react = require("react");
 
-const handlers = [];
-/**
- * Calls all handlers in reverse order
- * @param event The KeyboardEvent generated by the Escape keydown.
- */
-
-function handleEscape(event) {
-  if (event.key === 'Escape' && !event.defaultPrevented) {
-    for (let i = handlers.length - 1; i >= 0; --i) {
-      handlers[i](event); // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-
-      if (event.defaultPrevented) {
-        break;
-      }
+const useOnEscapePress = ({
+  onEscape
+}) => {
+  const handleEscape = (0, _react.useCallback)(e => {
+    if (e.key === 'Escape' && !e.defaultPrevented) {
+      onEscape(e);
     }
-  }
-}
-/**
- * Sets up a `keydown` listener on `window.document`. If
- * 1) The pressed key is "Escape", and
- * 2) The event has not had `.preventDefault()` called
- * The given callback will be executed.
- *
- * Note: If multiple `useOnEscapePress` hooks are active simultaneously, the
- * callbacks will occur in reverse order. In other words, if a parent component
- * and a child component both call `useOnEscapePress`, when the user presses
- * Escape, the child component's callback will execute, followed by the parent's
- * callback. Each callback has the chance to call `.preventDefault()` on the
- * event to prevent further callbacks.
- *
- * @param callback {(e: KeyboardEvent) => void} The callback that gets executed
- * when the Escape key is pressed. The KeyboardEvent generated by the Escape
- * keypress is passed as the only argument.
- *
- * @param callbackDependencies {React.DependencyList} The dependencies of the given
- * `onEscape` callback for memoization. Omit this param if the callback is already
- * memoized. See `React.useCallback` for more info on memoization.
- */
-
-
-const useOnEscapePress = (onEscape, callbackDependencies = [onEscape]) => {
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const escapeCallback = (0, _react.useCallback)(onEscape, callbackDependencies);
+  }, [onEscape]);
   (0, _react.useEffect)(() => {
-    if (handlers.length === 0) {
-      document.addEventListener('keydown', handleEscape);
-    }
-
-    handlers.push(escapeCallback);
+    document.addEventListener('keydown', handleEscape);
     return () => {
-      handlers.splice(handlers.findIndex(h => h === escapeCallback), 1);
-
-      if (handlers.length === 0) {
-        document.removeEventListener('keydown', handleEscape);
-      }
+      document.removeEventListener('keydown', handleEscape);
     };
-  }, [escapeCallback]);
+  }, [handleEscape]);
 };
 
 exports.useOnEscapePress = useOnEscapePress;

package/lib/hooks/useOnOutsideClick.js

@@ -7,84 +7,57 @@ exports.useOnOutsideClick = void 0;
 
 var _react = require("react");
 
-// Because events are handled at the document level, we provide a mechanism for early return.
-const stopPropagation = true;
-/**
- * Calls all handlers in reverse order
- * @param event The MouseEvent generated by the click event.
- */
+const shouldCallClickHandler = ({
+  ignoreClickRefs,
+  containerRef,
+  e
+}) => {
+  var _containerRef$current;
 
-function handleClick(event) {
-  if (!event.defaultPrevented) {
-    for (const handler of Object.values(registry).reverse()) {
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      if (handler(event) === stopPropagation || event.defaultPrevented) {
-        break;
-      }
-    }
-  }
-}
+  let shouldCallHandler = true; // don't call click handler if the mouse event was triggered by an auxiliary button (right click/wheel button/etc)
 
-const registry = {};
+  if (e instanceof MouseEvent && e.button > 0) {
+    shouldCallHandler = false;
+  } // don't call handler if the click happened inside of the container
 
-function register(id, handler) {
-  registry[id] = handler;
-}
 
-function deregister(id) {
-  delete registry[id];
-} // For auto-incrementing unique identifiers for registered handlers.
+  if ((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(e.target)) {
+    shouldCallHandler = false; // don't call handler if click happened on an ignored ref
+  } else if (ignoreClickRefs) {
+    for (const ignoreRef of ignoreClickRefs) {
+      var _ignoreRef$current;
 
+      if (ignoreRef && (_ignoreRef$current = ignoreRef.current) !== null && _ignoreRef$current !== void 0 && _ignoreRef$current.contains(e.target)) {
+        shouldCallHandler = false; // if we encounter one, break early, we don't need to go through the rest
 
-let handlerId = 0;
+        break;
+      }
+    }
+  }
+
+  return shouldCallHandler;
+};
 
 const useOnOutsideClick = ({
   containerRef,
   ignoreClickRefs,
   onClickOutside
 }) => {
-  const id = (0, _react.useMemo)(() => handlerId++, []);
-  const handler = (0, _react.useCallback)(event => {
-    var _containerRef$current;
-
-    // don't call click handler if the mouse event was triggered by an auxiliary button (right click/wheel button/etc)
-    if (event instanceof MouseEvent && event.button > 0) {
-      return stopPropagation;
-    } // don't call handler if the click happened inside of the container
-
-
-    if ((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(event.target)) {
-      return stopPropagation;
-    } // don't call handler if click happened on an ignored ref
-
-
-    if (ignoreClickRefs && ignoreClickRefs.some(({
-      current
-    }) => current === null || current === void 0 ? void 0 : current.contains(event.target))) {
-      return stopPropagation;
+  const onOutsideClickInternal = (0, _react.useCallback)(e => {
+    if (shouldCallClickHandler({
+      ignoreClickRefs,
+      containerRef,
+      e
+    })) {
+      onClickOutside(e);
     }
-
-    onClickOutside(event);
-  }, [containerRef, ignoreClickRefs, onClickOutside]);
+  }, [onClickOutside, containerRef, ignoreClickRefs]);
   (0, _react.useEffect)(() => {
-    if (Object.keys(registry).length === 0) {
-      // use capture to ensure we get all events
-      document.addEventListener('mousedown', handleClick, {
-        capture: true
-      });
-    }
-
-    register(id, handler);
+    document.addEventListener('click', onOutsideClickInternal);
     return () => {
-      deregister(id);
-
-      if (Object.keys(registry).length === 0) {
-        document.removeEventListener('mousedown', handleClick, {
-          capture: true
-        });
-      }
+      document.removeEventListener('click', onOutsideClickInternal);
     };
-  }, [id, handler]);
+  }, [onOutsideClickInternal]);
 };
 
 exports.useOnOutsideClick = useOnOutsideClick;

package/lib/hooks/useOpenAndCloseFocus.js

@@ -12,19 +12,14 @@ var _iterateFocusableElements = require("../utils/iterateFocusableElements");
 function useOpenAndCloseFocus({
   initialFocusRef,
   returnFocusRef,
-  containerRef,
-  preventFocusOnOpen
+  containerRef
 }) {
   (0, _react.useEffect)(() => {
-    if (preventFocusOnOpen) {
-      return;
-    }
-
     const returnRef = returnFocusRef.current;
 
     if (initialFocusRef && initialFocusRef.current) {
       initialFocusRef.current.focus();
-    } else if (containerRef.current) {
+    } else if (containerRef && containerRef.current) {
       const firstItem = (0, _iterateFocusableElements.iterateFocusableElements)(containerRef.current).next().value;
       firstItem === null || firstItem === void 0 ? void 0 : firstItem.focus();
     }
@@ -32,5 +27,5 @@ function useOpenAndCloseFocus({
     return function () {
       returnRef === null || returnRef === void 0 ? void 0 : returnRef.focus();
     };
-  }, [initialFocusRef, returnFocusRef, containerRef, preventFocusOnOpen]);
+  }, [initialFocusRef, returnFocusRef, containerRef]);
 }

package/lib/hooks/useOverlay.js

@@ -11,32 +11,42 @@ var _useOpenAndCloseFocus = require("./useOpenAndCloseFocus");
 
 var _useOnEscapePress = require("./useOnEscapePress");
 
-var _useProvidedRefOrCreate = require("./useProvidedRefOrCreate");
+var _useAnchoredPosition = require("./useAnchoredPosition");
+
+var _react = require("react");
 
 const useOverlay = ({
-  overlayRef: _overlayRef,
+  anchorRef,
+  positionSettings = {},
+  positionDeps,
   returnFocusRef,
   initialFocusRef,
   onEscape,
   ignoreClickRefs,
-  onClickOutside,
-  preventFocusOnOpen
+  onClickOutside
 }) => {
-  const overlayRef = (0, _useProvidedRefOrCreate.useProvidedRefOrCreate)(_overlayRef);
+  const overlayRef = (0, _react.useRef)(null);
+  positionSettings.anchorElementRef = anchorRef;
+  positionSettings.floatingElementRef = overlayRef;
   (0, _useOpenAndCloseFocus.useOpenAndCloseFocus)({
     containerRef: overlayRef,
     returnFocusRef,
-    initialFocusRef,
-    preventFocusOnOpen
+    initialFocusRef
   });
   (0, _useOnOutsideClick.useOnOutsideClick)({
     containerRef: overlayRef,
     ignoreClickRefs,
     onClickOutside
   });
-  (0, _useOnEscapePress.useOnEscapePress)(onEscape);
+  (0, _useOnEscapePress.useOnEscapePress)({
+    onEscape
+  });
+  const {
+    position
+  } = (0, _useAnchoredPosition.useAnchoredPosition)(positionSettings, positionDeps);
   return {
-    ref: overlayRef
+    ref: overlayRef,
+    position
   };
 };
 

package/lib/hooks/useSafeTimeout.js

@@ -25,7 +25,6 @@ function useSafeTimeout() {
   }, []);
   (0, _react.useEffect)(() => {
     return () => {
-      // eslint-disable-next-line react-hooks/exhaustive-deps
       for (const id of timers.current) {
         clearTimeout(id);
       }

package/lib/index.js

@@ -99,6 +99,12 @@ Object.defineProperty(exports, "useDetails", {
     return _useDetails.default;
   }
 });
+Object.defineProperty(exports, "useMouseIntent", {
+  enumerable: true,
+  get: function () {
+    return _useMouseIntent.default;
+  }
+});
 Object.defineProperty(exports, "useSafeTimeout", {
   enumerable: true,
   get: function () {
@@ -129,36 +135,6 @@ Object.defineProperty(exports, "useOverlay", {
     return _useOverlay.useOverlay;
   }
 });
-Object.defineProperty(exports, "useConfirm", {
-  enumerable: true,
-  get: function () {
-    return _ConfirmationDialog.useConfirm;
-  }
-});
-Object.defineProperty(exports, "ConfirmationDialog", {
-  enumerable: true,
-  get: function () {
-    return _ConfirmationDialog.ConfirmationDialog;
-  }
-});
-Object.defineProperty(exports, "ActionList", {
-  enumerable: true,
-  get: function () {
-    return _ActionList.ActionList;
-  }
-});
-Object.defineProperty(exports, "ActionMenu", {
-  enumerable: true,
-  get: function () {
-    return _ActionMenu.ActionMenu;
-  }
-});
-Object.defineProperty(exports, "Autocomplete", {
-  enumerable: true,
-  get: function () {
-    return _Autocomplete.default;
-  }
-});
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
   get: function () {
@@ -183,16 +159,10 @@ Object.defineProperty(exports, "BranchName", {
     return _BranchName.default;
   }
 });
-Object.defineProperty(exports, "Breadcrumbs", {
-  enumerable: true,
-  get: function () {
-    return _Breadcrumbs.default;
-  }
-});
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
   get: function () {
-    return _Breadcrumbs.Breadcrumb;
+    return _Breadcrumb.default;
   }
 });
 Object.defineProperty(exports, "Button", {
@@ -285,18 +255,6 @@ Object.defineProperty(exports, "Dropdown", {
     return _Dropdown.default;
   }
 });
-Object.defineProperty(exports, "DropdownButton", {
-  enumerable: true,
-  get: function () {
-    return _DropdownMenu.DropdownButton;
-  }
-});
-Object.defineProperty(exports, "DropdownMenu", {
-  enumerable: true,
-  get: function () {
-    return _DropdownMenu.DropdownMenu;
-  }
-});
 Object.defineProperty(exports, "FilteredSearch", {
   enumerable: true,
   get: function () {
@@ -399,12 +357,6 @@ Object.defineProperty(exports, "SideNav", {
     return _SideNav.default;
   }
 });
-Object.defineProperty(exports, "Spinner", {
-  enumerable: true,
-  get: function () {
-    return _Spinner.default;
-  }
-});
 Object.defineProperty(exports, "StateLabel", {
   enumerable: true,
   get: function () {
@@ -435,12 +387,6 @@ Object.defineProperty(exports, "TextInput", {
     return _TextInput.default;
   }
 });
-Object.defineProperty(exports, "TextInputWithTokens", {
-  enumerable: true,
-  get: function () {
-    return _TextInputWithTokens.default;
-  }
-});
 Object.defineProperty(exports, "Text", {
   enumerable: true,
   get: function () {
@@ -453,24 +399,6 @@ Object.defineProperty(exports, "Timeline", {
     return _Timeline.default;
   }
 });
-Object.defineProperty(exports, "Token", {
-  enumerable: true,
-  get: function () {
-    return _Token.default;
-  }
-});
-Object.defineProperty(exports, "IssueLabelToken", {
-  enumerable: true,
-  get: function () {
-    return _Token.IssueLabelToken;
-  }
-});
-Object.defineProperty(exports, "ProfileToken", {
-  enumerable: true,
-  get: function () {
-    return _Token.ProfileToken;
-  }
-});
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () {
@@ -489,18 +417,6 @@ Object.defineProperty(exports, "UnderlineNav", {
     return _UnderlineNav.default;
   }
 });
-Object.defineProperty(exports, "SSRProvider", {
-  enumerable: true,
-  get: function () {
-    return _ssr.SSRProvider;
-  }
-});
-Object.defineProperty(exports, "useSSRSafeId", {
-  enumerable: true,
-  get: function () {
-    return _ssr.useSSRSafeId;
-  }
-});
 
 var _theme = _interopRequireDefault(require("./theme"));
 
@@ -522,6 +438,8 @@ var _Position = _interopRequireWildcard(require("./Position"));
 
 var _useDetails = _interopRequireDefault(require("./hooks/useDetails"));
 
+var _useMouseIntent = _interopRequireDefault(require("./hooks/useMouseIntent"));
+
 var _useSafeTimeout = _interopRequireDefault(require("./hooks/useSafeTimeout"));
 
 var _useOnOutsideClick = require("./hooks/useOnOutsideClick");
@@ -532,14 +450,6 @@ var _useOnEscapePress = require("./hooks/useOnEscapePress");
 
 var _useOverlay = require("./hooks/useOverlay");
 
-var _ConfirmationDialog = require("./Dialog/ConfirmationDialog");
-
-var _ActionList = require("./ActionList");
-
-var _ActionMenu = require("./ActionMenu");
-
-var _Autocomplete = _interopRequireDefault(require("./Autocomplete"));
-
 var _Avatar = _interopRequireDefault(require("./Avatar"));
 
 var _AvatarPair = _interopRequireDefault(require("./AvatarPair"));
@@ -548,7 +458,7 @@ var _AvatarStack = _interopRequireDefault(require("./AvatarStack"));
 
 var _BranchName = _interopRequireDefault(require("./BranchName"));
 
-var _Breadcrumbs = _interopRequireWildcard(require("./Breadcrumbs"));
+var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
 
 var _Button = _interopRequireWildcard(require("./Button"));
 
@@ -566,8 +476,6 @@ var _Dialog = _interopRequireDefault(require("./Dialog"));
 
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
 
-var _DropdownMenu = require("./DropdownMenu");
-
 var _FilteredSearch = _interopRequireDefault(require("./FilteredSearch"));
 
 var _FilterList = _interopRequireDefault(require("./FilterList"));
@@ -602,8 +510,6 @@ var _SelectMenu = _interopRequireDefault(require("./SelectMenu"));
 
 var _SideNav = _interopRequireDefault(require("./SideNav"));
 
-var _Spinner = _interopRequireDefault(require("./Spinner"));
-
 var _StateLabel = _interopRequireDefault(require("./StateLabel"));
 
 var _StyledOcticon = _interopRequireDefault(require("./StyledOcticon"));
@@ -614,24 +520,18 @@ var _TabNav = _interopRequireDefault(require("./TabNav"));
 
 var _TextInput = _interopRequireDefault(require("./TextInput"));
 
-var _TextInputWithTokens = _interopRequireDefault(require("./TextInputWithTokens"));
-
 var _Text = _interopRequireDefault(require("./Text"));
 
 var _Timeline = _interopRequireDefault(require("./Timeline"));
 
-var _Token = _interopRequireWildcard(require("./Token"));
-
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 
 var _Truncate = _interopRequireDefault(require("./Truncate"));
 
 var _UnderlineNav = _interopRequireDefault(require("./UnderlineNav"));
 
-var _ssr = require("./utils/ssr");
-
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }