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

package/cjs/GlobalHeader.js

@@ -1,57 +1,37 @@
-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, {
+'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, {
     value: ctx
-  }, /* @__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)));
+  }, 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, {}))));
 };
-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
+
+GlobalHeader.defaultProps = defaultProps.defaultProps;
+const GlobalHeaderWithSchema = reactDesc.describe(GlobalHeader);
+GlobalHeaderWithSchema.propTypes = propTypes.globalHeaderProps;
+
+exports.GlobalHeader = GlobalHeader;
+exports.GlobalHeaderWithSchema = GlobalHeaderWithSchema;

package/cjs/GlobalHeaderContainer.js

@@ -1,41 +1,24 @@
-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 });
+'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 __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
+
+exports.GlobalHeaderContainer = GlobalHeaderContainer;

package/cjs/GlobalHeaderContext.js

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

package/cjs/GlobalHeaderTypes.js

@@ -1,27 +1,2 @@
-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
+'use strict';
+

package/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js

@@ -1,53 +1,50 @@
-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"));
+'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; }
 const GlobalHeaderBreadcrumb = () => {
   const {
-    props: { breadcrumb },
+    props: {
+      breadcrumb
+    },
     instanceUID,
     showIconOnly,
     setShowIconOnly,
     globalHeaderBreadcrumbGrid
-  } = (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)(() => {
+  } = React.useContext(GlobalHeaderContext.GlobalHeaderContext);
+  const breakpoint = React.useRef(null);
+  const flexRegion = React.useRef(null);
+  React.useEffect(() => {
     const evaluateShowIconOnly = () => {
-      if (flexRegion && flexRegion.current && flexRegion?.current.offsetWidth <= 0 && !breakpoint.current) {
+      if (flexRegion && flexRegion.current && (flexRegion === null || flexRegion === void 0 ? void 0 : flexRegion.current.offsetWidth) <= 0 && !breakpoint.current) {
         setShowIconOnly(true);
         breakpoint.current = window.innerWidth;
       } else if (breakpoint && breakpoint.current !== null && window.innerWidth >= breakpoint.current) {
@@ -55,31 +52,34 @@ 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__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     height: "100%",
     alignItems: "center",
     justifyContent: "flex-start",
     "aria-label": "breadcrumbs",
     cols: globalHeaderBreadcrumbGrid,
     role: "navigation"
-  }, /* @__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", {
+  }, 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", {
     id: "global-header-flex-region",
     ref: flexRegion
   }));
 };
-module.exports = __toCommonJS(GlobalHeaderBreadcrumb_exports);
-//# sourceMappingURL=GlobalHeaderBreadcrumb.js.map
+
+exports.GlobalHeaderBreadcrumb = GlobalHeaderBreadcrumb;

package/cjs/components/Breadcrumb/PureBreadcrumb.js

@@ -1,51 +1,60 @@
-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
+'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 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
+
+exports.PureBreadcrumb = PureBreadcrumb;