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

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

@@ -1,63 +1,65 @@
-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 };
-    }
-};
-import { IconButton } from "@fluentui/react/lib/Button";
-import { DocumentCard, DocumentCardDetails } from "@fluentui/react/lib/DocumentCard";
-import { Stack } from "@fluentui/react/lib/Stack";
-import * as React from "react";
-import { useCallback } from "react";
-import { useContext } from "react";
-import { ConfirmDelete } from "../ConfirmDelete/ConfirmDelete";
-import { EListItemCommentsStateTypes, ListItemCommentsStateContext } from "../ListItemCommentsStateProvider";
-import { CommentItem } from "./CommentItem";
-import { RenderSpinner } from "./RenderSpinner";
-import { useListItemCommentsStyles } from "./useListItemCommentsStyles";
-import { useBoolean } from "@fluentui/react-hooks";
-import { List } from "@fluentui/react/lib/List";
-import { AppContext, ECommentAction } from "../..";
+import { __awaiter, __generator } from "tslib";
+import { IconButton } from '@fluentui/react/lib/Button';
+import { DocumentCard, DocumentCardDetails, } from '@fluentui/react/lib/DocumentCard';
+import { Stack } from '@fluentui/react/lib/Stack';
+import * as React from 'react';
+import { useCallback, useState } from 'react';
+import { useContext } from 'react';
+import { ConfirmDelete } from '../ConfirmDelete/ConfirmDelete';
+import { EListItemCommentsStateTypes, ListItemCommentsStateContext, } from '../ListItemCommentsStateProvider';
+import { CommentItem } from './CommentItem';
+import { RenderSpinner } from './RenderSpinner';
+import { useListItemCommentsStyles } from './useListItemCommentsStyles';
+import { useBoolean } from '@fluentui/react-hooks';
+import { Link, List, Text } from '@fluentui/react';
+import { AppContext, ECommentAction } from '../..';
+import { LikedUserList } from './LikedUserList';
 export var RenderComments = function () {
     var highlightedCommentId = useContext(AppContext).highlightedCommentId;
     var _a = useContext(ListItemCommentsStateContext), listItemCommentsState = _a.listItemCommentsState, setlistItemCommentsState = _a.setlistItemCommentsState;
-    var _b = useListItemCommentsStyles(), documentCardStyles = _b.documentCardStyles, documentCardHighlightedStyles = _b.documentCardHighlightedStyles, itemContainerStyles = _b.itemContainerStyles, deleteButtonContainerStyles = _b.deleteButtonContainerStyles;
+    var _b = useListItemCommentsStyles(), documentCardStyles = _b.documentCardStyles, documentCardHighlightedStyles = _b.documentCardHighlightedStyles, itemContainerStyles = _b.itemContainerStyles, buttonsContainerStyles = _b.buttonsContainerStyles;
     var comments = listItemCommentsState.comments, isLoading = listItemCommentsState.isLoading;
     var _c = useBoolean(true), hideDialog = _c[0], setHideDialog = _c[1].toggle;
+    var _d = useState(false), showDialog = _d[0], setShowDialog = _d[1];
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var _e = useState([]), selectedLikedBy = _e[0], setSelectedLikedBy = _e[1];
+    var _likeComment = useCallback(function () {
+        setlistItemCommentsState({
+            type: EListItemCommentsStateTypes.SET_COMMENT_ACTION,
+            payload: ECommentAction.LIKE,
+        });
+    }, []);
+    var _unLikeComment = useCallback(function () {
+        setlistItemCommentsState({
+            type: EListItemCommentsStateTypes.SET_COMMENT_ACTION,
+            payload: ECommentAction.UNLIKE,
+        });
+    }, []);
     var onRenderCell = useCallback(function (comment, index) {
-        return (React.createElement(DocumentCard, { styles: highlightedCommentId && comment.id === highlightedCommentId ? documentCardHighlightedStyles : documentCardStyles, key: index },
-            React.createElement(Stack, { horizontal: true, horizontalAlign: "end", styles: deleteButtonContainerStyles },
-                React.createElement(IconButton, { iconProps: { iconName: "Delete" }, style: { fontSize: 10 }, onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+        return (React.createElement(DocumentCard, { styles: highlightedCommentId && comment.id === highlightedCommentId
+                ? documentCardHighlightedStyles
+                : documentCardStyles, key: index },
+            React.createElement(Stack, { horizontal: true, horizontalAlign: "end", styles: buttonsContainerStyles },
+                React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
+                    comment.likeCount > 0 ? (React.createElement(Link, { onClick: function () {
+                            setSelectedLikedBy(comment.likedBy);
+                            setShowDialog(true);
+                        } }, comment.likeCount)) : (React.createElement(Text, null, comment.likeCount)),
+                    React.createElement(IconButton, { iconProps: {
+                            iconName: "".concat(comment.isLikedByUser ? 'LikeSolid' : 'Like'),
+                        }, style: { fontSize: 10 }, onClick: function () {
+                            setlistItemCommentsState({
+                                type: EListItemCommentsStateTypes.SET_SELECTED_COMMENT,
+                                payload: comment,
+                            });
+                            if (!comment.isLikedByUser) {
+                                _likeComment();
+                            }
+                            else {
+                                _unLikeComment();
+                            }
+                        } })),
+                React.createElement(IconButton, { iconProps: { iconName: 'Delete' }, style: { fontSize: 10 }, onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
                         return __generator(this, function (_a) {
                             setlistItemCommentsState({
                                 type: EListItemCommentsStateTypes.SET_SELECTED_COMMENT,
@@ -72,7 +74,7 @@ export var RenderComments = function () {
                     React.createElement(CommentItem, { comment: comment })))));
     }, [comments]);
     return (React.createElement(React.Fragment, null,
-        isLoading ? React.createElement(RenderSpinner, null) : React.createElement(List, { items: comments, onRenderCell: onRenderCell }),
+        isLoading ? (React.createElement(RenderSpinner, null)) : (React.createElement(List, { items: comments, onRenderCell: onRenderCell })),
         React.createElement(ConfirmDelete, { hideDialog: hideDialog, onDismiss: function (deleteComment) {
                 if (deleteComment) {
                     setlistItemCommentsState({
@@ -81,6 +83,7 @@ export var RenderComments = function () {
                     });
                 }
                 setHideDialog();
-            } })));
+            } }),
+        React.createElement(LikedUserList, { isDialogOpen: showDialog, setShowDialog: setShowDialog, likedBy: selectedLikedBy })));
 };
 //# sourceMappingURL=RenderComments.js.map

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

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

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

@@ -1,8 +1,9 @@
 import { IDocumentCardStyles } from "@fluentui/react/lib/DocumentCard";
 import { IStackStyles } from "@fluentui/react/lib/Stack";
+import { IButtonStyles } from '@fluentui/react';
 interface returnObjectStyles {
     itemContainerStyles: IStackStyles;
-    deleteButtonContainerStyles: Partial<IStackStyles>;
+    buttonsContainerStyles: Partial<IStackStyles>;
     userListContainerStyles: Partial<IStackStyles>;
     renderUserContainerStyles: Partial<IStackStyles>;
     documentCardStyles: Partial<IDocumentCardStyles>;
@@ -10,6 +11,8 @@ interface returnObjectStyles {
     documentCardHighlightedStyles: Partial<IDocumentCardStyles>;
     documentCardUserStyles: Partial<IDocumentCardStyles>;
     configurationListClasses: any;
+    contentStyles: any;
+    iconButtonStyles: Partial<IButtonStyles>;
 }
 export declare const useListItemCommentsStyles: () => returnObjectStyles;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"useListItemCommentsStyles.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/useListItemCommentsStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AASzD,UAAU,kBAAkB;IAC1B,mBAAmB,EAAE,YAAY,CAAC;IAClC,2BAA2B,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACnD,uBAAuB,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/C,yBAAyB,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACjD,kBAAkB,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACjD,wBAAwB,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACvD,6BAA6B,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC5D,sBAAsB,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrD,wBAAwB,EAAE,GAAG,CAAC;CAC/B;AAED,eAAO,MAAM,yBAAyB,QAAO,kBAwH5C,CAAC"}
+{"version":3,"file":"useListItemCommentsStyles.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/Comments/useListItemCommentsStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAUzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,UAAU,kBAAkB;IAC1B,mBAAmB,EAAE,YAAY,CAAC;IAClC,sBAAsB,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC9C,uBAAuB,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/C,yBAAyB,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACjD,kBAAkB,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACjD,wBAAwB,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACvD,6BAA6B,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC5D,sBAAsB,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrD,wBAAwB,EAAE,GAAG,CAAC;IAC9B,aAAa,EAAE,GAAG,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,yBAAyB,QAAO,kBA8L5C,CAAC"}

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

@@ -1,19 +1,25 @@
 import * as React from "react";
-import { mergeStyles, mergeStyleSets, } from "@fluentui/react/lib/Styling";
-import { AppContext } from "../../common";
-import { TILE_HEIGHT } from "../../common/constants";
+import { FontWeights, getTheme, mergeStyles, mergeStyleSets, } from '@fluentui/react/lib/Styling';
+import { AppContext } from '../../common';
+import { TILE_HEIGHT } from '../../common/constants';
 export var useListItemCommentsStyles = function () {
     var _a = React.useContext(AppContext), theme = _a.theme, numberCommentsPerPage = _a.numberCommentsPerPage;
+    var fluentTheme = getTheme();
     // Calc Height List tiles Container Based on number Items per Page
     var tilesHeight = numberCommentsPerPage
         ? (numberCommentsPerPage < 5 ? 5 : numberCommentsPerPage) * TILE_HEIGHT + 35
         : 7 * TILE_HEIGHT;
     var itemContainerStyles = {
-        root: { paddingTop: 0, paddingLeft: 20, paddingRight: 20, paddingBottom: 20 },
+        root: {
+            paddingTop: 0,
+            paddingLeft: 20,
+            paddingRight: 20,
+            paddingBottom: 20,
+        },
     };
-    var deleteButtonContainerStyles = {
+    var buttonsContainerStyles = {
         root: {
-            position: "absolute",
+            position: 'absolute',
             top: 0,
             right: 0,
         },
@@ -22,14 +28,21 @@ export var useListItemCommentsStyles = function () {
         root: { paddingLeft: 2, paddingRight: 2, paddingBottom: 2, minWidth: 206 },
     };
     var renderUserContainerStyles = {
-        root: { paddingTop: 5, paddingBottom: 5, paddingLeft: 10, paddingRight: 10 },
+        root: {
+            paddingTop: 5,
+            paddingBottom: 5,
+            paddingLeft: 10,
+            paddingRight: 10,
+        },
     };
     var documentCardStyles = {
         root: {
+            maxWidth: "initial",
             marginBottom: 7,
-            width: 322,
+            width: "100%",
             backgroundColor: theme.neutralLighterAlt,
             userSelect: "text",
+            boxSizing: "border-box",
             ":hover": {
                 borderColor: theme.themePrimary,
                 borderWidth: 1,
@@ -38,11 +51,13 @@ export var useListItemCommentsStyles = function () {
     };
     var documentCardHighlightedStyles = {
         root: {
+            maxWidth: "initial",
             marginBottom: 7,
-            width: 322,
+            width: "100%",
             backgroundColor: theme.themeLighter,
             userSelect: "text",
             border: "solid 3px " + theme.themePrimary,
+            boxSizing: "border-box",
             ":hover": {
                 borderColor: theme.themePrimary,
                 borderWidth: 1,
@@ -53,6 +68,7 @@ export var useListItemCommentsStyles = function () {
         root: {
             marginBottom: 5,
             backgroundColor: theme.neutralLighterAlt,
+            boxSizing: "border-box",
             ":hover": {
                 borderColor: theme.themePrimary,
                 borderWidth: 1,
@@ -64,7 +80,8 @@ export var useListItemCommentsStyles = function () {
             marginTop: 2,
             backgroundColor: theme === null || theme === void 0 ? void 0 : theme.white,
             boxShadow: "0 5px 15px rgba(50, 50, 90, .1)",
-            ":hover": {
+            boxSizing: "border-box",
+            ':hover': {
                 borderColor: theme.themePrimary,
                 backgroundColor: theme.neutralLighterAlt,
                 borderWidth: 1,
@@ -85,25 +102,72 @@ export var useListItemCommentsStyles = function () {
             color: theme.themePrimary,
         }),
         divContainer: {
-            display: "block",
+            display: 'block',
         },
         titlesContainer: {
+            width: "100%",
             height: tilesHeight,
             marginBottom: 10,
-            display: "flex",
+            display: 'flex',
             marginTop: 15,
-            overflow: "auto",
-            "&::-webkit-scrollbar-thumb": {
+            overflow: 'auto',
+            '&::-webkit-scrollbar-thumb': {
                 backgroundColor: theme.neutralLighter,
             },
-            "&::-webkit-scrollbar": {
+            '&::-webkit-scrollbar': {
                 width: 5,
             },
         },
     });
+    var contentStyles = mergeStyleSets({
+        container: {
+            display: 'flex',
+            flexFlow: 'column nowrap',
+            alignItems: 'stretch',
+        },
+        header: [
+            fluentTheme.fonts.xLargePlus,
+            {
+                flex: '1 1 auto',
+                borderTop: "4px solid ".concat(theme.themePrimary),
+                color: theme.neutralPrimary,
+                display: 'flex',
+                alignItems: 'center',
+                fontWeight: FontWeights.semibold,
+                padding: '12px 12px 14px 24px',
+            },
+        ],
+        heading: {
+            color: theme.neutralPrimary,
+            fontWeight: FontWeights.semibold,
+            fontSize: 'inherit',
+            margin: '0',
+        },
+        body: {
+            flex: '4 4 auto',
+            padding: '0 24px 24px 24px',
+            overflowY: 'hidden',
+            selectors: {
+                p: { margin: '14px 0' },
+                'p:first-child': { marginTop: 0 },
+                'p:last-child': { marginBottom: 0 },
+            },
+        },
+    });
+    var iconButtonStyles = {
+        root: {
+            color: theme.neutralPrimary,
+            marginLeft: 'auto',
+            marginTop: '4px',
+            marginRight: '2px',
+        },
+        rootHovered: {
+            color: theme.neutralDark,
+        },
+    };
     return {
         itemContainerStyles: itemContainerStyles,
-        deleteButtonContainerStyles: deleteButtonContainerStyles,
+        buttonsContainerStyles: buttonsContainerStyles,
         userListContainerStyles: userListContainerStyles,
         renderUserContainerStyles: renderUserContainerStyles,
         documentCardStyles: documentCardStyles,
@@ -111,6 +175,8 @@ export var useListItemCommentsStyles = function () {
         documentCardHighlightedStyles: documentCardHighlightedStyles,
         documentCardUserStyles: documentCardUserStyles,
         configurationListClasses: configurationListClasses,
+        contentStyles: contentStyles,
+        iconButtonStyles: iconButtonStyles,
     };
 };
 //# sourceMappingURL=useListItemCommentsStyles.js.map

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

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

package/lib/controls/listItemComments/components/ListItemCommentsStateProvider/IListItemCommentsStateContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EListItemCommentsStateTypes } from "./EListItemCommentsStateTypes";
 import { IListItemCommentsState } from "./IListItemCommentsState";
 export interface IListItemCommentsStateContext {

package/lib/controls/listItemComments/components/ListItemCommentsStateProvider/IListItemCommentsStateContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IListItemCommentsStateContext.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/ListItemCommentsStateProvider/IListItemCommentsStateContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,MAAM,WAAW,6BAA6B;IAC5C,qBAAqB,EAAE,sBAAsB,CAAC;IAC9C,wBAAwB,EAAE,KAAK,CAAC,QAAQ,CAAC;QAAC,IAAI,EAAC,2BAA2B,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,CAAC,CAAC;CAChG"}
+{"version":3,"file":"IListItemCommentsStateContext.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/ListItemCommentsStateProvider/IListItemCommentsStateContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,MAAM,WAAW,6BAA6B;IAC5C,qBAAqB,EAAE,sBAAsB,CAAC;IAC9C,wBAAwB,EAAE,KAAK,CAAC,QAAQ,CAAC;QAAC,IAAI,EAAC,2BAA2B,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,CAAC,CAAC;CAChG"}

package/lib/controls/listItemComments/components/ListItemCommentsStateProvider/ListItemCommentsStateProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemCommentsStateProvider.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/ListItemCommentsStateProvider/ListItemCommentsStateProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAuBhF,eAAO,MAAM,4BAA4B,8CAA0D,CAAC;AACpG,eAAO,MAAM,6BAA6B,UAAW;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;CAAE,KAAG,WAQpF,CAAC"}
+{"version":3,"file":"ListItemCommentsStateProvider.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/ListItemCommentsStateProvider/ListItemCommentsStateProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAuBhF,eAAO,MAAM,4BAA4B,8CAA0D,CAAC;AACpG,eAAO,MAAM,6BAA6B,GAAI,OAAO;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,KAAG,GAAG,CAAC,OAQxF,CAAC"}

package/lib/controls/listItemComments/components/ListItemCommentsStateProvider/ListItemCommentsStateReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemCommentsStateReducer.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/ListItemCommentsStateProvider/ListItemCommentsStateReducer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAMlE,eAAO,MAAM,4BAA4B,UAChC,sBAAsB,UACrB;IAAE,IAAI,EAAE,2BAA2B,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,KAC9D,sBAqBF,CAAC"}
+{"version":3,"file":"ListItemCommentsStateReducer.d.ts","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/ListItemCommentsStateProvider/ListItemCommentsStateReducer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAMlE,eAAO,MAAM,4BAA4B,GACvC,OAAO,sBAAsB,EAC7B,QAAQ;IAAE,IAAI,EAAE,2BAA2B,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,KAC9D,sBAqBF,CAAC"}

package/lib/controls/listItemComments/components/ListItemCommentsStateProvider/ListItemCommentsStateReducer.js

@@ -1,14 +1,4 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
+import { __assign } from "tslib";
 import { EListItemCommentsStateTypes } from "./EListItemCommentsStateTypes";
 // Reducer
 export var ListItemCommentsStateReducer = function (state, action) {

package/lib/controls/listItemComments/components/ListItemCommentsStateProvider/ListItemCommentsStateReducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemCommentsStateReducer.js","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/ListItemCommentsStateProvider/ListItemCommentsStateReducer.ts"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAM5E,UAAU;AACV,MAAM,CAAC,IAAM,4BAA4B,GAAG,UAC1C,KAA6B,EAC7B,MAA+D;IAE/D,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,2BAA2B,CAAC,cAAc;YAC7C,6BAAY,KAAK,KAAE,SAAS,EAAE,MAAM,CAAC,OAAqB,IAAG;QAC/D,KAAK,2BAA2B,CAAC,sBAAsB;YACrD,6BAAY,KAAK,KAAE,QAAQ,EAAE,MAAM,CAAC,OAAqB,IAAG;QAC9D,KAAK,2BAA2B,CAAC,cAAc;YAC7C,6BAAY,KAAK,KAAE,SAAS,EAAE,MAAM,CAAC,OAAkB,IAAG;QAC5D,KAAK,2BAA2B,CAAC,gBAAgB;YAC/C,6BAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAkB,IAAG;QAC9D,KAAK,2BAA2B,CAAC,kBAAkB;YACjD,6BAAY,KAAK,KAAE,QAAQ,EAAE,MAAM,CAAC,OAAoB,IAAG;QAC7D,KAAK,2BAA2B,CAAC,kBAAkB;YACjD,6BAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAyB,IAAG;QACvE,KAAK,2BAA2B,CAAC,eAAe;YAC9C,6BAAY,KAAK,KAAE,YAAY,EAAE,MAAM,CAAC,OAA6B,IAAG;QAC1E,KAAK,2BAA2B,CAAC,oBAAoB;YACnD,6BAAY,KAAK,KAAE,eAAe,EAAE,MAAM,CAAC,OAAmB,IAAG;QACnE;YACE,OAAO,KAAK,CAAC;KAChB;AACH,CAAC,CAAC"}
+{"version":3,"file":"ListItemCommentsStateReducer.js","sourceRoot":"","sources":["../../../../../src/controls/listItemComments/components/ListItemCommentsStateProvider/ListItemCommentsStateReducer.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAM5E,UAAU;AACV,MAAM,CAAC,IAAM,4BAA4B,GAAG,UAC1C,KAA6B,EAC7B,MAA+D;IAE/D,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,2BAA2B,CAAC,cAAc;YAC7C,6BAAY,KAAK,KAAE,SAAS,EAAE,MAAM,CAAC,OAAqB,IAAG;QAC/D,KAAK,2BAA2B,CAAC,sBAAsB;YACrD,6BAAY,KAAK,KAAE,QAAQ,EAAE,MAAM,CAAC,OAAqB,IAAG;QAC9D,KAAK,2BAA2B,CAAC,cAAc;YAC7C,6BAAY,KAAK,KAAE,SAAS,EAAE,MAAM,CAAC,OAAkB,IAAG;QAC5D,KAAK,2BAA2B,CAAC,gBAAgB;YAC/C,6BAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAkB,IAAG;QAC9D,KAAK,2BAA2B,CAAC,kBAAkB;YACjD,6BAAY,KAAK,KAAE,QAAQ,EAAE,MAAM,CAAC,OAAoB,IAAG;QAC7D,KAAK,2BAA2B,CAAC,kBAAkB;YACjD,6BAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAyB,IAAG;QACvE,KAAK,2BAA2B,CAAC,eAAe;YAC9C,6BAAY,KAAK,KAAE,YAAY,EAAE,MAAM,CAAC,OAA6B,IAAG;QAC1E,KAAK,2BAA2B,CAAC,oBAAoB;YACnD,6BAAY,KAAK,KAAE,eAAe,EAAE,MAAM,CAAC,OAAmB,IAAG;QACnE;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC,CAAC"}

package/lib/controls/listItemComments/hooks/useMsGraphAPI.js

@@ -1,39 +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 };
-    }
-};
+import { __awaiter, __generator } from "tslib";
 import { MSGraphClientFactory } from "@microsoft/sp-http";
 import { useCallback, useContext } from "react";
 import { AppContext } from "../common";

package/lib/controls/listItemComments/hooks/useMsGraphAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMsGraphAPI.js","sourceRoot":"","sources":["../../../../src/controls/listItemComments/hooks/useMsGraphAPI.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useMsGraphAPI.js","sourceRoot":"","sources":["../../../../src/controls/listItemComments/hooks/useMsGraphAPI.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAmB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AASvC,MAAM,CAAC,IAAM,aAAa,GAAG;IACnB,IAAA,YAAY,GAAK,UAAU,CAAC,UAAU,CAAC,aAA3B,CAA4B;IAChD,IAAI,cAAc,GAAoB,SAAS,CAAC;IAChD,YAAY,CAAC,YAAY,CAAC;;;wBACP,qBAAM,YAAY,CAAC,OAAO,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAA;;oBAA3F,cAAc,GAAG,SAA0E,CAAC;;;;SAC7F,CAAC,CAAC;IACH,IAAM,cAAc,GAAG,WAAW,CAAC;;;;;oBACjC,IAAI,CAAC,cAAc;wBAAE,sBAAO;oBACtB,MAAM,GAAgB,EAAE,CAAC;oBAEA,qBAAM,cAAc;6BAChD,GAAG,CAAC,WAAW,CAAC;6BAChB,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC;6BACtC,MAAM,CAAC,4EAA4E,CAAC;6BACpF,OAAO,CAAC,aAAa,CAAC;6BACtB,GAAG,EAAE,EAAA;;oBALF,qBAAqB,GAAG,CAAC,SAKvB,CAAQ;oBAChB,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAC;oBACnC,WAAW,GAAa,qBAAqB,CAAC,KAAiB,CAAC;oBACtE,WAAmC,EAAX,2BAAW,EAAX,yBAAW,EAAX,IAAW,EAAE,CAAC;wBAA3B,SAAS;wBAClB,MAAM,CAAC,IAAI,CAAC;4BACV,WAAW,EAAE,SAAS,CAAC,WAAW;4BAClC,SAAS,EAAE,SAAS,CAAC,SAAS;4BAC9B,EAAE,EAAE,SAAS,CAAC,EAAE;4BAChB,IAAI,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,OAAO;yBAChD,CAAC,CAAC;oBACL,CAAC;oBAEK,UAAU,GAAkB;wBAChC,KAAK,EAAE,MAAM;wBACb,OAAO,EAAE,KAAK;wBACd,QAAQ,EAAE,SAAS;qBACpB,CAAC;oBACF,sBAAO,UAAU,EAAC;;;SACnB,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,IAAM,QAAQ,GAAG,WAAW,CAC1B,UAAO,MAAc;;;;;;oBACnB,IAAI,CAAC,cAAc,IAAI,CAAC,MAAM;wBAAE,sBAAO;oBACnC,OAAO,GAAG,EAAE,CAAC;oBAEjB,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;wBAClB,OAAO,GAAG,6CAAsC,MAAM,2CAAiC,MAAM,QAAK,CAAC;oBACrG,CAAC;oBAEoB,qBAAM,cAAc;6BACtC,GAAG,CAAC,QAAQ,CAAC;6BACb,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC;6BACtC,MAAM,CAAC,OAAO,CAAC;6BACf,OAAO,CAAC,aAAa,CAAC;6BACtB,KAAK,CAAC,IAAI,CAAC;6BACX,GAAG,CAAC,EAAE,CAAC;6BACP,GAAG,EAAE,EAAA;;oBAPF,YAAY,GAAG,SAOb;oBAEF,UAAU,GAAkB;wBAChC,KAAK,EAAE,YAAY,CAAC,KAAK;wBACzB,OAAO,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;wBACvD,QAAQ,EAAE,MAAA,YAAY,CAAC,iBAAiB,CAAC,mCAAI,SAAS;qBACvD,CAAC;oBACF,sBAAO,UAAU,EAAC;;;SACnB,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,IAAM,gBAAgB,GAAG,WAAW,CAClC,UAAO,QAAgB;;;;;;oBACrB,IAAI,CAAC,cAAc;wBAAE,sBAAO;oBACP,qBAAM,cAAc,CAAC,GAAG,CAAC,UAAG,QAAQ,CAAE,CAAC,CAAC,GAAG,EAAE,EAAA;;oBAA5D,YAAY,GAAG,SAA6C;oBAC5D,UAAU,GAAkB;wBAChC,KAAK,EAAE,YAAY,CAAC,KAAK;wBACzB,OAAO,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;wBACvD,QAAQ,EAAE,MAAA,YAAY,CAAC,iBAAiB,CAAC,mCAAI,SAAS;qBACvD,CAAC;oBACF,sBAAO,UAAU,EAAC;;;SACnB,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,OAAO,EAAE,QAAQ,UAAA,EAAE,gBAAgB,kBAAA,EAAE,cAAc,gBAAA,EAAE,CAAC;AACxD,CAAC,CAAC"}

package/lib/controls/listItemComments/hooks/useSpAPI.d.ts

@@ -6,6 +6,8 @@ interface returnObject {
     getNextPageOfComments: (nextLink: string) => Promise<IlistItemCommentsResults>;
     addComment: (comment: IAddCommentPayload) => Promise<IComment>;
     deleteComment: (commentId: number) => Promise<void>;
+    likeComment: (commentId: number) => Promise<void>;
+    unlikeComment: (commentId: number) => Promise<void>;
 }
 export declare const useSpAPI: () => returnObject;
 export {};

package/lib/controls/listItemComments/hooks/useSpAPI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSpAPI.d.ts","sourceRoot":"","sources":["../../../../src/controls/listItemComments/hooks/useSpAPI.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,UAAU,YAAY;IACpB,mBAAmB,EAAE,MAAM,OAAO,CAAC,wBAAwB,CAAC,CAAC;IAC7D,qBAAqB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,wBAAwB,CAAC,CAAC;IAC/E,UAAU,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC/D,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,QAAQ,QAAO,YA2F3B,CAAC"}
+{"version":3,"file":"useSpAPI.d.ts","sourceRoot":"","sources":["../../../../src/controls/listItemComments/hooks/useSpAPI.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAG3D,UAAU,YAAY;IACpB,mBAAmB,EAAE,MAAM,OAAO,CAAC,wBAAwB,CAAC,CAAC;IAC7D,qBAAqB,EAAE,CACrB,QAAQ,EAAE,MAAM,KACb,OAAO,CAAC,wBAAwB,CAAC,CAAC;IACvC,UAAU,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC/D,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,QAAQ,QAAO,YAmJ3B,CAAC"}