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

package/cjs/GlobalHeader.js

@@ -1,37 +1,57 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var propTypes = require('./propTypes.js');
-var GlobalHeaderTitle = require('./components/Title/GlobalHeaderTitle.js');
-var GlobalHeaderBreadcrumb = require('./components/Breadcrumb/GlobalHeaderBreadcrumb.js');
-var GlobalHeaderToolbar = require('./components/Toolbar/GlobalHeaderToolbar.js');
-var GlobalHeaderContext = require('./GlobalHeaderContext.js');
-var useGlobalHeader = require('./config/useGlobalHeader.js');
-var defaultProps = require('./defaultProps.js');
-var GlobalHeaderContainer = require('./GlobalHeaderContainer.js');
-var useValidateProps = require('./config/useValidateProps.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _GlobalHeaderTitle, _GlobalHeaderBreadcru, _GlobalHeaderToolbar;
-
-const GlobalHeader = props => {
-  useValidateProps.useValidateProps(props);
-  const ctx = useGlobalHeader.useGlobalHeader(props);
-  return /*#__PURE__*/_jsx__default["default"](GlobalHeaderContainer.GlobalHeaderContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](GlobalHeaderContext.GlobalHeaderContext.Provider, {
+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 GlobalHeader_exports = {};
+__export(GlobalHeader_exports, {
+  GlobalHeader: () => GlobalHeader,
+  GlobalHeaderWithSchema: () => GlobalHeaderWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = __toESM(require("react-desc"));
+var import_propTypes = __toESM(require("./propTypes"));
+var import_GlobalHeaderTitle = __toESM(require("./components/Title/GlobalHeaderTitle"));
+var import_GlobalHeaderBreadcrumb = __toESM(require("./components/Breadcrumb/GlobalHeaderBreadcrumb"));
+var import_GlobalHeaderToolbar = __toESM(require("./components/Toolbar/GlobalHeaderToolbar"));
+var import_GlobalHeaderContext = __toESM(require("./GlobalHeaderContext"));
+var import_useGlobalHeader = __toESM(require("./config/useGlobalHeader"));
+var import_defaultProps = __toESM(require("./defaultProps"));
+var import_GlobalHeaderContainer = __toESM(require("./GlobalHeaderContainer"));
+var import_useValidateProps = __toESM(require("./config/useValidateProps"));
+const GlobalHeader = (props) => {
+  (0, import_useValidateProps.useValidateProps)(props);
+  const ctx = (0, import_useGlobalHeader.useGlobalHeader)(props);
+  return /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderContainer.GlobalHeaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderContext.GlobalHeaderContext.Provider, {
     value: ctx
-  }, void 0, _GlobalHeaderTitle || (_GlobalHeaderTitle = /*#__PURE__*/_jsx__default["default"](GlobalHeaderTitle.GlobalHeaderTitle, {})), _GlobalHeaderBreadcru || (_GlobalHeaderBreadcru = /*#__PURE__*/_jsx__default["default"](GlobalHeaderBreadcrumb.GlobalHeaderBreadcrumb, {})), _GlobalHeaderToolbar || (_GlobalHeaderToolbar = /*#__PURE__*/_jsx__default["default"](GlobalHeaderToolbar.GlobalHeaderToolbar, {}))));
+  }, /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderTitle.GlobalHeaderTitle, null), /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderBreadcrumb.GlobalHeaderBreadcrumb, null), /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderToolbar.GlobalHeaderToolbar, null)));
 };
-
-GlobalHeader.defaultProps = defaultProps.defaultProps;
-const GlobalHeaderWithSchema = reactDesc.describe(GlobalHeader);
-GlobalHeaderWithSchema.propTypes = propTypes.globalHeaderProps;
-
-exports.GlobalHeader = GlobalHeader;
-exports.GlobalHeaderWithSchema = GlobalHeaderWithSchema;
+GlobalHeader.defaultProps = import_defaultProps.defaultProps;
+GlobalHeader.propTypes = import_propTypes.globalHeaderProps;
+const GlobalHeaderWithSchema = (0, import_react_desc.describe)(GlobalHeader);
+GlobalHeaderWithSchema.propTypes = import_propTypes.globalHeaderProps;
+module.exports = __toCommonJS(GlobalHeader_exports);
+//# sourceMappingURL=GlobalHeader.js.map

package/cjs/GlobalHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/GlobalHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { globalHeaderProps } from './propTypes';\nimport type { GlobalHeaderPropsT as Props } from './GlobalHeaderTypes';\nimport { GlobalHeaderTitle } from './components/Title/GlobalHeaderTitle';\nimport { GlobalHeaderBreadcrumb } from './components/Breadcrumb/GlobalHeaderBreadcrumb';\nimport { GlobalHeaderToolbar } from './components/Toolbar/GlobalHeaderToolbar';\nimport { GlobalHeaderContext } from './GlobalHeaderContext';\nimport { useGlobalHeader } from './config/useGlobalHeader';\nimport { defaultProps } from './defaultProps';\nimport { GlobalHeaderContainer } from './GlobalHeaderContainer';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst GlobalHeader = (props: Props): JSX.Element => {\n  useValidateProps(props);\n  const ctx = useGlobalHeader(props);\n  return (\n    <GlobalHeaderContainer>\n      <GlobalHeaderContext.Provider value={ctx}>\n        <GlobalHeaderTitle />\n        <GlobalHeaderBreadcrumb />\n        <GlobalHeaderToolbar />\n      </GlobalHeaderContext.Provider>\n    </GlobalHeaderContainer>\n  );\n};\n\nGlobalHeader.defaultProps = defaultProps;\n\nGlobalHeader.propTypes = globalHeaderProps;\nconst GlobalHeaderWithSchema = describe(GlobalHeader);\nGlobalHeaderWithSchema.propTypes = globalHeaderProps;\n\nexport { GlobalHeader, GlobalHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,uBAAkC;AAElC,+BAAkC;AAClC,oCAAuC;AACvC,iCAAoC;AACpC,iCAAoC;AACpC,6BAAgC;AAChC,0BAA6B;AAC7B,mCAAsC;AACtC,8BAAiC;AAEjC,MAAM,eAAe,CAAC,UAA8B;AAClD,gDAAiB;AACjB,QAAM,MAAM,4CAAgB;AAC5B,SACE,mDAAC,oDAAD,MACE,mDAAC,+CAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,mDAAC,4CAAD,OACA,mDAAC,sDAAD,OACA,mDAAC,gDAAD;AAAA;AAMR,aAAa,eAAe;AAE5B,aAAa,YAAY;AACzB,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;",
+  "names": []
+}

package/cjs/GlobalHeaderContainer.js

@@ -1,24 +1,41 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styles = require('./styles.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const GlobalHeaderContainer = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"]("header", {
-    "data-testid": "ds-global-header"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styles.Wrapper, {
-    cols: ['auto', '1fr', 'auto']
-  }, void 0, children));
+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 });
 };
-
-exports.GlobalHeaderContainer = GlobalHeaderContainer;
+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 GlobalHeaderContainer_exports = {};
+__export(GlobalHeaderContainer_exports, {
+  GlobalHeaderContainer: () => GlobalHeaderContainer
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styles = __toESM(require("./styles"));
+const GlobalHeaderContainer = ({ children }) => /* @__PURE__ */ import_react.default.createElement("header", {
+  "data-testid": "ds-global-header"
+}, /* @__PURE__ */ import_react.default.createElement(import_styles.Wrapper, {
+  cols: ["auto", "1fr", "auto"]
+}, children));
+module.exports = __toCommonJS(GlobalHeaderContainer_exports);
+//# sourceMappingURL=GlobalHeaderContainer.js.map

package/cjs/GlobalHeaderContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/GlobalHeaderContainer.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport type { GlobalHeaderContainerT } from './GlobalHeaderTypes';\nimport { Wrapper } from './styles';\n\nexport const GlobalHeaderContainer = ({ children }: GlobalHeaderContainerT): JSX.Element => (\n  <header data-testid=\"ds-global-header\">\n    <Wrapper cols={['auto', '1fr', 'auto']}>{children}</Wrapper>\n  </header>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,oBAAwB;AAEjB,MAAM,wBAAwB,CAAC,EAAE,eACtC,mDAAC,UAAD;AAAA,EAAQ,eAAY;AAAA,GAClB,mDAAC,uBAAD;AAAA,EAAS,MAAM,CAAC,QAAQ,OAAO;AAAA,GAAU;",
+  "names": []
+}

package/cjs/GlobalHeaderContext.js

@@ -1,20 +1,46 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var defaultProps = require('./defaultProps.js');
-
+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 GlobalHeaderContext_exports = {};
+__export(GlobalHeaderContext_exports, {
+  GlobalHeaderContext: () => GlobalHeaderContext
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_defaultProps = __toESM(require("./defaultProps"));
 const noop = () => null;
-
 const defaultContext = {
-  props: defaultProps.defaultProps,
+  props: import_defaultProps.defaultProps,
   showIconOnly: false,
   setShowIconOnly: noop,
-  instanceUID: '',
+  instanceUID: "",
   globalHeaderToolbarGrid: [],
   globalHeaderBreadcrumbGrid: []
 };
-const GlobalHeaderContext = /*#__PURE__*/React.createContext(defaultContext);
-
-exports.GlobalHeaderContext = GlobalHeaderContext;
+const GlobalHeaderContext = (0, import_react.createContext)(defaultContext);
+module.exports = __toCommonJS(GlobalHeaderContext_exports);
+//# sourceMappingURL=GlobalHeaderContext.js.map

package/cjs/GlobalHeaderContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/GlobalHeaderContext.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { createContext } from 'react';\nimport { defaultProps } from './defaultProps';\nimport type { ContextT } from './GlobalHeaderTypes';\n\nconst noop = () => null;\n\nconst defaultContext = {\n  props: defaultProps,\n  showIconOnly: false,\n  setShowIconOnly: noop,\n  instanceUID: '',\n  globalHeaderToolbarGrid: [],\n  globalHeaderBreadcrumbGrid: [],\n};\n\nexport const GlobalHeaderContext = createContext<ContextT>(defaultContext);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAC9B,0BAA6B;AAG7B,MAAM,OAAO,MAAM;AAEnB,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,yBAAyB;AAAA,EACzB,4BAA4B;AAAA;AAGvB,MAAM,sBAAsB,gCAAwB;",
+  "names": []
+}

package/cjs/GlobalHeaderTypes.js

@@ -1,2 +1,27 @@
-'use strict';
-
+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 __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 GlobalHeaderTypes_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(GlobalHeaderTypes_exports);
+//# sourceMappingURL=GlobalHeaderTypes.js.map

package/cjs/GlobalHeaderTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/GlobalHeaderTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\n\nexport type AppPickerProps = React.ComponentProps<typeof DSAppPicker>;\nexport interface ContextT {\n  showIconOnly: boolean;\n  setShowIconOnly: React.Dispatch<React.SetStateAction<boolean>>;\n  instanceUID: string;\n  globalHeaderToolbarGrid: string[];\n  globalHeaderBreadcrumbGrid: string[];\n  props: GlobalHeaderPropsT;\n}\n\nexport interface GlobalHeaderContainerT {\n  children: React.ReactNode;\n}\n\nexport interface GlobalHeaderPropsT {\n  Logo?: React.ComponentType;\n  LogoWithBrand?: React.ComponentType;\n  breadcrumb?: BreadcrumbItemT[];\n  toolbar?: ToolbarItemT[];\n  appPickerProps?: AppPickerProps;\n}\n\nexport interface BreadcrumbItemT {\n  label: string;\n  hasNext?: boolean;\n  isSelected?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  length: number;\n}\n\nexport interface ToolbarItemT {\n  type?: 'ds-app-picker' | 'ds-popup-menu' | 'ds-search-toggle' | 'custom';\n  label: string;\n  Icon: React.ComponentType<Record<string, unknown>>;\n  onClick: (event: React.MouseEvent<HTMLElement>) => void;\n  componentProps?: PopupPropsT | AppPickerProps | SearchTogglePropsT;\n  CustomComponent?: React.ComponentType<{ item: ToolbarItemT }>;\n}\n\nexport interface PopupPropsT {\n  Icon?: React.ComponentType<Record<string, unknown>>;\n  options: PopupMenuItemT[];\n  closeOnClick?: boolean;\n  title?: string;\n  onClick: (event: React.MouseEvent<HTMLElement>) => void;\n}\n\nexport interface AppPickerMenuItemT {\n  label: string;\n  icon: React.ComponentType;\n  onClick: (event: React.MouseEvent<HTMLElement>) => void;\n  disabled?: boolean;\n}\n\nexport interface PopupMenuItemT extends Record<string, unknown> {\n  type?: string;\n  Icon?: React.ComponentType;\n  label?: string;\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  closeOnClick?: boolean;\n  Content?: React.ComponentType;\n}\n\nexport interface PopupMenuContentPropsT {\n  options: PopupMenuItemT[];\n  onItemClick: (event: React.MouseEvent<HTMLElement>) => void;\n  onClose: () => void;\n}\n\nexport interface PipeT {\n  showIconOnly: boolean;\n}\n\nexport interface LabelT {\n  isSelected: boolean;\n  isOnlyItem: boolean;\n}\n\nexport interface SearchTogglePropsT {\n  onNext: () => void;\n  onPrevious: () => void;\n  currentResultIndex: number;\n  totalResults: number;\n  placeholder: string;\n  value: string;\n  onChange: () => void;\n  onBlur: () => void;\n  onClear: () => void;\n  isOpen: boolean;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  onClick: (e: React.MouseEvent) => void;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js

@@ -1,50 +1,53 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _jsx = require('@babel/runtime/helpers/jsx');
-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 dsGrid = require('@elliemae/ds-grid');
-var styles = require('./styles.js');
-var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
-var PureBreadcrumb = require('./PureBreadcrumb.js');
-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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const _excluded = ["label"];
-
-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; }
+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 GlobalHeaderBreadcrumb_exports = {};
+__export(GlobalHeaderBreadcrumb_exports, {
+  GlobalHeaderBreadcrumb: () => GlobalHeaderBreadcrumb
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
+var import_styles = __toESM(require("./styles"));
+var import_GlobalHeaderContext = __toESM(require("../../GlobalHeaderContext"));
+var import_PureBreadcrumb = __toESM(require("./PureBreadcrumb"));
 const GlobalHeaderBreadcrumb = () => {
   const {
-    props: {
-      breadcrumb
-    },
+    props: { breadcrumb },
     instanceUID,
     showIconOnly,
     setShowIconOnly,
     globalHeaderBreadcrumbGrid
-  } = React.useContext(GlobalHeaderContext.GlobalHeaderContext);
-  const breakpoint = React.useRef(null);
-  const flexRegion = React.useRef(null);
-  React.useEffect(() => {
+  } = (0, import_react.useContext)(import_GlobalHeaderContext.GlobalHeaderContext);
+  const breakpoint = (0, import_react.useRef)(null);
+  const flexRegion = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
     const evaluateShowIconOnly = () => {
-      if (flexRegion && flexRegion.current && (flexRegion === null || flexRegion === void 0 ? void 0 : flexRegion.current.offsetWidth) <= 0 && !breakpoint.current) {
+      if (flexRegion && flexRegion.current && flexRegion?.current.offsetWidth <= 0 && !breakpoint.current) {
         setShowIconOnly(true);
         breakpoint.current = window.innerWidth;
       } else if (breakpoint && breakpoint.current !== null && window.innerWidth >= breakpoint.current) {
@@ -52,34 +55,31 @@ const GlobalHeaderBreadcrumb = () => {
         breakpoint.current = null;
       }
     };
-
     evaluateShowIconOnly();
-    window.addEventListener('resize', evaluateShowIconOnly);
-    return () => window.removeEventListener('resize', evaluateShowIconOnly);
+    window.addEventListener("resize", evaluateShowIconOnly);
+    return () => window.removeEventListener("resize", evaluateShowIconOnly);
   }, [breakpoint, flexRegion, setShowIconOnly]);
-  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     height: "100%",
     alignItems: "center",
     justifyContent: "flex-start",
     "aria-label": "breadcrumbs",
     cols: globalHeaderBreadcrumbGrid,
     role: "navigation"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styles.Pipe, {
-    showIconOnly: showIconOnly
-  }), breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.map(item => {
-    const {
-      label
-    } = item,
-          rest = _objectWithoutProperties__default["default"](item, _excluded);
-
-    return /*#__PURE__*/jsxRuntime.jsx(PureBreadcrumb.PureBreadcrumb, _objectSpread({
-      label: label,
-      length: breadcrumb.length
-    }, rest), "".concat(instanceUID, "-breadcrumb-item-").concat(label));
-  }), /*#__PURE__*/jsxRuntime.jsx("div", {
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.Pipe, {
+    showIconOnly
+  }), breadcrumb?.map((item) => {
+    const { label, ...rest } = item;
+    return /* @__PURE__ */ import_react.default.createElement(import_PureBreadcrumb.PureBreadcrumb, {
+      label,
+      length: breadcrumb.length,
+      key: `${instanceUID}-breadcrumb-item-${label}`,
+      ...rest
+    });
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
     id: "global-header-flex-region",
     ref: flexRegion
   }));
 };
-
-exports.GlobalHeaderBreadcrumb = GlobalHeaderBreadcrumb;
+module.exports = __toCommonJS(GlobalHeaderBreadcrumb_exports);
+//# sourceMappingURL=GlobalHeaderBreadcrumb.js.map

package/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Breadcrumb/GlobalHeaderBreadcrumb.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useEffect, useContext, useRef } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Pipe } from './styles';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\nimport { PureBreadcrumb } from './PureBreadcrumb';\n\nexport const GlobalHeaderBreadcrumb = (): JSX.Element => {\n  const {\n    props: { breadcrumb },\n    instanceUID,\n    showIconOnly,\n    setShowIconOnly,\n    globalHeaderBreadcrumbGrid,\n  } = useContext(GlobalHeaderContext);\n  const breakpoint = useRef<number | null>(null);\n  const flexRegion = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const evaluateShowIconOnly = () => {\n      if (flexRegion && flexRegion.current && flexRegion?.current.offsetWidth <= 0 && !breakpoint.current) {\n        setShowIconOnly(true);\n        breakpoint.current = window.innerWidth;\n      } else if (breakpoint && breakpoint.current !== null && window.innerWidth >= breakpoint.current) {\n        setShowIconOnly(false);\n        breakpoint.current = null;\n      }\n    };\n\n    evaluateShowIconOnly();\n\n    window.addEventListener('resize', evaluateShowIconOnly);\n    return () => window.removeEventListener('resize', evaluateShowIconOnly);\n  }, [breakpoint, flexRegion, setShowIconOnly]);\n\n  return (\n    <Grid\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"flex-start\"\n      aria-label=\"breadcrumbs\"\n      cols={globalHeaderBreadcrumbGrid}\n      role=\"navigation\"\n    >\n      <Pipe showIconOnly={showIconOnly} />\n      {breadcrumb?.map((item) => {\n        const { label, ...rest } = item;\n        return (\n          <PureBreadcrumb\n            label={label}\n            length={breadcrumb.length}\n            key={`${instanceUID}-breadcrumb-item-${label}`}\n            {...rest}\n          />\n        );\n      })}\n      <div id=\"global-header-flex-region\" ref={flexRegion}></div>\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,qBAAqB;AACrB,oBAAqB;AACrB,iCAAoC;AACpC,4BAA+B;AAExB,MAAM,yBAAyB,MAAmB;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AACf,QAAM,aAAa,yBAAsB;AACzC,QAAM,aAAa,yBAAuB;AAE1C,8BAAU,MAAM;AACd,UAAM,uBAAuB,MAAM;AACjC,UAAI,cAAc,WAAW,WAAW,YAAY,QAAQ,eAAe,KAAK,CAAC,WAAW,SAAS;AACnG,wBAAgB;AAChB,mBAAW,UAAU,OAAO;AAAA,iBACnB,cAAc,WAAW,YAAY,QAAQ,OAAO,cAAc,WAAW,SAAS;AAC/F,wBAAgB;AAChB,mBAAW,UAAU;AAAA;AAAA;AAIzB;AAEA,WAAO,iBAAiB,UAAU;AAClC,WAAO,MAAM,OAAO,oBAAoB,UAAU;AAAA,KACjD,CAAC,YAAY,YAAY;AAE5B,SACE,mDAAC,qBAAD;AAAA,IACE,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,cAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAK;AAAA,KAEL,mDAAC,oBAAD;AAAA,IAAM;AAAA,MACL,YAAY,IAAI,CAAC,SAAS;AACzB,UAAM,EAAE,UAAU,SAAS;AAC3B,WACE,mDAAC,sCAAD;AAAA,MACE;AAAA,MACA,QAAQ,WAAW;AAAA,MACnB,KAAK,GAAG,+BAA+B;AAAA,SACnC;AAAA;AAAA,MAIV,mDAAC,OAAD;AAAA,IAAK,IAAG;AAAA,IAA4B,KAAK;AAAA;AAAA;",
+  "names": []
+}

package/cjs/components/Breadcrumb/PureBreadcrumb.js

@@ -1,60 +1,51 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var styles = require('./styles.js');
-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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _ChevronSmallRight;
-
-const _excluded = ["onClick", "isSelected", "length", "label", "hasNext", "id"];
-
-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 PureBreadcrumb = /*#__PURE__*/React__default["default"].memo(_ref => {
-  let {
-    onClick,
-    isSelected,
-    length,
-    label,
-    hasNext,
-    id
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/_jsx__default["default"](styles.BreadcrumbItem, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(styles.LabelButton, _objectSpread(_objectSpread({
-    onClick: onClick,
-    "aria-selected": isSelected,
-    "data-testid": "gh-breadcrumb-btn",
-    id: id
-  }, dsPropsHelpers.getDataProps(rest)), {}, {
-    children: /*#__PURE__*/_jsx__default["default"](styles.Label, {
-      isSelected: !!isSelected,
-      isOnlyItem: length === 1
-    }, void 0, label)
-  })), hasNext && (_ChevronSmallRight || (_ChevronSmallRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallRight, {
-    size: "m",
-    fill: "#FFF"
-  }))));
+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 PureBreadcrumb_exports = {};
+__export(PureBreadcrumb_exports, {
+  PureBreadcrumb: () => PureBreadcrumb
 });
-
-exports.PureBreadcrumb = PureBreadcrumb;
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+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("./styles"));
+const PureBreadcrumb = import_react.default.memo(({ onClick, isSelected, length, label, hasNext, id, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_styles.BreadcrumbItem, null, /* @__PURE__ */ import_react.default.createElement(import_styles.LabelButton, {
+  onClick,
+  "aria-selected": isSelected,
+  "data-testid": "gh-breadcrumb-btn",
+  id,
+  ...(0, import_ds_props_helpers.getDataProps)(rest)
+}, /* @__PURE__ */ import_react.default.createElement(import_styles.Label, {
+  isSelected: !!isSelected,
+  isOnlyItem: length === 1
+}, label)), hasNext && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallRight, {
+  size: "m",
+  fill: "#FFF"
+})));
+module.exports = __toCommonJS(PureBreadcrumb_exports);
+//# sourceMappingURL=PureBreadcrumb.js.map

package/cjs/components/Breadcrumb/PureBreadcrumb.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Breadcrumb/PureBreadcrumb.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\nimport { BreadcrumbItem, LabelButton, Label } from './styles';\nimport type { BreadcrumbItemT as Props } from '../../GlobalHeaderTypes';\n\nexport const PureBreadcrumb = React.memo(({ onClick, isSelected, length, label, hasNext, id, ...rest }: Props) => (\n  <BreadcrumbItem>\n    <LabelButton\n      onClick={onClick}\n      aria-selected={isSelected}\n      data-testid=\"gh-breadcrumb-btn\"\n      id={id}\n      {...getDataProps(rest)}\n    >\n      <Label isSelected={!!isSelected} isOnlyItem={length === 1}>\n        {label}\n      </Label>\n    </LabelButton>\n    {hasNext && <ChevronSmallRight size=\"m\" fill=\"#FFF\" />}\n  </BreadcrumbItem>\n));\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAAkC;AAClC,8BAA6B;AAC7B,oBAAmD;AAG5C,MAAM,iBAAiB,qBAAM,KAAK,CAAC,EAAE,SAAS,YAAY,QAAQ,OAAO,SAAS,OAAO,WAC9F,mDAAC,8BAAD,MACE,mDAAC,2BAAD;AAAA,EACE;AAAA,EACA,iBAAe;AAAA,EACf,eAAY;AAAA,EACZ;AAAA,KACI,0CAAa;AAAA,GAEjB,mDAAC,qBAAD;AAAA,EAAO,YAAY,CAAC,CAAC;AAAA,EAAY,YAAY,WAAW;AAAA,GACrD,SAGJ,WAAW,mDAAC,mCAAD;AAAA,EAAmB,MAAK;AAAA,EAAI,MAAK;AAAA;",
+  "names": []
+}