@pega/cosmos-react-social 5.0.0-dev.4.6 → 5.0.0-dev.4.8

package/lib/components/Feed/FeedAttachments.js

@@ -1,97 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useContext } from 'react';
-import styled, { css } from 'styled-components';
-import { FileUploadItem, Grid, Image, defaultThemeProp, getKindFromMimeType, getMimeTypeFromFile, Flex, usePrevious, useI18n } from '@pega/cosmos-react-core';
-import BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';
-import { FeedContext } from './Feed.context';
-export const StyledFeedAttachments = styled.ul(({ theme }) => {
-    return css `
-    overflow-x: auto;
-
-    > li {
-      background-color: ${theme.base.palette['primary-background']};
-      cursor: initial;
-    }
-  `;
-});
-StyledFeedAttachments.defaultProps = defaultThemeProp;
-export const StyledImagePreview = styled(BareButton)(({ theme }) => {
-    return css `
-    line-height: 0;
-    width: fit-content;
-    border-radius: calc(0.5 * ${theme.base['border-radius']});
-
-    & + & {
-      margin: 0;
-    }
-
-    &:focus {
-      box-shadow: ${theme.components.button['focus-shadow']};
-    }
-
-    img {
-      border-radius: calc(0.5 * ${theme.base['border-radius']});
-      object-fit: contain;
-      max-height: 10rem;
-      max-width: 100%;
-    }
-  `;
-});
-StyledImagePreview.defaultProps = defaultThemeProp;
-export const StyledAttachmentsRegion = styled.div(({ variant, readOnly, theme }) => {
-    return css `
-      margin: ${theme.base.spacing} calc(5 * ${theme.base.spacing}) 0
-        calc(${variant === 'post' ? 6 : 5} * ${theme.base.spacing});
-
-      ${readOnly &&
-        css `
-        margin-block-start: ${theme.base.spacing};
-        margin-inline: 0;
-
-        div + ul {
-          margin-block-start: ${theme.base.spacing};
-        }
-      `}
-    `;
-});
-StyledAttachmentsRegion.defaultProps = defaultThemeProp;
-const FeedAttachments = forwardRef(function FeedAttachments(props, ref) {
-    const { variant, attachments = [], readOnly } = props;
-    const t = useI18n();
-    const { announce } = useContext(FeedContext);
-    const prevAttachments = usePrevious(attachments) ?? [];
-    useEffect(() => {
-        if (!readOnly && attachments.length !== prevAttachments?.length) {
-            const difference = attachments.length - prevAttachments.length;
-            const normalizedDifference = difference * (difference > 0 ? 1 : -1);
-            const timeoutId = announce(t(`feed_attachments_${difference > 0 ? 'added' : 'removed'}`, [normalizedDifference], {
-                count: normalizedDifference
-            }));
-            return () => clearTimeout(timeoutId);
-        }
-    }, [attachments, readOnly]);
-    if (attachments.length === 0)
-        return null;
-    const previewableFiles = [];
-    const nonPreviewableFiles = [];
-    attachments.forEach(file => {
-        const type = getKindFromMimeType(getMimeTypeFromFile(file.name) ?? '');
-        if (type === 'image' && file.thumbnail)
-            previewableFiles.push(file);
-        else
-            nonPreviewableFiles.push(file);
-    });
-    return (_jsxs(StyledAttachmentsRegion, { variant: variant, readOnly: readOnly, children: [readOnly && !!previewableFiles.length && (_jsx(Flex, { container: { gap: 1, wrap: 'wrap' }, children: previewableFiles.map(({ lastModified, name, onPreview, thumbnail }) => {
-                    return (_jsx(StyledImagePreview, { onClick: () => onPreview?.(name), children: _jsx(Image, { alt: name, src: thumbnail }) }, lastModified));
-                }) })), _jsxs(Grid, { ref: ref, as: StyledFeedAttachments, container: {
-                    cols: 'repeat(auto-fill, minmax(15rem, 1fr))',
-                    gap: 1
-                }, children: [!readOnly &&
-                        previewableFiles.map(({ lastModified, name, size, ...restProps }) => {
-                            return _jsx(FileUploadItem, { name: name, size: size, ...restProps }, lastModified);
-                        }), nonPreviewableFiles.map(({ lastModified, name, size, ...restProps }) => {
-                        return _jsx(FileUploadItem, { name: name, size: size, ...restProps }, lastModified);
-                    })] })] }));
-});
-export default FeedAttachments;
-//# sourceMappingURL=FeedAttachments.js.map

package/lib/components/Feed/FeedAttachments.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedAttachments.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedAttachments.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, forwardRef, PropsWithoutRef, useEffect, useContext } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  FileUploadItem,\n  Grid,\n  Image,\n  defaultThemeProp,\n  getKindFromMimeType,\n  getMimeTypeFromFile,\n  Flex,\n  usePrevious,\n  useI18n\n} from '@pega/cosmos-react-core';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\n\nimport { FeedContext } from './Feed.context';\nimport { AttachedFiles, FeedAttachmentsProps } from './Feed.types';\n\nexport const StyledFeedAttachments = styled.ul(({ theme }) => {\n  return css`\n    overflow-x: auto;\n\n    > li {\n      background-color: ${theme.base.palette['primary-background']};\n      cursor: initial;\n    }\n  `;\n});\n\nStyledFeedAttachments.defaultProps = defaultThemeProp;\n\nexport const StyledImagePreview = styled(BareButton)(({ theme }) => {\n  return css`\n    line-height: 0;\n    width: fit-content;\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n\n    & + & {\n      margin: 0;\n    }\n\n    &:focus {\n      box-shadow: ${theme.components.button['focus-shadow']};\n    }\n\n    img {\n      border-radius: calc(0.5 * ${theme.base['border-radius']});\n      object-fit: contain;\n      max-height: 10rem;\n      max-width: 100%;\n    }\n  `;\n});\n\nStyledImagePreview.defaultProps = defaultThemeProp;\n\nexport const StyledAttachmentsRegion = styled.div<FeedAttachmentsProps>(\n  ({ variant, readOnly, theme }) => {\n    return css`\n      margin: ${theme.base.spacing} calc(5 * ${theme.base.spacing}) 0\n        calc(${variant === 'post' ? 6 : 5} * ${theme.base.spacing});\n\n      ${readOnly &&\n      css`\n        margin-block-start: ${theme.base.spacing};\n        margin-inline: 0;\n\n        div + ul {\n          margin-block-start: ${theme.base.spacing};\n        }\n      `}\n    `;\n  }\n);\n\nStyledAttachmentsRegion.defaultProps = defaultThemeProp;\n\nconst FeedAttachments: FC<FeedAttachmentsProps> = forwardRef(function FeedAttachments(\n  props: PropsWithoutRef<FeedAttachmentsProps>,\n  ref: FeedAttachmentsProps['ref']\n) {\n  const { variant, attachments = [], readOnly } = props;\n  const t = useI18n();\n  const { announce } = useContext(FeedContext);\n  const prevAttachments = usePrevious(attachments) ?? [];\n\n  useEffect(() => {\n    if (!readOnly && attachments.length !== prevAttachments?.length) {\n      const difference = attachments.length - prevAttachments.length;\n      const normalizedDifference = difference * (difference > 0 ? 1 : -1);\n      const timeoutId = announce(\n        t(`feed_attachments_${difference > 0 ? 'added' : 'removed'}`, [normalizedDifference], {\n          count: normalizedDifference\n        })\n      );\n      return () => clearTimeout(timeoutId);\n    }\n  }, [attachments, readOnly]);\n\n  if (attachments.length === 0) return null;\n\n  const previewableFiles: AttachedFiles[] = [];\n  const nonPreviewableFiles: AttachedFiles[] = [];\n\n  attachments.forEach(file => {\n    const type = getKindFromMimeType(getMimeTypeFromFile(file.name) ?? '');\n\n    if (type === 'image' && file.thumbnail) previewableFiles.push(file);\n    else nonPreviewableFiles.push(file);\n  });\n\n  return (\n    <StyledAttachmentsRegion variant={variant} readOnly={readOnly}>\n      {readOnly && !!previewableFiles.length && (\n        <Flex container={{ gap: 1, wrap: 'wrap' }}>\n          {previewableFiles.map(({ lastModified, name, onPreview, thumbnail }) => {\n            return (\n              <StyledImagePreview key={lastModified} onClick={() => onPreview?.(name)}>\n                <Image alt={name} src={thumbnail} />\n              </StyledImagePreview>\n            );\n          })}\n        </Flex>\n      )}\n      <Grid\n        ref={ref}\n        as={StyledFeedAttachments}\n        container={{\n          cols: 'repeat(auto-fill, minmax(15rem, 1fr))',\n          gap: 1\n        }}\n      >\n        {!readOnly &&\n          previewableFiles.map(({ lastModified, name, size, ...restProps }) => {\n            return <FileUploadItem key={lastModified} name={name} size={size} {...restProps} />;\n          })}\n        {nonPreviewableFiles.map(({ lastModified, name, size, ...restProps }) => {\n          return <FileUploadItem key={lastModified} name={name} size={size} {...restProps} />;\n        })}\n      </Grid>\n    </StyledAttachmentsRegion>\n  );\n});\n\nexport default FeedAttachments;\n"]}

package/lib/components/Feed/FeedButton.d.ts

@@ -1,5 +0,0 @@
-declare const FeedButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    emphasized?: boolean | undefined;
-}, never>;
-export default FeedButton;
-//# sourceMappingURL=FeedButton.d.ts.map

package/lib/components/Feed/FeedButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedButton.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedButton.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,UAAU;;SAUd,CAAC;AAIH,eAAe,UAAU,CAAC"}

package/lib/components/Feed/FeedButton.js

@@ -1,15 +0,0 @@
-import styled, { css } from 'styled-components';
-import { defaultThemeProp } from '@pega/cosmos-react-core';
-const FeedButton = styled.button(props => {
-    const { emphasized, theme } = props;
-    return css `
-    color: ${emphasized ? theme.base.palette.interactive : theme.base.palette['foreground-color']};
-
-    span {
-      margin-inline-start: ${theme.base.spacing};
-    }
-  `;
-});
-FeedButton.defaultProps = defaultThemeProp;
-export default FeedButton;
-//# sourceMappingURL=FeedButton.js.map

package/lib/components/Feed/FeedButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedButton.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedButton.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAA2B,KAAK,CAAC,EAAE;IACjE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpC,OAAO,GAAG,CAAA;aACC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;6BAGpE,KAAK,CAAC,IAAI,CAAC,OAAO;;GAE5C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE3C,eAAe,UAAU,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\n\nconst FeedButton = styled.button<{ emphasized?: boolean }>(props => {\n  const { emphasized, theme } = props;\n\n  return css`\n    color: ${emphasized ? theme.base.palette.interactive : theme.base.palette['foreground-color']};\n\n    span {\n      margin-inline-start: ${theme.base.spacing};\n    }\n  `;\n});\n\nFeedButton.defaultProps = defaultThemeProp;\n\nexport default FeedButton;\n"]}

package/lib/components/Feed/FeedContent.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { ForwardProps } from '@pega/cosmos-react-core';
-import { FeedContentProps } from './Feed.types';
-declare const FeedContent: FC<FeedContentProps & ForwardProps>;
-export default FeedContent;
-//# sourceMappingURL=FeedContent.d.ts.map

package/lib/components/Feed/FeedContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedContent.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,EAAE,EAQH,MAAM,OAAO,CAAC;AAGf,OAAO,EAAgC,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAKrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAQhD,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,GAAG,YAAY,CAoEnD,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/lib/components/Feed/FeedContent.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useMemo, useRef, useEffect, useContext } from 'react';
-import styled from 'styled-components';
-import { Button, ExpandCollapse, Flex } from '@pega/cosmos-react-core';
-import { RichTextViewer } from '@pega/cosmos-react-rte';
-import { StyledEditorContainer } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/RichTextEditor.styles';
-import { FeedContext } from './Feed.context';
-const StyledContent = styled.div `
-  ${StyledEditorContainer} {
-    padding: 0;
-  }
-`;
-const FeedContent = forwardRef(function FeedContent({ children, maxContentHeight = Infinity, ...restProps }, ref) {
-    const { interactionRenderers, markdownMap } = useContext(FeedContext);
-    const [collapsed, setCollapsed] = useState(true);
-    const [exceedsMaxHeight, setExceedsMaxHeight] = useState(true);
-    const rtvRef = useRef(null);
-    useEffect(() => {
-        if (!rtvRef.current)
-            return;
-        const observer = new ResizeObserver(entries => {
-            const exceedsHeight = entries.some(({ target, contentRect }) => {
-                if (target !== rtvRef.current)
-                    return;
-                return contentRect.height > maxContentHeight;
-            });
-            setExceedsMaxHeight(exceedsHeight);
-        });
-        observer.observe(rtvRef.current);
-        return () => {
-            observer.disconnect();
-        };
-    }, [rtvRef.current, maxContentHeight]);
-    return useMemo(() => typeof children === 'string' ? (_jsxs(Flex, { as: StyledContent, ref: ref, container: { direction: 'column', gap: 1 }, children: [_jsx(ExpandCollapse, { collapsed: collapsed, min: exceedsMaxHeight ? `${maxContentHeight}px` : 'max-content', ...restProps, children: _jsx(RichTextViewer, { ref: rtvRef, content: children, type: 'markdown', interactionRenderers: interactionRenderers, markdownMap: markdownMap }) }), exceedsMaxHeight && (_jsx(Flex, { container: { justify: 'center' }, children: _jsx(Button, { variant: 'link', onClick: () => setCollapsed(current => !current), children: collapsed ? 'Show more' : 'Show less' }) }))] })) : (children), [
-        children,
-        collapsed,
-        exceedsMaxHeight,
-        interactionRenderers,
-        markdownMap,
-        maxContentHeight,
-        ref,
-        restProps
-    ]);
-});
-export default FeedContent;
-//# sourceMappingURL=FeedContent.js.map

package/lib/components/Feed/FeedContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedContent.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  FC,\n  forwardRef,\n  useState,\n  useMemo,\n  useRef,\n  useEffect,\n  PropsWithoutRef,\n  useContext\n} from 'react';\nimport styled from 'styled-components';\n\nimport { Button, ExpandCollapse, Flex, ForwardProps } from '@pega/cosmos-react-core';\nimport { RichTextViewer } from '@pega/cosmos-react-rte';\nimport { StyledEditorContainer } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/RichTextEditor.styles';\n\nimport { FeedContext } from './Feed.context';\nimport { FeedContentProps } from './Feed.types';\n\nconst StyledContent = styled.div`\n  ${StyledEditorContainer} {\n    padding: 0;\n  }\n`;\n\nconst FeedContent: FC<FeedContentProps & ForwardProps> = forwardRef(function FeedContent(\n  { children, maxContentHeight = Infinity, ...restProps }: PropsWithoutRef<FeedContentProps>,\n  ref: FeedContentProps['ref']\n) {\n  const { interactionRenderers, markdownMap } = useContext(FeedContext);\n  const [collapsed, setCollapsed] = useState(true);\n  const [exceedsMaxHeight, setExceedsMaxHeight] = useState(true);\n  const rtvRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!rtvRef.current) return;\n\n    const observer = new ResizeObserver(entries => {\n      const exceedsHeight = entries.some(({ target, contentRect }) => {\n        if (target !== rtvRef.current) return;\n\n        return contentRect.height > maxContentHeight;\n      });\n\n      setExceedsMaxHeight(exceedsHeight);\n    });\n\n    observer.observe(rtvRef.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [rtvRef.current, maxContentHeight]);\n\n  return useMemo(\n    () =>\n      typeof children === 'string' ? (\n        <Flex as={StyledContent} ref={ref} container={{ direction: 'column', gap: 1 }}>\n          <ExpandCollapse\n            collapsed={collapsed}\n            min={exceedsMaxHeight ? `${maxContentHeight}px` : 'max-content'}\n            {...restProps}\n          >\n            <RichTextViewer\n              ref={rtvRef}\n              content={children}\n              type='markdown'\n              interactionRenderers={interactionRenderers}\n              markdownMap={markdownMap}\n            />\n          </ExpandCollapse>\n          {exceedsMaxHeight && (\n            <Flex container={{ justify: 'center' }}>\n              <Button variant='link' onClick={() => setCollapsed(current => !current)}>\n                {collapsed ? 'Show more' : 'Show less'}\n              </Button>\n            </Flex>\n          )}\n        </Flex>\n      ) : (\n        children\n      ),\n    [\n      children,\n      collapsed,\n      exceedsMaxHeight,\n      interactionRenderers,\n      markdownMap,\n      maxContentHeight,\n      ref,\n      restProps\n    ]\n  );\n});\n\nexport default FeedContent;\n"]}

package/lib/components/Feed/FeedContentFooter.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { FeedContentFooterProps } from './Feed.types';
-declare const FeedContentFooter: FC<FeedContentFooterProps>;
-export default FeedContentFooter;
-//# sourceMappingURL=FeedContentFooter.d.ts.map

package/lib/components/Feed/FeedContentFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedContentFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedContentFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAkBvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAWtD,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAkGjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/Feed/FeedContentFooter.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext } from 'react';
-import styled, { css } from 'styled-components';
-import { Button, Count, defaultThemeProp, Flex, Icon, Progress, Text, useI18n, useUID } from '@pega/cosmos-react-core';
-import FeedButton from './FeedButton';
-import FeedLikeButton from './FeedLikeButton';
-import { FeedReplyContext } from './Feed.context';
-const StyledFeedContentFooter = styled.div(({ theme }) => {
-    return css `
-    margin-block-start: ${theme.base.spacing};
-    margin-inline-end: calc(2 * ${theme.base.spacing});
-  `;
-});
-StyledFeedContentFooter.defaultProps = defaultThemeProp;
-const FeedContentFooter = (props) => {
-    const { variant, id, username, liked, likes, likeCount, interactionsEnabled = true, likesLoading, replies = [], replyCount, repliesLoading, onCommentClick, onLikeClick, onLikeCountInteraction, onLoadMoreLikes, onShowMoreReplies, onShowLessReplies, replyInputOpen, setReplyInputOpen } = props;
-    const t = useI18n();
-    const commentCountId = useUID();
-    const { onShowReplyInput } = useContext(FeedReplyContext);
-    const numReplies = replyCount || replies.length;
-    return (_jsxs(Flex, { as: StyledFeedContentFooter, container: { justify: 'between', alignItems: 'center', wrap: 'wrap', gap: 1 }, children: [interactionsEnabled ? (_jsxs(Flex, { container: { gap: 2 }, children: [_jsxs(Flex, { container: { gap: 0.5, alignItems: 'center' }, children: [_jsx(Button, { variant: 'simple', as: FeedButton, icon: true, compact: true, onClick: () => {
-                                    onCommentClick?.({ id, username });
-                                    if (variant === 'post') {
-                                        if (!replyInputOpen) {
-                                            setReplyInputOpen?.(true);
-                                        }
-                                    }
-                                    else {
-                                        onShowReplyInput?.();
-                                    }
-                                }, label: t('feed_comment_label'), "aria-describedby": variant === 'post' && numReplies > 0 ? commentCountId : undefined, children: _jsx(Icon, { name: 'chat' }) }), numReplies > 0 && (_jsx(Count, { "aria-label": t('feed_post_comments', [numReplies], { count: numReplies }), id: commentCountId, children: numReplies }))] }), _jsx(FeedLikeButton, { id: id, onLikeClick: onLikeClick, onLikeCountInteraction: onLikeCountInteraction, onLoadMoreLikes: onLoadMoreLikes, likesLoading: likesLoading, liked: liked, likes: likes, likeCount: likeCount })] })) : (_jsx("div", {})), (onShowLessReplies || onShowMoreReplies) && (_jsxs(Flex, { container: { gap: 0.5 }, children: [replies.length !== numReplies && (_jsxs(_Fragment, { children: [_jsx(Text, { children: t('showing_num_of_num', [replies.length, numReplies]) }), _jsx("span", { children: "\u2022" })] })), onShowMoreReplies && replies.length < numReplies && (_jsx(Button, { variant: 'link', onClick: () => onShowMoreReplies({ id }), children: t('show_more') })), repliesLoading && _jsx(Progress, { placement: 'inline' })] }))] }));
-};
-export default FeedContentFooter;
-//# sourceMappingURL=FeedContentFooter.js.map

package/lib/components/Feed/FeedContentFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedContentFooter.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedContentFooter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useContext } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Count,\n  defaultThemeProp,\n  Flex,\n  Icon,\n  Progress,\n  Text,\n  useI18n,\n  useUID\n} from '@pega/cosmos-react-core';\n\nimport FeedButton from './FeedButton';\nimport FeedLikeButton from './FeedLikeButton';\nimport { FeedReplyContext } from './Feed.context';\nimport { FeedContentFooterProps } from './Feed.types';\n\nconst StyledFeedContentFooter = styled.div(({ theme }) => {\n  return css`\n    margin-block-start: ${theme.base.spacing};\n    margin-inline-end: calc(2 * ${theme.base.spacing});\n  `;\n});\n\nStyledFeedContentFooter.defaultProps = defaultThemeProp;\n\nconst FeedContentFooter: FC<FeedContentFooterProps> = (props: FeedContentFooterProps) => {\n  const {\n    variant,\n    id,\n    username,\n    liked,\n    likes,\n    likeCount,\n    interactionsEnabled = true,\n    likesLoading,\n    replies = [],\n    replyCount,\n    repliesLoading,\n    onCommentClick,\n    onLikeClick,\n    onLikeCountInteraction,\n    onLoadMoreLikes,\n    onShowMoreReplies,\n    onShowLessReplies,\n    replyInputOpen,\n    setReplyInputOpen\n  } = props;\n\n  const t = useI18n();\n  const commentCountId = useUID();\n  const { onShowReplyInput } = useContext(FeedReplyContext);\n\n  const numReplies = replyCount || replies.length;\n\n  return (\n    <Flex\n      as={StyledFeedContentFooter}\n      container={{ justify: 'between', alignItems: 'center', wrap: 'wrap', gap: 1 }}\n    >\n      {interactionsEnabled ? (\n        <Flex container={{ gap: 2 }}>\n          <Flex container={{ gap: 0.5, alignItems: 'center' }}>\n            <Button\n              variant='simple'\n              as={FeedButton}\n              icon\n              compact\n              onClick={() => {\n                onCommentClick?.({ id, username });\n                if (variant === 'post') {\n                  if (!replyInputOpen) {\n                    setReplyInputOpen?.(true);\n                  }\n                } else {\n                  onShowReplyInput?.();\n                }\n              }}\n              label={t('feed_comment_label')}\n              aria-describedby={variant === 'post' && numReplies > 0 ? commentCountId : undefined}\n            >\n              <Icon name='chat' />\n            </Button>\n            {numReplies > 0 && (\n              <Count\n                aria-label={t('feed_post_comments', [numReplies], { count: numReplies })}\n                id={commentCountId}\n              >\n                {numReplies}\n              </Count>\n            )}\n          </Flex>\n          <FeedLikeButton\n            id={id}\n            onLikeClick={onLikeClick}\n            onLikeCountInteraction={onLikeCountInteraction}\n            onLoadMoreLikes={onLoadMoreLikes}\n            likesLoading={likesLoading}\n            liked={liked}\n            likes={likes}\n            likeCount={likeCount}\n          />\n        </Flex>\n      ) : (\n        <div />\n      )}\n      {(onShowLessReplies || onShowMoreReplies) && (\n        <Flex container={{ gap: 0.5 }}>\n          {replies.length !== numReplies && (\n            <>\n              <Text>{t('showing_num_of_num', [replies.length, numReplies])}</Text>\n              <span>&bull;</span>\n            </>\n          )}\n          {onShowMoreReplies && replies.length < numReplies && (\n            <Button variant='link' onClick={() => onShowMoreReplies({ id })}>\n              {t('show_more')}\n            </Button>\n          )}\n          {repliesLoading && <Progress placement='inline' />}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\nexport default FeedContentFooter;\n"]}

package/lib/components/Feed/FeedContentHeader.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { FeedContentHeaderProps } from './Feed.types';
-declare const FeedContentHeader: FC<FeedContentHeaderProps>;
-export default FeedContentHeader;
-//# sourceMappingURL=FeedContentHeader.d.ts.map

package/lib/components/Feed/FeedContentHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedContentHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedContentHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAgCtE,OAAO,EAAE,sBAAsB,EAAsB,MAAM,cAAc,CAAC;AAsB1E,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA2MjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/Feed/FeedContentHeader.js

@@ -1,107 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useEffect, useRef } from 'react';
-import styled, { css } from 'styled-components';
-import { Avatar, Button, DateTimeDisplay, defaultThemeProp, Flex, Icon, MenuButton, MetaList, StyledSecondary, SummaryItem, Text, Tooltip, useConfiguration, useElement, useI18n, useModalManager } from '@pega/cosmos-react-core';
-import BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';
-import { parseToDate } from '@pega/cosmos-react-core/lib/components/DateTime/Input/utils';
-import { formatDateTime } from '@pega/cosmos-react-core/lib/components/DateTime/utils';
-import { formatListToLocaleString } from '@pega/cosmos-react-core/lib/utils';
-import AutopilotAvatar from '../Autopilot/AutopilotAvatar';
-import { FeedContext } from './Feed.context';
-import FeedModalList from './FeedModalList';
-import FeedButton from './FeedButton';
-const StyledFeedContentHeader = styled.div(({ theme }) => {
-    return css `
-    margin-block-end: ${theme.base.spacing};
-    column-gap: ${theme.base.spacing};
-
-    ${StyledSecondary} {
-      ${FeedButton} {
-        /* Negative margin needed to align the icon with the author name on the line above. */
-        margin-inline-start: calc(-0.75 * ${theme.base.spacing});
-      }
-    }
-  `;
-});
-StyledFeedContentHeader.defaultProps = defaultThemeProp;
-const StyledName = styled(Text) `
-  display: inline-block;
-`;
-const FeedContentHeader = (props) => {
-    const { variant, id, fullname, username, postTimestamp, content, avatarSrc, icon, userStatus, postType, postContext, recipients = [], recipientsCount = 0, menuItems, edited, editTimestamp, recipientsLoading, onEditSubmit, onLoadMoreRecipients, onRecipientInteraction, onUserClick, setEditMode } = props;
-    const { enableAutopilot, userInfo: loggedInUser } = useContext(FeedContext);
-    const t = useI18n();
-    const { locale } = useConfiguration();
-    const { create } = useModalManager();
-    const recipientsModalRef = useRef();
-    const [postTimestampEl, setPostTimestampEl] = useElement();
-    const [editTimestampEl, setEditTimestampEl] = useElement();
-    const autopilotAuthor = enableAutopilot && username === 'Autopilot';
-    const timestamps = [
-        _jsxs(_Fragment, { children: [_jsx(DateTimeDisplay, { ref: setPostTimestampEl, value: postTimestamp, variant: 'relative' }), postTimestamp && (_jsx(Tooltip, { target: postTimestampEl, children: formatDateTime(parseToDate(postTimestamp), {
-                        t,
-                        locale,
-                        format: 'short',
-                        variant: 'datetime',
-                        timeZone: loggedInUser.timeZone
-                    }) }))] })
-    ];
-    if (edited) {
-        timestamps.push(_jsxs(_Fragment, { children: [_jsx(Text, { ref: setEditTimestampEl, variant: 'secondary', children: t('edited', [_jsx(DateTimeDisplay, { value: editTimestamp, variant: 'relative' })]) }), editTimestamp && (_jsx(Tooltip, { target: editTimestampEl, children: formatDateTime(parseToDate(editTimestamp), {
-                        t,
-                        locale,
-                        format: 'short',
-                        variant: 'datetime',
-                        timeZone: loggedInUser.timeZone
-                    }) }))] }));
-    }
-    const userVisual = autopilotAuthor ? (_jsx(AutopilotAvatar, {})) : (_jsx(Avatar, { name: fullname, size: variant === 'post' ? 'l' : 'm', imageSrc: avatarSrc, icon: icon, status: userStatus }));
-    const recipientsList = recipients.map(x => x.primary);
-    useEffect(() => {
-        if (recipients.length) {
-            recipientsModalRef.current?.update({
-                count: recipientsCount,
-                heading: t('feed_recipients'),
-                listItems: recipients,
-                onLoadMore: onLoadMoreRecipients,
-                loading: recipientsLoading
-            });
-        }
-    }, [recipientsCount, recipients, onLoadMoreRecipients, recipientsLoading]);
-    return (_jsx(SummaryItem, { as: StyledFeedContentHeader, visual: onUserClick ? (_jsx(BareButton, { onClick: (event) => {
-                onUserClick?.({ id, username }, event);
-            }, children: userVisual })) : (userVisual), primary: _jsxs("div", { children: [onUserClick ? (_jsx(Button, { variant: 'text', onClick: (event) => {
-                        onUserClick?.({ id, username }, event);
-                    }, children: _jsx(Text, { variant: 'h3', children: autopilotAuthor ? 'Autopilot' : fullname }) })) : (_jsx(StyledName, { variant: 'h3', children: autopilotAuthor ? 'Autopilot' : fullname })), postContext && _jsxs(Text, { variant: 'primary', children: [" ", t('feed_context', [postContext])] })] }), secondary: _jsxs(Flex, { container: { gap: 0.5, alignItems: 'center' }, children: [postType === 'private' && (_jsx(Button, { variant: 'simple', as: FeedButton, icon: true, compact: true, onClick: recipients.length
-                        ? () => {
-                            if (recipientsCount > 2) {
-                                recipientsModalRef.current = create(FeedModalList, {
-                                    count: recipientsCount,
-                                    heading: t('feed_recipients'),
-                                    listItems: recipients,
-                                    onLoadMore: onLoadMoreRecipients,
-                                    loading: recipientsLoading
-                                });
-                            }
-                        }
-                        : onRecipientInteraction, onFocus: onRecipientInteraction, onMouseOver: onRecipientInteraction, "aria-label": `${t('feed_private_post')} ${t('feed_recipients')} ${formatListToLocaleString(recipientsList.slice(0, 2), t, locale, {
-                        count: recipientsCount
-                    })}`, label: `${t('feed_private_post')}:\n${formatListToLocaleString(recipientsList.slice(0, 2), t, locale, {
-                        count: recipientsCount,
-                        separator: '\n'
-                    }) || t('feed_private_post')}`, children: _jsx(Icon, { name: 'lock-closed-solid' }) })), _jsx(MetaList, { items: timestamps })] }), actions: menuItems ? (_jsx(MenuButton, { text: t('feed_post_actions_menu'), menu: {
-                items: onEditSubmit && typeof content === 'string' && username === loggedInUser.username
-                    ? [
-                        {
-                            primary: t('edit'),
-                            id: 'edit',
-                            onClick: () => setEditMode(true),
-                            disabled: content.includes('<pega-autopilot/>')
-                        },
-                        ...menuItems
-                    ]
-                    : menuItems
-            }, icon: 'more', iconOnly: true, variant: 'simple' })) : undefined }));
-};
-export default FeedContentHeader;
-//# sourceMappingURL=FeedContentHeader.js.map

package/lib/components/Feed/FeedContentHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedContentHeader.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedContentHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, MouseEvent, useContext, useEffect, useRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Avatar,\n  Button,\n  DateTimeDisplay,\n  defaultThemeProp,\n  Flex,\n  Icon,\n  MenuButton,\n  MetaList,\n  ModalMethods,\n  StyledSecondary,\n  SummaryItem,\n  Text,\n  Tooltip,\n  useConfiguration,\n  useElement,\n  useI18n,\n  useModalManager\n} from '@pega/cosmos-react-core';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\nimport { parseToDate } from '@pega/cosmos-react-core/lib/components/DateTime/Input/utils';\nimport { formatDateTime } from '@pega/cosmos-react-core/lib/components/DateTime/utils';\nimport { formatListToLocaleString } from '@pega/cosmos-react-core/lib/utils';\n\nimport AutopilotAvatar from '../Autopilot/AutopilotAvatar';\n\nimport { FeedContext } from './Feed.context';\nimport FeedModalList from './FeedModalList';\nimport FeedButton from './FeedButton';\nimport { FeedContentHeaderProps, FeedModalListProps } from './Feed.types';\n\nconst StyledFeedContentHeader = styled.div(({ theme }) => {\n  return css`\n    margin-block-end: ${theme.base.spacing};\n    column-gap: ${theme.base.spacing};\n\n    ${StyledSecondary} {\n      ${FeedButton} {\n        /* Negative margin needed to align the icon with the author name on the line above. */\n        margin-inline-start: calc(-0.75 * ${theme.base.spacing});\n      }\n    }\n  `;\n});\n\nStyledFeedContentHeader.defaultProps = defaultThemeProp;\n\nconst StyledName = styled(Text)`\n  display: inline-block;\n`;\n\nconst FeedContentHeader: FC<FeedContentHeaderProps> = (props: FeedContentHeaderProps) => {\n  const {\n    variant,\n    id,\n    fullname,\n    username,\n    postTimestamp,\n    content,\n    avatarSrc,\n    icon,\n    userStatus,\n    postType,\n    postContext,\n    recipients = [],\n    recipientsCount = 0,\n    menuItems,\n    edited,\n    editTimestamp,\n    recipientsLoading,\n    onEditSubmit,\n    onLoadMoreRecipients,\n    onRecipientInteraction,\n    onUserClick,\n    setEditMode\n  } = props;\n\n  const { enableAutopilot, userInfo: loggedInUser } = useContext(FeedContext);\n  const t = useI18n();\n  const { locale } = useConfiguration();\n  const { create } = useModalManager();\n\n  const recipientsModalRef = useRef<ModalMethods<FeedModalListProps>>();\n  const [postTimestampEl, setPostTimestampEl] = useElement<HTMLSpanElement>();\n  const [editTimestampEl, setEditTimestampEl] = useElement<HTMLSpanElement>();\n\n  const autopilotAuthor = enableAutopilot && username === 'Autopilot';\n\n  const timestamps = [\n    <>\n      <DateTimeDisplay ref={setPostTimestampEl} value={postTimestamp} variant='relative' />\n      {postTimestamp && (\n        <Tooltip target={postTimestampEl}>\n          {formatDateTime(parseToDate(postTimestamp), {\n            t,\n            locale,\n            format: 'short',\n            variant: 'datetime',\n            timeZone: loggedInUser.timeZone\n          })}\n        </Tooltip>\n      )}\n    </>\n  ];\n\n  if (edited) {\n    timestamps.push(\n      <>\n        <Text ref={setEditTimestampEl} variant='secondary'>\n          {t('edited', [<DateTimeDisplay value={editTimestamp} variant='relative' />])}\n        </Text>\n        {editTimestamp && (\n          <Tooltip target={editTimestampEl}>\n            {formatDateTime(parseToDate(editTimestamp), {\n              t,\n              locale,\n              format: 'short',\n              variant: 'datetime',\n              timeZone: loggedInUser.timeZone\n            })}\n          </Tooltip>\n        )}\n      </>\n    );\n  }\n\n  const userVisual = autopilotAuthor ? (\n    <AutopilotAvatar />\n  ) : (\n    <Avatar\n      name={fullname}\n      size={variant === 'post' ? 'l' : 'm'}\n      imageSrc={avatarSrc}\n      icon={icon}\n      status={userStatus}\n    />\n  );\n\n  const recipientsList = recipients.map(x => x.primary);\n\n  useEffect(() => {\n    if (recipients.length) {\n      recipientsModalRef.current?.update({\n        count: recipientsCount,\n        heading: t('feed_recipients'),\n        listItems: recipients,\n        onLoadMore: onLoadMoreRecipients,\n        loading: recipientsLoading\n      });\n    }\n  }, [recipientsCount, recipients, onLoadMoreRecipients, recipientsLoading]);\n\n  return (\n    <SummaryItem\n      as={StyledFeedContentHeader}\n      visual={\n        onUserClick ? (\n          <BareButton\n            onClick={(event: MouseEvent) => {\n              onUserClick?.({ id, username }, event);\n            }}\n          >\n            {userVisual}\n          </BareButton>\n        ) : (\n          userVisual\n        )\n      }\n      primary={\n        <div>\n          {onUserClick ? (\n            <Button\n              variant='text'\n              onClick={(event: MouseEvent) => {\n                onUserClick?.({ id, username }, event);\n              }}\n            >\n              <Text variant='h3'>{autopilotAuthor ? 'Autopilot' : fullname}</Text>\n            </Button>\n          ) : (\n            <StyledName variant='h3'>{autopilotAuthor ? 'Autopilot' : fullname}</StyledName>\n          )}\n          {postContext && <Text variant='primary'> {t('feed_context', [postContext])}</Text>}\n        </div>\n      }\n      secondary={\n        <Flex container={{ gap: 0.5, alignItems: 'center' }}>\n          {postType === 'private' && (\n            <Button\n              variant='simple'\n              as={FeedButton}\n              icon\n              compact\n              onClick={\n                recipients.length\n                  ? () => {\n                      if (recipientsCount > 2) {\n                        recipientsModalRef.current = create(FeedModalList, {\n                          count: recipientsCount,\n                          heading: t('feed_recipients'),\n                          listItems: recipients,\n                          onLoadMore: onLoadMoreRecipients,\n                          loading: recipientsLoading\n                        });\n                      }\n                    }\n                  : onRecipientInteraction\n              }\n              onFocus={onRecipientInteraction}\n              onMouseOver={onRecipientInteraction}\n              aria-label={`${t('feed_private_post')} ${t(\n                'feed_recipients'\n              )} ${formatListToLocaleString(recipientsList.slice(0, 2), t, locale, {\n                count: recipientsCount\n              })}`}\n              label={`${t('feed_private_post')}:\\n${\n                formatListToLocaleString(recipientsList.slice(0, 2), t, locale, {\n                  count: recipientsCount,\n                  separator: '\\n'\n                }) || t('feed_private_post')\n              }`}\n            >\n              <Icon name='lock-closed-solid' />\n            </Button>\n          )}\n          <MetaList items={timestamps} />\n        </Flex>\n      }\n      actions={\n        menuItems ? (\n          <MenuButton\n            text={t('feed_post_actions_menu')}\n            menu={{\n              items:\n                onEditSubmit && typeof content === 'string' && username === loggedInUser.username\n                  ? [\n                      {\n                        primary: t('edit'),\n                        id: 'edit',\n                        onClick: () => setEditMode(true),\n                        disabled: content.includes('<pega-autopilot/>')\n                      },\n                      ...menuItems\n                    ]\n                  : menuItems\n            }}\n            icon='more'\n            iconOnly\n            variant='simple'\n          />\n        ) : undefined\n      }\n    />\n  );\n};\n\nexport default FeedContentHeader;\n"]}

package/lib/components/Feed/FeedEditRegion.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { ForwardProps } from '@pega/cosmos-react-core';
-import { FeedEditRegionProps } from './Feed.types';
-declare const FeedEditRegion: FC<ForwardProps & FeedEditRegionProps>;
-export default FeedEditRegion;
-//# sourceMappingURL=FeedEditRegion.d.ts.map

package/lib/components/Feed/FeedEditRegion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedEditRegion.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedEditRegion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA2C,MAAM,OAAO,CAAC;AAGpE,OAAO,EAIL,YAAY,EAIb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAiBnD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,YAAY,GAAG,mBAAmB,CAgF1D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/Feed/FeedEditRegion.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useEffect, useRef, useState } from 'react';
-import styled, { css } from 'styled-components';
-import { Button, defaultThemeProp, Flex, Icon, useI18n, useOuterEvent } from '@pega/cosmos-react-core';
-import FeedRichText from './FeedRichText';
-import { minInputHeight, StyledActions } from './FeedInputRegion';
-import FeedButton from './FeedButton';
-import { FeedContext } from './Feed.context';
-const StyledInputContainer = styled.div(({ theme }) => {
-    return css `
-    width: calc(100% - (${theme.base.spacing} + ${theme.base['hit-area']['mouse-min']}));
-
-    @media (pointer: coarse) {
-      width: calc(100% - (${theme.base.spacing} + ${theme.base['hit-area']['finger-min']}));
-    }
-  `;
-});
-StyledInputContainer.defaultProps = defaultThemeProp;
-const FeedEditRegion = (props) => {
-    const { variant, id, content, setEditMode, onEditSubmit, emptyEditText, setEmptyEditText } = props;
-    const t = useI18n();
-    const { setShowSearchResults } = useContext(FeedContext);
-    const rteRef = useRef();
-    const editTextAreaRef = useRef(null);
-    const [contentModified, setContentModified] = useState(false);
-    useOuterEvent('mousedown', [editTextAreaRef], () => {
-        if (emptyEditText)
-            setEditMode(false);
-    });
-    const handleEdit = () => {
-        setShowSearchResults?.(false);
-        if (!emptyEditText && contentModified) {
-            onEditSubmit?.({
-                id,
-                value: rteRef.current?.getPlainText() || ''
-            });
-            setEditMode(false);
-        }
-    };
-    const onKeyDown = (event) => {
-        setShowSearchResults?.(true);
-        if ((event.metaKey || event.ctrlKey) && event.key === 'Enter')
-            handleEdit();
-    };
-    useEffect(() => {
-        if (rteRef.current) {
-            rteRef.current?.focus();
-        }
-    }, [rteRef]);
-    const label = t(variant === 'post' ? 'feed_edit_post' : 'feed_edit_comment');
-    return (_jsxs(Flex, { container: { gap: 1, alignItems: 'start' }, children: [_jsx(StyledInputContainer, { ref: editTextAreaRef, children: _jsx(FeedRichText, { label: label, onChange: () => {
-                        setEmptyEditText(rteRef.current?.getPlainText().trim() === '');
-                        setContentModified(rteRef.current?.getPlainText() !== content);
-                    }, onKeyDown: onKeyDown, height: { min: minInputHeight }, defaultValue: content, ref: rteRef }) }), _jsxs(Flex, { as: StyledActions, container: { direction: 'column', gap: 0.25 }, children: [_jsx(Button, { variant: 'simple', as: FeedButton, onClick: () => setEditMode(false), icon: true, label: t('cancel'), children: _jsx(Icon, { name: 'times' }) }), _jsx(Button, { as: FeedButton, disabled: emptyEditText || !contentModified, variant: 'simple', onClick: handleEdit, icon: true, label: t('update'), children: _jsx(Icon, { name: 'send' }) })] })] }));
-};
-export default FeedEditRegion;
-//# sourceMappingURL=FeedEditRegion.js.map

package/lib/components/Feed/FeedEditRegion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedEditRegion.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedEditRegion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useContext, useEffect, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  defaultThemeProp,\n  Flex,\n  ForwardProps,\n  Icon,\n  useI18n,\n  useOuterEvent\n} from '@pega/cosmos-react-core';\nimport { RichTextEditorState } from '@pega/cosmos-react-rte';\n\nimport FeedRichText from './FeedRichText';\nimport { FeedEditRegionProps } from './Feed.types';\nimport { minInputHeight, StyledActions } from './FeedInputRegion';\nimport FeedButton from './FeedButton';\nimport { FeedContext } from './Feed.context';\n\nconst StyledInputContainer = styled.div(({ theme }) => {\n  return css`\n    width: calc(100% - (${theme.base.spacing} + ${theme.base['hit-area']['mouse-min']}));\n\n    @media (pointer: coarse) {\n      width: calc(100% - (${theme.base.spacing} + ${theme.base['hit-area']['finger-min']}));\n    }\n  `;\n});\n\nStyledInputContainer.defaultProps = defaultThemeProp;\n\nconst FeedEditRegion: FC<ForwardProps & FeedEditRegionProps> = (\n  props: ForwardProps & FeedEditRegionProps\n) => {\n  const { variant, id, content, setEditMode, onEditSubmit, emptyEditText, setEmptyEditText } =\n    props;\n\n  const t = useI18n();\n  const { setShowSearchResults } = useContext(FeedContext);\n  const rteRef = useRef<RichTextEditorState>();\n  const editTextAreaRef = useRef<HTMLDivElement>(null);\n\n  const [contentModified, setContentModified] = useState(false);\n\n  useOuterEvent('mousedown', [editTextAreaRef], () => {\n    if (emptyEditText) setEditMode(false);\n  });\n\n  const handleEdit = () => {\n    setShowSearchResults?.(false);\n    if (!emptyEditText && contentModified) {\n      onEditSubmit?.({\n        id,\n        value: rteRef.current?.getPlainText() || ''\n      });\n      setEditMode(false);\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    setShowSearchResults?.(true);\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') handleEdit();\n  };\n\n  useEffect(() => {\n    if (rteRef.current) {\n      rteRef.current?.focus();\n    }\n  }, [rteRef]);\n\n  const label = t(variant === 'post' ? 'feed_edit_post' : 'feed_edit_comment');\n\n  return (\n    <Flex container={{ gap: 1, alignItems: 'start' }}>\n      <StyledInputContainer ref={editTextAreaRef}>\n        <FeedRichText\n          label={label}\n          onChange={() => {\n            setEmptyEditText(rteRef.current?.getPlainText().trim() === '');\n            setContentModified(rteRef.current?.getPlainText() !== content);\n          }}\n          onKeyDown={onKeyDown}\n          height={{ min: minInputHeight }}\n          defaultValue={content}\n          ref={rteRef}\n        />\n      </StyledInputContainer>\n      <Flex as={StyledActions} container={{ direction: 'column', gap: 0.25 }}>\n        <Button\n          variant='simple'\n          as={FeedButton}\n          onClick={() => setEditMode(false)}\n          icon\n          label={t('cancel')}\n        >\n          <Icon name='times' />\n        </Button>\n\n        <Button\n          as={FeedButton}\n          disabled={emptyEditText || !contentModified}\n          variant='simple'\n          onClick={handleEdit}\n          icon\n          label={t('update')}\n        >\n          <Icon name='send' />\n        </Button>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default FeedEditRegion;\n"]}

package/lib/components/Feed/FeedInputRegion.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { ForwardProps } from '@pega/cosmos-react-core';
-import { FeedInputRegionProps } from './Feed.types';
-export declare const minInputHeight = "4rem";
-export declare const StyledActions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const FeedInputRegion: FC<ForwardProps & FeedInputRegionProps>;
-export default FeedInputRegion;
-//# sourceMappingURL=FeedInputRegion.d.ts.map

package/lib/components/Feed/FeedInputRegion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeedInputRegion.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedInputRegion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAG7D,OAAO,EAKL,YAAY,EAKb,MAAM,yBAAyB,CAAC;AAMjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,eAAO,MAAM,cAAc,SAAS,CAAC;AAoBrC,eAAO,MAAM,aAAa,yGAQxB,CAAC;AAQH,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,YAAY,GAAG,oBAAoB,CAsH5D,CAAC;AAEF,eAAe,eAAe,CAAC"}