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

package/cjs/MobileFilterbar/FilterbarItem.js

@@ -1,37 +1,53 @@
-'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');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const DSMobileFilterbarItem = _ref => {
-  let {
-    children,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    "data-testid": "filter-bar-item-wrapper",
-    cols: ['min-content'],
-    pr: "xxs",
-    pt: "xxs",
-    role: "button",
-    onClick: onClick
-  }, void 0, children);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
+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 FilterbarItem_exports = {};
+__export(FilterbarItem_exports, {
+  DSMobileFilterbarItem: () => DSMobileFilterbarItem,
+  FilterbarItemWithSchema: () => FilterbarItemWithSchema
+});
+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");
+const DSMobileFilterbarItem = ({ children, onClick }) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  "data-testid": "filter-bar-item-wrapper",
+  cols: ["min-content"],
+  pr: "xxs",
+  pt: "xxs",
+  role: "button",
+  onClick
+}, children);
 const filterbarItemProps = {
-  children: reactDesc.PropTypes.element.description('FilterBar Items').isRequired,
-  onClick: reactDesc.PropTypes.func.description('Function executed when clicking filterbar item')
+  children: import_react_desc.PropTypes.element.description("FilterBar Items").isRequired,
+  onClick: import_react_desc.PropTypes.func.description("Function executed when clicking filterbar item")
 };
-const FilterbarItemWithSchema = reactDesc.describe(DSMobileFilterbarItem);
+DSMobileFilterbarItem.propTypes = filterbarItemProps;
+const FilterbarItemWithSchema = (0, import_react_desc.describe)(DSMobileFilterbarItem);
 FilterbarItemWithSchema.propTypes = filterbarItemProps;
-
-exports.DSMobileFilterbarItem = DSMobileFilterbarItem;
-exports.FilterbarItemWithSchema = FilterbarItemWithSchema;
+module.exports = __toCommonJS(FilterbarItem_exports);
+//# sourceMappingURL=FilterbarItem.js.map

package/cjs/MobileFilterbar/FilterbarItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileFilterbar/FilterbarItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSMobileFilterbarItem = ({ children, onClick }) => (\n  <Grid data-testid=\"filter-bar-item-wrapper\" cols={['min-content']} pr=\"xxs\" pt=\"xxs\" role=\"button\" onClick={onClick}>\n    {children}\n  </Grid>\n);\nconst filterbarItemProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n  onClick: PropTypes.func.description('Function executed when clicking filterbar item'),\n};\n\nDSMobileFilterbarItem.propTypes = filterbarItemProps;\n\nconst FilterbarItemWithSchema = describe(DSMobileFilterbarItem);\nFilterbarItemWithSchema.propTypes = filterbarItemProps;\n\nexport { DSMobileFilterbarItem, FilterbarItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,qBAAqB;AAErB,MAAM,wBAAwB,CAAC,EAAE,UAAU,cACzC,mDAAC,qBAAD;AAAA,EAAM,eAAY;AAAA,EAA0B,MAAM,CAAC;AAAA,EAAgB,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,MAAK;AAAA,EAAS;AAAA,GAChG;AAGL,MAAM,qBAAqB;AAAA,EACzB,UAAU,4BAAU,QAAQ,YAAY,mBAAmB;AAAA,EAC3D,SAAS,4BAAU,KAAK,YAAY;AAAA;AAGtC,sBAAsB,YAAY;AAElC,MAAM,0BAA0B,gCAAS;AACzC,wBAAwB,YAAY;",
+  "names": []
+}

package/cjs/MobileFilterbar/FilterbarSort.js

@@ -1,46 +1,60 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-var Separator$1 = require('../MobileSeparator/Separator.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-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 Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-103uq0b-0"
-})(["& > *{margin-left:0;}"]);
-
-const DSMobileFilterbarSort = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [children, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-      pb: "xxs",
-      pt: "xxs",
-      cols: ['min-content']
-    }, void 0, /*#__PURE__*/_jsx__default["default"](Separator, {}, void 0, /*#__PURE__*/_jsx__default["default"](Separator$1["default"], {
-      margin: "xxs",
-      direction: "vertical",
-      color: ['neutral', '300']
-    })))]
-  });
+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 FilterbarSort_exports = {};
+__export(FilterbarSort_exports, {
+  DSMobileFilterbarSort: () => DSMobileFilterbarSort,
+  FilterbarSortWithSchema: () => FilterbarSortWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_MobileSeparator = __toESM(require("../MobileSeparator"));
+const Separator = import_styled_components.default.div`
+  & > * {
+    margin-left: 0;
+  }
+`;
+const DSMobileFilterbarSort = ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  pb: "xxs",
+  pt: "xxs",
+  cols: ["min-content"]
+}, /* @__PURE__ */ import_react.default.createElement(Separator, null, /* @__PURE__ */ import_react.default.createElement(import_MobileSeparator.default, {
+  margin: "xxs",
+  direction: "vertical",
+  color: ["neutral", "300"]
+}))));
 const filterbarSortProps = {
-  children: reactDesc.PropTypes.element.description('FilterBar Sort Item').isRequired
+  children: import_react_desc.PropTypes.element.description("FilterBar Sort Item").isRequired
 };
-const FilterbarSortWithSchema = reactDesc.describe(DSMobileFilterbarSort);
+DSMobileFilterbarSort.propTypes = filterbarSortProps;
+const FilterbarSortWithSchema = (0, import_react_desc.describe)(DSMobileFilterbarSort);
 FilterbarSortWithSchema.propTypes = filterbarSortProps;
-
-exports.DSMobileFilterbarSort = DSMobileFilterbarSort;
-exports.FilterbarSortWithSchema = FilterbarSortWithSchema;
+module.exports = __toCommonJS(FilterbarSort_exports);
+//# sourceMappingURL=FilterbarSort.js.map

package/cjs/MobileFilterbar/FilterbarSort.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileFilterbar/FilterbarSort.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Separator = styled.div`\n  & > * {\n    margin-left: 0;\n  }\n`;\n\nconst DSMobileFilterbarSort = ({ children }) => (\n  <>\n    {children}\n    <Grid pb=\"xxs\" pt=\"xxs\" cols={['min-content']}>\n      <Separator>\n        <MobileSeparator margin=\"xxs\" direction=\"vertical\" color={['neutral', '300']} />\n      </Separator>\n    </Grid>\n  </>\n);\n\nconst filterbarSortProps = {\n  children: PropTypes.element.description('FilterBar Sort Item').isRequired,\n};\n\nDSMobileFilterbarSort.propTypes = filterbarSortProps;\n\nconst FilterbarSortWithSchema = describe(DSMobileFilterbarSort);\nFilterbarSortWithSchema.propTypes = filterbarSortProps;\n\nexport { DSMobileFilterbarSort, FilterbarSortWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,qBAAqB;AACrB,6BAA4B;AAE5B,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,wBAAwB,CAAC,EAAE,eAC/B,wFACG,UACD,mDAAC,qBAAD;AAAA,EAAM,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,MAAM,CAAC;AAAA,GAC7B,mDAAC,WAAD,MACE,mDAAC,gCAAD;AAAA,EAAiB,QAAO;AAAA,EAAM,WAAU;AAAA,EAAW,OAAO,CAAC,WAAW;AAAA;AAM9E,MAAM,qBAAqB;AAAA,EACzB,UAAU,4BAAU,QAAQ,YAAY,uBAAuB;AAAA;AAGjE,sBAAsB,YAAY;AAElC,MAAM,0BAA0B,gCAAS;AACzC,wBAAwB,YAAY;",
+  "names": []
+}

package/cjs/MobileFilterbar/index.js

@@ -1,16 +1,42 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Filterbar = require('./Filterbar.js');
-var FilterbarSort = require('./FilterbarSort.js');
-var FilterbarItem = require('./FilterbarItem.js');
-
-
-
-exports.DSMobileFilterbar = Filterbar.DSMobileFilterbar;
-exports.FilterbarWithSchema = Filterbar.FilterbarWithSchema;
-exports.DSMobileFilterbarSort = FilterbarSort.DSMobileFilterbarSort;
-exports.FilterbarSortWithSchema = FilterbarSort.FilterbarSortWithSchema;
-exports.DSMobileFilterbarItem = FilterbarItem.DSMobileFilterbarItem;
-exports.FilterbarItemWithSchema = FilterbarItem.FilterbarItemWithSchema;
+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 MobileFilterbar_exports = {};
+__export(MobileFilterbar_exports, {
+  DSMobileFilterbar: () => import_Filterbar.DSMobileFilterbar,
+  DSMobileFilterbarItem: () => import_FilterbarItem.DSMobileFilterbarItem,
+  DSMobileFilterbarSort: () => import_FilterbarSort.DSMobileFilterbarSort,
+  FilterbarItemWithSchema: () => import_FilterbarItem.FilterbarItemWithSchema,
+  FilterbarSortWithSchema: () => import_FilterbarSort.FilterbarSortWithSchema,
+  FilterbarWithSchema: () => import_Filterbar.FilterbarWithSchema
+});
+var React = __toESM(require("react"));
+var import_Filterbar = require("./Filterbar");
+var import_FilterbarSort = require("./FilterbarSort");
+var import_FilterbarItem = require("./FilterbarItem");
+module.exports = __toCommonJS(MobileFilterbar_exports);
+//# sourceMappingURL=index.js.map

package/cjs/MobileFilterbar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileFilterbar/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { DSMobileFilterbar, FilterbarWithSchema } from './Filterbar';\nimport {\n  DSMobileFilterbarSort,\n  FilterbarSortWithSchema,\n} from './FilterbarSort';\nimport {\n  DSMobileFilterbarItem,\n  FilterbarItemWithSchema,\n} from './FilterbarItem';\nexport {\n  DSMobileFilterbarSort,\n  DSMobileFilterbar,\n  DSMobileFilterbarItem,\n  FilterbarWithSchema,\n  FilterbarSortWithSchema,\n  FilterbarItemWithSchema,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuD;AACvD,2BAGO;AACP,2BAGO;",
+  "names": []
+}

package/cjs/MobileFooter/Action.js

@@ -1,62 +1,72 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var styled = require('styled-components');
-var styledComponents = require('@xstyled/styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var dsGrid = require('@elliemae/ds-grid');
-var reactDesc = require('react-desc');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const Label = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-1op229o-0"
-})(["", " ", " padding-bottom:", ";padding-top:calc(", " / 2);"], styledComponents.typography, dsSystem.color('neutral', '800'), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
-
-const DSMobileFooterAction = _ref => {
-  let {
-    label,
-    icon,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    "data-testid": "ds-mobile-footer-action",
-    rows: ['auto'].concat(label ? 'min-content' : 'none'),
-    justifyContent: "center",
-    role: "button",
-    onClick: onClick
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    justifyContent: "center",
-    alignItems: "center"
-  }, void 0, /*#__PURE__*/React__default["default"].cloneElement(icon, {
-    'data-testid': 'ds-mobile-footer-action-icon',
-    size: !label ? 'l' : 'm'
-  })), label && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Label, {
-    fontSize: "11px"
-  }, void 0, label)));
+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 Action_exports = {};
+__export(Action_exports, {
+  DSMobileFooterAction: () => DSMobileFooterAction,
+  DSMobileFooterActionWithSchema: () => DSMobileFooterActionWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_styled_components2 = require("@xstyled/styled-components");
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_react_desc = require("react-desc");
+const Label = import_styled_components.default.span`
+  ${import_styled_components2.typography}
+  ${(0, import_ds_system.color)("neutral", "800")}
+  padding-bottom: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)};
+  padding-top: calc(${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)} / 2);
+`;
+const DSMobileFooterAction = ({ label, icon, onClick }) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  "data-testid": "ds-mobile-footer-action",
+  rows: ["auto"].concat(label ? "min-content" : "none"),
+  justifyContent: "center",
+  role: "button",
+  onClick
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  justifyContent: "center",
+  alignItems: "center"
+}, import_react.default.cloneElement(icon, {
+  "data-testid": "ds-mobile-footer-action-icon",
+  size: !label ? "l" : "m"
+})), label && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  justifyContent: "center"
+}, /* @__PURE__ */ import_react.default.createElement(Label, {
+  fontSize: "11px"
+}, label)));
 const actionProps = {
-  /** Action label */
-  label: reactDesc.PropTypes.string.description('Action label'),
-
-  /** Action icon */
-  icon: reactDesc.PropTypes.element.description('Action icon'),
-
-  /** onClick callback */
-  onClick: reactDesc.PropTypes.func.description('onClick callback')
+  label: import_react_desc.PropTypes.string.description("Action label"),
+  icon: import_react_desc.PropTypes.element.description("Action icon"),
+  onClick: import_react_desc.PropTypes.func.description("onClick callback")
 };
-const DSMobileFooterActionWithSchema = reactDesc.describe(DSMobileFooterAction).description('Mobile footer action');
+DSMobileFooterAction.propTypes = actionProps;
+const DSMobileFooterActionWithSchema = (0, import_react_desc.describe)(DSMobileFooterAction).description("Mobile footer action");
 DSMobileFooterActionWithSchema.propTypes = actionProps;
-
-exports.DSMobileFooterAction = DSMobileFooterAction;
-exports.DSMobileFooterActionWithSchema = DSMobileFooterActionWithSchema;
+module.exports = __toCommonJS(Action_exports);
+//# sourceMappingURL=Action.js.map

package/cjs/MobileFooter/Action.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileFooter/Action.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { typography } from '@xstyled/styled-components';\nimport { color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe, PropTypes } from 'react-desc';\n\nconst Label = styled.span`\n  ${typography}\n  ${color('neutral', '800')}\n  padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  padding-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} / 2);\n`;\n\nconst DSMobileFooterAction = ({ label, icon, onClick }) => (\n  <Grid\n    data-testid=\"ds-mobile-footer-action\"\n    rows={['auto'].concat(label ? 'min-content' : 'none')}\n    justifyContent=\"center\"\n    role=\"button\"\n    onClick={onClick}\n  >\n    <Grid justifyContent=\"center\" alignItems=\"center\">\n      {React.cloneElement(icon, {\n        'data-testid': 'ds-mobile-footer-action-icon',\n        size: !label ? 'l' : 'm',\n      })}\n    </Grid>\n\n    {label && (\n      <Grid justifyContent=\"center\">\n        <Label fontSize=\"11px\">{label}</Label>\n      </Grid>\n    )}\n  </Grid>\n);\n\nconst actionProps = {\n  /** Action label */\n  label: PropTypes.string.description('Action label'),\n  /** Action icon */\n  icon: PropTypes.element.description('Action icon'),\n  /** onClick callback */\n  onClick: PropTypes.func.description('onClick callback'),\n};\n\nDSMobileFooterAction.propTypes = actionProps;\n\nconst DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');\nDSMobileFooterActionWithSchema.propTypes = actionProps;\n\nexport { DSMobileFooterAction, DSMobileFooterActionWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,+BAAmB;AACnB,gCAA2B;AAC3B,uBAAgD;AAChD,qBAAqB;AACrB,wBAAoC;AAEpC,MAAM,QAAQ,iCAAO;AAAA,IACjB;AAAA,IACA,4BAAM,WAAW;AAAA,oBACD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA,sBACpD,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAG5E,MAAM,uBAAuB,CAAC,EAAE,OAAO,MAAM,cAC3C,mDAAC,qBAAD;AAAA,EACE,eAAY;AAAA,EACZ,MAAM,CAAC,QAAQ,OAAO,QAAQ,gBAAgB;AAAA,EAC9C,gBAAe;AAAA,EACf,MAAK;AAAA,EACL;AAAA,GAEA,mDAAC,qBAAD;AAAA,EAAM,gBAAe;AAAA,EAAS,YAAW;AAAA,GACtC,qBAAM,aAAa,MAAM;AAAA,EACxB,eAAe;AAAA,EACf,MAAM,CAAC,QAAQ,MAAM;AAAA,KAIxB,SACC,mDAAC,qBAAD;AAAA,EAAM,gBAAe;AAAA,GACnB,mDAAC,OAAD;AAAA,EAAO,UAAS;AAAA,GAAQ;AAMhC,MAAM,cAAc;AAAA,EAElB,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,MAAM,4BAAU,QAAQ,YAAY;AAAA,EAEpC,SAAS,4BAAU,KAAK,YAAY;AAAA;AAGtC,qBAAqB,YAAY;AAEjC,MAAM,iCAAiC,gCAAS,sBAAsB,YAAY;AAClF,+BAA+B,YAAY;",
+  "names": []
+}

package/cjs/MobileFooter/Footer.js

@@ -1,67 +1,72 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.constructor.js');
-require('core-js/modules/esnext.async-iterator.to-array.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.to-array.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var React = require('react');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var dsGrid = require('@elliemae/ds-grid');
-var DSButton = require('@elliemae/ds-button');
-var reactDesc = require('react-desc');
-var Text = require('./Text.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-const FooterWrap = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-ls5vfg-0"
-})(["background-color:", ";border-top:", ";height:", ";"], props => props.theme.colors.neutral['000'], props => dsSystem.border(props.theme.colors.neutral[100]), props => "calc(".concat(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), " * 7)"));
-
-const MobileFooter = _ref => {
-  let {
-    children
-  } = _ref;
-  const childArr = React__default["default"].Children.toArray(children);
-  const isButtonType = childArr[0].type === Text.DSMobileFooterText || childArr[0].type === DSButton__default["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 Footer_exports = {};
+__export(Footer_exports, {
+  MobileFooterWithSchema: () => MobileFooterWithSchema,
+  default: () => Footer_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_react_desc = require("react-desc");
+var import_Text = require("./Text");
+const FooterWrap = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  background-color: ${(props) => props.theme.colors.neutral["000"]};
+  border-top: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral[100])};
+  height: ${(props) => `calc(${(0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)} * 7)`};
+`;
+const MobileFooter = ({ children }) => {
+  const childArr = import_react.default.Children.toArray(children);
+  const isButtonType = childArr[0].type === import_Text.DSMobileFooterText || childArr[0].type === import_ds_button.default;
   const setCols = () => {
     if (isButtonType) {
-      return childArr.length === 1 ? ['90%'] : ['45%', '45%'];
+      return childArr.length === 1 ? ["90%"] : ["45%", "45%"];
     }
-
-    return childArr.map(() => "".concat(100 / childArr.length, "%"));
+    return childArr.map(() => `${100 / childArr.length}%`);
   };
-
-  return /*#__PURE__*/_jsx__default["default"](FooterWrap, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+  return /* @__PURE__ */ import_react.default.createElement(FooterWrap, null, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     cols: setCols(),
-    gutter: isButtonType ? 'xs' : undefined,
+    gutter: isButtonType ? "xs" : void 0,
     justifyContent: "center",
-    alignItems: isButtonType ? 'center' : undefined
-  }, void 0, childArr.map((c, i) =>
-  /*#__PURE__*/
-  // eslint-disable-next-line react/no-array-index-key
-  _jsx__default["default"](dsGrid.Grid, {}, i, c))));
+    alignItems: isButtonType ? "center" : void 0
+  }, childArr.map((c, i) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    key: i
+  }, c))));
 };
-
 const footerProps = {
-  /**
-   * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction
-   */
-  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element)]).isRequired.description('Instance of DSButton, DSMobileFooterText or DSMobileFooterAction')
+  children: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.element, import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element)]).isRequired.description("Instance of DSButton, DSMobileFooterText or DSMobileFooterAction")
 };
-const MobileFooterWithSchema = reactDesc.describe(MobileFooter);
+MobileFooter.propTypes = footerProps;
+const MobileFooterWithSchema = (0, import_react_desc.describe)(MobileFooter);
 MobileFooterWithSchema.propTypes = footerProps;
-
-exports.MobileFooterWithSchema = MobileFooterWithSchema;
-exports["default"] = MobileFooter;
+var Footer_default = MobileFooter;
+module.exports = __toCommonJS(Footer_exports);
+//# sourceMappingURL=Footer.js.map

package/cjs/MobileFooter/Footer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileFooter/Footer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { border, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport DSButton from '@elliemae/ds-button';\nimport { describe, PropTypes } from 'react-desc';\nimport { DSMobileFooterText } from './Text';\n\nconst FooterWrap = styled(Grid)`\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n  border-top: ${(props) => border(props.theme.colors.neutral[100])};\n  height: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`};\n`;\n\nconst MobileFooter = ({ children }) => {\n  const childArr = React.Children.toArray(children);\n  const isButtonType = childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;\n  const setCols = () => {\n    if (isButtonType) {\n      return childArr.length === 1 ? ['90%'] : ['45%', '45%'];\n    }\n    return childArr.map(() => `${100 / childArr.length}%`);\n  };\n  return (\n    <FooterWrap>\n      <Grid\n        cols={setCols()}\n        gutter={isButtonType ? 'xs' : undefined}\n        justifyContent=\"center\"\n        alignItems={isButtonType ? 'center' : undefined}\n      >\n        {childArr.map((c, i) => (\n          // eslint-disable-next-line react/no-array-index-key\n          <Grid key={i}>{c}</Grid>\n        ))}\n      </Grid>\n    </FooterWrap>\n  );\n};\n\nconst footerProps = {\n  /**\n   * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(\n    'Instance of DSButton, DSMobileFooterText or DSMobileFooterAction',\n  ),\n};\n\nMobileFooter.propTypes = footerProps;\n\nconst MobileFooterWithSchema = describe(MobileFooter);\nMobileFooterWithSchema.propTypes = footerProps;\n\nexport default MobileFooter;\n\nexport { MobileFooterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,+BAAmB;AACnB,uBAAiD;AACjD,qBAAqB;AACrB,uBAAqB;AACrB,wBAAoC;AACpC,kBAAmC;AAEnC,MAAM,aAAa,sCAAO;AAAA,sBACJ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,UAAU,6BAAO,MAAM,MAAM,OAAO,QAAQ;AAAA,YACjD,CAAC,UAAU,QAAQ,+CAAyB,MAAM,MAAM,MAAM;AAAA;AAG1E,MAAM,eAAe,CAAC,EAAE,eAAe;AACrC,QAAM,WAAW,qBAAM,SAAS,QAAQ;AACxC,QAAM,eAAe,SAAS,GAAG,SAAS,kCAAsB,SAAS,GAAG,SAAS;AACrF,QAAM,UAAU,MAAM;AACpB,QAAI,cAAc;AAChB,aAAO,SAAS,WAAW,IAAI,CAAC,SAAS,CAAC,OAAO;AAAA;AAEnD,WAAO,SAAS,IAAI,MAAM,GAAG,MAAM,SAAS;AAAA;AAE9C,SACE,mDAAC,YAAD,MACE,mDAAC,qBAAD;AAAA,IACE,MAAM;AAAA,IACN,QAAQ,eAAe,OAAO;AAAA,IAC9B,gBAAe;AAAA,IACf,YAAY,eAAe,WAAW;AAAA,KAErC,SAAS,IAAI,CAAC,GAAG,MAEhB,mDAAC,qBAAD;AAAA,IAAM,KAAK;AAAA,KAAI;AAAA;AAOzB,MAAM,cAAc;AAAA,EAIlB,UAAU,4BAAU,UAAU,CAAC,4BAAU,SAAS,4BAAU,QAAQ,4BAAU,WAAW,WAAW,YAClG;AAAA;AAIJ,aAAa,YAAY;AAEzB,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;AAEnC,IAAO,iBAAQ;",
+  "names": []
+}