@elliemae/ds-mobile 1.60.0 → 2.0.0-alpha.12

package/esm/SideNav/SideNav.js

@@ -1,5 +1,8 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import { useState } from 'react';
 import { DSBackdrop } from '@elliemae/ds-backdrop';
 import { Close } from '@elliemae/ds-icons';
 import { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';
@@ -7,25 +10,21 @@ import { PropTypes, describe } from 'react-desc';
 import { noop } from 'lodash';
 import SvgIcon from '../Icons/EM_logo.js';
 import { Container, Menu, MenuWrapper, Heading, Icon, Hr, MenuList, BottomMenu } from './styles.js';
-import 'styled-components';
+import { jsx, Fragment } from 'react/jsx-runtime';
 
-var DSSideNav = function DSSideNav(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      title = _ref.title,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
-      _ref$menuItems = _ref.menuItems,
-      menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems,
-      _ref$bottomMenuItems = _ref.bottomMenuItems,
-      bottomMenuItems = _ref$bottomMenuItems === void 0 ? [] : _ref$bottomMenuItems;
+var _span, _Hr, _hr;
 
-  var _useState = useState(-1),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectedMenuItemIdx = _useState2[0],
-      setSelectedMenuItem = _useState2[1];
+const DSSideNav = _ref => {
+  let {
+    containerProps = {},
+    title,
+    onClose = noop,
+    menuItems = [],
+    bottomMenuItems = []
+  } = _ref;
+  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);
 
-  var menuItemClick = function menuItemClick(idx, text, cb) {
+  const menuItemClick = (idx, text, cb) => {
     if (cb) {
       cb(idx, text);
     }
@@ -33,65 +32,63 @@ var DSSideNav = function DSSideNav(_ref) {
     setSelectedMenuItem(idx);
   };
 
-  var renderMenuList = function renderMenuList() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, menuItems.length > 0 ? /*#__PURE__*/React.createElement(MenuList, null, menuItems.map(function (_ref2, idx) {
-      var icon = _ref2.icon,
-          text = _ref2.text,
-          onClick = _ref2.onClick;
-      return /*#__PURE__*/React.createElement("div", {
-        key: idx,
+  const renderMenuList = () => /*#__PURE__*/jsx(Fragment, {
+    children: menuItems.length > 0 ? /*#__PURE__*/_jsx(MenuList, {}, void 0, menuItems.map((_ref2, idx) => {
+      let {
+        icon,
+        text,
+        onClick
+      } = _ref2;
+      return /*#__PURE__*/_jsx("div", {
         className: "menuitem",
         onClick: menuItemClick.bind(null, idx, text, onClick)
-      }, /*#__PURE__*/React.createElement("div", {
+      }, idx, /*#__PURE__*/_jsx("div", {
         className: "icon"
-      }, icon), /*#__PURE__*/React.createElement("div", {
+      }, void 0, icon), /*#__PURE__*/_jsx("div", {
         className: "text ".concat(idx === selectedMenuItemIdx ? 'active' : '')
-      }, text));
-    })) : null);
-  };
+      }, void 0, text));
+    })) : null
+  });
 
-  var renderBottomMenu = function renderBottomMenu() {
-    return /*#__PURE__*/React.createElement(MenuList, null, bottomMenuItems.map(function (_ref3, idx) {
-      var icon = _ref3.icon,
-          text = _ref3.text,
-          _onClick = _ref3.onClick;
-      return /*#__PURE__*/React.createElement("div", {
-        key: idx,
-        className: "menuitem",
-        onClick: function onClick() {
-          return _onClick(idx, text);
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "icon"
-      }, icon), /*#__PURE__*/React.createElement("div", {
-        className: "text"
-      }, text));
-    }));
-  };
+  const renderBottomMenu = () => /*#__PURE__*/_jsx(MenuList, {}, void 0, bottomMenuItems.map((_ref3, idx) => {
+    let {
+      icon,
+      text,
+      onClick
+    } = _ref3;
+    return /*#__PURE__*/_jsx("div", {
+      className: "menuitem",
+      onClick: () => onClick(idx, text)
+    }, idx, /*#__PURE__*/_jsx("div", {
+      className: "icon"
+    }, void 0, icon), /*#__PURE__*/_jsx("div", {
+      className: "text"
+    }, void 0, text));
+  }));
 
-  return /*#__PURE__*/React.createElement(Container, {
+  return /*#__PURE__*/_jsx(Container, {
     "data-testid": containerProps['data-testid'] || 'global-header-menu'
-  }, /*#__PURE__*/React.createElement(DSBackdrop, {
+  }, void 0, /*#__PURE__*/_jsx(DSBackdrop, {
     onClick: onClose,
     type: "cover"
-  }), /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuWrapper, null, /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(Icon, null, SvgIcon()), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_jsx(Menu, {}, void 0, /*#__PURE__*/_jsx(MenuWrapper, {}, void 0, /*#__PURE__*/_jsx(Heading, {}, void 0, /*#__PURE__*/_jsx(Icon, {}, void 0, SvgIcon()), /*#__PURE__*/_jsx("div", {
     className: "content"
-  }, /*#__PURE__*/React.createElement("label", null, title), /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("div", {
+  }, void 0, /*#__PURE__*/_jsx("label", {}, void 0, title), _span || (_span = /*#__PURE__*/_jsx("span", {})), /*#__PURE__*/_jsx("div", {
     className: "icon"
-  }, /*#__PURE__*/React.createElement(Close, {
+  }, void 0, /*#__PURE__*/_jsx(Close, {
     onClick: onClose,
     size: DSIconSizes.S,
     color: DSIconColors.WHITE
-  })))), /*#__PURE__*/React.createElement(Hr, null), renderMenuList(), bottomMenuItems.length > 0 ? /*#__PURE__*/React.createElement(BottomMenu, null, /*#__PURE__*/React.createElement("div", {
+  })))), _Hr || (_Hr = /*#__PURE__*/_jsx(Hr, {})), renderMenuList(), bottomMenuItems.length > 0 ? /*#__PURE__*/_jsx(BottomMenu, {}, void 0, /*#__PURE__*/_jsx("div", {
     className: "content"
-  }, /*#__PURE__*/React.createElement("hr", null), renderBottomMenu())) : null)));
+  }, void 0, _hr || (_hr = /*#__PURE__*/_jsx("hr", {})), renderBottomMenu())) : null)));
 };
 
-var menuProps = PropTypes.arrayOf(PropTypes.shape({
+const menuProps = PropTypes.arrayOf(PropTypes.shape({
   icon: PropTypes.element,
   text: PropTypes.string
 }));
-var navProps = {
+const navProps = {
   /** inject props to wrapper element of side nav */
   containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),
 
@@ -115,9 +112,7 @@ var navProps = {
    */
   bottomMenuItems: menuProps.description('Bottom Menu items array')
 };
-DSSideNav.propTypes = navProps;
-var DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');
+const DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');
 DSSideNavWithSchema.propTypes = navProps;
 
 export { DSSideNav, DSSideNavWithSchema };
-//# sourceMappingURL=SideNav.js.map

package/esm/SideNav/index.js

@@ -1,12 +1 @@
 export { DSSideNav, DSSideNavWithSchema } from './SideNav.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import '@elliemae/ds-backdrop';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-icon';
-import 'react-desc';
-import 'lodash';
-import '../Icons/EM_logo.js';
-import './styles.js';
-import 'styled-components';
-//# sourceMappingURL=index.js.map

package/esm/SideNav/styles.js

@@ -1,57 +1,28 @@
 import styled from 'styled-components';
 
-var Container = /*#__PURE__*/styled.div.withConfig({
+const Container = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-0"
 })(["position:fixed;width:100%;height:100%;"]);
-var MenuWrapper = /*#__PURE__*/styled.div.withConfig({
+const MenuWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-1"
 })(["position:relative;height:100%;"]);
-var Menu = /*#__PURE__*/styled.div.withConfig({
+const Menu = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-2"
-})(["position:fixed;width:80%;height:100%;background-color:", ";font-family:", ";box-shadow:5px 0 5px ", ";padding:", ";"], function (props) {
-  return props.theme.colors.brand[700];
-}, function (props) {
-  return props.theme.fonts.default;
-}, function (props) {
-  return props.theme.colors.neutral[600];
-}, function (props) {
-  return props.theme.space.xs;
-});
-var Heading = /*#__PURE__*/styled.div.withConfig({
+})(["position:fixed;width:80%;height:100%;background-color:", ";font-family:", ";box-shadow:5px 0 5px ", ";padding:", ";"], props => props.theme.colors.brand[700], props => props.theme.fonts.default, props => props.theme.colors.neutral[600], props => props.theme.space.xs);
+const Heading = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-3"
-})(["display:flex;flex-direction:row;.content{width:100%;display:flex;flex-direction:row;span{flex-grow:1;}label{padding-top:1px;line-height:30px;font-weight:", ";font-size:22px;color:", ";}.icon{cursor:pointer;padding-top:6px;}}"], function (props) {
-  return props.theme.fontWeights.semibold;
-}, function (props) {
-  return props.theme.colors.neutral['000'];
-});
-var Icon = /*#__PURE__*/styled.div.withConfig({
+})(["display:flex;flex-direction:row;.content{width:100%;display:flex;flex-direction:row;span{flex-grow:1;}label{padding-top:1px;line-height:30px;font-weight:", ";font-size:22px;color:", ";}.icon{cursor:pointer;padding-top:6px;}}"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['000']);
+const Icon = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-4"
-})(["margin-right:", ";"], function (props) {
-  return props.theme.space.xxs2;
-});
-var Hr = /*#__PURE__*/styled.hr.withConfig({
+})(["margin-right:", ";"], props => props.theme.space.xxs2);
+const Hr = /*#__PURE__*/styled.hr.withConfig({
   componentId: "sc-10h55hr-5"
-})(["margin-left:-", ";margin-right:-", ";"], function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return props.theme.space.xs;
-});
-var MenuList = /*#__PURE__*/styled.div.withConfig({
+})(["margin-left:-", ";margin-right:-", ";"], props => props.theme.space.xs, props => props.theme.space.xs);
+const MenuList = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-6"
-})([".menuitem{display:flex;flex-direction:row;cursor:pointer;height:22px;margin-bottom:", ";.icon{padding-left:6px;margin-right:", ";span{height:20px;width:20px;svg{height:20px;width:20px;}}}.text{font-weight:", ";font-size:18px;line-height:22px;color:", ";&.active{font-weight:", ";}}&:last-child{margin-bottom:0;}}"], function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return props.theme.fontWeights.regular;
-}, function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return props.theme.fontWeights.semibold;
-});
-var BottomMenu = /*#__PURE__*/styled.div.withConfig({
+})([".menuitem{display:flex;flex-direction:row;cursor:pointer;height:22px;margin-bottom:", ";.icon{padding-left:6px;margin-right:", ";span{height:20px;width:20px;svg{height:20px;width:20px;}}}.text{font-weight:", ";font-size:18px;line-height:22px;color:", ";&.active{font-weight:", ";}}&:last-child{margin-bottom:0;}}"], props => props.theme.space.xs, props => props.theme.space.xs, props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['000'], props => props.theme.fontWeights.semibold);
+const BottomMenu = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-10h55hr-7"
 })(["position:absolute;bottom:0;width:100%;"]);
 
 export { BottomMenu, Container, Heading, Hr, Icon, Menu, MenuList, MenuWrapper };
-//# sourceMappingURL=styles.js.map

package/esm/SwipeToRefresh/ProgressIndicator.js

@@ -1,34 +1,35 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { useTheme } from '@elliemae/ds-system';
-import PropTypes from 'prop-types';
 import { Grid } from '@elliemae/ds-grid';
 
-var rad = 54;
-var cir = 2 * Math.PI * rad;
-var ProgressIndicator = function ProgressIndicator(_ref) {
-  var _ref$progress = _ref.progress,
-      progress = _ref$progress === void 0 ? 0 : _ref$progress;
-  var factor = progress / 100;
-  var theme = useTheme();
-  var dashoffset = cir * (1 - factor);
-  return /*#__PURE__*/React.createElement(Grid, {
+const rad = 54;
+const cir = 2 * Math.PI * rad;
+const ProgressIndicator = _ref => {
+  let {
+    progress = 0
+  } = _ref;
+  const factor = progress / 100;
+  const theme = useTheme();
+  const dashoffset = cir * (1 - factor);
+  return /*#__PURE__*/_jsx(Grid, {
     height: theme.space.s,
     width: theme.space.s,
     justifyContent: "center",
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, void 0, /*#__PURE__*/_jsx("svg", {
     width: "23",
     height: "23",
     viewBox: "0 0 120 120",
     transform: "rotate(-90)"
-  }, /*#__PURE__*/React.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx("circle", {
     cx: "60",
     cy: "60",
     r: "54",
     fill: "none",
     strokeWidth: "12",
     stroke: "".concat(theme.colors.neutral[100])
-  }), /*#__PURE__*/React.createElement("circle", {
+  }), /*#__PURE__*/_jsx("circle", {
     cx: "60",
     cy: "60",
     r: "54",
@@ -40,9 +41,5 @@ var ProgressIndicator = function ProgressIndicator(_ref) {
     strokeLinecap: "round"
   })));
 };
-ProgressIndicator.propTypes = {
-  progress: PropTypes.number
-};
 
 export { ProgressIndicator };
-//# sourceMappingURL=ProgressIndicator.js.map

package/esm/SwipeToRefresh/ProgressLoader.js

@@ -1,118 +1,119 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 
-var ProgressLoader = function ProgressLoader() {
-  var width = 32;
-  var height = 32;
-  return /*#__PURE__*/React.createElement("svg", {
+var _defs, _g;
+const ProgressLoader = () => {
+  const width = 32;
+  const height = 32;
+  return /*#__PURE__*/_jsx("svg", {
     viewBox: "0 0 40 40",
     width: width,
     height: height,
     rotate: "20deg"
-  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }, void 0, _defs || (_defs = /*#__PURE__*/_jsx("defs", {}, void 0, /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path"
-  }, /*#__PURE__*/React.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx("circle", {
     className: "prefix__cls-1",
     cx: -220,
     cy: 21,
     r: 12
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-2"
-  }, /*#__PURE__*/React.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx("circle", {
     className: "prefix__cls-1",
     cx: -220,
     cy: 9,
     r: 2
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-3"
-  }, /*#__PURE__*/React.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx("circle", {
     className: "prefix__cls-1",
     cx: -159.98,
     cy: 21,
     r: 12
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-4"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx("path", {
     className: "prefix__cls-1",
     d: "M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z"
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-5"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx("path", {
     className: "prefix__cls-2",
     d: "M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z"
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-6"
-  }, /*#__PURE__*/React.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx("circle", {
     className: "prefix__cls-1",
     cx: -99.68,
     cy: 21.22,
     r: 12
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-7"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx("path", {
     className: "prefix__cls-1",
     d: "M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z"
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-8"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx("path", {
     className: "prefix__cls-2",
     d: "M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z"
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-9"
-  }, /*#__PURE__*/React.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx("circle", {
     className: "prefix__cls-1",
     cx: -39.52,
     cy: 21.9,
     r: 12
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-10"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx("path", {
     className: "prefix__cls-1",
     d: "M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z"
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-11"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx("path", {
     className: "prefix__cls-2",
     d: "M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z"
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-12"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx("path", {
     className: "prefix__cls-1",
     d: "M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z"
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-13"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx("path", {
     className: "prefix__cls-1",
     d: "M-155.52-51.1h282v114h-282z"
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-14"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx("path", {
     className: "prefix__cls-1",
     d: "M4.48 5.9h32v32h-32z"
-  })), /*#__PURE__*/React.createElement("clipPath", {
+  })), /*#__PURE__*/_jsx("clipPath", {
     id: "prefix__clip-path-15"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx("path", {
     className: "prefix__cls-2",
     d: "M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z"
-  })), /*#__PURE__*/React.createElement("style", null, '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}')), /*#__PURE__*/React.createElement("g", {
+  })), /*#__PURE__*/_jsx("style", {}, void 0, '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'))), _g || (_g = /*#__PURE__*/_jsx("g", {
     id: "prefix__Layer_5",
     "data-name": "Layer 5"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, void 0, /*#__PURE__*/_jsx("g", {
     clipPath: "url(#prefix__clip-path-12)"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, void 0, /*#__PURE__*/_jsx("g", {
     clipPath: "url(#prefix__clip-path-14)"
-  }, /*#__PURE__*/React.createElement("image", {
+  }, void 0, /*#__PURE__*/_jsx("image", {
     width: 32,
     height: 32,
     transform: "rotate(-90 21.19 16.71)",
     xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII="
-  }))), /*#__PURE__*/React.createElement("g", {
+  }))), /*#__PURE__*/_jsx("g", {
     clipPath: "url(#prefix__clip-path-15)"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx("path", {
     transform: "rotate(-77 22.961 10.28)",
     fill: "#3590ce",
     d: "M13.66 1.31h18.6v17.94h-18.6z"
-  }))));
+  })))));
 };
 
 export { ProgressLoader };
-//# sourceMappingURL=ProgressLoader.js.map

package/esm/SwipeToRefresh/SwipeToRefresh.js

@@ -1,52 +1,55 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';
 import { useTheme } from '@elliemae/ds-system';
 import { useSwipe } from './useSwipe.js';
 import { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled.js';
 import { ProgressIndicator } from './ProgressIndicator.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-grid';
-import 'styled-components';
-import 'prop-types';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-var SwipeToRefresh = function SwipeToRefresh(_ref) {
-  var children = _ref.children,
-      loading = _ref.loading,
-      onRefresh = _ref.onRefresh;
-  var breakpoint = 60;
-  var theme = useTheme();
-  var swipe = useSwipe({
-    onRefresh: onRefresh,
-    breakpoint: breakpoint
+var _DSCircularProgressIn;
+
+const SwipeToRefresh = _ref => {
+  let {
+    children,
+    loading,
+    onRefresh
+  } = _ref;
+  const breakpoint = 60;
+  const theme = useTheme();
+  const swipe = useSwipe({
+    onRefresh,
+    breakpoint
   });
-  var progress = swipe.height > breakpoint ? 100 : swipe.height * 100 / breakpoint;
-  return /*#__PURE__*/React.createElement(SwipeContainer, null, /*#__PURE__*/React.createElement(SwipeDrag, {
+  const progress = swipe.height > breakpoint ? 100 : swipe.height * 100 / breakpoint;
+  return /*#__PURE__*/_jsx(SwipeContainer, {}, void 0, /*#__PURE__*/jsxs(SwipeDrag, {
     onTouchStart: swipe.touchStart,
     onTouchEnd: swipe.touchEnd,
     onTouchCancel: swipe.touchCancel,
     onTouchMove: swipe.touchMove,
-    ref: swipe.ref
-  }, /*#__PURE__*/React.createElement(LoaderBox, {
-    height: loading ? theme.space.m : "".concat(swipe.height, "px"),
-    alignItems: "flex-start",
-    "data-testid": "loader-box"
-  }, /*#__PURE__*/React.createElement(PositionLoader, {
-    height: theme.space.m,
-    justifyContent: "center",
-    alignItems: "center",
-    mt: swipe.height > 40 || loading ? 0 : "".concat(swipe.height - 40, "px")
-  }, loading ? /*#__PURE__*/React.createElement(DSCircularProgressIndicator, null) : /*#__PURE__*/React.createElement(ProgressIndicator, {
-    progress: progress
-  }))), /*#__PURE__*/React.createElement("div", {
-    ref: swipe.target,
-    style: {
-      height: 1
-    }
-  }), children));
+    ref: swipe.ref,
+    children: [/*#__PURE__*/_jsx(LoaderBox, {
+      height: loading ? theme.space.m : "".concat(swipe.height, "px"),
+      alignItems: "flex-start",
+      "data-testid": "loader-box"
+    }, void 0, /*#__PURE__*/_jsx(PositionLoader, {
+      height: theme.space.m,
+      justifyContent: "center",
+      alignItems: "center",
+      mt: swipe.height > 40 || loading ? 0 : "".concat(swipe.height - 40, "px")
+    }, void 0, loading ? _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx(DSCircularProgressIndicator, {})) : /*#__PURE__*/_jsx(ProgressIndicator, {
+      progress: progress
+    }))), /*#__PURE__*/jsx("div", {
+      ref: swipe.target,
+      style: {
+        height: 1
+      }
+    }), children]
+  }));
 };
 
-var props = {
+const props = {
   /** component inside swipe to refresh container */
   children: PropTypes.element.isRequired.description('component inside swipe to refresh container'),
 
@@ -56,9 +59,7 @@ var props = {
   /** callback on refresh swipe */
   onRefresh: PropTypes.func.description('callback on refresh swipe')
 };
-SwipeToRefresh.propTypes = props;
-var SwipeToRefreshWithSchema = describe(SwipeToRefresh);
+const SwipeToRefreshWithSchema = describe(SwipeToRefresh);
 SwipeToRefreshWithSchema.propTypes = props;
 
 export { SwipeToRefresh, SwipeToRefreshWithSchema };
-//# sourceMappingURL=SwipeToRefresh.js.map

package/esm/SwipeToRefresh/styled.js

@@ -1,18 +1,17 @@
 import { Grid } from '@elliemae/ds-grid';
 import styled from 'styled-components';
 
-var SwipeContainer = /*#__PURE__*/styled(Grid).withConfig({
+const SwipeContainer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-pbpd8a-0"
 })(["transition:height 0.2s;overscroll-behavior:none;height:100%;"]);
-var SwipeDrag = /*#__PURE__*/styled.div.withConfig({
+const SwipeDrag = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-pbpd8a-1"
 })(["border:none;overscroll-behavior:none;overflow:auto;max-height:100%;"]);
-var LoaderBox = /*#__PURE__*/styled(Grid).withConfig({
+const LoaderBox = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-pbpd8a-2"
 })(["transition:height 0.2s;overflow:hidden;"]);
-var PositionLoader = /*#__PURE__*/styled(Grid).withConfig({
+const PositionLoader = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-pbpd8a-3"
 })(["transition:margin 0.2s;"]);
 
 export { LoaderBox, PositionLoader, SwipeContainer, SwipeDrag };
-//# sourceMappingURL=styled.js.map