@sproutsocial/racine 25.11.0 → 26.0.0

package/commonjs/Menu/index.js

@@ -1,63 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Menu: true,
-  MenuButton: true
-};
-Object.defineProperty(exports, "Menu", {
-  enumerable: true,
-  get: function get() {
-    return _Menu.default;
-  }
-});
-Object.defineProperty(exports, "MenuButton", {
-  enumerable: true,
-  get: function get() {
-    return _Menu.MenuButton;
-  }
-});
-exports.default = void 0;
-var _Menu = _interopRequireWildcard(require("./Menu"));
-var _MenuTypes = require("./MenuTypes");
-Object.keys(_MenuTypes).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _MenuTypes[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MenuTypes[key];
-    }
-  });
-});
-var _styles = require("./styles");
-Object.keys(_styles).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _styles[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _styles[key];
-    }
-  });
-});
-var _utils = require("./utils");
-Object.keys(_utils).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _utils[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _utils[key];
-    }
-  });
-});
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var _default = exports.default = _Menu.default;

package/commonjs/Menu/styles.js

@@ -1,62 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuItemsContainer = exports.MenuItemContainer = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
-var _seedsReactBox = _interopRequireDefault(require("@sproutsocial/seeds-react-box"));
-var _seedsReactSwitch = require("@sproutsocial/seeds-react-switch");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var MenuItemContainer = exports.MenuItemContainer = (0, _styledComponents.default)(_seedsReactBox.default).withConfig({
-  displayName: "styles__MenuItemContainer",
-  componentId: "sc-168zlb1-0"
-})(["", ";width:100%;border-radius:", ";background-color:", ";border:none;text-align:left;color:", ";font-family:", ";font-weight:", ";padding:", ";list-style-type:none;outline:0;", ";", " ", " ", "{", "}", " ", " ", ""], function (props) {
-  return !props.hidden && (0, _styledComponents.css)(["display:block;"]);
-}, function (props) {
-  return props.theme.radii[500];
-}, function (props) {
-  return props.theme.colors.listItem.background.base;
-}, function (props) {
-  return props.theme.colors.text.body;
-}, function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.fontWeights.normal;
-}, function (props) {
-  return "6px ".concat(props.theme.space[300]);
-}, function (props) {
-  return (0, _styledComponents.css)(["", ";"], props.theme.typography[200]);
-}, function (props) {
-  return props.selected && !props.isCheckboxOrRadio && (0, _styledComponents.css)(["font-weight:", ";"], function (props) {
-    return props.theme.fontWeights.semibold;
-  });
-}, function (props) {
-  return props.active && !props.disabled && (0, _styledComponents.css)(["color:", ";background-color:", ";.Icon-svg{color:", ";}"], function (props) {
-    return props.theme.colors.text.inverse;
-  }, props.theme.colors.listItem.background.selected, function (props) {
-    return props.theme.colors.text.inverse;
-  });
-}, _seedsReactSwitch.StyledSwitchButton, function (props) {
-  return props.active && !props.disabled && (0, _styledComponents.css)(["border-color:", ";"], function (props) {
-    return props.theme.colors.container.border.base;
-  });
-}, function (props) {
-  return !props.disabled && (0, _styledComponents.css)(["&:focus,&:hover{color:", ";background-color:", ";.Icon-svg{color:unset;}}"], function (props) {
-    return props.theme.colors.text.body;
-  }, function (props) {
-    return props.theme.colors.listItem.background.hover;
-  });
-}, function (props) {
-  return props.interactive && !props.disabled ? (0, _styledComponents.css)(["&:hover{cursor:pointer;}"]) : (0, _styledComponents.css)(["&:hover{cursor:default;}"]);
-}, function (props) {
-  return props.disabled && _seedsReactMixins.disabled;
-});
-var MenuItemsContainer = exports.MenuItemsContainer = (0, _styledComponents.default)(_seedsReactBox.default).withConfig({
-  displayName: "styles__MenuItemsContainer",
-  componentId: "sc-168zlb1-1"
-})(["list-style-type:none;&:focus{", "}& > div[role=\"group\"]:first-of-type{border-top:none;}"], _seedsReactMixins.focusRing);

package/commonjs/Menu/utils/constants.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MENU_ROLES = exports.MENU_ITEM_ROLES = void 0;
-var MENU_ROLES = exports.MENU_ROLES = Object.freeze({
-  MENU: "menu",
-  LIST: "list",
-  LISTBOX: "listbox"
-});
-var MENU_ITEM_ROLES = exports.MENU_ITEM_ROLES = Object.freeze({
-  MENUITEM: "menuitem",
-  LISTITEM: "listitem",
-  OPTION: "option",
-  RADIO: "menuitemradio",
-  CHECKBOX: "menuitemcheckbox"
-});

package/commonjs/Menu/utils/descendants.js

@@ -1,351 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DescendantProvider = DescendantProvider;
-exports.canUseDOM = canUseDOM;
-exports.createDescendantContext = createDescendantContext;
-exports.createNamedContext = createNamedContext;
-exports.useDescendant = useDescendant;
-exports.useDescendantKeyDown = useDescendantKeyDown;
-exports.useDescendants = useDescendants;
-exports.usePrevious = usePrevious;
-exports.wrapEvent = wrapEvent;
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["context", "element"],
-  _excluded2 = ["element"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable */ /**
- * These hooks and utilities are largely copied from the @reach-ui/descendents package. They consider the package
- * pre-release and unstable, so instead of importing it, we copied it here and changed the types from TypeScript to
- * Flow. If the package ever stabilizes, we can import these functions from there and remove this file.
- */
-var noop = function noop() {};
-
-/**
- * Returns the previous value of a reference after a component update.
- *
- * @param value
- */
-function usePrevious(value) {
-  var ref = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
-}
-
-/**
- * Wraps a lib-defined event handler and a user-defined event handler, returning
- * a single handler that allows a user to prevent lib-defined handlers from
- * firing.
- *
- * @param theirHandler User-supplied event handler
- * @param ourHandler Library-supplied event handler
- */
-function wrapEvent(theirHandler, ourHandler) {
-  return function (event) {
-    theirHandler && theirHandler(event);
-    if (!event.defaultPrevented) {
-      return ourHandler(event);
-    }
-  };
-}
-function canUseDOM() {
-  return typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
-}
-var useIsomorphicLayoutEffect = canUseDOM() ? _react.useLayoutEffect : _react.useEffect;
-function createNamedContext(name, defaultValue) {
-  var Ctx = /*#__PURE__*/(0, _react.createContext)(defaultValue);
-  Ctx.displayName = name;
-  return Ctx;
-}
-function createDescendantContext(name) {
-  var initialValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    descendants: [],
-    registerDescendant: noop,
-    unregisterDescendant: noop
-  };
-  return createNamedContext(name, _objectSpread({}, initialValue));
-}
-
-/**
- * This hook registers our descendant by passing it into an array. We can then
- * search that array by to find its index when registering it in the component.
- * We use this for focus management, keyboard navigation, and typeahead
- * functionality for some components.
- *
- * The hook accepts the element node and (optionally) a key. The key is useful
- * if multiple descendants have identical text values and we need to
- * differentiate siblings for some reason.
- *
- * Our main goals with this are:
- *   1) maximum composability,
- *   2) minimal API friction
- *   3) SSR compatibility*
- *   4) concurrent safe
- *   5) index always up-to-date with the tree despite changes
- *   6) works with memoization of any component in the tree (hopefully)
- *
- * * As for SSR, the good news is that we don't actually need the index on the
- * server for most use-cases, as we are only using it to determine the order of
- * composed descendants for keyboard navigation. However, in the few cases where
- * this is not the case, we can require an explicit index from the app.
- */
-function useDescendant(_ref, indexProp) {
-  var context = _ref.context,
-    element = _ref.element,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    forceUpdate = _useState2[1];
-  var _useContext = (0, _react.useContext)(context),
-    registerDescendant = _useContext.registerDescendant,
-    unregisterDescendant = _useContext.unregisterDescendant,
-    descendants = _useContext.descendants;
-  // Prevent any flashing
-  useIsomorphicLayoutEffect(function () {
-    if (!element) forceUpdate({});
-    registerDescendant(_objectSpread({
-      element: element
-    }, rest));
-    return function () {
-      return unregisterDescendant(element);
-    };
-  }, [element].concat(_toConsumableArray(Object.values(rest))));
-  return indexProp ? indexProp : descendants.findIndex(function (item) {
-    return item.element === element;
-  });
-}
-function useDescendants() {
-  return (0, _react.useState)([]);
-}
-function DescendantProvider(_ref2) {
-  var Ctx = _ref2.context,
-    children = _ref2.children,
-    items = _ref2.items,
-    set = _ref2.set;
-  var registerDescendant = (0, _react.useCallback)(function (_ref3) {
-    var element = _ref3.element,
-      rest = _objectWithoutProperties(_ref3, _excluded2);
-    if (!element) {
-      return;
-    }
-    set(function (items) {
-      var newItem;
-      var newItems;
-
-      // If there are no items, register at index 0 and bail.
-      if (items.length === 0) {
-        newItem = _objectSpread({
-          element: element,
-          index: 0
-        }, rest);
-        newItems = [].concat(_toConsumableArray(items), [newItem]);
-      } else if (items.find(function (item) {
-        return item.element === element;
-      })) {
-        // If the element is already registered, just use the same array
-        newItems = items;
-      } else {
-        // When registering a descendant, we need to make sure we insert in
-        // into the array in the same order that it appears in the DOM. So as
-        // new descendants are added or maybe some are removed, we always know
-        // that the array is up-to-date and correct.
-        //
-        // So here we look at our registered descendants and see if the new
-        // element we are adding appears earlier than an existing descendant's
-        // DOM node via `node.compareDocumentPosition`. If it does, we insert
-        // the new element at this index. Because `registerDescendant` will be
-        // called in an effect every time the descendants state value changes,
-        // we should be sure that this index is accurate when descendent
-        // elements come or go from our component.
-        var index = items.findIndex(function (item) {
-          if (!item.element || !element) {
-            return false;
-          }
-
-          // Does this element's DOM node appear before another item in the
-          // array in our DOM tree? If so, return true to grab the index at
-          // this point in the array so we know where to insert the new
-          // element.
-          return Boolean(item.element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING);
-        });
-        newItem = _objectSpread({
-          element: element,
-          index: index
-        }, rest);
-
-        // If an index is not found we will push the element to the end.
-        if (index === -1) {
-          newItems = [].concat(_toConsumableArray(items), [newItem]);
-        } else {
-          newItems = [].concat(_toConsumableArray(items.slice(0, index)), [newItem], _toConsumableArray(items.slice(index)));
-        }
-      }
-      return newItems.map(function (item, index) {
-        return _objectSpread(_objectSpread({}, item), {}, {
-          index: index
-        });
-      });
-    });
-  },
-  // set is a state setter initialized by the useDescendants hook.
-  // We can safely ignore the lint warning here because it will not change
-  // between renders.
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  []);
-  var unregisterDescendant = (0, _react.useCallback)(function (element) {
-    if (!element) {
-      return;
-    }
-    set(function (items) {
-      return items.filter(function (item) {
-        return element !== item.element;
-      }).map(function (item, index) {
-        return _objectSpread(_objectSpread({}, item), {}, {
-          index: index
-        });
-      });
-    });
-  },
-  // set is a state setter initialized by the useDescendants hook.
-  // We can safely ignore the lint warning here because it will not change
-  // between renders.
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  []);
-  var value = (0, _react.useMemo)(function () {
-    return {
-      descendants: items,
-      registerDescendant: registerDescendant,
-      unregisterDescendant: unregisterDescendant
-    };
-  }, [items, registerDescendant, unregisterDescendant]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ctx.Provider, {
-    value: value,
-    children: children
-  });
-}
-function useDescendantKeyDown(context, options) {
-  var _useContext2 = (0, _react.useContext)(context),
-    descendants = _useContext2.descendants;
-  var callback = options.callback,
-    currentIndex = options.currentIndex,
-    filter = options.filter,
-    _options$key = options.key,
-    key = _options$key === void 0 ? "index" : _options$key,
-    _options$orientation = options.orientation,
-    orientation = _options$orientation === void 0 ? "vertical" : _options$orientation,
-    _options$rotate = options.rotate,
-    rotate = _options$rotate === void 0 ? true : _options$rotate,
-    _options$rtl = options.rtl,
-    rtl = _options$rtl === void 0 ? false : _options$rtl;
-  var index = currentIndex ? currentIndex : -1;
-  return function handleKeyDown(event) {
-    if (!["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"].includes(event.key)) {
-      return;
-    }
-
-    // If we use a filter function, we need to re-index our descendants array
-    // so that filtered descendent elements aren't selected.
-    var selectableDescendants = filter ? descendants.filter(filter) : descendants;
-
-    // Current index should map to the updated array vs. the original
-    // descendants array.
-    if (filter) {
-      index = selectableDescendants.findIndex(function (descendant) {
-        return descendant.index === currentIndex;
-      });
-    }
-
-    // We need some options for any of this to work!
-    if (!selectableDescendants.length) {
-      return;
-    }
-    function getNextOption() {
-      var atBottom = index === selectableDescendants.length - 1;
-      return atBottom ? rotate ? getFirstOption() : selectableDescendants[index] : selectableDescendants[(index + 1) % selectableDescendants.length];
-    }
-    function getPreviousOption() {
-      var atTop = index === 0;
-      return atTop ? rotate ? getLastOption() : selectableDescendants[index] : selectableDescendants[(index - 1 + selectableDescendants.length) % selectableDescendants.length];
-    }
-    function getFirstOption() {
-      return selectableDescendants[0];
-    }
-    function getLastOption() {
-      return selectableDescendants[selectableDescendants.length - 1];
-    }
-    switch (event.key) {
-      case "ArrowDown":
-        if (orientation === "vertical" || orientation === "both") {
-          event.preventDefault();
-          var next = getNextOption(); // @ts-notes: sincerely dont understand the intent of the original library here, since the supposed reference has been completely refactored
-          callback(key === "option" ? next : next[key]);
-        }
-        break;
-      case "ArrowUp":
-        if (orientation === "vertical" || orientation === "both") {
-          event.preventDefault();
-          var prev = getPreviousOption();
-          callback(key === "option" ? prev : prev[key]);
-        }
-        break;
-      case "ArrowLeft":
-        if (orientation === "horizontal" || orientation === "both") {
-          event.preventDefault();
-          var nextOrPrev = (rtl ? getNextOption : getPreviousOption)();
-          callback(key === "option" ? nextOrPrev : nextOrPrev[key]);
-        }
-        break;
-      case "ArrowRight":
-        if (orientation === "horizontal" || orientation === "both") {
-          event.preventDefault();
-          var prevOrNext = (rtl ? getPreviousOption : getNextOption)();
-          callback(key === "option" ? prevOrNext : prevOrNext[key]);
-        }
-        break;
-      case "PageUp":
-        event.preventDefault();
-        var prevOrFirst = (event.ctrlKey ? getPreviousOption : getFirstOption)();
-        callback(key === "option" ? prevOrFirst : prevOrFirst[key]);
-        break;
-      case "Home":
-        event.preventDefault();
-        var first = getFirstOption();
-        callback(key === "option" ? first : first[key]);
-        break;
-      case "PageDown":
-        event.preventDefault();
-        var nextOrLast = (event.ctrlKey ? getNextOption : getLastOption)();
-        callback(key === "option" ? nextOrLast : nextOrLast[key]);
-        break;
-      case "End":
-        event.preventDefault();
-        var last = getLastOption();
-        callback(key === "option" ? last : last[key]);
-        break;
-    }
-  };
-}

package/commonjs/Menu/utils/hooks.js

@@ -1,176 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuDescendantContext = exports.MenuContext = exports.MenuButtonContext = void 0;
-exports.useMenuKeyDown = useMenuKeyDown;
-var _react = require("react");
-var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
-var _constants = require("./constants");
-var _descendants = require("./descendants");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// eslint-disable @typescript-eslint/no-explicit-any
-
-var MenuContext = exports.MenuContext = /*#__PURE__*/(0, _react.createContext)({
-  role: _constants.MENU_ROLES.MENU,
-  menuRef: {
-    current: null
-  },
-  value: undefined,
-  multiselect: false,
-  onChange: undefined,
-  state: {
-    selectionIndex: 0,
-    filterQuery: "",
-    filteredItems: null,
-    isFilterInputFocused: false,
-    isFooterFocused: false
-  },
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  setState: function setState() {},
-  selectCallbacks: {
-    current: []
-  }
-});
-var MenuButtonContext = exports.MenuButtonContext = /*#__PURE__*/(0, _react.createContext)({
-  closeOnItemClick: undefined,
-  closePopout: undefined
-});
-var MenuDescendantContext = exports.MenuDescendantContext = (0, _descendants.createDescendantContext)("MenuDescendantContext");
-
-/**
- * When a user's typed input matches the string displayed in a menu item, it is
- * expected that the matching menu item is selected. This is our matching
- * function.
- */
-function filterItemsFromTypeahead(items) {
-  var string = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-  if (!string) {
-    return null;
-  }
-  return items.filter(function (_ref) {
-    var value = _ref.value,
-      label = _ref.label;
-    return (value === null || value === void 0 ? void 0 : value.toLowerCase().includes(string.toLocaleLowerCase())) || (label === null || label === void 0 ? void 0 : label.toLowerCase().includes(string.toLocaleLowerCase()));
-  }).map(function (_ref2) {
-    var index = _ref2.index;
-    return index;
-  });
-}
-function useMenuKeyDown() {
-  var _useContext = (0, _react.useContext)(MenuContext),
-    onChange = _useContext.onChange,
-    selectCallbacks = _useContext.selectCallbacks,
-    setState = _useContext.setState,
-    multiselect = _useContext.multiselect,
-    _useContext$state = _useContext.state,
-    filterQuery = _useContext$state.filterQuery,
-    selectionIndex = _useContext$state.selectionIndex,
-    filteredItems = _useContext$state.filteredItems,
-    isFilterInputFocused = _useContext$state.isFilterInputFocused,
-    isFooterFocused = _useContext$state.isFooterFocused;
-  var _useContext2 = (0, _react.useContext)(MenuButtonContext),
-    closePopout = _useContext2.closePopout,
-    closeOnItemClick = _useContext2.closeOnItemClick;
-  var _useContext3 = (0, _react.useContext)(MenuDescendantContext),
-    items = _useContext3.descendants;
-  var shouldClosePopout = closeOnItemClick && !multiselect;
-  var prevMenuItemsLength = (0, _descendants.usePrevious)(items.length);
-  var prevSelected = (0, _descendants.usePrevious)(items[selectionIndex]);
-  var prevSelectionIndex = (0, _descendants.usePrevious)(selectionIndex);
-  (0, _react.useEffect)(function () {
-    if (items.length && selectionIndex > items.length - 1) {
-      // If for some reason our selection index is larger than our possible
-      // index range (let's say the last item is selected and the list
-      // dynamically updates), we need to select the last item in the list.
-      setState({
-        selectionIndex: items.length - 1
-      });
-    } else if (
-    // Checks if
-    //  - menu length has changed
-    //  - selection index has not changed BUT selected item has changed
-    //
-    // This prevents any dynamic adding/removing of menu items from actually
-    // changing a user's expected selection.
-    prevMenuItemsLength !== items.length && selectionIndex > -1 && prevSelected && prevSelectionIndex === selectionIndex && items[selectionIndex] !== prevSelected) {
-      setState({
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore I'm just going to ignore this one because its really hard to estimate where this stuff is coming from at any given time
-        selectionIndex: items.findIndex(function (i) {
-          return i.index === prevSelected.index;
-        })
-      });
-    }
-  }, [setState, items, prevMenuItemsLength, prevSelected, prevSelectionIndex, selectionIndex]);
-  (0, _react.useEffect)(function () {
-    var newFilteredItems = filterItemsFromTypeahead(items, filterQuery);
-    if (filterQuery && newFilteredItems && (filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.length) !== (newFilteredItems === null || newFilteredItems === void 0 ? void 0 : newFilteredItems.length)) {
-      setState({
-        filteredItems: newFilteredItems,
-        selectionIndex: newFilteredItems[0]
-      });
-    } else if (!filterQuery && filteredItems !== null) {
-      setState({
-        filteredItems: null
-      });
-    }
-  }, [filterQuery, items, setState, filteredItems]);
-  var index = items.findIndex(function (_ref3) {
-    var index = _ref3.index;
-    return index === selectionIndex;
-  });
-  return {
-    activeDescendent: items[selectionIndex],
-    handleKeyDown: (0, _descendants.wrapEvent)(function (event) {
-      var key = event.key;
-      // Do not trigger key events for the selected item if the footer is focused
-      if (isFooterFocused) {
-        return;
-      }
-      switch (key) {
-        case " ":
-          if (isFilterInputFocused) {
-            return;
-          }
-
-        // falls through
-        // eslint-disable-next-line no-fallthrough
-        case "Enter":
-          var selected = items[selectionIndex];
-          if (selected && !selected.disabled) {
-            event.preventDefault();
-            var func = selectCallbacks.current[selected.index];
-            (func === null || func === void 0 ? void 0 : func.call) && func();
-            onChange && selected.value && onChange(selected.value);
-            shouldClosePopout && closePopout && closePopout();
-          }
-          return;
-        default:
-          return;
-      }
-    },
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (0, _descendants.useDescendantKeyDown)(MenuDescendantContext, {
-      currentIndex: index,
-      orientation: "vertical",
-      key: "option",
-      rotate: true,
-      filter: function filter(option) {
-        return !option.disabled && (!filteredItems || filteredItems.includes(option.index));
-      },
-      callback: function callback(item) {
-        if (item.element) {
-          (0, _scrollIntoViewIfNeeded.default)(item.element, {
-            block: "nearest",
-            scrollMode: "if-needed"
-          });
-        }
-        setState({
-          selectionIndex: item.index
-        });
-      }
-    }))
-  };
-}