@selfcommunity/react-ui 0.7.0-alpha.99 → 0.7.0

package/lib/cjs/components/Feed/Skeleton.js

@@ -1,24 +1,21 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const Skeleton_1 = require("../Skeleton");
-const classnames_1 = __importDefault(require("classnames"));
-const PREFIX = 'SCFeedSkeleton';
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    left: `${PREFIX}-left`,
-    right: `${PREFIX}-right`
+    root: `${constants_1.PREFIX}-skeleton-root`,
+    left: `${constants_1.PREFIX}-left`,
+    right: `${constants_1.PREFIX}-right`
 };
 const Root = (0, styles_1.styled)(material_1.Grid, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Feed Skeleton component. Learn about the available props and the CSS API.
 
@@ -30,15 +27,15 @@ const Root = (0, styles_1.styled)(material_1.Grid, {
 
  #### Component Name
 
- The name `SCFeedSkeleton` can be used when providing style overrides in the theme.
+ The name `SCFeed-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCFeedSkeleton-root|Styles applied to the root element.|
- |left|.SCFeedSkeleton-left|Styles applied to the left section.|
- |right|.SCFeedSkeleton-right|Styles applied to the right section.|
+ |root|.SCFeed-skeleton-root|Styles applied to the root element.|
+ |left|.SCFeed-left|Styles applied to the left section.|
+ |right|.SCFeed-right|Styles applied to the right section.|
  *
  */
 function FeedSkeleton(props) {
@@ -57,4 +54,3 @@ function FeedSkeleton(props) {
                 react_1.default.createElement("div", { className: classes.right }, sidebar)))));
 }
 exports.default = FeedSkeleton;
-//# sourceMappingURL=Skeleton.js.map

package/lib/cjs/components/Feed/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCFeed";

package/lib/cjs/components/Feed/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCFeed';

package/lib/cjs/components/Feed/index.d.ts

@@ -2,4 +2,3 @@ import Feed, { FeedRef, FeedProps, FeedSidebarProps } from './Feed';
 import FeedSkeleton from './Skeleton';
 export default Feed;
 export { FeedRef, FeedProps, FeedSkeleton, FeedSidebarProps };
-//# sourceMappingURL=index.d.ts.map

package/lib/cjs/components/Feed/index.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeedSkeleton = void 0;
-const Feed_1 = __importDefault(require("./Feed"));
-const Skeleton_1 = __importDefault(require("./Skeleton"));
+const tslib_1 = require("tslib");
+const Feed_1 = tslib_1.__importDefault(require("./Feed"));
+const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
 exports.FeedSkeleton = Skeleton_1.default;
 exports.default = Feed_1.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/Feed/prefetchedData.d.ts

@@ -1,370 +1,3 @@
-declare const exampleExploreData: {
-    count: number;
-    next: string;
-    previous: string;
-    results: ({
-        type: string;
-        post: {
-            id: number;
-            type: string;
-            last_activity_at: string;
-            author: {
-                id: number;
-                username: string;
-                real_name: string;
-                avatar: string;
-                ext_id: any;
-                followings_counter: number;
-                followers_counter: number;
-                posts_counter: number;
-                discussions_counter: number;
-                categories_counter: number;
-                date_joined: string;
-                bio: string;
-                location: string;
-                location_lat_lng: any;
-                position_lat_lng: any;
-                date_of_birth: any;
-                description: string;
-                gender: string;
-                website: string;
-                cover: any;
-                tags: any[];
-                reputation: number;
-                company_name: any;
-                company_role: any;
-            };
-            added_at: string;
-            last_edited_at: any;
-            html: string;
-            summary: string;
-            deleted: boolean;
-            collapsed: boolean;
-            comment_count: number;
-            view_count: number;
-            vote_count: number;
-            reactions_count: any[];
-            voted: boolean;
-            reaction: any;
-            follower_count: number;
-            followed: boolean;
-            suspended: boolean;
-            flag_count: number;
-            share_count: number;
-            slug: string;
-            categories: any[];
-            medias: {
-                id: number;
-                added_at: string;
-                type: string;
-                title: string;
-                description: string;
-                url: string;
-                image: any;
-                image_width: any;
-                image_height: any;
-                order: any;
-                embed: {
-                    id: number;
-                    embed_type: string;
-                    embed_id: string;
-                    url: string;
-                    metadata: {
-                        id: number;
-                        type: string;
-                    };
-                };
-            }[];
-            location: any;
-            addressing: any[];
-            poll: any;
-        };
-        seen_by_id: number[];
-        has_boost: boolean;
-        discussion?: undefined;
-    } | {
-        type: string;
-        discussion: {
-            id: number;
-            type: string;
-            last_activity_at: string;
-            author: {
-                id: number;
-                username: string;
-                real_name: string;
-                avatar: string;
-                ext_id: any;
-                followings_counter: number;
-                followers_counter: number;
-                posts_counter: number;
-                discussions_counter: number;
-                categories_counter: number;
-                date_joined: string;
-                bio: string;
-                location: string;
-                location_lat_lng: any;
-                position_lat_lng: any;
-                date_of_birth: string;
-                description: string;
-                gender: string;
-                website: string;
-                cover: any;
-                tags: any[];
-                reputation: number;
-                company_name: any;
-                company_role: any;
-            };
-            added_at: string;
-            last_edited_at: any;
-            html: string;
-            summary: string;
-            deleted: boolean;
-            collapsed: boolean;
-            comment_count: number;
-            view_count: number;
-            vote_count: number;
-            reactions_count: any[];
-            voted: boolean;
-            reaction: any;
-            follower_count: number;
-            followed: boolean;
-            suspended: boolean;
-            flag_count: number;
-            share_count: number;
-            slug: string;
-            categories: {
-                id: number;
-                tags: any[];
-                followed: boolean;
-                order: number;
-                name: string;
-                name_synonyms: string;
-                slug: string;
-                slogan: string;
-                html_info: any;
-                seo_title: string;
-                seo_description: string;
-                auto_follow: string;
-                active: boolean;
-                image_original: string;
-                image_bigger: string;
-                image_big: string;
-                image_medium: string;
-                image_small: string;
-                emotional_image_original: string;
-                emotional_image_position: number;
-                lastmod_datetime: string;
-                stream_order_by: string;
-                followers_counter: number;
-            }[];
-            medias: any[];
-            location: any;
-            addressing: any[];
-            poll: any;
-            title: string;
-        };
-        seen_by_id: number[];
-        has_boost: boolean;
-        post?: undefined;
-    } | {
-        type: string;
-        discussion: {
-            id: number;
-            type: string;
-            last_activity_at: string;
-            author: {
-                id: number;
-                username: string;
-                real_name: string;
-                avatar: string;
-                ext_id: any;
-                followings_counter: number;
-                followers_counter: number;
-                posts_counter: number;
-                discussions_counter: number;
-                categories_counter: number;
-                date_joined: string;
-                bio: string;
-                location: string;
-                location_lat_lng: any;
-                position_lat_lng: any;
-                date_of_birth: any;
-                description: string;
-                gender: string;
-                website: string;
-                cover: any;
-                tags: any[];
-                reputation: number;
-                company_name: any;
-                company_role: any;
-            };
-            added_at: string;
-            last_edited_at: any;
-            html: string;
-            summary: string;
-            deleted: boolean;
-            collapsed: boolean;
-            comment_count: number;
-            view_count: number;
-            vote_count: number;
-            reactions_count: any[];
-            voted: boolean;
-            reaction: any;
-            follower_count: number;
-            followed: boolean;
-            suspended: boolean;
-            flag_count: number;
-            share_count: number;
-            slug: string;
-            categories: {
-                id: number;
-                tags: any[];
-                followed: boolean;
-                order: number;
-                name: string;
-                name_synonyms: string;
-                slug: string;
-                slogan: string;
-                html_info: string;
-                seo_title: string;
-                seo_description: string;
-                auto_follow: string;
-                active: boolean;
-                image_original: string;
-                image_bigger: string;
-                image_big: string;
-                image_medium: string;
-                image_small: string;
-                emotional_image_original: string;
-                emotional_image_position: number;
-                lastmod_datetime: string;
-                stream_order_by: string;
-                followers_counter: number;
-            }[];
-            medias: {
-                id: number;
-                added_at: string;
-                type: string;
-                title: any;
-                description: any;
-                url: any;
-                image: any;
-                image_width: any;
-                image_height: any;
-                order: any;
-                embed: {
-                    id: number;
-                    embed_type: string;
-                    embed_id: string;
-                    url: any;
-                    metadata: {
-                        isbn: string;
-                        type: string;
-                        authors: string[];
-                        product: string;
-                    };
-                };
-            }[];
-            location: any;
-            addressing: any[];
-            poll: any;
-            title: string;
-        };
-        seen_by_id: number[];
-        has_boost: boolean;
-        post?: undefined;
-    } | {
-        type: string;
-        post: {
-            id: number;
-            type: string;
-            last_activity_at: string;
-            author: {
-                id: number;
-                username: string;
-                real_name: string;
-                avatar: string;
-                ext_id: any;
-                followings_counter: number;
-                followers_counter: number;
-                posts_counter: number;
-                discussions_counter: number;
-                categories_counter: number;
-                date_joined: string;
-                bio: string;
-                location: string;
-                location_lat_lng: any;
-                position_lat_lng: any;
-                date_of_birth: string;
-                description: string;
-                gender: string;
-                website: string;
-                cover: any;
-                tags: any[];
-                reputation: number;
-                company_name: any;
-                company_role: any;
-            };
-            added_at: string;
-            last_edited_at: any;
-            html: string;
-            summary: string;
-            deleted: boolean;
-            collapsed: boolean;
-            comment_count: number;
-            view_count: number;
-            vote_count: number;
-            reactions_count: {
-                reaction: {
-                    id: number;
-                    label: string;
-                    image: string;
-                    sentiment: number;
-                    active: boolean;
-                };
-                count: number;
-            }[];
-            voted: boolean;
-            reaction: any;
-            follower_count: number;
-            followed: boolean;
-            suspended: boolean;
-            flag_count: number;
-            share_count: number;
-            slug: string;
-            categories: any[];
-            medias: {
-                id: number;
-                added_at: string;
-                type: string;
-                title: any;
-                description: any;
-                url: any;
-                image: any;
-                image_width: any;
-                image_height: any;
-                order: any;
-                embed: {
-                    id: number;
-                    embed_type: string;
-                    embed_id: string;
-                    url: any;
-                    metadata: {
-                        isbn: string;
-                        type: string;
-                        authors: string[];
-                        product: string;
-                    };
-                };
-            }[];
-            location: any;
-            addressing: any[];
-            poll: any;
-        };
-        seen_by_id: number[];
-        has_boost: boolean;
-        discussion?: undefined;
-    })[];
-};
+import { SCPaginatedResponse } from '@selfcommunity/api-services';
+declare const exampleExploreData: SCPaginatedResponse<any>;
 export { exampleExploreData };
-//# sourceMappingURL=prefetchedData.d.ts.map

package/lib/cjs/components/Feed/prefetchedData.js

@@ -1,16 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.exampleExploreData = void 0;
+const types_1 = require("@selfcommunity/types");
+// @ts-ignore
 const exampleExploreData = {
     count: 843,
     next: 'https://italiano.quentrix.com/api/v2/feed/explore/?limit=5&offset=25',
     previous: 'https://italiano.quentrix.com/api/v2/feed/explore/?limit=5&offset=15',
     results: [
         {
-            type: 'post',
+            type: types_1.SCContributionType.POST,
             post: {
                 id: 1128,
-                type: 'post',
+                type: types_1.SCContributionType.POST,
                 last_activity_at: '2022-08-08T03:55:00+02:00',
                 author: {
                     id: 40,
@@ -39,7 +41,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-08T07:30:00+02:00',
-                last_edited_at: null,
                 html: 'Il TeleUccidiLadro 626 Beghelli',
                 summary: 'Il TeleUccidiLadro 626 Beghelli',
                 deleted: false,
@@ -74,7 +75,7 @@ const exampleExploreData = {
                             embed_type: 'sc_shared_object',
                             embed_id: '607',
                             url: '/thread/607/provvedimenti-di-limitazione-del-traffico-il-magnifico-rettore-del-comune-di-firenze-c-o-m-a-n-d-a-il-divieto-relativo-di-transito-nel-territorio/',
-                            metadata: { id: 607, type: 'discussion' }
+                            metadata: { id: 607, type: types_1.SCContributionType.DISCUSSION }
                         }
                     }
                 ],
@@ -86,10 +87,10 @@ const exampleExploreData = {
             has_boost: false
         },
         {
-            type: 'discussion',
+            type: types_1.SCContributionType.DISCUSSION,
             discussion: {
                 id: 1140,
-                type: 'discussion',
+                type: types_1.SCContributionType.DISCUSSION,
                 last_activity_at: '2022-08-08T18:11:00+02:00',
                 author: {
                     id: 345,
@@ -99,6 +100,7 @@ const exampleExploreData = {
                     ext_id: null,
                     followings_counter: 10,
                     followers_counter: 3,
+                    status: 'approved',
                     posts_counter: 1,
                     discussions_counter: 5,
                     categories_counter: 12,
@@ -118,7 +120,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-08T13:49:00+02:00',
-                last_edited_at: null,
                 html: "Rinomati sociologi pensano che la pace ha legalizzato pur essendo condivisibile nelle direttrici generali. Tuttavia il desiderio di ingoio rappresenta un'altra forma di possessione maschile. Ritengo che sicuramente non mi aspetto una pietra o un gas che ragionano..",
                 summary: 'Rinomati sociologi pensano che la pace ha legalizzato pur essendo condivisibile nelle direttrici generali. Tuttavia il desiderio di ingoio rappresenta un'altra forma di possessione ...',
                 deleted: false,
@@ -197,10 +198,10 @@ const exampleExploreData = {
             has_boost: false
         },
         {
-            type: 'discussion',
+            type: types_1.SCContributionType.DISCUSSION,
             discussion: {
                 id: 1113,
-                type: 'discussion',
+                type: types_1.SCContributionType.DISCUSSION,
                 last_activity_at: '2022-08-08T01:06:00+02:00',
                 author: {
                     id: 370,
@@ -209,6 +210,7 @@ const exampleExploreData = {
                     avatar: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/avatars/370/resized/209/209/ab230ec47588c7d2fa8a078d48419813.png',
                     ext_id: null,
                     followings_counter: 4,
+                    status: 'approved',
                     followers_counter: 1,
                     posts_counter: 0,
                     discussions_counter: 2,
@@ -229,7 +231,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-07T22:35:00+02:00',
-                last_edited_at: null,
                 html: "Ciao belli... mo ve ricconto l'urtima... 'na cambogia!\n\nIeri mentre che io corevo a dducento, ma de ppiu'! Su 'a tiburtina co'a machina de mi'fratello... aho'... nun so' annato a sbatte co er Faina???!!\n\nE io allora je dico \"Vie'qqua' che te mischio come 'n mazzo de carte! Te metto 'n dito 'n bocca, uno ar culo e te sciaqquo come 'na damiggiana!\"\n\nAho'... ha sgranato j'occhi e s'e' cacato 'n mano!\n\nHa detto 'na cosa tipo \"Ma va a mori' ammazzato...\" (eh eh, e che nun lo so che era la paura a fallo parla', 'sto cojone...) poi se l'e' squajata... e' ripartito a tutta sgommella, tipo da zero a cento in ddu secondi!\n\nNzomma so' troppo bullo... so' er mejo!\n\nVabbe' ve saluto che me ne devo anna'...\n\nS'arisdraiamo...",
                 summary: 'Ciao belli... mo ve ricconto l'urtima... 'na cambogia! Ieri mentre che io corevo a dducento, ma de ppiu'! Su 'a tiburtina co'a machina de mi'fratello... aho'... nun so' annato a sb ...',
                 deleted: false,
@@ -333,10 +334,10 @@ const exampleExploreData = {
             has_boost: false
         },
         {
-            type: 'discussion',
+            type: types_1.SCContributionType.DISCUSSION,
             discussion: {
                 id: 1126,
-                type: 'discussion',
+                type: types_1.SCContributionType.DISCUSSION,
                 last_activity_at: '2022-08-07T23:58:00+02:00',
                 author: {
                     id: 80,
@@ -345,6 +346,7 @@ const exampleExploreData = {
                     avatar: 'https://www.gravatar.com/avatar/e1f5f91521749b39af9a021f79efff70/?s=209&d=identicon',
                     ext_id: null,
                     followings_counter: 19,
+                    status: 'approved',
                     followers_counter: 13,
                     posts_counter: 5,
                     discussions_counter: 4,
@@ -365,7 +367,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-07T02:24:00+02:00',
-                last_edited_at: null,
                 html: 'Un pomeriggio il poeta Daiju si rec\u00f2 presso Hogen e gli chiese di mostrargli il percorso pi\u00f9 breve per ottenere il Satori.\nIl maestro indic\u00f2 una preziosa giara e disse: "Se vuoi divenire saggio devi riuscire a comprendere la buddha-natura di ogni cosa: prendi quell\'oggetto con te e medita per due anni, poi torna da me". \nQuando Daiju torn\u00f2, Hogen gli disse: "Non sei ancora pronto: medita per altri tre anni, poi torna da me".\nQuando il giovane allievo fece ritorno, il maestro disse: "Wasabi, Mishima, Boutique!", e a quelle parole Daiju fu illuminato!',
                 summary: 'Un pomeriggio il poeta Daiju si rec\u00f2 presso Hogen e gli chiese di mostrargli il percorso pi\u00f9 breve per ottenere il Satori. Il maestro indic\u00f2 una preziosa giara e disse: "Se vuoi di ...',
                 deleted: false,
@@ -418,10 +419,10 @@ const exampleExploreData = {
             has_boost: false
         },
         {
-            type: 'post',
+            type: types_1.SCContributionType.POST,
             post: {
                 id: 1116,
-                type: 'post',
+                type: types_1.SCContributionType.POST,
                 last_activity_at: '2022-08-07T22:25:00+02:00',
                 author: {
                     id: 248,
@@ -430,6 +431,7 @@ const exampleExploreData = {
                     avatar: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/avatars/248/resized/209/209/e3087379702f91d90afb015100062b9d.png',
                     ext_id: null,
                     followings_counter: 10,
+                    status: 'approved',
                     followers_counter: 3,
                     posts_counter: 1,
                     discussions_counter: 0,
@@ -450,7 +452,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-07T04:20:00+02:00',
-                last_edited_at: null,
                 html: '...la 18\u00ba Abbuffata agonistica del nero sotto le unghie dei maiali di SAN CARETTO (EN)',
                 summary: '...la 18\u00ba Abbuffata agonistica del nero sotto le unghie dei maiali di SAN CARETTO (EN)',
                 deleted: false,
@@ -515,4 +516,3 @@ const exampleExploreData = {
     ]
 };
 exports.exampleExploreData = exampleExploreData;
-//# sourceMappingURL=prefetchedData.js.map

package/lib/cjs/components/FeedObject/Actions/Actions.d.ts

@@ -1,7 +1,7 @@
 import { VoteProps } from './Vote';
 import { CommentProps } from './Comment';
 import { ShareProps } from './Share';
-import { SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
+import { SCContributionType, SCFeedObjectType } from '@selfcommunity/types';
 import { SCFeedObjectTemplateType } from '../../../types/feedObject';
 export interface ActionsProps {
     /**
@@ -23,7 +23,7 @@ export interface ActionsProps {
      * Feed object type
      * @default 'post' type
      */
-    feedObjectType?: SCFeedObjectTypologyType;
+    feedObjectType?: Exclude<SCContributionType, SCContributionType.COMMENT>;
     /**
      * Feed Object template type
      * @default 'preview'
@@ -65,5 +65,4 @@ export interface ActionsProps {
      */
     ShareActionProps?: ShareProps;
 }
-export default function Actions(inProps: ActionsProps): JSX.Element;
-//# sourceMappingURL=Actions.d.ts.map
+export default function Actions(props: ActionsProps): JSX.Element;