@elliemae/ds-mobile 3.25.0-next.4 → 3.25.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -72,7 +72,7 @@ const SwipeToRefresh = ({ children, loading, onRefresh }) => {
|
|
|
72
72
|
)
|
|
73
73
|
}
|
|
74
74
|
),
|
|
75
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
75
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: swipe.target, style: { height: 1 } }),
|
|
76
76
|
children
|
|
77
77
|
]
|
|
78
78
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/SwipeToRefresh/SwipeToRefresh.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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 innerRef={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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADejB;AAdN,8BAAoC;AACpC,4CAA4C;AAC5C,uBAAyB;AACzB,sBAAyB;AACzB,oBAAqE;AACrE,+BAAkC;AAElC,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,UAAU,MAAM;AAC3D,QAAM,aAAa;AACnB,QAAM,YAAQ,2BAAS;AACvB,QAAM,YAAQ,0BAAS,EAAE,WAAW,WAAW,CAAC;AAChD,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,4CAAC,gCACC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,eAAe,MAAM;AAAA,MACrB,aAAa,MAAM;AAAA,MACnB,UAAU,MAAM;AAAA,MAEhB;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,4CAAC,qEAA4B,IAAK,4CAAC,8CAAkB,UAAoB;AAAA;AAAA,YACtF;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,SAAI,
|
|
4
|
+
"sourcesContent": ["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 innerRef={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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADejB;AAdN,8BAAoC;AACpC,4CAA4C;AAC5C,uBAAyB;AACzB,sBAAyB;AACzB,oBAAqE;AACrE,+BAAkC;AAElC,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,UAAU,MAAM;AAC3D,QAAM,aAAa;AACnB,QAAM,YAAQ,2BAAS;AACvB,QAAM,YAAQ,0BAAS,EAAE,WAAW,WAAW,CAAC;AAChD,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,4CAAC,gCACC;AAAA,IAAC;AAAA;AAAA,MACC,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,eAAe,MAAM;AAAA,MACrB,aAAa,MAAM;AAAA,MACnB,UAAU,MAAM;AAAA,MAEhB;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,4CAAC,qEAA4B,IAAK,4CAAC,8CAAkB,UAAoB;AAAA;AAAA,YACtF;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,SAAI,KAAK,MAAM,QAAQ,OAAO,EAAE,QAAQ,EAAE,GAAG;AAAA,QAC7C;AAAA;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,UAAU,kCAAU,QAAQ,WAAW,YAAY,6CAA6C;AAAA;AAAA,EAEhG,SAAS,kCAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA,EAEpE,WAAW,kCAAU,KAAK,YAAY,2BAA2B;AACnE;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc;AAExD,yBAAyB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/SwipeToRefresh.tsx"],
|
|
4
|
-
"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 innerRef={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
|
|
5
|
-
"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,UAAU,MAAM;AAAA,MAEhB;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,
|
|
4
|
+
"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 innerRef={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"],
|
|
5
|
+
"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,UAAU,MAAM;AAAA,MAEhB;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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-mobile",
|
|
3
|
-
"version": "3.25.0-
|
|
3
|
+
"version": "3.25.0-rc.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - System",
|
|
6
6
|
"files": [
|
|
@@ -439,30 +439,30 @@
|
|
|
439
439
|
"prop-types": "~15.8.1",
|
|
440
440
|
"react-window": "~1.8.8",
|
|
441
441
|
"react-window-infinite-loader": "~1.0.8",
|
|
442
|
-
"@elliemae/ds-
|
|
443
|
-
"@elliemae/ds-button": "3.25.0-
|
|
444
|
-
"@elliemae/ds-
|
|
445
|
-
"@elliemae/ds-
|
|
446
|
-
"@elliemae/ds-
|
|
447
|
-
"@elliemae/ds-
|
|
448
|
-
"@elliemae/ds-
|
|
449
|
-
"@elliemae/ds-grid": "3.25.0-
|
|
450
|
-
"@elliemae/ds-icon": "3.25.0-
|
|
451
|
-
"@elliemae/ds-
|
|
452
|
-
"@elliemae/ds-
|
|
453
|
-
"@elliemae/ds-
|
|
454
|
-
"@elliemae/ds-
|
|
455
|
-
"@elliemae/ds-
|
|
456
|
-
"@elliemae/ds-
|
|
457
|
-
"@elliemae/ds-
|
|
458
|
-
"@elliemae/ds-
|
|
442
|
+
"@elliemae/ds-accordion": "3.25.0-rc.0",
|
|
443
|
+
"@elliemae/ds-button": "3.25.0-rc.0",
|
|
444
|
+
"@elliemae/ds-backdrop": "3.25.0-rc.0",
|
|
445
|
+
"@elliemae/ds-button-v2": "3.25.0-rc.0",
|
|
446
|
+
"@elliemae/ds-form": "3.25.0-rc.0",
|
|
447
|
+
"@elliemae/ds-circular-progress-indicator": "3.25.0-rc.0",
|
|
448
|
+
"@elliemae/ds-form-checkbox": "3.25.0-rc.0",
|
|
449
|
+
"@elliemae/ds-grid": "3.25.0-rc.0",
|
|
450
|
+
"@elliemae/ds-icon": "3.25.0-rc.0",
|
|
451
|
+
"@elliemae/ds-props-helpers": "3.25.0-rc.0",
|
|
452
|
+
"@elliemae/ds-icons": "3.25.0-rc.0",
|
|
453
|
+
"@elliemae/ds-system": "3.25.0-rc.0",
|
|
454
|
+
"@elliemae/ds-indeterminate-progress-indicator": "3.25.0-rc.0",
|
|
455
|
+
"@elliemae/ds-shared": "3.25.0-rc.0",
|
|
456
|
+
"@elliemae/ds-truncated-expandable-text": "3.25.0-rc.0",
|
|
457
|
+
"@elliemae/ds-utilities": "3.25.0-rc.0",
|
|
458
|
+
"@elliemae/ds-tabs": "3.25.0-rc.0"
|
|
459
459
|
},
|
|
460
460
|
"devDependencies": {
|
|
461
461
|
"@elliemae/pui-cli": "~9.0.0-next.31",
|
|
462
462
|
"@elliemae/pui-theme": "~2.7.0",
|
|
463
463
|
"styled-components": "~5.3.9",
|
|
464
464
|
"styled-system": "~5.1.5",
|
|
465
|
-
"@elliemae/ds-monorepo-devops": "3.25.0-
|
|
465
|
+
"@elliemae/ds-monorepo-devops": "3.25.0-rc.0"
|
|
466
466
|
},
|
|
467
467
|
"peerDependencies": {
|
|
468
468
|
"@elliemae/pui-theme": "^2.6.0",
|