@selfcommunity/react-ui 0.7.0-alpha.149 → 0.7.0-alpha.150
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/PrivateMessageThread/Skeleton.d.ts.map +1 -1
- package/lib/cjs/components/PrivateMessageThread/Skeleton.js +3 -1
- package/lib/cjs/components/PrivateMessageThread/Skeleton.js.map +1 -1
- package/lib/esm/components/PrivateMessageThread/Skeleton.d.ts.map +1 -1
- package/lib/esm/components/PrivateMessageThread/Skeleton.js +4 -2
- package/lib/esm/components/PrivateMessageThread/Skeleton.js.map +1 -1
- package/lib/umd/react-ui.js +1 -1
- package/lib/umd/react-ui.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/Skeleton.tsx"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAiBvE"}
|
|
@@ -41,12 +41,14 @@ const Root = (0, styles_1.styled)(Widget_1.default, {
|
|
|
41
41
|
*
|
|
42
42
|
*/
|
|
43
43
|
function PrivateMessageThreadSkeleton(props) {
|
|
44
|
+
const theme = (0, material_1.useTheme)();
|
|
45
|
+
const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
|
|
44
46
|
return (react_1.default.createElement(Root, Object.assign({ className: classes.root }, props),
|
|
45
47
|
react_1.default.createElement(material_1.CardContent, null,
|
|
46
48
|
react_1.default.createElement(List_1.default, { className: classes.list },
|
|
47
49
|
react_1.default.createElement(material_1.ListSubheader, { sx: { display: 'flex', justifyContent: 'center' } },
|
|
48
50
|
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 30, width: 120, style: { borderRadius: 20 } })),
|
|
49
|
-
[...Array(6)].map((item, index) => (react_1.default.createElement(Skeleton_1.default, { index: index, key: index })))))));
|
|
51
|
+
[...Array(isMobile ? 6 : 8)].map((item, index) => (react_1.default.createElement(Skeleton_1.default, { index: index, key: index })))))));
|
|
50
52
|
}
|
|
51
53
|
exports.default = PrivateMessageThreadSkeleton;
|
|
52
54
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uDAA+B;AAC/B,iDAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uDAA+B;AAC/B,iDAA4C;AAC5C,4CAA4F;AAC5F,8DAAsC;AACtC,oFAAoF;AAGpF,MAAM,MAAM,GAAG,gCAAgC,CAAC;AAEhD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,gBAAM,EAAE;IAC1B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACtB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,SAAwB,4BAA4B,CAAC,KAAK;IACxD,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAe,CAAC;IACtC,MAAM,QAAQ,GAAG,IAAA,wBAAa,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7D,OAAO,CACL,8BAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,KAAK;QACtC,8BAAC,sBAAW;YACV,8BAAC,cAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;gBAC3B,8BAAC,wBAAa,IAAC,EAAE,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAC;oBAC5D,8BAAC,mBAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,YAAY,EAAE,EAAE,EAAC,GAAI,CAClE;gBACf,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,8BAAC,kBAAgC,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAI,CAC/D,CAAC,CACG,CACK,CACT,CACR,CAAC;AACJ,CAAC;AAjBD,+CAiBC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/Skeleton.tsx"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAiBvE"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Widget from '../Widget';
|
|
3
3
|
import { styled } from '@mui/material/styles';
|
|
4
|
-
import { CardContent, ListSubheader, Skeleton } from '@mui/material';
|
|
4
|
+
import { CardContent, ListSubheader, Skeleton, useMediaQuery, useTheme } from '@mui/material';
|
|
5
5
|
import List from '@mui/material/List';
|
|
6
6
|
import PrivateMessageThreadItemSkeleton from '../PrivateMessageThreadItem/Skeleton';
|
|
7
7
|
const PREFIX = 'SCPrivateMessageThreadSkeleton';
|
|
@@ -36,11 +36,13 @@ const Root = styled(Widget, {
|
|
|
36
36
|
*
|
|
37
37
|
*/
|
|
38
38
|
export default function PrivateMessageThreadSkeleton(props) {
|
|
39
|
+
const theme = useTheme();
|
|
40
|
+
const isMobile = useMediaQuery(theme.breakpoints.down('md'));
|
|
39
41
|
return (React.createElement(Root, Object.assign({ className: classes.root }, props),
|
|
40
42
|
React.createElement(CardContent, null,
|
|
41
43
|
React.createElement(List, { className: classes.list },
|
|
42
44
|
React.createElement(ListSubheader, { sx: { display: 'flex', justifyContent: 'center' } },
|
|
43
45
|
React.createElement(Skeleton, { animation: "wave", height: 30, width: 120, style: { borderRadius: 20 } })),
|
|
44
|
-
[...Array(6)].map((item, index) => (React.createElement(PrivateMessageThreadItemSkeleton, { index: index, key: index })))))));
|
|
46
|
+
[...Array(isMobile ? 6 : 8)].map((item, index) => (React.createElement(PrivateMessageThreadItemSkeleton, { index: index, key: index })))))));
|
|
45
47
|
}
|
|
46
48
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThread/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC5F,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,gCAAgC,MAAM,sCAAsC,CAAC;AAGpF,MAAM,MAAM,GAAG,gCAAgC,CAAC;AAEhD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE;IAC1B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACtB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,KAAK;IACxD,MAAM,KAAK,GAAG,QAAQ,EAAe,CAAC;IACtC,MAAM,QAAQ,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7D,OAAO,CACL,oBAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,KAAK;QACtC,oBAAC,WAAW;YACV,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;gBAC3B,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAC;oBAC5D,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,YAAY,EAAE,EAAE,EAAC,GAAI,CAClE;gBACf,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,oBAAC,gCAAgC,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAI,CAC/D,CAAC,CACG,CACK,CACT,CACR,CAAC;AACJ,CAAC"}
|