@pnp/spfx-controls-react 4.0.0-beta.1344828 → 4.0.0-beta.3809332

package/lib/controls/listItemComments/components/AddComment/useAddCommentStyles.js

@@ -2,7 +2,6 @@ import * as React from 'react';
 import { mergeStyleSets, } from '@fluentui/react';
 import { AppContext } from '../../common';
 export var useAddCommentStyles = function () {
-    // eslint-disable-line @typescript-eslint/explicit-function-return-type
     var theme = React.useContext(AppContext).theme;
     var itemContainerStyles = {
         root: {
@@ -22,14 +21,16 @@ export var useAddCommentStyles = function () {
     var searchMentionContainerStyles = {
         root: {
             borderWidth: 1,
-            borderStyle: 'solid',
-            borderColor: 'silver',
-            width: 322,
-            ':focus': {
+            borderStyle: "solid",
+            borderColor: "silver",
+            width: "100%",
+            boxSizing: "border-box",
+            ":focus": {
                 borderColor: theme.themePrimary,
             },
             ':hover': {
                 borderColor: theme.themePrimary,
+                boxSizing: "border-box",
             },
         },
     };
@@ -37,29 +38,38 @@ export var useAddCommentStyles = function () {
         root: {
             marginTop: 2,
             backgroundColor: theme === null || theme === void 0 ? void 0 : theme.white,
-            boxShadow: '0 5px 15px rgba(50, 50, 90, .1)',
-            ':hover': {
+            boxShadow: "0 5px 15px rgba(50, 50, 90, .1)",
+            boxSizing: "border-box",
+            ":hover": {
                 borderColor: theme.themePrimary,
                 backgroundColor: theme.neutralLighterAlt,
                 borderWidth: 1,
+                boxSizing: "border-box",
             },
         },
     };
     var componentClasses = mergeStyleSets({
         container: {
             borderWidth: 1,
-            borderStyle: 'solid',
-            display: 'block',
-            borderColor: 'silver',
-            overflow: 'hidden',
-            width: 320,
-            ':focus': {
+            borderStyle: "solid",
+            display: "block",
+            borderColor: "silver",
+            overflow: "hidden",
+            width: "100%",
+            boxSizing: "border-box",
+            paddingTop: 1,
+            paddingLeft: 1,
+            ":focus": {
                 borderWidth: 2,
                 borderColor: theme.themePrimary,
+                paddingTop: 0,
+                paddingLeft: 0,
             },
             ':hover': {
                 borderWidth: 2,
                 borderColor: theme.themePrimary,
+                paddingTop: 0,
+                paddingLeft: 0,
             },
         },
     });

package/lib/controls/listItemComments/components/AddComment/useAddCommentStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAddCommentStyles.js","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/AddComment/useAddCommentStyles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useAddCommentStyles.js","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/AddComment/useAddCommentStyles.ts"],"names":[],"mappings":"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"}

package/lib/controls/listItemComments/components/Comments/CommentText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentText.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/CommentText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAQrC,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAyDlE,CAAC"}
+{"version":3,"file":"CommentText.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/CommentText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AASrC,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA2GlE,CAAC"}

package/lib/controls/listItemComments/components/Comments/CommentText.js

@@ -2,44 +2,60 @@ import * as React from "react";
 import { useContext, useEffect, useState } from "react";
 import { Text } from "@fluentui/react/lib/Text";
 import { LivePersona } from "../../../LivePersona";
-import { AppContext } from "../../common";
-import regexifyString from "regexify-string";
-import { Stack } from "@fluentui/react/lib/Stack";
-import { isArray, isObject } from "lodash";
+import { AppContext, URL_REGEX } from '../../common';
+import regexifyString from 'regexify-string';
+import { Stack } from '@fluentui/react/lib/Stack';
+import { isArray, isObject } from 'lodash';
 import he from 'he';
+import { Link } from '@fluentui/react';
 export var CommentText = function (props) {
     var _a = useState(""), commentText = _a[0], setCommentText = _a[1];
     var _b = useContext(AppContext), theme = _b.theme, serviceScope = _b.serviceScope;
     var text = props.text, mentions = props.mentions;
     var mentionsResults = mentions;
+    var convertTextToLinksAndText = function (text) {
+        var parts = text.split(URL_REGEX);
+        return parts.map(function (part, index) {
+            if (part.match(URL_REGEX)) {
+                return (React.createElement(Link, { key: index, href: part, target: "_blank", rel: "noopener noreferrer", style: { color: theme.themePrimary } }, part));
+            }
+            return part;
+        });
+    };
     useEffect(function () {
         var hasMentions = (mentions === null || mentions === void 0 ? void 0 : mentions.length) ? true : false;
-        var result = text;
-        if (hasMentions) {
-            result = regexifyString({
-                pattern: /@mention{\d+}/g,
-                decorator: function (match, index) {
-                    var mention = mentionsResults[index];
-                    var _name = "@".concat(mention.name);
-                    return (React.createElement(React.Fragment, null,
-                        React.createElement(LivePersona, { serviceScope: serviceScope, upn: mention.email, template: React.createElement("span", { style: { color: theme.themePrimary, whiteSpace: "nowrap" } }, _name) })));
-                },
-                input: text,
-            });
-        }
+        var lines = text.split(/\r?\n/);
+        var result = [];
+        lines.forEach(function (line, idx) {
+            var lineContent = line;
+            if (hasMentions) {
+                lineContent = regexifyString({
+                    pattern: /@mention{\d+}/g,
+                    decorator: function (match, index) {
+                        var mention = mentionsResults[index];
+                        var _name = "@".concat(mention.name);
+                        return (React.createElement(LivePersona, { serviceScope: serviceScope, upn: mention.email, template: React.createElement("span", { style: { color: theme.themePrimary, whiteSpace: 'nowrap' } }, _name) }));
+                    },
+                    input: line,
+                });
+            }
+            result.push(React.createElement(Stack, { horizontal: true, key: "stack-".concat(idx), horizontalAlign: "start", verticalAlign: "center" }, isArray(lineContent) ? (lineContent.length > 0 ?
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                lineContent.map(function (el, i) {
+                    if (isObject(el)) {
+                        return (React.createElement("span", { key: i, style: { paddingRight: 5 } }, el));
+                    }
+                    else {
+                        var _el = el.trim();
+                        if (_el.length) {
+                            return (React.createElement(Text, { style: { paddingRight: 5 }, variant: "small", key: i }, convertTextToLinksAndText(he.decode(_el))));
+                        }
+                    }
+                }) : React.createElement("br", null)) : lineContent.trim().length > 0 ? (React.createElement(Text, { variant: "small" }, convertTextToLinksAndText(he.decode(lineContent)))) : (React.createElement("br", null))));
+        });
         setCommentText(result);
     }, []);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Stack, { wrap: true, horizontal: true, horizontalAlign: "start", verticalAlign: "center" }, isArray(commentText) ? (commentText.map(function (el, i) {
-            if (isObject(el)) {
-                return React.createElement("span", { key: i, style: { paddingRight: 5 } }, el);
-            }
-            else {
-                var _el = el.trim();
-                if (_el.length) {
-                    return (React.createElement(Text, { style: { paddingRight: 5 }, variant: "small", key: i }, he.decode(_el)));
-                }
-            }
-        })) : (React.createElement(Text, { variant: "small" }, he.decode(commentText))))));
+        React.createElement(Stack, { wrap: true, verticalAlign: "center" }, commentText)));
 };
 //# sourceMappingURL=CommentText.js.map

package/lib/controls/listItemComments/components/Comments/CommentText.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentText.js","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/CommentText.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentText.js","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/CommentText.tsx"],"names":[],"mappings":"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"}

package/lib/controls/listItemComments/components/Comments/CommentsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentsList.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/CommentsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAqJhC,CAAC"}
+{"version":3,"file":"CommentsList.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/CommentsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBA+PhC,CAAC"}

package/lib/controls/listItemComments/components/Comments/CommentsList.js

@@ -1,48 +1,4 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
+import { __awaiter, __generator, __spreadArray } from "tslib";
 import * as React from "react";
 import { useContext, useEffect, useRef } from "react";
 import { Stack } from "@fluentui/react/lib/Stack";
@@ -61,7 +17,7 @@ import { RenderComments } from "./RenderComments";
 export var CommentsList = function () {
     var _a = useContext(ListItemCommentsStateContext), listItemCommentsState = _a.listItemCommentsState, setlistItemCommentsState = _a.setlistItemCommentsState;
     var configurationListClasses = useListItemCommentsStyles().configurationListClasses;
-    var _b = useSpAPI(), getListItemComments = _b.getListItemComments, getNextPageOfComments = _b.getNextPageOfComments, addComment = _b.addComment, deleteComment = _b.deleteComment;
+    var _b = useSpAPI(), getListItemComments = _b.getListItemComments, getNextPageOfComments = _b.getNextPageOfComments, addComment = _b.addComment, deleteComment = _b.deleteComment, likeComment = _b.likeComment, unlikeComment = _b.unlikeComment;
     var comments = listItemCommentsState.comments, isScrolling = listItemCommentsState.isScrolling, pageInfo = listItemCommentsState.pageInfo, commentAction = listItemCommentsState.commentAction, commentToAdd = listItemCommentsState.commentToAdd, selectedComment = listItemCommentsState.selectedComment;
     var hasMore = pageInfo.hasMore, nextLink = pageInfo.nextLink;
     var scrollPanelRef = useRef();
@@ -85,9 +41,15 @@ export var CommentsList = function () {
                     });
                     setlistItemCommentsState({
                         type: EListItemCommentsStateTypes.SET_DATA_PAGE_INFO,
-                        payload: { hasMore: _commentsResults.hasMore, nextLink: _commentsResults.nextLink },
+                        payload: {
+                            hasMore: _commentsResults.hasMore,
+                            nextLink: _commentsResults.nextLink,
+                        },
+                    });
+                    setlistItemCommentsState({
+                        type: EListItemCommentsStateTypes.SET_COMMENT_ACTION,
+                        payload: undefined,
                     });
-                    setlistItemCommentsState({ type: EListItemCommentsStateTypes.SET_COMMENT_ACTION, payload: undefined });
                     setlistItemCommentsState({
                         type: EListItemCommentsStateTypes.SET_IS_LOADING,
                         payload: false,
@@ -95,7 +57,7 @@ export var CommentsList = function () {
                     return [3 /*break*/, 3];
                 case 2:
                     error_1 = _a.sent();
-                    _errorInfo = { showError: true, error: error_1.message };
+                    _errorInfo = { showError: true, error: error_1 };
                     setlistItemCommentsState({
                         type: EListItemCommentsStateTypes.SET_ERROR_INFO,
                         payload: _errorInfo,
@@ -169,6 +131,66 @@ export var CommentsList = function () {
             }
         });
     }); }, [setlistItemCommentsState, _loadComments]);
+    var _onCommentLike = useCallback(function (commentId) { return __awaiter(void 0, void 0, void 0, function () {
+        var _errorInfo, error_4, _errorInfo;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    _errorInfo = { showError: false, error: undefined };
+                    setlistItemCommentsState({
+                        type: EListItemCommentsStateTypes.SET_ERROR_INFO,
+                        payload: _errorInfo,
+                    });
+                    return [4 /*yield*/, likeComment(commentId)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, _loadComments()];
+                case 2:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_4 = _a.sent();
+                    _errorInfo = { showError: true, error: error_4 };
+                    setlistItemCommentsState({
+                        type: EListItemCommentsStateTypes.SET_ERROR_INFO,
+                        payload: _errorInfo,
+                    });
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [setlistItemCommentsState, _loadComments]);
+    var _onCommentUnlike = useCallback(function (commentId) { return __awaiter(void 0, void 0, void 0, function () {
+        var _errorInfo, error_5, _errorInfo;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    _errorInfo = { showError: false, error: undefined };
+                    setlistItemCommentsState({
+                        type: EListItemCommentsStateTypes.SET_ERROR_INFO,
+                        payload: _errorInfo,
+                    });
+                    return [4 /*yield*/, unlikeComment(commentId)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, _loadComments()];
+                case 2:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_5 = _a.sent();
+                    _errorInfo = { showError: true, error: error_5 };
+                    setlistItemCommentsState({
+                        type: EListItemCommentsStateTypes.SET_ERROR_INFO,
+                        payload: _errorInfo,
+                    });
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [setlistItemCommentsState, _loadComments]);
     useEffect(function () {
         switch (commentAction) {
             case ECommentAction.ADD:
@@ -184,7 +206,55 @@ export var CommentsList = function () {
                                 return [2 /*return*/];
                         }
                     });
-                }); })().then(function () { }).catch(function () { });
+                }); })()
+                    .then(function () {
+                    /* no-op; */
+                })
+                    .catch(function () {
+                    /* no-op; */
+                });
+                break;
+            case ECommentAction.LIKE:
+                (function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var commentId;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                commentId = Number(selectedComment.id);
+                                return [4 /*yield*/, _onCommentLike(commentId)];
+                            case 1:
+                                _a.sent();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); })()
+                    .then(function () {
+                    /* no-op; */
+                })
+                    .catch(function () {
+                    /* no-op; */
+                });
+                break;
+            case ECommentAction.UNLIKE:
+                (function () { return __awaiter(void 0, void 0, void 0, function () {
+                    var commentId;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                commentId = Number(selectedComment.id);
+                                return [4 /*yield*/, _onCommentUnlike(commentId)];
+                            case 1:
+                                _a.sent();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); })()
+                    .then(function () {
+                    /* no-op; */
+                })
+                    .catch(function () {
+                    /* no-op; */
+                });
                 break;
             case ECommentAction.DELETE:
                 (function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -199,12 +269,24 @@ export var CommentsList = function () {
                                 return [2 /*return*/];
                         }
                     });
-                }); })().then(function () { }).catch(function () { });
+                }); })()
+                    .then(function () {
+                    /* no-op; */
+                })
+                    .catch(function () {
+                    /* no-op; */
+                });
                 break;
             default:
                 break;
         }
-    }, [commentAction, selectedComment, commentToAdd, _onAddComment, _onADeleteComment]);
+    }, [
+        commentAction,
+        selectedComment,
+        commentToAdd,
+        _onAddComment,
+        _onADeleteComment,
+    ]);
     useEffect(function () {
         (function () { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -251,12 +333,12 @@ export var CommentsList = function () {
         });
     }); }, [hasMore, nextLink, isScrolling, setlistItemCommentsState]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Stack, { tokens: { childrenGap: 10, maxWidth: 335 } },
+        React.createElement(Stack, { tokens: { childrenGap: 10 } },
             React.createElement(RenderError, { errorInfo: errorInfo }),
             React.createElement(AddComment, null),
             React.createElement(Text, { variant: "small", block: true, style: { fontWeight: 600 } }, strings.ListItemCommentsLabel),
             React.createElement("div", { className: configurationListClasses.titlesContainer, onScroll: handleScroll, ref: scrollPanelRef },
-                React.createElement(Stack, null,
+                React.createElement(Stack, { styles: { root: { width: '100%' } } },
                     React.createElement(RenderComments, null)))),
         React.createElement(RenderSpinner, null)));
 };

package/lib/controls/listItemComments/components/Comments/CommentsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentsList.js","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/CommentsList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentsList.js","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/CommentsList.tsx"],"names":[],"mappings":"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"}

package/lib/controls/listItemComments/components/Comments/LikedUserList.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface ILikedUserListProps {
+    isDialogOpen: boolean;
+    setShowDialog: React.Dispatch<React.SetStateAction<boolean>>;
+    likedBy: any;
+}
+export declare const LikedUserList: ({ isDialogOpen, setShowDialog, likedBy, }: ILikedUserListProps) => JSX.Element;
+export {};
+//# sourceMappingURL=LikedUserList.d.ts.map

package/lib/controls/listItemComments/components/Comments/LikedUserList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LikedUserList.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/LikedUserList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,mBAAmB;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,OAAO,EAAE,GAAG,CAAC;CACd;AAID,eAAO,MAAM,aAAa,GAAI,2CAI3B,mBAAmB,KAAG,GAAG,CAAC,OAgD5B,CAAC"}

package/lib/controls/listItemComments/components/Comments/LikedUserList.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { IconButton, Modal, Persona, PersonaSize, Stack, } from '@fluentui/react';
+import { useListItemCommentsStyles } from './useListItemCommentsStyles';
+var cancelIcon = { iconName: 'Cancel' };
+export var LikedUserList = function (_a) {
+    var isDialogOpen = _a.isDialogOpen, setShowDialog = _a.setShowDialog, likedBy = _a.likedBy;
+    var _b = useListItemCommentsStyles(), iconButtonStyles = _b.iconButtonStyles, contentStyles = _b.contentStyles;
+    var PHOTO_URL = '/_layouts/15/userphoto.aspx?size=M&accountname=';
+    return (React.createElement(Modal, { isOpen: isDialogOpen, onDismiss: function () { return setShowDialog(false); }, styles: { main: { width: '480px' } } },
+        React.createElement("div", { className: contentStyles.header },
+            React.createElement("h2", { className: contentStyles.heading }, "Liked by"),
+            React.createElement(IconButton, { styles: iconButtonStyles, iconProps: cancelIcon, ariaLabel: "Close popup modal", onClick: function () { return setShowDialog(false); } })),
+        React.createElement(Stack, { tokens: { childrenGap: 12 }, style: {
+                height: 'auto',
+                maxHeight: '450px',
+                overflowY: 'auto',
+                padding: '0 1.5rem 1.5rem 1.5rem',
+            } }, likedBy.map(function (user, // eslint-disable-line @typescript-eslint/no-explicit-any
+        index) { return (React.createElement(React.Fragment, null,
+            React.createElement(Persona, { key: index, text: user.name, secondaryText: user.email, size: PersonaSize.size40, imageUrl: "".concat(PHOTO_URL).concat(user.email) }))); }))));
+};
+//# sourceMappingURL=LikedUserList.js.map

package/lib/controls/listItemComments/components/Comments/LikedUserList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LikedUserList.js","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/LikedUserList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,UAAU,EAEV,KAAK,EACL,OAAO,EACP,WAAW,EACX,KAAK,GACN,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAQxE,IAAM,UAAU,GAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAEtD,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAIR;QAHpB,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,OAAO,aAAA;IAED,IAAA,KAAsC,yBAAyB,EAAE,EAA/D,gBAAgB,sBAAA,EAAE,aAAa,mBAAgC,CAAC;IAExE,IAAM,SAAS,GAAG,iDAAiD,CAAC;IAEpE,OAAO,CACL,oBAAC,KAAK,IACJ,MAAM,EAAE,YAAY,EACpB,SAAS,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,EACrC,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;QAEpC,6BAAK,SAAS,EAAE,aAAa,CAAC,MAAM;YAClC,4BAAI,SAAS,EAAE,aAAa,CAAC,OAAO,eAAe;YACnD,oBAAC,UAAU,IACT,MAAM,EAAE,gBAAgB,EACxB,SAAS,EAAE,UAAU,EACrB,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,GACnC,CACE;QACN,oBAAC,KAAK,IACJ,MAAM,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,EAC3B,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,OAAO;gBAClB,SAAS,EAAE,MAAM;gBACjB,OAAO,EAAE,wBAAwB;aAClC,IAEA,OAAO,CAAC,GAAG,CACV,UACE,IAAS,EAAE,yDAAyD;QACpE,KAAa,IACV,OAAA,CACH;YACE,oBAAC,OAAO,IACN,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,aAAa,EAAE,IAAI,CAAC,KAAK,EACzB,IAAI,EAAE,WAAW,CAAC,MAAM,EACxB,QAAQ,EAAE,UAAG,SAAS,SAAG,IAAI,CAAC,KAAK,CAAE,GACrC,CACD,CACJ,EAVI,CAUJ,CACF,CACK,CACF,CACT,CAAC;AACJ,CAAC,CAAC"}

package/lib/controls/listItemComments/components/Comments/RenderComments.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export interface IRenderCommentsProps {
 }
 export declare const RenderComments: React.FunctionComponent<IRenderCommentsProps>;

package/lib/controls/listItemComments/components/Comments/RenderComments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderComments.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/RenderComments.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,oBAAoB;CAAI;AAEzC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CA2DxE,CAAC"}
+{"version":3,"file":"RenderComments.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/RenderComments.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,WAAW,oBAAoB;CAAG;AAExC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAClD,oBAAoB,CAuIrB,CAAC"}