@elliemae/ds-mobile 3.4.2 → 3.4.3

package/dist/cjs/SideNav/SideNav.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SideNav_exports = {};
 __export(SideNav_exports, {
@@ -26,7 +29,8 @@ __export(SideNav_exports, {
 });
 module.exports = __toCommonJS(SideNav_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_backdrop = require("@elliemae/ds-backdrop");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_icon = require("@elliemae/ds-icon");
@@ -42,45 +46,97 @@ const DSSideNav = ({ containerProps = {}, title, onClose = import_lodash.noop, m
     }
     setSelectedMenuItem(idx);
   };
-  const renderMenuList = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, menuItems.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_styles.MenuList, null, menuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ import_react.default.createElement("div", {
-    key: idx,
-    className: "menuitem",
-    onClick: menuItemClick.bind(null, idx, text, onClick)
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "icon"
-  }, icon), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: `text ${idx === selectedMenuItemIdx ? "active" : ""}`
-  }, text)))) : null);
-  const renderBottomMenu = () => /* @__PURE__ */ import_react.default.createElement(import_styles.MenuList, null, bottomMenuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ import_react.default.createElement("div", {
-    key: idx,
-    className: "menuitem",
-    onClick: () => onClick(idx, text)
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "icon"
-  }, icon), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "text"
-  }, text))));
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.Container, {
-    "data-testid": containerProps["data-testid"] || "global-header-menu"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_backdrop.DSBackdrop, {
-    onClick: onClose,
-    type: "cover"
-  }), /* @__PURE__ */ import_react.default.createElement(import_styles.Menu, null, /* @__PURE__ */ import_react.default.createElement(import_styles.MenuWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_styles.Heading, null, /* @__PURE__ */ import_react.default.createElement(import_styles.Icon, null, (0, import_EM_logo.default)()), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "content"
-  }, /* @__PURE__ */ import_react.default.createElement("label", null, title), /* @__PURE__ */ import_react.default.createElement("span", null), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "icon"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Close, {
-    onClick: onClose,
-    size: import_ds_icon.DSIconSizes.S,
-    color: import_ds_icon.DSIconColors.WHITE
-  })))), /* @__PURE__ */ import_react.default.createElement(import_styles.Hr, null), renderMenuList(), bottomMenuItems.length > 0 ? /* @__PURE__ */ import_react.default.createElement(import_styles.BottomMenu, null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "content"
-  }, /* @__PURE__ */ import_react.default.createElement("hr", null), renderBottomMenu())) : null)));
+  const renderMenuList = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: menuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.MenuList, {
+      children: menuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+        className: "menuitem",
+        onClick: menuItemClick.bind(null, idx, text, onClick),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+            className: "icon",
+            children: icon
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+            className: `text ${idx === selectedMenuItemIdx ? "active" : ""}`,
+            children: text
+          })
+        ]
+      }, idx))
+    }) : null
+  });
+  const renderBottomMenu = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.MenuList, {
+    children: bottomMenuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+      className: "menuitem",
+      onClick: () => onClick(idx, text),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+          className: "icon",
+          children: icon
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+          className: "text",
+          children: text
+        })
+      ]
+    }, idx))
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, {
+    "data-testid": containerProps["data-testid"] || "global-header-menu",
+    children: [
+      /* @__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.jsxs)("div", {
+                  className: "content",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+                      children: title
+                    }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                      className: "icon",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Close, {
+                        onClick: onClose,
+                        size: import_ds_icon.DSIconSizes.S,
+                        color: import_ds_icon.DSIconColors.WHITE
+                      })
+                    })
+                  ]
+                })
+              ]
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Hr, {}),
+            renderMenuList(),
+            bottomMenuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.BottomMenu, {
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+                className: "content",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", {}),
+                  renderBottomMenu()
+                ]
+              })
+            }) : null
+          ]
+        })
+      })
+    ]
+  });
 };
-const menuProps = import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.shape({
-  icon: import_ds_utilities.PropTypes.element,
-  text: import_ds_utilities.PropTypes.string
-}));
+const menuProps = import_ds_utilities.PropTypes.arrayOf(
+  import_ds_utilities.PropTypes.shape({
+    icon: import_ds_utilities.PropTypes.element,
+    text: import_ds_utilities.PropTypes.string
+  })
+);
 const navProps = {
   containerProps: import_ds_utilities.PropTypes.object.description("inject props to wrapper element of side nav"),
   title: import_ds_utilities.PropTypes.string.isRequired.description("Heading Title"),

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

@@ -2,6 +2,6 @@
   "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-utilities';\nimport { noop } from 'lodash';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from './styles';\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;ADKvB,mBAAgC;AAChC,yBAA2B;AAC3B,sBAAsB;AACtB,qBAA0C;AAC1C,0BAAoC;AACpC,oBAAqB;AACrB,qBAAiB;AACjB,oBAAsF;AAEtF,MAAM,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,OAAO,UAAU,oBAAM,YAAY,CAAC,GAAG,kBAAkB,CAAC,QAAQ;AAC1G,QAAM,CAAC,qBAAqB,uBAAuB,2BAAS,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,wFACG,UAAU,SAAS,IAClB,mDAAC,8BACE,UAAU,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW,QACvC,mDAAC;AAAA,IAAI,KAAK;AAAA,IAAK,WAAU;AAAA,IAAW,SAAS,cAAc,KAAK,MAAM,KAAK,MAAM,OAAO;AAAA,KACtF,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAQ,IAAK,GAC5B,mDAAC;AAAA,IAAI,WAAW,QAAQ,QAAQ,sBAAsB,WAAW;AAAA,KAAO,IAAK,CAC/E,CACD,CACH,IACE,IACN;AAGF,QAAM,mBAAmB,MACvB,mDAAC,8BACE,gBAAgB,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW,QAC7C,mDAAC;AAAA,IAAI,KAAK;AAAA,IAAK,WAAU;AAAA,IAAW,SAAS,MAAM,QAAQ,KAAK,IAAI;AAAA,KAClE,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAQ,IAAK,GAC5B,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAQ,IAAK,CAC9B,CACD,CACH;AAGF,SACE,mDAAC;AAAA,IAAU,eAAa,eAAe,kBAAkB;AAAA,KACvD,mDAAC;AAAA,IAAW,SAAS;AAAA,IAAS,MAAK;AAAA,GAAQ,GAE3C,mDAAC,0BACC,mDAAC,iCACC,mDAAC,6BACC,mDAAC,0BAAM,4BAAK,CAAE,GACd,mDAAC;AAAA,IAAI,WAAU;AAAA,KACb,mDAAC,eAAO,KAAM,GACd,mDAAC,YAAK,GACN,mDAAC;AAAA,IAAI,WAAU;AAAA,KACb,mDAAC;AAAA,IAAM,SAAS;AAAA,IAAS,MAAM,2BAAY;AAAA,IAAG,OAAO,4BAAa;AAAA,GAAO,CAC3E,CACF,CACF,GACA,mDAAC,sBAAG,GACH,eAAe,GACf,gBAAgB,SAAS,IACxB,mDAAC,gCACC,mDAAC;AAAA,IAAI,WAAU;AAAA,KACb,mDAAC,UAAG,GACH,iBAAiB,CACpB,CACF,IACE,IACN,CACF,CACF;AAEJ;AAEA,MAAM,YAAY,8BAAU,QAC1B,8BAAU,MAAM;AAAA,EACd,MAAM,8BAAU;AAAA,EAChB,MAAM,8BAAU;AAClB,CAAC,CACH;AAEA,MAAM,WAAW;AAAA,EAEf,gBAAgB,8BAAU,OAAO,YAAY,6CAA6C;AAAA,EAI1F,OAAO,8BAAU,OAAO,WAAW,YAAY,eAAe;AAAA,EAI9D,SAAS,8BAAU,KAAK,YAAY,mDAAmD;AAAA,EAIvF,WAAW,UAAU,YAAY,sBAAsB;AAAA,EAIvD,iBAAiB,UAAU,YAAY,yBAAyB;AAClE;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,sBAAsB,kCAAS,SAAS,EAAE,YAAY,uCAAuC;AAEnG,oBAAoB,YAAY;",
-  "names": []
+  "mappings": "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",
+  "names": ["Logo"]
 }

package/dist/cjs/SideNav/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SideNav_exports = {};
 __export(SideNav_exports, {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/SideNav/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { DSSideNav, DSSideNavWithSchema } from './SideNav';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA+C;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA+C;",
   "names": []
 }

package/dist/cjs/SideNav/styles.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styles_exports = {};
 __export(styles_exports, {

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

@@ -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`;\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;AAAA,iBACzC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACnD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGnC,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,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;AAAA;AAAA,uBAE9B,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;AAAA,iBACzC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACnD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGnC,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,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;AAAA;AAAA,uBAE9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASnD,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/SwipeToRefresh/ProgressIndicator.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ProgressIndicator_exports = {};
 __export(ProgressIndicator_exports, {
@@ -25,7 +28,7 @@ __export(ProgressIndicator_exports, {
 });
 module.exports = __toCommonJS(ProgressIndicator_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_grid = require("@elliemae/ds-grid");
@@ -35,34 +38,39 @@ const ProgressIndicator = ({ progress = 0 }) => {
   const factor = progress / 100;
   const theme = (0, import_ds_system.useTheme)();
   const dashoffset = cir * (1 - factor);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
     height: theme.space.s,
     width: theme.space.s,
     justifyContent: "center",
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement("svg", {
-    width: "23",
-    height: "23",
-    viewBox: "0 0 120 120",
-    transform: "rotate(-90)"
-  }, /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "60",
-    cy: "60",
-    r: "54",
-    fill: "none",
-    strokeWidth: "12",
-    stroke: `${theme.colors.neutral[100]}`
-  }), /* @__PURE__ */ import_react.default.createElement("circle", {
-    cx: "60",
-    cy: "60",
-    r: "54",
-    strokeWidth: "12",
-    fill: "none",
-    strokeDasharray: `${cir}px`,
-    strokeDashoffset: `${dashoffset}px`,
-    stroke: `${theme.colors.brand[600]}`,
-    strokeLinecap: "round"
-  })));
+    alignItems: "center",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+      width: "23",
+      height: "23",
+      viewBox: "0 0 120 120",
+      transform: "rotate(-90)",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+          cx: "60",
+          cy: "60",
+          r: "54",
+          fill: "none",
+          strokeWidth: "12",
+          stroke: `${theme.colors.neutral[100]}`
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+          cx: "60",
+          cy: "60",
+          r: "54",
+          strokeWidth: "12",
+          fill: "none",
+          strokeDasharray: `${cir}px`,
+          strokeDashoffset: `${dashoffset}px`,
+          stroke: `${theme.colors.brand[600]}`,
+          strokeLinecap: "round"
+        })
+      ]
+    })
+  });
 };
 ProgressIndicator.propTypes = {
   progress: import_prop_types.default.number

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

@@ -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;ADAvB,mBAAkB;AAClB,uBAAyB;AACzB,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,QAAQ;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,QAAQ,+BAAS;AACvB,QAAM,aAAa,MAAO,KAAI;AAC9B,SACE,mDAAC;AAAA,IAAK,QAAQ,MAAM,MAAM;AAAA,IAAG,OAAO,MAAM,MAAM;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,KACpF,mDAAC;AAAA,IAAI,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,SAAQ;AAAA,IAAc,WAAU;AAAA,KAC1D,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,GAAE;AAAA,IAAK,MAAK;AAAA,IAAO,aAAY;AAAA,IAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ;AAAA,GAAQ,GACpG,mDAAC;AAAA,IACC,IAAG;AAAA,IACH,IAAG;AAAA,IACH,GAAE;AAAA,IACF,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,iBAAiB,GAAG;AAAA,IACpB,kBAAkB,GAAG;AAAA,IACrB,QAAQ,GAAG,MAAM,OAAO,MAAM;AAAA,IAC9B,eAAc;AAAA,GAChB,CACF,CACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,UAAU,0BAAU;AACtB;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,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;AAAA,IAAK,QAAQ,MAAM,MAAM;AAAA,IAAG,OAAO,MAAM,MAAM;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,IACpF,uDAAC;AAAA,MAAI,OAAM;AAAA,MAAK,QAAO;AAAA,MAAK,SAAQ;AAAA,MAAc,WAAU;AAAA,MAC1D;AAAA,oDAAC;AAAA,UAAO,IAAG;AAAA,UAAK,IAAG;AAAA,UAAK,GAAE;AAAA,UAAK,MAAK;AAAA,UAAO,aAAY;AAAA,UAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ;AAAA,SAAQ;AAAA,QACpG,4CAAC;AAAA,UACC,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,aAAY;AAAA,UACZ,MAAK;AAAA,UACL,iBAAiB,GAAG;AAAA,UACpB,kBAAkB,GAAG;AAAA,UACrB,QAAQ,GAAG,MAAM,OAAO,MAAM;AAAA,UAC9B,eAAc;AAAA,SAChB;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,UAAU,kBAAAA,QAAU;AACtB;",
+  "names": ["PropTypes"]
 }