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

package/lib/esm/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/esm/components/Events/Skeleton.js

@@ -0,0 +1,41 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { PREFIX } from './constants';
+import { Box, Grid } from '@mui/material';
+import classNames from 'classnames';
+import { EventSkeleton } from '../Event';
+const classes = {
+    root: `${PREFIX}-skeleton-root`,
+    events: `${PREFIX}-skeleton-events`,
+    item: `${PREFIX}-skeleton-item`
+};
+const Root = styled(Box, {
+    name: 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.|
+ *
+ */
+export default function EventsSkeleton(inProps) {
+    const { className, EventSkeletonProps = {}, eventsNumber = 8, GridContainerComponentProps = {}, GridItemComponentProps = {} } = inProps, rest = __rest(inProps, ["className", "EventSkeletonProps", "eventsNumber", "GridContainerComponentProps", "GridItemComponentProps"]);
+    return (_jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: _jsx(Grid, Object.assign({ container: true, spacing: { xs: 3 }, className: classes.events }, GridContainerComponentProps, { children: [...Array(eventsNumber)].map((event, index) => (_jsx(Grid, Object.assign({ item: true, xs: 12, sm: 12, md: 6 }, GridItemComponentProps, { className: classes.item }, { children: _jsx(EventSkeleton, Object.assign({}, EventSkeletonProps)) }), index))) })) })));
+}

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

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

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

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

package/lib/esm/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/esm/components/Events/index.js

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

package/lib/esm/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/esm/components/Events/prefetchedEvents.js

@@ -0,0 +1,275 @@
+export const 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/esm/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 {
     /**