@elliemae/ds-mobile 1.55.0-next.7 → 2.0.0-alpha.10

package/cjs/SwipeToRefresh/ProgressIndicator.js

@@ -2,56 +2,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsSystem = require('@elliemae/ds-system');
-var PropTypes = require('prop-types');
 var Grid = require('@elliemae/ds-basic/Grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-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 = dsSystem.useTheme();
-  var dashoffset = cir * (1 - factor);
-  return /*#__PURE__*/React__default['default'].createElement(Grid.Grid, {
+const rad = 54;
+const cir = 2 * Math.PI * rad;
+const ProgressIndicator = ({
+  progress = 0
+}) => {
+  const factor = progress / 100;
+  const theme = dsSystem.useTheme();
+  const dashoffset = cir * (1 - factor);
+  return /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: theme.space.s,
     width: theme.space.s,
     justifyContent: "center",
     alignItems: "center"
-  }, /*#__PURE__*/React__default['default'].createElement("svg", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("svg", {
     width: "23",
     height: "23",
     viewBox: "0 0 120 120",
     transform: "rotate(-90)"
-  }, /*#__PURE__*/React__default['default'].createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     cx: "60",
     cy: "60",
     r: "54",
     fill: "none",
     strokeWidth: "12",
-    stroke: "".concat(theme.colors.neutral[100])
-  }), /*#__PURE__*/React__default['default'].createElement("circle", {
+    stroke: `${theme.colors.neutral[100]}`
+  }), /*#__PURE__*/_jsx__default["default"]("circle", {
     cx: "60",
     cy: "60",
     r: "54",
     strokeWidth: "12",
     fill: "none",
-    strokeDasharray: "".concat(cir, "px"),
-    strokeDashoffset: "".concat(dashoffset, "px"),
-    stroke: "".concat(theme.colors.brand[600]),
+    strokeDasharray: `${cir}px`,
+    strokeDashoffset: `${dashoffset}px`,
+    stroke: `${theme.colors.brand[600]}`,
     strokeLinecap: "round"
   })));
 };
-ProgressIndicator.propTypes = {
-  progress: PropTypes__default['default'].number
-};
 
 exports.ProgressIndicator = ProgressIndicator;
-//# sourceMappingURL=ProgressIndicator.js.map

package/cjs/SwipeToRefresh/ProgressLoader.js

@@ -2,125 +2,126 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var ProgressLoader = function ProgressLoader() {
-  var width = 32;
-  var height = 32;
-  return /*#__PURE__*/React__default['default'].createElement("svg", {
+var _defs, _g;
+const ProgressLoader = () => {
+  const width = 32;
+  const height = 32;
+  return /*#__PURE__*/_jsx__default["default"]("svg", {
     viewBox: "0 0 40 40",
     width: width,
     height: height,
     rotate: "20deg"
-  }, /*#__PURE__*/React__default['default'].createElement("defs", null, /*#__PURE__*/React__default['default'].createElement("clipPath", {
+  }, void 0, _defs || (_defs = /*#__PURE__*/_jsx__default["default"]("defs", {}, void 0, /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path"
-  }, /*#__PURE__*/React__default['default'].createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -220,
     cy: 21,
     r: 12
-  })), /*#__PURE__*/React__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-2"
-  }, /*#__PURE__*/React__default['default'].createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -220,
     cy: 9,
     r: 2
-  })), /*#__PURE__*/React__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-3"
-  }, /*#__PURE__*/React__default['default'].createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -159.98,
     cy: 21,
     r: 12
-  })), /*#__PURE__*/React__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-4"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-5"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-6"
-  }, /*#__PURE__*/React__default['default'].createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -99.68,
     cy: 21.22,
     r: 12
-  })), /*#__PURE__*/React__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-7"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-8"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-9"
-  }, /*#__PURE__*/React__default['default'].createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     className: "prefix__cls-1",
     cx: -39.52,
     cy: 21.9,
     r: 12
-  })), /*#__PURE__*/React__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-10"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-11"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-12"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-13"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M-155.52-51.1h282v114h-282z"
-  })), /*#__PURE__*/React__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-14"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     className: "prefix__cls-1",
     d: "M4.48 5.9h32v32h-32z"
-  })), /*#__PURE__*/React__default['default'].createElement("clipPath", {
+  })), /*#__PURE__*/_jsx__default["default"]("clipPath", {
     id: "prefix__clip-path-15"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default['default'].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__default['default'].createElement("g", {
+  })), /*#__PURE__*/_jsx__default["default"]("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__default["default"]("g", {
     id: "prefix__Layer_5",
     "data-name": "Layer 5"
-  }, /*#__PURE__*/React__default['default'].createElement("g", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
     clipPath: "url(#prefix__clip-path-12)"
-  }, /*#__PURE__*/React__default['default'].createElement("g", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
     clipPath: "url(#prefix__clip-path-14)"
-  }, /*#__PURE__*/React__default['default'].createElement("image", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default['default'].createElement("g", {
+  }))), /*#__PURE__*/_jsx__default["default"]("g", {
     clipPath: "url(#prefix__clip-path-15)"
-  }, /*#__PURE__*/React__default['default'].createElement("path", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     transform: "rotate(-77 22.961 10.28)",
     fill: "#3590ce",
     d: "M13.66 1.31h18.6v17.94h-18.6z"
-  }))));
+  })))));
 };
 
 exports.ProgressLoader = ProgressLoader;
-//# sourceMappingURL=ProgressLoader.js.map

package/cjs/SwipeToRefresh/SwipeToRefresh.js

@@ -2,59 +2,61 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
 var CircularProgressIndicator = require('@elliemae/ds-basic/CircularProgressIndicator');
 var dsSystem = require('@elliemae/ds-system');
-var SwipeToRefresh_useSwipe = require('./useSwipe.js');
-var SwipeToRefresh_styled = require('./styled.js');
-var SwipeToRefresh_ProgressIndicator = require('./ProgressIndicator.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-basic/Grid');
-require('styled-components');
-require('prop-types');
+var useSwipe = require('./useSwipe.js');
+var styled = require('./styled.js');
+var ProgressIndicator = require('./ProgressIndicator.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var SwipeToRefresh = function SwipeToRefresh(_ref) {
-  var children = _ref.children,
-      loading = _ref.loading,
-      onRefresh = _ref.onRefresh;
-  var breakpoint = 60;
-  var theme = dsSystem.useTheme();
-  var swipe = SwipeToRefresh_useSwipe.useSwipe({
-    onRefresh: onRefresh,
-    breakpoint: breakpoint
+var _DSCircularProgressIn;
+
+const SwipeToRefresh = ({
+  children,
+  loading,
+  onRefresh
+}) => {
+  const breakpoint = 60;
+  const theme = dsSystem.useTheme();
+  const swipe = useSwipe.useSwipe({
+    onRefresh,
+    breakpoint
   });
-  var progress = swipe.height > breakpoint ? 100 : swipe.height * 100 / breakpoint;
-  return /*#__PURE__*/React__default['default'].createElement(SwipeToRefresh_styled.SwipeContainer, null, /*#__PURE__*/React__default['default'].createElement(SwipeToRefresh_styled.SwipeDrag, {
+  const progress = swipe.height > breakpoint ? 100 : swipe.height * 100 / breakpoint;
+  return /*#__PURE__*/_jsx__default["default"](styled.SwipeContainer, {}, void 0, /*#__PURE__*/jsxRuntime.jsxs(styled.SwipeDrag, {
     onTouchStart: swipe.touchStart,
     onTouchEnd: swipe.touchEnd,
     onTouchCancel: swipe.touchCancel,
     onTouchMove: swipe.touchMove,
-    ref: swipe.ref
-  }, /*#__PURE__*/React__default['default'].createElement(SwipeToRefresh_styled.LoaderBox, {
-    height: loading ? theme.space.m : "".concat(swipe.height, "px"),
-    alignItems: "flex-start",
-    "data-testid": "loader-box"
-  }, /*#__PURE__*/React__default['default'].createElement(SwipeToRefresh_styled.PositionLoader, {
-    height: theme.space.m,
-    justifyContent: "center",
-    alignItems: "center",
-    mt: swipe.height > 40 || loading ? 0 : "".concat(swipe.height - 40, "px")
-  }, loading ? /*#__PURE__*/React__default['default'].createElement(CircularProgressIndicator.DSCircularProgressIndicator, null) : /*#__PURE__*/React__default['default'].createElement(SwipeToRefresh_ProgressIndicator.ProgressIndicator, {
-    progress: progress
-  }))), /*#__PURE__*/React__default['default'].createElement("div", {
-    ref: swipe.target,
-    style: {
-      height: 1
-    }
-  }), children));
+    ref: swipe.ref,
+    children: [/*#__PURE__*/_jsx__default["default"](styled.LoaderBox, {
+      height: loading ? theme.space.m : `${swipe.height}px`,
+      alignItems: "flex-start",
+      "data-testid": "loader-box"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.PositionLoader, {
+      height: theme.space.m,
+      justifyContent: "center",
+      alignItems: "center",
+      mt: swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`
+    }, void 0, loading ? _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx__default["default"](CircularProgressIndicator.DSCircularProgressIndicator, {})) : /*#__PURE__*/_jsx__default["default"](ProgressIndicator.ProgressIndicator, {
+      progress: progress
+    }))), /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: swipe.target,
+      style: {
+        height: 1
+      }
+    }), children]
+  }));
 };
 
-var props = {
+const props = {
   /** component inside swipe to refresh container */
   children: reactDesc.PropTypes.element.isRequired.description('component inside swipe to refresh container'),
 
@@ -64,10 +66,8 @@ var props = {
   /** callback on refresh swipe */
   onRefresh: reactDesc.PropTypes.func.description('callback on refresh swipe')
 };
-SwipeToRefresh.propTypes = props;
-var SwipeToRefreshWithSchema = reactDesc.describe(SwipeToRefresh);
+const SwipeToRefreshWithSchema = reactDesc.describe(SwipeToRefresh);
 SwipeToRefreshWithSchema.propTypes = props;
 
 exports.SwipeToRefresh = SwipeToRefresh;
 exports.SwipeToRefreshWithSchema = SwipeToRefreshWithSchema;
-//# sourceMappingURL=SwipeToRefresh.js.map

package/cjs/SwipeToRefresh/styled.js

@@ -9,16 +9,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var SwipeContainer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const SwipeContainer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-pbpd8a-0"
 })(["transition:height 0.2s;overscroll-behavior:none;height:100%;"]);
-var SwipeDrag = /*#__PURE__*/styled__default['default'].div.withConfig({
+const SwipeDrag = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-pbpd8a-1"
 })(["border:none;overscroll-behavior:none;overflow:auto;max-height:100%;"]);
-var LoaderBox = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const LoaderBox = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-pbpd8a-2"
 })(["transition:height 0.2s;overflow:hidden;"]);
-var PositionLoader = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const PositionLoader = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-pbpd8a-3"
 })(["transition:margin 0.2s;"]);
 
@@ -26,4 +26,3 @@ exports.LoaderBox = LoaderBox;
 exports.PositionLoader = PositionLoader;
 exports.SwipeContainer = SwipeContainer;
 exports.SwipeDrag = SwipeDrag;
-//# sourceMappingURL=styled.js.map

package/cjs/SwipeToRefresh/useSwipe.js

@@ -2,37 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-
-var useSwipe = function useSwipe(_ref) {
-  var onRefresh = _ref.onRefresh,
-      breakpoint = _ref.breakpoint;
-
-  var _useState = React.useState(0),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      startingPoint = _useState2[0],
-      setStartingPoint = _useState2[1];
-
-  var _useState3 = React.useState(0),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      movingPoint = _useState4[0],
-      setMovingPoint = _useState4[1];
-
-  var ref = React.useRef();
-  var height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;
-
-  var _useState5 = React.useState(false),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      allowRefresh = _useState6[0],
-      setAllowRefresh = _useState6[1];
-
-  var callback = function callback(entries) {
-    var isIntersecting = entries[0].isIntersecting;
+const useSwipe = ({
+  onRefresh,
+  breakpoint
+}) => {
+  const [startingPoint, setStartingPoint] = React.useState(0);
+  const [movingPoint, setMovingPoint] = React.useState(0);
+  const ref = React.useRef();
+  const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;
+  const [allowRefresh, setAllowRefresh] = React.useState(false);
+
+  const callback = entries => {
+    const {
+      isIntersecting
+    } = entries[0];
 
     if (isIntersecting) {
       setAllowRefresh(true);
@@ -41,8 +26,8 @@ var useSwipe = function useSwipe(_ref) {
     }
   };
 
-  var target = React.useRef(null);
-  var observer = React.useRef(null);
+  const target = React.useRef(null);
+  const observer = React.useRef(null);
 
   if (observer.current) {
     observer.current.disconnect();
@@ -58,37 +43,38 @@ var useSwipe = function useSwipe(_ref) {
     observer.current.observe(target.current);
   }
 
-  var touchStart = function touchStart(e) {
-    var scrollTop = ref.current.scrollTop;
+  const touchStart = e => {
+    const {
+      scrollTop
+    } = ref.current;
     if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);
   };
 
-  var touchEnd = function touchEnd() {
+  const touchEnd = () => {
     if (height > breakpoint && allowRefresh && onRefresh) onRefresh();
     setStartingPoint(0);
     setMovingPoint(0);
   };
 
-  var touchCancel = function touchCancel() {
+  const touchCancel = () => {
     if (height > breakpoint && onRefresh) onRefresh();
     setStartingPoint(0);
     setMovingPoint(0);
   };
 
-  var touchMove = function touchMove(e) {
+  const touchMove = e => {
     setMovingPoint(e.touches[0].clientY);
   };
 
   return {
-    height: height,
-    touchStart: touchStart,
-    touchEnd: touchEnd,
-    touchCancel: touchCancel,
-    touchMove: touchMove,
-    ref: ref,
-    target: target
+    height,
+    touchStart,
+    touchEnd,
+    touchCancel,
+    touchMove,
+    ref,
+    target
   };
 };
 
 exports.useSwipe = useSwipe;
-//# sourceMappingURL=useSwipe.js.map

package/cjs/Tabs/index.js

@@ -2,36 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+require('react');
 var dsBasic = require('@elliemae/ds-basic');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children"],
-    _excluded2 = ["children"];
-var DSMobileTabs = function DSMobileTabs(_ref) {
-  var children = _ref.children,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+const _excluded = ["children"],
+      _excluded2 = ["children"];
 
-  return /*#__PURE__*/React__default['default'].createElement(dsBasic.DSTabs, _extends__default['default']({}, props, {
-    isDSMobile: true
-  }), children);
-};
-var DSMobileTab = function DSMobileTab(_ref2) {
-  var children = _ref2.children,
-      props = _objectWithoutProperties__default['default'](_ref2, _excluded2);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const DSMobileTabs = _ref => {
+  let {
+    children
+  } = _ref,
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return /*#__PURE__*/React__default['default'].createElement(dsBasic.DSTab, _extends__default['default']({}, props, {
-    isDSMobile: true
-  }), children);
+  return /*#__PURE__*/jsxRuntime.jsx(dsBasic.DSTabs, _objectSpread(_objectSpread({}, props), {}, {
+    isDSMobile: true,
+    children: children
+  }));
+};
+const DSMobileTab = _ref2 => {
+  let {
+    children
+  } = _ref2,
+      props = _objectWithoutProperties__default["default"](_ref2, _excluded2);
+
+  return /*#__PURE__*/jsxRuntime.jsx(dsBasic.DSTab, _objectSpread(_objectSpread({}, props), {}, {
+    isDSMobile: true,
+    children: children
+  }));
 };
 
 exports.DSMobileTab = DSMobileTab;
 exports.DSMobileTabs = DSMobileTabs;
-//# sourceMappingURL=index.js.map