@selfcommunity/react-ui 0.7.56-alpha.0 → 0.8.0-alpha.1

package/lib/cjs/components/Events/Skeleton.d.ts

@@ -0,0 +1,49 @@
+import { GridProps } from '@mui/material';
+export interface EventsSkeletonProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    EventSkeletonProps?: any;
+    /**
+     * Props spread to grid container
+     * @default {}
+     */
+    GridContainerComponentProps?: Pick<GridProps, Exclude<keyof GridProps, 'container' | 'component' | 'children' | 'item' | 'classes'>>;
+    /**
+     * Props spread to single grid item
+     * @default {}
+     */
+    GridItemComponentProps?: Pick<GridProps, Exclude<keyof GridProps, 'container' | 'component' | 'children' | 'item' | 'classes'>>;
+    /**
+     * @default 20
+     */
+    eventsNumber?: number;
+}
+/**
+ * > API documentation for the Community-JS Groups Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {EventsSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCEvents-skeleton-root` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCEvents-skeleton-root|Styles applied to the root element.|
+ |events|.SCEvents-skeleton-events|Styles applied to the group elements.|
+ *
+ */
+export default function EventsSkeleton(inProps: EventsSkeletonProps): JSX.Element;

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("@mui/material/styles");
+const constants_1 = require("./constants");
+const material_1 = require("@mui/material");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Event_1 = require("../Event");
+const classes = {
+    root: `${constants_1.PREFIX}-skeleton-root`,
+    events: `${constants_1.PREFIX}-skeleton-events`,
+    item: `${constants_1.PREFIX}-skeleton-item`
+};
+const Root = (0, styles_1.styled)(material_1.Box, {
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
+/**
+ * > API documentation for the Community-JS Groups Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {EventsSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCEvents-skeleton-root` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCEvents-skeleton-root|Styles applied to the root element.|
+ |events|.SCEvents-skeleton-events|Styles applied to the group elements.|
+ *
+ */
+function EventsSkeleton(inProps) {
+    const { className, EventSkeletonProps = {}, eventsNumber = 8, GridContainerComponentProps = {}, GridItemComponentProps = {} } = inProps, rest = tslib_1.__rest(inProps, ["className", "EventSkeletonProps", "eventsNumber", "GridContainerComponentProps", "GridItemComponentProps"]);
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, spacing: { xs: 3 }, className: classes.events }, GridContainerComponentProps, { children: [...Array(eventsNumber)].map((event, index) => ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, sm: 12, md: 6 }, GridItemComponentProps, { className: classes.item }, { children: (0, jsx_runtime_1.jsx)(Event_1.EventSkeleton, Object.assign({}, EventSkeletonProps)) }), index))) })) })));
+}
+exports.default = EventsSkeleton;

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

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

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

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

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

@@ -0,0 +1,4 @@
+import Events, { EventsProps } from './Events';
+import EventsSkeleton, { EventsSkeletonProps } from './Skeleton';
+export default Events;
+export { EventsProps, EventsSkeleton, EventsSkeletonProps };

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventsSkeleton = void 0;
+const tslib_1 = require("tslib");
+const Events_1 = tslib_1.__importDefault(require("./Events"));
+const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
+exports.EventsSkeleton = Skeleton_1.default;
+exports.default = Events_1.default;

package/lib/cjs/components/Events/prefetchedEvents.d.ts

@@ -0,0 +1,271 @@
+export declare const prefetchedEvents: ({
+    id: number;
+    name: string;
+    description: string;
+    slug: string;
+    color: string;
+    privacy: string;
+    visible: boolean;
+    active: boolean;
+    show_on_feed: boolean;
+    subscription_status: any;
+    image_bigger: string;
+    image_big: string;
+    image_medium: string;
+    image_small: string;
+    subscribers_counter: number;
+    goings_counter: number;
+    start_date: string;
+    end_date: string;
+    recurring: string;
+    location: string;
+    geolocation: any;
+    geolocation_lat: any;
+    geolocation_lng: any;
+    link: string;
+    created_at: string;
+    created_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_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;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: string;
+        store: string;
+        brand: string;
+    };
+    managed_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_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;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: string;
+        store: string;
+        brand: string;
+    };
+} | {
+    id: number;
+    name: string;
+    description: string;
+    slug: string;
+    color: string;
+    privacy: string;
+    visible: boolean;
+    active: boolean;
+    show_on_feed: boolean;
+    subscription_status: any;
+    image_bigger: string;
+    image_big: string;
+    image_medium: string;
+    image_small: string;
+    subscribers_counter: number;
+    goings_counter: number;
+    start_date: string;
+    end_date: any;
+    recurring: string;
+    location: string;
+    geolocation: string;
+    geolocation_lat: number;
+    geolocation_lng: number;
+    link: any;
+    created_at: string;
+    created_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_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;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: string;
+        store: string;
+        brand: string;
+    };
+    managed_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_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;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: string;
+        store: string;
+        brand: string;
+    };
+} | {
+    id: number;
+    name: string;
+    description: string;
+    slug: string;
+    color: string;
+    privacy: string;
+    visible: boolean;
+    active: boolean;
+    show_on_feed: boolean;
+    subscription_status: string;
+    image_bigger: string;
+    image_big: string;
+    image_medium: string;
+    image_small: string;
+    subscribers_counter: number;
+    goings_counter: number;
+    start_date: string;
+    end_date: any;
+    recurring: string;
+    location: string;
+    geolocation: string;
+    geolocation_lat: number;
+    geolocation_lng: number;
+    link: any;
+    created_at: string;
+    created_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_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;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: any;
+        store: string;
+        brand: any;
+    };
+    managed_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_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;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: any;
+        store: string;
+        brand: any;
+    };
+})[];

package/lib/cjs/components/Events/prefetchedEvents.js

@@ -0,0 +1,278 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prefetchedEvents = void 0;
+exports.prefetchedEvents = [
+    {
+        id: 105,
+        name: 'Evento di prova',
+        description: 'Questo è un evento di prova',
+        slug: 'evento-di-prova',
+        color: '#DBDBDB',
+        privacy: 'public',
+        visible: true,
+        active: true,
+        show_on_feed: false,
+        subscription_status: null,
+        image_bigger: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/bigger/evento-di-prova_6850.jpg',
+        image_big: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/big/evento-di-prova_0152.jpg',
+        image_medium: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/medium/evento-di-prova_3635.jpg',
+        image_small: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/small/evento-di-prova_6424.jpg',
+        subscribers_counter: 1,
+        goings_counter: 0,
+        start_date: '2024-08-13T16:00:00+02:00',
+        end_date: '2024-08-13T17:00:00+02:00',
+        recurring: 'never',
+        location: 'virtual',
+        geolocation: null,
+        geolocation_lat: null,
+        geolocation_lng: null,
+        link: 'https://www.youtube.com/?app=desktop&hl=it',
+        created_at: '2024-08-08T10:26:36.309587+02:00',
+        created_by: {
+            id: 1,
+            username: 'admin',
+            real_name: '',
+            avatar: 'https://internal.stage.quentrix.com/wioggmfc/avatar/admin',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 1,
+            followers_counter: 1,
+            posts_counter: 4,
+            discussions_counter: 0,
+            polls_counter: 0,
+            categories_counter: 6,
+            date_joined: '2024-04-10T13:23:59.754335+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 75,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: 'Commessa Adv',
+            store: 'Erbusco',
+            brand: 'Sede'
+        },
+        managed_by: {
+            id: 1,
+            username: 'admin',
+            real_name: '',
+            avatar: 'https://internal.stage.quentrix.com/wioggmfc/avatar/admin',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 1,
+            followers_counter: 1,
+            posts_counter: 4,
+            discussions_counter: 0,
+            polls_counter: 0,
+            categories_counter: 6,
+            date_joined: '2024-04-10T13:23:59.754335+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 75,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: 'Commessa Adv',
+            store: 'Erbusco',
+            brand: 'Sede'
+        }
+    },
+    {
+        id: 107,
+        name: 'Evento di persona',
+        description: 'Questo è un evento di persona',
+        slug: 'evento-di-persona',
+        color: '#DBDBDB',
+        privacy: 'public',
+        visible: true,
+        active: true,
+        show_on_feed: false,
+        subscription_status: null,
+        image_bigger: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/bigger/evento-di-persona_1481.jpg',
+        image_big: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/big/evento-di-persona_6521.jpg',
+        image_medium: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/medium/evento-di-persona_4765.jpg',
+        image_small: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/small/evento-di-persona_4536.jpg',
+        subscribers_counter: 1,
+        goings_counter: 0,
+        start_date: '2024-08-09T17:00:00+02:00',
+        end_date: null,
+        recurring: 'never',
+        location: 'in person',
+        geolocation: 'P.za del Duomo, 20122 Milano MI, Italia',
+        geolocation_lat: 45.4640976,
+        geolocation_lng: 9.1919265,
+        link: null,
+        created_at: '2024-08-08T10:51:50.692540+02:00',
+        created_by: {
+            id: 1,
+            username: 'admin',
+            real_name: '',
+            avatar: 'https://internal.stage.quentrix.com/wioggmfc/avatar/admin',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 1,
+            followers_counter: 1,
+            posts_counter: 4,
+            discussions_counter: 0,
+            polls_counter: 0,
+            categories_counter: 6,
+            date_joined: '2024-04-10T13:23:59.754335+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 75,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: 'Commessa Adv',
+            store: 'Erbusco',
+            brand: 'Sede'
+        },
+        managed_by: {
+            id: 1,
+            username: 'admin',
+            real_name: '',
+            avatar: 'https://internal.stage.quentrix.com/wioggmfc/avatar/admin',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 1,
+            followers_counter: 1,
+            posts_counter: 4,
+            discussions_counter: 0,
+            polls_counter: 0,
+            categories_counter: 6,
+            date_joined: '2024-04-10T13:23:59.754335+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 75,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: 'Commessa Adv',
+            store: 'Erbusco',
+            brand: 'Sede'
+        }
+    },
+    {
+        id: 111,
+        name: 'Tour Cagliari',
+        description: '',
+        slug: 'tour-cagliari',
+        color: '#DBDBDB',
+        privacy: 'public',
+        visible: true,
+        active: true,
+        show_on_feed: true,
+        subscription_status: 'subscribed',
+        image_bigger: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/bigger/tour-cagliari_4613.jpg',
+        image_big: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/big/tour-cagliari_5634.jpg',
+        image_medium: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/medium/tour-cagliari_6311.jpg',
+        image_small: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/small/tour-cagliari_3043.jpg',
+        subscribers_counter: 1,
+        goings_counter: 0,
+        start_date: '2024-08-11T09:15:00+02:00',
+        end_date: null,
+        recurring: 'never',
+        location: 'in person',
+        geolocation: 'Piazza Costituzione, Cagliari CA, Italy',
+        geolocation_lat: 39.2153291,
+        geolocation_lng: 9.1171268,
+        link: null,
+        created_at: '2024-08-08T11:33:33.586626+02:00',
+        created_by: {
+            id: 642,
+            username: 'simonester',
+            real_name: '',
+            avatar: 'https://static.stage.quentrix.com/wioggmfc/upfiles/avatars/642/resized/209/209/56ca76ca6a31a337972026011f597cec.png',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 0,
+            followers_counter: 0,
+            posts_counter: 14,
+            discussions_counter: 1,
+            polls_counter: 0,
+            categories_counter: 6,
+            date_joined: '2024-07-08T10:59:03.296820+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 52,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: null,
+            store: 'Cagliari',
+            brand: null
+        },
+        managed_by: {
+            id: 642,
+            username: 'simonester',
+            real_name: '',
+            avatar: 'https://static.stage.quentrix.com/wioggmfc/upfiles/avatars/642/resized/209/209/56ca76ca6a31a337972026011f597cec.png',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 0,
+            followers_counter: 0,
+            posts_counter: 14,
+            discussions_counter: 1,
+            polls_counter: 0,
+            categories_counter: 6,
+            date_joined: '2024-07-08T10:59:03.296820+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 52,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: null,
+            store: 'Cagliari',
+            brand: null
+        }
+    }
+];

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

@@ -16,6 +16,7 @@ export declare type FeedSidebarProps = StickyBoxProps;
 export declare type FeedRef = {
     addFeedData: (obj: any, syncPagination?: boolean) => void;
     refresh: () => void;
+    getCurrentFeedObjectIds: () => number[];
 };
 export interface FeedProps {
     /**