@selfcommunity/react-ui 0.7.0-alpha.113 → 0.7.0-alpha.114

package/lib/esm/components/PrivateMessageThread/Skeleton.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import Widget from '../Widget';
 import { styled } from '@mui/material/styles';
-import { CardContent } from '@mui/material';
+import { CardContent, ListSubheader, Skeleton } from '@mui/material';
 import List from '@mui/material/List';
-import ListItem from '@mui/material/ListItem';
-import Skeleton from '@mui/material/Skeleton';
-import ListItemText from '@mui/material/ListItemText';
+import PrivateMessageThreadItemSkeleton from '../PrivateMessageThreadItem/Skeleton';
 const PREFIX = 'SCPrivateMessageThreadSkeleton';
 const classes = {
     root: `${PREFIX}-root`,
@@ -40,9 +38,9 @@ const Root = styled(Widget, {
 export default function PrivateMessageThreadSkeleton(props) {
     return (React.createElement(Root, Object.assign({ className: classes.root }, props),
         React.createElement(CardContent, null,
-            React.createElement(List, { className: classes.list }, [...Array(6)].map((category, index) => (React.createElement(ListItem, { key: index },
-                React.createElement(ListItemText, { sx: { display: 'flex', justifyContent: index % 2 === 0 ? 'flex-start' : 'flex-end' }, primary: React.createElement(React.Fragment, null,
-                        React.createElement(Skeleton, { animation: "wave", height: 50, width: 100, style: { borderRadius: 20 } }),
-                        React.createElement(Skeleton, { animation: "wave", height: 10, width: 30 })) }))))))));
+            React.createElement(List, { className: classes.list },
+                React.createElement(ListSubheader, { sx: { display: 'flex', justifyContent: 'center' } },
+                    React.createElement(Skeleton, { animation: "wave", height: 40, width: 80, style: { borderRadius: 20 } })),
+                [...Array(4)].map((item, index) => (React.createElement(PrivateMessageThreadItemSkeleton, { index: index, key: index })))))));
 }
 //# sourceMappingURL=Skeleton.js.map

package/lib/esm/components/PrivateMessageThread/Skeleton.js.map

@@ -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,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,YAAY,MAAM,4BAA4B,CAAC;AAEtD,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,OAAO,CACL,oBAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,KAAK;QACtC,oBAAC,WAAW;YACV,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAC1B,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;gBAClB,oBAAC,YAAY,IACX,EAAE,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAC,EAClF,OAAO,EACL;wBACE,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,YAAY,EAAE,EAAE,EAAC,GAAI;wBAChF,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,CACnD,GAEL,CACO,CACZ,CAAC,CACG,CACK,CACT,CACR,CAAC;AACJ,CAAC"}
+{"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;AACnE,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,gCAAgC,MAAM,sCAAsC,CAAC;AAEpF,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,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,EAAE,EAAE,KAAK,EAAE,EAAC,YAAY,EAAE,EAAE,EAAC,GAAI,CACjE;gBACf,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,oBAAC,gCAAgC,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAI,CAC/D,CAAC,CACG,CACK,CACT,CACR,CAAC;AACJ,CAAC"}

package/lib/esm/components/PrivateMessageThreadItem/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThreadItem/Skeleton.tsx"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAuB3E"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThreadItem/Skeleton.tsx"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAU3E"}

package/lib/esm/components/PrivateMessageThreadItem/Skeleton.js

@@ -1,18 +1,15 @@
 import React from 'react';
-import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
-import ListItemAvatar from '@mui/material/ListItemAvatar';
 import ListItemText from '@mui/material/ListItemText';
 import { styled } from '@mui/material/styles';
 import Skeleton from '@mui/material/Skeleton';
-import Widget from '../Widget';
 import { useTheme } from '@mui/material';
 const PREFIX = 'SCPrivateMessageThreadItemSkeleton';
 const classes = {
     root: `${PREFIX}-root`,
     list: `${PREFIX}-list`
 };
-const Root = styled(Widget)(({ theme }) => ({
+const Root = styled(ListItem)(({ theme }) => ({
     maxWidth: 700
 }));
 /**
@@ -38,11 +35,7 @@ const Root = styled(Widget)(({ theme }) => ({
  */
 export default function PrivateMessageThreadItemSkeleton(props) {
     const theme = useTheme();
-    const m = (React.createElement(ListItem, null,
-        React.createElement(ListItemAvatar, null,
-            React.createElement(Skeleton, { animation: "wave", variant: "circular", width: theme.selfcommunity.user.avatar.sizeMedium, height: theme.selfcommunity.user.avatar.sizeMedium })),
-        React.createElement(ListItemText, { primary: React.createElement(Skeleton, { animation: "wave", height: 10, width: 120, style: { marginBottom: 10 } }), secondary: React.createElement(Skeleton, { animation: "wave", height: 10, width: 70, style: { marginBottom: 10 } }) })));
     return (React.createElement(Root, Object.assign({ className: classes.root }, props),
-        React.createElement(List, null, m)));
+        React.createElement(ListItemText, { sx: { display: 'flex', justifyContent: props.index % 2 === 0 ? 'flex-start' : 'flex-end' }, primary: React.createElement(Skeleton, { animation: "wave", height: 100, width: 450, style: { borderRadius: theme.shape.borderRadius } }) })));
 }
 //# sourceMappingURL=Skeleton.js.map

package/lib/esm/components/PrivateMessageThreadItem/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThreadItem/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAGvC,MAAM,MAAM,GAAG,oCAAoC,CAAC;AAEpD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACxC,QAAQ,EAAE,GAAG;CACd,CAAC,CAAC,CAAC;AACJ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,CAAC,KAAK;IAC5D,MAAM,KAAK,GAAG,QAAQ,EAAe,CAAC;IACtC,MAAM,CAAC,GAAG,CACR,oBAAC,QAAQ;QACP,oBAAC,cAAc;YACb,oBAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EACjD,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,GAClD,CACa;QACjB,oBAAC,YAAY,IACX,OAAO,EAAE,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,YAAY,EAAE,EAAE,EAAC,GAAI,EACzF,SAAS,EAAE,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAC,YAAY,EAAE,EAAE,EAAC,GAAI,GAC1F,CACO,CACZ,CAAC;IACF,OAAO,CACL,oBAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,KAAK;QACtC,oBAAC,IAAI,QAAE,CAAC,CAAQ,CACX,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/PrivateMessageThreadItem/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAGvC,MAAM,MAAM,GAAG,oCAAoC,CAAC;AAEpD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IAC1C,QAAQ,EAAE,GAAG;CACd,CAAC,CAAC,CAAC;AACJ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,CAAC,KAAK;IAC5D,MAAM,KAAK,GAAG,QAAQ,EAAe,CAAC;IACtC,OAAO,CACL,oBAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,KAAK;QACtC,oBAAC,YAAY,IACX,EAAE,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAC,EACxF,OAAO,EAAE,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY,EAAC,GAAI,GAChH,CACG,CACR,CAAC;AACJ,CAAC"}