@elliemae/ds-global-header 2.2.0 → 2.3.0-alpha.3

package/cjs/index.js

@@ -1,11 +1,36 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var GlobalHeader = require('./GlobalHeader.js');
-
-
-
-exports.GlobalHeader = GlobalHeader.GlobalHeader;
-exports.GlobalHeaderWithSchema = GlobalHeader.GlobalHeaderWithSchema;
-exports["default"] = GlobalHeader.GlobalHeader;
+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 src_exports = {};
+__export(src_exports, {
+  default: () => import_GlobalHeader.GlobalHeader
+});
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./GlobalHeader"));
+var import_GlobalHeader = require("./GlobalHeader");
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './GlobalHeader';\nexport { GlobalHeader as default } from './GlobalHeader';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,0BAAwC;",
+  "names": []
+}

package/cjs/outOfTheBox/AppPicker/AppPicker.js

@@ -1,47 +1,49 @@
-'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);
+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 = require("@elliemae/ds-app-picker");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_styles = 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);
   const {
     apps,
     icon,
@@ -57,61 +59,52 @@ const AppPicker = _ref => {
     triggerRef,
     triggerOnClick
   } = componentProps;
-  const handleTriggerKeyDown = React.useCallback(e => {
-    if (e.code === 'Enter' || e.code === 'Space') {
+  const handleTriggerKeyDown = (0, import_react.useCallback)((e) => {
+    if (e.code === "Enter" || e.code === "Space") {
       setIsOpen(true);
     }
   }, []);
-  const handleAppPickerOnKeyDown = React.useCallback(e => {
-    if (e.code === 'Escape') {
-      var _buttonRef$current;
-
+  const handleAppPickerOnKeyDown = (0, import_react.useCallback)((e) => {
+    if (e.code === "Escape") {
       setIsOpen(false);
-      buttonRef === null || buttonRef === void 0 ? void 0 : (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.focus();
+      buttonRef?.current?.focus();
     }
   }, []);
-  const handleOnClickOutside = React.useCallback(() => {
+  const handleOnClickOutside = (0, import_react.useCallback)(() => {
     setIsOpen(false);
   }, []);
-  const handleOnClick = React.useCallback(() => {
+  const handleOnClick = (0, import_react.useCallback)(() => {
     setIsOpen(true);
   }, []);
-  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
+  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
   });
 };
-
-exports.AppPicker = AppPicker;
+module.exports = __toCommonJS(AppPicker_exports);
+//# sourceMappingURL=AppPicker.js.map

package/cjs/outOfTheBox/AppPicker/AppPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/outOfTheBox/AppPicker/AppPicker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState, useRef, useCallback, useMemo } from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\nimport { Button } from '../../components/Toolbar/styles';\n\ntype AppPickerProps = React.ComponentProps<typeof DSAppPicker>;\n\nexport const AppPicker = ({\n  label,\n  id,\n  componentProps,\n  ...otherProps\n}: AppPickerProps & {\n  label: string;\n  triggerOnClick?: React.MouseEventHandler;\n}): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const {\n    apps,\n    icon,\n    customApps,\n    sectionTitle,\n    customSectionTitle,\n    actionRef,\n    isOpen: userIsOpen,\n    onKeyDown: userOnKeyDown,\n    onClickOutside: userOnClickOutside,\n    renderTrigger: userRenderTrigger,\n    onClose,\n    triggerRef,\n    triggerOnClick,\n  } = componentProps;\n\n  const handleTriggerKeyDown: React.KeyboardEventHandler = useCallback((e) => {\n    if (e.code === 'Enter' || e.code === 'Space') {\n      setIsOpen(true);\n    }\n  }, []);\n\n  const handleAppPickerOnKeyDown: AppPickerProps['onKeyDown'] = useCallback((e) => {\n    if (e.code === 'Escape') {\n      setIsOpen(false);\n      buttonRef?.current?.focus();\n    }\n  }, []);\n\n  const handleOnClickOutside: AppPickerProps['onClickOutside'] = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  const handleOnClick: React.MouseEventHandler = useCallback(() => {\n    setIsOpen(true);\n  }, []);\n\n  const renderTrigger: AppPickerProps['renderTrigger'] = useMemo(\n    () =>\n      ({ ref }) =>\n        (\n          <div ref={ref}>\n            <Button\n              onClick={triggerOnClick ?? handleOnClick}\n              onKeyDown={handleTriggerKeyDown}\n              ref={mergeRefs(buttonRef, triggerRef)}\n              title={label}\n              data-testid=\"gh-toolbar-item\"\n              id={id}\n              {...getDataProps(otherProps)}\n            >\n              <MenuPicker fill=\"#FFF\" width={20.73} height={20.73} />\n            </Button>\n          </div>\n        ),\n    [triggerOnClick, handleOnClick, handleTriggerKeyDown, triggerRef, label, id, otherProps],\n  );\n\n  return (\n    <DSAppPicker\n      apps={apps}\n      customApps={customApps}\n      sectionTitle={sectionTitle}\n      customSectionTitle={customSectionTitle}\n      icon={icon}\n      onKeyDown={userOnKeyDown ?? handleAppPickerOnKeyDown}\n      actionRef={actionRef}\n      onClickOutside={userOnClickOutside ?? handleOnClickOutside}\n      renderTrigger={userRenderTrigger ?? renderTrigger}\n      isOpen={userIsOpen ?? isOpen}\n      onClose={onClose}\n      triggerRef={triggerRef}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8D;AAC9D,2BAA4B;AAC5B,0BAA0B;AAC1B,sBAA2B;AAC3B,8BAA6B;AAC7B,oBAAuB;AAIhB,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAIc;AACjB,QAAM,CAAC,QAAQ,aAAa,2BAAkB;AAC9C,QAAM,YAAY,yBAA0B;AAE5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,uBAAmD,8BAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;AAC5C,gBAAU;AAAA;AAAA,KAEX;AAEH,QAAM,2BAAwD,8BAAY,CAAC,MAAM;AAC/E,QAAI,EAAE,SAAS,UAAU;AACvB,gBAAU;AACV,iBAAW,SAAS;AAAA;AAAA,KAErB;AAEH,QAAM,uBAAyD,8BAAY,MAAM;AAC/E,cAAU;AAAA,KACT;AAEH,QAAM,gBAAyC,8BAAY,MAAM;AAC/D,cAAU;AAAA,KACT;AAEH,QAAM,gBAAiD,0BACrD,MACE,CAAC,EAAE,UAEC,mDAAC,OAAD;AAAA,IAAK;AAAA,KACH,mDAAC,sBAAD;AAAA,IACE,SAAS,kBAAkB;AAAA,IAC3B,WAAW;AAAA,IACX,KAAK,mCAAU,WAAW;AAAA,IAC1B,OAAO;AAAA,IACP,eAAY;AAAA,IACZ;AAAA,OACI,0CAAa;AAAA,KAEjB,mDAAC,4BAAD;AAAA,IAAY,MAAK;AAAA,IAAO,OAAO;AAAA,IAAO,QAAQ;AAAA,QAIxD,CAAC,gBAAgB,eAAe,sBAAsB,YAAY,OAAO,IAAI;AAG/E,SACE,mDAAC,kCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,iBAAiB;AAAA,IAC5B;AAAA,IACA,gBAAgB,sBAAsB;AAAA,IACtC,eAAe,qBAAqB;AAAA,IACpC,QAAQ,cAAc;AAAA,IACtB;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/outOfTheBox/PopupMenu/PopupMenu.js

@@ -1,48 +1,43 @@
-'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);
+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 = require("@elliemae/ds-popperjs");
+var import_PopupMenuContent = require("./PopupMenuContent");
+var import_styles = require("../../components/Toolbar/styles");
+var import_ds_props_helpers = 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);
   const {
     onClickOutside = () => null,
     onKeyPress,
@@ -51,51 +46,51 @@ const PopupMenu = _ref => {
     options,
     closeOnClick
   } = componentProps;
-  const handleKeyPress = React.useCallback(e => {
-    if (e.code === 'Enter' || e.code === 'Space') {
+  const handleKeyPress = (0, import_react.useCallback)((e) => {
+    if (e.code === "Enter" || e.code === "Space") {
       setIsOpen(true);
     }
-
-    if (onKeyPress) onKeyPress(e);
+    if (onKeyPress)
+      onKeyPress(e);
   }, [onKeyPress]);
-  const handleOnClose = React.useCallback(() => {
-    if (userIsOpen === undefined) {
+  const handleOnClose = (0, import_react.useCallback)(() => {
+    if (userIsOpen === void 0) {
       setIsOpen(false);
     }
-
-    buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.focus();
+    buttonRef?.focus();
   }, [buttonRef, userIsOpen]);
-  const handleTriggerOnClick = React.useCallback(e => {
-    if (userIsOpen === undefined) setIsOpen(true);
+  const handleTriggerOnClick = (0, import_react.useCallback)((e) => {
+    if (userIsOpen === void 0)
+      setIsOpen(true);
     onClick(e);
   }, [onClick, userIsOpen]);
-  const handleItemClick = React.useCallback(() => {
-    if (closeOnClick && userIsOpen === undefined) handleOnClose();
+  const handleItemClick = (0, import_react.useCallback)(() => {
+    if (closeOnClick && userIsOpen === void 0)
+      handleOnClose();
   }, [closeOnClick, handleOnClose, userIsOpen]);
-  const content = React.useMemo(() => _PopupMenuContent || (_PopupMenuContent = /*#__PURE__*/_jsx__default["default"](PopupMenuContent.PopupMenuContent, {
-    options: options,
+  const content = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_PopupMenuContent.PopupMenuContent, {
+    options,
     onItemClick: handleItemClick,
     onClose: handleOnClose,
-    popupOnKeyPress: popupOnKeyPress
-  })), [options, handleItemClick, handleOnClose, popupOnKeyPress]);
-  return /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/jsxRuntime.jsx(styles.Button, _objectSpread(_objectSpread({
+    popupOnKeyPress
+  }), [options, handleItemClick, handleOnClose, popupOnKeyPress]);
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_styles.Button, {
     onClick: handleTriggerOnClick,
     onKeyPress: handleKeyPress,
-    title: title,
+    title,
     ref: setButtonRef,
     "data-testid": "gh-toolbar-item",
-    id: id
-  }, dsPropsHelpers.getDataProps(otherProps)), {}, {
-    children: Icon && /*#__PURE__*/_jsx__default["default"](Icon, {
-      fill: "#FFF",
-      size: "m"
-    })
-  })), /*#__PURE__*/_jsx__default["default"](dsPopperjs.DSPopperJS, {
+    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, {
     referenceElement: buttonRef,
-    showPopover: userIsOpen !== null && userIsOpen !== void 0 ? userIsOpen : isOpen,
+    showPopover: userIsOpen ?? isOpen,
     closeContextMenu: handleOnClose,
-    onClickOutside: onClickOutside
-  }, void 0, content));
+    onClickOutside
+  }, content));
 };
-
-exports.PopupMenu = PopupMenu;
+module.exports = __toCommonJS(PopupMenu_exports);
+//# sourceMappingURL=PopupMenu.js.map

package/cjs/outOfTheBox/PopupMenu/PopupMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/outOfTheBox/PopupMenu/PopupMenu.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState, useCallback, useMemo } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { PopupMenuContent } from './PopupMenuContent';\nimport { Button } from '../../components/Toolbar/styles';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\nimport type { PopupPropsT as Props } from '../../GlobalHeaderTypes';\n\nexport const PopupMenu = ({ Icon, title, onClick, id, componentProps, ...otherProps }: Props): JSX.Element => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [buttonRef, setButtonRef] = useState<HTMLButtonElement | null>(null);\n\n  const {\n    onClickOutside = () => null,\n    onKeyPress,\n    popupOnKeyPress,\n    isOpen: userIsOpen,\n    options,\n    closeOnClick,\n  } = componentProps;\n\n  const handleKeyPress = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.code === 'Enter' || e.code === 'Space') {\n        setIsOpen(true);\n      }\n      if (onKeyPress) onKeyPress(e);\n    },\n    [onKeyPress],\n  );\n\n  const handleOnClose = useCallback(() => {\n    if (userIsOpen === undefined) {\n      setIsOpen(false);\n    }\n    buttonRef?.focus();\n  }, [buttonRef, userIsOpen]);\n\n  const handleTriggerOnClick = useCallback(\n    (e) => {\n      if (userIsOpen === undefined) setIsOpen(true);\n      onClick(e);\n    },\n    [onClick, userIsOpen],\n  );\n\n  const handleItemClick = useCallback(() => {\n    if (closeOnClick && userIsOpen === undefined) handleOnClose();\n  }, [closeOnClick, handleOnClose, userIsOpen]);\n\n  const content = useMemo(\n    () => (\n      <PopupMenuContent\n        options={options}\n        onItemClick={handleItemClick}\n        onClose={handleOnClose}\n        popupOnKeyPress={popupOnKeyPress}\n      />\n    ),\n    [options, handleItemClick, handleOnClose, popupOnKeyPress],\n  );\n\n  return (\n    <div>\n      <Button\n        onClick={handleTriggerOnClick}\n        onKeyPress={handleKeyPress}\n        title={title}\n        ref={setButtonRef}\n        data-testid=\"gh-toolbar-item\"\n        id={id}\n        {...getDataProps(otherProps)}\n      >\n        {Icon && <Icon fill=\"#FFF\" size=\"m\" />}\n      </Button>\n      <DSPopperJS\n        referenceElement={buttonRef}\n        showPopover={userIsOpen ?? isOpen}\n        closeContextMenu={handleOnClose}\n        onClickOutside={onClickOutside}\n      >\n        {content}\n      </DSPopperJS>\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsD;AACtD,yBAA2B;AAC3B,8BAAiC;AACjC,oBAAuB;AACvB,8BAA6B;AAGtB,MAAM,YAAY,CAAC,EAAE,MAAM,OAAO,SAAS,IAAI,mBAAmB,iBAAqC;AAC5G,QAAM,CAAC,QAAQ,aAAa,2BAAkB;AAC9C,QAAM,CAAC,WAAW,gBAAgB,2BAAmC;AAErE,QAAM;AAAA,IACJ,iBAAiB,MAAM;AAAA,IACvB;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,iBAAiB,8BACrB,CAAC,MAA2B;AAC1B,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;AAC5C,gBAAU;AAAA;AAEZ,QAAI;AAAY,iBAAW;AAAA,KAE7B,CAAC;AAGH,QAAM,gBAAgB,8BAAY,MAAM;AACtC,QAAI,eAAe,QAAW;AAC5B,gBAAU;AAAA;AAEZ,eAAW;AAAA,KACV,CAAC,WAAW;AAEf,QAAM,uBAAuB,8BAC3B,CAAC,MAAM;AACL,QAAI,eAAe;AAAW,gBAAU;AACxC,YAAQ;AAAA,KAEV,CAAC,SAAS;AAGZ,QAAM,kBAAkB,8BAAY,MAAM;AACxC,QAAI,gBAAgB,eAAe;AAAW;AAAA,KAC7C,CAAC,cAAc,eAAe;AAEjC,QAAM,UAAU,0BACd,MACE,mDAAC,0CAAD;AAAA,IACE;AAAA,IACA,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,MAGJ,CAAC,SAAS,iBAAiB,eAAe;AAG5C,SACE,mDAAC,OAAD,MACE,mDAAC,sBAAD;AAAA,IACE,SAAS;AAAA,IACT,YAAY;AAAA,IACZ;AAAA,IACA,KAAK;AAAA,IACL,eAAY;AAAA,IACZ;AAAA,OACI,0CAAa;AAAA,KAEhB,QAAQ,mDAAC,MAAD;AAAA,IAAM,MAAK;AAAA,IAAO,MAAK;AAAA,OAElC,mDAAC,+BAAD;AAAA,IACE,kBAAkB;AAAA,IAClB,aAAa,cAAc;AAAA,IAC3B,kBAAkB;AAAA,IAClB;AAAA,KAEC;AAAA;",
+  "names": []
+}