@selfcommunity/react-ui 0.7.0-alpha.80 → 0.7.0-alpha.82
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/{MessageEditor → PrivateMessageEditor}/MessageMediaUploader/index.d.ts +0 -0
- package/lib/cjs/components/PrivateMessageEditor/MessageMediaUploader/index.d.ts.map +1 -0
- package/lib/cjs/components/{MessageEditor → PrivateMessageEditor}/MessageMediaUploader/index.js +6 -51
- package/lib/cjs/components/PrivateMessageEditor/MessageMediaUploader/index.js.map +1 -0
- package/lib/cjs/components/PrivateMessageEditor/PrivateMessageEditor.d.ts +48 -0
- package/lib/cjs/components/PrivateMessageEditor/PrivateMessageEditor.d.ts.map +1 -0
- package/lib/cjs/components/{MessageEditor/MessageEditor.js → PrivateMessageEditor/PrivateMessageEditor.js} +41 -64
- package/lib/cjs/components/PrivateMessageEditor/PrivateMessageEditor.js.map +1 -0
- package/lib/{esm/components/MessageEditor → cjs/components/PrivateMessageEditor}/Skeleton.d.ts +2 -2
- package/lib/cjs/components/PrivateMessageEditor/Skeleton.d.ts.map +1 -0
- package/lib/cjs/components/{MessageEditor → PrivateMessageEditor}/Skeleton.js +3 -3
- package/lib/cjs/components/PrivateMessageEditor/Skeleton.js.map +1 -0
- package/lib/cjs/components/PrivateMessageEditor/index.d.ts +5 -0
- package/lib/cjs/components/PrivateMessageEditor/index.d.ts.map +1 -0
- package/lib/cjs/components/{Message → PrivateMessageEditor}/index.js +4 -4
- package/lib/cjs/components/PrivateMessageEditor/index.js.map +1 -0
- package/lib/cjs/components/PrivateMessageSnippetItem/PrivateMessageSnippetItem.d.ts +58 -0
- package/lib/cjs/components/PrivateMessageSnippetItem/PrivateMessageSnippetItem.d.ts.map +1 -0
- package/lib/cjs/components/PrivateMessageSnippetItem/PrivateMessageSnippetItem.js +162 -0
- package/lib/cjs/components/PrivateMessageSnippetItem/PrivateMessageSnippetItem.js.map +1 -0
- package/lib/cjs/components/PrivateMessageSnippetItem/Skeleton.d.ts +23 -0
- package/lib/cjs/components/PrivateMessageSnippetItem/Skeleton.d.ts.map +1 -0
- package/lib/cjs/components/PrivateMessageSnippetItem/Skeleton.js +54 -0
- package/lib/cjs/components/PrivateMessageSnippetItem/Skeleton.js.map +1 -0
- package/lib/cjs/components/PrivateMessageSnippetItem/index.d.ts +5 -0
- package/lib/cjs/components/PrivateMessageSnippetItem/index.d.ts.map +1 -0
- package/lib/cjs/components/PrivateMessageSnippetItem/index.js +11 -0
- package/lib/cjs/components/PrivateMessageSnippetItem/index.js.map +1 -0
- package/lib/cjs/components/PrivateMessageSnippets/PrivateMessageSnippets.d.ts +75 -0
- package/lib/cjs/components/PrivateMessageSnippets/PrivateMessageSnippets.d.ts.map +1 -0
- package/lib/cjs/components/PrivateMessageSnippets/PrivateMessageSnippets.js +281 -0
- package/lib/cjs/components/PrivateMessageSnippets/PrivateMessageSnippets.js.map +1 -0
- package/lib/cjs/components/PrivateMessageSnippets/Skeleton.d.ts +23 -0
- package/lib/cjs/components/PrivateMessageSnippets/Skeleton.d.ts.map +1 -0
- package/lib/cjs/components/{Snippets → PrivateMessageSnippets}/Skeleton.js +9 -9
- package/lib/cjs/components/PrivateMessageSnippets/Skeleton.js.map +1 -0
- package/lib/cjs/components/PrivateMessageSnippets/index.d.ts +5 -0
- package/lib/cjs/components/PrivateMessageSnippets/index.d.ts.map +1 -0
- package/lib/cjs/components/PrivateMessageSnippets/index.js +11 -0
- package/lib/cjs/components/PrivateMessageSnippets/index.js.map +1 -0
- package/lib/cjs/components/PrivateMessageThread/PrivateMessageThread.d.ts +84 -0
- package/lib/cjs/components/PrivateMessageThread/PrivateMessageThread.d.ts.map +1 -0
- package/lib/cjs/components/{Thread/Thread.js → PrivateMessageThread/PrivateMessageThread.js} +102 -193
- package/lib/cjs/components/PrivateMessageThread/PrivateMessageThread.js.map +1 -0
- package/lib/cjs/components/PrivateMessageThread/Skeleton.d.ts +23 -0
- package/lib/cjs/components/PrivateMessageThread/Skeleton.d.ts.map +1 -0
- package/lib/cjs/components/{Thread → PrivateMessageThread}/Skeleton.js +8 -8
- package/lib/cjs/components/PrivateMessageThread/Skeleton.js.map +1 -0
- package/lib/cjs/components/PrivateMessageThread/index.d.ts +5 -0
- package/lib/cjs/components/PrivateMessageThread/index.d.ts.map +1 -0
- package/lib/cjs/components/{Thread → PrivateMessageThread}/index.js +4 -4
- package/lib/cjs/components/PrivateMessageThread/index.js.map +1 -0
- package/lib/cjs/components/PrivateMessageThreadItem/PrivateMessageThreadItem.d.ts +76 -0
- package/lib/cjs/components/PrivateMessageThreadItem/PrivateMessageThreadItem.d.ts.map +1 -0
- package/lib/cjs/components/PrivateMessageThreadItem/PrivateMessageThreadItem.js +169 -0
- package/lib/cjs/components/PrivateMessageThreadItem/PrivateMessageThreadItem.js.map +1 -0
- package/lib/cjs/components/PrivateMessageThreadItem/Skeleton.d.ts +23 -0
- package/lib/cjs/components/PrivateMessageThreadItem/Skeleton.d.ts.map +1 -0
- package/lib/cjs/components/{Message → PrivateMessageThreadItem}/Skeleton.js +8 -8
- package/lib/cjs/components/PrivateMessageThreadItem/Skeleton.js.map +1 -0
- package/lib/cjs/components/PrivateMessageThreadItem/index.d.ts +5 -0
- package/lib/cjs/components/PrivateMessageThreadItem/index.d.ts.map +1 -0
- package/lib/cjs/components/PrivateMessageThreadItem/index.js +11 -0
- package/lib/cjs/components/PrivateMessageThreadItem/index.js.map +1 -0
- package/lib/cjs/index.d.ts +6 -5
- package/lib/cjs/index.d.ts.map +1 -1
- package/lib/cjs/index.js +17 -14
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/components/{MessageEditor → PrivateMessageEditor}/MessageMediaUploader/index.d.ts +0 -0
- package/lib/esm/components/PrivateMessageEditor/MessageMediaUploader/index.d.ts.map +1 -0
- package/lib/esm/components/{MessageEditor → PrivateMessageEditor}/MessageMediaUploader/index.js +6 -51
- package/lib/esm/components/PrivateMessageEditor/MessageMediaUploader/index.js.map +1 -0
- package/lib/esm/components/PrivateMessageEditor/PrivateMessageEditor.d.ts +48 -0
- package/lib/esm/components/PrivateMessageEditor/PrivateMessageEditor.d.ts.map +1 -0
- package/lib/esm/components/{MessageEditor/MessageEditor.js → PrivateMessageEditor/PrivateMessageEditor.js} +42 -65
- package/lib/esm/components/PrivateMessageEditor/PrivateMessageEditor.js.map +1 -0
- package/lib/{cjs/components/MessageEditor → esm/components/PrivateMessageEditor}/Skeleton.d.ts +2 -2
- package/lib/esm/components/PrivateMessageEditor/Skeleton.d.ts.map +1 -0
- package/lib/esm/components/{MessageEditor → PrivateMessageEditor}/Skeleton.js +2 -2
- package/lib/esm/components/PrivateMessageEditor/Skeleton.js.map +1 -0
- package/lib/esm/components/PrivateMessageEditor/index.d.ts +5 -0
- package/lib/esm/components/PrivateMessageEditor/index.d.ts.map +1 -0
- package/lib/esm/components/PrivateMessageEditor/index.js +5 -0
- package/lib/esm/components/PrivateMessageEditor/index.js.map +1 -0
- package/lib/esm/components/PrivateMessageSnippetItem/PrivateMessageSnippetItem.d.ts +58 -0
- package/lib/esm/components/PrivateMessageSnippetItem/PrivateMessageSnippetItem.d.ts.map +1 -0
- package/lib/esm/components/PrivateMessageSnippetItem/PrivateMessageSnippetItem.js +133 -0
- package/lib/esm/components/PrivateMessageSnippetItem/PrivateMessageSnippetItem.js.map +1 -0
- package/lib/esm/components/PrivateMessageSnippetItem/Skeleton.d.ts +23 -0
- package/lib/esm/components/PrivateMessageSnippetItem/Skeleton.d.ts.map +1 -0
- package/lib/esm/components/PrivateMessageSnippetItem/Skeleton.js +48 -0
- package/lib/esm/components/PrivateMessageSnippetItem/Skeleton.js.map +1 -0
- package/lib/esm/components/PrivateMessageSnippetItem/index.d.ts +5 -0
- package/lib/esm/components/PrivateMessageSnippetItem/index.d.ts.map +1 -0
- package/lib/esm/components/PrivateMessageSnippetItem/index.js +5 -0
- package/lib/esm/components/PrivateMessageSnippetItem/index.js.map +1 -0
- package/lib/esm/components/PrivateMessageSnippets/PrivateMessageSnippets.d.ts +75 -0
- package/lib/esm/components/PrivateMessageSnippets/PrivateMessageSnippets.d.ts.map +1 -0
- package/lib/esm/components/PrivateMessageSnippets/PrivateMessageSnippets.js +252 -0
- package/lib/esm/components/PrivateMessageSnippets/PrivateMessageSnippets.js.map +1 -0
- package/lib/esm/components/PrivateMessageSnippets/Skeleton.d.ts +23 -0
- package/lib/esm/components/PrivateMessageSnippets/Skeleton.d.ts.map +1 -0
- package/lib/esm/components/PrivateMessageSnippets/Skeleton.js +39 -0
- package/lib/esm/components/PrivateMessageSnippets/Skeleton.js.map +1 -0
- package/lib/esm/components/PrivateMessageSnippets/index.d.ts +5 -0
- package/lib/esm/components/PrivateMessageSnippets/index.d.ts.map +1 -0
- package/lib/esm/components/PrivateMessageSnippets/index.js +5 -0
- package/lib/esm/components/PrivateMessageSnippets/index.js.map +1 -0
- package/lib/esm/components/PrivateMessageThread/PrivateMessageThread.d.ts +84 -0
- package/lib/esm/components/PrivateMessageThread/PrivateMessageThread.d.ts.map +1 -0
- package/lib/esm/components/PrivateMessageThread/PrivateMessageThread.js +388 -0
- package/lib/esm/components/PrivateMessageThread/PrivateMessageThread.js.map +1 -0
- package/lib/esm/components/PrivateMessageThread/Skeleton.d.ts +23 -0
- package/lib/esm/components/PrivateMessageThread/Skeleton.d.ts.map +1 -0
- package/lib/esm/components/{Thread → PrivateMessageThread}/Skeleton.js +7 -7
- package/lib/esm/components/PrivateMessageThread/Skeleton.js.map +1 -0
- package/lib/esm/components/PrivateMessageThread/index.d.ts +5 -0
- package/lib/esm/components/PrivateMessageThread/index.d.ts.map +1 -0
- package/lib/esm/components/PrivateMessageThread/index.js +5 -0
- package/lib/esm/components/PrivateMessageThread/index.js.map +1 -0
- package/lib/esm/components/PrivateMessageThreadItem/PrivateMessageThreadItem.d.ts +76 -0
- package/lib/esm/components/PrivateMessageThreadItem/PrivateMessageThreadItem.d.ts.map +1 -0
- package/lib/esm/components/PrivateMessageThreadItem/PrivateMessageThreadItem.js +163 -0
- package/lib/esm/components/PrivateMessageThreadItem/PrivateMessageThreadItem.js.map +1 -0
- package/lib/esm/components/PrivateMessageThreadItem/Skeleton.d.ts +23 -0
- package/lib/esm/components/PrivateMessageThreadItem/Skeleton.d.ts.map +1 -0
- package/lib/esm/components/{Message → PrivateMessageThreadItem}/Skeleton.js +7 -7
- package/lib/esm/components/PrivateMessageThreadItem/Skeleton.js.map +1 -0
- package/lib/esm/components/PrivateMessageThreadItem/index.d.ts +5 -0
- package/lib/esm/components/PrivateMessageThreadItem/index.d.ts.map +1 -0
- package/lib/esm/components/PrivateMessageThreadItem/index.js +5 -0
- package/lib/esm/components/PrivateMessageThreadItem/index.js.map +1 -0
- package/lib/esm/index.d.ts +6 -5
- package/lib/esm/index.d.ts.map +1 -1
- package/lib/esm/index.js +6 -5
- package/lib/esm/index.js.map +1 -1
- package/lib/umd/react-ui.js +4 -4
- package/lib/umd/react-ui.js.LICENSE.txt +1 -1
- package/lib/umd/react-ui.js.map +1 -1
- package/package.json +6 -6
- package/lib/cjs/components/Message/Message.d.ts +0 -83
- package/lib/cjs/components/Message/Message.d.ts.map +0 -1
- package/lib/cjs/components/Message/Message.js +0 -223
- package/lib/cjs/components/Message/Message.js.map +0 -1
- package/lib/cjs/components/Message/Skeleton.d.ts +0 -23
- package/lib/cjs/components/Message/Skeleton.d.ts.map +0 -1
- package/lib/cjs/components/Message/Skeleton.js.map +0 -1
- package/lib/cjs/components/Message/index.d.ts +0 -5
- package/lib/cjs/components/Message/index.d.ts.map +0 -1
- package/lib/cjs/components/Message/index.js.map +0 -1
- package/lib/cjs/components/MessageEditor/MessageEditor.d.ts +0 -48
- package/lib/cjs/components/MessageEditor/MessageEditor.d.ts.map +0 -1
- package/lib/cjs/components/MessageEditor/MessageEditor.js.map +0 -1
- package/lib/cjs/components/MessageEditor/MessageMediaUploader/index.d.ts.map +0 -1
- package/lib/cjs/components/MessageEditor/MessageMediaUploader/index.js.map +0 -1
- package/lib/cjs/components/MessageEditor/Skeleton.d.ts.map +0 -1
- package/lib/cjs/components/MessageEditor/Skeleton.js.map +0 -1
- package/lib/cjs/components/MessageEditor/index.d.ts +0 -5
- package/lib/cjs/components/MessageEditor/index.d.ts.map +0 -1
- package/lib/cjs/components/MessageEditor/index.js +0 -11
- package/lib/cjs/components/MessageEditor/index.js.map +0 -1
- package/lib/cjs/components/Snippets/Skeleton.d.ts +0 -23
- package/lib/cjs/components/Snippets/Skeleton.d.ts.map +0 -1
- package/lib/cjs/components/Snippets/Skeleton.js.map +0 -1
- package/lib/cjs/components/Snippets/Snippets.d.ts +0 -76
- package/lib/cjs/components/Snippets/Snippets.d.ts.map +0 -1
- package/lib/cjs/components/Snippets/Snippets.js +0 -231
- package/lib/cjs/components/Snippets/Snippets.js.map +0 -1
- package/lib/cjs/components/Snippets/index.d.ts +0 -5
- package/lib/cjs/components/Snippets/index.d.ts.map +0 -1
- package/lib/cjs/components/Snippets/index.js +0 -11
- package/lib/cjs/components/Snippets/index.js.map +0 -1
- package/lib/cjs/components/Thread/Skeleton.d.ts +0 -23
- package/lib/cjs/components/Thread/Skeleton.d.ts.map +0 -1
- package/lib/cjs/components/Thread/Skeleton.js.map +0 -1
- package/lib/cjs/components/Thread/Thread.d.ts +0 -93
- package/lib/cjs/components/Thread/Thread.d.ts.map +0 -1
- package/lib/cjs/components/Thread/Thread.js.map +0 -1
- package/lib/cjs/components/Thread/index.d.ts +0 -5
- package/lib/cjs/components/Thread/index.d.ts.map +0 -1
- package/lib/cjs/components/Thread/index.js.map +0 -1
- package/lib/esm/components/Message/Message.d.ts +0 -83
- package/lib/esm/components/Message/Message.d.ts.map +0 -1
- package/lib/esm/components/Message/Message.js +0 -194
- package/lib/esm/components/Message/Message.js.map +0 -1
- package/lib/esm/components/Message/Skeleton.d.ts +0 -23
- package/lib/esm/components/Message/Skeleton.d.ts.map +0 -1
- package/lib/esm/components/Message/Skeleton.js.map +0 -1
- package/lib/esm/components/Message/index.d.ts +0 -5
- package/lib/esm/components/Message/index.d.ts.map +0 -1
- package/lib/esm/components/Message/index.js +0 -5
- package/lib/esm/components/Message/index.js.map +0 -1
- package/lib/esm/components/MessageEditor/MessageEditor.d.ts +0 -48
- package/lib/esm/components/MessageEditor/MessageEditor.d.ts.map +0 -1
- package/lib/esm/components/MessageEditor/MessageEditor.js.map +0 -1
- package/lib/esm/components/MessageEditor/MessageMediaUploader/index.d.ts.map +0 -1
- package/lib/esm/components/MessageEditor/MessageMediaUploader/index.js.map +0 -1
- package/lib/esm/components/MessageEditor/Skeleton.d.ts.map +0 -1
- package/lib/esm/components/MessageEditor/Skeleton.js.map +0 -1
- package/lib/esm/components/MessageEditor/index.d.ts +0 -5
- package/lib/esm/components/MessageEditor/index.d.ts.map +0 -1
- package/lib/esm/components/MessageEditor/index.js +0 -5
- package/lib/esm/components/MessageEditor/index.js.map +0 -1
- package/lib/esm/components/Snippets/Skeleton.d.ts +0 -23
- package/lib/esm/components/Snippets/Skeleton.d.ts.map +0 -1
- package/lib/esm/components/Snippets/Skeleton.js +0 -39
- package/lib/esm/components/Snippets/Skeleton.js.map +0 -1
- package/lib/esm/components/Snippets/Snippets.d.ts +0 -76
- package/lib/esm/components/Snippets/Snippets.d.ts.map +0 -1
- package/lib/esm/components/Snippets/Snippets.js +0 -202
- package/lib/esm/components/Snippets/Snippets.js.map +0 -1
- package/lib/esm/components/Snippets/index.d.ts +0 -5
- package/lib/esm/components/Snippets/index.d.ts.map +0 -1
- package/lib/esm/components/Snippets/index.js +0 -5
- package/lib/esm/components/Snippets/index.js.map +0 -1
- package/lib/esm/components/Thread/Skeleton.d.ts +0 -23
- package/lib/esm/components/Thread/Skeleton.d.ts.map +0 -1
- package/lib/esm/components/Thread/Skeleton.js.map +0 -1
- package/lib/esm/components/Thread/Thread.d.ts +0 -93
- package/lib/esm/components/Thread/Thread.d.ts.map +0 -1
- package/lib/esm/components/Thread/Thread.js +0 -479
- package/lib/esm/components/Thread/Thread.js.map +0 -1
- package/lib/esm/components/Thread/index.d.ts +0 -5
- package/lib/esm/components/Thread/index.d.ts.map +0 -1
- package/lib/esm/components/Thread/index.js +0 -5
- package/lib/esm/components/Thread/index.js.map +0 -1
|
@@ -1,202 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { useEffect, useRef, useState } from 'react';
|
|
13
|
-
import { styled } from '@mui/material/styles';
|
|
14
|
-
import { Box, Divider, List, useMediaQuery, useTheme } from '@mui/material';
|
|
15
|
-
import Widget from '../Widget';
|
|
16
|
-
import { http, Endpoints } from '@selfcommunity/api-services';
|
|
17
|
-
import { SCNotificationTopicType, SCNotificationTypologyType } from '@selfcommunity/types';
|
|
18
|
-
import SnippetsSkeleton from './Skeleton';
|
|
19
|
-
import Message from '../Message';
|
|
20
|
-
import classNames from 'classnames';
|
|
21
|
-
import { useThemeProps } from '@mui/system';
|
|
22
|
-
import PubSub from 'pubsub-js';
|
|
23
|
-
import Icon from '@mui/material/Icon';
|
|
24
|
-
const PREFIX = 'SCSnippets';
|
|
25
|
-
const classes = {
|
|
26
|
-
root: `${PREFIX}-root`,
|
|
27
|
-
selected: `${PREFIX}-selected`,
|
|
28
|
-
deleteSection: `${PREFIX}-delete-section`
|
|
29
|
-
};
|
|
30
|
-
const Root = styled(Widget, {
|
|
31
|
-
name: PREFIX,
|
|
32
|
-
slot: 'Root',
|
|
33
|
-
overridesResolver: (props, styles) => styles.root
|
|
34
|
-
})(({ theme }) => ({
|
|
35
|
-
height: '550px',
|
|
36
|
-
overflow: 'auto',
|
|
37
|
-
[theme.breakpoints.up('sm')]: {
|
|
38
|
-
minWidth: '500px'
|
|
39
|
-
},
|
|
40
|
-
[theme.breakpoints.down('md')]: {
|
|
41
|
-
height: '100%',
|
|
42
|
-
boxShadow: 'none'
|
|
43
|
-
},
|
|
44
|
-
[`& .${classes.selected}`]: {
|
|
45
|
-
background: theme.palette.primary.main
|
|
46
|
-
},
|
|
47
|
-
[`& .${classes.deleteSection}`]: {
|
|
48
|
-
display: 'flex',
|
|
49
|
-
width: '100%',
|
|
50
|
-
position: 'absolute',
|
|
51
|
-
bottom: '0px',
|
|
52
|
-
justifyContent: 'center',
|
|
53
|
-
backgroundColor: '#fff'
|
|
54
|
-
}
|
|
55
|
-
}));
|
|
56
|
-
/**
|
|
57
|
-
*
|
|
58
|
-
> API documentation for the Community-JS Snippets component. Learn about the available props and the CSS API.
|
|
59
|
-
|
|
60
|
-
#### Import
|
|
61
|
-
|
|
62
|
-
```jsx
|
|
63
|
-
import {Snippets} from '@selfcommunity/react-ui';
|
|
64
|
-
```
|
|
65
|
-
|
|
66
|
-
#### Component Name
|
|
67
|
-
|
|
68
|
-
The name `SCSnippets` can be used when providing style overrides in the theme.
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
#### CSS
|
|
72
|
-
|
|
73
|
-
|Rule Name|Global class|Description|
|
|
74
|
-
|---|---|---|
|
|
75
|
-
|root|.SCSnippets-root|Styles applied to the root element.|
|
|
76
|
-
|selected|.SCSnippets-selected|Styles applied to the selected element.|
|
|
77
|
-
|deleteSection|.SCSnippets-delete-section|Styles applied to delete thread section.|
|
|
78
|
-
|
|
79
|
-
* @param inProps
|
|
80
|
-
*/
|
|
81
|
-
export default function Snippets(inProps) {
|
|
82
|
-
// PROPS
|
|
83
|
-
const props = useThemeProps({
|
|
84
|
-
props: inProps,
|
|
85
|
-
name: PREFIX
|
|
86
|
-
});
|
|
87
|
-
const { autoHide = false, className = null, onSnippetClick, threadId, getSnippetHeadline, shouldUpdate, deleteIconProps, selected } = props, rest = __rest(props, ["autoHide", "className", "onSnippetClick", "threadId", "getSnippetHeadline", "shouldUpdate", "deleteIconProps", "selected"]);
|
|
88
|
-
// STATE
|
|
89
|
-
const theme = useTheme();
|
|
90
|
-
const isMobile = useMediaQuery(theme.breakpoints.down('md'));
|
|
91
|
-
const [snippets, setSnippets] = useState([]);
|
|
92
|
-
const [loading, setLoading] = useState(true);
|
|
93
|
-
const [total, setTotal] = useState(0);
|
|
94
|
-
const isNumber = typeof selected === 'number';
|
|
95
|
-
// REFS
|
|
96
|
-
const refreshSubscription = useRef(null);
|
|
97
|
-
/**
|
|
98
|
-
* Fetches Snippets
|
|
99
|
-
*/
|
|
100
|
-
function fetchSnippets() {
|
|
101
|
-
http
|
|
102
|
-
.request({
|
|
103
|
-
url: Endpoints.GetSnippets.url(),
|
|
104
|
-
method: Endpoints.GetSnippets.method
|
|
105
|
-
})
|
|
106
|
-
.then((res) => {
|
|
107
|
-
const data = res.data;
|
|
108
|
-
setSnippets(data.results);
|
|
109
|
-
setLoading(false);
|
|
110
|
-
setTotal(data.count);
|
|
111
|
-
})
|
|
112
|
-
.catch((error) => {
|
|
113
|
-
console.log(error);
|
|
114
|
-
});
|
|
115
|
-
}
|
|
116
|
-
/**
|
|
117
|
-
* Updates snippet headline and status
|
|
118
|
-
* @param id
|
|
119
|
-
* @param headline
|
|
120
|
-
* @param status
|
|
121
|
-
*/
|
|
122
|
-
function updateSnippets(id, headline, status) {
|
|
123
|
-
const newSnippets = [...snippets];
|
|
124
|
-
const index = newSnippets.findIndex((s) => s.id === id);
|
|
125
|
-
if (index !== -1) {
|
|
126
|
-
newSnippets[index].headline = headline;
|
|
127
|
-
newSnippets[index].thread_status = status;
|
|
128
|
-
setSnippets(newSnippets);
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
/**
|
|
132
|
-
* Updates snippet status
|
|
133
|
-
* @param id
|
|
134
|
-
* @param status
|
|
135
|
-
*/
|
|
136
|
-
function updateStatus(id, status) {
|
|
137
|
-
const newSnippets = [...snippets];
|
|
138
|
-
const index = newSnippets.findIndex((s) => s.id === id);
|
|
139
|
-
if (index !== -1) {
|
|
140
|
-
newSnippets[index].thread_status = status;
|
|
141
|
-
setSnippets(newSnippets);
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
/**
|
|
145
|
-
* On mount, fetches snippets
|
|
146
|
-
*/
|
|
147
|
-
useEffect(() => {
|
|
148
|
-
fetchSnippets();
|
|
149
|
-
}, [shouldUpdate]);
|
|
150
|
-
/**
|
|
151
|
-
* When a ws notification arrives, updates data
|
|
152
|
-
*/
|
|
153
|
-
useEffect(() => {
|
|
154
|
-
refreshSubscription.current = PubSub.subscribe(`${SCNotificationTopicType.INTERACTION}.${SCNotificationTypologyType.PRIVATE_MESSAGE}`, subscriber);
|
|
155
|
-
return () => {
|
|
156
|
-
PubSub.unsubscribe(refreshSubscription.current);
|
|
157
|
-
};
|
|
158
|
-
}, [snippets]);
|
|
159
|
-
/**
|
|
160
|
-
* When the logged in user sends a message, snippet headline is updated
|
|
161
|
-
*/
|
|
162
|
-
useEffect(() => {
|
|
163
|
-
if (threadId) {
|
|
164
|
-
updateSnippets(threadId, getSnippetHeadline, null);
|
|
165
|
-
}
|
|
166
|
-
}, [getSnippetHeadline]);
|
|
167
|
-
/**
|
|
168
|
-
* Notification subscriber
|
|
169
|
-
*/
|
|
170
|
-
const subscriber = (msg, data) => {
|
|
171
|
-
const res = data.data;
|
|
172
|
-
updateSnippets(res.thread_id, res.notification_obj.snippet.headline, res.notification_obj.snippet.thread_status);
|
|
173
|
-
};
|
|
174
|
-
/**
|
|
175
|
-
* Handles thread opening
|
|
176
|
-
*/
|
|
177
|
-
function handleOpenThread(msg) {
|
|
178
|
-
onSnippetClick(msg);
|
|
179
|
-
updateStatus(msg.id, null);
|
|
180
|
-
}
|
|
181
|
-
/**
|
|
182
|
-
* Renders snippets skeleton when loading
|
|
183
|
-
*/
|
|
184
|
-
if (loading) {
|
|
185
|
-
return React.createElement(SnippetsSkeleton, { elevation: 0 });
|
|
186
|
-
}
|
|
187
|
-
/**
|
|
188
|
-
* Renders the component (if not hidden by autoHide prop)
|
|
189
|
-
*/
|
|
190
|
-
if (!autoHide && total) {
|
|
191
|
-
return (React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className) }),
|
|
192
|
-
React.createElement(List, null, snippets.map((message, index) => (React.createElement("div", { key: index },
|
|
193
|
-
React.createElement(Message, { elevation: 0, message: message, key: message.id, onClick: () => handleOpenThread(message), className: message.id === threadId || (!isNumber && selected ? message.receiver.id === selected.receiver.id : message.receiver.id === selected)
|
|
194
|
-
? classes.selected
|
|
195
|
-
: '' }),
|
|
196
|
-
index < total - 1 && !isMobile ? React.createElement(Divider, null) : null)))),
|
|
197
|
-
total && deleteIconProps && deleteIconProps.show && (React.createElement(Box, { className: classes.deleteSection },
|
|
198
|
-
React.createElement(Icon, { onClick: deleteIconProps.action }, deleteIconProps.name)))));
|
|
199
|
-
}
|
|
200
|
-
return null;
|
|
201
|
-
}
|
|
202
|
-
//# sourceMappingURL=Snippets.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Snippets.js","sourceRoot":"","sources":["../../../../src/components/Snippets/Snippets.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Snippets/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,EAAE,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AACnD,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAC1C,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Snippets/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAyB,MAAM,YAAY,CAAC;AACnD,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAC1C,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAgB,gBAAgB,EAAC,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* > API documentation for the Community-JS Thread Skeleton component. Learn about the available props and the CSS API.
|
|
3
|
-
|
|
4
|
-
#### Import
|
|
5
|
-
|
|
6
|
-
```jsx
|
|
7
|
-
import {ThreadSkeleton} from '@selfcommunity/react-ui';
|
|
8
|
-
```
|
|
9
|
-
|
|
10
|
-
#### Component Name
|
|
11
|
-
|
|
12
|
-
The name `SCThreadSkeleton` can be used when providing style overrides in the theme.
|
|
13
|
-
|
|
14
|
-
#### CSS
|
|
15
|
-
|
|
16
|
-
|Rule Name|Global class|Description|
|
|
17
|
-
|---|---|---|
|
|
18
|
-
|root|.SCThreadSkeleton-root|Styles applied to the root element.|
|
|
19
|
-
|list|.SCThreadSkeleton-list|Styles applied to the list element.|
|
|
20
|
-
*
|
|
21
|
-
*/
|
|
22
|
-
export default function ThreadSkeleton(props: any): JSX.Element;
|
|
23
|
-
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Thread/Skeleton.tsx"],"names":[],"mappings":"AA8BA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAsBzD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Thread/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,kBAAkB,CAAC;AAElC,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;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,UAAU;IACpB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,OAAO;QAClB,KAAK,EAAE,OAAO;KACf;CACF,CAAC,CAAC,CAAC;AACJ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK;IAC1C,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"}
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { SCPrivateMessageType } from '@selfcommunity/types';
|
|
2
|
-
export interface ThreadProps {
|
|
3
|
-
/**
|
|
4
|
-
* User object (thread receiver)
|
|
5
|
-
* default null
|
|
6
|
-
*/
|
|
7
|
-
userObj?: SCPrivateMessageType | number;
|
|
8
|
-
/**
|
|
9
|
-
* Message receiver id
|
|
10
|
-
* @default null
|
|
11
|
-
*/
|
|
12
|
-
/**
|
|
13
|
-
* Overrides or extends the styles applied to the component.
|
|
14
|
-
* @default null
|
|
15
|
-
*/
|
|
16
|
-
className?: string;
|
|
17
|
-
/**
|
|
18
|
-
* Hides this component
|
|
19
|
-
* @default false
|
|
20
|
-
*/
|
|
21
|
-
autoHide?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Any other properties
|
|
24
|
-
*/
|
|
25
|
-
[p: string]: any;
|
|
26
|
-
/**
|
|
27
|
-
* Opens new message screen
|
|
28
|
-
* @default false
|
|
29
|
-
*/
|
|
30
|
-
openNewMessage?: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Callback fired when a new message is sent
|
|
33
|
-
* @default null
|
|
34
|
-
*/
|
|
35
|
-
onNewMessageSent?: (dispatch: any) => void;
|
|
36
|
-
/**
|
|
37
|
-
* Callback fired when a message is sent
|
|
38
|
-
* @param data
|
|
39
|
-
* @default null
|
|
40
|
-
*/
|
|
41
|
-
onMessageSent?: (data: any) => void;
|
|
42
|
-
/**
|
|
43
|
-
* Callback fired only when a new message is sent to update snippets component
|
|
44
|
-
* @default null
|
|
45
|
-
*/
|
|
46
|
-
shouldUpdate?: (dispatch: any) => void;
|
|
47
|
-
/**
|
|
48
|
-
* Callback fired only when exiting a thread.
|
|
49
|
-
* @default null
|
|
50
|
-
*/
|
|
51
|
-
onMessageBack?: (dispatch: any) => void;
|
|
52
|
-
/**
|
|
53
|
-
* Callback fired when deleting a thread.
|
|
54
|
-
* @default null
|
|
55
|
-
*/
|
|
56
|
-
onMessageDelete?: (dispatch: any) => void;
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
*
|
|
60
|
-
> API documentation for the Community-JS Thread component. Learn about the available props and the CSS API.
|
|
61
|
-
|
|
62
|
-
#### Import
|
|
63
|
-
|
|
64
|
-
```jsx
|
|
65
|
-
import {Thread} from '@selfcommunity/react-ui';
|
|
66
|
-
```
|
|
67
|
-
|
|
68
|
-
#### Component Name
|
|
69
|
-
|
|
70
|
-
The name `SCThread` can be used when providing style overrides in the theme.
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
#### CSS
|
|
74
|
-
|
|
75
|
-
|Rule Name|Global class|Description|
|
|
76
|
-
|---|---|---|
|
|
77
|
-
|root|.SCThread-root|Styles applied to the root element.|
|
|
78
|
-
|threadBox|.SCThread-thread-box|Styles applied to the thread box element.|
|
|
79
|
-
|emptyBox|.SCThread-empty-box|Styles applied to the empty box element.|
|
|
80
|
-
|newMessageBox|.SCThread-new-message-box|Styles applied to the new message box element.|
|
|
81
|
-
|newMessageEditor|.SCThread-new-message-editor|Styles applied to the new message editor.|
|
|
82
|
-
|newMessageEmptyBox|.SCThread-new-message-empty-box|Styles applied to the new message empty box element.|
|
|
83
|
-
|newMessageHeader|.SCThread-new-message-header|Styles applied to the new message header section.|
|
|
84
|
-
|sender|.SCThread-sender|Styles applied to the sender element.|
|
|
85
|
-
|receiver|.SCThread-receiver|Styles applied to the receiver element.|
|
|
86
|
-
|center|.SCThread-center|Styles applied to the center section.|
|
|
87
|
-
|autocomplete|.SCThread-autocomplete|Styles applied to new message user insertion autocomplete.|
|
|
88
|
-
|toolBar|.SCThread-toolBar|Styles applied to the toolBar element.|
|
|
89
|
-
|
|
90
|
-
* @param inProps
|
|
91
|
-
*/
|
|
92
|
-
export default function Thread(inProps: ThreadProps): JSX.Element;
|
|
93
|
-
//# sourceMappingURL=Thread.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../../src/components/Thread/Thread.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAyE,oBAAoB,EAAC,MAAM,sBAAsB,CAAC;AAmIlI,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACxC;;;OAGG;IACH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3C;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAqZhE"}
|