npm - @elliemae/ds-mobile - Versions diffs - 3.36.0-next.0 → 3.36.0-next.2 - Mend

@elliemae/ds-mobile 3.36.0-next.0 → 3.36.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (304) hide show

package/dist/cjs/CategoryBox/CategoryBox.js CHANGED Viewed

@@ -54,8 +54,7 @@ const CategoryBox = (0, import_ds_system.styled)(import_ds_grid.Grid)`
 const DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {
   const rows = ["auto"];
   const hasActions = actionsRight.length > 0;
-  if (hasActions)
-    rows.push("auto");
+  if (hasActions) rows.push("auto");
   const cols = import_react.default.useMemo(() => (0, import_lodash.times)(actionsRight.length, () => "auto"), [actionsRight.length]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { rows: ["40px", "auto"], children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -97,7 +96,6 @@ const props = {
    */
   children: import_ds_props_helpers.PropTypes.element.description("In-box children")
 };
-DSCategoryBox.propTypes = props;
 DSCategoryBox.displayName = "DSCategoryBox";
 const DSCategoryBoxWithSchema = (0, import_ds_props_helpers.describe)(DSCategoryBox);
 DSCategoryBoxWithSchema.propTypes = props;

package/dist/cjs/CategoryBox/CategoryBox.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CategoryBox/CategoryBox.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { times } from 'lodash';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled, truncate } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n  font-size: 18px;\n  margin: 0;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst CategoryBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['0']};\n  border-top: ${(props) => (props.hasBorderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n\n  const cols = React.useMemo(() => times(actionsRight.length, () => 'auto'), [actionsRight.length]);\n\n  return (\n    <Grid rows={['40px', 'auto']}>\n      <CategoryBox\n        cols={rows}\n        hasBorderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={actionsRight.length > 0 ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={cols} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </CategoryBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * Category Box title\n   */\n  title: PropTypes.string.isRequired.description('Category Box title'),\n  /**\n   * Toggle border top of category box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of category box'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n};\n\nDSCategoryBox.propTypes = props;\nDSCategoryBox.displayName = 'DSCategoryBox';\nconst DSCategoryBoxWithSchema = describe(DSCategoryBox);\nDSCategoryBoxWithSchema.propTypes = props;\n\nexport { DSCategoryBox, DSCategoryBoxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BjB;AA7BN,mBAAkB;AAClB,oBAAsB;AACtB,8BAAoC;AACpC,uBAAiC;AACjC,qBAAqB;AAErB,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA,WAGV,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA,QAElD,2BAAS;AAAA,iBACI,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,kBAAc,yBAAO,mBAAI;AAAA,gBACf,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,gBACzC,CAACA,WAAWA,OAAM,eAAe,aAAaA,OAAM,MAAM,OAAO,QAAQ,KAAK,MAAM;AAAA;AAGpG,MAAM,gBAAgB,CAAC,EAAE,YAAY,MAAM,eAAe,CAAC,GAAG,OAAO,cAAc,GAAG,SAAS,MAAM;AACnG,QAAM,OAAO,CAAC,MAAM;AACpB,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI;AAAY,SAAK,KAAK,MAAM;AAEhC,QAAM,OAAO,aAAAC,QAAM,QAAQ,UAAM,qBAAM,aAAa,QAAQ,MAAM,MAAM,GAAG,CAAC,aAAa,MAAM,CAAC;AAEhG,SACE,6CAAC,uBAAK,MAAM,CAAC,QAAQ,MAAM,GACzB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd,YAAW;AAAA,QACX,IAAG;AAAA,QACH,IAAI,aAAa,SAAS,IAAI,QAAQ;AAAA,QAEtC;AAAA,sDAAC,SAAM,IAAI,IAAI,eAAgB,iBAAM;AAAA,UACpC,cACC,4CAAC,uBAAK,MAAY,aAAY,OAC3B,wBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,OAAO,kCAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAInE,WAAW,kCAAU,KAAK,YAAY,mCAAmC;AAAA;AAAA;AAAA;AAAA,EAIzE,cAAc,kCAAU,QAAQ,kCAAU,OAAO,EAAE,YAAY,uBAAuB;AAAA;AAAA;AAAA;AAAA,EAItF,aAAa,kCAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAIzG,UAAU,kCAAU,QAAQ,YAAY,iBAAiB;AAC3D;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { times } from 'lodash';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled, truncate } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n  font-size: 18px;\n  margin: 0;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst CategoryBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['0']};\n  border-top: ${(props) => (props.hasBorderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n\n  const cols = React.useMemo(() => times(actionsRight.length, () => 'auto'), [actionsRight.length]);\n\n  return (\n    <Grid rows={['40px', 'auto']}>\n      <CategoryBox\n        cols={rows}\n        hasBorderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={actionsRight.length > 0 ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={cols} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </CategoryBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * Category Box title\n   */\n  title: PropTypes.string.isRequired.description('Category Box title'),\n  /**\n   * Toggle border top of category box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of category box'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n};\n\nDSCategoryBox.displayName = 'DSCategoryBox';\nconst DSCategoryBoxWithSchema = describe(DSCategoryBox);\nDSCategoryBoxWithSchema.propTypes = props;\n\nexport { DSCategoryBox, DSCategoryBoxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BjB;AA7BN,mBAAkB;AAClB,oBAAsB;AACtB,8BAAoC;AACpC,uBAAiC;AACjC,qBAAqB;AAErB,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA,WAGV,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA,QAEnD,2BAAS,CAAC;AAAA,iBACG,CAACA,WAAUA,OAAM,MAAM,YAAY,QAAQ;AAAA;AAG5D,MAAM,kBAAc,yBAAO,mBAAI;AAAA,gBACf,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,gBAC1C,CAACA,WAAWA,OAAM,eAAe,aAAaA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC,KAAK,MAAO;AAAA;AAG3G,MAAM,gBAAgB,CAAC,EAAE,YAAY,MAAM,eAAe,CAAC,GAAG,OAAO,cAAc,GAAG,SAAS,MAAM;AACnG,QAAM,OAAO,CAAC,MAAM;AACpB,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI,WAAY,MAAK,KAAK,MAAM;AAEhC,QAAM,OAAO,aAAAC,QAAM,QAAQ,UAAM,qBAAM,aAAa,QAAQ,MAAM,MAAM,GAAG,CAAC,aAAa,MAAM,CAAC;AAEhG,SACE,6CAAC,uBAAK,MAAM,CAAC,QAAQ,MAAM,GACzB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd,YAAW;AAAA,QACX,IAAG;AAAA,QACH,IAAI,aAAa,SAAS,IAAI,QAAQ;AAAA,QAEtC;AAAA,sDAAC,SAAM,IAAI,IAAI,WAAW,IAAK,iBAAM;AAAA,UACpC,cACC,4CAAC,uBAAK,MAAY,aAAY,OAC3B,wBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,OAAO,kCAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAInE,WAAW,kCAAU,KAAK,YAAY,mCAAmC;AAAA;AAAA;AAAA;AAAA,EAIzE,cAAc,kCAAU,QAAQ,kCAAU,OAAO,EAAE,YAAY,uBAAuB;AAAA;AAAA;AAAA;AAAA,EAItF,aAAa,kCAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAIzG,UAAU,kCAAU,QAAQ,YAAY,iBAAiB;AAC3D;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": ["props", "React"]
 }

package/dist/cjs/CollectionBox/CollectionBox.js CHANGED Viewed

@@ -69,17 +69,12 @@ const DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel
   const headerCols = [];
   const footerCols = [];
   const rows = [];
-  if (headerAction || title)
-    rows.push("40px");
+  if (headerAction || title) rows.push("40px");
   rows.push("auto");
-  if (footerAction)
-    rows.push("40px");
-  if (headerAction)
-    headerCols.push("auto");
-  if (title)
-    headerCols.push("auto");
-  if (footerAction)
-    footerCols.push("auto");
+  if (footerAction) rows.push("40px");
+  if (headerAction) headerCols.push("auto");
+  if (title) headerCols.push("auto");
+  if (footerAction) footerCols.push("auto");
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CollectionBox, { rows, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { alignItems: "center", cols: headerCols, children: [
       title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Header, { as: `h${headerLevel}`, children: title }),
@@ -111,7 +106,6 @@ const props = {
    */
   headerLevel: import_ds_props_helpers.PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("Semantic header tag used for the header title")
 };
-DSCollectionBox.propTypes = props;
 DSCollectionBox.displayName = "DSCollectionBox";
 const DSCollectionBoxWithSchema = (0, import_ds_props_helpers.describe)(DSCollectionBox);
 DSCollectionBoxWithSchema.propTypes = props;

package/dist/cjs/CollectionBox/CollectionBox.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/CollectionBox/CollectionBox.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled, truncate } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CollectionBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Footer = styled(Grid)`\n  border-top: 1px dashed ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Body = styled(Grid)`\n  min-height: 92px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nconst Header = styled.h3`\n  line-height: unset;\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n  ${truncate()}\n}\n`;\n\nconst ActionWrap = styled(Grid)`\n  & .em-ds-button {\n    padding: 0;\n    min-width: unset;\n  }\n`;\n\nconst DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {\n  const headerCols = [];\n  const footerCols = [];\n  const rows = [];\n  if (headerAction || title) rows.push('40px');\n  rows.push('auto');\n  if (footerAction) rows.push('40px');\n\n  if (headerAction) headerCols.push('auto');\n  if (title) headerCols.push('auto');\n\n  if (footerAction) footerCols.push('auto');\n\n  return (\n    <CollectionBox rows={rows}>\n      <Grid alignItems=\"center\" cols={headerCols}>\n        {title && <Header as={`h${headerLevel}`}>{title}</Header>}\n        {headerAction && <ActionWrap justifySelf=\"end\">{headerAction}</ActionWrap>}\n      </Grid>\n      <Body>{body}</Body>\n      {footerAction && (\n        <Footer alignItems=\"center\" cols={footerCols}>\n          <ActionWrap justifySelf=\"end\">{footerAction}</ActionWrap>\n        </Footer>\n      )}\n    </CollectionBox>\n  );\n};\n\nconst props = {\n  /**\n   * body inside collection box\n   */\n  body: PropTypes.element.isRequired.description('body inside collection box'),\n  /**\n   * Collection box header\n   */\n  title: PropTypes.string.description('Collection box header'),\n  /**\n   * Collection box header action, expects a button with size s\n   */\n  headerAction: PropTypes.element.description('Collection box header action, expects a button with size s'),\n  /**\n   * Collection box footer action, expects a button with size s\n   */\n  footerAction: PropTypes.element.description('Collection box footer action, expects a button with size s'),\n  /**\n   * Semantic header tag used for the header title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title'),\n};\n\nDSCollectionBox.propTypes = props;\nDSCollectionBox.displayName = 'DSCollectionBox';\nconst DSCollectionBoxWithSchema = describe(DSCollectionBox);\nDSCollectionBoxWithSchema.propTypes = props;\n\nexport { DSCollectionBox, DSCollectionBoxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsDjB;AApDN,8BAAoC;AACpC,uBAAiC;AACjC,qBAAqB;AAErB,MAAM,oBAAgB,yBAAO,mBAAI;AAAA,gBACjB,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA,WAEhD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,iBACrC,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,0BAC1B,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAGrE,MAAM,aAAS,yBAAO,mBAAI;AAAA,2BACC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAGtE,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA,iBAEP,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,SAAS,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,QAKlB,2BAAS;AAAA;AAAA;AAIb,MAAM,iBAAa,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9B,MAAM,kBAAkB,CAAC,EAAE,MAAM,OAAO,cAAc,cAAc,cAAc,EAAE,MAAM;AACxF,QAAM,aAAa,CAAC;AACpB,QAAM,aAAa,CAAC;AACpB,QAAM,OAAO,CAAC;AACd,MAAI,gBAAgB;AAAO,SAAK,KAAK,MAAM;AAC3C,OAAK,KAAK,MAAM;AAChB,MAAI;AAAc,SAAK,KAAK,MAAM;AAElC,MAAI;AAAc,eAAW,KAAK,MAAM;AACxC,MAAI;AAAO,eAAW,KAAK,MAAM;AAEjC,MAAI;AAAc,eAAW,KAAK,MAAM;AAExC,SACE,6CAAC,iBAAc,MACb;AAAA,iDAAC,uBAAK,YAAW,UAAS,MAAM,YAC7B;AAAA,eAAS,4CAAC,UAAO,IAAI,IAAI,eAAgB,iBAAM;AAAA,MAC/C,gBAAgB,4CAAC,cAAW,aAAY,OAAO,wBAAa;AAAA,OAC/D;AAAA,IACA,4CAAC,QAAM,gBAAK;AAAA,IACX,gBACC,4CAAC,UAAO,YAAW,UAAS,MAAM,YAChC,sDAAC,cAAW,aAAY,OAAO,wBAAa,GAC9C;AAAA,KAEJ;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,MAAM,kCAAU,QAAQ,WAAW,YAAY,4BAA4B;AAAA;AAAA;AAAA;AAAA,EAI3E,OAAO,kCAAU,OAAO,YAAY,uBAAuB;AAAA;AAAA;AAAA;AAAA,EAI3D,cAAc,kCAAU,QAAQ,YAAY,4DAA4D;AAAA;AAAA;AAAA;AAAA,EAIxG,cAAc,kCAAU,QAAQ,YAAY,4DAA4D;AAAA;AAAA;AAAA;AAAA,EAIxG,aAAa,kCAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,YAAY,+CAA+C;AAC9G;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,kCAAS,eAAe;AAC1D,0BAA0B,YAAY;",
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled, truncate } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CollectionBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Footer = styled(Grid)`\n  border-top: 1px dashed ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Body = styled(Grid)`\n  min-height: 92px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nconst Header = styled.h3`\n  line-height: unset;\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n  ${truncate()}\n}\n`;\n\nconst ActionWrap = styled(Grid)`\n  & .em-ds-button {\n    padding: 0;\n    min-width: unset;\n  }\n`;\n\nconst DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {\n  const headerCols = [];\n  const footerCols = [];\n  const rows = [];\n  if (headerAction || title) rows.push('40px');\n  rows.push('auto');\n  if (footerAction) rows.push('40px');\n\n  if (headerAction) headerCols.push('auto');\n  if (title) headerCols.push('auto');\n\n  if (footerAction) footerCols.push('auto');\n\n  return (\n    <CollectionBox rows={rows}>\n      <Grid alignItems=\"center\" cols={headerCols}>\n        {title && <Header as={`h${headerLevel}`}>{title}</Header>}\n        {headerAction && <ActionWrap justifySelf=\"end\">{headerAction}</ActionWrap>}\n      </Grid>\n      <Body>{body}</Body>\n      {footerAction && (\n        <Footer alignItems=\"center\" cols={footerCols}>\n          <ActionWrap justifySelf=\"end\">{footerAction}</ActionWrap>\n        </Footer>\n      )}\n    </CollectionBox>\n  );\n};\n\nconst props = {\n  /**\n   * body inside collection box\n   */\n  body: PropTypes.element.isRequired.description('body inside collection box'),\n  /**\n   * Collection box header\n   */\n  title: PropTypes.string.description('Collection box header'),\n  /**\n   * Collection box header action, expects a button with size s\n   */\n  headerAction: PropTypes.element.description('Collection box header action, expects a button with size s'),\n  /**\n   * Collection box footer action, expects a button with size s\n   */\n  footerAction: PropTypes.element.description('Collection box footer action, expects a button with size s'),\n  /**\n   * Semantic header tag used for the header title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title'),\n};\n\nDSCollectionBox.displayName = 'DSCollectionBox';\nconst DSCollectionBoxWithSchema = describe(DSCollectionBox);\nDSCollectionBoxWithSchema.propTypes = props;\n\nexport { DSCollectionBox, DSCollectionBoxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsDjB;AApDN,8BAAoC;AACpC,uBAAiC;AACjC,qBAAqB;AAErB,MAAM,oBAAgB,yBAAO,mBAAI;AAAA,gBACjB,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA,WAEjD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,iBACtC,CAACA,WAAUA,OAAM,MAAM,YAAY,QAAQ;AAAA,0BAClC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAGtE,MAAM,aAAS,yBAAO,mBAAI;AAAA,2BACC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAGvE,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA,iBAEP,CAACA,WAAUA,OAAM,MAAM,YAAY,OAAO;AAAA;AAG3D,MAAM,SAAS,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,QAKlB,2BAAS,CAAC;AAAA;AAAA;AAId,MAAM,iBAAa,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9B,MAAM,kBAAkB,CAAC,EAAE,MAAM,OAAO,cAAc,cAAc,cAAc,EAAE,MAAM;AACxF,QAAM,aAAa,CAAC;AACpB,QAAM,aAAa,CAAC;AACpB,QAAM,OAAO,CAAC;AACd,MAAI,gBAAgB,MAAO,MAAK,KAAK,MAAM;AAC3C,OAAK,KAAK,MAAM;AAChB,MAAI,aAAc,MAAK,KAAK,MAAM;AAElC,MAAI,aAAc,YAAW,KAAK,MAAM;AACxC,MAAI,MAAO,YAAW,KAAK,MAAM;AAEjC,MAAI,aAAc,YAAW,KAAK,MAAM;AAExC,SACE,6CAAC,iBAAc,MACb;AAAA,iDAAC,uBAAK,YAAW,UAAS,MAAM,YAC7B;AAAA,eAAS,4CAAC,UAAO,IAAI,IAAI,WAAW,IAAK,iBAAM;AAAA,MAC/C,gBAAgB,4CAAC,cAAW,aAAY,OAAO,wBAAa;AAAA,OAC/D;AAAA,IACA,4CAAC,QAAM,gBAAK;AAAA,IACX,gBACC,4CAAC,UAAO,YAAW,UAAS,MAAM,YAChC,sDAAC,cAAW,aAAY,OAAO,wBAAa,GAC9C;AAAA,KAEJ;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,MAAM,kCAAU,QAAQ,WAAW,YAAY,4BAA4B;AAAA;AAAA;AAAA;AAAA,EAI3E,OAAO,kCAAU,OAAO,YAAY,uBAAuB;AAAA;AAAA;AAAA;AAAA,EAI3D,cAAc,kCAAU,QAAQ,YAAY,4DAA4D;AAAA;AAAA;AAAA;AAAA,EAIxG,cAAc,kCAAU,QAAQ,YAAY,4DAA4D;AAAA;AAAA;AAAA;AAAA,EAIxG,aAAa,kCAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,YAAY,+CAA+C;AAC9G;AAEA,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,kCAAS,eAAe;AAC1D,0BAA0B,YAAY;",
   "names": ["props"]
 }

package/dist/cjs/GlobalHeader/MobileGlobalHeader.js CHANGED Viewed

@@ -42,7 +42,7 @@ var import_ds_button = require("@elliemae/ds-button");
 var import_ds_icon = require("@elliemae/ds-icon");
 var import_lodash = require("lodash");
 var import_ds_grid = require("@elliemae/ds-grid");
-var import_EM_logo = __toESM(require("../Icons/EM_logo.js"));
+var import_EM_logo = require("../Icons/EM_logo.js");
 var import_styles = require("./styles.js");
 var import_SideNav = require("../SideNav/index.js");
 const DSGlobalHeader = ({
@@ -73,7 +73,7 @@ const DSGlobalHeader = ({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { "data-testid": containerProps["data-testid"] || "global-header-wrapper", ...containerProps, children: !searchBarVisible ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.MainSection, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Icon, { onClick: menuToggle.bind(null, true), children: (0, import_EM_logo.default)() }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Icon, { onClick: menuToggle.bind(null, true), children: (0, import_EM_logo.SvgIcon)() }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Label, { children: title }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.RightSection, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { cols: lastIcon ? [1 / 2, 1 / 2] : [1], gutter: "xs", children: [
@@ -148,7 +148,6 @@ const props = {
    */
   bottomMenuItems: menuProps
 };
-DSGlobalHeader.propTypes = props;
 DSGlobalHeader.displayName = "DSGlobalHeader";
 const DSGlobalHeaderWithSchema = (0, import_ds_props_helpers.describe)(DSGlobalHeader);
 DSGlobalHeaderWithSchema.propTypes = props;

package/dist/cjs/GlobalHeader/MobileGlobalHeader.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/GlobalHeader/MobileGlobalHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSInput } from '@elliemae/ds-form';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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.js';\nimport { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from './styles.js';\nimport { DSSideNav } from '../SideNav/index.js';\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;\nDSGlobalHeader.displayName = 'DSGlobalHeader';\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = props;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSInput } from '@elliemae/ds-form';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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 { SvgIcon as Logo } from '../Icons/EM_logo.js';\nimport { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from './styles.js';\nimport { DSSideNav } from '../SideNav/index.js';\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.displayName = 'DSGlobalHeader';\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = props;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["Logo"]
 }

package/dist/cjs/GlobalHeader/styles.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/GlobalHeader/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled, kfrm, css } from '@elliemae/ds-system';\n\nexport const Container = styled.header`\n  width: auto;\n  height: 48px;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 1000;\n  background-color: ${(props) => props.theme.colors.brand[700]};\n  padding: ${(props) => `${props.theme.space.xxs} ${props.theme.space.xs}`};\n  color: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nconst growLeft = kfrm`\n  0% {\n    width: 0;\n  }\n  100% {\n    width: 100%;\n  }\n`;\n\nexport const SearchWrapper = styled.div`\n  background-color: ${(props) => props.theme.colors.brand[600]};\n  ${css`\n    animation: ${growLeft} 1s;\n  `}\n  float: right;\n  width: 100%;\n  border-radius: 4px;\n  .dsInput {\n    input {\n      border-radius: 2px 0 0 2px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n      border: calc(0.30769rem * 0.25) solid ${(props) => props.theme.colors.brand[800]} !important;\n      &:focus {\n        border-right: none !important;\n      }\n      &::placeholder {\n        color: ${(props) => props.theme.colors.neutral['000']};\n      }\n    }\n    .em-ds-input__clearable {\n      border: calc(0.30769rem * 0.25) solid ${(props) => props.theme.colors.brand[800]} !important;\n    }\n  }\n\n  .dsButton {\n    border-color: ${(props) => props.theme.colors.brand[800]} !important;\n    border-radius: 0 2px 2px 0;\n    border-left: none;\n  }\n  svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\nexport const Icon = styled.div`\n  margin-right: ${(props) => props.theme.space.xs};\n`;\n\nexport const Label = styled.div`\n  font-family: ${(props) => props.theme.fonts.default};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  font-size: 25px;\n  line-height: 32px;\n`;\n\nexport const RightSection = styled.div`\n  padding-top: 5px;\n`;\n\nexport const MainSection = styled.div`\n  display: flex;\n  flex-direction: row;\n  height: 32px;\n  span {\n    flex-grow: 1;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAkC;AAE3B,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,aAChD,CAAC,UAAU,GAAG,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM;AAAA,WAC3D,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAGtD,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASV,MAAM,gBAAgB,wBAAO;AAAA,sBACd,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,IACzD;AAAA,iBACa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQF,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,8CACZ,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKpE,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,8CAId,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKjE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAM/C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAIhD,MAAM,OAAO,wBAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGxC,MAAM,QAAQ,wBAAO;AAAA,iBACX,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,iBAC7B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAK7C,MAAM,eAAe,wBAAO;AAAA;AAAA;AAI5B,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAkC;AAE3B,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,aACjD,CAAC,UAAU,GAAG,MAAM,MAAM,MAAM,GAAG,IAAI,MAAM,MAAM,MAAM,EAAE,EAAE;AAAA,WAC/D,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAGvD,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASV,MAAM,gBAAgB,wBAAO;AAAA,sBACd,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,IAC1D;AAAA,iBACa,QAAQ;AAAA,GACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOY,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,8CACb,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKrE,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,8CAIf,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,oBAKlE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMhD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAIjD,MAAM,OAAO,wBAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAG1C,MAAM,QAAQ,wBAAO;AAAA,iBACX,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO;AAAA,iBACpC,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAKpD,MAAM,eAAe,wBAAO;AAAA;AAAA;AAI5B,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/GroupBox/GroupBox.js CHANGED Viewed

@@ -55,8 +55,7 @@ const GroupBox = (0, import_ds_system.styled)(import_ds_grid.Grid)`
 const DSGroupBox = ({ children, title, background = "grey", headerLevel = 3, actionsRight = [], borderTop }) => {
   const rows = ["auto"];
   const hasActions = actionsRight.length > 0;
-  if (hasActions)
-    rows.push("auto");
+  if (hasActions) rows.push("auto");
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { rows: ["32px", "auto"], children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       GroupBox,
@@ -102,7 +101,6 @@ const props = {
    */
   actionsRight: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.element).description("Array of button icons")
 };
-DSGroupBox.propTypes = props;
 DSGroupBox.displayName = "DSGroupBox";
 const DSGroupBoxWithSchema = (0, import_ds_props_helpers.describe)(DSGroupBox);
 DSGroupBoxWithSchema.propTypes = props;

package/dist/cjs/GroupBox/GroupBox.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/GroupBox/GroupBox.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { times } from 'lodash';\nimport { truncate, styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n  font-size: 14px;\n  margin: 0;\n  ${truncate()}\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  text-transform: capitalize;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst GroupBox = styled(Grid)`\n  background: ${(props) =>\n    props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000']};\n\n  border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSGroupBox = ({ children, title, background = 'grey', headerLevel = 3, actionsRight = [], borderTop }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n  return (\n    <Grid rows={['32px', 'auto']}>\n      <GroupBox\n        background={background}\n        cols={rows}\n        borderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={hasActions ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </GroupBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n  /**\n   * Title background\n   */\n  background: PropTypes.oneOf(['white', 'grey']).description('Title background'),\n  /**\n   * Toggle border top of group box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of group box'),\n  /**\n   * Group Box title\n   */\n  title: PropTypes.string.isRequired.description('Group Box title'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n};\n\nDSGroupBox.propTypes = props;\nDSGroupBox.displayName = 'DSGroupBox';\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BjB;AA5BN,8BAAoC;AACpC,oBAAsB;AACtB,uBAAiC;AACjC,qBAAqB;AAErB,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA,QAGjB,2BAAS;AAAA,WACF,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA,iBAGrC,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,eAAW,yBAAO,mBAAI;AAAA,gBACZ,CAACA,WACbA,OAAM,eAAe,SAASA,OAAM,MAAM,OAAO,QAAQ,KAAK,IAAIA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA,gBAEtF,CAACA,WAAWA,OAAM,YAAY,aAAaA,OAAM,MAAM,OAAO,QAAQ,KAAK,MAAM;AAAA;AAGjG,MAAM,aAAa,CAAC,EAAE,UAAU,OAAO,aAAa,QAAQ,cAAc,GAAG,eAAe,CAAC,GAAG,UAAU,MAAM;AAC9G,QAAM,OAAO,CAAC,MAAM;AACpB,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI;AAAY,SAAK,KAAK,MAAM;AAChC,SACE,6CAAC,uBAAK,MAAM,CAAC,QAAQ,MAAM,GACzB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA,YAAW;AAAA,QACX,IAAG;AAAA,QACH,IAAI,aAAa,QAAQ;AAAA,QAEzB;AAAA,sDAAC,SAAM,IAAI,IAAI,eAAgB,iBAAM;AAAA,UACpC,cACC,4CAAC,uBAAK,UAAM,qBAAM,aAAa,QAAQ,MAAM,MAAM,GAAG,aAAY,OAC/D,wBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,UAAU,kCAAU,QAAQ,YAAY,iBAAiB;AAAA;AAAA;AAAA;AAAA,EAIzD,YAAY,kCAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EAAE,YAAY,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAI7E,WAAW,kCAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA;AAAA;AAAA,EAItE,OAAO,kCAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA;AAAA;AAAA;AAAA,EAIhE,aAAa,kCAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAIzG,cAAc,kCAAU,QAAQ,kCAAU,OAAO,EAAE,YAAY,uBAAuB;AACxF;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,kCAAS,UAAU;AAChD,qBAAqB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { times } from 'lodash';\nimport { truncate, styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n  font-size: 14px;\n  margin: 0;\n  ${truncate()}\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  text-transform: capitalize;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst GroupBox = styled(Grid)`\n  background: ${(props) =>\n    props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000']};\n\n  border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSGroupBox = ({ children, title, background = 'grey', headerLevel = 3, actionsRight = [], borderTop }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n  return (\n    <Grid rows={['32px', 'auto']}>\n      <GroupBox\n        background={background}\n        cols={rows}\n        borderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={hasActions ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </GroupBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n  /**\n   * Title background\n   */\n  background: PropTypes.oneOf(['white', 'grey']).description('Title background'),\n  /**\n   * Toggle border top of group box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of group box'),\n  /**\n   * Group Box title\n   */\n  title: PropTypes.string.isRequired.description('Group Box title'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n};\n\nDSGroupBox.displayName = 'DSGroupBox';\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BjB;AA5BN,8BAAoC;AACpC,oBAAsB;AACtB,uBAAiC;AACjC,qBAAqB;AAErB,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA,QAGjB,2BAAS,CAAC;AAAA,WACH,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,iBAGtC,CAACA,WAAUA,OAAM,MAAM,YAAY,QAAQ;AAAA;AAG5D,MAAM,eAAW,yBAAO,mBAAI;AAAA,gBACZ,CAACA,WACbA,OAAM,eAAe,SAASA,OAAM,MAAM,OAAO,QAAQ,KAAK,IAAIA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA,gBAEvF,CAACA,WAAWA,OAAM,YAAY,aAAaA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC,KAAK,MAAO;AAAA;AAGxG,MAAM,aAAa,CAAC,EAAE,UAAU,OAAO,aAAa,QAAQ,cAAc,GAAG,eAAe,CAAC,GAAG,UAAU,MAAM;AAC9G,QAAM,OAAO,CAAC,MAAM;AACpB,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI,WAAY,MAAK,KAAK,MAAM;AAChC,SACE,6CAAC,uBAAK,MAAM,CAAC,QAAQ,MAAM,GACzB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA,YAAW;AAAA,QACX,IAAG;AAAA,QACH,IAAI,aAAa,QAAQ;AAAA,QAEzB;AAAA,sDAAC,SAAM,IAAI,IAAI,WAAW,IAAK,iBAAM;AAAA,UACpC,cACC,4CAAC,uBAAK,UAAM,qBAAM,aAAa,QAAQ,MAAM,MAAM,GAAG,aAAY,OAC/D,wBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,UAAU,kCAAU,QAAQ,YAAY,iBAAiB;AAAA;AAAA;AAAA;AAAA,EAIzD,YAAY,kCAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EAAE,YAAY,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAI7E,WAAW,kCAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA;AAAA;AAAA,EAItE,OAAO,kCAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA;AAAA;AAAA;AAAA,EAIhE,aAAa,kCAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAIzG,cAAc,kCAAU,QAAQ,kCAAU,OAAO,EAAE,YAAY,uBAAuB;AACxF;AAEA,WAAW,cAAc;AACzB,MAAM,2BAAuB,kCAAS,UAAU;AAChD,qBAAqB,YAAY;",
   "names": ["props"]
 }

package/dist/cjs/Icons/EM_logo.js CHANGED Viewed

@@ -28,6 +28,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var EM_logo_exports = {};
 __export(EM_logo_exports, {
+  SvgIcon: () => SvgIcon,
   default: () => EM_logo_default
 });
 module.exports = __toCommonJS(EM_logo_exports);

package/dist/cjs/Icons/EM_logo.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Icons/EM_logo.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nconst SvgIcon = () => (\n  <svg width=\"32px\" height=\"32px\" viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n    <title>em-logo-whitebackground</title>\n    <g id=\"em-logo-whitebackground\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n      <circle id=\"Oval\" fill=\"#FFFFFF\" cx=\"16\" cy=\"16\" r=\"16\"></circle>\n      <image\n        id=\"Encompass_ICON_COLOR\"\n        width=\"32\"\n        height=\"32\"\n        xlinkHref=\"data:image/png;base64,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\"\n      ></image>\n    </g>\n  </svg>\n);\n\nexport default SvgIcon;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKnB;AAFJ,MAAM,UAAU,MACd,6CAAC,SAAI,OAAM,QAAO,QAAO,QAAO,SAAQ,aAAY,SAAQ,OAAM,OAAM,8BACtE;AAAA,8CAAC,WAAM,qCAAuB;AAAA,EAC9B,6CAAC,OAAE,IAAG,2BAA0B,QAAO,QAAO,aAAY,KAAI,MAAK,QAAO,UAAS,WACjF;AAAA,gDAAC,YAAO,IAAG,QAAO,MAAK,WAAU,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,IACxD;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAM;AAAA,QACN,QAAO;AAAA,QACP,WAAU;AAAA;AAAA,IACX;AAAA,KACH;AAAA,GACF;AAGF,IAAO,kBAAQ;",
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nconst SvgIcon = () => (\n  <svg width=\"32px\" height=\"32px\" viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n    <title>em-logo-whitebackground</title>\n    <g id=\"em-logo-whitebackground\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n      <circle id=\"Oval\" fill=\"#FFFFFF\" cx=\"16\" cy=\"16\" r=\"16\"></circle>\n      <image\n        id=\"Encompass_ICON_COLOR\"\n        width=\"32\"\n        height=\"32\"\n        xlinkHref=\"data:image/png;base64,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\"\n      ></image>\n    </g>\n  </svg>\n);\n\nexport {SvgIcon};\nexport default SvgIcon;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKnB;AAFJ,MAAM,UAAU,MACd,6CAAC,SAAI,OAAM,QAAO,QAAO,QAAO,SAAQ,aAAY,SAAQ,OAAM,OAAM,8BACtE;AAAA,8CAAC,WAAM,qCAAuB;AAAA,EAC9B,6CAAC,OAAE,IAAG,2BAA0B,QAAO,QAAO,aAAY,KAAI,MAAK,QAAO,UAAS,WACjF;AAAA,gDAAC,YAAO,IAAG,QAAO,MAAK,WAAU,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,IACxD;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAM;AAAA,QACN,QAAO;AAAA,QACP,WAAU;AAAA;AAAA,IACX;AAAA,KACH;AAAA,GACF;AAIF,IAAO,kBAAQ;",
   "names": []
 }

package/dist/cjs/InfiniteLoader/Infiniteloader.js CHANGED Viewed

@@ -46,15 +46,13 @@ function useIntersectionObserver(elementRef, { threshold = 0, root = null, rootM
   const frozen = entry?.isIntersecting && freezeOnceVisible;
   const updateEntry = ([newEntry]) => {
     setEntry(newEntry);
-    if (newEntry.isIntersecting)
-      mutableIntersectionCb.current(newEntry);
+    if (newEntry.isIntersecting) mutableIntersectionCb.current(newEntry);
   };
   (0, import_react.useEffect)(() => {
     const node = elementRef?.current;
     const hasIOSupport = !!window.IntersectionObserver;
-    if (!hasIOSupport || frozen || !node)
-      return () => {
-      };
+    if (!hasIOSupport || frozen || !node) return () => {
+    };
     const observerParams = { threshold, root, rootMargin };
     const observer = new IntersectionObserver(updateEntry, observerParams);
     observer.observe(node);
@@ -90,8 +88,7 @@ const InfiniteLoader = ({ isFetching, fetchData, children, height, hasMoreItems
       handleResize();
     }
     return () => {
-      if (!height)
-        window.removeEventListener("resize", handleResize);
+      if (!height) window.removeEventListener("resize", handleResize);
     };
   }, [handleResize, height]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { style: { position: "relative", overflow: "hidden", height: viewportHeight }, children: [

package/dist/cjs/InfiniteLoader/Infiniteloader.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/Infiniteloader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useEffect, useRef, useCallback, useState, type RefObject, type WeakValidationMap } from 'react';\nimport { useMakeMutable } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Loader } from './Loader.js';\n\ninterface Props {\n  isFetching: boolean;\n  hasMoreItems?: boolean;\n  fetchData: () => void;\n  children: React.ReactNode;\n  height?: number | string;\n}\n\ninterface Args extends IntersectionObserverInit {\n  freezeOnceVisible?: boolean;\n}\n\nfunction useIntersectionObserver(\n  elementRef: RefObject<Element>,\n  { threshold = 0, root = null, rootMargin = '0%', freezeOnceVisible = false }: Args,\n  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars\n  onIntersectionCb = (entry: IntersectionObserverEntry): void => {},\n): IntersectionObserverEntry | undefined {\n  const mutableIntersectionCb = useMakeMutable(onIntersectionCb);\n  const [entry, setEntry] = useState<IntersectionObserverEntry>();\n\n  const frozen = entry?.isIntersecting && freezeOnceVisible;\n\n  const updateEntry = ([newEntry]: IntersectionObserverEntry[]): void => {\n    setEntry(newEntry);\n    if (newEntry.isIntersecting) mutableIntersectionCb.current(newEntry);\n  };\n\n  useEffect(() => {\n    const node = elementRef?.current; // DOM Ref\n    const hasIOSupport = !!window.IntersectionObserver;\n\n    if (!hasIOSupport || frozen || !node) return () => {};\n\n    const observerParams = { threshold, root, rootMargin };\n    const observer = new IntersectionObserver(updateEntry, observerParams);\n\n    observer.observe(node);\n\n    return () => observer.disconnect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [elementRef, JSON.stringify(threshold), root, rootMargin, frozen]);\n\n  return entry;\n}\n\nconst InfiniteLoader = ({ isFetching, fetchData, children, height, hasMoreItems = true }: Props) => {\n  const [viewportHeight, setViewportHeight] = useState<number | undefined | string>(height);\n\n  const baselineRef = useRef<HTMLDivElement | null>(null);\n  const mutableIsFetching = useMakeMutable(isFetching);\n  const mutableFetchData = useMakeMutable(fetchData);\n  const onIntersectionCb = React.useCallback(() => {\n    if (hasMoreItems && !mutableIsFetching.current) {\n      mutableFetchData.current();\n    }\n  }, [hasMoreItems, mutableFetchData, mutableIsFetching]);\n  useIntersectionObserver(\n    baselineRef,\n    {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.1,\n    },\n    onIntersectionCb,\n  );\n\n  const handleResize = useCallback(() => {\n    setViewportHeight(window.innerHeight);\n  }, []);\n\n  useEffect(() => {\n    if (!height) {\n      window.addEventListener('resize', handleResize);\n      handleResize();\n    }\n    return () => {\n      if (!height) window.removeEventListener('resize', handleResize);\n    };\n  }, [handleResize, height]);\n\n  return (\n    <Grid style={{ position: 'relative', overflow: 'hidden', height: viewportHeight }}>\n      <Grid style={{ overflow: isFetching ? 'hidden' : 'auto', height: viewportHeight }}>\n        {children}\n        <div ref={baselineRef} style={{ height: 1 }} />\n      </Grid>\n      <Loader isOpen={isFetching} />\n    </Grid>\n  );\n};\n\nconst listProps = {\n  isFetching: PropTypes.bool.description('toggle loading state'),\n  hasMoreItems: PropTypes.bool\n    .description('wheter or not you have more items that need to be loaded')\n    .defaultValue(true),\n  fetchData: PropTypes.func.description('callback to fetch new items'),\n  children: PropTypes.element.description('row items for infinite loader'),\n  height: PropTypes.number.description('infinite loader list height'),\n} as WeakValidationMap<unknown>;\n\nconst InfiniteLoaderWithSchema = describe(InfiniteLoader);\nInfiniteLoaderWithSchema.propTypes = listProps;\nexport { InfiniteLoader, InfiniteLoaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js CHANGED Viewed

@@ -49,8 +49,7 @@ const VirtualizedInfiniteLoader = ({
 }) => {
   const [itemCount, setItemCount] = (0, import_react.useState)(10);
   const loadMore = (startIndex, stopIndex) => {
-    if (hasNextPage)
-      setItemCount(itemCount + 1);
+    if (hasNextPage) setItemCount(itemCount + 1);
     return loadMoreItems(startIndex, stopIndex);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { position: "relative" }, children: [
@@ -99,7 +98,6 @@ const listProps = {
   /** flag for virtualized list */
   hasNextPage: import_ds_props_helpers.PropTypes.bool.description("flag for virtualized list")
 };
-VirtualizedInfiniteLoader.propTypes = listProps;
 VirtualizedInfiniteLoader.displayName = "VirtualizedInfiniteLoader";
 const VirtualizedInfiniteLoaderWithSchema = (0, import_ds_props_helpers.describe)(VirtualizedInfiniteLoader);
 VirtualizedInfiniteLoaderWithSchema.propTypes = listProps;

package/dist/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/VirtualizedInfiniteLoader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport RWInfiniteLoader from 'react-window-infinite-loader';\nimport { VariableSizeList as List } from 'react-window';\n\nconst VirtualizedInfiniteLoader = ({\n  moreItemsLoading = false,\n  hasNextPage = false,\n  isItemLoaded = () => true,\n  loadMoreItems,\n  getItemSize = () => 38,\n  height,\n  item: Row,\n}) => {\n  const [itemCount, setItemCount] = useState(10);\n\n  const loadMore = (startIndex, stopIndex) => {\n    if (hasNextPage) setItemCount(itemCount + 1);\n    return loadMoreItems(startIndex, stopIndex);\n  };\n\n  return (\n    <div style={{ position: 'relative' }}>\n      <RWInfiniteLoader isItemLoaded={isItemLoaded} itemCount={itemCount} loadMoreItems={loadMore}>\n        {({ onItemsRendered, ref }) => (\n          <List\n            className=\"List\"\n            height={height}\n            itemCount={itemCount}\n            itemSize={getItemSize}\n            onItemsRendered={onItemsRendered}\n            ref={ref}\n            width=\"100%\"\n          >\n            {Row}\n          </List>\n        )}\n      </RWInfiniteLoader>\n      {moreItemsLoading && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: 0,\n            background: 'blue',\n            zIndex: 1,\n          }}\n        >\n          Loading\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst listProps = {\n  /** Function responsible for tracking the loaded state of each item. */\n  isItemLoaded: PropTypes.bool.description('Function responsible for tracking the loaded state of each item.'),\n  /**  Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */\n  loadMoreItems: PropTypes.func.description(\n    'Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading.',\n  ),\n  /** callback to get row item size */\n  getItemSize: PropTypes.func.description('callback to get row item size'),\n  /** height for the list */\n  height: PropTypes.number.description('height for the list'),\n  /** flag to know if virtual list should be on loading state */\n  moreItemsLoading: PropTypes.bool.description('flag to know if virtual list s'),\n  /** Row item to render */\n  item: PropTypes.element.description('Row item to render'),\n  /** flag for virtualized list */\n  hasNextPage: PropTypes.bool.description('flag for virtualized list'),\n};\n\nVirtualizedInfiniteLoader.propTypes = listProps;\nVirtualizedInfiniteLoader.displayName = 'VirtualizedInfiniteLoader';\nconst VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);\n\nVirtualizedInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBnB;AAtBJ,mBAAgC;AAChC,8BAAoC;AACpC,0CAA6B;AAC7B,0BAAyC;AAEzC,MAAM,4BAA4B,CAAC;AAAA,EACjC,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EACrB;AAAA,EACA,cAAc,MAAM;AAAA,EACpB;AAAA,EACA,MAAM;AACR,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,QAAM,WAAW,CAAC,YAAY,cAAc;AAC1C,QAAI;AAAa,mBAAa,YAAY,CAAC;AAC3C,WAAO,cAAc,YAAY,SAAS;AAAA,EAC5C;AAEA,SACE,6CAAC,SAAI,OAAO,EAAE,UAAU,WAAW,GACjC;AAAA,gDAAC,oCAAAA,SAAA,EAAiB,cAA4B,WAAsB,eAAe,UAChF,WAAC,EAAE,iBAAiB,IAAI,MACvB;AAAA,MAAC,oBAAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,OAAM;AAAA,QAEL;AAAA;AAAA,IACH,GAEJ;AAAA,IACC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KAEJ;AAEJ;AAEA,MAAM,YAAY;AAAA;AAAA,EAEhB,cAAc,kCAAU,KAAK,YAAY,kEAAkE;AAAA;AAAA,EAE3G,eAAe,kCAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEA,aAAa,kCAAU,KAAK,YAAY,+BAA+B;AAAA;AAAA,EAEvE,QAAQ,kCAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAE1D,kBAAkB,kCAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA,EAE7E,MAAM,kCAAU,QAAQ,YAAY,oBAAoB;AAAA;AAAA,EAExD,aAAa,kCAAU,KAAK,YAAY,2BAA2B;AACrE;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,0CAAsC,kCAAS,yBAAyB;AAE9E,oCAAoC,YAAY;",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport RWInfiniteLoader from 'react-window-infinite-loader';\nimport { VariableSizeList as List } from 'react-window';\n\nconst VirtualizedInfiniteLoader = ({\n  moreItemsLoading = false,\n  hasNextPage = false,\n  isItemLoaded = () => true,\n  loadMoreItems,\n  getItemSize = () => 38,\n  height,\n  item: Row,\n}) => {\n  const [itemCount, setItemCount] = useState(10);\n\n  const loadMore = (startIndex, stopIndex) => {\n    if (hasNextPage) setItemCount(itemCount + 1);\n    return loadMoreItems(startIndex, stopIndex);\n  };\n\n  return (\n    <div style={{ position: 'relative' }}>\n      <RWInfiniteLoader isItemLoaded={isItemLoaded} itemCount={itemCount} loadMoreItems={loadMore}>\n        {({ onItemsRendered, ref }) => (\n          <List\n            className=\"List\"\n            height={height}\n            itemCount={itemCount}\n            itemSize={getItemSize}\n            onItemsRendered={onItemsRendered}\n            ref={ref}\n            width=\"100%\"\n          >\n            {Row}\n          </List>\n        )}\n      </RWInfiniteLoader>\n      {moreItemsLoading && (\n        <div\n          style={{\n            position: 'absolute',\n            bottom: 0,\n            background: 'blue',\n            zIndex: 1,\n          }}\n        >\n          Loading\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst listProps = {\n  /** Function responsible for tracking the loaded state of each item. */\n  isItemLoaded: PropTypes.bool.description('Function responsible for tracking the loaded state of each item.'),\n  /**  Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */\n  loadMoreItems: PropTypes.func.description(\n    'Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading.',\n  ),\n  /** callback to get row item size */\n  getItemSize: PropTypes.func.description('callback to get row item size'),\n  /** height for the list */\n  height: PropTypes.number.description('height for the list'),\n  /** flag to know if virtual list should be on loading state */\n  moreItemsLoading: PropTypes.bool.description('flag to know if virtual list s'),\n  /** Row item to render */\n  item: PropTypes.element.description('Row item to render'),\n  /** flag for virtualized list */\n  hasNextPage: PropTypes.bool.description('flag for virtualized list'),\n};\n\nVirtualizedInfiniteLoader.displayName = 'VirtualizedInfiniteLoader';\nconst VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);\n\nVirtualizedInfiniteLoaderWithSchema.propTypes = listProps;\n\nexport { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBnB;AAtBJ,mBAAgC;AAChC,8BAAoC;AACpC,0CAA6B;AAC7B,0BAAyC;AAEzC,MAAM,4BAA4B,CAAC;AAAA,EACjC,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EACrB;AAAA,EACA,cAAc,MAAM;AAAA,EACpB;AAAA,EACA,MAAM;AACR,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,QAAM,WAAW,CAAC,YAAY,cAAc;AAC1C,QAAI,YAAa,cAAa,YAAY,CAAC;AAC3C,WAAO,cAAc,YAAY,SAAS;AAAA,EAC5C;AAEA,SACE,6CAAC,SAAI,OAAO,EAAE,UAAU,WAAW,GACjC;AAAA,gDAAC,oCAAAA,SAAA,EAAiB,cAA4B,WAAsB,eAAe,UAChF,WAAC,EAAE,iBAAiB,IAAI,MACvB;AAAA,MAAC,oBAAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,OAAM;AAAA,QAEL;AAAA;AAAA,IACH,GAEJ;AAAA,IACC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KAEJ;AAEJ;AAEA,MAAM,YAAY;AAAA;AAAA,EAEhB,cAAc,kCAAU,KAAK,YAAY,kEAAkE;AAAA;AAAA,EAE3G,eAAe,kCAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEA,aAAa,kCAAU,KAAK,YAAY,+BAA+B;AAAA;AAAA,EAEvE,QAAQ,kCAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAE1D,kBAAkB,kCAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA,EAE7E,MAAM,kCAAU,QAAQ,YAAY,oBAAoB;AAAA;AAAA,EAExD,aAAa,kCAAU,KAAK,YAAY,2BAA2B;AACrE;AAEA,0BAA0B,cAAc;AACxC,MAAM,0CAAsC,kCAAS,yBAAyB;AAE9E,oCAAoC,YAAY;",
   "names": ["RWInfiniteLoader", "List"]
 }

package/dist/cjs/LoadingPage/Page.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/LoadingPage/Page.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme, styled } from '@elliemae/ds-system';\nimport { get } from 'lodash';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n  ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n  z-index: ${(props) => props.zIndex || props.theme.zIndex.loader};\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 }) => {\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 && <DSBackdrop 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BG;AA7B1B,mBAAmD;AACnD,wBAAsB;AACtB,uBAAkC;AAClC,oBAAoB;AACpB,yBAA2B;AAE3B,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA,aAE7C,CAAC,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3D,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,OAAO,MAAM;AAC5F,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,IAAI;AAC7C,QAAM,eAAW,qBAAO,IAAI;AAC5B,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,4CAAC,iCAAW,MAAY,QAAQ,gBAAgB;AACxE,QAAM,SAAS,UAAU,WACvB,4CAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzB,aAAAA,QAAM,aAAa,aAAAA,QAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,aAAAA,QAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,OAAG,mBAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAI,aAAAA,QAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,4EACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,gBAAgB,kBAAAC,QAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C,SAAS,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,kBAAAA,QAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,0BAAsB,4BAAU,WAAW;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BG;AA7B1B,mBAAmD;AACnD,wBAAsB;AACtB,uBAAkC;AAClC,oBAAoB;AACpB,yBAA2B;AAE3B,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB,oBAAqB;AAAA;AAAA,aAElE,CAAC,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUjE,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,OAAO,MAAM;AAC5F,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,IAAI;AAC7C,QAAM,eAAW,qBAAO,IAAI;AAC5B,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,4CAAC,iCAAW,MAAY,QAAQ,gBAAgB;AACxE,QAAM,SAAS,UAAU,WACvB,4CAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzB,aAAAA,QAAM,aAAa,aAAAA,QAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,aAAAA,QAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,OAAG,mBAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAI,aAAAA,QAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,4EACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,gBAAgB,kBAAAC,QAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C,SAAS,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,kBAAAA,QAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,0BAAsB,4BAAU,WAAW;",
   "names": ["React", "PropTypes"]
 }

package/dist/cjs/LoadingPage/index.js CHANGED Viewed

@@ -17,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -29,11 +28,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var LoadingPage_exports = {};
 __export(LoadingPage_exports, {
-  default: () => LoadingPage_default
+  DSMobileLoadingPage: () => import_Page.DSMobileLoadingPage
 });
 module.exports = __toCommonJS(LoadingPage_exports);
 var React = __toESM(require("react"));
 var import_Page = require("./Page.js");
-__reExport(LoadingPage_exports, require("./Page.js"), module.exports);
-var LoadingPage_default = import_Page.DSMobileLoadingPage;
 //# sourceMappingURL=index.js.map

package/dist/cjs/LoadingPage/index.js.map CHANGED Viewed

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

package/dist/cjs/MobileActionToolbar/MobileActionToolbar.js CHANGED Viewed

@@ -30,8 +30,7 @@ var MobileActionToolbar_exports = {};
 __export(MobileActionToolbar_exports, {
   DSMobileActionToolbar: () => DSMobileActionToolbar,
   DSMobileActionToolbarWithSchema: () => DSMobileActionToolbarWithSchema,
-  ToolbarItem: () => import_MobileActionToolbarItem.default,
-  default: () => MobileActionToolbar_default
+  ToolbarItem: () => import_MobileActionToolbarItem.ToolbarItem
 });
 module.exports = __toCommonJS(MobileActionToolbar_exports);
 var React = __toESM(require("react"));
@@ -39,7 +38,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_system = require("@elliemae/ds-system");
-var import_MobileActionToolbarItem = __toESM(require("./MobileActionToolbarItem.js"));
+var import_MobileActionToolbarItem = require("./MobileActionToolbarItem.js");
 const ToolStrip = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   display: flex;
   justify-content: space-around;
@@ -58,10 +57,8 @@ const props = {
   /** button array for the mobile action toolbar */
   buttons: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.element).description("button array for the mobile action toolbar")
 };
-Toolbar.propTypes = props;
 const DSMobileActionToolbar = (0, import_ds_system.withTheme)(Toolbar);
 DSMobileActionToolbar.displayName = "DSMobileActionToolbar";
 const DSMobileActionToolbarWithSchema = (0, import_ds_props_helpers.describe)(DSMobileActionToolbar);
 DSMobileActionToolbarWithSchema.propTypes = props;
-var MobileActionToolbar_default = DSMobileActionToolbar;
 //# sourceMappingURL=MobileActionToolbar.js.map

package/dist/cjs/MobileActionToolbar/MobileActionToolbar.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileActionToolbar/MobileActionToolbar.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, withTheme } from '@elliemae/ds-system';\nimport ToolbarItem from './MobileActionToolbarItem.js';\n\nconst ToolStrip = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n`;\nconst Toolbar = ({ withDepth = true, buttons = [], theme }) => {\n  const rows = [1];\n  const toolbarHeight = theme.space.m;\n  const borderStyle = withDepth ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' } : { boxShadow: 'none' };\n  return (\n    <ToolStrip rows={rows} height={toolbarHeight} style={borderStyle}>\n      {buttons}\n    </ToolStrip>\n  );\n};\n\nconst props = {\n  /** toggle box shadow for buttons border */\n  withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),\n  /** button array for the mobile action toolbar */\n  buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar'),\n};\n\nToolbar.propTypes = props;\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\nDSMobileActionToolbar.displayName = 'DSMobileActionToolbar';\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { DSMobileActionToolbar, ToolbarItem, DSMobileActionToolbarWithSchema };\nexport default DSMobileActionToolbar;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,oDAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;ADiBnB;AAhBJ,8BAAoC;AACpC,qBAAqB;AACrB,uBAAkC;AAClC,qCAAwB;AAExB,MAAM,gBAAY,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,sBAIP,CAACC,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAEjE,MAAM,UAAU,CAAC,EAAE,YAAY,MAAM,UAAU,CAAC,GAAG,MAAM,MAAM;AAC7D,QAAM,OAAO,CAAC,CAAC;AACf,QAAM,gBAAgB,MAAM,MAAM;AAClC,QAAM,cAAc,YAAY,EAAE,WAAW,8BAA8B,IAAI,EAAE,WAAW,OAAO;AACnG,SACE,4CAAC,aAAU,MAAY,QAAQ,eAAe,OAAO,aAClD,mBACH;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,WAAW,kCAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA,EAE5E,SAAS,kCAAU,QAAQ,kCAAU,OAAO,EAAE,YAAY,4CAA4C;AACxG;AAEA,QAAQ,YAAY;AAEpB,MAAM,4BAAwB,4BAAU,OAAO;AAC/C,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,kCAAS,qBAAqB;AACtE,gCAAgC,YAAY;AAG5C,IAAO,8BAAQ;",
-  "names": ["ToolbarItem", "props"]
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, withTheme } from '@elliemae/ds-system';\nimport { ToolbarItem } from './MobileActionToolbarItem.js';\n\nconst ToolStrip = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n`;\nconst Toolbar = ({ withDepth = true, buttons = [], theme }) => {\n  const rows = [1];\n  const toolbarHeight = theme.space.m;\n  const borderStyle = withDepth ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' } : { boxShadow: 'none' };\n  return (\n    <ToolStrip rows={rows} height={toolbarHeight} style={borderStyle}>\n      {buttons}\n    </ToolStrip>\n  );\n};\n\nconst props = {\n  /** toggle box shadow for buttons border */\n  withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),\n  /** button array for the mobile action toolbar */\n  buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar'),\n};\n\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\nDSMobileActionToolbar.displayName = 'DSMobileActionToolbar';\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { DSMobileActionToolbar, ToolbarItem, DSMobileActionToolbarWithSchema };\n// export default DSMobileActionToolbar;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBnB;AAhBJ,8BAAoC;AACpC,qBAAqB;AACrB,uBAAkC;AAClC,qCAA4B;AAE5B,MAAM,gBAAY,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,sBAIP,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAElE,MAAM,UAAU,CAAC,EAAE,YAAY,MAAM,UAAU,CAAC,GAAG,MAAM,MAAM;AAC7D,QAAM,OAAO,CAAC,CAAC;AACf,QAAM,gBAAgB,MAAM,MAAM;AAClC,QAAM,cAAc,YAAY,EAAE,WAAW,8BAA8B,IAAI,EAAE,WAAW,OAAO;AACnG,SACE,4CAAC,aAAU,MAAY,QAAQ,eAAe,OAAO,aAClD,mBACH;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,WAAW,kCAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA,EAE5E,SAAS,kCAAU,QAAQ,kCAAU,OAAO,EAAE,YAAY,4CAA4C;AACxG;AAGA,MAAM,4BAAwB,4BAAU,OAAO;AAC/C,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,kCAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
+  "names": ["props"]
 }

package/dist/cjs/MobileActionToolbar/MobileActionToolbarItem.js CHANGED Viewed

@@ -29,7 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var MobileActionToolbarItem_exports = {};
 __export(MobileActionToolbarItem_exports, {
   DSToolbarItemWithSchema: () => DSToolbarItemWithSchema,
-  default: () => MobileActionToolbarItem_default
+  ToolbarItem: () => ToolbarItem
 });
 module.exports = __toCommonJS(MobileActionToolbarItem_exports);
 var React = __toESM(require("react"));
@@ -46,9 +46,7 @@ const props = {
   /** toolbar item icon */
   icon: import_ds_props_helpers.PropTypes.element.description("Toolbar item icon")
 };
-ToolbarItem.propTypes = props;
 ToolbarItem.displayName = "ToolbarItem";
 const DSToolbarItemWithSchema = (0, import_ds_props_helpers.describe)(ToolbarItem);
 DSToolbarItemWithSchema.propTypes = props;
-var MobileActionToolbarItem_default = ToolbarItem;
 //# sourceMappingURL=MobileActionToolbarItem.js.map

package/dist/cjs/MobileActionToolbar/MobileActionToolbarItem.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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;\nToolbarItem.displayName = 'ToolbarItem';\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\nexport default ToolbarItem;\n\nexport { DSToolbarItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMd;AANT,mBAAkB;AAClB,8BAAoC;AACpC,uBAAyB;AAEzB,MAAM,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,MAAM;AAC/C,QAAM,cAAc,aAAAA,QAAM,aAAa,MAAM,EAAE,MAAM,IAAI,CAAC;AAC1D,SAAO,4CAAC,6BAAU,GAAG,YAAY,YAAW,QAAO,MAAM,aAAa,MAAK,KAAI;AACjF;AAEA,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA;AAAA,EAEZ,MAAM,kCAAU,QAAQ,YAAY,mBAAmB;AACzD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,8BAA0B,kCAAS,WAAW;AAEpD,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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.displayName = 'ToolbarItem';\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\n// export default ToolbarItem;\n\nexport { DSToolbarItemWithSchema, ToolbarItem };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMd;AANT,mBAAkB;AAClB,8BAAoC;AACpC,uBAAyB;AAEzB,MAAM,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,MAAM;AAC/C,QAAM,cAAc,aAAAA,QAAM,aAAa,MAAM,EAAE,MAAM,IAAI,CAAC;AAC1D,SAAO,4CAAC,6BAAU,GAAG,YAAY,YAAW,QAAO,MAAM,aAAa,MAAK,KAAI;AACjF;AAEA,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA;AAAA,EAEZ,MAAM,kCAAU,QAAQ,YAAY,mBAAmB;AACzD;AAEA,YAAY,cAAc;AAC1B,MAAM,8BAA0B,kCAAS,WAAW;AAEpD,wBAAwB,YAAY;",
   "names": ["React"]
 }