@selfcommunity/react-ui 0.1.2-alpha.0

package/lib/esm/react-ui/src/components/CommentObject/CommentObject.d.ts

@@ -0,0 +1,117 @@
+import { CardProps } from '@mui/material';
+import { SCCommentsOrderBy } from '../../types/comments';
+import { SCCommentType, SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
+export interface CommentObjectProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Id of the comment object
+     * @default null
+     */
+    commentObjectId?: number;
+    /**
+     * Comment object
+     * @default null
+     */
+    commentObject?: SCCommentType;
+    /**
+     * Id of feed object
+     * @default null
+     */
+    feedObjectId?: number;
+    /**
+     * Feed object
+     * @default null
+     */
+    feedObject?: SCFeedObjectType;
+    /**
+     * Type of feed object
+     * @default SCFeedObjectTypologyType.POST
+     */
+    feedObjectType?: SCFeedObjectTypologyType;
+    /**
+     * comments per page (latest_comments)
+     * @default null
+     */
+    commentsPageCount?: number;
+    /**
+     * comments orderBy
+     * @default SCCommentsOrderBy.ADDED_AT_DESC
+     */
+    commentsOrderBy?: SCCommentsOrderBy;
+    /**
+     * comment to reply
+     * Used to initial open reply box for that comment
+     * @default null
+     */
+    commentReply?: SCCommentType;
+    /**
+     * Callback on open reply box
+     * @default null
+     */
+    onOpenReply?: (comment: SCCommentType) => void;
+    /**
+     * Callback on vote the comment or a sub-comment (latest_comments)
+     * @default null
+     */
+    onVote?: (comment: SCCommentType) => void;
+    /**
+     * Callback on delete the comment
+     * @default null
+     */
+    onDelete?: (comment: SCCommentType) => void;
+    /**
+     * Props to spread to single comment object skeleton
+     * @default {elevation: 0}
+     */
+    CommentObjectSkeletonProps?: CardProps;
+    /**
+     * Props to spread to single comment object ReplyCommentObject
+     * @default {elevation: 0}
+     */
+    ReplyCommentObjectProps?: CardProps;
+    /**
+     * Other props
+     */
+    [p: string]: any;
+}
+/**
+ *> API documentation for the Community-UI Comment Object component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {CommentObject} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCCommentObject` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCCommentObject-root|Styles applied to the root element.|
+ |comment|.SCCommentObject-comment|Styles applied to comment element.|
+ |nestedComments|.SCCommentObject-nestedComments|Styles applied to nested comments element wrapper.|
+ |avatar|.SCCommentObject-avatar|Styles applied to the avatar element.|
+ |author|.SCCommentObject-author|Styles applied to the author section.|
+ |content|.SCCommentObject-content|Styles applied to content section.|
+ |textContent|.SCCommentObject-text-content|Styles applied to text content section.|
+ |btnVotes|.SCCommentObject-btn-votes|Styles applied to the vote button element.|
+ |votes|.SCCommentObject-votes|Styles applied to the votes section.|
+ |commentActionsMenu|.SCCommentObject-comment-actions-menu|Styles applied to comment action menu element.|
+ |deleted|.SCCommentObject-deleted|Styles applied to tdeleted element.|
+ |activityAt|.SCCommentObject-activity-at|Styles applied to activity at section.|
+ |reply|.SCCommentObject-reply|Styles applied to the reply element.|
+ |contentSubSection|.SCCommentObject-content-sub-section|Styles applied to the comment subsection|
+
+ * @param inProps
+ */
+export default function CommentObject(inProps: CommentObjectProps): JSX.Element;
+//# sourceMappingURL=CommentObject.d.ts.map

package/lib/esm/react-ui/src/components/CommentObject/CommentObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentObject.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CommentObject/CommentObject.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmC,SAAS,EAAsB,MAAM,eAAe,CAAC;AAQ/F,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AASvD,OAAO,EAAC,aAAa,EAAyB,gBAAgB,EAAE,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAwItH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAE9B;;;OAGG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAE1C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,eAAe,CAAC,EAAE,iBAAiB,CAAC;IAEpC;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAE/C;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAE1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAE5C;;;OAGG;IACH,0BAA0B,CAAC,EAAE,SAAS,CAAC;IAEvC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,SAAS,CAAC;IAEpC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA2d9E"}

package/lib/esm/react-ui/src/components/CommentObject/CommentObject.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta } from '@storybook/react';
+import CommentObject from './index';
+declare const _default: ComponentMeta<typeof CommentObject>;
+export default _default;
+export declare const Base: any;
+//# sourceMappingURL=CommentObject.stories.d.ts.map

package/lib/esm/react-ui/src/components/CommentObject/CommentObject.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentObject.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CommentObject/CommentObject.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE/D,OAAO,aAAa,MAAM,SAAS,CAAC;;AAIpC,wBA4ByC;AASzC,eAAO,MAAM,IAAI,KAAoB,CAAC"}

package/lib/esm/react-ui/src/components/CommentObject/CommentObjectSkeleton.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta } from '@storybook/react';
+import CommentObjectSkeleton from './Skeleton';
+declare const _default: ComponentMeta<typeof CommentObjectSkeleton>;
+export default _default;
+export declare const Base: any;
+//# sourceMappingURL=CommentObjectSkeleton.stories.d.ts.map

package/lib/esm/react-ui/src/components/CommentObject/CommentObjectSkeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentObjectSkeleton.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CommentObject/CommentObjectSkeleton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/D,OAAO,qBAAqB,MAAM,YAAY,CAAC;;AAE/C,wBAiBiD;AAQjD,eAAO,MAAM,IAAI,KAAoB,CAAC"}

package/lib/esm/react-ui/src/components/CommentObject/ReplyComment/ReplyComment.d.ts

@@ -0,0 +1,44 @@
+import { WidgetProps } from '../../Widget';
+export interface ReplyCommentObjectProps extends WidgetProps {
+    /**
+     * Bind focus on mount
+     * @default false
+     */
+    autoFocus?: boolean;
+    /**
+     * Callback invoked after reply
+     * @param comment
+     */
+    onReply?: (comment: any) => void;
+    /**
+     * Callback invoked after save/edit
+     * @param comment
+     */
+    onSave?: (comment: any) => void;
+    /**
+     * Callback invoked after disccard save/edit
+     * @param comment
+     */
+    onCancel?: () => void;
+    /**
+     * Disable component
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Initial content
+     * @default ''
+     */
+    text?: string;
+    /**
+     * Initial content
+     * @default {variant: 'outlined'}
+     */
+    WidgetProps?: WidgetProps;
+    /**
+     * Other props
+     */
+    [p: string]: any;
+}
+export default function ReplyCommentObject(inProps: ReplyCommentObjectProps): JSX.Element;
+//# sourceMappingURL=ReplyComment.d.ts.map

package/lib/esm/react-ui/src/components/CommentObject/ReplyComment/ReplyComment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReplyComment.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CommentObject/ReplyComment/ReplyComment.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAiEjD,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAE5B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,OAAO,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAuIxF"}

package/lib/esm/react-ui/src/components/CommentObject/ReplyComment/index.d.ts

@@ -0,0 +1,4 @@
+import ReplyCommentObject, { ReplyCommentObjectProps } from './ReplyComment';
+export default ReplyCommentObject;
+export { ReplyCommentObjectProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/react-ui/src/components/CommentObject/ReplyComment/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CommentObject/ReplyComment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,EAAE,EAAC,uBAAuB,EAAC,MAAM,gBAAgB,CAAC;AAC3E,eAAe,kBAAkB,CAAC;AAClC,OAAO,EAAC,uBAAuB,EAAC,CAAC"}

package/lib/esm/react-ui/src/components/CommentObject/Skeleton.d.ts

@@ -0,0 +1,22 @@
+/**
+ * > API documentation for the Community-UI Comment Object Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {CommentObjectSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCCommentObjectSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCCommentObjectSkeleton-root|Styles applied to the root element.|
+ *
+ */
+export default function CommentObjectSkeleton(props: any): JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/lib/esm/react-ui/src/components/CommentObject/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CommentObject/Skeleton.tsx"],"names":[],"mappings":"AA+BA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAoBhE"}

package/lib/esm/react-ui/src/components/CommentObject/Votes/Votes.d.ts

@@ -0,0 +1,19 @@
+import { SCCommentType } from '@selfcommunity/types';
+export interface VotesProps {
+    /**
+     * Id of the comment object
+     * @default null
+     */
+    commentObjectId?: number;
+    /**
+     * Comment object
+     * @default null
+     */
+    commentObject?: SCCommentType;
+    /**
+     * Other props
+     */
+    [p: string]: any;
+}
+export default function Votes(inProps: VotesProps): JSX.Element;
+//# sourceMappingURL=Votes.d.ts.map

package/lib/esm/react-ui/src/components/CommentObject/Votes/Votes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Votes.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CommentObject/Votes/Votes.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;AA2BnD,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,OAAO,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAmD9D"}

package/lib/esm/react-ui/src/components/CommentObject/Votes/VotesDialog/VotesDialog.d.ts

@@ -0,0 +1,24 @@
+import { SCCommentType } from '@selfcommunity/types';
+export interface CommentObjectVotesDialogProps {
+    /**
+     * Id of the comment object
+     * @default null
+     */
+    commentObjectId?: number;
+    /**
+     * Comment object
+     * @default null
+     */
+    commentObject?: SCCommentType;
+    /**
+     * open/close the dialog
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Callback invoked when dialog close
+     */
+    onClose?: () => any;
+}
+export default function CommentObjectVotesDialog(inProps: CommentObjectVotesDialogProps): JSX.Element;
+//# sourceMappingURL=VotesDialog.d.ts.map

package/lib/esm/react-ui/src/components/CommentObject/Votes/VotesDialog/VotesDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VotesDialog.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/CommentObject/Votes/VotesDialog/VotesDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAC,aAAa,EAAwB,MAAM,sBAAsB,CAAC;AAoB1E,MAAM,WAAW,6BAA6B;IAC5C;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,OAAO,EAAE,6BAA6B,GAAG,GAAG,CAAC,OAAO,CAyEpG"}

package/lib/esm/react-ui/src/components/CommentObject/Votes/VotesDialog/index.d.ts

@@ -0,0 +1,4 @@
+import CommentObjectVotesDialog, { CommentObjectVotesDialogProps } from './VotesDialog';
+export default CommentObjectVotesDialog;
+export { CommentObjectVotesDialogProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/react-ui/src/components/CommentObject/Votes/VotesDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/CommentObject/Votes/VotesDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,EAAE,EAAC,6BAA6B,EAAC,MAAM,eAAe,CAAC;AACtF,eAAe,wBAAwB,CAAC;AACxC,OAAO,EAAC,6BAA6B,EAAC,CAAC"}

package/lib/esm/react-ui/src/components/CommentObject/Votes/index.d.ts

@@ -0,0 +1,4 @@
+import Votes, { VotesProps } from './Votes';
+export default Votes;
+export { VotesProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/react-ui/src/components/CommentObject/Votes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CommentObject/Votes/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAC1C,eAAe,KAAK,CAAC;AACrB,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/lib/esm/react-ui/src/components/CommentObject/index.d.ts

@@ -0,0 +1,5 @@
+import CommentObject, { CommentObjectProps } from './CommentObject';
+import CommentObjectSkeleton from './Skeleton';
+export default CommentObject;
+export { CommentObjectProps, CommentObjectSkeleton };
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/react-ui/src/components/CommentObject/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CommentObject/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,EAAE,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAClE,OAAO,qBAAqB,MAAM,YAAY,CAAC;AAC/C,eAAe,aAAa,CAAC;AAC7B,OAAO,EAAC,kBAAkB,EAAE,qBAAqB,EAAC,CAAC"}

package/lib/esm/react-ui/src/components/CommentsFeedObject/CommentsFeedObject.d.ts

@@ -0,0 +1,133 @@
+import { CommentObjectProps } from '../CommentObject';
+import { SCCommentsOrderBy } from '../../types/comments';
+import { SCCommentType, SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
+export interface CommentsFeedObjectProps {
+    /**
+     * Id of the CommentsObject
+     * @default `comments_object_<feedObjectType>_<feedObjectId | feedObject.id>`
+     */
+    id?: string;
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Id of feed object
+     * @default null
+     */
+    feedObjectId?: number;
+    /**
+     * Feed object
+     * @default null
+     */
+    feedObject?: SCFeedObjectType;
+    /**
+     * Type of feed object
+     * @default SCFeedObjectTypologyType.POST
+     */
+    feedObjectType?: SCFeedObjectTypologyType;
+    /**
+     * Id of the comment object
+     * @default null
+     */
+    commentObjectId?: number;
+    /**
+     * Comment object
+     * @default null
+     */
+    commentObject?: SCCommentType;
+    /**
+     * CommentComponent component
+     * Useful to override the single Comment render component
+     * @default CommentObject
+     */
+    CommentComponent?: (inProps: CommentObjectProps) => JSX.Element;
+    /**
+     * Props to spread to CommentObject component
+     * @default {variant: 'outlined}
+     */
+    CommentComponentProps?: CommentObjectProps;
+    /**
+     * Props to spread to CommentObject component
+     * @default {elevation: 0, variant: 'outlined'}
+     */
+    CommentObjectSkeletonProps?: any;
+    /**
+     * renderNoComment function
+     * invoked when no comments founds
+     * @default null
+     */
+    renderNoComments?: () => JSX.Element;
+    /**
+     * renderCommentNotFound function
+     * invoked when comment not found
+     * @default null
+     */
+    renderCommentNotFound?: () => JSX.Element;
+    /**
+     * page
+     * @default 1
+     */
+    page?: number;
+    /**
+     * comments per page
+     * @default null
+     */
+    commentsPageCount?: number;
+    /**
+     * comments orderBy
+     * @default SCCommentsOrderBy.ADDED_AT_DESC
+     */
+    commentsOrderBy?: SCCommentsOrderBy;
+    /**
+     * show title (number of comments)
+     */
+    showTitle?: boolean;
+    /**
+     * enable/disable infinite scrolling
+     * @default true
+     */
+    infiniteScrolling?: boolean;
+    /**
+     * additional comments to show in the header/footer
+     * useful when from a feedObject publish a comment
+     * @default []
+     */
+    comments?: SCCommentType[];
+    /**
+     * Callback invoked when load comments page
+     * Usefull to sync location path for SEO optimization
+     * @param page
+     */
+    onChangePage?: (page: any) => any;
+    /**
+     * Other props
+     */
+    [p: string]: any;
+}
+/**
+ *> API documentation for the Community-UI Comments Object component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {CommentsObject} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCCommentsObject` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCCommentsObject-root|Styles applied to the root element.|
+ |commentNotFound|.SCCommentsObject-comment-not-found|Styles applied to the label 'Comment not found'.|
+ |noComments|.SCCommentsObject-no-comments|Styles applied to the 'no comments' section.|
+
+ * @param inProps
+ */
+export default function CommentsFeedObject(inProps: CommentsFeedObjectProps): JSX.Element;
+//# sourceMappingURL=CommentsFeedObject.d.ts.map

package/lib/esm/react-ui/src/components/CommentsFeedObject/CommentsFeedObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsFeedObject.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CommentsFeedObject/CommentsFeedObject.tsx"],"names":[],"mappings":"AAGA,OAAsB,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAUvD,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAE,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAyB/F,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAE9B;;;OAGG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAE1C;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,GAAG,CAAC,OAAO,CAAC;IAEhE;;;OAGG;IACH,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAE3C;;;OAGG;IACH,0BAA0B,CAAC,EAAE,GAAG,CAAC;IAEjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAErC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAE1C;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,eAAe,CAAC,EAAE,iBAAiB,CAAC;IAEpC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAE3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IAE7B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,OAAO,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAuPxF"}

package/lib/esm/react-ui/src/components/CommentsFeedObject/CommentsFeedObject.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta } from '@storybook/react';
+import CommentsFeedObject from './index';
+declare const _default: ComponentMeta<typeof CommentsFeedObject>;
+export default _default;
+export declare const Base: any;
+export declare const CommentFirstLevel: any;
+export declare const CommentSecondLevel: any;
+//# sourceMappingURL=CommentsFeedObject.stories.d.ts.map

package/lib/esm/react-ui/src/components/CommentsFeedObject/CommentsFeedObject.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsFeedObject.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CommentsFeedObject/CommentsFeedObject.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAiB,MAAM,kBAAkB,CAAC;AAE/D,OAAO,kBAAkB,MAAM,SAAS,CAAC;;AAKzC,wBAqC8C;AAS9C,eAAO,MAAM,IAAI,KAAoB,CAAC;AAUtC,eAAO,MAAM,iBAAiB,KAAoB,CAAC;AAMnD,eAAO,MAAM,kBAAkB,KAAoB,CAAC"}

package/lib/esm/react-ui/src/components/CommentsFeedObject/CommentsFeedObjectSkeleton.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta } from '@storybook/react';
+import CommentsFeedObjectSkeleton from './Skeleton';
+declare const _default: ComponentMeta<typeof CommentsFeedObjectSkeleton>;
+export default _default;
+export declare const Base: any;
+//# sourceMappingURL=CommentsFeedObjectSkeleton.stories.d.ts.map

package/lib/esm/react-ui/src/components/CommentsFeedObject/CommentsFeedObjectSkeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsFeedObjectSkeleton.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CommentsFeedObject/CommentsFeedObjectSkeleton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/D,OAAO,0BAA0B,MAAM,YAAY,CAAC;;AAEpD,wBAyBsD;AAQtD,eAAO,MAAM,IAAI,KAAoB,CAAC"}

package/lib/esm/react-ui/src/components/CommentsFeedObject/Skeleton.d.ts

@@ -0,0 +1,2 @@
+export default function CommentsFeedObjectSkeleton(props: any): JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/lib/esm/react-ui/src/components/CommentsFeedObject/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CommentsFeedObject/Skeleton.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAErE"}

package/lib/esm/react-ui/src/components/CommentsFeedObject/index.d.ts

@@ -0,0 +1,5 @@
+import CommentsFeedObject, { CommentsFeedObjectProps } from './CommentsFeedObject';
+import CommentsFeedObjectSkeleton from './Skeleton';
+export default CommentsFeedObject;
+export { CommentsFeedObjectProps, CommentsFeedObjectSkeleton };
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/react-ui/src/components/CommentsFeedObject/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CommentsFeedObject/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,EAAE,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;AACjF,OAAO,0BAA0B,MAAM,YAAY,CAAC;AACpD,eAAe,kBAAkB,CAAC;AAClC,OAAO,EAAC,uBAAuB,EAAE,0BAA0B,EAAC,CAAC"}

package/lib/esm/react-ui/src/components/CommentsObject/CommentsObject.d.ts

@@ -0,0 +1,142 @@
+import { CommentObjectProps } from '../CommentObject';
+import { SCCommentType, SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
+export interface CommentsObjectProps {
+    /**
+     * Id of the CommentsObject
+     * @default `comments_object_<feedObjectType>_<feedObjectId | feedObject.id>`
+     */
+    id?: string;
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Id of feed object
+     * @default null
+     */
+    feedObjectId?: number;
+    /**
+     * Feed object
+     * @default null
+     */
+    feedObject?: SCFeedObjectType;
+    /**
+     * Type of feed object
+     * @default SCFeedObjectTypologyType.POST
+     */
+    feedObjectType?: SCFeedObjectTypologyType;
+    /**
+     * CommentComponent component
+     * Usefull to override the single Comment render component
+     * @default CommentObject
+     */
+    CommentComponent?: (inProps: CommentObjectProps) => JSX.Element;
+    /**
+     * Props to spread to single comment object
+     * @default {variant: 'outlined'}
+     */
+    CommentComponentProps?: CommentObjectProps;
+    /**
+     * Props to spread to CommentsObjectSkeleton
+     * @default {}
+     */
+    CommentsObjectSkeletonProps?: any;
+    /**
+     * Props to spread to single comment object skeleton
+     * @default {elevation: 0, WidgetProps: {variant: 'outlined'}},
+     */
+    CommentObjectSkeletonProps?: any;
+    /**
+     * Comments to show
+     */
+    comments?: SCCommentType[];
+    /**
+     * Next url
+     * If exist show load next button
+     */
+    next?: string;
+    /**
+     * Is loading next comments
+     * If exist load next button is replaced by comment skeleton
+     */
+    isLoadingNext?: boolean;
+    /**
+     * Handle load next comments callback
+     */
+    handleNext?: () => void;
+    /**
+     * Previous url
+     * If exist show load previous button
+     */
+    previous?: string;
+    /**
+     * Is loading previous comments
+     * If exist load previous button is replaced by comment skeleton
+     */
+    isLoadingPrevious?: boolean;
+    /**
+     * Handle load previous comments callback
+     */
+    handlePrevious?: () => void;
+    /**
+     * Number of comments loaded
+     */
+    totalLoadedComments?: number;
+    /**
+     * Total number of comments
+     */
+    totalComments?: number;
+    /**
+     * Current page
+     */
+    page?: number;
+    /**
+     * Add/show other comments at the head of the component
+     * Useful when there is a new comment (reply feed object)
+     */
+    startComments?: SCCommentType[];
+    /**
+     * Add/show other comments at the end of the component
+     * Useful when there is a new comment (reply feed object)
+     */
+    endComments?: SCCommentType[];
+    /**
+     * Enable/disable infinite scrolling
+     * If there is comments in startCommments/endComments infiniteScrolling will be disabled
+     * @default true
+     */
+    infiniteScrolling?: boolean;
+    /**
+     * Other props
+     */
+    [p: string]: any;
+}
+/**
+ *> API documentation for the Community-UI Comments Object component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {CommentsObject} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCCommentsObject` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCCommentsObject-root|Styles applied to the root element.|
+ |pagination|.SCCommentsObject-pagination|Styles applied to the pagination controls.|
+ |paginationLink|.SCCommentsObject-pagination-link|Styles applied to the pagination link.|
+ |loadNextCommentsButton|.SCCommentsObject-load-next-comments-button|Styles applied to the load next comments button.|
+ |loadPreviousCommentsButton|.SCCommentsObject-load-previous-comments-button|Styles applied to the load previous comments button.|
+ |commentsCounter|.SCCommentsObject-comments-counter|Styles applied to the comments counter element.|
+
+ * @param inProps
+ */
+export default function CommentsObject(inProps: CommentsObjectProps): JSX.Element;
+//# sourceMappingURL=CommentsObject.d.ts.map

package/lib/esm/react-ui/src/components/CommentsObject/CommentsObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsObject.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CommentsObject/CommentsObject.tsx"],"names":[],"mappings":"AAGA,OAAsB,EAAC,kBAAkB,EAAwB,MAAM,kBAAkB,CAAC;AAqB1F,OAAO,EAAC,aAAa,EAAuB,gBAAgB,EAAE,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AA2CpH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAE9B;;;OAGG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAE1C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,GAAG,CAAC,OAAO,CAAC;IAEhE;;;OAGG;IACH,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAE3C;;;OAGG;IACH,2BAA2B,CAAC,EAAE,GAAG,CAAC;IAElC;;;OAGG;IACH,0BAA0B,CAAC,EAAE,GAAG,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAE3B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAEhC;;;OAGG;IACH,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAE9B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAGD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAkPhF"}

package/lib/esm/react-ui/src/components/CommentsObject/CommentsObjectSkeleton.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta } from '@storybook/react';
+import CommentsObjectSkeleton from './Skeleton';
+declare const _default: ComponentMeta<typeof CommentsObjectSkeleton>;
+export default _default;
+export declare const Base: any;
+//# sourceMappingURL=CommentsObjectSkeleton.stories.d.ts.map

package/lib/esm/react-ui/src/components/CommentsObject/CommentsObjectSkeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsObjectSkeleton.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CommentsObject/CommentsObjectSkeleton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/D,OAAO,sBAAsB,MAAM,YAAY,CAAC;;AAEhD,wBAmBkD;AAQlD,eAAO,MAAM,IAAI,KAAoB,CAAC"}