@elliemae/ds-global-header 2.2.1 → 2.3.0-alpha.4

package/esm/config/useValidateProps.js

@@ -1,88 +1,88 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { throwLogoError, throwBreadcrumbItemError, isValidToolbarType, throwToolbarItemGenericError, isObject, throwToolbarPopupItemError, throwToolbarAppPickerItemError } from './validateHelpers.js';
-
-const validatePopupItem = componentProps => {
+import * as React from "react";
+import {
+  throwToolbarPopupItemError,
+  throwToolbarAppPickerItemError,
+  throwToolbarItemGenericError,
+  throwLogoError,
+  throwBreadcrumbItemError,
+  isValidToolbarType,
+  isObject
+} from "./validateHelpers";
+const validatePopupItem = (componentProps) => {
   if (componentProps.options && !Array.isArray(componentProps.options)) {
-    throwToolbarPopupItemError('options', componentProps.options);
+    throwToolbarPopupItemError("options", componentProps.options);
   }
-
-  if (componentProps.closeOnClick && typeof componentProps.closeOnClick !== 'boolean') {
-    throwToolbarPopupItemError('closeOnClick', componentProps.closeOnClick);
+  if (componentProps.closeOnClick && typeof componentProps.closeOnClick !== "boolean") {
+    throwToolbarPopupItemError("closeOnClick", componentProps.closeOnClick);
   }
 };
-
-const validateAppPickerItem = componentProps => {
+const validateAppPickerItem = (componentProps) => {
   if (componentProps.apps && !Array.isArray(componentProps.apps)) {
-    throwToolbarAppPickerItemError('apps', componentProps.apps);
+    throwToolbarAppPickerItemError("apps", componentProps.apps);
   }
-
   if (componentProps.customApps && !Array.isArray(componentProps.customApps)) {
-    throwToolbarAppPickerItemError('customApps', componentProps.customApps);
+    throwToolbarAppPickerItemError("customApps", componentProps.customApps);
   }
-
-  if (componentProps.sectionTitle && typeof componentProps.sectionTitle !== 'string') {
-    throwToolbarAppPickerItemError('sectionTitle', componentProps.sectionTitle);
+  if (componentProps.sectionTitle && typeof componentProps.sectionTitle !== "string") {
+    throwToolbarAppPickerItemError("sectionTitle", componentProps.sectionTitle);
   }
-
-  if (componentProps.customSectionTitle && typeof componentProps.customSectionTitle !== 'string') {
-    throwToolbarAppPickerItemError('customSectionTitle', componentProps.customSectionTitle);
+  if (componentProps.customSectionTitle && typeof componentProps.customSectionTitle !== "string") {
+    throwToolbarAppPickerItemError("customSectionTitle", componentProps.customSectionTitle);
   }
 };
-
-const useValidateProps = props => {
-  const {
-    breadcrumb,
-    toolbar,
-    Logo,
-    LogoWithBrand
-  } = props;
-
-  if (Logo && typeof Logo !== 'function') {
-    throwLogoError('Logo', Logo);
+const validateGenericToolbarItem = (item) => {
+  if (item.label && typeof item.label !== "string") {
+    throwToolbarItemGenericError("label", item.label);
   }
-
-  if (LogoWithBrand && typeof LogoWithBrand !== 'function') {
-    throwLogoError('LogoWithBrand', LogoWithBrand);
+  if (item.onClick && typeof item.onClick !== "function") {
+    throwToolbarItemGenericError("onClick", item.onClick);
   }
-
-  breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.forEach(breadcrumbItem => {
-    if (breadcrumbItem.label && typeof breadcrumbItem.label !== 'string') {
-      throwBreadcrumbItemError('label', breadcrumbItem.label);
+  if (item.Icon && typeof item.Icon !== "function") {
+    if (item.type === "ds-app-picker")
+      return;
+    throwToolbarItemGenericError("Icon", item.Icon);
+  }
+};
+const useValidateProps = (props) => {
+  const { breadcrumb, toolbar, Logo, LogoWithBrand } = props;
+  if (Logo && typeof Logo !== "function") {
+    throwLogoError("Logo", Logo);
+  }
+  if (LogoWithBrand && typeof LogoWithBrand !== "function") {
+    throwLogoError("LogoWithBrand", LogoWithBrand);
+  }
+  breadcrumb?.forEach((breadcrumbItem) => {
+    if (breadcrumbItem.label && typeof breadcrumbItem.label !== "string") {
+      throwBreadcrumbItemError("label", breadcrumbItem.label);
     }
-
-    if (breadcrumbItem.onClick && typeof breadcrumbItem.onClick !== 'function') {
-      throwBreadcrumbItemError('onClick', breadcrumbItem.onClick);
+    if (breadcrumbItem.onClick && typeof breadcrumbItem.onClick !== "function") {
+      throwBreadcrumbItemError("onClick", breadcrumbItem.onClick);
     }
-
-    if (breadcrumbItem.hasNext && typeof breadcrumbItem.hasNext !== 'boolean') {
-      throwBreadcrumbItemError('hasNext', breadcrumbItem.hasNext);
+    if (breadcrumbItem.hasNext && typeof breadcrumbItem.hasNext !== "boolean") {
+      throwBreadcrumbItemError("hasNext", breadcrumbItem.hasNext);
     }
-
-    if (breadcrumbItem.isSelected && typeof breadcrumbItem.isSelected !== 'boolean') {
-      throwBreadcrumbItemError('isSelected', breadcrumbItem.isSelected);
+    if (breadcrumbItem.isSelected && typeof breadcrumbItem.isSelected !== "boolean") {
+      throwBreadcrumbItemError("isSelected", breadcrumbItem.isSelected);
     }
   });
-  toolbar === null || toolbar === void 0 ? void 0 : toolbar.forEach(toolbarItem => {
+  toolbar?.forEach((toolbarItem) => {
     if (toolbarItem.type) {
       if (!isValidToolbarType(toolbarItem.type)) {
-        throwToolbarItemGenericError('type', toolbarItem.type);
+        throwToolbarItemGenericError("type", toolbarItem.type);
       }
-
       if (toolbarItem.componentProps && !isObject(toolbarItem.componentProps)) {
-        throwToolbarItemGenericError('componentProps', toolbarItem.componentProps);
+        throwToolbarItemGenericError("componentProps", toolbarItem.componentProps);
       }
-
-      if (toolbarItem.type === 'ds-popup-menu') {
+      if (toolbarItem.type === "ds-popup-menu") {
         validatePopupItem(toolbarItem.componentProps);
       }
-
-      if (toolbarItem.type === 'ds-app-picker') {
+      if (toolbarItem.type === "ds-app-picker") {
         validateAppPickerItem(toolbarItem.componentProps);
       }
     }
   });
 };
-
-export { useValidateProps };
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { AppPickerProps, GlobalHeaderPropsT, PopupPropsT, ToolbarItemT } from '../GlobalHeaderTypes';\nimport {\n  throwToolbarPopupItemError,\n  throwToolbarAppPickerItemError,\n  throwToolbarItemGenericError,\n  throwLogoError,\n  throwBreadcrumbItemError,\n  isValidToolbarType,\n  isObject,\n} from './validateHelpers';\n\nconst validatePopupItem = (componentProps: PopupPropsT): void => {\n  if (componentProps.options && !Array.isArray(componentProps.options)) {\n    throwToolbarPopupItemError('options', componentProps.options);\n  }\n  if (componentProps.closeOnClick && typeof componentProps.closeOnClick !== 'boolean') {\n    throwToolbarPopupItemError('closeOnClick', componentProps.closeOnClick);\n  }\n};\n\nconst validateAppPickerItem = (componentProps: AppPickerProps): void => {\n  if (componentProps.apps && !Array.isArray(componentProps.apps)) {\n    throwToolbarAppPickerItemError('apps', componentProps.apps);\n  }\n  if (componentProps.customApps && !Array.isArray(componentProps.customApps)) {\n    throwToolbarAppPickerItemError('customApps', componentProps.customApps);\n  }\n  if (componentProps.sectionTitle && typeof componentProps.sectionTitle !== 'string') {\n    throwToolbarAppPickerItemError('sectionTitle', componentProps.sectionTitle);\n  }\n  if (componentProps.customSectionTitle && typeof componentProps.customSectionTitle !== 'string') {\n    throwToolbarAppPickerItemError('customSectionTitle', componentProps.customSectionTitle);\n  }\n};\n\nconst validateGenericToolbarItem = (item: ToolbarItemT): void => {\n  if (item.label && typeof item.label !== 'string') {\n    throwToolbarItemGenericError('label', item.label);\n  }\n  if (item.onClick && typeof item.onClick !== 'function') {\n    throwToolbarItemGenericError('onClick', item.onClick);\n  }\n  if (item.Icon && typeof item.Icon !== 'function') {\n    if (item.type === 'ds-app-picker') return;\n    throwToolbarItemGenericError('Icon', item.Icon);\n  }\n};\n\nexport const useValidateProps = (props: GlobalHeaderPropsT): void => {\n  const { breadcrumb, toolbar, Logo, LogoWithBrand } = props;\n\n  if (Logo && typeof Logo !== 'function') {\n    throwLogoError('Logo', Logo);\n  }\n\n  if (LogoWithBrand && typeof LogoWithBrand !== 'function') {\n    throwLogoError('LogoWithBrand', LogoWithBrand);\n  }\n\n  breadcrumb?.forEach((breadcrumbItem) => {\n    if (breadcrumbItem.label && typeof breadcrumbItem.label !== 'string') {\n      throwBreadcrumbItemError('label', breadcrumbItem.label);\n    }\n    if (breadcrumbItem.onClick && typeof breadcrumbItem.onClick !== 'function') {\n      throwBreadcrumbItemError('onClick', breadcrumbItem.onClick);\n    }\n    if (breadcrumbItem.hasNext && typeof breadcrumbItem.hasNext !== 'boolean') {\n      throwBreadcrumbItemError('hasNext', breadcrumbItem.hasNext);\n    }\n    if (breadcrumbItem.isSelected && typeof breadcrumbItem.isSelected !== 'boolean') {\n      throwBreadcrumbItemError('isSelected', breadcrumbItem.isSelected);\n    }\n  });\n\n  toolbar?.forEach((toolbarItem) => {\n    if (toolbarItem.type) {\n      if (!isValidToolbarType(toolbarItem.type)) {\n        throwToolbarItemGenericError('type', toolbarItem.type);\n      }\n      if (toolbarItem.componentProps && !isObject(toolbarItem.componentProps)) {\n        throwToolbarItemGenericError('componentProps', toolbarItem.componentProps);\n      }\n      if (toolbarItem.type === 'ds-popup-menu') {\n        validatePopupItem(toolbarItem.componentProps as PopupPropsT);\n      }\n      if (toolbarItem.type === 'ds-app-picker') {\n        validateAppPickerItem(toolbarItem.componentProps as AppPickerProps);\n      }\n    }\n  });\n};\n"],
+  "mappings": "AAAA;ACCA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,MAAM,oBAAoB,CAAC,mBAAsC;AAC/D,MAAI,eAAe,WAAW,CAAC,MAAM,QAAQ,eAAe,UAAU;AACpE,+BAA2B,WAAW,eAAe;AAAA;AAEvD,MAAI,eAAe,gBAAgB,OAAO,eAAe,iBAAiB,WAAW;AACnF,+BAA2B,gBAAgB,eAAe;AAAA;AAAA;AAI9D,MAAM,wBAAwB,CAAC,mBAAyC;AACtE,MAAI,eAAe,QAAQ,CAAC,MAAM,QAAQ,eAAe,OAAO;AAC9D,mCAA+B,QAAQ,eAAe;AAAA;AAExD,MAAI,eAAe,cAAc,CAAC,MAAM,QAAQ,eAAe,aAAa;AAC1E,mCAA+B,cAAc,eAAe;AAAA;AAE9D,MAAI,eAAe,gBAAgB,OAAO,eAAe,iBAAiB,UAAU;AAClF,mCAA+B,gBAAgB,eAAe;AAAA;AAEhE,MAAI,eAAe,sBAAsB,OAAO,eAAe,uBAAuB,UAAU;AAC9F,mCAA+B,sBAAsB,eAAe;AAAA;AAAA;AAIxE,MAAM,6BAA6B,CAAC,SAA6B;AAC/D,MAAI,KAAK,SAAS,OAAO,KAAK,UAAU,UAAU;AAChD,iCAA6B,SAAS,KAAK;AAAA;AAE7C,MAAI,KAAK,WAAW,OAAO,KAAK,YAAY,YAAY;AACtD,iCAA6B,WAAW,KAAK;AAAA;AAE/C,MAAI,KAAK,QAAQ,OAAO,KAAK,SAAS,YAAY;AAChD,QAAI,KAAK,SAAS;AAAiB;AACnC,iCAA6B,QAAQ,KAAK;AAAA;AAAA;AAIvC,MAAM,mBAAmB,CAAC,UAAoC;AACnE,QAAM,EAAE,YAAY,SAAS,MAAM,kBAAkB;AAErD,MAAI,QAAQ,OAAO,SAAS,YAAY;AACtC,mBAAe,QAAQ;AAAA;AAGzB,MAAI,iBAAiB,OAAO,kBAAkB,YAAY;AACxD,mBAAe,iBAAiB;AAAA;AAGlC,cAAY,QAAQ,CAAC,mBAAmB;AACtC,QAAI,eAAe,SAAS,OAAO,eAAe,UAAU,UAAU;AACpE,+BAAyB,SAAS,eAAe;AAAA;AAEnD,QAAI,eAAe,WAAW,OAAO,eAAe,YAAY,YAAY;AAC1E,+BAAyB,WAAW,eAAe;AAAA;AAErD,QAAI,eAAe,WAAW,OAAO,eAAe,YAAY,WAAW;AACzE,+BAAyB,WAAW,eAAe;AAAA;AAErD,QAAI,eAAe,cAAc,OAAO,eAAe,eAAe,WAAW;AAC/E,+BAAyB,cAAc,eAAe;AAAA;AAAA;AAI1D,WAAS,QAAQ,CAAC,gBAAgB;AAChC,QAAI,YAAY,MAAM;AACpB,UAAI,CAAC,mBAAmB,YAAY,OAAO;AACzC,qCAA6B,QAAQ,YAAY;AAAA;AAEnD,UAAI,YAAY,kBAAkB,CAAC,SAAS,YAAY,iBAAiB;AACvE,qCAA6B,kBAAkB,YAAY;AAAA;AAE7D,UAAI,YAAY,SAAS,iBAAiB;AACxC,0BAAkB,YAAY;AAAA;AAEhC,UAAI,YAAY,SAAS,iBAAiB;AACxC,8BAAsB,YAAY;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/config/validateHelpers.js

@@ -1,44 +1,82 @@
+import * as React from "react";
 const breadcrumbProps = {
-  label: 'string',
-  onClick: 'function',
-  hasNext: 'boolean',
-  isSelected: 'boolean'
+  label: "string",
+  onClick: "function",
+  hasNext: "boolean",
+  isSelected: "boolean"
 };
 const toolbarProps = {
-  label: 'string',
+  label: "string",
   type: '"ds-app-picker" or "ds-popup-menu" or "ds-search-toggle"',
-  componentProps: 'object',
-  Icon: 'react component',
-  onClick: 'function',
-  options: 'array',
-  closeOnClick: 'boolean',
-  apps: 'array',
-  customApps: 'array',
-  sectionTitle: 'string',
-  customSectionTitle: 'string'
-};
-const isObject = obj => typeof obj === 'object' && !!obj && !Array.isArray(obj);
-const getVariableType = arg => {
-  if (Array.isArray(arg)) return 'array';
-  if (arg === null) return 'null';
-  if (arg === undefined) return 'undefined';
+  componentProps: "object",
+  Icon: "react component",
+  onClick: "function",
+  options: "array",
+  closeOnClick: "boolean",
+  apps: "array",
+  customApps: "array",
+  sectionTitle: "string",
+  customSectionTitle: "string"
+};
+const isObject = (obj) => typeof obj === "object" && !!obj && !Array.isArray(obj);
+const getVariableType = (arg) => {
+  if (Array.isArray(arg))
+    return "array";
+  if (arg === null)
+    return "null";
+  if (arg === void 0)
+    return "undefined";
   return typeof arg;
 };
-const isValidToolbarType = string => string === 'ds-app-picker' || string === 'ds-popup-menu' || string === 'ds-search-toggle' || string === 'custom';
+const isValidToolbarType = (string) => string === "ds-app-picker" || string === "ds-popup-menu" || string === "ds-search-toggle" || string === "custom";
 const throwBreadcrumbItemError = (validPropKey, invalidProp) => {
-  throw new Error("You are trying to pass a not valid \"".concat(validPropKey, "\" property for a breadcrumb item, please provide a valid type.\n\n  Received: ").concat(invalidProp, " (").concat(typeof invalidProp, ")\n  Expected: (").concat(breadcrumbProps[validPropKey], ")\n  "));
+  throw new Error(`You are trying to pass a not valid "${validPropKey}" property for a breadcrumb item, please provide a valid type.
+
+  Received: ${invalidProp} (${typeof invalidProp})
+  Expected: (${breadcrumbProps[validPropKey]})
+  `);
 };
 const throwToolbarPopupItemError = (validPropKey, invalidProp) => {
-  throw new Error("You are trying to pass a not valid \"".concat(validPropKey, "\" property inside componentProps for a ds-popup-menu \n    toolbar item, please provide a valid type.\n\n  Received: ").concat(invalidProp, " (").concat(getVariableType(invalidProp), ")\n  Expected: (").concat(toolbarProps[validPropKey], ")\n  "));
+  throw new Error(`You are trying to pass a not valid "${validPropKey}" property inside componentProps for a ds-popup-menu 
+    toolbar item, please provide a valid type.
+
+  Received: ${invalidProp} (${getVariableType(invalidProp)})
+  Expected: (${toolbarProps[validPropKey]})
+  `);
 };
 const throwToolbarAppPickerItemError = (validPropKey, invalidProp) => {
-  throw new Error("You are trying to pass a not valid \"".concat(validPropKey, "\" property inside componentProps for a ds-app-picker \n    toolbar item, please provide a valid type.\n\n  Received: ").concat(invalidProp, " (").concat(getVariableType(invalidProp), ")\n  Expected: (").concat(toolbarProps[validPropKey], ")\n  "));
+  throw new Error(`You are trying to pass a not valid "${validPropKey}" property inside componentProps for a ds-app-picker 
+    toolbar item, please provide a valid type.
+
+  Received: ${invalidProp} (${getVariableType(invalidProp)})
+  Expected: (${toolbarProps[validPropKey]})
+  `);
 };
 const throwToolbarItemGenericError = (validPropKey, invalidProp) => {
-  throw new Error("You are trying to pass a not valid \"".concat(validPropKey, "\" property for a toolbar item, please provide a valid type.\n\n  Received: ").concat(invalidProp, " (").concat(getVariableType(invalidProp), ")\n  Expected: (").concat(toolbarProps[validPropKey], ")\n  "));
+  throw new Error(`You are trying to pass a not valid "${validPropKey}" property for a toolbar item, please provide a valid type.
+
+  Received: ${invalidProp} (${getVariableType(invalidProp)})
+  Expected: (${toolbarProps[validPropKey]})
+  `);
 };
 const throwLogoError = (validPropKey, invalidProp) => {
-  throw new Error("You are trying to pass a not valid \"".concat(validPropKey, "\" property for a global header, \n    remember to provide both Logo and LogoWithBrand properties with a valid type.\n\n  Received: ").concat(invalidProp, " (").concat(getVariableType(invalidProp), ").\n  Expected: (react component).\n  "));
-};
+  throw new Error(`You are trying to pass a not valid "${validPropKey}" property for a global header, 
+    remember to provide both Logo and LogoWithBrand properties with a valid type.
 
-export { breadcrumbProps, getVariableType, isObject, isValidToolbarType, throwBreadcrumbItemError, throwLogoError, throwToolbarAppPickerItemError, throwToolbarItemGenericError, throwToolbarPopupItemError, toolbarProps };
+  Received: ${invalidProp} (${getVariableType(invalidProp)}).
+  Expected: (react component).
+  `);
+};
+export {
+  breadcrumbProps,
+  getVariableType,
+  isObject,
+  isValidToolbarType,
+  throwBreadcrumbItemError,
+  throwLogoError,
+  throwToolbarAppPickerItemError,
+  throwToolbarItemGenericError,
+  throwToolbarPopupItemError,
+  toolbarProps
+};
+//# sourceMappingURL=validateHelpers.js.map

package/esm/config/validateHelpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/validateHelpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const breadcrumbProps = {\n  label: 'string',\n  onClick: 'function',\n  hasNext: 'boolean',\n  isSelected: 'boolean',\n};\n\nexport const toolbarProps = {\n  label: 'string',\n  type: '\"ds-app-picker\" or \"ds-popup-menu\" or \"ds-search-toggle\"',\n  componentProps: 'object',\n  Icon: 'react component',\n  onClick: 'function',\n  options: 'array',\n  closeOnClick: 'boolean',\n  apps: 'array',\n  customApps: 'array',\n  sectionTitle: 'string',\n  customSectionTitle: 'string',\n};\n\nexport const isObject = (obj: unknown): boolean => typeof obj === 'object' && !!obj && !Array.isArray(obj);\n\nexport const getVariableType = (arg: unknown): string => {\n  if (Array.isArray(arg)) return 'array';\n  if (arg === null) return 'null';\n  if (arg === undefined) return 'undefined';\n  return typeof arg;\n};\n\nexport const isValidToolbarType = (string: unknown): boolean =>\n  string === 'ds-app-picker' || string === 'ds-popup-menu' || string === 'ds-search-toggle' || string === 'custom';\n\nexport const throwBreadcrumbItemError = (validPropKey: keyof typeof breadcrumbProps, invalidProp: unknown): void => {\n  throw new Error(\n    `You are trying to pass a not valid \"${validPropKey}\" property for a breadcrumb item, please provide a valid type.\n\n  Received: ${invalidProp} (${typeof invalidProp})\n  Expected: (${breadcrumbProps[validPropKey]})\n  `,\n  );\n};\n\nexport const throwToolbarPopupItemError = (validPropKey: keyof typeof toolbarProps, invalidProp: unknown): void => {\n  throw new Error(\n    `You are trying to pass a not valid \"${validPropKey}\" property inside componentProps for a ds-popup-menu \n    toolbar item, please provide a valid type.\n\n  Received: ${invalidProp} (${getVariableType(invalidProp)})\n  Expected: (${toolbarProps[validPropKey]})\n  `,\n  );\n};\n\nexport const throwToolbarAppPickerItemError = (validPropKey: keyof typeof toolbarProps, invalidProp: unknown): void => {\n  throw new Error(\n    `You are trying to pass a not valid \"${validPropKey}\" property inside componentProps for a ds-app-picker \n    toolbar item, please provide a valid type.\n\n  Received: ${invalidProp} (${getVariableType(invalidProp)})\n  Expected: (${toolbarProps[validPropKey]})\n  `,\n  );\n};\n\nexport const throwToolbarItemGenericError = (validPropKey: keyof typeof toolbarProps, invalidProp: unknown): void => {\n  throw new Error(\n    `You are trying to pass a not valid \"${validPropKey}\" property for a toolbar item, please provide a valid type.\n\n  Received: ${invalidProp} (${getVariableType(invalidProp)})\n  Expected: (${toolbarProps[validPropKey]})\n  `,\n  );\n};\n\nexport const throwLogoError = (validPropKey: string, invalidProp: unknown): void => {\n  throw new Error(\n    `You are trying to pass a not valid \"${validPropKey}\" property for a global header, \n    remember to provide both Logo and LogoWithBrand properties with a valid type.\n\n  Received: ${invalidProp} (${getVariableType(invalidProp)}).\n  Expected: (react component).\n  `,\n  );\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA;AAGP,MAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,oBAAoB;AAAA;AAGf,MAAM,WAAW,CAAC,QAA0B,OAAO,QAAQ,YAAY,CAAC,CAAC,OAAO,CAAC,MAAM,QAAQ;AAE/F,MAAM,kBAAkB,CAAC,QAAyB;AACvD,MAAI,MAAM,QAAQ;AAAM,WAAO;AAC/B,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,QAAQ;AAAW,WAAO;AAC9B,SAAO,OAAO;AAAA;AAGT,MAAM,qBAAqB,CAAC,WACjC,WAAW,mBAAmB,WAAW,mBAAmB,WAAW,sBAAsB,WAAW;AAEnG,MAAM,2BAA2B,CAAC,cAA4C,gBAA+B;AAClH,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA,cAE7B,gBAAgB,OAAO;AAAA,eACtB,gBAAgB;AAAA;AAAA;AAKxB,MAAM,6BAA6B,CAAC,cAAyC,gBAA+B;AACjH,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA;AAAA,cAG7B,gBAAgB,gBAAgB;AAAA,eAC/B,aAAa;AAAA;AAAA;AAKrB,MAAM,iCAAiC,CAAC,cAAyC,gBAA+B;AACrH,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA;AAAA,cAG7B,gBAAgB,gBAAgB;AAAA,eAC/B,aAAa;AAAA;AAAA;AAKrB,MAAM,+BAA+B,CAAC,cAAyC,gBAA+B;AACnH,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA,cAE7B,gBAAgB,gBAAgB;AAAA,eAC/B,aAAa;AAAA;AAAA;AAKrB,MAAM,iBAAiB,CAAC,cAAsB,gBAA+B;AAClF,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA;AAAA,cAG7B,gBAAgB,gBAAgB;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/defaultProps.js

@@ -1,10 +1,12 @@
+import * as React from "react";
 const emptyComp = () => null;
-
 const defaultProps = {
   breadcrumb: [],
   toolbar: [],
   LogoWithBrand: emptyComp,
   Logo: emptyComp
 };
-
-export { defaultProps };
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/esm/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GlobalHeaderPropsT } from './GlobalHeaderTypes';\n\nconst emptyComp = () => null;\n\nexport const defaultProps: GlobalHeaderPropsT = {\n  breadcrumb: [],\n  toolbar: [],\n  LogoWithBrand: emptyComp,\n  Logo: emptyComp,\n};\n"],
+  "mappings": "AAAA;ACEA,MAAM,YAAY,MAAM;AAEjB,MAAM,eAAmC;AAAA,EAC9C,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,eAAe;AAAA,EACf,MAAM;AAAA;",
+  "names": []
+}

package/esm/index.js

@@ -1 +1,7 @@
-export { GlobalHeader, GlobalHeaderWithSchema, GlobalHeader as default } from './GlobalHeader.js';
+import * as React from "react";
+export * from "./GlobalHeader";
+import { GlobalHeader } from "./GlobalHeader";
+export {
+  GlobalHeader as default
+};
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/esm/outOfTheBox/AppPicker/AppPicker.js

@@ -1,35 +1,16 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useState, useRef, useCallback, useMemo } from 'react';
-import { DSAppPicker } from '@elliemae/ds-app-picker';
-import { mergeRefs } from '@elliemae/ds-utilities';
-import { MenuPicker } from '@elliemae/ds-icons';
-import { Button } from '../../components/Toolbar/styles.js';
-import { getDataProps } from '@elliemae/ds-props-helpers';
-import { jsx } from 'react/jsx-runtime';
-
-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(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(_ref, _excluded);
-
+import * as React from "react";
+import React2, { useState, useRef, useCallback, useMemo } from "react";
+import { DSAppPicker } from "@elliemae/ds-app-picker";
+import { mergeRefs } from "@elliemae/ds-utilities";
+import { MenuPicker } from "@elliemae/ds-icons";
+import { getDataProps } from "@elliemae/ds-props-helpers";
+import { Button } from "../../components/Toolbar/styles";
+const AppPicker = ({
+  label,
+  id,
+  componentProps,
+  ...otherProps
+}) => {
   const [isOpen, setIsOpen] = useState(false);
   const buttonRef = useRef(null);
   const {
@@ -47,17 +28,15 @@ const AppPicker = _ref => {
     triggerRef,
     triggerOnClick
   } = componentProps;
-  const handleTriggerKeyDown = useCallback(e => {
-    if (e.code === 'Enter' || e.code === 'Space') {
+  const handleTriggerKeyDown = useCallback((e) => {
+    if (e.code === "Enter" || e.code === "Space") {
       setIsOpen(true);
     }
   }, []);
-  const handleAppPickerOnKeyDown = useCallback(e => {
-    if (e.code === 'Escape') {
-      var _buttonRef$current;
-
+  const handleAppPickerOnKeyDown = 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 = useCallback(() => {
@@ -66,42 +45,37 @@ const AppPicker = _ref => {
   const handleOnClick = useCallback(() => {
     setIsOpen(true);
   }, []);
-  const renderTrigger = useMemo(() => _ref2 => {
-    let {
-      ref
-    } = _ref2;
-    return /*#__PURE__*/jsx("div", {
-      ref: ref,
-      children: /*#__PURE__*/jsx(Button, _objectSpread(_objectSpread({
-        onClick: triggerOnClick !== null && triggerOnClick !== void 0 ? triggerOnClick : handleOnClick,
-        onKeyDown: handleTriggerKeyDown,
-        ref: mergeRefs(buttonRef, triggerRef),
-        title: label,
-        "data-testid": "gh-toolbar-item",
-        id: id
-      }, getDataProps(otherProps)), {}, {
-        children: _MenuPicker || (_MenuPicker = /*#__PURE__*/_jsx(MenuPicker, {
-          fill: "#FFF",
-          width: 20.73,
-          height: 20.73
-        }))
-      }))
-    });
-  }, [triggerOnClick, handleOnClick, handleTriggerKeyDown, triggerRef, label, id, otherProps]);
-  return /*#__PURE__*/_jsx(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 = useMemo(() => ({ ref }) => /* @__PURE__ */ React2.createElement("div", {
+    ref
+  }, /* @__PURE__ */ React2.createElement(Button, {
+    onClick: triggerOnClick ?? handleOnClick,
+    onKeyDown: handleTriggerKeyDown,
+    ref: mergeRefs(buttonRef, triggerRef),
+    title: label,
+    "data-testid": "gh-toolbar-item",
+    id,
+    ...getDataProps(otherProps)
+  }, /* @__PURE__ */ React2.createElement(MenuPicker, {
+    fill: "#FFF",
+    width: 20.73,
+    height: 20.73
+  }))), [triggerOnClick, handleOnClick, handleTriggerKeyDown, triggerRef, label, id, otherProps]);
+  return /* @__PURE__ */ React2.createElement(DSAppPicker, {
+    apps,
+    customApps,
+    sectionTitle,
+    customSectionTitle,
+    icon,
+    onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
+    actionRef,
+    onClickOutside: userOnClickOutside ?? handleOnClickOutside,
+    renderTrigger: userRenderTrigger ?? renderTrigger,
+    isOpen: userIsOpen ?? isOpen,
+    onClose,
+    triggerRef
   });
 };
-
-export { AppPicker };
+export {
+  AppPicker
+};
+//# sourceMappingURL=AppPicker.js.map

package/esm/outOfTheBox/AppPicker/AppPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/AppPicker/AppPicker.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAIO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAIc;AACjB,QAAM,CAAC,QAAQ,aAAa,SAAkB;AAC9C,QAAM,YAAY,OAA0B;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,YAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;AAC5C,gBAAU;AAAA;AAAA,KAEX;AAEH,QAAM,2BAAwD,YAAY,CAAC,MAAM;AAC/E,QAAI,EAAE,SAAS,UAAU;AACvB,gBAAU;AACV,iBAAW,SAAS;AAAA;AAAA,KAErB;AAEH,QAAM,uBAAyD,YAAY,MAAM;AAC/E,cAAU;AAAA,KACT;AAEH,QAAM,gBAAyC,YAAY,MAAM;AAC/D,cAAU;AAAA,KACT;AAEH,QAAM,gBAAiD,QACrD,MACE,CAAC,EAAE,UAEC,qCAAC,OAAD;AAAA,IAAK;AAAA,KACH,qCAAC,QAAD;AAAA,IACE,SAAS,kBAAkB;AAAA,IAC3B,WAAW;AAAA,IACX,KAAK,UAAU,WAAW;AAAA,IAC1B,OAAO;AAAA,IACP,eAAY;AAAA,IACZ;AAAA,OACI,aAAa;AAAA,KAEjB,qCAAC,YAAD;AAAA,IAAY,MAAK;AAAA,IAAO,OAAO;AAAA,IAAO,QAAQ;AAAA,QAIxD,CAAC,gBAAgB,eAAe,sBAAsB,YAAY,OAAO,IAAI;AAG/E,SACE,qCAAC,aAAD;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/esm/outOfTheBox/PopupMenu/PopupMenu.js

@@ -1,36 +1,10 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useState, useCallback, useMemo } from 'react';
-import { DSPopperJS } from '@elliemae/ds-popperjs';
-import { PopupMenuContent } from './PopupMenuContent.js';
-import { Button } from '../../components/Toolbar/styles.js';
-import { getDataProps } from '@elliemae/ds-props-helpers';
-import { jsx } from 'react/jsx-runtime';
-
-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(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(_ref, _excluded);
-
+import * as React from "react";
+import React2, { useState, useCallback, useMemo } from "react";
+import { DSPopperJS } from "@elliemae/ds-popperjs";
+import { PopupMenuContent } from "./PopupMenuContent";
+import { Button } from "../../components/Toolbar/styles";
+import { getDataProps } from "@elliemae/ds-props-helpers";
+const PopupMenu = ({ Icon, title, onClick, id, componentProps, ...otherProps }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [buttonRef, setButtonRef] = useState(null);
   const {
@@ -41,51 +15,53 @@ const PopupMenu = _ref => {
     options,
     closeOnClick
   } = componentProps;
-  const handleKeyPress = useCallback(e => {
-    if (e.code === 'Enter' || e.code === 'Space') {
+  const handleKeyPress = useCallback((e) => {
+    if (e.code === "Enter" || e.code === "Space") {
       setIsOpen(true);
     }
-
-    if (onKeyPress) onKeyPress(e);
+    if (onKeyPress)
+      onKeyPress(e);
   }, [onKeyPress]);
   const handleOnClose = useCallback(() => {
-    if (userIsOpen === undefined) {
+    if (userIsOpen === void 0) {
       setIsOpen(false);
     }
-
-    buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.focus();
+    buttonRef?.focus();
   }, [buttonRef, userIsOpen]);
-  const handleTriggerOnClick = useCallback(e => {
-    if (userIsOpen === undefined) setIsOpen(true);
+  const handleTriggerOnClick = useCallback((e) => {
+    if (userIsOpen === void 0)
+      setIsOpen(true);
     onClick(e);
   }, [onClick, userIsOpen]);
   const handleItemClick = useCallback(() => {
-    if (closeOnClick && userIsOpen === undefined) handleOnClose();
+    if (closeOnClick && userIsOpen === void 0)
+      handleOnClose();
   }, [closeOnClick, handleOnClose, userIsOpen]);
-  const content = useMemo(() => _PopupMenuContent || (_PopupMenuContent = /*#__PURE__*/_jsx(PopupMenuContent, {
-    options: options,
+  const content = useMemo(() => /* @__PURE__ */ React2.createElement(PopupMenuContent, {
+    options,
     onItemClick: handleItemClick,
     onClose: handleOnClose,
-    popupOnKeyPress: popupOnKeyPress
-  })), [options, handleItemClick, handleOnClose, popupOnKeyPress]);
-  return /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/jsx(Button, _objectSpread(_objectSpread({
+    popupOnKeyPress
+  }), [options, handleItemClick, handleOnClose, popupOnKeyPress]);
+  return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(Button, {
     onClick: handleTriggerOnClick,
     onKeyPress: handleKeyPress,
-    title: title,
+    title,
     ref: setButtonRef,
     "data-testid": "gh-toolbar-item",
-    id: id
-  }, getDataProps(otherProps)), {}, {
-    children: Icon && /*#__PURE__*/_jsx(Icon, {
-      fill: "#FFF",
-      size: "m"
-    })
-  })), /*#__PURE__*/_jsx(DSPopperJS, {
+    id,
+    ...getDataProps(otherProps)
+  }, Icon && /* @__PURE__ */ React2.createElement(Icon, {
+    fill: "#FFF",
+    size: "m"
+  })), /* @__PURE__ */ React2.createElement(DSPopperJS, {
     referenceElement: buttonRef,
-    showPopover: userIsOpen !== null && userIsOpen !== void 0 ? userIsOpen : isOpen,
+    showPopover: userIsOpen ?? isOpen,
     closeContextMenu: handleOnClose,
-    onClickOutside: onClickOutside
-  }, void 0, content));
+    onClickOutside
+  }, content));
+};
+export {
+  PopupMenu
 };
-
-export { PopupMenu };
+//# sourceMappingURL=PopupMenu.js.map