@elliemae/ds-global-header 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/outOfTheBox/AppPicker/AppPicker.js

@@ -1,49 +1,47 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var AppPicker_exports = {};
-__export(AppPicker_exports, {
-  AppPicker: () => AppPicker
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_app_picker = __toESM(require("@elliemae/ds-app-picker"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
-var import_styles = __toESM(require("../../components/Toolbar/styles"));
-const AppPicker = ({
-  label,
-  id,
-  componentProps,
-  ...otherProps
-}) => {
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const buttonRef = (0, import_react.useRef)(null);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var dsAppPicker = require('@elliemae/ds-app-picker');
+var dsUtilities = require('@elliemae/ds-utilities');
+var dsIcons = require('@elliemae/ds-icons');
+var styles = require('../../components/Toolbar/styles.js');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+var _MenuPicker;
+
+const _excluded = ["label", "id", "componentProps"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const AppPicker = _ref => {
+  let {
+    label,
+    id,
+    componentProps
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const [isOpen, setIsOpen] = React.useState(false);
+  const buttonRef = React.useRef(null);
   const {
     apps,
     icon,
@@ -59,52 +57,61 @@ const AppPicker = ({
     triggerRef,
     triggerOnClick
   } = componentProps;
-  const handleTriggerKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.code === "Enter" || e.code === "Space") {
+  const handleTriggerKeyDown = React.useCallback(e => {
+    if (e.code === 'Enter' || e.code === 'Space') {
       setIsOpen(true);
     }
   }, []);
-  const handleAppPickerOnKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.code === "Escape") {
+  const handleAppPickerOnKeyDown = React.useCallback(e => {
+    if (e.code === 'Escape') {
+      var _buttonRef$current;
+
       setIsOpen(false);
-      buttonRef?.current?.focus();
+      buttonRef === null || buttonRef === void 0 ? void 0 : (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.focus();
     }
   }, []);
-  const handleOnClickOutside = (0, import_react.useCallback)(() => {
+  const handleOnClickOutside = React.useCallback(() => {
     setIsOpen(false);
   }, []);
-  const handleOnClick = (0, import_react.useCallback)(() => {
+  const handleOnClick = React.useCallback(() => {
     setIsOpen(true);
   }, []);
-  const renderTrigger = (0, import_react.useMemo)(() => ({ ref }) => /* @__PURE__ */ import_react.default.createElement("div", {
-    ref
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.Button, {
-    onClick: triggerOnClick ?? handleOnClick,
-    onKeyDown: handleTriggerKeyDown,
-    ref: (0, import_ds_utilities.mergeRefs)(buttonRef, triggerRef),
-    title: label,
-    "data-testid": "gh-toolbar-item",
-    id,
-    ...(0, import_ds_props_helpers.getDataProps)(otherProps)
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MenuPicker, {
-    fill: "#FFF",
-    width: 20.73,
-    height: 20.73
-  }))), [triggerOnClick, handleOnClick, handleTriggerKeyDown, triggerRef, label, id, otherProps]);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_app_picker.DSAppPicker, {
-    apps,
-    customApps,
-    sectionTitle,
-    customSectionTitle,
-    icon,
-    onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
-    actionRef,
-    onClickOutside: userOnClickOutside ?? handleOnClickOutside,
-    renderTrigger: userRenderTrigger ?? renderTrigger,
-    isOpen: userIsOpen ?? isOpen,
-    onClose,
-    triggerRef
+  const renderTrigger = React.useMemo(() => _ref2 => {
+    let {
+      ref
+    } = _ref2;
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: ref,
+      children: /*#__PURE__*/jsxRuntime.jsx(styles.Button, _objectSpread(_objectSpread({
+        onClick: triggerOnClick !== null && triggerOnClick !== void 0 ? triggerOnClick : handleOnClick,
+        onKeyDown: handleTriggerKeyDown,
+        ref: dsUtilities.mergeRefs(buttonRef, triggerRef),
+        title: label,
+        "data-testid": "gh-toolbar-item",
+        id: id
+      }, dsPropsHelpers.getDataProps(otherProps)), {}, {
+        children: _MenuPicker || (_MenuPicker = /*#__PURE__*/_jsx__default["default"](dsIcons.MenuPicker, {
+          fill: "#FFF",
+          width: 20.73,
+          height: 20.73
+        }))
+      }))
+    });
+  }, [triggerOnClick, handleOnClick, handleTriggerKeyDown, triggerRef, label, id, otherProps]);
+  return /*#__PURE__*/_jsx__default["default"](dsAppPicker.DSAppPicker, {
+    apps: apps,
+    customApps: customApps,
+    sectionTitle: sectionTitle,
+    customSectionTitle: customSectionTitle,
+    icon: icon,
+    onKeyDown: userOnKeyDown !== null && userOnKeyDown !== void 0 ? userOnKeyDown : handleAppPickerOnKeyDown,
+    actionRef: actionRef,
+    onClickOutside: userOnClickOutside !== null && userOnClickOutside !== void 0 ? userOnClickOutside : handleOnClickOutside,
+    renderTrigger: userRenderTrigger !== null && userRenderTrigger !== void 0 ? userRenderTrigger : renderTrigger,
+    isOpen: userIsOpen !== null && userIsOpen !== void 0 ? userIsOpen : isOpen,
+    onClose: onClose,
+    triggerRef: triggerRef
   });
 };
-module.exports = __toCommonJS(AppPicker_exports);
-//# sourceMappingURL=AppPicker.js.map
+
+exports.AppPicker = AppPicker;

package/cjs/outOfTheBox/PopupMenu/PopupMenu.js

@@ -1,43 +1,48 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PopupMenu_exports = {};
-__export(PopupMenu_exports, {
-  PopupMenu: () => PopupMenu
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_popperjs = __toESM(require("@elliemae/ds-popperjs"));
-var import_PopupMenuContent = __toESM(require("./PopupMenuContent"));
-var import_styles = __toESM(require("../../components/Toolbar/styles"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
-const PopupMenu = ({ Icon, title, onClick, id, componentProps, ...otherProps }) => {
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const [buttonRef, setButtonRef] = (0, import_react.useState)(null);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var dsPopperjs = require('@elliemae/ds-popperjs');
+var PopupMenuContent = require('./PopupMenuContent.js');
+var styles = require('../../components/Toolbar/styles.js');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+const _excluded = ["Icon", "title", "onClick", "id", "componentProps"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const PopupMenu = _ref => {
+  var _PopupMenuContent;
+
+  let {
+    Icon,
+    title,
+    onClick,
+    id,
+    componentProps
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [buttonRef, setButtonRef] = React.useState(null);
   const {
     onClickOutside = () => null,
     onKeyPress,
@@ -46,51 +51,51 @@ const PopupMenu = ({ Icon, title, onClick, id, componentProps, ...otherProps })
     options,
     closeOnClick
   } = componentProps;
-  const handleKeyPress = (0, import_react.useCallback)((e) => {
-    if (e.code === "Enter" || e.code === "Space") {
+  const handleKeyPress = React.useCallback(e => {
+    if (e.code === 'Enter' || e.code === 'Space') {
       setIsOpen(true);
     }
-    if (onKeyPress)
-      onKeyPress(e);
+
+    if (onKeyPress) onKeyPress(e);
   }, [onKeyPress]);
-  const handleOnClose = (0, import_react.useCallback)(() => {
-    if (userIsOpen === void 0) {
+  const handleOnClose = React.useCallback(() => {
+    if (userIsOpen === undefined) {
       setIsOpen(false);
     }
-    buttonRef?.focus();
+
+    buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.focus();
   }, [buttonRef, userIsOpen]);
-  const handleTriggerOnClick = (0, import_react.useCallback)((e) => {
-    if (userIsOpen === void 0)
-      setIsOpen(true);
+  const handleTriggerOnClick = React.useCallback(e => {
+    if (userIsOpen === undefined) setIsOpen(true);
     onClick(e);
   }, [onClick, userIsOpen]);
-  const handleItemClick = (0, import_react.useCallback)(() => {
-    if (closeOnClick && userIsOpen === void 0)
-      handleOnClose();
+  const handleItemClick = React.useCallback(() => {
+    if (closeOnClick && userIsOpen === undefined) handleOnClose();
   }, [closeOnClick, handleOnClose, userIsOpen]);
-  const content = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_PopupMenuContent.PopupMenuContent, {
-    options,
+  const content = React.useMemo(() => _PopupMenuContent || (_PopupMenuContent = /*#__PURE__*/_jsx__default["default"](PopupMenuContent.PopupMenuContent, {
+    options: options,
     onItemClick: handleItemClick,
     onClose: handleOnClose,
-    popupOnKeyPress
-  }), [options, handleItemClick, handleOnClose, popupOnKeyPress]);
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_styles.Button, {
+    popupOnKeyPress: popupOnKeyPress
+  })), [options, handleItemClick, handleOnClose, popupOnKeyPress]);
+  return /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/jsxRuntime.jsx(styles.Button, _objectSpread(_objectSpread({
     onClick: handleTriggerOnClick,
     onKeyPress: handleKeyPress,
-    title,
+    title: title,
     ref: setButtonRef,
     "data-testid": "gh-toolbar-item",
-    id,
-    ...(0, import_ds_props_helpers.getDataProps)(otherProps)
-  }, Icon && /* @__PURE__ */ import_react.default.createElement(Icon, {
-    fill: "#FFF",
-    size: "m"
-  })), /* @__PURE__ */ import_react.default.createElement(import_ds_popperjs.DSPopperJS, {
+    id: id
+  }, dsPropsHelpers.getDataProps(otherProps)), {}, {
+    children: Icon && /*#__PURE__*/_jsx__default["default"](Icon, {
+      fill: "#FFF",
+      size: "m"
+    })
+  })), /*#__PURE__*/_jsx__default["default"](dsPopperjs.DSPopperJS, {
     referenceElement: buttonRef,
-    showPopover: userIsOpen ?? isOpen,
+    showPopover: userIsOpen !== null && userIsOpen !== void 0 ? userIsOpen : isOpen,
     closeContextMenu: handleOnClose,
-    onClickOutside
-  }, content));
+    onClickOutside: onClickOutside
+  }, void 0, content));
 };
-module.exports = __toCommonJS(PopupMenu_exports);
-//# sourceMappingURL=PopupMenu.js.map
+
+exports.PopupMenu = PopupMenu;

package/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js

@@ -1,89 +1,96 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PopupMenuContent_exports = {};
-__export(PopupMenuContent_exports, {
-  PopupMenuContent: () => PopupMenuContent
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
-var import_styles = __toESM(require("./styles"));
-var import_GlobalHeaderContext = __toESM(require("../../GlobalHeaderContext"));
-const PopupMenuContent = import_react.default.memo(({ options, onItemClick, onClose, popupOnKeyPress }) => {
-  const { instanceUID } = (0, import_react.useContext)(import_GlobalHeaderContext.GlobalHeaderContext);
-  const menuRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    menuRef.current?.firstChild?.focus();
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var styles = require('./styles.js');
+var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const PopupMenuContent = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    options,
+    onItemClick,
+    onClose,
+    popupOnKeyPress
+  } = _ref;
+  const {
+    instanceUID
+  } = React.useContext(GlobalHeaderContext.GlobalHeaderContext);
+  const menuRef = React.useRef(null);
+  React.useEffect(() => {
+    var _menuRef$current, _menuRef$current$firs;
+
+    (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : (_menuRef$current$firs = _menuRef$current.firstChild) === null || _menuRef$current$firs === void 0 ? void 0 : _menuRef$current$firs.focus();
   }, []);
-  const content = (0, import_react.useMemo)(() => options.map((option) => {
-    const { type, Icon, label = "", onClick, Content, id } = option;
-    const ariaAndDataProps = {
-      ...(0, import_ds_props_helpers.getAriaProps)(option),
-      ...(0, import_ds_props_helpers.getDataProps)(option)
-    };
-    const handleClick = (e) => {
+  const content = React.useMemo(() => options.map(option => {
+    const {
+      type,
+      Icon,
+      label = '',
+      onClick,
+      Content,
+      id
+    } = option;
+
+    const ariaAndDataProps = _objectSpread(_objectSpread({}, dsPropsHelpers.getAriaProps(option)), dsPropsHelpers.getDataProps(option));
+
+    const handleClick = e => {
       onItemClick(e);
-      if (onClick)
-        onClick(e);
+      if (onClick) onClick(e);
     };
-    const handleKeyDown = (e) => {
-      if (e.code === "Escape")
-        onClose();
-      if (popupOnKeyPress)
-        popupOnKeyPress(e);
+
+    const handleKeyDown = e => {
+      if (e.code === 'Escape') onClose();
+      if (popupOnKeyPress) popupOnKeyPress(e);
     };
+
     switch (type) {
-      case "separator":
-        return /* @__PURE__ */ import_react.default.createElement(import_styles.Separator, {
-          key: `${instanceUID}-separator-${label}`,
-          ...ariaAndDataProps
-        });
-      case "custom":
-        return /* @__PURE__ */ import_react.default.createElement(import_styles.ItemWrapper, {
+      case 'separator':
+        return /*#__PURE__*/jsxRuntime.jsx(styles.Separator, _objectSpread({}, ariaAndDataProps), "".concat(instanceUID, "-separator-").concat(label));
+
+      case 'custom':
+        return /*#__PURE__*/jsxRuntime.jsx(styles.ItemWrapper, _objectSpread(_objectSpread({
           onClick: handleClick,
           onKeyDown: handleKeyDown,
-          key: `${instanceUID}-popup-${label}`,
-          id,
-          ...ariaAndDataProps
-        }, Content && /* @__PURE__ */ import_react.default.createElement(Content, null));
+          id: id
+        }, ariaAndDataProps), {}, {
+          children: Content && /*#__PURE__*/_jsx__default["default"](Content, {})
+        }), "".concat(instanceUID, "-popup-").concat(label));
+
       default:
-        return /* @__PURE__ */ import_react.default.createElement(import_styles.ItemWrapper, {
+        return /*#__PURE__*/jsxRuntime.jsxs(styles.ItemWrapper, _objectSpread(_objectSpread({
           onClick: handleClick,
           onKeyDown: handleKeyDown,
-          key: `${instanceUID}-popup-${label}`,
-          id,
-          ...ariaAndDataProps
-        }, Icon && /* @__PURE__ */ import_react.default.createElement(Icon, null), import_styles.Label && /* @__PURE__ */ import_react.default.createElement(import_styles.Label, null, label));
+          id: id
+        }, ariaAndDataProps), {}, {
+          children: [Icon && /*#__PURE__*/_jsx__default["default"](Icon, {}), styles.Label && /*#__PURE__*/_jsx__default["default"](styles.Label, {}, void 0, label)]
+        }), "".concat(instanceUID, "-popup-").concat(label));
     }
   }), [options, onItemClick, onClose, popupOnKeyPress, instanceUID]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.List, {
-    ref: menuRef
-  }, content);
+  return /*#__PURE__*/jsxRuntime.jsx(styles.List, {
+    ref: menuRef,
+    children: content
+  });
 });
-module.exports = __toCommonJS(PopupMenuContent_exports);
-//# sourceMappingURL=PopupMenuContent.js.map
+
+exports.PopupMenuContent = PopupMenuContent;