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

package/esm/SwipeToRefresh/useSwipe.js

@@ -1,30 +1,21 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef } from 'react';
 
-var useSwipe = function useSwipe(_ref) {
-  var onRefresh = _ref.onRefresh,
-      breakpoint = _ref.breakpoint;
-
-  var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      startingPoint = _useState2[0],
-      setStartingPoint = _useState2[1];
-
-  var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      movingPoint = _useState4[0],
-      setMovingPoint = _useState4[1];
-
-  var ref = useRef();
-  var height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;
-
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      allowRefresh = _useState6[0],
-      setAllowRefresh = _useState6[1];
-
-  var callback = function callback(entries) {
-    var isIntersecting = entries[0].isIntersecting;
+const useSwipe = _ref => {
+  let {
+    onRefresh,
+    breakpoint
+  } = _ref;
+  const [startingPoint, setStartingPoint] = useState(0);
+  const [movingPoint, setMovingPoint] = useState(0);
+  const ref = useRef();
+  const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;
+  const [allowRefresh, setAllowRefresh] = useState(false);
+
+  const callback = entries => {
+    const {
+      isIntersecting
+    } = entries[0];
 
     if (isIntersecting) {
       setAllowRefresh(true);
@@ -33,8 +24,8 @@ var useSwipe = function useSwipe(_ref) {
     }
   };
 
-  var target = useRef(null);
-  var observer = useRef(null);
+  const target = useRef(null);
+  const observer = useRef(null);
 
   if (observer.current) {
     observer.current.disconnect();
@@ -50,37 +41,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
   };
 };
 
 export { useSwipe };
-//# sourceMappingURL=useSwipe.js.map

package/esm/Tabs/index.js

@@ -1,26 +1,45 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import { describe } from 'react-desc';
 import { DSTabs, DSTab } from '@elliemae/ds-tabs';
+import { MobileTabsPropTypes, MobileTabPropTypes } from './propTypes.js';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children"],
-    _excluded2 = ["children"];
-var DSMobileTabs = function DSMobileTabs(_ref) {
-  var children = _ref.children,
+const _excluded = ["children"],
+      _excluded2 = ["children"];
+
+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(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(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(DSTabs, _extends({}, props, {
-    isDSMobile: true
-  }), children);
+  return /*#__PURE__*/jsx(DSTabs, _objectSpread(_objectSpread({}, props), {}, {
+    isDSMobile: true,
+    children: children
+  }));
 };
-var DSMobileTab = function DSMobileTab(_ref2) {
-  var children = _ref2.children,
+const DSMobileTab = _ref2 => {
+  let {
+    children
+  } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded2);
 
-  return /*#__PURE__*/React.createElement(DSTab, _extends({}, props, {
-    isDSMobile: true
-  }), children);
+  return /*#__PURE__*/jsx(DSTab, _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
 };
+const DSMobileTabsWithSchema = describe(DSMobileTabs);
+DSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;
+const DSMobileTabWithSchema = describe(DSMobileTab);
+DSMobileTabWithSchema.propTypes = MobileTabPropTypes;
 
-export { DSMobileTab, DSMobileTabs };
-//# sourceMappingURL=index.js.map
+export { DSMobileTab, DSMobileTabWithSchema, DSMobileTabs, DSMobileTabsWithSchema };

package/esm/Tabs/propTypes.js

@@ -0,0 +1,23 @@
+import { PropTypes } from 'react-desc';
+
+const MobileTabPropTypes = {
+  tabId: PropTypes.string.description('Unique Tab id.').defaultValue(''),
+  title: PropTypes.string.description('Tab title.').defaultValue(''),
+  required: PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),
+  disabled: PropTypes.bool.description('Disables Tab.').defaultValue(false)
+};
+const MobileTabsPropTypes = {
+  onTabChange: PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),
+  tabBarExtraContent: PropTypes.element.description('Extra content next to the Tabs Bar.').defaultValue(undefined),
+  onlyRenderActiveTab: PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),
+  fixedTabsHeaders: PropTypes.bool.description('Enables fixed Tabs mode. Makes Tab Bar non scrollable and adds equal fixed widths.').defaultValue(false),
+  activeTab: PropTypes.string.description('Passing a value makes DSTabs a controlled component.').defaultValue('First DSTab children.'),
+  children: PropTypes.node.description('Use DSTab component as children.').isRequired,
+  tabsListAriaLabel: PropTypes.string.description('Aria label for the Tab list.').defaultValue('Tab list.'),
+  containerProps: PropTypes.object.description('Additional properties for the container.').defaultValue({}),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
+  })]).description('Ref to the container.').defaultValue(undefined)
+};
+
+export { MobileTabPropTypes, MobileTabsPropTypes };

package/esm/index.js

@@ -26,7 +26,7 @@ export { DSMobileTimePicker, DSMobileTimePickerWithSchema } from './MobileTimePi
 export { DSMobileEmptyState, DSMobileEmptyStateWithSchema } from './MobileEmtpyState/MobileEmptyState.js';
 export { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema } from './MobileDropdownMenu/MobileDropdownMenu.js';
 export { DSMobileDropdownTriggerInput } from './MobileDropdownMenu/MobileDropdownInput.js';
-export { DSMobileTab, DSMobileTabs } from './Tabs/index.js';
+export { DSMobileTab, DSMobileTabWithSchema, DSMobileTabs, DSMobileTabsWithSchema } from './Tabs/index.js';
 export { DSMobileCard } from './MobileCard/index.js';
 export { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox/CollectionBox.js';
 export { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox/CategoryBox.js';
@@ -42,58 +42,3 @@ export { MOBILE_BANNER_TYPES } from './MobileBanner/utils/bannerTypes.js';
 export { DSMobileCardWithSchema } from './MobileCard/Card.js';
 export { DSMobileCardGroupWithSchema } from './MobileCard/Group.js';
 export { SubIcons } from './MobileCard/CardIcons.js';
-import 'react';
-import 'prop-types';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-system';
-import './FullPageContainer/FullPageContainer.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import './FullPageContainer/useMobileHeight.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import './FullPageContainer/FullPageContainerScroll.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import './PageSummary/Tags.js';
-import 'lodash';
-import '@elliemae/ds-backdrop';
-import 'react-desc';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@elliemae/ds-shared/GroupContext/Group';
-import '@elliemae/ds-shared/GroupContext/GroupItem';
-import '@elliemae/ds-form';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import 'styled-system';
-import '@elliemae/ds-truncated-expandable-text';
-import './MobileSelectList/styled.js';
-import '@elliemae/ds-icon';
-import './MobileDatePicker/Input.js';
-import './MobileTimePicker/Input.js';
-import '@elliemae/ds-tabs';
-import './MobileCard/ActionAddon.js';
-import './MobileCard/StyledCard.js';
-import './MobileCard/ExpandChevron.js';
-import './MobileCard/useHeight.js';
-import 'polished';
-import './MobileCard/ExpandableRegion.js';
-import '@elliemae/ds-circular-progress-indicator';
-import './SwipeToRefresh/useSwipe.js';
-import './SwipeToRefresh/styled.js';
-import './SwipeToRefresh/ProgressIndicator.js';
-import './Icons/EM_logo.js';
-import './GlobalHeader/styles.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import './Modal/styled.js';
-import './SideNav/styles.js';
-import './InfiniteLoader/Loader.js';
-import '@elliemae/ds-indeterminate-progress-indicator';
-import './InfiniteLoader/styled.js';
-import 'react-window-infinite-loader';
-import 'react-window';
-import './MobileBanner/utils/icons.js';
-import './MobileBanner/propTypes.js';
-import './MobileBanner/defaultProps.js';
-import './MobileBanner/styles.js';
-import './MobileBanner/utils/styleHelpers.js';
-//# sourceMappingURL=index.js.map