@elliemae/ds-mobile 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/SwipeToRefresh/styled.js

@@ -1,57 +1,28 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styled_exports = {};
-__export(styled_exports, {
-  LoaderBox: () => LoaderBox,
-  PositionLoader: () => PositionLoader,
-  SwipeContainer: () => SwipeContainer,
-  SwipeDrag: () => SwipeDrag
-});
-var React = __toESM(require("react"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_styled_components = __toESM(require("styled-components"));
-const SwipeContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  transition: height 0.2s;
-  overscroll-behavior: none;
-  height: 100%;
-`;
-const SwipeDrag = import_styled_components.default.div`
-  border: none;
-  overscroll-behavior: none;
-  overflow: auto;
-  max-height: 100%;
-`;
-const LoaderBox = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  transition: height 0.2s;
-  overflow: hidden;
-`;
-const PositionLoader = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  transition: margin 0.2s;
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsGrid = require('@elliemae/ds-grid');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const SwipeContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-pbpd8a-0"
+})(["transition:height 0.2s;overscroll-behavior:none;height:100%;"]);
+const SwipeDrag = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-pbpd8a-1"
+})(["border:none;overscroll-behavior:none;overflow:auto;max-height:100%;"]);
+const LoaderBox = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-pbpd8a-2"
+})(["transition:height 0.2s;overflow:hidden;"]);
+const PositionLoader = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
+  componentId: "sc-pbpd8a-3"
+})(["transition:margin 0.2s;"]);
+
+exports.LoaderBox = LoaderBox;
+exports.PositionLoader = PositionLoader;
+exports.SwipeContainer = SwipeContainer;
+exports.SwipeDrag = SwipeDrag;

package/cjs/SwipeToRefresh/useSwipe.js

@@ -1,83 +1,73 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useSwipe_exports = {};
-__export(useSwipe_exports, {
-  useSwipe: () => useSwipe
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const useSwipe = ({ onRefresh, breakpoint }) => {
-  const [startingPoint, setStartingPoint] = (0, import_react.useState)(0);
-  const [movingPoint, setMovingPoint] = (0, import_react.useState)(0);
-  const ref = (0, import_react.useRef)();
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+
+const useSwipe = _ref => {
+  let {
+    onRefresh,
+    breakpoint
+  } = _ref;
+  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] = (0, import_react.useState)(false);
-  const callback = (entries) => {
-    const { isIntersecting } = entries[0];
+  const [allowRefresh, setAllowRefresh] = React.useState(false);
+
+  const callback = entries => {
+    const {
+      isIntersecting
+    } = entries[0];
+
     if (isIntersecting) {
       setAllowRefresh(true);
     } else {
       setAllowRefresh(false);
     }
   };
-  const target = (0, import_react.useRef)(null);
-  const observer = (0, import_react.useRef)(null);
+
+  const target = React.useRef(null);
+  const observer = React.useRef(null);
+
   if (observer.current) {
     observer.current.disconnect();
   }
+
   observer.current = new IntersectionObserver(callback, {
     root: null,
-    rootMargin: "0px",
+    rootMargin: '0px',
     threshold: 0.25
   });
+
   if (target.current) {
     observer.current.observe(target.current);
   }
-  const touchStart = (e) => {
-    const { scrollTop } = ref.current;
-    if (scrollTop < 5)
-      setStartingPoint(e.touches[0].clientY);
+
+  const touchStart = e => {
+    const {
+      scrollTop
+    } = ref.current;
+    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);
   };
-  const touchMove = (e) => {
+
+  const touchMove = e => {
     setMovingPoint(e.touches[0].clientY);
   };
+
   return {
     height,
     touchStart,
@@ -88,5 +78,5 @@ const useSwipe = ({ onRefresh, breakpoint }) => {
     target
   };
 };
-module.exports = __toCommonJS(useSwipe_exports);
-//# sourceMappingURL=useSwipe.js.map
+
+exports.useSwipe = useSwipe;

package/cjs/Tabs/index.js

@@ -1,53 +1,57 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var reactDesc = require('react-desc');
+var dsTabs = require('@elliemae/ds-tabs');
+var propTypes = require('./propTypes.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+const _excluded = ["children"],
+      _excluded2 = ["children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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__*/jsxRuntime.jsx(dsTabs.DSTabs, _objectSpread(_objectSpread({}, props), {}, {
+    isDSMobile: true,
+    children: children
+  }));
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
+const DSMobileTab = _ref2 => {
+  let {
+    children
+  } = _ref2,
+      props = _objectWithoutProperties__default["default"](_ref2, _excluded2);
+
+  return /*#__PURE__*/jsxRuntime.jsx(dsTabs.DSTab, _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Tabs_exports = {};
-__export(Tabs_exports, {
-  DSMobileTab: () => DSMobileTab,
-  DSMobileTabWithSchema: () => DSMobileTabWithSchema,
-  DSMobileTabs: () => DSMobileTabs,
-  DSMobileTabsWithSchema: () => DSMobileTabsWithSchema
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_tabs = __toESM(require("@elliemae/ds-tabs"));
-var import_propTypes = __toESM(require("./propTypes"));
-const DSMobileTabs = ({ children, ...props }) => /* @__PURE__ */ React.createElement(import_ds_tabs.DSTabs, {
-  ...props,
-  isDSMobile: true
-}, children);
-const DSMobileTab = ({ children, ...props }) => /* @__PURE__ */ React.createElement(import_ds_tabs.DSTab, {
-  ...props
-}, children);
-DSMobileTabs.propTypes = import_propTypes.MobileTabsPropTypes;
-const DSMobileTabsWithSchema = (0, import_react_desc.describe)(DSMobileTabs);
-DSMobileTabsWithSchema.propTypes = import_propTypes.MobileTabsPropTypes;
-DSMobileTab.propTypes = import_propTypes.MobileTabPropTypes;
-const DSMobileTabWithSchema = (0, import_react_desc.describe)(DSMobileTab);
-DSMobileTabWithSchema.propTypes = import_propTypes.MobileTabPropTypes;
-module.exports = __toCommonJS(Tabs_exports);
-//# sourceMappingURL=index.js.map
+const DSMobileTabsWithSchema = reactDesc.describe(DSMobileTabs);
+DSMobileTabsWithSchema.propTypes = propTypes.MobileTabsPropTypes;
+const DSMobileTabWithSchema = reactDesc.describe(DSMobileTab);
+DSMobileTabWithSchema.propTypes = propTypes.MobileTabPropTypes;
+
+exports.DSMobileTab = DSMobileTab;
+exports.DSMobileTabWithSchema = DSMobileTabWithSchema;
+exports.DSMobileTabs = DSMobileTabs;
+exports.DSMobileTabsWithSchema = DSMobileTabsWithSchema;

package/cjs/Tabs/propTypes.js

@@ -1,53 +1,28 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var propTypes_exports = {};
-__export(propTypes_exports, {
-  MobileTabPropTypes: () => MobileTabPropTypes,
-  MobileTabsPropTypes: () => MobileTabsPropTypes
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
 const MobileTabPropTypes = {
-  tabId: import_react_desc.PropTypes.string.description("Unique Tab id.").defaultValue(""),
-  title: import_react_desc.PropTypes.string.description("Tab title.").defaultValue(""),
-  required: import_react_desc.PropTypes.bool.description("Show a required mark next to the title.").defaultValue(false),
-  disabled: import_react_desc.PropTypes.bool.description("Disables Tab.").defaultValue(false)
+  tabId: reactDesc.PropTypes.string.description('Unique Tab id.').defaultValue(''),
+  title: reactDesc.PropTypes.string.description('Tab title.').defaultValue(''),
+  required: reactDesc.PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),
+  disabled: reactDesc.PropTypes.bool.description('Disables Tab.').defaultValue(false)
 };
 const MobileTabsPropTypes = {
-  onTabChange: import_react_desc.PropTypes.func.description("Handler when a user clicks on a different Tab.").defaultValue("() => {}"),
-  tabBarExtraContent: import_react_desc.PropTypes.element.description("Extra content next to the Tabs Bar.").defaultValue(void 0),
-  onlyRenderActiveTab: import_react_desc.PropTypes.bool.description("Only renders the active Tab in the DOM.").defaultValue(false),
-  fixedTabsHeaders: import_react_desc.PropTypes.bool.description("Enables fixed Tabs mode. Makes Tab Bar non scrollable and adds equal fixed widths.").defaultValue(false),
-  activeTab: import_react_desc.PropTypes.string.description("Passing a value makes DSTabs a controlled component.").defaultValue("First DSTab children."),
-  children: import_react_desc.PropTypes.node.description("Use DSTab component as children.").isRequired,
-  tabsListAriaLabel: import_react_desc.PropTypes.string.description("Aria label for the Tab list.").defaultValue("Tab list."),
-  containerProps: import_react_desc.PropTypes.object.description("Additional properties for the container.").defaultValue({}),
-  innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.any })]).description("Ref to the container.").defaultValue(void 0)
+  onTabChange: reactDesc.PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),
+  tabBarExtraContent: reactDesc.PropTypes.element.description('Extra content next to the Tabs Bar.').defaultValue(undefined),
+  onlyRenderActiveTab: reactDesc.PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),
+  fixedTabsHeaders: reactDesc.PropTypes.bool.description('Enables fixed Tabs mode. Makes Tab Bar non scrollable and adds equal fixed widths.').defaultValue(false),
+  activeTab: reactDesc.PropTypes.string.description('Passing a value makes DSTabs a controlled component.').defaultValue('First DSTab children.'),
+  children: reactDesc.PropTypes.node.description('Use DSTab component as children.').isRequired,
+  tabsListAriaLabel: reactDesc.PropTypes.string.description('Aria label for the Tab list.').defaultValue('Tab list.'),
+  containerProps: reactDesc.PropTypes.object.description('Additional properties for the container.').defaultValue({}),
+  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.shape({
+    current: reactDesc.PropTypes.any
+  })]).description('Ref to the container.').defaultValue(undefined)
 };
-module.exports = __toCommonJS(propTypes_exports);
-//# sourceMappingURL=propTypes.js.map
+
+exports.MobileTabPropTypes = MobileTabPropTypes;
+exports.MobileTabsPropTypes = MobileTabsPropTypes;