jamespot-react-components 1.2.16 → 1.2.18

package/build/src/components/Editors/components/EditorUploader.d.ts

@@ -6,7 +6,7 @@ export declare const EditorUploader: ({ token, uniqid, label, accept, multiple,
     label: string;
     accept: string;
     multiple: boolean;
-    name?: "editorFiles" | "attachment" | undefined;
+    name?: "attachment" | "editorFiles" | undefined;
     network?: Pick<Network, "token" | "postFile" | "getUrl"> | undefined;
     onUploadStart: (count?: number) => void;
     onUploadSuccess: (response: jFileLittle) => void;

package/build/src/components/JRCAlbum/JRCAlbum.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { JRCAlbumProps } from './types';
+export declare const JRCAlbum: ({ files, maxWidth, withAttachments, urlResolve, }: JRCAlbumProps) => React.JSX.Element;

package/build/src/components/JRCAlbum/JRCAlbum.stories.d.ts

@@ -0,0 +1,12 @@
+import { JRCAlbum } from './JRCAlbum';
+import { Meta, StoryObj } from '@storybook/react/*';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof JRCAlbum>;
+export declare const AlbumX1: Story;
+export declare const AlbumX1OpenFileViewer: Story;
+export declare const AlbumX2: Story;
+export declare const AlbumX3WithVideo: Story;
+export declare const AlbumX4: Story;
+export declare const AlbumX5: Story;
+export declare const AlbumX5WithAttachments: Story;

package/build/src/components/JRCAlbum/components/AlbumItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { JRCAlbumItemFile } from '../types';
+export declare const AlbumItem: ({ file, width, height }: {
+    file: JRCAlbumItemFile;
+    width: number;
+    height: number;
+}) => React.JSX.Element;
+export declare const AlbumItemImage: ({ uri }: {
+    uri: string;
+}) => React.JSX.Element;

package/build/src/components/JRCAlbum/components/AlbumX1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { JRCAlbumItemProps } from '../types';
+export declare const AlbumX1: ({ files, maxWidth, maxHeight, onClick }: JRCAlbumItemProps) => React.JSX.Element;

package/build/src/components/JRCAlbum/components/AlbumX2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { JRCAlbumItemProps } from '../types';
+export declare const AlbumX2: ({ files, maxWidth, onClick }: JRCAlbumItemProps) => React.JSX.Element;

package/build/src/components/JRCAlbum/components/AlbumX3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { JRCAlbumItemProps } from '../types';
+export declare const AlbumX3: ({ files, maxWidth, onClick }: JRCAlbumItemProps) => React.JSX.Element;

package/build/src/components/JRCAlbum/components/AlbumX4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { JRCAlbumItemProps } from '../types';
+export declare const AlbumX4: ({ files, maxWidth, onClick }: JRCAlbumItemProps) => React.JSX.Element;

package/build/src/components/JRCAlbum/components/AlbumX5.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { JRCAlbumItemProps } from '../types';
+export declare const AlbumX5: ({ files, maxWidth, onClick }: JRCAlbumItemProps) => React.JSX.Element;

package/build/src/components/JRCAlbum/const.d.ts

@@ -0,0 +1,8 @@
+export declare const ALBUM_GAP = 10;
+export declare const ALBUM_DEFAULT_MAX_WIDTH = 800;
+export declare const ALBUM_SUPPORTED_FILE_FAMILY: string[];
+export declare enum AlbumFamilyType {
+    IMAGE = "image",
+    VIDEO = "video",
+    GIF = "gif"
+}

package/build/src/components/JRCAlbum/styles.d.ts

@@ -0,0 +1,20 @@
+export declare const AlbumWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    maxWidth?: string | undefined;
+}, never>;
+export declare const AlbumBackgroundVideoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    width: number;
+    height: number;
+}, never>;
+export declare const AlbumBackgroundImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    uri: string;
+}, never>;
+export declare const AlbumImageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    width: number;
+    height: number;
+}, never>;
+export declare const AlbumImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
+export declare const AlbumOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AlbumAttachments: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AlbumRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AlbumX1Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AlbumButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/JRCAlbum/types.d.ts

@@ -0,0 +1,22 @@
+import { jFileLittle } from 'jamespot-user-api';
+export type JRCAlbumProps = {
+    files: jFileLittle[];
+    maxWidth?: number;
+    maxHeight?: number;
+    withAttachments?: boolean;
+    urlResolve: (file: jFileLittle) => string;
+};
+export type JRCAlbumItemFile = {
+    uri: string;
+    id: number;
+    title: string;
+    mimetype: string;
+    size: string;
+};
+export type JRCAlbumItemProps = {
+    files: JRCAlbumItemFile[];
+    maxWidth?: number;
+    maxHeight?: number;
+    withAttachments?: boolean;
+    onClick: (index: number) => void;
+};

package/build/src/components/JRCButtonDropdown/JRCButtonDropdown.types.d.ts

@@ -23,6 +23,8 @@ export type JRCButtonDropdownProps = {
     options: Array<JRCButtonDropdownOptionProps>;
     semiTransparentClosed?: boolean;
     disabled?: boolean;
+    defaultOpen?: boolean;
+    onClose?: () => void;
 };
 export type ButtonProps = {
     borderLeft?: boolean;

package/build/src/components/JRCCalendar/JRCCalendar.d.ts

@@ -1,16 +1,19 @@
-import React from 'react';
-import { CalendarEventListAbstractType, CalendarEventWithExtensions, JGlobalApi } from 'jamespot-user-api';
+import React, { ReactNode } from 'react';
+import { CalendarEventViewAbstractType, CalendarEventWithExtensions, JArticleApi, JCalendarApi, JGlobalApi } from 'jamespot-user-api';
 export type JRCCalendarProps = {
-    events?: CalendarEventWithExtensions<CalendarEventListAbstractType, ['socialEventRecord']>[];
-    onClickEvent?: (id: number) => void;
+    events?: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>[];
     loading?: boolean;
     onChangeDates?: (start: Date, end: Date) => void;
     onError: (errorMsg?: string) => void;
-    onUpdateActionSuccess: () => void;
+    onSuccess: (message: string) => void;
     handler: {
         global: Pick<JGlobalApi, 'updateAction'>;
+        calendar: Pick<JCalendarApi, 'reviveSubmit'>;
+        article: Pick<JArticleApi, 'delete'>;
     };
-    defaultView: 'calendar' | 'list';
+    defaultView: CalendarView;
+    eventModalExtraComponent?: (event: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>) => ReactNode;
+    onChangeView?: (view: CalendarView) => void;
 };
 export type CalendarView = 'dayGridMonth' | 'timeGridWeek' | 'timeGridDay' | 'list';
-export declare const JRCCalendar: ({ events, onClickEvent, loading, onChangeDates, onError, handler, onUpdateActionSuccess, defaultView, }: JRCCalendarProps) => React.JSX.Element;
+export declare const JRCCalendar: ({ events, loading, onChangeDates, onError, handler, onSuccess, defaultView, eventModalExtraComponent, onChangeView, }: JRCCalendarProps) => React.JSX.Element;

package/build/src/components/JRCCalendar/JRCCalendarEvent.d.ts

@@ -1,14 +1,15 @@
 import * as React from 'react';
 import { CalendarView } from './JRCCalendar';
-import { Audience, JGlobalApi, UserResponseStatus } from 'jamespot-user-api';
-export type JRCCalendarMonthEventProps = {
+import { Audience, JCalendarApi, JGlobalApi, UserResponseStatus } from 'jamespot-user-api';
+import { SubscriptionModifiers } from './JRCEventStatusButton';
+export type JRCCalendarEventProps = {
     id: string;
     title: string;
     start: Date | null;
     end: Date | null;
     status: UserResponseStatus | null;
     display: CalendarView;
-    onClick?: (id: number) => void;
+    onClick: (id: number) => void;
     audience: Pick<Audience, '_url' | 'title' | 'uri'>[];
     allDay?: boolean;
     textColor?: string;
@@ -19,8 +20,14 @@ export type JRCCalendarMonthEventProps = {
     isVisio?: boolean;
     handler: {
         global: Pick<JGlobalApi, 'updateAction'>;
+        calendar: Pick<JCalendarApi, 'reviveSubmit'>;
     };
     onError: (errMsg?: string) => void;
-    onUpdateSuccess: () => void;
+    onSuccess: (message: string) => void;
+    noGestion: boolean;
+    setSubscriptionModifiers: (fn: (prev: SubscriptionModifiers) => SubscriptionModifiers) => void;
+    uri: string;
+    canSubscribe: boolean;
+    subscriptionModifiers: SubscriptionModifiers;
 };
-export declare const JRCCalendarEvent: ({ status, title, start, end, display, id: stringId, onClick, audience, allDay, textColor, backgroundColor, address, image, type, isVisio, handler, onError, onUpdateSuccess, }: JRCCalendarMonthEventProps) => React.JSX.Element | null;
+export declare const JRCCalendarEvent: ({ status, title, start, end, display, id: stringId, onClick, audience, allDay, textColor, backgroundColor, address, image, type, isVisio, handler, onError, onSuccess, noGestion, setSubscriptionModifiers, uri, canSubscribe, subscriptionModifiers, }: JRCCalendarEventProps) => React.JSX.Element | null;

package/build/src/components/JRCCalendar/JRCCalendarModal.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+import { CalendarEventViewAbstractType, CalendarEventWithExtensions, JArticleApi, JCalendarApi, JGlobalApi } from 'jamespot-user-api';
+import { SubscriptionModifiers } from './JRCEventStatusButton';
+export type JRCCalendarModalProps = {
+    event?: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>;
+    open: boolean;
+    closeHandler: () => void;
+    handler: {
+        article: Pick<JArticleApi, 'delete'>;
+        calendar: Pick<JCalendarApi, 'reviveSubmit'>;
+        global: Pick<JGlobalApi, 'updateAction'>;
+    };
+    onError: (errorMsg?: string) => void;
+    onSuccess: (message: string) => void;
+    extraComponent?: (event: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>) => ReactNode;
+    setSubscriptionModifiers: (fn: (prev: SubscriptionModifiers) => SubscriptionModifiers) => void;
+    subscriptionModifiers: SubscriptionModifiers;
+};
+export declare const JRCCalendarModal: ({ open, closeHandler, event, handler, onError, onSuccess, extraComponent, setSubscriptionModifiers, subscriptionModifiers, }: JRCCalendarModalProps) => React.JSX.Element;

package/build/src/components/JRCCalendar/JRCEventStatusButton.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { JGlobalApi, UserResponseStatus } from 'jamespot-user-api';
+export type SubscriptionModifiers = {
+    uri: string;
+    modifier: number;
+    status: UserResponseStatus;
+}[];
+export type JRCEventStatusButtonProps = {
+    eventId: number;
+    eventType: string;
+    initialStatus?: UserResponseStatus | null;
+    eventIsVisio?: boolean;
+    onUpdateStatus?: (status: UserResponseStatus) => void;
+    onError: (errorMessage: string) => void;
+    onSuccess: (message: string) => void;
+    handler: {
+        global: Pick<JGlobalApi, 'updateAction'>;
+    };
+    canSubscribe?: boolean;
+    setSubscriptionModifiers: (fn: (prev: SubscriptionModifiers) => SubscriptionModifiers) => void;
+    eventUri: string;
+    status: UserResponseStatus | null;
+};
+export declare const JRCEventStatusButton: ({ onError, handler, onSuccess, eventId, eventUri, eventType, eventIsVisio, initialStatus, canSubscribe, setSubscriptionModifiers, status, }: JRCEventStatusButtonProps) => React.JSX.Element;

package/build/src/components/JRCCalendar/useResponseStatus.d.ts

@@ -0,0 +1,6 @@
+import { UserResponseStatus } from 'jamespot-user-api';
+import { Colors } from '../../styles/theme';
+export declare const useResponseStatus: () => {
+    getStatusColor: (status: UserResponseStatus | null) => Colors;
+    getStatusLabel: (status: UserResponseStatus | null) => string;
+};

package/build/src/components/JRCSidePanelModal/JRCSidePanelModal.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { JRCButtonDropdownOptionProps } from '../JRCButtonDropdown/JRCButtonDropdown.types';
 /**
  * Type for JRCSidePanelModal props
  */
@@ -14,6 +15,7 @@ export type JRCSidePanelModalProps = {
     removePadding?: boolean;
     inplace?: boolean;
     offsetTop?: number;
+    optionsButton?: JRCButtonDropdownOptionProps[];
 };
 /**
  * ℹ️⚠️

package/build/src/index.d.ts

@@ -160,6 +160,7 @@ export { JRCMainColumn } from './components/Templates/JRCMainColumn';
 export { JRCPanel } from './components/Templates/JRCPanel';
 export { JRCStepperPage } from './components/Templates/JRCStepperPage';
 export { JRCTemplateTwoColumns } from './components/Templates/JRCTwoColumns.template';
+export { JRCAlbum } from './components/JRCAlbum/JRCAlbum';
 export { JRCProgressBar } from './components/JRCProgressBar/JRCProgressBar';
 export { JRCWidgetArticleAttachmentEditor } from './components/Widgets/JRCWidgetAttachment/JRCWidgetArticleAttachmentEditor';
 export { JRCWidgetAttachment } from './components/Widgets/JRCWidgetAttachment/JRCWidgetAttachment';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.2.16",
+  "version": "1.2.18",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -100,7 +100,7 @@
     "chroma-js": "^2.1.1",
     "classnames": "^2.3.1",
     "dompurify": "^3.0.5",
-    "jamespot-user-api": "^1.2.16",
+    "jamespot-user-api": "^1.2.18",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",
     "react-dnd": "^14.0.4",