@elliemae/ds-mobile 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/cjs/Tabs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Tabs/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { describe } from 'react-desc';\nimport { DSTabs, DSTab } from '@elliemae/ds-tabs';\nimport type { DSTabsPropsT, DSTabPropsT } from '@elliemae/ds-tabs';\nimport { MobileTabsPropTypes, MobileTabPropTypes } from './propTypes';\n\ntype DSMobileTabsPropsT = Omit<\n  DSTabsPropsT,\n  'animated' | 'enableMouseEvents' | 'allowTextSelection' | 'type' | 'isDSMobile' | 'withCarousel'\n>;\n\ntype DSMobileTabPropsT = Omit<DSTabPropsT, 'isDSMobile'>;\n\nexport const DSMobileTabs = ({ children, ...props }: DSMobileTabsPropsT) => (\n  <DSTabs {...props} isDSMobile>\n    {children}\n  </DSTabs>\n);\n\nexport const DSMobileTab = ({ children, ...props }: DSMobileTabPropsT) => <DSTab {...props}>{children}</DSTab>;\n\nDSMobileTabs.propTypes = MobileTabsPropTypes as WeakValidationMap<unknown>;\nconst DSMobileTabsWithSchema = describe(DSMobileTabs);\nDSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;\n\nDSMobileTab.propTypes = MobileTabPropTypes as WeakValidationMap<unknown>;\nconst DSMobileTabWithSchema = describe(DSMobileTab);\nDSMobileTabWithSchema.propTypes = MobileTabPropTypes;\n\nexport { DSMobileTabsWithSchema, DSMobileTabWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAyB;AACzB,qBAA8B;AAE9B,uBAAwD;AASjD,MAAM,eAAe,CAAC,EAAE,aAAa,YAC1C,oCAAC,uBAAD;AAAA,KAAY;AAAA,EAAO,YAAU;AAAA,GAC1B;AAIE,MAAM,cAAc,CAAC,EAAE,aAAa,YAA+B,oCAAC,sBAAD;AAAA,KAAW;AAAA,GAAQ;AAE7F,aAAa,YAAY;AACzB,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAyB;AACzB,qBAA8B;AAE9B,uBAAwD;AASjD,MAAM,eAAe,CAAC,OAA4C;AAA5C,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AAC7B,6CAAC,uBAAD,iCAAY,QAAZ;AAAA,IAAmB,YAAU;AAAA,MAC1B;AAAA;AAIE,MAAM,cAAc,CAAC,OAA2C;AAA3C,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AAA4C,6CAAC,sBAAD,mBAAW,QAAQ;AAAA;AAE7F,aAAa,YAAY;AACzB,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;",
   "names": []
 }

package/dist/esm/Accordion/Accordion.js

@@ -1,14 +1,48 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import { describe } from "react-desc";
 import { DSAccordion, DSAccordionItem } from "@elliemae/ds-accordion";
 import { mobileAccordionItemPropTypes, mobileAccordionPropTypes } from "./propTypes";
-const DSMobileAccordion = ({ children, ...props }) => /* @__PURE__ */ React.createElement(DSAccordion, {
-  ...props,
-  isDSMobile: true
-}, children);
-const DSMobileAccordionItem = ({ children, ...props }) => /* @__PURE__ */ React.createElement(DSAccordionItem, {
-  ...props
-}, children);
+const DSMobileAccordion = (_a) => {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React.createElement(DSAccordion, __spreadProps(__spreadValues({}, props), {
+    isDSMobile: true
+  }), children);
+};
+const DSMobileAccordionItem = (_c) => {
+  var _d = _c, { children } = _d, props = __objRest(_d, ["children"]);
+  return /* @__PURE__ */ React.createElement(DSAccordionItem, __spreadValues({}, props), children);
+};
 DSMobileAccordionItem.propTypes = mobileAccordionItemPropTypes;
 const DSMobileAccordionItemWithSchema = describe(DSMobileAccordionItem);
 DSMobileAccordionItemWithSchema.propTypes = mobileAccordionItemPropTypes;

package/dist/esm/Accordion/Accordion.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Accordion/Accordion.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport { describe } from 'react-desc';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport type { DSAccordionPropsT, DSAccordionItemPropsT } from '@elliemae/ds-accordion';\nimport { mobileAccordionItemPropTypes, mobileAccordionPropTypes } from './propTypes';\n\ntype DSMobileAccordionPropsT = Omit<DSAccordionPropsT, 'isDSMobile'>;\n\nexport const DSMobileAccordion = ({ children, ...props }: DSMobileAccordionPropsT) => (\n  <DSAccordion {...props} isDSMobile>\n    {children}\n  </DSAccordion>\n);\n\nexport const DSMobileAccordionItem = ({ children, ...props }: DSAccordionItemPropsT) => (\n  <DSAccordionItem {...props}>{children}</DSAccordionItem>\n);\n\nDSMobileAccordionItem.propTypes = mobileAccordionItemPropTypes as WeakValidationMap<unknown>;\nconst DSMobileAccordionItemWithSchema = describe(DSMobileAccordionItem);\nDSMobileAccordionItemWithSchema.propTypes = mobileAccordionItemPropTypes;\n\nDSMobileAccordion.propTypes = mobileAccordionPropTypes as WeakValidationMap<unknown>;\nconst DSMobileAccordionWithSchema = describe(DSMobileAccordion);\nDSMobileAccordionWithSchema.propTypes = mobileAccordionPropTypes;\n\nexport { DSMobileAccordionItemWithSchema, DSMobileAccordionWithSchema };\n"],
-  "mappings": "AAAA;ACCA;AACA;AAEA;AAIO,MAAM,oBAAoB,CAAC,EAAE,aAAa,YAC/C,oCAAC,aAAD;AAAA,KAAiB;AAAA,EAAO,YAAU;AAAA,GAC/B;AAIE,MAAM,wBAAwB,CAAC,EAAE,aAAa,YACnD,oCAAC,iBAAD;AAAA,KAAqB;AAAA,GAAQ;AAG/B,sBAAsB,YAAY;AAClC,MAAM,kCAAkC,SAAS;AACjD,gCAAgC,YAAY;AAE5C,kBAAkB,YAAY;AAC9B,MAAM,8BAA8B,SAAS;AAC7C,4BAA4B,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA;AAIO,MAAM,oBAAoB,CAAC,OAAiD;AAAjD,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AAClC,6CAAC,aAAD,iCAAiB,QAAjB;AAAA,IAAwB,YAAU;AAAA,MAC/B;AAAA;AAIE,MAAM,wBAAwB,CAAC,OAA+C;AAA/C,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACtC,6CAAC,iBAAD,mBAAqB,QAAQ;AAAA;AAG/B,sBAAsB,YAAY;AAClC,MAAM,kCAAkC,SAAS;AACjD,gCAAgC,YAAY;AAE5C,kBAAkB,YAAY;AAC9B,MAAM,8BAA8B,SAAS;AAC7C,4BAA4B,YAAY;",
   "names": []
 }

package/dist/esm/FullPageContainer/FullPageContainer.js

@@ -1,15 +1,43 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2 from "react";
 import PropTypes from "prop-types";
 import { Grid } from "@elliemae/ds-grid";
 import { useMobileHeight } from "./useMobileHeight";
-const DSFullPageContainer = ({ children, ...props }) => {
+const DSFullPageContainer = (_a) => {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
   const height = useMobileHeight();
-  return /* @__PURE__ */ React2.createElement(Grid, {
+  return /* @__PURE__ */ React2.createElement(Grid, __spreadValues({
     height,
-    width: "100%",
-    ...props
-  }, children);
+    width: "100%"
+  }, props), children);
 };
 DSFullPageContainer.propTypes = {
   children: PropTypes.any

package/dist/esm/FullPageContainer/FullPageContainer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/FullPageContainer.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n  const height = useMobileHeight();\n  return (\n    <Grid height={height} width=\"100%\" {...props}>\n      {children}\n    </Grid>\n  );\n};\n\nDSFullPageContainer.propTypes = {\n  children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,CAAC,EAAE,aAAa,YAAY;AACtD,QAAM,SAAS;AACf,SACE,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAgB,OAAM;AAAA,OAAW;AAAA,KACpC;AAAA;AAKP,oBAAoB,YAAY;AAAA,EAC9B,UAAU,UAAU;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,CAAC,OAA2B;AAA3B,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AAC7B,QAAM,SAAS;AACf,SACE,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAgB,OAAM;AAAA,KAAW,QACpC;AAAA;AAKP,oBAAoB,YAAY;AAAA,EAC9B,UAAU,UAAU;AAAA;",
   "names": []
 }

package/dist/esm/FullPageContainer/FullPageContainerScroll.js

@@ -1,12 +1,42 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2 from "react";
 import PropTypes from "prop-types";
 import { Grid } from "@elliemae/ds-grid";
-const DSFullPageContainerScroll = ({ style = {}, children, ...props }) => /* @__PURE__ */ React2.createElement(Grid, {
-  maxHeight: "100%",
-  style: { overflow: "auto", ...style },
-  ...props
-}, children);
+const DSFullPageContainerScroll = (_a) => {
+  var _b = _a, { style = {}, children } = _b, props = __objRest(_b, ["style", "children"]);
+  return /* @__PURE__ */ React2.createElement(Grid, __spreadValues({
+    maxHeight: "100%",
+    style: __spreadValues({ overflow: "auto" }, style)
+  }, props), children);
+};
 DSFullPageContainerScroll.propTypes = {
   children: PropTypes.any,
   style: PropTypes.object

package/dist/esm/FullPageContainer/FullPageContainerScroll.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/FullPageContainerScroll.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n  children: PropTypes.any,\n  style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,4BAA4B,CAAC,EAAE,QAAQ,IAAI,aAAa,YAC5D,qCAAC,MAAD;AAAA,EAAM,WAAU;AAAA,EAAO,OAAO,EAAE,UAAU,WAAW;AAAA,KAAa;AAAA,GAC/D;AAIL,0BAA0B,YAAY;AAAA,EACpC,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,4BAA4B,CAAC,OAAoC;AAApC,eAAE,UAAQ,IAAI,aAAd,IAA2B,kBAA3B,IAA2B,CAAzB,SAAY;AAC/C,8CAAC,MAAD;AAAA,IAAM,WAAU;AAAA,IAAO,OAAO,iBAAE,UAAU,UAAW;AAAA,KAAa,QAC/D;AAAA;AAIL,0BAA0B,YAAY;AAAA,EACpC,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AAAA;",
   "names": []
 }

package/dist/esm/GlobalHeader/MobileGlobalHeader.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import React2, { useState, useCallback } from "react";
 import { Search } from "@elliemae/ds-icons";
@@ -36,10 +52,9 @@ const DSGlobalHeader = ({
   const menuToggle = (flag) => {
     setShowMenu(flag);
   };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Container, {
-    "data-testid": containerProps["data-testid"] || "global-header-wrapper",
-    ...containerProps
-  }, !searchBarVisible ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(MainSection, null, /* @__PURE__ */ React2.createElement(Icon, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Container, __spreadValues({
+    "data-testid": containerProps["data-testid"] || "global-header-wrapper"
+  }, containerProps), !searchBarVisible ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(MainSection, null, /* @__PURE__ */ React2.createElement(Icon, {
     onClick: menuToggle.bind(null, true)
   }, Logo()), /* @__PURE__ */ React2.createElement(Label, null, title), /* @__PURE__ */ React2.createElement("span", null), /* @__PURE__ */ React2.createElement(RightSection, null, /* @__PURE__ */ React2.createElement(Grid, {
     cols: lastIcon ? [1 / 2, 1 / 2] : [1],

package/dist/esm/GlobalHeader/MobileGlobalHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GlobalHeader/MobileGlobalHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAC,kBAAkB,uBAAuB,SAAS;AACzD,QAAM,CAAC,aAAa,kBAAkB;AACtC,QAAM,CAAC,UAAU,eAAe,SAAS;AACzC,QAAM,gBAAgB,MAAM;AAC1B,wBAAoB;AAAA;AAGtB,QAAM,0BAA0B,YAAY,SAAS,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,4DACE,qCAAC,WAAD;AAAA,IAAW,eAAa,eAAe,kBAAkB;AAAA,OAA6B;AAAA,KACnF,CAAC,mBACA,4DACE,qCAAC,aAAD,MACE,qCAAC,MAAD;AAAA,IAAM,SAAS,WAAW,KAAK,MAAM;AAAA,KAAQ,SAC7C,qCAAC,OAAD,MAAQ,QACR,qCAAC,QAAD,OACA,qCAAC,cAAD,MACE,qCAAC,MAAD;AAAA,IAAM,MAAM,WAAW,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC;AAAA,IAAI,QAAO;AAAA,KAClD,qCAAC,MAAD,MACE,qCAAC,QAAD;AAAA,IACE,eAAY;AAAA,IACZ,MAAM,YAAY;AAAA,IAClB,OAAO,aAAa;AAAA,IACpB,SAAS;AAAA,OAGZ,YAAY,qCAAC,MAAD,MAAO,gBAM5B,qCAAC,eAAD,MACE,qCAAC,SAAD;AAAA,IACE,WAAS;AAAA,IACT,WAAU;AAAA,IACV,aAAY;AAAA,IACZ,UAAU;AAAA,IACV,gBACE,qCAAC,UAAD;AAAA,MACE,YAAW;AAAA,MACX,WAAU;AAAA,MACV,MAAM,qCAAC,QAAD;AAAA,QAAQ,MAAM,YAAY;AAAA,QAAG,OAAO,aAAa;AAAA,QAAO,SAAS;AAAA;AAAA;AAAA,IAG3E,OAAO;AAAA,IACP,SAAQ;AAAA,QAKf,WACC,qCAAC,WAAD;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,SAAS,WAAW,KAAK,MAAM;AAAA,OAE/B;AAAA;AAKV,MAAM,YAAY,UAAU,QAC1B,UAAU,MAAM;AAAA,EACd,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU;AAAA,IAElB,YAAY;AAEd,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAI7C,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,UAAU,UAAU,QAAQ,YAAY;AAAA,EAIxC,gBAAgB,UAAU,KAAK,YAAY;AAAA,EAI3C,cAAc;AAAA,EAId,iBAAiB;AAAA;AAGnB,eAAe,YAAY;AAC3B,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAC,kBAAkB,uBAAuB,SAAS;AACzD,QAAM,CAAC,aAAa,kBAAkB;AACtC,QAAM,CAAC,UAAU,eAAe,SAAS;AACzC,QAAM,gBAAgB,MAAM;AAC1B,wBAAoB;AAAA;AAGtB,QAAM,0BAA0B,YAAY,SAAS,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,4DACE,qCAAC,WAAD;AAAA,IAAW,eAAa,eAAe,kBAAkB;AAAA,KAA6B,iBACnF,CAAC,mBACA,4DACE,qCAAC,aAAD,MACE,qCAAC,MAAD;AAAA,IAAM,SAAS,WAAW,KAAK,MAAM;AAAA,KAAQ,SAC7C,qCAAC,OAAD,MAAQ,QACR,qCAAC,QAAD,OACA,qCAAC,cAAD,MACE,qCAAC,MAAD;AAAA,IAAM,MAAM,WAAW,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC;AAAA,IAAI,QAAO;AAAA,KAClD,qCAAC,MAAD,MACE,qCAAC,QAAD;AAAA,IACE,eAAY;AAAA,IACZ,MAAM,YAAY;AAAA,IAClB,OAAO,aAAa;AAAA,IACpB,SAAS;AAAA,OAGZ,YAAY,qCAAC,MAAD,MAAO,gBAM5B,qCAAC,eAAD,MACE,qCAAC,SAAD;AAAA,IACE,WAAS;AAAA,IACT,WAAU;AAAA,IACV,aAAY;AAAA,IACZ,UAAU;AAAA,IACV,gBACE,qCAAC,UAAD;AAAA,MACE,YAAW;AAAA,MACX,WAAU;AAAA,MACV,MAAM,qCAAC,QAAD;AAAA,QAAQ,MAAM,YAAY;AAAA,QAAG,OAAO,aAAa;AAAA,QAAO,SAAS;AAAA;AAAA;AAAA,IAG3E,OAAO;AAAA,IACP,SAAQ;AAAA,QAKf,WACC,qCAAC,WAAD;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,SAAS,WAAW,KAAK,MAAM;AAAA,OAE/B;AAAA;AAKV,MAAM,YAAY,UAAU,QAC1B,UAAU,MAAM;AAAA,EACd,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU;AAAA,IAElB,YAAY;AAEd,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAI7C,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,UAAU,UAAU,QAAQ,YAAY;AAAA,EAIxC,gBAAgB,UAAU,KAAK,YAAY;AAAA,EAI3C,cAAc;AAAA,EAId,iBAAiB;AAAA;AAGnB,eAAe,YAAY;AAC3B,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
   "names": []
 }

package/dist/esm/LoadingPage/Page.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { useRef, useState, useEffect } from "react";
 import PropTypes from "prop-types";
@@ -38,10 +57,9 @@ const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill",
   const injectRefPosition = (child) => React2.cloneElement(React2.Children.only(child), {
     ref: childRef,
     children: React2.Children.toArray(child.props.children).concat([Loader, Back]),
-    style: {
-      ...get(child, "props.style", {}),
+    style: __spreadProps(__spreadValues({}, get(child, "props.style", {})), {
       position: position === "static" ? "relative" : position
-    }
+    })
   });
   if (React2.Children.count(children) === 0) {
     return /* @__PURE__ */ React2.createElement(React2.Fragment, null, Loader, Back);

package/dist/esm/LoadingPage/Page.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LoadingPage/Page.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport styled from 'styled-components';\nimport Backdrop from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n  ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n  z-index: ${(props) => props.zIndex};\n  top: 25%;\n  left: 15%;\n  width: 70%;\n  height: 75%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex = 1 }) => {\n  const [position, setPosition] = useState(null);\n  const childRef = useRef(null);\n  useEffect(() => {\n    if (childRef && childRef.current) {\n      const style = childRef && window.getComputedStyle(childRef.current);\n      setPosition(style.getPropertyValue('position'));\n    }\n  }, [childRef]);\n\n  const Back = loading && <Backdrop type={type} zIndex={backdropZIndex} />;\n  const Loader = loader && loading && (\n    <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n      {loader}\n    </LoadingPageLoader>\n  );\n\n  const injectRefPosition = (child) =>\n    React.cloneElement(React.Children.only(child), {\n      ref: childRef,\n      children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n      style: {\n        ...get(child, 'props.style', {}),\n        position: position === 'static' ? 'relative' : position,\n      },\n    });\n\n  if (React.Children.count(children) === 0) {\n    return (\n      <>\n        {Loader}\n        {Back}\n      </>\n    );\n  }\n  return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n  /**\n   * z-index of dimmer background\n   */\n  backdropZIndex: PropTypes.number,\n  /**\n   * Children page to show behind the loader\n   */\n  children: PropTypes.element,\n  /**\n   * Array of elements centrally aligned\n   */\n  loader: PropTypes.arrayOf(PropTypes.element),\n  /**\n   * Show / hide loader\n   */\n  loading: PropTypes.bool,\n  /**\n   * ['cover', 'fill']\n   */\n  type: PropTypes.oneOf(['fill', 'cover']),\n  /**\n   * z-index of loader, should be higher than the backdropZIndex\n   */\n  zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,EAAE,WAAY,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,SAAS,QAAQ;AAChG,QAAM,CAAC,UAAU,eAAe,SAAS;AACzC,QAAM,WAAW,OAAO;AACxB,YAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS;AAC3D,kBAAY,MAAM,iBAAiB;AAAA;AAAA,KAEpC,CAAC;AAEJ,QAAM,OAAO,WAAW,qCAAC,UAAD;AAAA,IAAU;AAAA,IAAY,QAAQ;AAAA;AACtD,QAAM,SAAS,UAAU,WACvB,qCAAC,mBAAD;AAAA,IAAmB;AAAA,IAAgB;AAAA,IAAY,MAAM,CAAC;AAAA,KACnD;AAIL,QAAM,oBAAoB,CAAC,UACzB,OAAM,aAAa,OAAM,SAAS,KAAK,QAAQ;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,OAAM,SAAS,QAAQ,MAAM,MAAM,UAAU,OAAO,CAAC,QAAQ;AAAA,IACvE,OAAO;AAAA,SACF,IAAI,OAAO,eAAe;AAAA,MAC7B,UAAU,aAAa,WAAW,aAAa;AAAA;AAAA;AAIrD,MAAI,OAAM,SAAS,MAAM,cAAc,GAAG;AACxC,WACE,4DACG,QACA;AAAA;AAIP,SAAO,kBAAkB;AAAA;AAG3B,YAAY,YAAY;AAAA,EAItB,gBAAgB,UAAU;AAAA,EAI1B,UAAU,UAAU;AAAA,EAIpB,QAAQ,UAAU,QAAQ,UAAU;AAAA,EAIpC,SAAS,UAAU;AAAA,EAInB,MAAM,UAAU,MAAM,CAAC,QAAQ;AAAA,EAI/B,QAAQ,UAAU;AAAA;AAGpB,MAAM,sBAAsB,UAAU;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,EAAE,WAAY,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9B,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,SAAS,QAAQ;AAChG,QAAM,CAAC,UAAU,eAAe,SAAS;AACzC,QAAM,WAAW,OAAO;AACxB,YAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS;AAC3D,kBAAY,MAAM,iBAAiB;AAAA;AAAA,KAEpC,CAAC;AAEJ,QAAM,OAAO,WAAW,qCAAC,UAAD;AAAA,IAAU;AAAA,IAAY,QAAQ;AAAA;AACtD,QAAM,SAAS,UAAU,WACvB,qCAAC,mBAAD;AAAA,IAAmB;AAAA,IAAgB;AAAA,IAAY,MAAM,CAAC;AAAA,KACnD;AAIL,QAAM,oBAAoB,CAAC,UACzB,OAAM,aAAa,OAAM,SAAS,KAAK,QAAQ;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,OAAM,SAAS,QAAQ,MAAM,MAAM,UAAU,OAAO,CAAC,QAAQ;AAAA,IACvE,OAAO,iCACF,IAAI,OAAO,eAAe,MADxB;AAAA,MAEL,UAAU,aAAa,WAAW,aAAa;AAAA;AAAA;AAIrD,MAAI,OAAM,SAAS,MAAM,cAAc,GAAG;AACxC,WACE,4DACG,QACA;AAAA;AAIP,SAAO,kBAAkB;AAAA;AAG3B,YAAY,YAAY;AAAA,EAItB,gBAAgB,UAAU;AAAA,EAI1B,UAAU,UAAU;AAAA,EAIpB,QAAQ,UAAU,QAAQ,UAAU;AAAA,EAIpC,SAAS,UAAU;AAAA,EAInB,MAAM,UAAU,MAAM,CAAC,QAAQ;AAAA,EAI/B,QAAQ,UAAU;AAAA;AAGpB,MAAM,sBAAsB,UAAU;",
   "names": []
 }

package/dist/esm/MobileActionToolbar/MobileActionToolbarItem.js

@@ -1,15 +1,46 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2 from "react";
 import { PropTypes, describe } from "react-desc";
 import DSButton from "@elliemae/ds-button";
-const ToolbarItem = ({ icon, ...otherProps }) => {
+const ToolbarItem = (_a) => {
+  var _b = _a, { icon } = _b, otherProps = __objRest(_b, ["icon"]);
   const displayIcon = React2.cloneElement(icon, { size: "m" });
-  return /* @__PURE__ */ React2.createElement(DSButton, {
-    ...otherProps,
+  return /* @__PURE__ */ React2.createElement(DSButton, __spreadProps(__spreadValues({}, otherProps), {
     buttonType: "text",
     icon: displayIcon,
     size: "m"
-  });
+  }));
 };
 ToolbarItem.displayName = "ToolbarItem";
 const props = {

package/dist/esm/MobileActionToolbar/MobileActionToolbarItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,EAAE,SAAS,iBAAiB;AAC/C,QAAM,cAAc,OAAM,aAAa,MAAM,EAAE,MAAM;AACrD,SAAO,qCAAC,UAAD;AAAA,OAAc;AAAA,IAAY,YAAW;AAAA,IAAO,MAAM;AAAA,IAAa,MAAK;AAAA;AAAA;AAG7E,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA,EAEZ,MAAM,UAAU,QAAQ,YAAY;AAAA;AAGtC,YAAY,YAAY;AAExB,MAAM,0BAA0B,SAAS;AAEzC,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,OAA4B;AAA5B,eAAE,WAAF,IAAW,uBAAX,IAAW,CAAT;AACrB,QAAM,cAAc,OAAM,aAAa,MAAM,EAAE,MAAM;AACrD,SAAO,qCAAC,UAAD,iCAAc,aAAd;AAAA,IAA0B,YAAW;AAAA,IAAO,MAAM;AAAA,IAAa,MAAK;AAAA;AAAA;AAG7E,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA,EAEZ,MAAM,UAAU,QAAQ,YAAY;AAAA;AAGtC,YAAY,YAAY;AAExB,MAAM,0BAA0B,SAAS;AAEzC,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
   "names": []
 }

package/dist/esm/MobileBanner/MobileBanner.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { useLayoutEffect, useEffect, useRef, useState } from "react";
 import { CloseX } from "@elliemae/ds-icons";
@@ -52,16 +71,16 @@ const DSMobileBanner = ({
   }, [isOpen, current]);
   if (!isAnimating && !isOpen)
     return null;
-  return /* @__PURE__ */ React2.createElement(StyledBannerContainer, {
+  return /* @__PURE__ */ React2.createElement(StyledBannerContainer, __spreadProps(__spreadValues({
     type,
     isOpen,
     isAnimating,
     onAnimationEnd: () => setCurrent(isOpen),
-    height,
-    ...containerProps,
+    height
+  }, containerProps), {
     "data-testid": "ds-mobile-banner-container",
     role: "alert"
-  }, /* @__PURE__ */ React2.createElement(StyledInnerContainer, {
+  }), /* @__PURE__ */ React2.createElement(StyledInnerContainer, {
     type,
     isOpen,
     ref: innerContainerRef,

package/dist/esm/MobileBanner/MobileBanner.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileBanner/MobileBanner.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA,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,OAA8B;AACxD,QAAM,WAAW,OAA8B;AAC/C,QAAM,CAAC,SAAS,cAAc,SAAkB;AAChD,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AACxD,QAAM,CAAC,QAAQ,aAAa,SAAiB;AAE7C,YAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ;AAAA;AAAA,KAErC,CAAC,aAAa;AAEjB,YAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC,aAAa;AAEjB,kBAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe;AAAA;AAC5C,qBAAe;AAAA,KACnB,CAAC,QAAQ;AAEZ,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,qCAAC,uBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW;AAAA,IACjC;AAAA,OACI;AAAA,IACJ,eAAY;AAAA,IACZ,MAAK;AAAA,KAEL,qCAAC,sBAAD;AAAA,IAAsB;AAAA,IAAY;AAAA,IAAgB,KAAK;AAAA,IAAmB;AAAA,KACxE,qCAAC,qBAAD;AAAA,IAAqB,eAAY;AAAA,KAAyB,MAAM,QAChE,qCAAC,eAAD;AAAA,IAAe;AAAA,KACb,qCAAC,aAAD,MAAc,QACd,qCAAC,gBAAD,MACG,MACA,mBACC,qCAAC,kBAAD;AAAA,IAAkB,MAAM;AAAA,IAAgB,eAAY;AAAA,IAAwB,SAAS;AAAA,KAClF,oBAKR,mBACC,qCAAC,4BAAD,MACE,qCAAC,mBAAD;AAAA,IACE,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAW;AAAA,IACX,MAAM,qCAAC,QAAD;AAAA,MAAQ,OAAM;AAAA,MAAO,QAAO;AAAA;AAAA,IAClC,UAAU;AAAA;AAAA;AASxB,eAAe,eAAe;AAC9B,eAAe,YAAY;AAC3B,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA,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,OAA8B;AACxD,QAAM,WAAW,OAA8B;AAC/C,QAAM,CAAC,SAAS,cAAc,SAAkB;AAChD,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AACxD,QAAM,CAAC,QAAQ,aAAa,SAAiB;AAE7C,YAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ;AAAA;AAAA,KAErC,CAAC,aAAa;AAEjB,YAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC,aAAa;AAEjB,kBAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe;AAAA;AAC5C,qBAAe;AAAA,KACnB,CAAC,QAAQ;AAEZ,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,qCAAC,uBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW;AAAA,IACjC;AAAA,KACI,iBANN;AAAA,IAOE,eAAY;AAAA,IACZ,MAAK;AAAA,MAEL,qCAAC,sBAAD;AAAA,IAAsB;AAAA,IAAY;AAAA,IAAgB,KAAK;AAAA,IAAmB;AAAA,KACxE,qCAAC,qBAAD;AAAA,IAAqB,eAAY;AAAA,KAAyB,MAAM,QAChE,qCAAC,eAAD;AAAA,IAAe;AAAA,KACb,qCAAC,aAAD,MAAc,QACd,qCAAC,gBAAD,MACG,MACA,mBACC,qCAAC,kBAAD;AAAA,IAAkB,MAAM;AAAA,IAAgB,eAAY;AAAA,IAAwB,SAAS;AAAA,KAClF,oBAKR,mBACC,qCAAC,4BAAD,MACE,qCAAC,mBAAD;AAAA,IACE,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAW;AAAA,IACX,MAAM,qCAAC,QAAD;AAAA,MAAQ,OAAM;AAAA,MAAO,QAAO;AAAA;AAAA,IAClC,UAAU;AAAA;AAAA;AASxB,eAAe,eAAe;AAC9B,eAAe,YAAY;AAC3B,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
   "names": []
 }

package/dist/esm/MobileContextMenu/MobileContextMenu.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { useState, useRef, useMemo } from "react";
 import { noop } from "lodash";
@@ -133,15 +152,14 @@ const DSMobileContextMenu = withTheme(({
     pl: "xs",
     pr: "xs",
     alignItems: "center"
-  }, React2.cloneElement(buttonFooter, {
-    ...buttonFooter.props,
+  }, React2.cloneElement(buttonFooter, __spreadProps(__spreadValues({}, buttonFooter.props), {
     containerProps: {
       "data-testid": `${dataTestid}--btn`
     },
     buttonType: "primary",
     size: "l",
     onClick: handleApply.bind(buttonFooter.props)
-  }))));
+  })))));
 });
 const props = {
   open: PropTypes.bool.description("toggle open the menu"),

package/dist/esm/MobileContextMenu/MobileContextMenu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileContextMenu/MobileContextMenu.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable func-names */\n/* eslint-disable max-lines */\nimport React, { useState, useRef, useMemo } from 'react';\nimport { noop } from 'lodash';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { truncate, withTheme } from '@elliemae/ds-system';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup';\n\nconst StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  width: ${(props) => `calc(100% - ${props.theme.space.xs})`};\n  position: fixed;\n  bottom: 0;\n  left: ${(props) => props.theme.space.xxs};\n  max-height: 90vh;\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 0 0px 11px 0 rgba(0, 0, 0, 0.5);\n`;\n\nconst StyledTitle = styled(Grid)`\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['000']};\n  ${truncate()}\n\n  & > span {\n    height: 20px;\n    width: 20px;\n  }\n\n  & > span > svg,\n  svg:not([fill]) {\n    height: 20px;\n    width: 20px;\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\nconst HeaderContainer = styled(Grid)`\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  background: ${(props) => props.theme.colors.brand['600']};\n`;\n\nconst isArr = (prop) => Array.isArray(prop);\n\nconst DSMobileContextMenu = withTheme(\n  ({\n    open = false,\n    title = '',\n    multiple = false,\n    singleSelect = false,\n    onChange = noop,\n    onClickOutside = noop,\n    children,\n    theme,\n    backdropZIndex,\n    zIndex = 1,\n    dataTestid = 'mobile-context-menu',\n    buttonFooter = null,\n    onApply = noop,\n    selecteds: initSelecteds,\n  }) => {\n    const [selectedItems, setSelectedItems] = useState([]);\n    const trueSelected = useMemo(\n      () => (initSelecteds !== undefined ? initSelecteds : [...selectedItems]),\n      [initSelecteds, selectedItems],\n    );\n    const containerRef = useRef(null);\n    const handleChange = (value, childProps, event) => {\n      onChange(value, childProps, event);\n      if (initSelecteds === undefined) {\n        if (multiple) setSelectedItems([...value]);\n        else if (singleSelect) setSelectedItems(value);\n      }\n    };\n\n    const handleApply = function (e) {\n      if (this.onClick) this.onClick(e);\n      onApply(e, selectedItems);\n    };\n\n    const rows = [theme.space.s, 1];\n    if (buttonFooter) rows.push('56px');\n\n    if (!open) return null;\n\n    return (\n      <>\n        <DSBackdrop\n          type=\"cover\"\n          zIndex={backdropZIndex}\n          onClick={(e) => {\n            // PUI-4481 prevent click on elements below backdrop\n            e.stopPropagation();\n            onClickOutside(e);\n          }}\n        />\n        <StyledContainer zIndex={zIndex} rows={rows} ref={containerRef} data-testid=\"ds-mobile-context-menu\">\n          <HeaderContainer justifyContent=\"center\" alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n            <StyledTitle alignItems=\"center\" gutter=\"xxs\" cols={Array(isArr(title) ? title.length : 1).fill('auto')}>\n              {title}\n            </StyledTitle>\n          </HeaderContainer>\n          <Grid style={{ overflow: 'hidden' }}>\n            <Grid style={{ overflow: 'auto' }}>\n              <Group activeValue={trueSelected} multiple={multiple} onChange={handleChange}>\n                {React.Children.map(children, (child, ii) => {\n                  const isGroup =\n                    child.type === (<ContextMenuGroup />).type ||\n                    child.type?.name === ContextMenuGroup.componentType ||\n                    child.type === ContextMenuGroup.type;\n                  const { onClick = noop } = child.props;\n                  const value = ii;\n                  let isSelected;\n                  if (singleSelect) isSelected = trueSelected === value;\n                  else if (multiple) isSelected = trueSelected.includes(value);\n                  return React.cloneElement(child, {\n                    value,\n                    key: `cm.${ii}`,\n                    isMulti: multiple,\n                    singleSelect,\n                    isSelected,\n                    onClick: !isGroup ? (e) => onClick(e, child.props) : null,\n                    selectedItems: isGroup ? trueSelected : null,\n                  });\n                })}\n              </Group>\n            </Grid>\n          </Grid>\n          {buttonFooter && (\n            <Grid pl=\"xs\" pr=\"xs\" alignItems=\"center\">\n              {React.cloneElement(buttonFooter, {\n                ...buttonFooter.props,\n                containerProps: {\n                  'data-testid': `${dataTestid}--btn`,\n                },\n                buttonType: 'primary',\n                size: 'l',\n                onClick: handleApply.bind(buttonFooter.props),\n              })}\n            </Grid>\n          )}\n        </StyledContainer>\n      </>\n    );\n  },\n);\n\nconst props = {\n  /** toggle open the menu */\n  open: PropTypes.bool.description('toggle open the menu'),\n  /** context menu title  */\n  title: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),\n  ]).description('context menu title'),\n  /** change handler for selectable context menu  */\n  onChange: PropTypes.func.description('change handler for selectable context menu'),\n  /** multi select */\n  multiple: PropTypes.bool.description('multi select'),\n  /** click outside callback handler */\n  onClickOutside: PropTypes.func.description('click outside callback handler'),\n  /** array of mobile context menu items */\n  children: PropTypes.arrayOf(PropTypes.element).description('array of mobile context menu items'),\n  /** z index for overlay div */\n  backdropZIndex: PropTypes.number.description('z index for overlay div'),\n  /** z index for menu container */\n  zIndex: PropTypes.number.description('z index for menu container'),\n  /** for e2e tests */\n  dataTestid: PropTypes.string.description('for e2e tests'),\n  /** bottom button */\n  buttonFooter: PropTypes.element.description('bottom button'),\n  /** callback */\n  onApply: PropTypes.func.description('callback'),\n  /** selected elements for multi and single select */\n  selecteds: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.number,\n  ]).description('selected elements for multi and single select'),\n};\n\nDSMobileContextMenu.propTypes = props;\n\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/MobileContextMenu/MobileContextMenuGroup.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import React2 from "react";
 import styled from "styled-components";
@@ -29,7 +45,7 @@ const DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, valu
     isMulti,
     singleSelect,
     isSelected,
-    onClick: (e) => onClick(e, { value, ...child.props })
+    onClick: (e) => onClick(e, __spreadValues({ value }, child.props))
   });
 })));
 const props = {

package/dist/esm/MobileContextMenu/MobileContextMenuGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileContextMenu/MobileContextMenuGroup.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\n\nconst Title = styled.div`\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  border-top: 1px solid ${(props) => props.theme.colors.brand['300']};\n  background: ${(props) => props.theme.colors.brand['200']};\n  padding: 0 ${(props) => props.theme.space.xs};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }) => (\n  <Grid>\n    <Grid>\n      <Title>{title}</Title>\n    </Grid>\n    <Grid>\n      {React.Children.map(children, (child, index) => {\n        const { onClick = noop } = child.props;\n        const value = `${groupValue}:${index}`;\n        let isSelected;\n        if (singleSelect) isSelected = selectedItems === value;\n        else if (isMulti) isSelected = selectedItems.includes(value);\n        return React.cloneElement(child, {\n          value,\n          key: 'group.'.concat(index),\n          isGroup: true,\n          isMulti,\n          singleSelect,\n          isSelected,\n          onClick: (e) => onClick(e, { value, ...child.props }),\n        });\n      })}\n    </Grid>\n  </Grid>\n);\n\nconst props = {\n  /**\n   * Group title\n   */\n  title: PropTypes.string.isRequired.description('group title'),\n  /**\n   *  Array of MobileContextMenuItem\n   */\n  children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Array of MobileContextMenuItem'),\n  /** multi select */\n  isMulti: PropTypes.bool.description('multi select'),\n  /** single select */\n  singleSelect: PropTypes.bool.description('single select'),\n  /** value for select */\n  value: PropTypes.string.description('value for select'),\n  /** selected items, array for multi, string for single */\n  selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description(\n    'selected items, array for multi, string for single',\n  ),\n};\n\nDSMobileContextMenuGroup.propTypes = props;\nDSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';\n\nconst DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);\n\nDSMobileContextMenuGroupWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,0BAIK,CAAC,WAAU,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC9C,CAAC,WAAU,OAAM,MAAM,OAAO,MAAM;AAAA,eACrC,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,WACjC,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,2BAA2B,CAAC,EAAE,OAAO,SAAS,cAAc,UAAU,OAAO,YAAY,oBAC7F,qCAAC,MAAD,MACE,qCAAC,MAAD,MACE,qCAAC,OAAD,MAAQ,SAEV,qCAAC,MAAD,MACG,OAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC9C,QAAM,EAAE,UAAU,SAAS,MAAM;AACjC,QAAM,QAAQ,GAAG,cAAc;AAC/B,MAAI;AACJ,MAAI;AAAc,iBAAa,kBAAkB;AAAA,WACxC;AAAS,iBAAa,cAAc,SAAS;AACtD,SAAO,OAAM,aAAa,OAAO;AAAA,IAC/B;AAAA,IACA,KAAK,SAAS,OAAO;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,MAAM,QAAQ,GAAG,EAAE,UAAU,MAAM;AAAA;AAAA;AAOvD,MAAM,QAAQ;AAAA,EAIZ,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,UAAU,UAAU,QAAQ,UAAU,SAAS,WAAW,YAAY;AAAA,EAEtE,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,cAAc,UAAU,KAAK,YAAY;AAAA,EAEzC,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,eAAe,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,SAAS,YACtE;AAAA;AAIJ,yBAAyB,YAAY;AACrC,yBAAyB,gBAAgB;AAEzC,MAAM,qCAAqC,SAAS;AAEpD,mCAAmC,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,0BAIK,CAAC,WAAU,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC9C,CAAC,WAAU,OAAM,MAAM,OAAO,MAAM;AAAA,eACrC,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,WACjC,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,2BAA2B,CAAC,EAAE,OAAO,SAAS,cAAc,UAAU,OAAO,YAAY,oBAC7F,qCAAC,MAAD,MACE,qCAAC,MAAD,MACE,qCAAC,OAAD,MAAQ,SAEV,qCAAC,MAAD,MACG,OAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC9C,QAAM,EAAE,UAAU,SAAS,MAAM;AACjC,QAAM,QAAQ,GAAG,cAAc;AAC/B,MAAI;AACJ,MAAI;AAAc,iBAAa,kBAAkB;AAAA,WACxC;AAAS,iBAAa,cAAc,SAAS;AACtD,SAAO,OAAM,aAAa,OAAO;AAAA,IAC/B;AAAA,IACA,KAAK,SAAS,OAAO;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,MAAM,QAAQ,GAAG,iBAAE,SAAU,MAAM;AAAA;AAAA;AAOvD,MAAM,QAAQ;AAAA,EAIZ,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,UAAU,UAAU,QAAQ,UAAU,SAAS,WAAW,YAAY;AAAA,EAEtE,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,cAAc,UAAU,KAAK,YAAY;AAAA,EAEzC,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,eAAe,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,SAAS,YACtE;AAAA;AAIJ,yBAAyB,YAAY;AACrC,yBAAyB,gBAAgB;AAEzC,MAAM,qCAAqC,SAAS;AAEpD,mCAAmC,YAAY;",
   "names": []
 }

package/dist/esm/MobileContextMenu/MobileContextMenuItem.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import React2 from "react";
 import { PropTypes, describe } from "react-desc";
@@ -8,14 +24,10 @@ import GroupItem from "@elliemae/ds-shared/GroupContext/GroupItem";
 import { DSCheckbox } from "@elliemae/ds-form";
 import { Checkmark } from "@elliemae/ds-icons";
 import { DSMobileTouchable } from "../MobileTouchable";
-const Wrap = styled((props2) => /* @__PURE__ */ React2.createElement(DSMobileTouchable, {
-  ...props2
-}))`
+const Wrap = styled((props2) => /* @__PURE__ */ React2.createElement(DSMobileTouchable, __spreadValues({}, props2)))`
   border-bottom: none;
 `;
-const PropWrap = styled((props2) => /* @__PURE__ */ React2.createElement(Grid, {
-  ...props2
-}))`
+const PropWrap = styled((props2) => /* @__PURE__ */ React2.createElement(Grid, __spreadValues({}, props2)))`
   ${(props2) => {
   if (!props2.isMulti) {
     return `