@selfcommunity/react-ui 0.5.0-alpha.0 → 0.5.0-alpha.3
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.
- package/lib/cjs/components/AccountRecover/AccountRecover.d.ts +12 -5
- package/lib/cjs/components/AccountRecover/AccountRecover.d.ts.map +1 -1
- package/lib/cjs/components/AccountRecover/AccountRecover.js +19 -8
- package/lib/cjs/components/AccountRecover/AccountRecover.js.map +1 -1
- package/lib/cjs/components/AccountReset/AccountReset.d.ts +13 -6
- package/lib/cjs/components/AccountReset/AccountReset.d.ts.map +1 -1
- package/lib/cjs/components/AccountReset/AccountReset.js +25 -9
- package/lib/cjs/components/AccountReset/AccountReset.js.map +1 -1
- package/lib/cjs/components/AccountVerify/AccountVerify.d.ts +7 -0
- package/lib/cjs/components/AccountVerify/AccountVerify.d.ts.map +1 -1
- package/lib/cjs/components/AccountVerify/AccountVerify.js +8 -3
- package/lib/cjs/components/AccountVerify/AccountVerify.js.map +1 -1
- package/lib/cjs/components/Feed/Feed.d.ts +20 -0
- package/lib/cjs/components/Feed/Feed.d.ts.map +1 -1
- package/lib/cjs/components/Feed/Feed.js +24 -3
- package/lib/cjs/components/Feed/Feed.js.map +1 -1
- package/lib/cjs/components/Feed/prefetchedData.d.ts +287 -19
- package/lib/cjs/components/Feed/prefetchedData.d.ts.map +1 -1
- package/lib/cjs/components/Feed/prefetchedData.js +513 -1
- package/lib/cjs/components/Feed/prefetchedData.js.map +1 -1
- package/lib/cjs/shared/InfiniteScroll/index.d.ts +2 -0
- package/lib/cjs/shared/InfiniteScroll/index.d.ts.map +1 -1
- package/lib/cjs/shared/InfiniteScroll/index.js +3 -1
- package/lib/cjs/shared/InfiniteScroll/index.js.map +1 -1
- package/lib/esm/components/AccountRecover/AccountRecover.d.ts +12 -5
- package/lib/esm/components/AccountRecover/AccountRecover.d.ts.map +1 -1
- package/lib/esm/components/AccountRecover/AccountRecover.js +21 -10
- package/lib/esm/components/AccountRecover/AccountRecover.js.map +1 -1
- package/lib/esm/components/AccountReset/AccountReset.d.ts +13 -6
- package/lib/esm/components/AccountReset/AccountReset.d.ts.map +1 -1
- package/lib/esm/components/AccountReset/AccountReset.js +27 -11
- package/lib/esm/components/AccountReset/AccountReset.js.map +1 -1
- package/lib/esm/components/AccountVerify/AccountVerify.d.ts +7 -0
- package/lib/esm/components/AccountVerify/AccountVerify.d.ts.map +1 -1
- package/lib/esm/components/AccountVerify/AccountVerify.js +8 -3
- package/lib/esm/components/AccountVerify/AccountVerify.js.map +1 -1
- package/lib/esm/components/Feed/Feed.d.ts +20 -0
- package/lib/esm/components/Feed/Feed.d.ts.map +1 -1
- package/lib/esm/components/Feed/Feed.js +25 -4
- package/lib/esm/components/Feed/Feed.js.map +1 -1
- package/lib/esm/components/Feed/prefetchedData.d.ts +287 -19
- package/lib/esm/components/Feed/prefetchedData.d.ts.map +1 -1
- package/lib/esm/components/Feed/prefetchedData.js +513 -1
- package/lib/esm/components/Feed/prefetchedData.js.map +1 -1
- package/lib/esm/shared/InfiniteScroll/index.d.ts +2 -0
- package/lib/esm/shared/InfiniteScroll/index.d.ts.map +1 -1
- package/lib/esm/shared/InfiniteScroll/index.js +3 -1
- package/lib/esm/shared/InfiniteScroll/index.js.map +1 -1
- package/lib/umd/react-ui.js +2 -2
- package/lib/umd/react-ui.js.map +1 -1
- package/package.json +7 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/InfiniteScroll/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAIjE,aAAK,EAAE,GAAG,MAAM,GAAG,CAAC;AACpB,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,EAAE,CAAC;IACV,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,EAAE,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,eAAe,CAAC,EAAE,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,GAAG,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,KAAK;IACb,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,8BAA8B,EAAE,OAAO,CAAC;IACxC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACrD,KAAK,EAAE,KAAK;IAgBxB,OAAO,CAAC,yBAAyB,CAA0B;IAC3D,OAAO,CAAC,eAAe,CAAiC;IACxD,OAAO,CAAC,EAAE,CAAyD;IACnE,OAAO,CAAC,UAAU,CAA6B;IAC/C,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,SAAS,CAA6B;IAG9C,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,QAAQ,CAAS;IAIzB,OAAO,CAAC,mBAAmB,CAAK;IAEhC,iBAAiB;IA6CjB,oBAAoB;IAgBpB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAanC,MAAM,CAAC,wBAAwB,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK;;;;;;IAalE,mBAAmB,oBAYjB;IAEF,OAAO,EAAE,aAAa,CAgBpB;IAEF,MAAM,EAAE,aAAa,CAyBnB;IAEF,KAAK,EAAE,aAAa,CAqBlB;IAEF,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE,eAAe,GAAE,MAAM,GAAG,MAAY;IAgB1E,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,eAAe,GAAE,MAAM,GAAG,MAAY;IAY7E,gBAAgB,UAAW,UAAU,UAoCnC;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/InfiniteScroll/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,SAAS,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;AAIjE,aAAK,EAAE,GAAG,MAAM,GAAG,CAAC;AACpB,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,EAAE,CAAC;IACV,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,EAAE,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,eAAe,CAAC,EAAE,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,GAAG,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,KAAK;IACb,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,8BAA8B,EAAE,OAAO,CAAC;IACxC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACrD,KAAK,EAAE,KAAK;IAgBxB,OAAO,CAAC,yBAAyB,CAA0B;IAC3D,OAAO,CAAC,eAAe,CAAiC;IACxD,OAAO,CAAC,EAAE,CAAyD;IACnE,OAAO,CAAC,UAAU,CAA6B;IAC/C,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,SAAS,CAA6B;IAG9C,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,QAAQ,CAAS;IAIzB,OAAO,CAAC,mBAAmB,CAAK;IAEhC,iBAAiB;IA6CjB,oBAAoB;IAgBpB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAanC,MAAM,CAAC,wBAAwB,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK;;;;;;IAalE,mBAAmB,oBAYjB;IAEF,OAAO,EAAE,aAAa,CAgBpB;IAEF,MAAM,EAAE,aAAa,CAyBnB;IAEF,KAAK,EAAE,aAAa,CAqBlB;IAEF,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE,eAAe,GAAE,MAAM,GAAG,MAAY;IAgB1E,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,eAAe,GAAE,MAAM,GAAG,MAAY;IAY7E,gBAAgB,UAAW,UAAU,UAoCnC;IAEF,MAAM;CA0CP"}
|
|
@@ -246,6 +246,7 @@ class InfiniteScroll extends react_1.Component {
|
|
|
246
246
|
const outerDivStyle = this.props.pullDownToRefresh && this.props.height ? { overflow: 'auto' } : {};
|
|
247
247
|
return (react_1.default.createElement("div", { style: outerDivStyle, className: "infinite-scroll-component__outerdiv" },
|
|
248
248
|
react_1.default.createElement("div", { className: `infinite-scroll-component ${this.props.className || ''}`, ref: (infScroll) => (this._infScroll = infScroll), style: style },
|
|
249
|
+
this.props.header,
|
|
249
250
|
this.props.pullDownToRefresh && (react_1.default.createElement("div", { style: { position: 'relative' }, ref: (pullDown) => (this._pullDown = pullDown) },
|
|
250
251
|
react_1.default.createElement("div", { style: {
|
|
251
252
|
position: 'absolute',
|
|
@@ -257,7 +258,8 @@ class InfiniteScroll extends react_1.Component {
|
|
|
257
258
|
this.props.children,
|
|
258
259
|
!this.state.showLoaderNext && !hasChildren && this.props.hasMoreNext && this.props.loaderNext,
|
|
259
260
|
this.state.showLoaderNext && this.props.hasMoreNext && this.props.loaderNext,
|
|
260
|
-
!this.props.hasMoreNext && this.props.endMessage
|
|
261
|
+
!this.props.hasMoreNext && this.props.endMessage,
|
|
262
|
+
this.props.footer)));
|
|
261
263
|
}
|
|
262
264
|
}
|
|
263
265
|
exports.default = InfiniteScroll;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/shared/InfiniteScroll/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AACjE,yDAA2C;AAC3C,qDAAqE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/shared/InfiniteScroll/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { ButtonProps, TextFieldProps } from '@mui/material';
|
|
2
3
|
export interface AccountRecoverProps {
|
|
3
4
|
/**
|
|
@@ -5,11 +6,6 @@ export interface AccountRecoverProps {
|
|
|
5
6
|
* @default null
|
|
6
7
|
*/
|
|
7
8
|
className?: string;
|
|
8
|
-
/**
|
|
9
|
-
* Callback triggered on success sign in
|
|
10
|
-
* @default null
|
|
11
|
-
*/
|
|
12
|
-
onSuccess?: () => void;
|
|
13
9
|
/**
|
|
14
10
|
* Default props to TextField Input
|
|
15
11
|
* @default {variant: 'outlined'}
|
|
@@ -20,6 +16,15 @@ export interface AccountRecoverProps {
|
|
|
20
16
|
* @default {variant: 'contained'}
|
|
21
17
|
*/
|
|
22
18
|
ButtonProps?: ButtonProps;
|
|
19
|
+
/**
|
|
20
|
+
* Callback triggered on success sign in
|
|
21
|
+
* @default null
|
|
22
|
+
*/
|
|
23
|
+
onSuccess?: () => void;
|
|
24
|
+
/**
|
|
25
|
+
* Action component to display after success message
|
|
26
|
+
* */
|
|
27
|
+
successAction?: React.ReactNode;
|
|
23
28
|
/**
|
|
24
29
|
* Other props
|
|
25
30
|
*/
|
|
@@ -44,7 +49,9 @@ export interface AccountRecoverProps {
|
|
|
44
49
|
|Rule Name|Global class|Description|
|
|
45
50
|
|---|---|---|
|
|
46
51
|
|root|.SCAccountRecover-root|Styles applied to the root element.|
|
|
52
|
+
|form|.SCAccountRecover-form|Styles applied to the form element.|
|
|
47
53
|
|email|.SCAccountRecover-email|Styles applied to the email TextField.|
|
|
54
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
48
55
|
|
|
49
56
|
*
|
|
50
57
|
* @param inProps
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountRecover.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccountRecover.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAc,WAAW,EAAE,cAAc,EAAa,MAAM,eAAe,CAAC;AA6BnF,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;SAEK;IACL,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAiFhF"}
|
|
@@ -12,26 +12,28 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React, { useState } from 'react';
|
|
13
13
|
import { styled } from '@mui/material/styles';
|
|
14
14
|
import { useSCUser } from '@selfcommunity/react-core';
|
|
15
|
-
import { Button } from '@mui/material';
|
|
15
|
+
import { Box, Button, Typography } from '@mui/material';
|
|
16
16
|
import classNames from 'classnames';
|
|
17
|
-
import { FormattedMessage } from 'react-intl';
|
|
17
|
+
import { FormattedMessage, useIntl } from 'react-intl';
|
|
18
18
|
import EmailTextField from '../../shared/EmailTextField';
|
|
19
19
|
import { useThemeProps } from '@mui/system';
|
|
20
20
|
import { AccountService, formatHttpError } from '@selfcommunity/api-services';
|
|
21
21
|
const PREFIX = 'SCAccountRecover';
|
|
22
22
|
const classes = {
|
|
23
23
|
root: `${PREFIX}-root`,
|
|
24
|
-
|
|
24
|
+
form: `${PREFIX}-form`,
|
|
25
|
+
email: `${PREFIX}-email`,
|
|
26
|
+
success: `${PREFIX}-success`
|
|
25
27
|
};
|
|
26
|
-
const Root = styled(
|
|
28
|
+
const Root = styled(Box, {
|
|
27
29
|
name: PREFIX,
|
|
28
30
|
slot: 'Root',
|
|
29
31
|
overridesResolver: (props, styles) => styles.root
|
|
30
32
|
})(({ theme }) => ({
|
|
31
|
-
[
|
|
33
|
+
[`& .${classes.form} .MuiTextField-root, &.${classes.root} .MuiButton-root`]: {
|
|
32
34
|
margin: theme.spacing(1, 0, 1, 0)
|
|
33
35
|
},
|
|
34
|
-
[
|
|
36
|
+
[`& .${classes.form} .MuiTypography-root`]: {
|
|
35
37
|
margin: theme.spacing(1, 0, 1, 0)
|
|
36
38
|
}
|
|
37
39
|
}));
|
|
@@ -54,7 +56,9 @@ const Root = styled('form', {
|
|
|
54
56
|
|Rule Name|Global class|Description|
|
|
55
57
|
|---|---|---|
|
|
56
58
|
|root|.SCAccountRecover-root|Styles applied to the root element.|
|
|
59
|
+
|form|.SCAccountRecover-form|Styles applied to the form element.|
|
|
57
60
|
|email|.SCAccountRecover-email|Styles applied to the email TextField.|
|
|
61
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
58
62
|
|
|
59
63
|
*
|
|
60
64
|
* @param inProps
|
|
@@ -65,13 +69,15 @@ export default function AccountRecover(inProps) {
|
|
|
65
69
|
name: PREFIX
|
|
66
70
|
});
|
|
67
71
|
// PROPS
|
|
68
|
-
const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' } } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps"]);
|
|
72
|
+
const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' }, successAction = null } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps", "successAction"]);
|
|
69
73
|
// STATE
|
|
70
74
|
const [email, setEmail] = useState('');
|
|
71
75
|
const [emailError, setEmailError] = useState('');
|
|
72
76
|
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
77
|
+
const [isSucceed, setIsSucceed] = useState(false);
|
|
73
78
|
// CONTEXT
|
|
74
79
|
const scUserContext = useSCUser();
|
|
80
|
+
const intl = useIntl();
|
|
75
81
|
// HANDLERS
|
|
76
82
|
const handleChange = (event) => {
|
|
77
83
|
setEmail(event.target.value);
|
|
@@ -81,7 +87,10 @@ export default function AccountRecover(inProps) {
|
|
|
81
87
|
event.stopPropagation();
|
|
82
88
|
setIsSubmitting(true);
|
|
83
89
|
AccountService.recover({ email })
|
|
84
|
-
.then(() =>
|
|
90
|
+
.then(() => {
|
|
91
|
+
setIsSucceed(true);
|
|
92
|
+
onSuccess && onSuccess();
|
|
93
|
+
})
|
|
85
94
|
.catch((error) => {
|
|
86
95
|
const _error = formatHttpError(error);
|
|
87
96
|
if (_error.emailError) {
|
|
@@ -96,9 +105,11 @@ export default function AccountRecover(inProps) {
|
|
|
96
105
|
return null;
|
|
97
106
|
}
|
|
98
107
|
// RENDER
|
|
99
|
-
return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest,
|
|
108
|
+
return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), isSucceed ? (React.createElement(React.Fragment, null,
|
|
109
|
+
React.createElement(Typography, { className: classes.success }, intl.formatMessage({ id: 'ui.accountRecover.success', defaultMessage: 'ui.accountRecover.success' }, { email, bold: (chunks) => React.createElement("b", null, chunks) })),
|
|
110
|
+
successAction)) : (React.createElement("form", { className: classes.form, onSubmit: handleSubmit },
|
|
100
111
|
React.createElement(EmailTextField, Object.assign({ className: classes.email, disabled: isSubmitting, label: React.createElement(FormattedMessage, { id: "ui.accountRecover.email.label", defaultMessage: "ui.accountRecover.email.label" }) }, TextFieldProps, { value: email, onChange: handleChange, error: Boolean(emailError), helperText: emailError })),
|
|
101
112
|
React.createElement(Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !email || isSubmitting }),
|
|
102
|
-
React.createElement(FormattedMessage, { id: "ui.accountRecover.submit", defaultMessage: "ui.accountRecover.submit" }))));
|
|
113
|
+
React.createElement(FormattedMessage, { id: "ui.accountRecover.submit", defaultMessage: "ui.accountRecover.submit" }))))));
|
|
103
114
|
}
|
|
104
115
|
//# sourceMappingURL=AccountRecover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountRecover.js","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAoB,SAAS,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"AccountRecover.js","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ButtonProps, TextFieldProps } from '@mui/material';
|
|
3
3
|
export interface AccountResetProps {
|
|
4
4
|
/**
|
|
@@ -6,11 +6,6 @@ export interface AccountResetProps {
|
|
|
6
6
|
* @default null
|
|
7
7
|
*/
|
|
8
8
|
className?: string;
|
|
9
|
-
/**
|
|
10
|
-
* Callback triggered on success sign in
|
|
11
|
-
* @default null
|
|
12
|
-
*/
|
|
13
|
-
onSuccess?: (user: SCUserType) => void;
|
|
14
9
|
/**
|
|
15
10
|
* Default props to TextField Input
|
|
16
11
|
* @default {variant: 'outlined'}
|
|
@@ -26,6 +21,15 @@ export interface AccountResetProps {
|
|
|
26
21
|
* @default empty string
|
|
27
22
|
*/
|
|
28
23
|
validationCode: string;
|
|
24
|
+
/**
|
|
25
|
+
* Callback triggered on success sign in
|
|
26
|
+
* @default null
|
|
27
|
+
*/
|
|
28
|
+
onSuccess?: () => void;
|
|
29
|
+
/**
|
|
30
|
+
* Action component to display after success message
|
|
31
|
+
* */
|
|
32
|
+
successAction?: React.ReactNode;
|
|
29
33
|
/**
|
|
30
34
|
* Other props
|
|
31
35
|
*/
|
|
@@ -50,7 +54,10 @@ export interface AccountResetProps {
|
|
|
50
54
|
|Rule Name|Global class|Description|
|
|
51
55
|
|---|---|---|
|
|
52
56
|
|root|.SCAccountReset-root|Styles applied to the root element.|
|
|
57
|
+
|form|.SCAccountReset-form|Styles applied to the form element.|
|
|
53
58
|
|email|.SCAccountReset-password|Styles applied to the password TextField.|
|
|
59
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
60
|
+
|error|.SCAccountRecover-error|Styles applied to the error Typography.|
|
|
54
61
|
|
|
55
62
|
*
|
|
56
63
|
* @param inProps
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountReset.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountReset/AccountReset.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccountReset.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountReset/AccountReset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAc,WAAW,EAAE,cAAc,EAAa,MAAM,eAAe,CAAC;AA8BnF,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;SAEK;IACL,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,OAAO,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAsG5E"}
|
|
@@ -12,26 +12,29 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React, { useState } from 'react';
|
|
13
13
|
import { styled } from '@mui/material/styles';
|
|
14
14
|
import { useSCUser } from '@selfcommunity/react-core';
|
|
15
|
-
import { Button, Typography } from '@mui/material';
|
|
15
|
+
import { Box, Button, Typography } from '@mui/material';
|
|
16
16
|
import classNames from 'classnames';
|
|
17
|
-
import { FormattedMessage } from 'react-intl';
|
|
17
|
+
import { FormattedMessage, useIntl } from 'react-intl';
|
|
18
18
|
import { useThemeProps } from '@mui/system';
|
|
19
19
|
import { AccountService, formatHttpError } from '@selfcommunity/api-services';
|
|
20
20
|
import PasswordTextField from '../../shared/PasswordTextField';
|
|
21
21
|
const PREFIX = 'SCAccountReset';
|
|
22
22
|
const classes = {
|
|
23
23
|
root: `${PREFIX}-root`,
|
|
24
|
-
|
|
24
|
+
form: `${PREFIX}-form`,
|
|
25
|
+
password: `${PREFIX}-password`,
|
|
26
|
+
success: `${PREFIX}-success`,
|
|
27
|
+
error: `${PREFIX}-error`
|
|
25
28
|
};
|
|
26
|
-
const Root = styled(
|
|
29
|
+
const Root = styled(Box, {
|
|
27
30
|
name: PREFIX,
|
|
28
31
|
slot: 'Root',
|
|
29
32
|
overridesResolver: (props, styles) => styles.root
|
|
30
33
|
})(({ theme }) => ({
|
|
31
|
-
[
|
|
34
|
+
[`& .${classes.form} .MuiTextField-root, &.${classes.root} .MuiButton-root`]: {
|
|
32
35
|
margin: theme.spacing(1, 0, 1, 0)
|
|
33
36
|
},
|
|
34
|
-
[
|
|
37
|
+
[`& .${classes.form} .MuiTypography-root`]: {
|
|
35
38
|
margin: theme.spacing(1, 0, 1, 0)
|
|
36
39
|
}
|
|
37
40
|
}));
|
|
@@ -54,7 +57,10 @@ const Root = styled('form', {
|
|
|
54
57
|
|Rule Name|Global class|Description|
|
|
55
58
|
|---|---|---|
|
|
56
59
|
|root|.SCAccountReset-root|Styles applied to the root element.|
|
|
60
|
+
|form|.SCAccountReset-form|Styles applied to the form element.|
|
|
57
61
|
|email|.SCAccountReset-password|Styles applied to the password TextField.|
|
|
62
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
63
|
+
|error|.SCAccountRecover-error|Styles applied to the error Typography.|
|
|
58
64
|
|
|
59
65
|
*
|
|
60
66
|
* @param inProps
|
|
@@ -65,14 +71,16 @@ export default function AccountReset(inProps) {
|
|
|
65
71
|
name: PREFIX
|
|
66
72
|
});
|
|
67
73
|
// PROPS
|
|
68
|
-
const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' }, validationCode } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps", "validationCode"]);
|
|
74
|
+
const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' }, validationCode, successAction = null } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps", "validationCode", "successAction"]);
|
|
69
75
|
// STATE
|
|
70
76
|
const [password, setPassword] = useState('');
|
|
71
77
|
const [passwordError, setPasswordError] = useState('');
|
|
72
78
|
const [validationCodeError, setValidationCodeError] = useState('');
|
|
73
79
|
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
80
|
+
const [isSucceed, setIsSucceed] = useState(false);
|
|
74
81
|
// CONTEXT
|
|
75
82
|
const scUserContext = useSCUser();
|
|
83
|
+
const intl = useIntl();
|
|
76
84
|
// HANDLERS
|
|
77
85
|
const handleChange = (event) => {
|
|
78
86
|
setPassword(event.target.value);
|
|
@@ -82,10 +90,12 @@ export default function AccountReset(inProps) {
|
|
|
82
90
|
event.stopPropagation();
|
|
83
91
|
setIsSubmitting(true);
|
|
84
92
|
AccountService.reset({ validation_code: validationCode, password })
|
|
85
|
-
.then((res) =>
|
|
93
|
+
.then((res) => {
|
|
94
|
+
setIsSucceed(true);
|
|
95
|
+
onSuccess && onSuccess();
|
|
96
|
+
})
|
|
86
97
|
.catch((error) => {
|
|
87
98
|
const _error = formatHttpError(error);
|
|
88
|
-
console.log(_error);
|
|
89
99
|
if (_error.passwordError) {
|
|
90
100
|
setPasswordError(_error.passwordError.error);
|
|
91
101
|
}
|
|
@@ -101,8 +111,14 @@ export default function AccountReset(inProps) {
|
|
|
101
111
|
return null;
|
|
102
112
|
}
|
|
103
113
|
// RENDER
|
|
104
|
-
|
|
105
|
-
|
|
114
|
+
if (isSucceed) {
|
|
115
|
+
return (React.createElement(Typography, null,
|
|
116
|
+
React.createElement(FormattedMessage, { id: "ui.accountReset.success", defaultMessage: "ui.accountReset.success" })));
|
|
117
|
+
}
|
|
118
|
+
return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), isSucceed ? (React.createElement(React.Fragment, null,
|
|
119
|
+
React.createElement(Typography, { className: classes.success }, intl.formatMessage({ id: 'ui.accountReset.success', defaultMessage: 'ui.accountReset.success' })),
|
|
120
|
+
successAction)) : validationCodeError ? (React.createElement(Typography, { className: classes.error },
|
|
121
|
+
React.createElement(FormattedMessage, { id: "ui.accountReset.code.error", defaultMessage: "ui.accountReset.code.error" }))) : (React.createElement("form", { className: classes.form, onSubmit: handleSubmit },
|
|
106
122
|
React.createElement(PasswordTextField, Object.assign({ className: classes.password, disabled: isSubmitting, label: React.createElement(FormattedMessage, { id: "ui.accountReset.password.label", defaultMessage: "ui.accountReset.password.label" }) }, TextFieldProps, { value: password, onChange: handleChange, error: Boolean(passwordError), helperText: passwordError })),
|
|
107
123
|
React.createElement(Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !password || isSubmitting }),
|
|
108
124
|
React.createElement(FormattedMessage, { id: "ui.accountReset.submit", defaultMessage: "ui.accountReset.submit" }))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountReset.js","sourceRoot":"","sources":["../../../../src/components/AccountReset/AccountReset.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAoB,SAAS,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"AccountReset.js","sourceRoot":"","sources":["../../../../src/components/AccountReset/AccountReset.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,11 @@ export interface AccountVerifyProps {
|
|
|
10
10
|
* @default empty string
|
|
11
11
|
*/
|
|
12
12
|
validationCode: string;
|
|
13
|
+
/**
|
|
14
|
+
* Callback triggered on success sign in
|
|
15
|
+
* @default null
|
|
16
|
+
*/
|
|
17
|
+
onSuccess?: () => void;
|
|
13
18
|
/**
|
|
14
19
|
* Action component to display after success message
|
|
15
20
|
* */
|
|
@@ -38,6 +43,8 @@ export interface AccountVerifyProps {
|
|
|
38
43
|
|Rule Name|Global class|Description|
|
|
39
44
|
|---|---|---|
|
|
40
45
|
|root|.SCAccountVerify-root|Styles applied to the root element.|
|
|
46
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
47
|
+
|error|.SCAccountRecover-error|Styles applied to the error Typography.|
|
|
41
48
|
|
|
42
49
|
*
|
|
43
50
|
* @param inProps
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountVerify.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountVerify/AccountVerify.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AccountVerify.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountVerify/AccountVerify.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AA8BjD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;SAEK;IACL,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAiD9E"}
|
|
@@ -19,7 +19,9 @@ import { AccountService } from '@selfcommunity/api-services';
|
|
|
19
19
|
import { FormattedMessage } from 'react-intl';
|
|
20
20
|
const PREFIX = 'SCAccountVerify';
|
|
21
21
|
const classes = {
|
|
22
|
-
root: `${PREFIX}-root
|
|
22
|
+
root: `${PREFIX}-root`,
|
|
23
|
+
success: `${PREFIX}-success`,
|
|
24
|
+
error: `${PREFIX}-error`
|
|
23
25
|
};
|
|
24
26
|
const Root = styled(Typography, {
|
|
25
27
|
name: PREFIX,
|
|
@@ -52,6 +54,8 @@ const Root = styled(Typography, {
|
|
|
52
54
|
|Rule Name|Global class|Description|
|
|
53
55
|
|---|---|---|
|
|
54
56
|
|root|.SCAccountVerify-root|Styles applied to the root element.|
|
|
57
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
58
|
+
|error|.SCAccountRecover-error|Styles applied to the error Typography.|
|
|
55
59
|
|
|
56
60
|
*
|
|
57
61
|
* @param inProps
|
|
@@ -73,7 +77,8 @@ export default function AccountVerify(inProps) {
|
|
|
73
77
|
setIsValidating(true);
|
|
74
78
|
setError(false);
|
|
75
79
|
AccountService.verify({ validation_code: validationCode })
|
|
76
|
-
.
|
|
80
|
+
.then(() => onSuccess && onSuccess())
|
|
81
|
+
.catch(() => setError(true))
|
|
77
82
|
.then(() => setIsValidating(false));
|
|
78
83
|
}, [validationCode]);
|
|
79
84
|
if (scUserContext.user !== null) {
|
|
@@ -81,7 +86,7 @@ export default function AccountVerify(inProps) {
|
|
|
81
86
|
return null;
|
|
82
87
|
}
|
|
83
88
|
// RENDER
|
|
84
|
-
return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), isValidating ? (React.createElement(React.Fragment, null,
|
|
89
|
+
return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className, { [classes.error]: error, [classes.success]: !isValidating && !error }) }, rest), isValidating ? (React.createElement(React.Fragment, null,
|
|
85
90
|
React.createElement(CircularProgress, null),
|
|
86
91
|
React.createElement(FormattedMessage, { id: "ui.accountVerify.verifying", defaultMessage: "ui.accountVerify.verifying" }))) : error ? (React.createElement(FormattedMessage, { id: "ui.accountVerify.error", defaultMessage: "ui.accountVerify.error" })) : (React.createElement(React.Fragment, null,
|
|
87
92
|
React.createElement(FormattedMessage, { id: "ui.accountVerify.success", defaultMessage: "ui.accountVerify.success" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountVerify.js","sourceRoot":"","sources":["../../../../src/components/AccountVerify/AccountVerify.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAoB,SAAS,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"AccountVerify.js","sourceRoot":"","sources":["../../../../src/components/AccountVerify/AccountVerify.tsx"],"names":[],"mappings":"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"}
|
|
@@ -126,6 +126,26 @@ export interface FeedProps {
|
|
|
126
126
|
* @default {}
|
|
127
127
|
*/
|
|
128
128
|
VirtualizedScrollerProps?: VirtualizedScrollerCommonProps;
|
|
129
|
+
/**
|
|
130
|
+
* Add/remove pagination links on top/bottom of items
|
|
131
|
+
* @default false
|
|
132
|
+
*/
|
|
133
|
+
disablePaginationLinks?: boolean;
|
|
134
|
+
/**
|
|
135
|
+
* Show/hide pagination links
|
|
136
|
+
* @default true
|
|
137
|
+
*/
|
|
138
|
+
hidePaginationLinks?: boolean;
|
|
139
|
+
/**
|
|
140
|
+
* Page query parameter name
|
|
141
|
+
* @default 'p'
|
|
142
|
+
*/
|
|
143
|
+
paginationLinksPageQueryParam?: string;
|
|
144
|
+
/**
|
|
145
|
+
* Props to spread to the pagination Link component
|
|
146
|
+
* @default {}
|
|
147
|
+
*/
|
|
148
|
+
PaginationLinkProps?: Record<string, any>;
|
|
129
149
|
}
|
|
130
150
|
declare const _default: React.ForwardRefExoticComponent<FeedProps & React.RefAttributes<FeedRef>>;
|
|
131
151
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Feed.d.ts","sourceRoot":"","sources":["../../../../src/components/Feed/Feed.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAuC,SAAS,EAAwE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Feed.d.ts","sourceRoot":"","sources":["../../../../src/components/Feed/Feed.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAuC,SAAS,EAAwE,MAAM,OAAO,CAAC;AAgBpJ,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAElD,OAAkB,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AACvD,OAAO,EAAsB,cAAc,EAAE,UAAU,EAAC,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAC,YAAY,EAAE,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAC,eAAe,EAAsD,MAAM,sBAAsB,CAAC;AAM1G,OAA4B,EAAC,8BAA8B,EAAqB,MAAM,kCAAkC,CAAC;AA0CzH,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED,oBAAY,OAAO,GAAG;IACpB,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,cAAc,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;IAEvB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAEtD;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;;OAGG;IACH,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE9B;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEpC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,GAAG,CAAC;IAE3B;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE7B;;OAEG;IACH,aAAa,EAAE,KAAK,CAAC,WAAW,CAAC;IAEjC;;OAEG;IACH,kBAAkB,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,KAAA,KAAK,GAAG,CAAC;IAEtD;;OAEG;IACH,eAAe,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IAE/B;;;OAGG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC;IAEhB;;OAEG;IACH,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC;IAEhC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,GAAG,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IAE/B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAEhC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;IAErD;;;OAGG;IACH,wBAAwB,CAAC,EAAE,8BAA8B,CAAC;IAE1D;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,6BAA6B,CAAC,EAAE,MAAM,CAAC;IAEvC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC3C;;AAohBD,wBAAgC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
|
|
3
|
-
import { SCCache, SCPreferencesContext, SCUserContext, useSCFetchFeed, SCPreferences, usePreviousValue } from '@selfcommunity/react-core';
|
|
3
|
+
import { SCCache, SCPreferencesContext, SCUserContext, useSCFetchFeed, SCPreferences, usePreviousValue, Link } from '@selfcommunity/react-core';
|
|
4
4
|
import { styled, useTheme } from '@mui/material/styles';
|
|
5
5
|
import { CardContent, Grid, Hidden, useMediaQuery } from '@mui/material';
|
|
6
6
|
import { FormattedMessage } from 'react-intl';
|
|
@@ -26,7 +26,8 @@ const classes = {
|
|
|
26
26
|
left: `${PREFIX}-left`,
|
|
27
27
|
right: `${PREFIX}-right`,
|
|
28
28
|
end: `${PREFIX}-end`,
|
|
29
|
-
refresh: `${PREFIX}-refresh
|
|
29
|
+
refresh: `${PREFIX}-refresh`,
|
|
30
|
+
paginationLink: `${PREFIX}-pagination-link`
|
|
30
31
|
};
|
|
31
32
|
const Root = styled(Grid, {
|
|
32
33
|
name: PREFIX,
|
|
@@ -46,6 +47,9 @@ const Root = styled(Grid, {
|
|
|
46
47
|
},
|
|
47
48
|
[`& .${classes.end}, & .${classes.refresh}`]: {
|
|
48
49
|
textAlign: 'center'
|
|
50
|
+
},
|
|
51
|
+
[`& .${classes.paginationLink}`]: {
|
|
52
|
+
display: 'none'
|
|
49
53
|
}
|
|
50
54
|
}));
|
|
51
55
|
const PREFERENCES = [SCPreferences.ADVERTISING_CUSTOM_ADV_ENABLED, SCPreferences.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED];
|
|
@@ -71,6 +75,7 @@ const PREFERENCES = [SCPreferences.ADVERTISING_CUSTOM_ADV_ENABLED, SCPreferences
|
|
|
71
75
|
|right|.SCFeed-right|Styles applied to the right element.|
|
|
72
76
|
|end|.SCFeed-end|Styles applied to the end element.|
|
|
73
77
|
|refresh|.SCFeed-refresh|Styles applied to the refresh section.|
|
|
78
|
+
|paginationLink|.SCFeed-pagination-link|Styles applied to pagination links.|
|
|
74
79
|
*
|
|
75
80
|
* @param inProps
|
|
76
81
|
*/
|
|
@@ -80,7 +85,7 @@ const Feed = (inProps, ref) => {
|
|
|
80
85
|
props: inProps,
|
|
81
86
|
name: PREFIX
|
|
82
87
|
});
|
|
83
|
-
const { id = 'feed', className, endpoint, endpointQueryParams = { limit: DEFAULT_PAGINATION_ITEMS_NUMBER, offset: 0 }, endMessage = React.createElement(FormattedMessage, { id: "ui.feed.noOtherFeedObject", defaultMessage: "ui.feed.noOtherFeedObject" }), refreshMessage = React.createElement(FormattedMessage, { id: "ui.feed.refreshRelease", defaultMessage: "ui.feed.refreshRelease" }), HeaderComponent, FooterComponent = Footer, FooterComponentProps = {}, widgets = [], ItemComponent, itemPropsGenerator, itemIdGenerator, ItemProps = {}, ItemSkeleton, ItemSkeletonProps = {}, onNextData, onPreviousData, FeedSidebarProps = { top: 0, bottomBoundary: `#${id}` }, CustomAdvProps = {}, requireAuthentication = false, cacheStrategy = CacheStrategies.NETWORK_ONLY, prefetchedData, VirtualizedScrollerProps = {} } = props;
|
|
88
|
+
const { id = 'feed', className, endpoint, endpointQueryParams = { limit: DEFAULT_PAGINATION_ITEMS_NUMBER, offset: 0 }, endMessage = React.createElement(FormattedMessage, { id: "ui.feed.noOtherFeedObject", defaultMessage: "ui.feed.noOtherFeedObject" }), refreshMessage = React.createElement(FormattedMessage, { id: "ui.feed.refreshRelease", defaultMessage: "ui.feed.refreshRelease" }), HeaderComponent, FooterComponent = Footer, FooterComponentProps = {}, widgets = [], ItemComponent, itemPropsGenerator, itemIdGenerator, ItemProps = {}, ItemSkeleton, ItemSkeletonProps = {}, onNextData, onPreviousData, FeedSidebarProps = { top: 0, bottomBoundary: `#${id}` }, CustomAdvProps = {}, requireAuthentication = false, cacheStrategy = CacheStrategies.NETWORK_ONLY, prefetchedData, VirtualizedScrollerProps = {}, disablePaginationLinks = false, hidePaginationLinks = true, paginationLinksPageQueryParam = 'p', PaginationLinkProps = {} } = props;
|
|
84
89
|
// CONTEXT
|
|
85
90
|
const scPreferences = useContext(SCPreferencesContext);
|
|
86
91
|
const scUserContext = useContext(SCUserContext);
|
|
@@ -323,6 +328,22 @@ const Feed = (inProps, ref) => {
|
|
|
323
328
|
const removeHeadDuplicatedData = (itemIds) => {
|
|
324
329
|
setHeadData(headData.filter((item) => !itemIds.includes(itemIdGenerator(item))));
|
|
325
330
|
};
|
|
331
|
+
/**
|
|
332
|
+
* Next page url
|
|
333
|
+
* Useful for SSR and SEO
|
|
334
|
+
*/
|
|
335
|
+
const NextPageLink = useMemo(() => {
|
|
336
|
+
return (React.createElement(React.Fragment, null, !disablePaginationLinks && feedDataObject.nextPage && (React.createElement(Link, Object.assign({ to: `?${paginationLinksPageQueryParam}=${feedDataObject.nextPage}`, className: classNames({ [classes.paginationLink]: hidePaginationLinks }) }, PaginationLinkProps),
|
|
337
|
+
React.createElement(FormattedMessage, { id: "ui.common.nextPage", defaultMessage: "ui.common.nextPage" })))));
|
|
338
|
+
}, [feedDataObject.nextPage, disablePaginationLinks, paginationLinksPageQueryParam, hidePaginationLinks]);
|
|
339
|
+
/**
|
|
340
|
+
* Previous page url
|
|
341
|
+
* Useful for SSR and SEO
|
|
342
|
+
*/
|
|
343
|
+
const PreviousPageLink = useMemo(() => {
|
|
344
|
+
return (React.createElement(React.Fragment, null, !disablePaginationLinks && feedDataObject.previousPage && (React.createElement(Link, Object.assign({ to: `?${paginationLinksPageQueryParam}=${feedDataObject.previousPage}`, className: classNames({ [classes.paginationLink]: hidePaginationLinks }) }, PaginationLinkProps),
|
|
345
|
+
React.createElement(FormattedMessage, { id: "ui.common.previousPage", defaultMessage: "ui.common.previousPage" })))));
|
|
346
|
+
}, [feedDataObject.previousPage, disablePaginationLinks, paginationLinksPageQueryParam, hidePaginationLinks]);
|
|
326
347
|
// EXPOSED METHODS
|
|
327
348
|
useImperativeHandle(ref, () => ({
|
|
328
349
|
addFeedData: (data, syncPagination) => {
|
|
@@ -352,7 +373,7 @@ const Feed = (inProps, ref) => {
|
|
|
352
373
|
return (React.createElement(Root, { container: true, spacing: 2, id: id, className: classNames(classes.root, className) },
|
|
353
374
|
React.createElement(Grid, { item: true, xs: 12, md: 7 },
|
|
354
375
|
React.createElement("div", { className: classes.left, style: { overflow: 'visible' } },
|
|
355
|
-
React.createElement(InfiniteScroll, { className: classes.left, dataLength: feedDataLeft.length, next: feedDataObject.getNextPage, previous: feedDataObject.getPreviousPage, hasMoreNext: Boolean(feedDataObject.next), hasMorePrevious: Boolean(feedDataObject.previous), loaderNext: React.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), loaderPrevious: React.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), scrollThreshold: 1, endMessage: React.createElement(React.Fragment, null,
|
|
376
|
+
React.createElement(InfiniteScroll, { className: classes.left, dataLength: feedDataLeft.length, next: feedDataObject.getNextPage, previous: feedDataObject.getPreviousPage, hasMoreNext: Boolean(feedDataObject.next), hasMorePrevious: Boolean(feedDataObject.previous), header: PreviousPageLink, footer: NextPageLink, loaderNext: React.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), loaderPrevious: React.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), scrollThreshold: 1, endMessage: React.createElement(React.Fragment, null,
|
|
356
377
|
React.createElement(Widget, { className: classes.end },
|
|
357
378
|
React.createElement(CardContent, null, endMessage)),
|
|
358
379
|
FooterComponent ? React.createElement(FooterComponent, Object.assign({}, FooterComponentProps)) : null), refreshFunction: refresh, pullDownToRefresh: true, pullDownToRefreshThreshold: 1000, pullDownToRefreshContent: null, releaseToRefreshContent: React.createElement(Widget, { variant: "outlined", className: classes.refresh },
|