npm - @elliemae/ds-mobile - Versions diffs - 3.35.0 → 3.36.0-next.1 - Mend

@elliemae/ds-mobile 3.35.0 → 3.36.0-next.1

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/MobileTimePicker/index.js CHANGED Viewed

@@ -5,6 +5,10 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -13,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-
@@ -24,7 +27,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MobileTimePicker_exports = {};
+__export(MobileTimePicker_exports, {
+  DSMobileTimePicker: () => import_MobileTimePicker.DSMobileTimePicker,
+  DSMobileTimePickerWithSchema: () => import_MobileTimePicker.DSMobileTimePickerWithSchema
+});
 module.exports = __toCommonJS(MobileTimePicker_exports);
 var React = __toESM(require("react"));
-__reExport(MobileTimePicker_exports, require("./MobileTimePicker.js"), module.exports);
+var import_MobileTimePicker = require("./MobileTimePicker.js");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileTimePicker/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './MobileTimePicker.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,kCAAd;",
+  "sourcesContent": ["export { DSMobileTimePicker, DSMobileTimePickerWithSchema } from './MobileTimePicker.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAiE;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileTouchable/MobileTouchable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { styled, withTheme } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst StyledContainer = styled(Grid)`\n  cursor: pointer;\n  background: ${(props) => (props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000'])};\n`;\n\nconst MobileTouchable = ({\n  children,\n  onClick = noop,\n  theme,\n  dataTestid = 'mobile-touchable',\n  render,\n  ...gridProps\n}) => {\n  const [touching, setTouching] = useState(false);\n  const handleStart = useCallback(() => setTouching(true));\n  const handleEnd = useCallback(() => setTouching(false));\n  return (\n    <StyledContainer\n      {...gridProps}\n      touching={touching}\n      onClick={onClick}\n      onTouchStart={handleStart}\n      onTouchEnd={handleEnd}\n      data-testid={dataTestid}\n    >\n      {children || render(gridProps)}\n    </StyledContainer>\n  );\n};\n\nMobileTouchable.propTypes = {\n  onClick: PropTypes.func,\n  children: PropTypes.any,\n  render: PropTypes.func,\n  theme: PropTypes.any,\n  dataTestid: PropTypes.string,\n};\n\nconst DSMobileTouchable = withTheme(MobileTouchable);\n\nexport { DSMobileTouchable };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBnB;AAvBJ,mBAA6C;AAC7C,oBAAqB;AACrB,wBAAsB;AACtB,uBAAkC;AAClC,qBAAqB;AAErB,MAAM,sBAAkB,yBAAO,mBAAI;AAAA;AAAA,gBAEnB,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,KAAK,IAAI,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAG/G,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,kBAAc,0BAAY,MAAM,YAAY,IAAI,CAAC;AACvD,QAAM,gBAAY,0BAAY,MAAM,YAAY,KAAK,CAAC;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAa;AAAA,MAEZ,sBAAY,OAAO,SAAS;AAAA;AAAA,EAC/B;AAEJ;AAEA,gBAAgB,YAAY;AAAA,EAC1B,SAAS,kBAAAA,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,OAAO,kBAAAA,QAAU;AAAA,EACjB,YAAY,kBAAAA,QAAU;AACxB;AAEA,MAAM,wBAAoB,4BAAU,eAAe;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBnB;AAvBJ,mBAA6C;AAC7C,oBAAqB;AACrB,wBAAsB;AACtB,uBAAkC;AAClC,qBAAqB;AAErB,MAAM,sBAAkB,yBAAO,mBAAI;AAAA;AAAA,gBAEnB,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,KAAK,IAAI,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAE;AAAA;AAGjH,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,kBAAc,0BAAY,MAAM,YAAY,IAAI,CAAC;AACvD,QAAM,gBAAY,0BAAY,MAAM,YAAY,KAAK,CAAC;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAa;AAAA,MAEZ,sBAAY,OAAO,SAAS;AAAA;AAAA,EAC/B;AAEJ;AAEA,gBAAgB,YAAY;AAAA,EAC1B,SAAS,kBAAAA,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,OAAO,kBAAAA,QAAU;AAAA,EACjB,YAAY,kBAAAA,QAAU;AACxB;AAEA,MAAM,wBAAoB,4BAAU,eAAe;",
   "names": ["PropTypes"]
 }

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

@@ -5,6 +5,10 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -13,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-
@@ -24,7 +27,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MobileTouchable_exports = {};
+__export(MobileTouchable_exports, {
+  DSMobileTouchable: () => import_MobileTouchable.DSMobileTouchable
+});
 module.exports = __toCommonJS(MobileTouchable_exports);
 var React = __toESM(require("react"));
-__reExport(MobileTouchable_exports, require("./MobileTouchable.js"), module.exports);
+var import_MobileTouchable = require("./MobileTouchable.js");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileTouchable/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './MobileTouchable.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,oCAAc,iCAAd;",
+  "sourcesContent": ["export { DSMobileTouchable } from './MobileTouchable.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,6BAAkC;",
   "names": []
 }

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

@@ -59,8 +59,7 @@ const Modal = ({
   children = void 0
 }) => {
   const theme = (0, import_ds_system.useTheme)();
-  if (!isOpen)
-    return null;
+  if (!isOpen) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.BodyFix, { isOpen }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.BackShadow, { onClick: onClose, zIndex }),
@@ -161,7 +160,6 @@ const modalProps = {
     labelText: import_ds_props_helpers.PropTypes.string
   }).description("Primary action props")
 };
-Modal.propTypes = modalProps;
 Modal.displayName = "Modal";
 const ModalWithSchema = (0, import_ds_props_helpers.describe)(Modal);
 ModalWithSchema.propTypes = modalProps;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Modal/Modal.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { useTheme } from '@elliemae/ds-system';\nimport { ModalPosition, ModalBox, BackShadow, ModalIcon, ModalTitle, ModalDescription, BodyFix } from './styled.js';\n\nconst Modal = ({\n  zIndex = 1,\n  title = '',\n  description = '',\n  onClose = noop,\n  showSecondaryAction = true,\n  secondaryActionProps = {\n    onClick: noop,\n    labelText: 'Cancel',\n  },\n  primaryActionProps = {\n    onClick: noop,\n    labelText: 'Accept',\n  },\n  isOpen = false,\n  children = undefined,\n}) => {\n  const theme = useTheme();\n  if (!isOpen) return null;\n  return (\n    <>\n      <BodyFix isOpen={isOpen} />\n      <BackShadow onClick={onClose} zIndex={zIndex} />\n      <ModalPosition zIndex={zIndex} cols={['auto']}>\n        {children !== undefined ? (\n          <>{children}</>\n        ) : (\n          <ModalBox\n            maxHeight={`${window.innerHeight * 0.75}px`}\n            rows={[1, '80px']}\n            style={{\n              overflow: 'hidden',\n            }}\n          >\n            <Grid\n              pl=\"xs\"\n              pr=\"xs\"\n              style={{\n                overflow: 'hidden',\n              }}\n            >\n              <Grid\n                rows={['auto', 'auto', 1]}\n                style={{\n                  overflow: 'hidden',\n                }}\n              >\n                <ModalIcon>\n                  <WarningTriangle size=\"xxl\" />\n                </ModalIcon>\n                <ModalTitle data-testid=\"modal-title\">{title}</ModalTitle>\n                <ModalDescription\n                  data-testid=\"modal-desc\"\n                  style={{\n                    overflow: 'auto',\n                  }}\n                >\n                  {description}\n                </ModalDescription>\n              </Grid>\n            </Grid>\n            <Grid pt=\"24px\">\n              <Grid\n                pl=\"xs\"\n                pr=\"xs\"\n                cols={showSecondaryAction ? [1, 1] : [1]}\n                gutter=\"xs\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                style={{\n                  borderTop: `1px solid ${theme.colors.neutral[100]}`,\n                }}\n              >\n                {showSecondaryAction && (\n                  <DSButton\n                    {...secondaryActionProps}\n                    labelText={secondaryActionProps.labelText || ' Cancel'}\n                    buttonType=\"secondary\"\n                    data-testid=\"modal-secondary-btn\"\n                  />\n                )}\n                <DSButton\n                  labelText={primaryActionProps.labelText || ' Accept'}\n                  {...primaryActionProps}\n                  buttonType=\"primary\"\n                  data-testid=\"modal-primary-btn\"\n                />\n              </Grid>\n            </Grid>\n          </ModalBox>\n        )}\n      </ModalPosition>\n    </>\n  );\n};\n\nconst modalProps = {\n  isOpen: PropTypes.bool.description('Wheter the modal is open or closed').defaultValue(false),\n  zIndex: PropTypes.number.description('z-index value').defaultValue(1),\n  title: PropTypes.string.description('Modal s title').isRequired,\n  description: PropTypes.string.description('Modal s content').isRequired,\n  onClose: PropTypes.func.description('Function executed when the modal closes'),\n  showSecondaryAction: PropTypes.bool.description('Wheter to show secondary action button or not').defaultValue(true),\n  secondaryActionProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    labelText: PropTypes.string,\n  }).description('Secondary action props'),\n  primaryActionProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    labelText: PropTypes.string,\n  }).description('Primary action props'),\n};\n\nModal.propTypes = modalProps;\nModal.displayName = 'Modal';\nconst ModalWithSchema = describe(Modal);\nModalWithSchema.propTypes = modalProps;\n\nexport { Modal, ModalWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BjB;AA7BN,8BAAoC;AACpC,oBAAqB;AACrB,qBAAqB;AACrB,sBAAgC;AAChC,uBAAyB;AACzB,uBAAyB;AACzB,oBAAsG;AAEtG,MAAM,QAAQ,CAAC;AAAA,EACb,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,EACV,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,IACrB,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,qBAAqB;AAAA,IACnB,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,EACT,WAAW;AACb,MAAM;AACJ,QAAM,YAAQ,2BAAS;AACvB,MAAI,CAAC;AAAQ,WAAO;AACpB,SACE,4EACE;AAAA,gDAAC,yBAAQ,QAAgB;AAAA,IACzB,4CAAC,4BAAW,SAAS,SAAS,QAAgB;AAAA,IAC9C,4CAAC,+BAAc,QAAgB,MAAM,CAAC,MAAM,GACzC,uBAAa,SACZ,2EAAG,UAAS,IAEZ;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,OAAO,cAAc;AAAA,QACnC,MAAM,CAAC,GAAG,MAAM;AAAA,QAChB,OAAO;AAAA,UACL,UAAU;AAAA,QACZ;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,OAAO;AAAA,gBACL,UAAU;AAAA,cACZ;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,CAAC,QAAQ,QAAQ,CAAC;AAAA,kBACxB,OAAO;AAAA,oBACL,UAAU;AAAA,kBACZ;AAAA,kBAEA;AAAA,gEAAC,2BACC,sDAAC,mCAAgB,MAAK,OAAM,GAC9B;AAAA,oBACA,4CAAC,4BAAW,eAAY,eAAe,iBAAM;AAAA,oBAC7C;AAAA,sBAAC;AAAA;AAAA,wBACC,eAAY;AAAA,wBACZ,OAAO;AAAA,0BACL,UAAU;AAAA,wBACZ;AAAA,wBAEC;AAAA;AAAA,oBACH;AAAA;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA,4CAAC,uBAAK,IAAG,QACP;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,MAAM,sBAAsB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAAA,cACvC,QAAO;AAAA,cACP,gBAAe;AAAA,cACf,YAAW;AAAA,cACX,OAAO;AAAA,gBACL,WAAW,aAAa,MAAM,OAAO,QAAQ,GAAG;AAAA,cAClD;AAAA,cAEC;AAAA,uCACC;AAAA,kBAAC;AAAA;AAAA,oBACE,GAAG;AAAA,oBACJ,WAAW,qBAAqB,aAAa;AAAA,oBAC7C,YAAW;AAAA,oBACX,eAAY;AAAA;AAAA,gBACd;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAW,mBAAmB,aAAa;AAAA,oBAC1C,GAAG;AAAA,oBACJ,YAAW;AAAA,oBACX,eAAY;AAAA;AAAA,gBACd;AAAA;AAAA;AAAA,UACF,GACF;AAAA;AAAA;AAAA,IACF,GAEJ;AAAA,KACF;AAEJ;AAEA,MAAM,aAAa;AAAA,EACjB,QAAQ,kCAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,KAAK;AAAA,EAC3F,QAAQ,kCAAU,OAAO,YAAY,eAAe,EAAE,aAAa,CAAC;AAAA,EACpE,OAAO,kCAAU,OAAO,YAAY,eAAe,EAAE;AAAA,EACrD,aAAa,kCAAU,OAAO,YAAY,iBAAiB,EAAE;AAAA,EAC7D,SAAS,kCAAU,KAAK,YAAY,yCAAyC;AAAA,EAC7E,qBAAqB,kCAAU,KAAK,YAAY,+CAA+C,EAAE,aAAa,IAAI;AAAA,EAClH,sBAAsB,kCAAU,MAAM;AAAA,IACpC,SAAS,kCAAU;AAAA,IACnB,WAAW,kCAAU;AAAA,EACvB,CAAC,EAAE,YAAY,wBAAwB;AAAA,EACvC,oBAAoB,kCAAU,MAAM;AAAA,IAClC,SAAS,kCAAU;AAAA,IACnB,WAAW,kCAAU;AAAA,EACvB,CAAC,EAAE,YAAY,sBAAsB;AACvC;AAEA,MAAM,YAAY;AAClB,MAAM,cAAc;AACpB,MAAM,sBAAkB,kCAAS,KAAK;AACtC,gBAAgB,YAAY;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { useTheme } from '@elliemae/ds-system';\nimport { ModalPosition, ModalBox, BackShadow, ModalIcon, ModalTitle, ModalDescription, BodyFix } from './styled.js';\n\nconst Modal = ({\n  zIndex = 1,\n  title = '',\n  description = '',\n  onClose = noop,\n  showSecondaryAction = true,\n  secondaryActionProps = {\n    onClick: noop,\n    labelText: 'Cancel',\n  },\n  primaryActionProps = {\n    onClick: noop,\n    labelText: 'Accept',\n  },\n  isOpen = false,\n  children = undefined,\n}) => {\n  const theme = useTheme();\n  if (!isOpen) return null;\n  return (\n    <>\n      <BodyFix isOpen={isOpen} />\n      <BackShadow onClick={onClose} zIndex={zIndex} />\n      <ModalPosition zIndex={zIndex} cols={['auto']}>\n        {children !== undefined ? (\n          <>{children}</>\n        ) : (\n          <ModalBox\n            maxHeight={`${window.innerHeight * 0.75}px`}\n            rows={[1, '80px']}\n            style={{\n              overflow: 'hidden',\n            }}\n          >\n            <Grid\n              pl=\"xs\"\n              pr=\"xs\"\n              style={{\n                overflow: 'hidden',\n              }}\n            >\n              <Grid\n                rows={['auto', 'auto', 1]}\n                style={{\n                  overflow: 'hidden',\n                }}\n              >\n                <ModalIcon>\n                  <WarningTriangle size=\"xxl\" />\n                </ModalIcon>\n                <ModalTitle data-testid=\"modal-title\">{title}</ModalTitle>\n                <ModalDescription\n                  data-testid=\"modal-desc\"\n                  style={{\n                    overflow: 'auto',\n                  }}\n                >\n                  {description}\n                </ModalDescription>\n              </Grid>\n            </Grid>\n            <Grid pt=\"24px\">\n              <Grid\n                pl=\"xs\"\n                pr=\"xs\"\n                cols={showSecondaryAction ? [1, 1] : [1]}\n                gutter=\"xs\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                style={{\n                  borderTop: `1px solid ${theme.colors.neutral[100]}`,\n                }}\n              >\n                {showSecondaryAction && (\n                  <DSButton\n                    {...secondaryActionProps}\n                    labelText={secondaryActionProps.labelText || ' Cancel'}\n                    buttonType=\"secondary\"\n                    data-testid=\"modal-secondary-btn\"\n                  />\n                )}\n                <DSButton\n                  labelText={primaryActionProps.labelText || ' Accept'}\n                  {...primaryActionProps}\n                  buttonType=\"primary\"\n                  data-testid=\"modal-primary-btn\"\n                />\n              </Grid>\n            </Grid>\n          </ModalBox>\n        )}\n      </ModalPosition>\n    </>\n  );\n};\n\nconst modalProps = {\n  isOpen: PropTypes.bool.description('Wheter the modal is open or closed').defaultValue(false),\n  zIndex: PropTypes.number.description('z-index value').defaultValue(1),\n  title: PropTypes.string.description('Modal s title').isRequired,\n  description: PropTypes.string.description('Modal s content').isRequired,\n  onClose: PropTypes.func.description('Function executed when the modal closes'),\n  showSecondaryAction: PropTypes.bool.description('Wheter to show secondary action button or not').defaultValue(true),\n  secondaryActionProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    labelText: PropTypes.string,\n  }).description('Secondary action props'),\n  primaryActionProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    labelText: PropTypes.string,\n  }).description('Primary action props'),\n};\n\nModal.displayName = 'Modal';\nconst ModalWithSchema = describe(Modal);\nModalWithSchema.propTypes = modalProps;\n\nexport { Modal, ModalWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BjB;AA7BN,8BAAoC;AACpC,oBAAqB;AACrB,qBAAqB;AACrB,sBAAgC;AAChC,uBAAyB;AACzB,uBAAyB;AACzB,oBAAsG;AAEtG,MAAM,QAAQ,CAAC;AAAA,EACb,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,EACV,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,IACrB,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,qBAAqB;AAAA,IACnB,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,EACT,WAAW;AACb,MAAM;AACJ,QAAM,YAAQ,2BAAS;AACvB,MAAI,CAAC,OAAQ,QAAO;AACpB,SACE,4EACE;AAAA,gDAAC,yBAAQ,QAAgB;AAAA,IACzB,4CAAC,4BAAW,SAAS,SAAS,QAAgB;AAAA,IAC9C,4CAAC,+BAAc,QAAgB,MAAM,CAAC,MAAM,GACzC,uBAAa,SACZ,2EAAG,UAAS,IAEZ;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,OAAO,cAAc,IAAI;AAAA,QACvC,MAAM,CAAC,GAAG,MAAM;AAAA,QAChB,OAAO;AAAA,UACL,UAAU;AAAA,QACZ;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,OAAO;AAAA,gBACL,UAAU;AAAA,cACZ;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,CAAC,QAAQ,QAAQ,CAAC;AAAA,kBACxB,OAAO;AAAA,oBACL,UAAU;AAAA,kBACZ;AAAA,kBAEA;AAAA,gEAAC,2BACC,sDAAC,mCAAgB,MAAK,OAAM,GAC9B;AAAA,oBACA,4CAAC,4BAAW,eAAY,eAAe,iBAAM;AAAA,oBAC7C;AAAA,sBAAC;AAAA;AAAA,wBACC,eAAY;AAAA,wBACZ,OAAO;AAAA,0BACL,UAAU;AAAA,wBACZ;AAAA,wBAEC;AAAA;AAAA,oBACH;AAAA;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA,4CAAC,uBAAK,IAAG,QACP;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,MAAM,sBAAsB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAAA,cACvC,QAAO;AAAA,cACP,gBAAe;AAAA,cACf,YAAW;AAAA,cACX,OAAO;AAAA,gBACL,WAAW,aAAa,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,cACnD;AAAA,cAEC;AAAA,uCACC;AAAA,kBAAC;AAAA;AAAA,oBACE,GAAG;AAAA,oBACJ,WAAW,qBAAqB,aAAa;AAAA,oBAC7C,YAAW;AAAA,oBACX,eAAY;AAAA;AAAA,gBACd;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAW,mBAAmB,aAAa;AAAA,oBAC1C,GAAG;AAAA,oBACJ,YAAW;AAAA,oBACX,eAAY;AAAA;AAAA,gBACd;AAAA;AAAA;AAAA,UACF,GACF;AAAA;AAAA;AAAA,IACF,GAEJ;AAAA,KACF;AAEJ;AAEA,MAAM,aAAa;AAAA,EACjB,QAAQ,kCAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,KAAK;AAAA,EAC3F,QAAQ,kCAAU,OAAO,YAAY,eAAe,EAAE,aAAa,CAAC;AAAA,EACpE,OAAO,kCAAU,OAAO,YAAY,eAAe,EAAE;AAAA,EACrD,aAAa,kCAAU,OAAO,YAAY,iBAAiB,EAAE;AAAA,EAC7D,SAAS,kCAAU,KAAK,YAAY,yCAAyC;AAAA,EAC7E,qBAAqB,kCAAU,KAAK,YAAY,+CAA+C,EAAE,aAAa,IAAI;AAAA,EAClH,sBAAsB,kCAAU,MAAM;AAAA,IACpC,SAAS,kCAAU;AAAA,IACnB,WAAW,kCAAU;AAAA,EACvB,CAAC,EAAE,YAAY,wBAAwB;AAAA,EACvC,oBAAoB,kCAAU,MAAM;AAAA,IAClC,SAAS,kCAAU;AAAA,IACnB,WAAW,kCAAU;AAAA,EACvB,CAAC,EAAE,YAAY,sBAAsB;AACvC;AAEA,MAAM,cAAc;AACpB,MAAM,sBAAkB,kCAAS,KAAK;AACtC,gBAAgB,YAAY;",
   "names": []
 }

package/dist/cjs/Modal/styled.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Modal/styled.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { styled, createGlobalStyle } from '@elliemae/ds-system';\n\nexport const BodyFix = createGlobalStyle`\n    body{\n        ${(props) => (props.isOpen ? 'overflow: hidden;' : '')};\n    }\n`;\nexport const ModalBox = styled(Grid)`\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  max-height: ${(props) => props.maxHeight};\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n`;\nexport const ModalPosition = styled(Grid)`\n  z-index: ${(props) => props.zIndex};\n  background: ${(props) => props.theme.colors.neutral['000']};\n  position: absolute;\n  top: 12.5%;\n  width: 80%;\n  left: 10%;\n`;\n\nexport const BackShadow = styled(Grid)`\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.6);\n  overflow: hidden;\n`;\n\nexport const ModalIcon = styled(Grid)`\n  padding-top: 24px;\n  justify-content: center;\n  span.em-ds-icon svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.warning[600]};\n  }\n`;\n\nexport const ModalTitle = styled(Grid)`\n  padding-top: 24px;\n  font-size: 22px;\n  font-weight: 600;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  text-align: center;\n`;\nexport const ModalDescription = styled(Grid)`\n  padding-top: ${(props) => props.theme.space.xxs};\n  font-size: 16px;\n  font-weight: 400;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  text-align: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAA0C;AAEnC,MAAM,UAAU;AAAA;AAAA,UAEb,CAAC,UAAW,MAAM,SAAS,sBAAsB;AAAA;AAAA;AAGpD,MAAM,eAAW,yBAAO,mBAAI;AAAA;AAAA,gBAEnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,gBAC3C,CAAC,UAAU,MAAM;AAAA;AAAA;AAG1B,MAAM,oBAAgB,yBAAO,mBAAI;AAAA,aAC3B,CAAC,UAAU,MAAM;AAAA,gBACd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpD,MAAM,iBAAa,yBAAO,mBAAI;AAAA,aACxB,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUvB,MAAM,gBAAY,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAI9C,MAAM,iBAAa,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,WAI1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAG7C,MAAM,uBAAmB,yBAAO,mBAAI;AAAA,iBAC1B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,WAGnC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAA0C;AAEnC,MAAM,UAAU;AAAA;AAAA,UAEb,CAAC,UAAW,MAAM,SAAS,sBAAsB,EAAG;AAAA;AAAA;AAGvD,MAAM,eAAW,yBAAO,mBAAI;AAAA;AAAA,gBAEnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,gBAC5C,CAAC,UAAU,MAAM,SAAS;AAAA;AAAA;AAGnC,MAAM,oBAAgB,yBAAO,mBAAI;AAAA,aAC3B,CAAC,UAAU,MAAM,MAAM;AAAA,gBACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrD,MAAM,iBAAa,yBAAO,mBAAI;AAAA,aACxB,CAAC,UAAU,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU7B,MAAM,gBAAY,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAI/C,MAAM,iBAAa,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,WAI1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAG9C,MAAM,uBAAmB,yBAAO,mBAAI;AAAA,iBAC1B,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,WAGtC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;",
   "names": []
 }

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

@@ -85,13 +85,10 @@ const PageFilter = ({
   const theme = (0, import_ds_system.useTheme)();
   const headerDimension = theme.space.l;
   const rows = [headerDimension, 1];
-  if (footerButton)
-    rows.push((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl), 1.167));
+  if (footerButton) rows.push((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl), 1.167));
   const cols = ["auto"];
-  if (leftProp)
-    cols.unshift(headerDimension);
-  if (rightProp)
-    cols.push(headerDimension);
+  if (leftProp) cols.unshift(headerDimension);
+  if (rightProp) cols.push(headerDimension);
   const bodyStyle = {
     maxWidth: (0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 6.25)
   };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/PageFilter/PageFilter.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, op, useTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSFullPageContainer } from '../FullPageContainer/index.js';\n\nconst Header = styled(Grid)`\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['300']};\n`;\nconst ButtonSlot = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\nconst Title = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 22px;\n`;\nconst BreadCrumb = styled(Grid)`\n  align-items: flex-end;\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  overflow: auto;\n`;\nconst Footer = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  width: 100%;\n  padding: 0.67rem;\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};\n\n  & > button {\n    flex-grow: 1;\n    margin: 0 0.33rem;\n  }\n`;\n\nconst PageFilter = ({\n  children = null,\n  breadCrumb = null,\n  pageTitle = null,\n  leftProp = null,\n  rightProp = null,\n  footerButton = null,\n}) => {\n  const theme = useTheme();\n  const headerDimension = theme.space.l;\n  const rows = [headerDimension, 1];\n  if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));\n  const cols = ['auto'];\n  if (leftProp) cols.unshift(headerDimension);\n  if (rightProp) cols.push(headerDimension);\n  const bodyStyle = {\n    maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25),\n  };\n  return (\n    <DSFullPageContainer rows={rows}>\n      <Header cols={cols} height={headerDimension}>\n        {leftProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</ButtonSlot>}\n        <Grid>\n          {breadCrumb && <BreadCrumb pl={!leftProp && '1rem'}>{breadCrumb}</BreadCrumb>}\n          <Title style={leftProp ? {} : { paddingLeft: '1rem' }}>{pageTitle}</Title>\n        </Grid>\n        {rightProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{rightProp}</ButtonSlot>}\n      </Header>\n\n      <Body style={bodyStyle}>{children}</Body>\n      {footerButton && <Footer>{footerButton}</Footer>}\n    </DSFullPageContainer>\n  );\n};\n\nPageFilter.propTypes = {\n  /**\n   * Text to render in header title\n   */\n  pageTitle: PropTypes.string,\n  /**\n   * Pass an element to render left. For example a Button with an icon\n   */\n  leftProp: PropTypes.element,\n  /**\n   * Pass an element to render right. For example a Button with an icon\n   */\n  rightProp: PropTypes.element,\n  /**\n   * Pass an element to render in the body section\n   */\n  children: PropTypes.element,\n  /**\n   * Pass a button to render in the footer\n   */\n  footerButton: PropTypes.element,\n  /**\n   * BreadCrumb text\n   */\n  breadCrumb: PropTypes.string,\n};\n\nconst DSPageFilter = PageFilter;\n\nexport { DSPageFilter };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiEF;AAhErB,wBAAsB;AACtB,uBAA+D;AAC/D,qBAAqB;AACrB,+BAAoC;AAEpC,MAAM,aAAS,yBAAO,mBAAI;AAAA,6BACG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAExE,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,iBAAa,yBAAO,mBAAI;AAAA;AAAA;AAAA,WAGnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAEpD,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAKxB,MAAM,aAAS,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMA,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQnE,MAAM,aAAa,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,MAAM;AACJ,QAAM,YAAQ,2BAAS;AACvB,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB,CAAC;AAChC,MAAI;AAAc,SAAK,SAAK,qBAAG,SAAK,2CAAyB,MAAM,MAAM,EAAE,GAAG,KAAK,CAAC;AACpF,QAAM,OAAO,CAAC,MAAM;AACpB,MAAI;AAAU,SAAK,QAAQ,eAAe;AAC1C,MAAI;AAAW,SAAK,KAAK,eAAe;AACxC,QAAM,YAAY;AAAA,IAChB,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA,EACnE;AACA,SACE,6CAAC,gDAAoB,MACnB;AAAA,iDAAC,UAAO,MAAY,QAAQ,iBACzB;AAAA,kBAAY,4CAAC,cAAW,QAAI,2CAAyB,MAAM,MAAM,CAAC,GAAI,oBAAS;AAAA,MAChF,6CAAC,uBACE;AAAA,sBAAc,4CAAC,cAAW,IAAI,CAAC,YAAY,QAAS,sBAAW;AAAA,QAChE,4CAAC,SAAM,OAAO,WAAW,CAAC,IAAI,EAAE,aAAa,OAAO,GAAI,qBAAU;AAAA,SACpE;AAAA,MACC,aAAa,4CAAC,cAAW,QAAI,2CAAyB,MAAM,MAAM,CAAC,GAAI,qBAAU;AAAA,OACpF;AAAA,IAEA,4CAAC,QAAK,OAAO,WAAY,UAAS;AAAA,IACjC,gBAAgB,4CAAC,UAAQ,wBAAa;AAAA,KACzC;AAEJ;AAEA,WAAW,YAAY;AAAA;AAAA;AAAA;AAAA,EAIrB,WAAW,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,WAAW,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,cAAc,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIxB,YAAY,kBAAAA,QAAU;AACxB;AAEA,MAAM,eAAe;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiEF;AAhErB,wBAAsB;AACtB,uBAA+D;AAC/D,qBAAqB;AACrB,+BAAoC;AAEpC,MAAM,aAAS,yBAAO,mBAAI;AAAA,6BACG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAEzE,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,iBAAa,yBAAO,mBAAI;AAAA;AAAA;AAAA,WAGnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAErD,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAKxB,MAAM,aAAS,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMA,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpE,MAAM,aAAa,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,MAAM;AACJ,QAAM,YAAQ,2BAAS;AACvB,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB,CAAC;AAChC,MAAI,aAAc,MAAK,SAAK,qBAAG,SAAK,2CAAyB,MAAM,MAAM,EAAE,GAAG,KAAK,CAAC;AACpF,QAAM,OAAO,CAAC,MAAM;AACpB,MAAI,SAAU,MAAK,QAAQ,eAAe;AAC1C,MAAI,UAAW,MAAK,KAAK,eAAe;AACxC,QAAM,YAAY;AAAA,IAChB,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA,EACnE;AACA,SACE,6CAAC,gDAAoB,MACnB;AAAA,iDAAC,UAAO,MAAY,QAAQ,iBACzB;AAAA,kBAAY,4CAAC,cAAW,QAAI,2CAAyB,MAAM,MAAM,CAAC,GAAI,oBAAS;AAAA,MAChF,6CAAC,uBACE;AAAA,sBAAc,4CAAC,cAAW,IAAI,CAAC,YAAY,QAAS,sBAAW;AAAA,QAChE,4CAAC,SAAM,OAAO,WAAW,CAAC,IAAI,EAAE,aAAa,OAAO,GAAI,qBAAU;AAAA,SACpE;AAAA,MACC,aAAa,4CAAC,cAAW,QAAI,2CAAyB,MAAM,MAAM,CAAC,GAAI,qBAAU;AAAA,OACpF;AAAA,IAEA,4CAAC,QAAK,OAAO,WAAY,UAAS;AAAA,IACjC,gBAAgB,4CAAC,UAAQ,wBAAa;AAAA,KACzC;AAEJ;AAEA,WAAW,YAAY;AAAA;AAAA;AAAA;AAAA,EAIrB,WAAW,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,WAAW,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,cAAc,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIxB,YAAY,kBAAAA,QAAU;AACxB;AAEA,MAAM,eAAe;",
   "names": ["PropTypes"]
 }

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

@@ -48,10 +48,8 @@ const Body = (0, import_ds_system.styled)(import_ds_grid.Grid)`
 const PageForm = ({ header = null, body = null, footer = null }) => {
   const theme = (0, import_ds_system.useTheme)();
   const rows = [1];
-  if (header)
-    rows.unshift((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 1.125));
-  if (footer)
-    rows.push(theme.space.l);
+  if (header) rows.unshift((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 1.125));
+  if (footer) rows.push(theme.space.l);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_FullPageContainer.DSFullPageContainer, { rows, children: [
     header && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { children: header }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FullPageContainer.DSFullPageContainerScroll, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Body, { children: body }) }) }),

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/PageForm/PageForm.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, op, __UNSAFE_SPACE_TO_DIMSUM, useTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer/index.js';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageForm = ({ header = null, body = null, footer = null }) => {\n  const theme = useTheme();\n  const rows = [1];\n  if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));\n  if (footer) rows.push(theme.space.l);\n  return (\n    <DSFullPageContainer rows={rows}>\n      {header && <Grid>{header}</Grid>}\n      <Grid style={{ overflow: 'hidden' }}>\n        <DSFullPageContainerScroll>\n          <Body>{body}</Body>\n        </DSFullPageContainerScroll>\n      </Grid>\n      {footer && <Grid>{footer}</Grid>}\n    </DSFullPageContainer>\n  );\n};\n\nPageForm.propTypes = {\n  header: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageForm = PageForm;\nconst DSMobilePageForm = DSPageForm;\n\nexport { DSPageForm, DSMobilePageForm };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBnB;AAnBJ,wBAAsB;AACtB,qBAAqB;AACrB,uBAA+D;AAC/D,+BAA+D;AAE/D,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,MAAM,MAAM,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA;AAAA;AAItF,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,OAAO,MAAM,SAAS,KAAK,MAAM;AAClE,QAAM,YAAQ,2BAAS;AACvB,QAAM,OAAO,CAAC,CAAC;AACf,MAAI;AAAQ,SAAK,YAAQ,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,KAAK,CAAC;AAClF,MAAI;AAAQ,SAAK,KAAK,MAAM,MAAM,CAAC;AACnC,SACE,6CAAC,gDAAoB,MAClB;AAAA,cAAU,4CAAC,uBAAM,kBAAO;AAAA,IACzB,4CAAC,uBAAK,OAAO,EAAE,UAAU,SAAS,GAChC,sDAAC,sDACC,sDAAC,QAAM,gBAAK,GACd,GACF;AAAA,IACC,UAAU,4CAAC,uBAAM,kBAAO;AAAA,KAC3B;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,MAAM,kBAAAA,QAAU;AAAA,EAChB,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,aAAa;AACnB,MAAM,mBAAmB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBnB;AAnBJ,wBAAsB;AACtB,qBAAqB;AACrB,uBAA+D;AAC/D,+BAA+D;AAE/D,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,MACvD,CAAC,EAAE,MAAM,MAAM,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;AAAA;AAAA;AAI1F,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,OAAO,MAAM,SAAS,KAAK,MAAM;AAClE,QAAM,YAAQ,2BAAS;AACvB,QAAM,OAAO,CAAC,CAAC;AACf,MAAI,OAAQ,MAAK,YAAQ,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,KAAK,CAAC;AAClF,MAAI,OAAQ,MAAK,KAAK,MAAM,MAAM,CAAC;AACnC,SACE,6CAAC,gDAAoB,MAClB;AAAA,cAAU,4CAAC,uBAAM,kBAAO;AAAA,IACzB,4CAAC,uBAAK,OAAO,EAAE,UAAU,SAAS,GAChC,sDAAC,sDACC,sDAAC,QAAM,gBAAK,GACd,GACF;AAAA,IACC,UAAU,4CAAC,uBAAM,kBAAO;AAAA,KAC3B;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,MAAM,kBAAAA,QAAU;AAAA,EAChB,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,aAAa;AACnB,MAAM,mBAAmB;",
   "names": ["PropTypes"]
 }

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

@@ -44,15 +44,11 @@ const PageTitleWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
 const DSMobilePageList = (0, import_ds_system.withTheme)(
   ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {
     const rows = [];
-    if (header)
-      rows.push((0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl));
-    if (pageTitle)
-      rows.push("auto");
-    if (filterBar)
-      rows.push((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl), 0.83));
+    if (header) rows.push((0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl));
+    if (pageTitle) rows.push("auto");
+    if (filterBar) rows.push((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl), 0.83));
     rows.push(1);
-    if (footer)
-      rows.push("56px");
+    if (footer) rows.push("56px");
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_FullPageContainer.DSFullPageContainer, { rows, children: [
       header ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { children: header }) : null,
       pageTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageTitleWrapper, { children: pageTitle }) : null,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/PageList/PageList.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer/index.js';\n\nconst PageTitleWrapper = styled(Grid)`\n  min-height: 44px;\n`;\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst DSMobilePageList = withTheme(\n  ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {\n    const rows = [];\n    if (header) rows.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));\n    if (pageTitle) rows.push('auto');\n    if (filterBar) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83));\n    rows.push(1);\n    if (footer) rows.push('56px');\n    return (\n      <DSFullPageContainer rows={rows}>\n        {header ? <Grid>{header}</Grid> : null}\n        {pageTitle ? <PageTitleWrapper>{pageTitle}</PageTitleWrapper> : null}\n        {filterBar ? <Grid>{filterBar}</Grid> : null}\n        <DSFullPageContainerScroll>{body}</DSFullPageContainerScroll>\n        {footer && <Grid>{footer}</Grid>}\n      </DSFullPageContainer>\n    );\n  },\n);\n\nDSMobilePageList.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageList = DSMobilePageList;\n\nexport { DSPageList, DSMobilePageList };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBjB;AAnBN,wBAAsB;AACtB,uBAAgE;AAChE,qBAAqB;AACrB,+BAA+D;AAE/D,MAAM,uBAAmB,yBAAO,mBAAI;AAAA;AAAA;AAKpC,MAAM,uBAAmB;AAAA,EACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,MAAM,MAAM;AAC5F,UAAM,OAAO,CAAC;AACd,QAAI;AAAQ,WAAK,SAAK,2CAAyB,MAAM,MAAM,GAAG,CAAC;AAC/D,QAAI;AAAW,WAAK,KAAK,MAAM;AAC/B,QAAI;AAAW,WAAK,SAAK,qBAAG,SAAK,2CAAyB,MAAM,MAAM,EAAE,GAAG,IAAI,CAAC;AAChF,SAAK,KAAK,CAAC;AACX,QAAI;AAAQ,WAAK,KAAK,MAAM;AAC5B,WACE,6CAAC,gDAAoB,MAClB;AAAA,eAAS,4CAAC,uBAAM,kBAAO,IAAU;AAAA,MACjC,YAAY,4CAAC,oBAAkB,qBAAU,IAAsB;AAAA,MAC/D,YAAY,4CAAC,uBAAM,qBAAU,IAAU;AAAA,MACxC,4CAAC,sDAA2B,gBAAK;AAAA,MAChC,UAAU,4CAAC,uBAAM,kBAAO;AAAA,OAC3B;AAAA,EAEJ;AACF;AAEA,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,kBAAAA,QAAU;AAAA,EAClB,WAAW,kBAAAA,QAAU;AAAA,EACrB,WAAW,kBAAAA,QAAU;AAAA,EACrB,MAAM,kBAAAA,QAAU;AAAA,EAChB,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,aAAa;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBjB;AAnBN,wBAAsB;AACtB,uBAAgE;AAChE,qBAAqB;AACrB,+BAA+D;AAE/D,MAAM,uBAAmB,yBAAO,mBAAI;AAAA;AAAA;AAKpC,MAAM,uBAAmB;AAAA,EACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,MAAM,MAAM;AAC5F,UAAM,OAAO,CAAC;AACd,QAAI,OAAQ,MAAK,SAAK,2CAAyB,MAAM,MAAM,GAAG,CAAC;AAC/D,QAAI,UAAW,MAAK,KAAK,MAAM;AAC/B,QAAI,UAAW,MAAK,SAAK,qBAAG,SAAK,2CAAyB,MAAM,MAAM,EAAE,GAAG,IAAI,CAAC;AAChF,SAAK,KAAK,CAAC;AACX,QAAI,OAAQ,MAAK,KAAK,MAAM;AAC5B,WACE,6CAAC,gDAAoB,MAClB;AAAA,eAAS,4CAAC,uBAAM,kBAAO,IAAU;AAAA,MACjC,YAAY,4CAAC,oBAAkB,qBAAU,IAAsB;AAAA,MAC/D,YAAY,4CAAC,uBAAM,qBAAU,IAAU;AAAA,MACxC,4CAAC,sDAA2B,gBAAK;AAAA,MAChC,UAAU,4CAAC,uBAAM,kBAAO;AAAA,OAC3B;AAAA,EAEJ;AACF;AAEA,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,kBAAAA,QAAU;AAAA,EAClB,WAAW,kBAAAA,QAAU;AAAA,EACrB,WAAW,kBAAAA,QAAU;AAAA,EACrB,MAAM,kBAAAA,QAAU;AAAA,EAChB,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,aAAa;",
   "names": ["PropTypes"]
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/PageSearch/PageSearch.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Header = styled(Grid)`\n  height: 100%;\n  background: ${(props) => props.theme.colors.brand['600']};\n  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n`;\n\nconst DSMobilePageSearch = withTheme(\n  ({\n    HeaderContainer = Header,\n    SearchContainer = Header,\n    searchHeader = null,\n    pageTitle = 'Search',\n    body = null,\n    theme,\n  }) => {\n    const rows = [\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),\n      1,\n    ];\n    return (\n      <Grid rows={rows} height=\"100%\">\n        <Grid>\n          <HeaderContainer>{pageTitle}</HeaderContainer>\n        </Grid>\n        <Grid>\n          <SearchContainer>{searchHeader}</SearchContainer>\n        </Grid>\n        <Grid height=\"100%\" style={{ overflow: 'hidden' }}>\n          <Grid height=\"100%\" style={{ overflow: 'auto' }}>\n            {body}\n          </Grid>\n        </Grid>\n      </Grid>\n    );\n  },\n);\n\nDSMobilePageSearch.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageSearch = DSMobilePageSearch;\n\nexport { DSPageSearch, DSMobilePageSearch };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BjB;AAzBN,wBAAsB;AACtB,uBAAgE;AAChE,qBAAqB;AAErB,MAAM,aAAS,yBAAO,mBAAI;AAAA;AAAA,gBAEV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA,aAC5C,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAGtE,MAAM,yBAAqB;AAAA,EACzB,CAAC;AAAA,IACC,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,OAAO;AAAA,IACP;AAAA,EACF,MAAM;AACJ,UAAM,OAAO;AAAA,UACX,qBAAG,SAAK,2CAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,UACrD,qBAAG,SAAK,2CAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,MACrD;AAAA,IACF;AACA,WACE,6CAAC,uBAAK,MAAY,QAAO,QACvB;AAAA,kDAAC,uBACC,sDAAC,mBAAiB,qBAAU,GAC9B;AAAA,MACA,4CAAC,uBACC,sDAAC,mBAAiB,wBAAa,GACjC;AAAA,MACA,4CAAC,uBAAK,QAAO,QAAO,OAAO,EAAE,UAAU,SAAS,GAC9C,sDAAC,uBAAK,QAAO,QAAO,OAAO,EAAE,UAAU,OAAO,GAC3C,gBACH,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,mBAAmB,YAAY;AAAA,EAC7B,QAAQ,kBAAAA,QAAU;AAAA,EAClB,WAAW,kBAAAA,QAAU;AAAA,EACrB,WAAW,kBAAAA,QAAU;AAAA,EACrB,MAAM,kBAAAA,QAAU;AAAA,EAChB,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,eAAe;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BjB;AAzBN,wBAAsB;AACtB,uBAAgE;AAChE,qBAAqB;AAErB,MAAM,aAAS,yBAAO,mBAAI;AAAA;AAAA,gBAEV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,aAC7C,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAGvE,MAAM,yBAAqB;AAAA,EACzB,CAAC;AAAA,IACC,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,OAAO;AAAA,IACP;AAAA,EACF,MAAM;AACJ,UAAM,OAAO;AAAA,UACX,qBAAG,SAAK,2CAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,UACrD,qBAAG,SAAK,2CAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,MACrD;AAAA,IACF;AACA,WACE,6CAAC,uBAAK,MAAY,QAAO,QACvB;AAAA,kDAAC,uBACC,sDAAC,mBAAiB,qBAAU,GAC9B;AAAA,MACA,4CAAC,uBACC,sDAAC,mBAAiB,wBAAa,GACjC;AAAA,MACA,4CAAC,uBAAK,QAAO,QAAO,OAAO,EAAE,UAAU,SAAS,GAC9C,sDAAC,uBAAK,QAAO,QAAO,OAAO,EAAE,UAAU,OAAO,GAC3C,gBACH,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,mBAAmB,YAAY;AAAA,EAC7B,QAAQ,kBAAAA,QAAU;AAAA,EAClB,WAAW,kBAAAA,QAAU;AAAA,EACrB,WAAW,kBAAAA,QAAU;AAAA,EACrB,MAAM,kBAAAA,QAAU;AAAA,EAChB,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,eAAe;",
   "names": ["PropTypes"]
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/PageSummary/PageSummary.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer/index.js';\nimport { Header, Toolbar, BodyWrapper, Section } from './Tags.js';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageSummary = ({\n  header = null,\n  headerZIndex = 1,\n  bodyPrimary = null,\n  actions = null,\n  actionsZIndex = 1,\n  bodySecondary = null,\n}) => (\n  <DSFullPageContainer>\n    {header && <Header zIndex={headerZIndex}>{header}</Header>}\n    <Section>\n      <Grid>\n        <Body>{bodyPrimary}</Body>\n      </Grid>\n      <Toolbar zIndex={actionsZIndex}>{actions}</Toolbar>\n      <BodyWrapper>\n        <Body>{bodySecondary}</Body>\n      </BodyWrapper>\n    </Section>\n  </DSFullPageContainer>\n);\n\nPageSummary.propTypes = {\n  header: PropTypes.element,\n  bodyPrimary: PropTypes.element,\n  actions: PropTypes.element,\n  bodySecondary: PropTypes.element,\n  headerZIndex: PropTypes.number,\n  actionsZIndex: PropTypes.number,\n};\n\nconst DSPageSummary = PageSummary;\n\nexport { DSPageSummary };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBR;AAvBf,wBAAsB;AACtB,qBAAqB;AACrB,uBAAqD;AACrD,+BAAoC;AACpC,kBAAsD;AAEtD,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,MAAM,MAAM,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA;AAAA;AAItF,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,MACE,6CAAC,gDACE;AAAA,YAAU,4CAAC,sBAAO,QAAQ,cAAe,kBAAO;AAAA,EACjD,6CAAC,uBACC;AAAA,gDAAC,uBACC,sDAAC,QAAM,uBAAY,GACrB;AAAA,IACA,4CAAC,uBAAQ,QAAQ,eAAgB,mBAAQ;AAAA,IACzC,4CAAC,2BACC,sDAAC,QAAM,yBAAc,GACvB;AAAA,KACF;AAAA,GACF;AAGF,YAAY,YAAY;AAAA,EACtB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,aAAa,kBAAAA,QAAU;AAAA,EACvB,SAAS,kBAAAA,QAAU;AAAA,EACnB,eAAe,kBAAAA,QAAU;AAAA,EACzB,cAAc,kBAAAA,QAAU;AAAA,EACxB,eAAe,kBAAAA,QAAU;AAC3B;AAEA,MAAM,gBAAgB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBR;AAvBf,wBAAsB;AACtB,qBAAqB;AACrB,uBAAqD;AACrD,+BAAoC;AACpC,kBAAsD;AAEtD,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY,KAAK;AAAA,MACvD,CAAC,EAAE,MAAM,MAAM,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;AAAA;AAAA;AAI1F,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,MACE,6CAAC,gDACE;AAAA,YAAU,4CAAC,sBAAO,QAAQ,cAAe,kBAAO;AAAA,EACjD,6CAAC,uBACC;AAAA,gDAAC,uBACC,sDAAC,QAAM,uBAAY,GACrB;AAAA,IACA,4CAAC,uBAAQ,QAAQ,eAAgB,mBAAQ;AAAA,IACzC,4CAAC,2BACC,sDAAC,QAAM,yBAAc,GACvB;AAAA,KACF;AAAA,GACF;AAGF,YAAY,YAAY;AAAA,EACtB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,aAAa,kBAAAA,QAAU;AAAA,EACvB,SAAS,kBAAAA,QAAU;AAAA,EACnB,eAAe,kBAAAA,QAAU;AAAA,EACzB,cAAc,kBAAAA,QAAU;AAAA,EACxB,eAAe,kBAAAA,QAAU;AAC3B;AAEA,MAAM,gBAAgB;",
   "names": ["PropTypes"]
 }

package/dist/cjs/PageSummary/Tags.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/PageSummary/Tags.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled } from '@elliemae/ds-system';\n\nexport const Header = styled.div`\n  position: fixed;\n  display: grid;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 64px;\n  z-index: ${({ zIndex }) => zIndex};\n`;\nexport const Toolbar = styled.div`\n  position: sticky;\n  left: 0;\n  top: 64px;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${({ zIndex }) => zIndex};\n`;\nexport const BodyWrapper = styled.div`\n  position: relative;\n  display: grid;\n  top: 0;\n  left: 0;\n  height: 100%;\n`;\n\nexport const Section = styled.div`\n  position: relative;\n  top: 64px;\n  height: 100%;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,SAAS,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOhB,CAAC,EAAE,OAAO,MAAM;AAAA;AAEtB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA,gBAId,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,aAC9C,CAAC,EAAE,OAAO,MAAM;AAAA;AAEtB,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,SAAS,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOhB,CAAC,EAAE,OAAO,MAAM,MAAM;AAAA;AAE5B,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA,gBAId,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,aAC/C,CAAC,EAAE,OAAO,MAAM,MAAM;AAAA;AAE5B,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

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

@@ -40,7 +40,7 @@ var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_icon = require("@elliemae/ds-icon");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_lodash = require("lodash");
-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");
 const DSSideNav = ({ containerProps = {}, title, onClose = import_lodash.noop, menuItems = [], bottomMenuItems = [] }) => {
   const [selectedMenuItemIdx, setSelectedMenuItem] = (0, import_react.useState)(-1);
@@ -62,7 +62,7 @@ const DSSideNav = ({ containerProps = {}, title, onClose = import_lodash.noop, m
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.DSBackdrop, { onClick: onClose, type: "cover" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Menu, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.MenuWrapper, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Heading, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Icon, { children: (0, import_EM_logo.default)() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Icon, { children: (0, import_EM_logo.SvgIcon)() }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "content", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: title }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
@@ -104,7 +104,6 @@ const navProps = {
    */
   bottomMenuItems: menuProps.description("Bottom Menu items array")
 };
-DSSideNav.propTypes = navProps;
 DSSideNav.displayName = "DSSideNav";
 const DSSideNavWithSchema = (0, import_ds_props_helpers.describe)(DSSideNav).description("Side navigation for mobile and tablet");
 DSSideNavWithSchema.propTypes = navProps;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SideNav/SideNav.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Close } from '@elliemae/ds-icons';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { noop } from 'lodash';\nimport Logo from '../Icons/EM_logo.js';\nimport { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from './styles.js';\n\nconst DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {\n  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);\n\n  const menuItemClick = (idx, text, cb) => {\n    if (cb) {\n      cb(idx, text);\n    }\n    setSelectedMenuItem(idx);\n  };\n\n  const renderMenuList = () => (\n    <>\n      {menuItems.length > 0 ? (\n        <MenuList>\n          {menuItems.map(({ icon, text, onClick }, idx) => (\n            <div key={idx} className=\"menuitem\" onClick={menuItemClick.bind(null, idx, text, onClick)}>\n              <div className=\"icon\">{icon}</div>\n              <div className={`text ${idx === selectedMenuItemIdx ? 'active' : ''}`}>{text}</div>\n            </div>\n          ))}\n        </MenuList>\n      ) : null}\n    </>\n  );\n\n  const renderBottomMenu = () => (\n    <MenuList>\n      {bottomMenuItems.map(({ icon, text, onClick }, idx) => (\n        <div key={idx} className=\"menuitem\" onClick={() => onClick(idx, text)}>\n          <div className=\"icon\">{icon}</div>\n          <div className=\"text\">{text}</div>\n        </div>\n      ))}\n    </MenuList>\n  );\n\n  return (\n    <Container data-testid={containerProps['data-testid'] || 'global-header-menu'}>\n      <DSBackdrop onClick={onClose} type=\"cover\"></DSBackdrop>\n\n      <Menu>\n        <MenuWrapper>\n          <Heading>\n            <Icon>{Logo()}</Icon>\n            <div className=\"content\">\n              <label>{title}</label>\n              <span></span>\n              <div className=\"icon\">\n                <Close onClick={onClose} size={DSIconSizes.S} color={DSIconColors.WHITE} />\n              </div>\n            </div>\n          </Heading>\n          <Hr></Hr>\n          {renderMenuList()}\n          {bottomMenuItems.length > 0 ? (\n            <BottomMenu>\n              <div className=\"content\">\n                <hr></hr>\n                {renderBottomMenu()}\n              </div>\n            </BottomMenu>\n          ) : null}\n        </MenuWrapper>\n      </Menu>\n    </Container>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n);\n\nconst navProps = {\n  /** inject props to wrapper element of side nav */\n  containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Callback function when close is menu is triggered\n   */\n  onClose: PropTypes.func.description('Callback function when close is menu is triggered'),\n  /**\n   * Top Menu items array\n   */\n  menuItems: menuProps.description('Top Menu items array'),\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps.description('Bottom Menu items array'),\n};\n\nDSSideNav.propTypes = navProps;\nDSSideNav.displayName = 'DSSideNav';\nconst DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');\n\nDSSideNavWithSchema.propTypes = navProps;\n\nexport { DSSideNav, DSSideNavWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AApBJ,mBAAgC;AAChC,yBAA2B;AAC3B,sBAAsB;AACtB,qBAA0C;AAC1C,8BAAoC;AACpC,oBAAqB;AACrB,qBAAiB;AACjB,oBAAsF;AAEtF,MAAM,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,OAAO,UAAU,oBAAM,YAAY,CAAC,GAAG,kBAAkB,CAAC,EAAE,MAAM;AAC1G,QAAM,CAAC,qBAAqB,mBAAmB,QAAI,uBAAS,EAAE;AAE9D,QAAM,gBAAgB,CAAC,KAAK,MAAM,OAAO;AACvC,QAAI,IAAI;AACN,SAAG,KAAK,IAAI;AAAA,IACd;AACA,wBAAoB,GAAG;AAAA,EACzB;AAEA,QAAM,iBAAiB,MACrB,2EACG,oBAAU,SAAS,IAClB,4CAAC,0BACE,oBAAU,IAAI,CAAC,EAAE,MAAM,MAAM,QAAQ,GAAG,QACvC,6CAAC,SAAc,WAAU,YAAW,SAAS,cAAc,KAAK,MAAM,KAAK,MAAM,OAAO,GACtF;AAAA,gDAAC,SAAI,WAAU,QAAQ,gBAAK;AAAA,IAC5B,4CAAC,SAAI,WAAW,QAAQ,QAAQ,sBAAsB,WAAW,MAAO,gBAAK;AAAA,OAFrE,GAGV,CACD,GACH,IACE,MACN;AAGF,QAAM,mBAAmB,MACvB,4CAAC,0BACE,0BAAgB,IAAI,CAAC,EAAE,MAAM,MAAM,QAAQ,GAAG,QAC7C,6CAAC,SAAc,WAAU,YAAW,SAAS,MAAM,QAAQ,KAAK,IAAI,GAClE;AAAA,gDAAC,SAAI,WAAU,QAAQ,gBAAK;AAAA,IAC5B,4CAAC,SAAI,WAAU,QAAQ,gBAAK;AAAA,OAFpB,GAGV,CACD,GACH;AAGF,SACE,6CAAC,2BAAU,eAAa,eAAe,aAAa,KAAK,sBACvD;AAAA,gDAAC,iCAAW,SAAS,SAAS,MAAK,SAAQ;AAAA,IAE3C,4CAAC,sBACC,uDAAC,6BACC;AAAA,mDAAC,yBACC;AAAA,oDAAC,sBAAM,6BAAAA,SAAK,GAAE;AAAA,QACd,6CAAC,SAAI,WAAU,WACb;AAAA,sDAAC,WAAO,iBAAM;AAAA,UACd,4CAAC,UAAK;AAAA,UACN,4CAAC,SAAI,WAAU,QACb,sDAAC,yBAAM,SAAS,SAAS,MAAM,2BAAY,GAAG,OAAO,4BAAa,OAAO,GAC3E;AAAA,WACF;AAAA,SACF;AAAA,MACA,4CAAC,oBAAG;AAAA,MACH,eAAe;AAAA,MACf,gBAAgB,SAAS,IACxB,4CAAC,4BACC,uDAAC,SAAI,WAAU,WACb;AAAA,oDAAC,QAAG;AAAA,QACH,iBAAiB;AAAA,SACpB,GACF,IACE;AAAA,OACN,GACF;AAAA,KACF;AAEJ;AAEA,MAAM,YAAY,kCAAU;AAAA,EAC1B,kCAAU,MAAM;AAAA,IACd,MAAM,kCAAU;AAAA,IAChB,MAAM,kCAAU;AAAA,EAClB,CAAC;AACH;AAEA,MAAM,WAAW;AAAA;AAAA,EAEf,gBAAgB,kCAAU,OAAO,YAAY,6CAA6C;AAAA;AAAA;AAAA;AAAA,EAI1F,OAAO,kCAAU,OAAO,WAAW,YAAY,eAAe;AAAA;AAAA;AAAA;AAAA,EAI9D,SAAS,kCAAU,KAAK,YAAY,mDAAmD;AAAA;AAAA;AAAA;AAAA,EAIvF,WAAW,UAAU,YAAY,sBAAsB;AAAA;AAAA;AAAA;AAAA,EAIvD,iBAAiB,UAAU,YAAY,yBAAyB;AAClE;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,0BAAsB,kCAAS,SAAS,EAAE,YAAY,uCAAuC;AAEnG,oBAAoB,YAAY;",
+  "sourcesContent": ["/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Close } from '@elliemae/ds-icons';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { noop } from 'lodash';\nimport { SvgIcon as Logo } from '../Icons/EM_logo.js';\nimport { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from './styles.js';\n\nconst DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {\n  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);\n\n  const menuItemClick = (idx, text, cb) => {\n    if (cb) {\n      cb(idx, text);\n    }\n    setSelectedMenuItem(idx);\n  };\n\n  const renderMenuList = () => (\n    <>\n      {menuItems.length > 0 ? (\n        <MenuList>\n          {menuItems.map(({ icon, text, onClick }, idx) => (\n            <div key={idx} className=\"menuitem\" onClick={menuItemClick.bind(null, idx, text, onClick)}>\n              <div className=\"icon\">{icon}</div>\n              <div className={`text ${idx === selectedMenuItemIdx ? 'active' : ''}`}>{text}</div>\n            </div>\n          ))}\n        </MenuList>\n      ) : null}\n    </>\n  );\n\n  const renderBottomMenu = () => (\n    <MenuList>\n      {bottomMenuItems.map(({ icon, text, onClick }, idx) => (\n        <div key={idx} className=\"menuitem\" onClick={() => onClick(idx, text)}>\n          <div className=\"icon\">{icon}</div>\n          <div className=\"text\">{text}</div>\n        </div>\n      ))}\n    </MenuList>\n  );\n\n  return (\n    <Container data-testid={containerProps['data-testid'] || 'global-header-menu'}>\n      <DSBackdrop onClick={onClose} type=\"cover\"></DSBackdrop>\n\n      <Menu>\n        <MenuWrapper>\n          <Heading>\n            <Icon>{Logo()}</Icon>\n            <div className=\"content\">\n              <label>{title}</label>\n              <span></span>\n              <div className=\"icon\">\n                <Close onClick={onClose} size={DSIconSizes.S} color={DSIconColors.WHITE} />\n              </div>\n            </div>\n          </Heading>\n          <Hr></Hr>\n          {renderMenuList()}\n          {bottomMenuItems.length > 0 ? (\n            <BottomMenu>\n              <div className=\"content\">\n                <hr></hr>\n                {renderBottomMenu()}\n              </div>\n            </BottomMenu>\n          ) : null}\n        </MenuWrapper>\n      </Menu>\n    </Container>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n);\n\nconst navProps = {\n  /** inject props to wrapper element of side nav */\n  containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Callback function when close is menu is triggered\n   */\n  onClose: PropTypes.func.description('Callback function when close is menu is triggered'),\n  /**\n   * Top Menu items array\n   */\n  menuItems: menuProps.description('Top Menu items array'),\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps.description('Bottom Menu items array'),\n};\n\nDSSideNav.displayName = 'DSSideNav';\nconst DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');\n\nDSSideNavWithSchema.propTypes = navProps;\n\nexport { DSSideNav, DSSideNavWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AApBJ,mBAAgC;AAChC,yBAA2B;AAC3B,sBAAsB;AACtB,qBAA0C;AAC1C,8BAAoC;AACpC,oBAAqB;AACrB,qBAAgC;AAChC,oBAAsF;AAEtF,MAAM,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,OAAO,UAAU,oBAAM,YAAY,CAAC,GAAG,kBAAkB,CAAC,EAAE,MAAM;AAC1G,QAAM,CAAC,qBAAqB,mBAAmB,QAAI,uBAAS,EAAE;AAE9D,QAAM,gBAAgB,CAAC,KAAK,MAAM,OAAO;AACvC,QAAI,IAAI;AACN,SAAG,KAAK,IAAI;AAAA,IACd;AACA,wBAAoB,GAAG;AAAA,EACzB;AAEA,QAAM,iBAAiB,MACrB,2EACG,oBAAU,SAAS,IAClB,4CAAC,0BACE,oBAAU,IAAI,CAAC,EAAE,MAAM,MAAM,QAAQ,GAAG,QACvC,6CAAC,SAAc,WAAU,YAAW,SAAS,cAAc,KAAK,MAAM,KAAK,MAAM,OAAO,GACtF;AAAA,gDAAC,SAAI,WAAU,QAAQ,gBAAK;AAAA,IAC5B,4CAAC,SAAI,WAAW,QAAQ,QAAQ,sBAAsB,WAAW,EAAE,IAAK,gBAAK;AAAA,OAFrE,GAGV,CACD,GACH,IACE,MACN;AAGF,QAAM,mBAAmB,MACvB,4CAAC,0BACE,0BAAgB,IAAI,CAAC,EAAE,MAAM,MAAM,QAAQ,GAAG,QAC7C,6CAAC,SAAc,WAAU,YAAW,SAAS,MAAM,QAAQ,KAAK,IAAI,GAClE;AAAA,gDAAC,SAAI,WAAU,QAAQ,gBAAK;AAAA,IAC5B,4CAAC,SAAI,WAAU,QAAQ,gBAAK;AAAA,OAFpB,GAGV,CACD,GACH;AAGF,SACE,6CAAC,2BAAU,eAAa,eAAe,aAAa,KAAK,sBACvD;AAAA,gDAAC,iCAAW,SAAS,SAAS,MAAK,SAAQ;AAAA,IAE3C,4CAAC,sBACC,uDAAC,6BACC;AAAA,mDAAC,yBACC;AAAA,oDAAC,sBAAM,6BAAAA,SAAK,GAAE;AAAA,QACd,6CAAC,SAAI,WAAU,WACb;AAAA,sDAAC,WAAO,iBAAM;AAAA,UACd,4CAAC,UAAK;AAAA,UACN,4CAAC,SAAI,WAAU,QACb,sDAAC,yBAAM,SAAS,SAAS,MAAM,2BAAY,GAAG,OAAO,4BAAa,OAAO,GAC3E;AAAA,WACF;AAAA,SACF;AAAA,MACA,4CAAC,oBAAG;AAAA,MACH,eAAe;AAAA,MACf,gBAAgB,SAAS,IACxB,4CAAC,4BACC,uDAAC,SAAI,WAAU,WACb;AAAA,oDAAC,QAAG;AAAA,QACH,iBAAiB;AAAA,SACpB,GACF,IACE;AAAA,OACN,GACF;AAAA,KACF;AAEJ;AAEA,MAAM,YAAY,kCAAU;AAAA,EAC1B,kCAAU,MAAM;AAAA,IACd,MAAM,kCAAU;AAAA,IAChB,MAAM,kCAAU;AAAA,EAClB,CAAC;AACH;AAEA,MAAM,WAAW;AAAA;AAAA,EAEf,gBAAgB,kCAAU,OAAO,YAAY,6CAA6C;AAAA;AAAA;AAAA;AAAA,EAI1F,OAAO,kCAAU,OAAO,WAAW,YAAY,eAAe;AAAA;AAAA;AAAA;AAAA,EAI9D,SAAS,kCAAU,KAAK,YAAY,mDAAmD;AAAA;AAAA;AAAA;AAAA,EAIvF,WAAW,UAAU,YAAY,sBAAsB;AAAA;AAAA;AAAA;AAAA,EAIvD,iBAAiB,UAAU,YAAY,yBAAyB;AAClE;AAEA,UAAU,cAAc;AACxB,MAAM,0BAAsB,kCAAS,SAAS,EAAE,YAAY,uCAAuC;AAEnG,oBAAoB,YAAY;",
   "names": ["Logo"]
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/SideNav/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled } from '@elliemae/ds-system';\n\nexport const Container = styled.div`\n  position: fixed;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const MenuWrapper = styled.div`\n  position: relative;\n  height: 100%;\n`;\n\nexport const Menu = styled.div`\n  position: fixed;\n  width: 80%;\n  height: 100%;\n  background-color: ${(props) => props.theme.colors.brand[700]};\n  font-family: ${(props) => props.theme.fonts.default};\n  box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};\n  padding: ${(props) => props.theme.space.xs};\n  z-index: ${({ theme }) => theme.zIndex.backdrop + 1};\n`;\n\nexport const Heading = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  .content {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    span {\n      flex-grow: 1;\n    }\n    label {\n      padding-top: 1px;\n      line-height: 30px;\n      font-weight: ${(props) => props.theme.fontWeights.semibold};\n      font-size: 22px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n    }\n    .icon {\n      cursor: pointer;\n      padding-top: 6px;\n    }\n  }\n`;\n\nexport const Icon = styled.div`\n  margin-right: ${(props) => props.theme.space.xxs2};\n`;\n\nexport const Hr = styled.hr`\n  margin-left: -${(props) => props.theme.space.xs};\n  margin-right: -${(props) => props.theme.space.xs};\n`;\nexport const MenuList = styled.div`\n  .menuitem {\n    display: flex;\n    flex-direction: row;\n    cursor: pointer;\n    height: 22px;\n    margin-bottom: ${(props) => props.theme.space.xs};\n    .icon {\n      padding-left: 6px;\n      margin-right: ${(props) => props.theme.space.xs};\n      span {\n        height: 20px;\n        width: 20px;\n        svg {\n          height: 20px;\n          width: 20px;\n        }\n      }\n    }\n    .text {\n      font-weight: ${(props) => props.theme.fontWeights.regular};\n      font-size: 18px;\n      line-height: 22px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n      &.active {\n        font-weight: ${(props) => props.theme.fontWeights.semibold};\n      }\n    }\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n`;\n\nexport const BottomMenu = styled.div`\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,OAAO,wBAAO;AAAA;AAAA;AAAA;AAAA,sBAIL,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,iBAC5C,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,aACtD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,aAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,WAAW;AAAA;AAG7C,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAcT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,eAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASnD,MAAM,OAAO,wBAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGxC,MAAM,KAAK,wBAAO;AAAA,kBACP,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAEzC,MAAM,WAAW,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMV,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,sBAG5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAW9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA,eAGzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA,uBAEnC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASnD,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,OAAO,wBAAO;AAAA;AAAA;AAAA;AAAA,sBAIL,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,iBAC7C,CAAC,UAAU,MAAM,MAAM,MAAM,OAAO;AAAA,0BAC3B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,aACvD,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA,aAC/B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,WAAW,CAAC;AAAA;AAG9C,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAcT,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA;AAAA,eAEjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASpD,MAAM,OAAO,wBAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM,IAAI;AAAA;AAG5C,MAAM,KAAK,wBAAO;AAAA,kBACP,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA,mBAC9B,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3C,MAAM,WAAW,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMV,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,sBAG9B,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAWhC,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA,eAGhD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA,uBAEpC,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3D,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/SwipeToRefresh/ProgressIndicator.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/SwipeToRefresh/ProgressIndicator.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { useTheme } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst rad = 54;\nconst cir = 2 * Math.PI * rad;\nexport const ProgressIndicator = ({ progress = 0 }) => {\n  const factor = progress / 100;\n  const theme = useTheme();\n  const dashoffset = cir * (1 - factor);\n  return (\n    <Grid height={theme.space.s} width={theme.space.s} justifyContent=\"center\" alignItems=\"center\">\n      <svg width=\"23\" height=\"23\" viewBox=\"0 0 120 120\" transform=\"rotate(-90)\">\n        <circle cx=\"60\" cy=\"60\" r=\"54\" fill=\"none\" strokeWidth=\"12\" stroke={`${theme.colors.neutral[100]}`} />\n        <circle\n          cx=\"60\"\n          cy=\"60\"\n          r=\"54\"\n          strokeWidth=\"12\"\n          fill=\"none\"\n          strokeDasharray={`${cir}px`}\n          strokeDashoffset={`${dashoffset}px`}\n          stroke={`${theme.colors.brand[600]}`}\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </Grid>\n  );\n};\n\nProgressIndicator.propTypes = {\n  progress: PropTypes.number,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADajB;AAZN,uBAAyB;AACzB,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,EAAE,MAAM;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,YAAQ,2BAAS;AACvB,QAAM,aAAa,OAAO,IAAI;AAC9B,SACE,4CAAC,uBAAK,QAAQ,MAAM,MAAM,GAAG,OAAO,MAAM,MAAM,GAAG,gBAAe,UAAS,YAAW,UACpF,uDAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,eAAc,WAAU,eAC1D;AAAA,gDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,QAAO,aAAY,MAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ,GAAG,KAAK;AAAA,IACpG;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,GAAE;AAAA,QACF,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,iBAAiB,GAAG;AAAA,QACpB,kBAAkB,GAAG;AAAA,QACrB,QAAQ,GAAG,MAAM,OAAO,MAAM,GAAG;AAAA,QACjC,eAAc;AAAA;AAAA,IAChB;AAAA,KACF,GACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,UAAU,kBAAAA,QAAU;AACtB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADajB;AAZN,uBAAyB;AACzB,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,EAAE,MAAM;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,YAAQ,2BAAS;AACvB,QAAM,aAAa,OAAO,IAAI;AAC9B,SACE,4CAAC,uBAAK,QAAQ,MAAM,MAAM,GAAG,OAAO,MAAM,MAAM,GAAG,gBAAe,UAAS,YAAW,UACpF,uDAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,eAAc,WAAU,eAC1D;AAAA,gDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,QAAO,aAAY,MAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ,GAAG,CAAC,IAAI;AAAA,IACpG;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,GAAE;AAAA,QACF,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,iBAAiB,GAAG,GAAG;AAAA,QACvB,kBAAkB,GAAG,UAAU;AAAA,QAC/B,QAAQ,GAAG,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA,QAClC,eAAc;AAAA;AAAA,IAChB;AAAA,KACF,GACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,UAAU,kBAAAA,QAAU;AACtB;",
   "names": ["PropTypes"]
 }

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

@@ -86,7 +86,6 @@ const props = {
   /** callback on refresh swipe */
   onRefresh: import_ds_props_helpers.PropTypes.func.description("callback on refresh swipe")
 };
-SwipeToRefresh.propTypes = props;
 SwipeToRefresh.displayName = "SwipeToRefresh";
 const SwipeToRefreshWithSchema = (0, import_ds_props_helpers.describe)(SwipeToRefresh);
 SwipeToRefreshWithSchema.propTypes = props;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SwipeToRefresh/SwipeToRefresh.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { useTheme } from '@elliemae/ds-system';\nimport { useSwipe } from './useSwipe.js';\nimport { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled.js';\nimport { ProgressIndicator } from './ProgressIndicator.js';\n\nconst SwipeToRefresh = ({ children, loading, onRefresh }) => {\n  const breakpoint = 60;\n  const theme = useTheme();\n  const swipe = useSwipe({ onRefresh, breakpoint });\n  const progress = swipe.height > breakpoint ? 100 : (swipe.height * 100) / breakpoint;\n  return (\n    <SwipeContainer>\n      <SwipeDrag\n        onTouchStart={swipe.touchStart}\n        onTouchEnd={swipe.touchEnd}\n        onTouchCancel={swipe.touchCancel}\n        onTouchMove={swipe.touchMove}\n        innerRef={swipe.ref}\n      >\n        <LoaderBox\n          height={loading ? theme.space.m : `${swipe.height}px`}\n          alignItems=\"flex-start\"\n          data-testid=\"loader-box\"\n        >\n          <PositionLoader\n            height={theme.space.m}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            mt={swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`}\n          >\n            {loading ? <DSCircularProgressIndicator /> : <ProgressIndicator progress={progress} />}\n          </PositionLoader>\n        </LoaderBox>\n        <div ref={swipe.target} style={{ height: 1 }} />\n        {children}\n      </SwipeDrag>\n    </SwipeContainer>\n  );\n};\n\nconst props = {\n  /** component inside swipe to refresh container */\n  children: PropTypes.element.isRequired.description('component inside swipe to refresh container'),\n  /** toggle loading state for swipe */\n  loading: PropTypes.bool.description('toggle loading state for swipe'),\n  /** callback on refresh swipe */\n  onRefresh: PropTypes.func.description('callback on refresh swipe'),\n};\n\nSwipeToRefresh.propTypes = props;\nSwipeToRefresh.displayName = 'SwipeToRefresh';\nconst SwipeToRefreshWithSchema = describe(SwipeToRefresh);\n\nSwipeToRefreshWithSchema.propTypes = props;\n\nexport { SwipeToRefresh, SwipeToRefreshWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADejB;AAdN,8BAAoC;AACpC,4CAA4C;AAC5C,uBAAyB;AACzB,sBAAyB;AACzB,oBAAqE;AACrE,+BAAkC;AAElC,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,UAAU,MAAM;AAC3D,QAAM,aAAa;AACnB,QAAM,YAAQ,2BAAS;AACvB,QAAM,YAAQ,0BAAS,EAAE,WAAW,WAAW,CAAC;AAChD,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,4CAAC,gCACC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,eAAe,MAAM;AAAA,MACrB,aAAa,MAAM;AAAA,MACnB,UAAU,MAAM;AAAA,MAEhB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,UAAU,MAAM,MAAM,IAAI,GAAG,MAAM;AAAA,YAC3C,YAAW;AAAA,YACX,eAAY;AAAA,YAEZ;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ,MAAM,MAAM;AAAA,gBACpB,gBAAe;AAAA,gBACf,YAAW;AAAA,gBACX,IAAI,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,MAAM,SAAS;AAAA,gBAExD,oBAAU,4CAAC,qEAA4B,IAAK,4CAAC,8CAAkB,UAAoB;AAAA;AAAA,YACtF;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,SAAI,KAAK,MAAM,QAAQ,OAAO,EAAE,QAAQ,EAAE,GAAG;AAAA,QAC7C;AAAA;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,UAAU,kCAAU,QAAQ,WAAW,YAAY,6CAA6C;AAAA;AAAA,EAEhG,SAAS,kCAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA,EAEpE,WAAW,kCAAU,KAAK,YAAY,2BAA2B;AACnE;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc;AAExD,yBAAyB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { useTheme } from '@elliemae/ds-system';\nimport { useSwipe } from './useSwipe.js';\nimport { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled.js';\nimport { ProgressIndicator } from './ProgressIndicator.js';\n\nconst SwipeToRefresh = ({ children, loading, onRefresh }) => {\n  const breakpoint = 60;\n  const theme = useTheme();\n  const swipe = useSwipe({ onRefresh, breakpoint });\n  const progress = swipe.height > breakpoint ? 100 : (swipe.height * 100) / breakpoint;\n  return (\n    <SwipeContainer>\n      <SwipeDrag\n        onTouchStart={swipe.touchStart}\n        onTouchEnd={swipe.touchEnd}\n        onTouchCancel={swipe.touchCancel}\n        onTouchMove={swipe.touchMove}\n        innerRef={swipe.ref}\n      >\n        <LoaderBox\n          height={loading ? theme.space.m : `${swipe.height}px`}\n          alignItems=\"flex-start\"\n          data-testid=\"loader-box\"\n        >\n          <PositionLoader\n            height={theme.space.m}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            mt={swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`}\n          >\n            {loading ? <DSCircularProgressIndicator /> : <ProgressIndicator progress={progress} />}\n          </PositionLoader>\n        </LoaderBox>\n        <div ref={swipe.target} style={{ height: 1 }} />\n        {children}\n      </SwipeDrag>\n    </SwipeContainer>\n  );\n};\n\nconst props = {\n  /** component inside swipe to refresh container */\n  children: PropTypes.element.isRequired.description('component inside swipe to refresh container'),\n  /** toggle loading state for swipe */\n  loading: PropTypes.bool.description('toggle loading state for swipe'),\n  /** callback on refresh swipe */\n  onRefresh: PropTypes.func.description('callback on refresh swipe'),\n};\n\nSwipeToRefresh.displayName = 'SwipeToRefresh';\nconst SwipeToRefreshWithSchema = describe(SwipeToRefresh);\n\nSwipeToRefreshWithSchema.propTypes = props;\n\nexport { SwipeToRefresh, SwipeToRefreshWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADejB;AAdN,8BAAoC;AACpC,4CAA4C;AAC5C,uBAAyB;AACzB,sBAAyB;AACzB,oBAAqE;AACrE,+BAAkC;AAElC,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,UAAU,MAAM;AAC3D,QAAM,aAAa;AACnB,QAAM,YAAQ,2BAAS;AACvB,QAAM,YAAQ,0BAAS,EAAE,WAAW,WAAW,CAAC;AAChD,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,4CAAC,gCACC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,eAAe,MAAM;AAAA,MACrB,aAAa,MAAM;AAAA,MACnB,UAAU,MAAM;AAAA,MAEhB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,UAAU,MAAM,MAAM,IAAI,GAAG,MAAM,MAAM;AAAA,YACjD,YAAW;AAAA,YACX,eAAY;AAAA,YAEZ;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ,MAAM,MAAM;AAAA,gBACpB,gBAAe;AAAA,gBACf,YAAW;AAAA,gBACX,IAAI,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,MAAM,SAAS,EAAE;AAAA,gBAE1D,oBAAU,4CAAC,qEAA4B,IAAK,4CAAC,8CAAkB,UAAoB;AAAA;AAAA,YACtF;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,SAAI,KAAK,MAAM,QAAQ,OAAO,EAAE,QAAQ,EAAE,GAAG;AAAA,QAC7C;AAAA;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,UAAU,kCAAU,QAAQ,WAAW,YAAY,6CAA6C;AAAA;AAAA,EAEhG,SAAS,kCAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA,EAEpE,WAAW,kCAAU,KAAK,YAAY,2BAA2B;AACnE;AAEA,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc;AAExD,yBAAyB,YAAY;",
   "names": []
 }

package/dist/cjs/SwipeToRefresh/useSwipe.js CHANGED Viewed

@@ -62,18 +62,15 @@ const useSwipe = ({ onRefresh, breakpoint }) => {
   }
   const touchStart = (e) => {
     const { scrollTop } = ref.current;
-    if (scrollTop < 5)
-      setStartingPoint(e.touches[0].clientY);
+    if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);
   };
   const touchEnd = () => {
-    if (height > breakpoint && allowRefresh && onRefresh)
-      onRefresh();
+    if (height > breakpoint && allowRefresh && onRefresh) onRefresh();
     setStartingPoint(0);
     setMovingPoint(0);
   };
   const touchCancel = () => {
-    if (height > breakpoint && onRefresh)
-      onRefresh();
+    if (height > breakpoint && onRefresh) onRefresh();
     setStartingPoint(0);
     setMovingPoint(0);
   };

package/dist/cjs/SwipeToRefresh/useSwipe.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/SwipeToRefresh/useSwipe.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { useState, useRef, useEffect } from 'react';\n\nexport const useSwipe = ({ onRefresh, breakpoint }) => {\n  const [startingPoint, setStartingPoint] = useState(0);\n  const [movingPoint, setMovingPoint] = useState(0);\n  const ref = useRef();\n  const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;\n  const [allowRefresh, setAllowRefresh] = useState(false);\n\n  const callback = (entries) => {\n    const { isIntersecting } = entries[0];\n    if (isIntersecting) {\n      setAllowRefresh(true);\n    } else {\n      setAllowRefresh(false);\n    }\n  };\n  const target = useRef(null);\n  const observer = useRef(null);\n  if (observer.current) {\n    observer.current.disconnect();\n  }\n  observer.current = new IntersectionObserver(callback, {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.25,\n  });\n  if (target.current) {\n    observer.current.observe(target.current);\n  }\n\n  const touchStart = (e) => {\n    const { scrollTop } = ref.current;\n    if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);\n  };\n  const touchEnd = () => {\n    if (height > breakpoint && allowRefresh && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchCancel = () => {\n    if (height > breakpoint && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchMove = (e) => {\n    setMovingPoint(e.touches[0].clientY);\n  };\n\n  return {\n    height,\n    touchStart,\n    touchEnd,\n    touchCancel,\n    touchMove,\n    ref,\n    target,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAErC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,MAAM;AACrD,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,CAAC;AACpD,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,CAAC;AAChD,QAAM,UAAM,qBAAO;AACnB,QAAM,SAAS,eAAe,gBAAgB,cAAc,gBAAgB;AAC5E,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,QAAM,WAAW,CAAC,YAAY;AAC5B,UAAM,EAAE,eAAe,IAAI,QAAQ,CAAC;AACpC,QAAI,gBAAgB;AAClB,sBAAgB,IAAI;AAAA,IACtB,OAAO;AACL,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AACA,QAAM,aAAS,qBAAO,IAAI;AAC1B,QAAM,eAAW,qBAAO,IAAI;AAC5B,MAAI,SAAS,SAAS;AACpB,aAAS,QAAQ,WAAW;AAAA,EAC9B;AACA,WAAS,UAAU,IAAI,qBAAqB,UAAU;AAAA,IACpD,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb,CAAC;AACD,MAAI,OAAO,SAAS;AAClB,aAAS,QAAQ,QAAQ,OAAO,OAAO;AAAA,EACzC;AAEA,QAAM,aAAa,CAAC,MAAM;AACxB,UAAM,EAAE,UAAU,IAAI,IAAI;AAC1B,QAAI,YAAY;AAAG,uBAAiB,EAAE,QAAQ,CAAC,EAAE,OAAO;AAAA,EAC1D;AACA,QAAM,WAAW,MAAM;AACrB,QAAI,SAAS,cAAc,gBAAgB;AAAW,gBAAU;AAChE,qBAAiB,CAAC;AAClB,mBAAe,CAAC;AAAA,EAClB;AACA,QAAM,cAAc,MAAM;AACxB,QAAI,SAAS,cAAc;AAAW,gBAAU;AAChD,qBAAiB,CAAC;AAClB,mBAAe,CAAC;AAAA,EAClB;AACA,QAAM,YAAY,CAAC,MAAM;AACvB,mBAAe,EAAE,QAAQ,CAAC,EAAE,OAAO;AAAA,EACrC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAErC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,MAAM;AACrD,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,CAAC;AACpD,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,CAAC;AAChD,QAAM,UAAM,qBAAO;AACnB,QAAM,SAAS,eAAe,gBAAgB,cAAc,gBAAgB;AAC5E,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,QAAM,WAAW,CAAC,YAAY;AAC5B,UAAM,EAAE,eAAe,IAAI,QAAQ,CAAC;AACpC,QAAI,gBAAgB;AAClB,sBAAgB,IAAI;AAAA,IACtB,OAAO;AACL,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AACA,QAAM,aAAS,qBAAO,IAAI;AAC1B,QAAM,eAAW,qBAAO,IAAI;AAC5B,MAAI,SAAS,SAAS;AACpB,aAAS,QAAQ,WAAW;AAAA,EAC9B;AACA,WAAS,UAAU,IAAI,qBAAqB,UAAU;AAAA,IACpD,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb,CAAC;AACD,MAAI,OAAO,SAAS;AAClB,aAAS,QAAQ,QAAQ,OAAO,OAAO;AAAA,EACzC;AAEA,QAAM,aAAa,CAAC,MAAM;AACxB,UAAM,EAAE,UAAU,IAAI,IAAI;AAC1B,QAAI,YAAY,EAAG,kBAAiB,EAAE,QAAQ,CAAC,EAAE,OAAO;AAAA,EAC1D;AACA,QAAM,WAAW,MAAM;AACrB,QAAI,SAAS,cAAc,gBAAgB,UAAW,WAAU;AAChE,qBAAiB,CAAC;AAClB,mBAAe,CAAC;AAAA,EAClB;AACA,QAAM,cAAc,MAAM;AACxB,QAAI,SAAS,cAAc,UAAW,WAAU;AAChD,qBAAiB,CAAC;AAClB,mBAAe,CAAC;AAAA,EAClB;AACA,QAAM,YAAY,CAAC,MAAM;AACvB,mBAAe,EAAE,QAAQ,CAAC,EAAE,OAAO;AAAA,EACrC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -41,11 +41,9 @@ var import_ds_tabs = require("@elliemae/ds-tabs");
 var import_propTypes = require("./propTypes.js");
 const DSMobileTabs = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tabs.DSTabs, { ...props, isDSMobile: true, children });
 const DSMobileTab = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tabs.DSTab, { ...props, children });
-DSMobileTabs.propTypes = import_propTypes.MobileTabsPropTypes;
 DSMobileTabs.displayName = "DSMobileTabs";
 const DSMobileTabsWithSchema = (0, import_ds_props_helpers.describe)(DSMobileTabs);
 DSMobileTabsWithSchema.propTypes = import_propTypes.MobileTabsPropTypes;
-DSMobileTab.propTypes = import_propTypes.MobileTabPropTypes;
 DSMobileTab.displayName = "DSMobileTab";
 const DSMobileTabWithSchema = (0, import_ds_props_helpers.describe)(DSMobileTab);
 DSMobileTabWithSchema.propTypes = import_propTypes.MobileTabPropTypes;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Tabs/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSTabs, DSTab } from '@elliemae/ds-tabs';\nimport type { DSTabsT, DSTabT } from '@elliemae/ds-tabs';\nimport { MobileTabsPropTypes, MobileTabPropTypes } from './propTypes.js';\n\ntype DSMobileTabsPropsT = Omit<\n  DSTabsT.InternalProps,\n  'animated' | 'enableMouseEvents' | 'allowTextSelection' | 'type' | 'isDSMobile' | 'withCarousel'\n>;\n\ntype DSMobileTabPropsT = Omit<DSTabT.Props, '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>;\nDSMobileTabs.displayName = 'DSMobileTabs';\nconst DSMobileTabsWithSchema = describe(DSMobileTabs);\nDSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;\n\nDSMobileTab.propTypes = MobileTabPropTypes as WeakValidationMap<unknown>;\nDSMobileTab.displayName = 'DSMobileTab';\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;AAAA;ACAA,YAAuB;ADcrB;AAbF,8BAAyB;AACzB,qBAA8B;AAE9B,uBAAwD;AASjD,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,MAAM,MAChD,4CAAC,yBAAQ,GAAG,OAAO,YAAU,MAC1B,UACH;AAGK,MAAM,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,MAAyB,4CAAC,wBAAO,GAAG,OAAQ,UAAS;AAEtG,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSTabs, DSTab } from '@elliemae/ds-tabs';\nimport type { DSTabsT, DSTabT } from '@elliemae/ds-tabs';\nimport { MobileTabsPropTypes, MobileTabPropTypes } from './propTypes.js';\n\ntype DSMobileTabsPropsT = Omit<\n  DSTabsT.InternalProps,\n  'animated' | 'enableMouseEvents' | 'allowTextSelection' | 'type' | 'isDSMobile' | 'withCarousel'\n>;\n\ntype DSMobileTabPropsT = Omit<DSTabT.Props, 'isDSMobile'>;\n\nconst DSMobileTabs = ({ children, ...props }: DSMobileTabsPropsT) => (\n  <DSTabs {...props} isDSMobile>\n    {children}\n  </DSTabs>\n);\n\nconst DSMobileTab = ({ children, ...props }: DSMobileTabPropsT) => <DSTab {...props}>{children}</DSTab>;\n\nDSMobileTabs.displayName = 'DSMobileTabs';\nconst DSMobileTabsWithSchema = describe(DSMobileTabs);\nDSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;\n\nDSMobileTab.displayName = 'DSMobileTab';\nconst DSMobileTabWithSchema = describe(DSMobileTab);\nDSMobileTabWithSchema.propTypes = MobileTabPropTypes;\n\nexport { DSMobileTabsWithSchema, DSMobileTabWithSchema, DSMobileTabs, DSMobileTab };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,8BAAyB;AACzB,qBAA8B;AAE9B,uBAAwD;AASxD,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,MAAM,MACzC,4CAAC,yBAAQ,GAAG,OAAO,YAAU,MAC1B,UACH;AAGF,MAAM,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,MAAyB,4CAAC,wBAAO,GAAG,OAAQ,UAAS;AAE/F,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;",
   "names": []
 }