@elliemae/ds-mobile 3.16.0-next.11 → 3.16.0-next.13

package/dist/esm/SwipeToRefresh/SwipeToRefresh.js

@@ -45,8 +45,11 @@ const SwipeToRefresh = ({ children, loading, onRefresh }) => {
   ) });
 };
 const props = {
+  /** component inside swipe to refresh container */
   children: PropTypes.element.isRequired.description("component inside swipe to refresh container"),
+  /** toggle loading state for swipe */
   loading: PropTypes.bool.description("toggle loading state for swipe"),
+  /** callback on refresh swipe */
   onRefresh: PropTypes.func.description("callback on refresh swipe")
 };
 SwipeToRefresh.propTypes = props;

package/dist/esm/SwipeToRefresh/SwipeToRefresh.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/SwipeToRefresh.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { useTheme } from '@elliemae/ds-system';\nimport { useSwipe } from './useSwipe.js';\nimport { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled.js';\nimport { ProgressIndicator } from './ProgressIndicator.js';\n\nconst SwipeToRefresh = ({ children, loading, onRefresh }) => {\n  const breakpoint = 60;\n  const theme = useTheme();\n  const swipe = useSwipe({ onRefresh, breakpoint });\n  const progress = swipe.height > breakpoint ? 100 : (swipe.height * 100) / breakpoint;\n  return (\n    <SwipeContainer>\n      <SwipeDrag\n        onTouchStart={swipe.touchStart}\n        onTouchEnd={swipe.touchEnd}\n        onTouchCancel={swipe.touchCancel}\n        onTouchMove={swipe.touchMove}\n        ref={swipe.ref}\n      >\n        <LoaderBox\n          height={loading ? theme.space.m : `${swipe.height}px`}\n          alignItems=\"flex-start\"\n          data-testid=\"loader-box\"\n        >\n          <PositionLoader\n            height={theme.space.m}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            mt={swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`}\n          >\n            {loading ? <DSCircularProgressIndicator /> : <ProgressIndicator progress={progress} />}\n          </PositionLoader>\n        </LoaderBox>\n        <div ref={swipe.target} style={{ height: 1 }} />\n        {children}\n      </SwipeDrag>\n    </SwipeContainer>\n  );\n};\n\nconst props = {\n  /** component inside swipe to refresh container */\n  children: PropTypes.element.isRequired.description('component inside swipe to refresh container'),\n  /** toggle loading state for swipe */\n  loading: PropTypes.bool.description('toggle loading state for swipe'),\n  /** callback on refresh swipe */\n  onRefresh: PropTypes.func.description('callback on refresh swipe'),\n};\n\nSwipeToRefresh.propTypes = props;\nSwipeToRefresh.displayName = 'SwipeToRefresh';\nconst SwipeToRefreshWithSchema = describe(SwipeToRefresh);\n\nSwipeToRefreshWithSchema.propTypes = props;\n\nexport { SwipeToRefresh, SwipeToRefreshWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACejB,SAkBiB,KAlBjB;AAdN,SAAS,WAAW,gBAAgB;AACpC,SAAS,mCAAmC;AAC5C,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,gBAAgB,WAAW,WAAW,sBAAsB;AACrE,SAAS,yBAAyB;AAElC,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,UAAU,MAAM;AAC3D,QAAM,aAAa;AACnB,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,SAAS,EAAE,WAAW,WAAW,CAAC;AAChD,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,oBAAC,kBACC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,eAAe,MAAM;AAAA,MACrB,aAAa,MAAM;AAAA,MACnB,KAAK,MAAM;AAAA,MAEX;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,UAAU,MAAM,MAAM,IAAI,GAAG,MAAM;AAAA,YAC3C,YAAW;AAAA,YACX,eAAY;AAAA,YAEZ;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ,MAAM,MAAM;AAAA,gBACpB,gBAAe;AAAA,gBACf,YAAW;AAAA,gBACX,IAAI,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,MAAM,SAAS;AAAA,gBAExD,oBAAU,oBAAC,+BAA4B,IAAK,oBAAC,qBAAkB,UAAoB;AAAA;AAAA,YACtF;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,SAAI,KAAK,MAAM,QAAQ,OAAO,EAAE,QAAQ,EAAE,GAAG;AAAA,QAC7C;AAAA;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,QAAQ,WAAW,YAAY,6CAA6C;AAAA,EAEhG,SAAS,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAEpE,WAAW,UAAU,KAAK,YAAY,2BAA2B;AACnE;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AAExD,yBAAyB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACejB,SAkBiB,KAlBjB;AAdN,SAAS,WAAW,gBAAgB;AACpC,SAAS,mCAAmC;AAC5C,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,gBAAgB,WAAW,WAAW,sBAAsB;AACrE,SAAS,yBAAyB;AAElC,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,UAAU,MAAM;AAC3D,QAAM,aAAa;AACnB,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,SAAS,EAAE,WAAW,WAAW,CAAC;AAChD,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,oBAAC,kBACC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,eAAe,MAAM;AAAA,MACrB,aAAa,MAAM;AAAA,MACnB,KAAK,MAAM;AAAA,MAEX;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,UAAU,MAAM,MAAM,IAAI,GAAG,MAAM;AAAA,YAC3C,YAAW;AAAA,YACX,eAAY;AAAA,YAEZ;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ,MAAM,MAAM;AAAA,gBACpB,gBAAe;AAAA,gBACf,YAAW;AAAA,gBACX,IAAI,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,MAAM,SAAS;AAAA,gBAExD,oBAAU,oBAAC,+BAA4B,IAAK,oBAAC,qBAAkB,UAAoB;AAAA;AAAA,YACtF;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,SAAI,KAAK,MAAM,QAAQ,OAAO,EAAE,QAAQ,EAAE,GAAG;AAAA,QAC7C;AAAA;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,UAAU,UAAU,QAAQ,WAAW,YAAY,6CAA6C;AAAA;AAAA,EAEhG,SAAS,UAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA,EAEpE,WAAW,UAAU,KAAK,YAAY,2BAA2B;AACnE;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AAExD,yBAAyB,YAAY;",
   "names": []
 }

package/dist/esm/SwipeToRefresh/useSwipe.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/useSwipe.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState, useRef, useEffect } from 'react';\n\nexport const useSwipe = ({ onRefresh, breakpoint }) => {\n  const [startingPoint, setStartingPoint] = useState(0);\n  const [movingPoint, setMovingPoint] = useState(0);\n  const ref = useRef();\n  const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;\n  const [allowRefresh, setAllowRefresh] = useState(false);\n\n  const callback = (entries) => {\n    const { isIntersecting } = entries[0];\n    if (isIntersecting) {\n      setAllowRefresh(true);\n    } else {\n      setAllowRefresh(false);\n    }\n  };\n  const target = useRef(null);\n  const observer = useRef(null);\n  if (observer.current) {\n    observer.current.disconnect();\n  }\n  observer.current = new IntersectionObserver(callback, {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.25,\n  });\n  if (target.current) {\n    observer.current.observe(target.current);\n  }\n\n  const touchStart = (e) => {\n    const { scrollTop } = ref.current;\n    if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);\n  };\n  const touchEnd = () => {\n    if (height > breakpoint && allowRefresh && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchCancel = () => {\n    if (height > breakpoint && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchMove = (e) => {\n    setMovingPoint(e.touches[0].clientY);\n  };\n\n  return {\n    height,\n    touchStart,\n    touchEnd,\n    touchCancel,\n    touchMove,\n    ref,\n    target,\n  };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,cAAyB;AAErC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,MAAM;AACrD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,MAAM,OAAO;AACnB,QAAM,SAAS,eAAe,gBAAgB,cAAc,gBAAgB;AAC5E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,WAAW,CAAC,YAAY;AAC5B,UAAM,EAAE,eAAe,IAAI,QAAQ;AACnC,QAAI,gBAAgB;AAClB,sBAAgB,IAAI;AAAA,IACtB,OAAO;AACL,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AACA,QAAM,SAAS,OAAO,IAAI;AAC1B,QAAM,WAAW,OAAO,IAAI;AAC5B,MAAI,SAAS,SAAS;AACpB,aAAS,QAAQ,WAAW;AAAA,EAC9B;AACA,WAAS,UAAU,IAAI,qBAAqB,UAAU;AAAA,IACpD,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb,CAAC;AACD,MAAI,OAAO,SAAS;AAClB,aAAS,QAAQ,QAAQ,OAAO,OAAO;AAAA,EACzC;AAEA,QAAM,aAAa,CAAC,MAAM;AACxB,UAAM,EAAE,UAAU,IAAI,IAAI;AAC1B,QAAI,YAAY;AAAG,uBAAiB,EAAE,QAAQ,GAAG,OAAO;AAAA,EAC1D;AACA,QAAM,WAAW,MAAM;AACrB,QAAI,SAAS,cAAc,gBAAgB;AAAW,gBAAU;AAChE,qBAAiB,CAAC;AAClB,mBAAe,CAAC;AAAA,EAClB;AACA,QAAM,cAAc,MAAM;AACxB,QAAI,SAAS,cAAc;AAAW,gBAAU;AAChD,qBAAiB,CAAC;AAClB,mBAAe,CAAC;AAAA,EAClB;AACA,QAAM,YAAY,CAAC,MAAM;AACvB,mBAAe,EAAE,QAAQ,GAAG,OAAO;AAAA,EACrC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,cAAyB;AAErC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,MAAM;AACrD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,MAAM,OAAO;AACnB,QAAM,SAAS,eAAe,gBAAgB,cAAc,gBAAgB;AAC5E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,WAAW,CAAC,YAAY;AAC5B,UAAM,EAAE,eAAe,IAAI,QAAQ,CAAC;AACpC,QAAI,gBAAgB;AAClB,sBAAgB,IAAI;AAAA,IACtB,OAAO;AACL,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AACA,QAAM,SAAS,OAAO,IAAI;AAC1B,QAAM,WAAW,OAAO,IAAI;AAC5B,MAAI,SAAS,SAAS;AACpB,aAAS,QAAQ,WAAW;AAAA,EAC9B;AACA,WAAS,UAAU,IAAI,qBAAqB,UAAU;AAAA,IACpD,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb,CAAC;AACD,MAAI,OAAO,SAAS;AAClB,aAAS,QAAQ,QAAQ,OAAO,OAAO;AAAA,EACzC;AAEA,QAAM,aAAa,CAAC,MAAM;AACxB,UAAM,EAAE,UAAU,IAAI,IAAI;AAC1B,QAAI,YAAY;AAAG,uBAAiB,EAAE,QAAQ,CAAC,EAAE,OAAO;AAAA,EAC1D;AACA,QAAM,WAAW,MAAM;AACrB,QAAI,SAAS,cAAc,gBAAgB;AAAW,gBAAU;AAChE,qBAAiB,CAAC;AAClB,mBAAe,CAAC;AAAA,EAClB;AACA,QAAM,cAAc,MAAM;AACxB,QAAI,SAAS,cAAc;AAAW,gBAAU;AAChD,qBAAiB,CAAC;AAClB,mBAAe,CAAC;AAAA,EAClB;AACA,QAAM,YAAY,CAAC,MAAM;AACvB,mBAAe,EAAE,QAAQ,CAAC,EAAE,OAAO;AAAA,EACrC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/Tabs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Tabs/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSTabs, DSTab } from '@elliemae/ds-tabs';\nimport type { DSTabsT, DSTabT } from '@elliemae/ds-tabs';\nimport { MobileTabsPropTypes, MobileTabPropTypes } from './propTypes.js';\n\ntype DSMobileTabsPropsT = Omit<\n  DSTabsT.InternalProps,\n  'animated' | 'enableMouseEvents' | 'allowTextSelection' | 'type' | 'isDSMobile' | 'withCarousel'\n>;\n\ntype DSMobileTabPropsT = Omit<DSTabT.Props, 'isDSMobile'>;\n\nexport const DSMobileTabs = ({ children, ...props }: DSMobileTabsPropsT) => (\n  <DSTabs {...props} isDSMobile>\n    {children}\n  </DSTabs>\n);\n\nexport const DSMobileTab = ({ children, ...props }: DSMobileTabPropsT) => <DSTab {...props}>{children}</DSTab>;\n\nDSMobileTabs.propTypes = MobileTabsPropTypes as WeakValidationMap<unknown>;\nDSMobileTabs.displayName = 'DSMobileTabs';\nconst DSMobileTabsWithSchema = describe(DSMobileTabs);\nDSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;\n\nDSMobileTab.propTypes = MobileTabPropTypes as WeakValidationMap<unknown>;\nDSMobileTab.displayName = 'DSMobileTab';\nconst DSMobileTabWithSchema = describe(DSMobileTab);\nDSMobileTabWithSchema.propTypes = MobileTabPropTypes;\n\nexport { DSMobileTabsWithSchema, DSMobileTabWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACcrB;AAbF,SAAS,gBAAgB;AACzB,SAAS,QAAQ,aAAa;AAE9B,SAAS,qBAAqB,0BAA0B;AASjD,MAAM,eAAe,CAAC,EAAE,aAAa,MAAM,MAChD,oBAAC,UAAQ,GAAG,OAAO,YAAU,MAC1B,UACH;AAGK,MAAM,cAAc,CAAC,EAAE,aAAa,MAAM,MAAyB,oBAAC,SAAO,GAAG,OAAQ,UAAS;AAEtG,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACcrB;AAbF,SAAS,gBAAgB;AACzB,SAAS,QAAQ,aAAa;AAE9B,SAAS,qBAAqB,0BAA0B;AASjD,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,MAAM,MAChD,oBAAC,UAAQ,GAAG,OAAO,YAAU,MAC1B,UACH;AAGK,MAAM,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,MAAyB,oBAAC,SAAO,GAAG,OAAQ,UAAS;AAEtG,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mobile",
-  "version": "3.16.0-next.11",
+  "version": "3.16.0-next.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "files": [
@@ -435,33 +435,33 @@
     "typeSafety": false
   },
   "dependencies": {
-    "polished": "~3.6.7",
+    "polished": "~4.2.2",
     "prop-types": "~15.8.1",
-    "react-window": "~1.8.7",
-    "react-window-infinite-loader": "~1.0.7",
-    "@elliemae/ds-accordion": "3.16.0-next.11",
-    "@elliemae/ds-backdrop": "3.16.0-next.11",
-    "@elliemae/ds-button": "3.16.0-next.11",
-    "@elliemae/ds-circular-progress-indicator": "3.16.0-next.11",
-    "@elliemae/ds-form": "3.16.0-next.11",
-    "@elliemae/ds-form-checkbox": "3.16.0-next.11",
-    "@elliemae/ds-grid": "3.16.0-next.11",
-    "@elliemae/ds-icon": "3.16.0-next.11",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.16.0-next.11",
-    "@elliemae/ds-icons": "3.16.0-next.11",
-    "@elliemae/ds-props-helpers": "3.16.0-next.11",
-    "@elliemae/ds-shared": "3.16.0-next.11",
-    "@elliemae/ds-system": "3.16.0-next.11",
-    "@elliemae/ds-tabs": "3.16.0-next.11",
-    "@elliemae/ds-truncated-expandable-text": "3.16.0-next.11",
-    "@elliemae/ds-utilities": "3.16.0-next.11"
+    "react-window": "~1.8.8",
+    "react-window-infinite-loader": "~1.0.8",
+    "@elliemae/ds-accordion": "3.16.0-next.13",
+    "@elliemae/ds-backdrop": "3.16.0-next.13",
+    "@elliemae/ds-button": "3.16.0-next.13",
+    "@elliemae/ds-circular-progress-indicator": "3.16.0-next.13",
+    "@elliemae/ds-form": "3.16.0-next.13",
+    "@elliemae/ds-form-checkbox": "3.16.0-next.13",
+    "@elliemae/ds-grid": "3.16.0-next.13",
+    "@elliemae/ds-icon": "3.16.0-next.13",
+    "@elliemae/ds-icons": "3.16.0-next.13",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.16.0-next.13",
+    "@elliemae/ds-props-helpers": "3.16.0-next.13",
+    "@elliemae/ds-shared": "3.16.0-next.13",
+    "@elliemae/ds-system": "3.16.0-next.13",
+    "@elliemae/ds-tabs": "3.16.0-next.13",
+    "@elliemae/ds-truncated-expandable-text": "3.16.0-next.13",
+    "@elliemae/ds-utilities": "3.16.0-next.13"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.6.0",
-    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
-    "styled-components": "~5.3.6",
+    "styled-components": "~5.3.9",
     "styled-system": "~5.1.5"
   },
   "peerDependencies": {