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

package/cjs/LoadingPage/index.js

@@ -1,10 +1,37 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Page = require('./Page.js');
-
-
-
-exports.DSMobileLoadingPage = Page.DSMobileLoadingPage;
-exports["default"] = Page.DSMobileLoadingPage;
+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 LoadingPage_exports = {};
+__export(LoadingPage_exports, {
+  default: () => LoadingPage_default
+});
+var React = __toESM(require("react"));
+var import_Page = require("./Page");
+__reExport(LoadingPage_exports, require("./Page"));
+var LoadingPage_default = import_Page.DSMobileLoadingPage;
+module.exports = __toCommonJS(LoadingPage_exports);
+//# sourceMappingURL=index.js.map

package/cjs/LoadingPage/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/LoadingPage/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { DSMobileLoadingPage } from './Page';\n\nexport * from './Page';\nexport default DSMobileLoadingPage;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAAoC;AAEpC,gCAAc;AACd,IAAO,sBAAQ;",
+  "names": []
+}

package/cjs/MobileActionToolbar/MobileActionToolbar.js

@@ -1,55 +1,67 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var dsGrid = require('@elliemae/ds-grid');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var MobileActionToolbarItem = require('./MobileActionToolbarItem.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const ToolStrip = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-162vd15-0"
-})(["display:flex;justify-content:space-around;align-items:center;background-color:", ";"], props => props.theme.colors.neutral['000']);
-
-const Toolbar = _ref => {
-  let {
-    withDepth = true,
-    buttons = [],
-    theme
-  } = _ref;
+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 MobileActionToolbar_exports = {};
+__export(MobileActionToolbar_exports, {
+  DSMobileActionToolbarWithSchema: () => DSMobileActionToolbarWithSchema,
+  ToolbarItem: () => import_MobileActionToolbarItem.default,
+  default: () => MobileActionToolbar_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_MobileActionToolbarItem = __toESM(require("./MobileActionToolbarItem"));
+const ToolStrip = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  background-color: ${(props2) => props2.theme.colors.neutral["000"]};
+`;
+const Toolbar = ({ withDepth = true, buttons = [], theme }) => {
   const rows = [1];
   const toolbarHeight = theme.space.m;
-  const borderStyle = withDepth ? {
-    boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)'
-  } : {
-    boxShadow: 'none'
-  };
-  return /*#__PURE__*/_jsx__default["default"](ToolStrip, {
-    rows: rows,
+  const borderStyle = withDepth ? { boxShadow: "0 1px 5px 0 rgba(0,0,0,0.5)" } : { boxShadow: "none" };
+  return /* @__PURE__ */ import_react.default.createElement(ToolStrip, {
+    rows,
     height: toolbarHeight,
     style: borderStyle
-  }, void 0, buttons);
+  }, buttons);
 };
-
 const props = {
-  /** toggle box shadow for buttons border */
-  withDepth: reactDesc.PropTypes.bool.description('toggle box shadow for buttons border'),
-
-  /** button array for the mobile action toolbar */
-  buttons: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).description('button array for the mobile action toolbar')
+  withDepth: import_react_desc.PropTypes.bool.description("toggle box shadow for buttons border"),
+  buttons: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element).description("button array for the mobile action toolbar")
 };
-const DSMobileActionToolbar = dsSystem.withTheme(Toolbar);
-const DSMobileActionToolbarWithSchema = reactDesc.describe(DSMobileActionToolbar);
+Toolbar.propTypes = props;
+const DSMobileActionToolbar = (0, import_ds_system.withTheme)(Toolbar);
+const DSMobileActionToolbarWithSchema = (0, import_react_desc.describe)(DSMobileActionToolbar);
 DSMobileActionToolbarWithSchema.propTypes = props;
-
-exports.ToolbarItem = MobileActionToolbarItem["default"];
-exports.DSMobileActionToolbarWithSchema = DSMobileActionToolbarWithSchema;
-exports["default"] = DSMobileActionToolbar;
+var MobileActionToolbar_default = DSMobileActionToolbar;
+module.exports = __toCommonJS(MobileActionToolbar_exports);
+//# sourceMappingURL=MobileActionToolbar.js.map

package/cjs/MobileActionToolbar/MobileActionToolbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileActionToolbar/MobileActionToolbar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { withTheme } from '@elliemae/ds-system';\nimport ToolbarItem from './MobileActionToolbarItem';\n\nconst ToolStrip = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n`;\nconst Toolbar = ({ withDepth = true, buttons = [], theme }) => {\n  const rows = [1];\n  const toolbarHeight = theme.space.m;\n  const borderStyle = withDepth ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' } : { boxShadow: 'none' };\n  return (\n    <ToolStrip rows={rows} height={toolbarHeight} style={borderStyle}>\n      {buttons}\n    </ToolStrip>\n  );\n};\n\nconst props = {\n  /** toggle box shadow for buttons border */\n  withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),\n  /** button array for the mobile action toolbar */\n  buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar'),\n};\n\nToolbar.propTypes = props;\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\n\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { ToolbarItem, DSMobileActionToolbarWithSchema };\nexport default DSMobileActionToolbar;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,qBAAqB;AACrB,+BAAmB;AACnB,uBAA0B;AAC1B,qCAAwB;AAExB,MAAM,YAAY,sCAAO;AAAA;AAAA;AAAA;AAAA,sBAIH,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAE5D,MAAM,UAAU,CAAC,EAAE,YAAY,MAAM,UAAU,IAAI,YAAY;AAC7D,QAAM,OAAO,CAAC;AACd,QAAM,gBAAgB,MAAM,MAAM;AAClC,QAAM,cAAc,YAAY,EAAE,WAAW,kCAAkC,EAAE,WAAW;AAC5F,SACE,mDAAC,WAAD;AAAA,IAAW;AAAA,IAAY,QAAQ;AAAA,IAAe,OAAO;AAAA,KAClD;AAAA;AAKP,MAAM,QAAQ;AAAA,EAEZ,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,SAAS,4BAAU,QAAQ,4BAAU,SAAS,YAAY;AAAA;AAG5D,QAAQ,YAAY;AAEpB,MAAM,wBAAwB,gCAAU;AAExC,MAAM,kCAAkC,gCAAS;AACjD,gCAAgC,YAAY;AAG5C,IAAO,8BAAQ;",
+  "names": []
+}

package/cjs/MobileActionToolbar/MobileActionToolbarItem.js

@@ -1,55 +1,55 @@
-'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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var reactDesc = require('react-desc');
-var DSButton = require('@elliemae/ds-button');
-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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-const _excluded = ["icon"];
-
-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 ToolbarItem = _ref => {
-  let {
-    icon
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const displayIcon = /*#__PURE__*/React__default["default"].cloneElement(icon, {
-    size: 'm'
-  });
-  return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
+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 MobileActionToolbarItem_exports = {};
+__export(MobileActionToolbarItem_exports, {
+  DSToolbarItemWithSchema: () => DSToolbarItemWithSchema,
+  default: () => MobileActionToolbarItem_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+const ToolbarItem = ({ icon, ...otherProps }) => {
+  const displayIcon = import_react.default.cloneElement(icon, { size: "m" });
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+    ...otherProps,
     buttonType: "text",
     icon: displayIcon,
     size: "m"
-  }));
+  });
 };
-
-ToolbarItem.displayName = 'ToolbarItem';
+ToolbarItem.displayName = "ToolbarItem";
 const props = {
-  /** toolbar item icon */
-  icon: reactDesc.PropTypes.element.description('Toolbar item icon')
+  icon: import_react_desc.PropTypes.element.description("Toolbar item icon")
 };
-const DSToolbarItemWithSchema = reactDesc.describe(ToolbarItem);
+ToolbarItem.propTypes = props;
+const DSToolbarItemWithSchema = (0, import_react_desc.describe)(ToolbarItem);
 DSToolbarItemWithSchema.propTypes = props;
-
-exports.DSToolbarItemWithSchema = DSToolbarItemWithSchema;
-exports["default"] = ToolbarItem;
+var MobileActionToolbarItem_default = ToolbarItem;
+module.exports = __toCommonJS(MobileActionToolbarItem_exports);
+//# sourceMappingURL=MobileActionToolbarItem.js.map

package/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\n\nconst ToolbarItem = ({ icon, ...otherProps }) => {\n  const displayIcon = React.cloneElement(icon, { size: 'm' });\n  return <DSButton {...otherProps} buttonType=\"text\" icon={displayIcon} size=\"m\" />;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nconst props = {\n  /** toolbar item icon */\n  icon: PropTypes.element.description('Toolbar item icon'),\n};\n\nToolbarItem.propTypes = props;\n\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\nexport default ToolbarItem;\n\nexport { DSToolbarItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uBAAqB;AAErB,MAAM,cAAc,CAAC,EAAE,SAAS,iBAAiB;AAC/C,QAAM,cAAc,qBAAM,aAAa,MAAM,EAAE,MAAM;AACrD,SAAO,mDAAC,0BAAD;AAAA,OAAc;AAAA,IAAY,YAAW;AAAA,IAAO,MAAM;AAAA,IAAa,MAAK;AAAA;AAAA;AAG7E,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA,EAEZ,MAAM,4BAAU,QAAQ,YAAY;AAAA;AAGtC,YAAY,YAAY;AAExB,MAAM,0BAA0B,gCAAS;AAEzC,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
+  "names": []
+}

package/cjs/MobileActionToolbar/index.js

@@ -1,13 +1,38 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MobileActionToolbar = require('./MobileActionToolbar.js');
-var MobileActionToolbarItem = require('./MobileActionToolbarItem.js');
-
-
-
-exports.DSMobileActionToolbarWithSchema = MobileActionToolbar.DSMobileActionToolbarWithSchema;
-exports["default"] = MobileActionToolbar["default"];
-exports.DSToolbarItemWithSchema = MobileActionToolbarItem.DSToolbarItemWithSchema;
-exports.ToolbarItem = MobileActionToolbarItem["default"];
+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 MobileActionToolbar_exports = {};
+__export(MobileActionToolbar_exports, {
+  DSToolbarItemWithSchema: () => import_MobileActionToolbarItem.DSToolbarItemWithSchema,
+  default: () => import_MobileActionToolbar.default
+});
+var React = __toESM(require("react"));
+__reExport(MobileActionToolbar_exports, require("./MobileActionToolbar"));
+var import_MobileActionToolbar = __toESM(require("./MobileActionToolbar"));
+var import_MobileActionToolbarItem = require("./MobileActionToolbarItem");
+module.exports = __toCommonJS(MobileActionToolbar_exports);
+//# sourceMappingURL=index.js.map

package/cjs/MobileActionToolbar/index.js.map

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

package/cjs/MobileBanner/MobileBanner.js

@@ -1,110 +1,116 @@
-'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 reactDesc = require('react-desc');
-var icons = require('./utils/icons.js');
-var propTypes = require('./propTypes.js');
-var defaultProps = require('./defaultProps.js');
-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 _CloseX;
-
-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 DSMobileBanner = _ref => {
-  let {
-    type,
-    isOpen,
-    closeButtonOnClick,
-    label,
-    body,
-    actionLinkLabel,
-    actionLinkHref,
-    actionLinkOnClick,
-    showCloseButton,
-    containerProps,
-    focusOnOpen
-  } = _ref;
-  const innerContainerRef = React.useRef(null);
-  const closeRef = React.useRef(null);
-  const [current, setCurrent] = React.useState(isOpen);
-  const [isAnimating, setIsAnimating] = React.useState(false);
-  const [height, setHeight] = React.useState(0);
-  React.useEffect(() => {
+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 MobileBanner_exports = {};
+__export(MobileBanner_exports, {
+  DSMobileBanner: () => DSMobileBanner,
+  DSMobileBannerWithSchema: () => DSMobileBannerWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_react_desc = require("react-desc");
+var import_icons = require("./utils/icons");
+var import_propTypes = require("./propTypes");
+var import_defaultProps = require("./defaultProps");
+var import_styles = require("./styles");
+const DSMobileBanner = ({
+  type,
+  isOpen,
+  closeButtonOnClick,
+  label,
+  body,
+  actionLinkLabel,
+  actionLinkHref,
+  actionLinkOnClick,
+  showCloseButton,
+  containerProps,
+  focusOnOpen
+}) => {
+  const innerContainerRef = (0, import_react.useRef)(null);
+  const closeRef = (0, import_react.useRef)(null);
+  const [current, setCurrent] = (0, import_react.useState)(isOpen);
+  const [isAnimating, setIsAnimating] = (0, import_react.useState)(false);
+  const [height, setHeight] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
     if (innerContainerRef.current) {
       setHeight(innerContainerRef.current.offsetHeight);
     }
   }, [isAnimating, isOpen]);
-  React.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     if (focusOnOpen && closeRef.current && isOpen) {
-      var _closeRef$current, _closeRef$current$foc;
-
-      (_closeRef$current = closeRef.current) === null || _closeRef$current === void 0 ? void 0 : (_closeRef$current$foc = _closeRef$current.focus) === null || _closeRef$current$foc === void 0 ? void 0 : _closeRef$current$foc.call(_closeRef$current);
+      closeRef.current?.focus?.();
     }
   }, [focusOnOpen, isOpen]);
-  React.useLayoutEffect(() => {
-    if (isOpen !== current || isOpen) setIsAnimating(true);else setIsAnimating(false);
+  (0, import_react.useLayoutEffect)(() => {
+    if (isOpen !== current || isOpen)
+      setIsAnimating(true);
+    else
+      setIsAnimating(false);
   }, [isOpen, current]);
-  if (!isAnimating && !isOpen) return null;
-  return /*#__PURE__*/jsxRuntime.jsx(styles.StyledBannerContainer, _objectSpread(_objectSpread({
-    type: type,
-    isOpen: isOpen,
-    isAnimating: isAnimating,
+  if (!isAnimating && !isOpen)
+    return null;
+  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledBannerContainer, {
+    type,
+    isOpen,
+    isAnimating,
     onAnimationEnd: () => setCurrent(isOpen),
-    height: height
-  }, containerProps), {}, {
+    height,
+    ...containerProps,
     "data-testid": "ds-mobile-banner-container",
-    role: "alert",
-    children: /*#__PURE__*/jsxRuntime.jsxs(styles.StyledInnerContainer, {
-      type: type,
-      isOpen: isOpen,
-      ref: innerContainerRef,
-      isAnimating: isAnimating,
-      children: [/*#__PURE__*/_jsx__default["default"](styles.StyledIconContainer, {
-        "data-testid": "ds-mobile-banner-icon"
-      }, void 0, icons.icons[type]), /*#__PURE__*/_jsx__default["default"](styles.StyledContent, {
-        showCloseButton: showCloseButton
-      }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledTitle, {}, void 0, label), /*#__PURE__*/_jsx__default["default"](styles.StyledSubTitle, {}, void 0, body, actionLinkLabel && /*#__PURE__*/_jsx__default["default"](styles.StyledActionLink, {
-        href: actionLinkHref,
-        "data-testid": "ds-mobile-banner-link",
-        onClick: actionLinkOnClick
-      }, void 0, actionLinkLabel))), showCloseButton && /*#__PURE__*/_jsx__default["default"](styles.StyledCloseButtonContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledCloseButton, {
-        "data-testid": "ds-mobile-banner-close-button",
-        buttonType: "link",
-        onClick: closeButtonOnClick,
-        "aria-label": "Close Banner",
-        icon: _CloseX || (_CloseX = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseX, {
-          width: "12px",
-          height: "12px"
-        })),
-        innerRef: closeRef
-      }))]
-    })
-  }));
+    role: "alert"
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledInnerContainer, {
+    type,
+    isOpen,
+    ref: innerContainerRef,
+    isAnimating
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledIconContainer, {
+    "data-testid": "ds-mobile-banner-icon"
+  }, import_icons.icons[type]), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContent, {
+    showCloseButton
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTitle, null, label), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSubTitle, null, body, actionLinkLabel && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledActionLink, {
+    href: actionLinkHref,
+    "data-testid": "ds-mobile-banner-link",
+    onClick: actionLinkOnClick
+  }, actionLinkLabel))), showCloseButton && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCloseButtonContainer, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCloseButton, {
+    "data-testid": "ds-mobile-banner-close-button",
+    buttonType: "link",
+    onClick: closeButtonOnClick,
+    "aria-label": "Close Banner",
+    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseX, {
+      width: "12px",
+      height: "12px"
+    }),
+    innerRef: closeRef
+  }))));
 };
-
-DSMobileBanner.defaultProps = defaultProps.defaultProps;
-const DSMobileBannerWithSchema = reactDesc.describe(DSMobileBanner);
-DSMobileBannerWithSchema.propTypes = propTypes.propTypes;
-
-exports.DSMobileBanner = DSMobileBanner;
-exports.DSMobileBannerWithSchema = DSMobileBannerWithSchema;
+DSMobileBanner.defaultProps = import_defaultProps.defaultProps;
+DSMobileBanner.propTypes = import_propTypes.propTypes;
+const DSMobileBannerWithSchema = (0, import_react_desc.describe)(DSMobileBanner);
+DSMobileBannerWithSchema.propTypes = import_propTypes.propTypes;
+module.exports = __toCommonJS(MobileBanner_exports);
+//# sourceMappingURL=MobileBanner.js.map

package/cjs/MobileBanner/MobileBanner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileBanner/MobileBanner.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useLayoutEffect, useEffect, useRef, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\nimport { describe } from 'react-desc';\nimport type { MobileBannerPropsT } from './index.d';\nimport { icons } from './utils/icons';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport {\n  StyledActionLink,\n  StyledCloseButton,\n  StyledInnerContainer,\n  StyledBannerContainer,\n  StyledContent,\n  StyledIconContainer,\n  StyledSubTitle,\n  StyledTitle,\n  StyledCloseButtonContainer,\n} from './styles';\n\nconst DSMobileBanner = ({\n  type,\n  isOpen,\n  closeButtonOnClick,\n  label,\n  body,\n  actionLinkLabel,\n  actionLinkHref,\n  actionLinkOnClick,\n  showCloseButton,\n  containerProps,\n  focusOnOpen,\n}: MobileBannerPropsT): JSX.Element => {\n  const innerContainerRef = useRef<HTMLDivElement | null>(null);\n  const closeRef = useRef<HTMLDivElement | null>(null);\n  const [current, setCurrent] = useState<boolean>(isOpen);\n  const [isAnimating, setIsAnimating] = useState<boolean>(false);\n  const [height, setHeight] = useState<number>(0);\n\n  useEffect(() => {\n    if (innerContainerRef.current) {\n      setHeight(innerContainerRef.current.offsetHeight);\n    }\n  }, [isAnimating, isOpen]);\n\n  useEffect(() => {\n    if (focusOnOpen && closeRef.current && isOpen) {\n      closeRef.current?.focus?.();\n    }\n  }, [focusOnOpen, isOpen]);\n\n  useLayoutEffect(() => {\n    if (isOpen !== current || isOpen) setIsAnimating(true);\n    else setIsAnimating(false);\n  }, [isOpen, current]);\n\n  if (!isAnimating && !isOpen) return null;\n\n  return (\n    <StyledBannerContainer\n      type={type}\n      isOpen={isOpen}\n      isAnimating={isAnimating}\n      onAnimationEnd={() => setCurrent(isOpen)}\n      height={height}\n      {...containerProps}\n      data-testid=\"ds-mobile-banner-container\"\n      role=\"alert\"\n    >\n      <StyledInnerContainer type={type} isOpen={isOpen} ref={innerContainerRef} isAnimating={isAnimating}>\n        <StyledIconContainer data-testid=\"ds-mobile-banner-icon\">{icons[type]}</StyledIconContainer>\n        <StyledContent showCloseButton={showCloseButton}>\n          <StyledTitle>{label}</StyledTitle>\n          <StyledSubTitle>\n            {body}\n            {actionLinkLabel && (\n              <StyledActionLink href={actionLinkHref} data-testid=\"ds-mobile-banner-link\" onClick={actionLinkOnClick}>\n                {actionLinkLabel}\n              </StyledActionLink>\n            )}\n          </StyledSubTitle>\n        </StyledContent>\n        {showCloseButton && (\n          <StyledCloseButtonContainer>\n            <StyledCloseButton\n              data-testid=\"ds-mobile-banner-close-button\"\n              buttonType=\"link\"\n              onClick={closeButtonOnClick}\n              aria-label=\"Close Banner\"\n              icon={<CloseX width=\"12px\" height=\"12px\" />}\n              innerRef={closeRef}\n            />\n          </StyledCloseButtonContainer>\n        )}\n      </StyledInnerContainer>\n    </StyledBannerContainer>\n  );\n};\n\nDSMobileBanner.defaultProps = defaultProps;\nDSMobileBanner.propTypes = propTypes;\nconst DSMobileBannerWithSchema = describe(DSMobileBanner);\nDSMobileBannerWithSchema.propTypes = propTypes;\n\nexport { DSMobileBanner, DSMobileBannerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoE;AACpE,sBAAuB;AACvB,wBAAyB;AAEzB,mBAAsB;AACtB,uBAA0B;AAC1B,0BAA6B;AAC7B,oBAUO;AAEP,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACqC;AACrC,QAAM,oBAAoB,yBAA8B;AACxD,QAAM,WAAW,yBAA8B;AAC/C,QAAM,CAAC,SAAS,cAAc,2BAAkB;AAChD,QAAM,CAAC,aAAa,kBAAkB,2BAAkB;AACxD,QAAM,CAAC,QAAQ,aAAa,2BAAiB;AAE7C,8BAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ;AAAA;AAAA,KAErC,CAAC,aAAa;AAEjB,8BAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC,aAAa;AAEjB,oCAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe;AAAA;AAC5C,qBAAe;AAAA,KACnB,CAAC,QAAQ;AAEZ,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,mDAAC,qCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW;AAAA,IACjC;AAAA,OACI;AAAA,IACJ,eAAY;AAAA,IACZ,MAAK;AAAA,KAEL,mDAAC,oCAAD;AAAA,IAAsB;AAAA,IAAY;AAAA,IAAgB,KAAK;AAAA,IAAmB;AAAA,KACxE,mDAAC,mCAAD;AAAA,IAAqB,eAAY;AAAA,KAAyB,mBAAM,QAChE,mDAAC,6BAAD;AAAA,IAAe;AAAA,KACb,mDAAC,2BAAD,MAAc,QACd,mDAAC,8BAAD,MACG,MACA,mBACC,mDAAC,gCAAD;AAAA,IAAkB,MAAM;AAAA,IAAgB,eAAY;AAAA,IAAwB,SAAS;AAAA,KAClF,oBAKR,mBACC,mDAAC,0CAAD,MACE,mDAAC,iCAAD;AAAA,IACE,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAW;AAAA,IACX,MAAM,mDAAC,wBAAD;AAAA,MAAQ,OAAM;AAAA,MAAO,QAAO;AAAA;AAAA,IAClC,UAAU;AAAA;AAAA;AASxB,eAAe,eAAe;AAC9B,eAAe,YAAY;AAC3B,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}