@elliemae/ds-mobile 2.2.0-next.3 → 2.3.0-alpha.1

package/cjs/GlobalHeader/MobileGlobalHeader.js

@@ -1,150 +1,123 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var dsForm = require('@elliemae/ds-form');
-var reactDesc = require('react-desc');
-var DSButton = require('@elliemae/ds-button');
-var dsIcon = require('@elliemae/ds-icon');
-var lodash = require('lodash');
-var dsGrid = require('@elliemae/ds-grid');
-var EM_logo = require('../Icons/EM_logo.js');
-var styles = require('./styles.js');
-var SideNav = require('../SideNav/SideNav.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 DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _span;
-
-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 DSGlobalHeader = _ref => {
-  let {
-    containerProps = {},
-    title,
-    lastIcon,
-    onSearchChange = lodash.noop,
-    topMenuItems,
-    bottomMenuItems
-  } = _ref;
-  const [searchBarVisible, setSearchBarVisible] = React.useState(false);
-  const [searchValue, setSearchValue] = React.useState();
-  const [showMenu, setShowMenu] = React.useState(false);
-
+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 MobileGlobalHeader_exports = {};
+__export(MobileGlobalHeader_exports, {
+  DSGlobalHeader: () => DSGlobalHeader,
+  DSGlobalHeaderWithSchema: () => DSGlobalHeaderWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_form = require("@elliemae/ds-form");
+var import_react_desc = require("react-desc");
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_ds_icon = require("@elliemae/ds-icon");
+var import_lodash = require("lodash");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_EM_logo = __toESM(require("../Icons/EM_logo"));
+var import_styles = require("./styles");
+var import_SideNav = require("../SideNav");
+const DSGlobalHeader = ({
+  containerProps = {},
+  title,
+  lastIcon,
+  onSearchChange = import_lodash.noop,
+  topMenuItems,
+  bottomMenuItems
+}) => {
+  const [searchBarVisible, setSearchBarVisible] = (0, import_react.useState)(false);
+  const [searchValue, setSearchValue] = (0, import_react.useState)();
+  const [showMenu, setShowMenu] = (0, import_react.useState)(false);
   const searchClicked = () => {
     setSearchBarVisible(true);
   };
-
-  const onSearchChangeDebounced = React.useCallback(lodash.debounce(onSearchChange, 250), []);
-
-  const searchValueChanged = e => {
+  const onSearchChangeDebounced = (0, import_react.useCallback)((0, import_lodash.debounce)(onSearchChange, 250), []);
+  const searchValueChanged = (e) => {
     const val = e.target.value;
     onSearchChangeDebounced(val);
     setSearchValue(val);
   };
-
   const searchCloseClicked = () => {
     setSearchBarVisible(false);
   };
-
-  const menuToggle = flag => {
+  const menuToggle = (flag) => {
     setShowMenu(flag);
   };
-
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(styles.Container, _objectSpread(_objectSpread({
-      "data-testid": containerProps['data-testid'] || 'global-header-wrapper'
-    }, containerProps), {}, {
-      children: !searchBarVisible ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /*#__PURE__*/_jsx__default["default"](styles.MainSection, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.Icon, {
-          onClick: menuToggle.bind(null, true)
-        }, void 0, EM_logo()), /*#__PURE__*/_jsx__default["default"](styles.Label, {}, void 0, title), _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {})), /*#__PURE__*/_jsx__default["default"](styles.RightSection, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-          cols: lastIcon ? [1 / 2, 1 / 2] : [1],
-          gutter: "xs"
-        }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
-          "data-testid": "mobile-global-header-search",
-          size: dsIcon.DSIconSizes.M,
-          color: dsIcon.DSIconColors.WHITE,
-          onClick: searchClicked
-        })), lastIcon && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, lastIcon))))
-      }) : /*#__PURE__*/_jsx__default["default"](styles.SearchWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInput, {
-        clearable: true,
-        className: "dsInput",
-        placeholder: "Search here",
-        onChange: searchValueChanged,
-        rightComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-          buttonType: "primary",
-          className: "dsButton",
-          icon: /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
-            size: dsIcon.DSIconSizes.M,
-            color: dsIcon.DSIconColors.WHITE,
-            onClick: searchCloseClicked
-          })
-        }),
-        value: searchValue,
-        variant: "variant-active"
-      }))
-    })), showMenu ? /*#__PURE__*/_jsx__default["default"](SideNav.DSSideNav, {
-      title: title,
-      menuItems: topMenuItems,
-      bottomMenuItems: bottomMenuItems,
-      onClose: menuToggle.bind(null, false)
-    }) : null]
-  });
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.Container, {
+    "data-testid": containerProps["data-testid"] || "global-header-wrapper",
+    ...containerProps
+  }, !searchBarVisible ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.MainSection, null, /* @__PURE__ */ import_react.default.createElement(import_styles.Icon, {
+    onClick: menuToggle.bind(null, true)
+  }, (0, import_EM_logo.default)()), /* @__PURE__ */ import_react.default.createElement(import_styles.Label, null, title), /* @__PURE__ */ import_react.default.createElement("span", null), /* @__PURE__ */ import_react.default.createElement(import_styles.RightSection, null, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    cols: lastIcon ? [1 / 2, 1 / 2] : [1],
+    gutter: "xs"
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
+    "data-testid": "mobile-global-header-search",
+    size: import_ds_icon.DSIconSizes.M,
+    color: import_ds_icon.DSIconColors.WHITE,
+    onClick: searchClicked
+  })), lastIcon && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, lastIcon))))) : /* @__PURE__ */ import_react.default.createElement(import_styles.SearchWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInput, {
+    clearable: true,
+    className: "dsInput",
+    placeholder: "Search here",
+    onChange: searchValueChanged,
+    rightComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+      buttonType: "primary",
+      className: "dsButton",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
+        size: import_ds_icon.DSIconSizes.M,
+        color: import_ds_icon.DSIconColors.WHITE,
+        onClick: searchCloseClicked
+      })
+    }),
+    value: searchValue,
+    variant: "variant-active"
+  }))), showMenu ? /* @__PURE__ */ import_react.default.createElement(import_SideNav.DSSideNav, {
+    title,
+    menuItems: topMenuItems,
+    bottomMenuItems,
+    onClose: menuToggle.bind(null, false)
+  }) : null);
 };
-
-const menuProps = reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
-  icon: reactDesc.PropTypes.element,
-  text: reactDesc.PropTypes.string
-})).description('menu item array');
+const menuProps = import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
+  icon: import_react_desc.PropTypes.element,
+  text: import_react_desc.PropTypes.string
+})).description("menu item array");
 const props = {
-  /** props to inject to wrapper */
-  containerProps: reactDesc.PropTypes.object.description('props to inject to wrapper'),
-
-  /**
-   * Heading Title
-   */
-  title: reactDesc.PropTypes.string.isRequired.description('Heading Title'),
-
-  /**
-   * Dimsum icon Element
-   */
-  lastIcon: reactDesc.PropTypes.element.description('Dimsum icon Element'),
-
-  /**
-   * Callback function for search change
-   */
-  onSearchChange: reactDesc.PropTypes.func.description('Callback function for search change'),
-
-  /**
-   * Top Menu items array
-   */
+  containerProps: import_react_desc.PropTypes.object.description("props to inject to wrapper"),
+  title: import_react_desc.PropTypes.string.isRequired.description("Heading Title"),
+  lastIcon: import_react_desc.PropTypes.element.description("Dimsum icon Element"),
+  onSearchChange: import_react_desc.PropTypes.func.description("Callback function for search change"),
   topMenuItems: menuProps,
-
-  /**
-   * Bottom Menu items array
-   */
   bottomMenuItems: menuProps
 };
-const DSGlobalHeaderWithSchema = reactDesc.describe(DSGlobalHeader);
+DSGlobalHeader.propTypes = props;
+const DSGlobalHeaderWithSchema = (0, import_react_desc.describe)(DSGlobalHeader);
 DSGlobalHeaderWithSchema.propTypes = props;
-
-exports.DSGlobalHeader = DSGlobalHeader;
-exports.DSGlobalHeaderWithSchema = DSGlobalHeaderWithSchema;
+module.exports = __toCommonJS(MobileGlobalHeader_exports);
+//# sourceMappingURL=MobileGlobalHeader.js.map

package/cjs/GlobalHeader/MobileGlobalHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/GlobalHeader/MobileGlobalHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSInput } from '@elliemae/ds-form';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { debounce, noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from './styles';\nimport { DSSideNav } from '../SideNav';\n\nconst DSGlobalHeader = ({\n  containerProps = {},\n  title,\n  lastIcon,\n  onSearchChange = noop,\n  topMenuItems,\n  bottomMenuItems,\n}) => {\n  const [searchBarVisible, setSearchBarVisible] = useState(false);\n  const [searchValue, setSearchValue] = useState();\n  const [showMenu, setShowMenu] = useState(false);\n  const searchClicked = () => {\n    setSearchBarVisible(true);\n  };\n\n  const onSearchChangeDebounced = useCallback(debounce(onSearchChange, 250), []);\n  const searchValueChanged = (e) => {\n    const val = e.target.value;\n    onSearchChangeDebounced(val);\n    setSearchValue(val);\n  };\n\n  const searchCloseClicked = () => {\n    setSearchBarVisible(false);\n  };\n\n  const menuToggle = (flag) => {\n    setShowMenu(flag);\n  };\n\n  return (\n    <>\n      <Container data-testid={containerProps['data-testid'] || 'global-header-wrapper'} {...containerProps}>\n        {!searchBarVisible ? (\n          <>\n            <MainSection>\n              <Icon onClick={menuToggle.bind(null, true)}>{Logo()}</Icon>\n              <Label>{title}</Label>\n              <span></span>\n              <RightSection>\n                <Grid cols={lastIcon ? [1 / 2, 1 / 2] : [1]} gutter=\"xs\">\n                  <Grid>\n                    <Search\n                      data-testid=\"mobile-global-header-search\"\n                      size={DSIconSizes.M}\n                      color={DSIconColors.WHITE}\n                      onClick={searchClicked}\n                    />\n                  </Grid>\n                  {lastIcon && <Grid>{lastIcon}</Grid>}\n                </Grid>\n              </RightSection>\n            </MainSection>\n          </>\n        ) : (\n          <SearchWrapper>\n            <DSInput\n              clearable\n              className=\"dsInput\"\n              placeholder=\"Search here\"\n              onChange={searchValueChanged}\n              rightComponent={\n                <DSButton\n                  buttonType=\"primary\"\n                  className=\"dsButton\"\n                  icon={<Search size={DSIconSizes.M} color={DSIconColors.WHITE} onClick={searchCloseClicked} />}\n                />\n              }\n              value={searchValue}\n              variant=\"variant-active\"\n            />\n          </SearchWrapper>\n        )}\n      </Container>\n      {showMenu ? (\n        <DSSideNav\n          title={title}\n          menuItems={topMenuItems}\n          bottomMenuItems={bottomMenuItems}\n          onClose={menuToggle.bind(null, false)}\n        ></DSSideNav>\n      ) : null}\n    </>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n).description('menu item array');\n\nconst props = {\n  /** props to inject to wrapper */\n  containerProps: PropTypes.object.description('props to inject to wrapper'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Dimsum icon Element\n   */\n  lastIcon: PropTypes.element.description('Dimsum icon Element'),\n  /**\n   * Callback function for search change\n   */\n  onSearchChange: PropTypes.func.description('Callback function for search change'),\n  /**\n   * Top Menu items array\n   */\n  topMenuItems: menuProps,\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps,\n};\n\nDSGlobalHeader.propTypes = props;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = props;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAA6C;AAC7C,sBAAuB;AACvB,qBAAwB;AACxB,wBAAoC;AACpC,uBAAqB;AACrB,qBAA0C;AAC1C,oBAA+B;AAC/B,qBAAqB;AACrB,qBAAiB;AACjB,oBAAiF;AACjF,qBAA0B;AAE1B,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAC,kBAAkB,uBAAuB,2BAAS;AACzD,QAAM,CAAC,aAAa,kBAAkB;AACtC,QAAM,CAAC,UAAU,eAAe,2BAAS;AACzC,QAAM,gBAAgB,MAAM;AAC1B,wBAAoB;AAAA;AAGtB,QAAM,0BAA0B,8BAAY,4BAAS,gBAAgB,MAAM;AAC3E,QAAM,qBAAqB,CAAC,MAAM;AAChC,UAAM,MAAM,EAAE,OAAO;AACrB,4BAAwB;AACxB,mBAAe;AAAA;AAGjB,QAAM,qBAAqB,MAAM;AAC/B,wBAAoB;AAAA;AAGtB,QAAM,aAAa,CAAC,SAAS;AAC3B,gBAAY;AAAA;AAGd,SACE,wFACE,mDAAC,yBAAD;AAAA,IAAW,eAAa,eAAe,kBAAkB;AAAA,OAA6B;AAAA,KACnF,CAAC,mBACA,wFACE,mDAAC,2BAAD,MACE,mDAAC,oBAAD;AAAA,IAAM,SAAS,WAAW,KAAK,MAAM;AAAA,KAAQ,gCAC7C,mDAAC,qBAAD,MAAQ,QACR,mDAAC,QAAD,OACA,mDAAC,4BAAD,MACE,mDAAC,qBAAD;AAAA,IAAM,MAAM,WAAW,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC;AAAA,IAAI,QAAO;AAAA,KAClD,mDAAC,qBAAD,MACE,mDAAC,wBAAD;AAAA,IACE,eAAY;AAAA,IACZ,MAAM,2BAAY;AAAA,IAClB,OAAO,4BAAa;AAAA,IACpB,SAAS;AAAA,OAGZ,YAAY,mDAAC,qBAAD,MAAO,gBAM5B,mDAAC,6BAAD,MACE,mDAAC,wBAAD;AAAA,IACE,WAAS;AAAA,IACT,WAAU;AAAA,IACV,aAAY;AAAA,IACZ,UAAU;AAAA,IACV,gBACE,mDAAC,0BAAD;AAAA,MACE,YAAW;AAAA,MACX,WAAU;AAAA,MACV,MAAM,mDAAC,wBAAD;AAAA,QAAQ,MAAM,2BAAY;AAAA,QAAG,OAAO,4BAAa;AAAA,QAAO,SAAS;AAAA;AAAA;AAAA,IAG3E,OAAO;AAAA,IACP,SAAQ;AAAA,QAKf,WACC,mDAAC,0BAAD;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,SAAS,WAAW,KAAK,MAAM;AAAA,OAE/B;AAAA;AAKV,MAAM,YAAY,4BAAU,QAC1B,4BAAU,MAAM;AAAA,EACd,MAAM,4BAAU;AAAA,EAChB,MAAM,4BAAU;AAAA,IAElB,YAAY;AAEd,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAI7C,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,UAAU,4BAAU,QAAQ,YAAY;AAAA,EAIxC,gBAAgB,4BAAU,KAAK,YAAY;AAAA,EAI3C,cAAc;AAAA,EAId,iBAAiB;AAAA;AAGnB,eAAe,YAAY;AAC3B,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

package/cjs/GlobalHeader/index.js

@@ -1,10 +1,36 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MobileGlobalHeader = require('./MobileGlobalHeader.js');
-
-
-
-exports.DSGlobalHeader = MobileGlobalHeader.DSGlobalHeader;
-exports.DSGlobalHeaderWithSchema = MobileGlobalHeader.DSGlobalHeaderWithSchema;
+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, {
+  DSGlobalHeader: () => import_MobileGlobalHeader.DSGlobalHeader,
+  DSGlobalHeaderWithSchema: () => import_MobileGlobalHeader.DSGlobalHeaderWithSchema
+});
+var React = __toESM(require("react"));
+var import_MobileGlobalHeader = require("./MobileGlobalHeader");
+module.exports = __toCommonJS(GlobalHeader_exports);
+//# sourceMappingURL=index.js.map

package/cjs/GlobalHeader/index.js.map

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

package/cjs/GlobalHeader/styles.js

@@ -1,40 +1,115 @@
-'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 __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 styles_exports = {};
+__export(styles_exports, {
+  Container: () => Container,
+  Icon: () => Icon,
+  Label: () => Label,
+  MainSection: () => MainSection,
+  RightSection: () => RightSection,
+  SearchWrapper: () => SearchWrapper
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+const Container = import_styled_components.default.header`
+  width: auto;
+  height: 64px;
+  position: fixed;
+  width: 100%;
+  background-color: ${(props) => props.theme.colors.brand[700]};
+  padding: ${(props) => props.theme.space.xs};
+  color: ${(props) => props.theme.colors.neutral["000"]};
+`;
+const growLeft = import_ds_system.kfrm`
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 100%;
+  }
+`;
+const SearchWrapper = import_styled_components.default.div`
+  background-color: ${(props) => props.theme.colors.brand[600]};
+  ${import_ds_system.css`
+    animation: ${growLeft} 1s;
+  `}
+  float: right;
+  width: 100%;
+  border-radius: 4px;
+  .dsInput {
+    input {
+      border-radius: 2px 0 0 2px;
+      color: ${(props) => props.theme.colors.neutral["000"]};
+      border: calc(0.30769rem * 0.25) solid
+        ${(props) => props.theme.colors.brand[800]} !important;
+      &:focus {
+        border-right: none !important;
+      }
+      &::placeholder {
+        color: ${(props) => props.theme.colors.neutral["000"]};
+      }
+    }
+    .em-ds-input__clearable {
+      border: calc(0.30769rem * 0.25) solid
+        ${(props) => props.theme.colors.brand[800]} !important;
+    }
+  }
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _templateObject, _templateObject2;
-const Container = /*#__PURE__*/styled__default["default"].header.withConfig({
-  componentId: "sc-1nzpklc-0"
-})(["width:auto;height:64px;position:fixed;width:100%;background-color:", ";padding:", ";color:", ";"], props => props.theme.colors.brand[700], props => props.theme.space.xs, props => props.theme.colors.neutral['000']);
-const growLeft = dsSystem.kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  0% {\n    width: 0;\n  }\n  100% {\n    width: 100%;\n  }\n"])));
-const SearchWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1nzpklc-1"
-})(["background-color:", ";", " float:right;width:100%;border-radius:4px;.dsInput{input{border-radius:2px 0 0 2px;color:", ";border:calc(0.30769rem * 0.25) solid ", " !important;&:focus{border-right:none !important;}&::placeholder{color:", ";}}.em-ds-input__clearable{border:calc(0.30769rem * 0.25) solid ", " !important;}}.dsButton{border-color:", " !important;border-radius:0 2px 2px 0;border-left:none;}svg,svg:not([fill]){fill:", ";}"], props => props.theme.colors.brand[600], dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n    animation: ", " 1s;\n  "])), growLeft), props => props.theme.colors.neutral['000'], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['000'], props => props.theme.colors.brand[800], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['000']);
-const Icon = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1nzpklc-2"
-})(["margin-right:", ";"], props => props.theme.space.xs);
-const Label = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1nzpklc-3"
-})(["font-family:", ";font-weight:", ";font-size:25px;line-height:32px;"], props => props.theme.fonts.default, props => props.theme.fontWeights.regular);
-const RightSection = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1nzpklc-4"
-})(["padding-top:5px;"]);
-const MainSection = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1nzpklc-5"
-})(["display:flex;flex-direction:row;height:32px;span{flex-grow:1;}"]);
-
-exports.Container = Container;
-exports.Icon = Icon;
-exports.Label = Label;
-exports.MainSection = MainSection;
-exports.RightSection = RightSection;
-exports.SearchWrapper = SearchWrapper;
+  .dsButton {
+    border-color: ${(props) => props.theme.colors.brand[800]} !important;
+    border-radius: 0 2px 2px 0;
+    border-left: none;
+  }
+  svg,
+  svg:not([fill]) {
+    fill: ${(props) => props.theme.colors.neutral["000"]};
+  }
+`;
+const Icon = import_styled_components.default.div`
+  margin-right: ${(props) => props.theme.space.xs};
+`;
+const Label = import_styled_components.default.div`
+  font-family: ${(props) => props.theme.fonts.default};
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  font-size: 25px;
+  line-height: 32px;
+`;
+const RightSection = import_styled_components.default.div`
+  padding-top: 5px;
+`;
+const MainSection = import_styled_components.default.div`
+  display: flex;
+  flex-direction: row;
+  height: 32px;
+  span {
+    flex-grow: 1;
+  }
+`;
+module.exports = __toCommonJS(styles_exports);
+//# sourceMappingURL=styles.js.map

package/cjs/GlobalHeader/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/GlobalHeader/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { kfrm, css } from '@elliemae/ds-system';\n\nexport const Container = styled.header`\n  width: auto;\n  height: 64px;\n  position: fixed;\n  width: 100%;\n  background-color: ${(props) => props.theme.colors.brand[700]};\n  padding: ${(props) => props.theme.space.xs};\n  color: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nconst growLeft = kfrm`\n  0% {\n    width: 0;\n  }\n  100% {\n    width: 100%;\n  }\n`;\n\nexport const SearchWrapper = styled.div`\n  background-color: ${(props) => props.theme.colors.brand[600]};\n  ${css`\n    animation: ${growLeft} 1s;\n  `}\n  float: right;\n  width: 100%;\n  border-radius: 4px;\n  .dsInput {\n    input {\n      border-radius: 2px 0 0 2px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n      border: calc(0.30769rem * 0.25) solid\n        ${(props) => props.theme.colors.brand[800]} !important;\n      &:focus {\n        border-right: none !important;\n      }\n      &::placeholder {\n        color: ${(props) => props.theme.colors.neutral['000']};\n      }\n    }\n    .em-ds-input__clearable {\n      border: calc(0.30769rem * 0.25) solid\n        ${(props) => props.theme.colors.brand[800]} !important;\n    }\n  }\n\n  .dsButton {\n    border-color: ${(props) => props.theme.colors.brand[800]} !important;\n    border-radius: 0 2px 2px 0;\n    border-left: none;\n  }\n  svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\nexport const Icon = styled.div`\n  margin-right: ${(props) => props.theme.space.xs};\n`;\n\nexport const Label = styled.div`\n  font-family: ${(props) => props.theme.fonts.default};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  font-size: 25px;\n  line-height: 32px;\n`;\n\nexport const RightSection = styled.div`\n  padding-top: 5px;\n`;\n\nexport const MainSection = styled.div`\n  display: flex;\n  flex-direction: row;\n  height: 32px;\n  span {\n    flex-grow: 1;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAA0B;AAEnB,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aAC7C,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WAC/B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGjD,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASV,MAAM,gBAAgB,iCAAO;AAAA,sBACd,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,IACtD;AAAA,iBACa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQF,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,UAE3C,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,iBAK7B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,UAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,oBAK1B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAM5C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3C,MAAM,OAAO,iCAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGxC,MAAM,QAAQ,iCAAO;AAAA,iBACX,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,iBAC7B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAK7C,MAAM,eAAe,iCAAO;AAAA;AAAA;AAI5B,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}