jamespot-react-components 1.2.24 → 1.2.25

package/build/src/components/Form/Input/JRCInputText/JRCInputText.style.d.ts

@@ -16,6 +16,7 @@ export declare const IconAfter: import("styled-components").StyledComponent<{
         hasLicense?: boolean | undefined;
         bg?: import("../../../../styles/theme").Colors | import("../../../../styles/theme").Shades | undefined;
         bgHover?: import("../../../../styles/theme").Colors | import("../../../../styles/theme").Shades | undefined;
+        borderColor?: import("../../../../styles/theme").Colors | import("../../../../styles/theme").Shades | undefined;
         iconSize?: number | undefined;
         badgeNumber?: number | undefined;
         colorVariant?: string | undefined;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.types.d.ts

@@ -71,6 +71,7 @@ export type SelectProps<T = any> = DataCy & {
     limit?: number;
     size?: 'md' | 's';
     minWidth?: string | false;
+    noMargin?: boolean;
 };
 /**
  * Autocomplete

package/build/src/components/Form/Input/JRCStyledInput.d.ts

@@ -23,6 +23,7 @@ export declare const StyledInput: import("styled-components").StyledComponent<"i
 export type StyledSelectProps = DataCy & IconsProps & {
     searchable?: boolean;
     sizeVariant?: 's' | 'md';
+    noMargin?: boolean;
 };
 export declare const StyledSelect: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, DataCy & {
     error?: boolean | undefined;
@@ -31,6 +32,7 @@ export declare const StyledSelect: import("styled-components").StyledComponent<"
 } & IconsProps & {
     searchable?: boolean | undefined;
     sizeVariant?: "s" | "md" | undefined;
+    noMargin?: boolean | undefined;
 }, never>;
 export declare const MaxLengthIndicatorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const MaxLengthIndicator: ({ maxLength, actualLength }: {

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

@@ -36,6 +36,7 @@ export declare const JRCIconButtonAppLeftColumn: import("styled-components").Sty
         hasLicense?: boolean | undefined;
         bg?: import("../../styles/theme").Colors | import("../../styles/theme").Shades | undefined;
         bgHover?: import("../../styles/theme").Colors | import("../../styles/theme").Shades | undefined;
+        borderColor?: import("../../styles/theme").Colors | import("../../styles/theme").Shades | undefined;
         iconSize?: number | undefined;
         badgeNumber?: number | undefined;
         colorVariant?: string | undefined;

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

@@ -17,7 +17,9 @@ export declare const MarginLessJRCButton: import("styled-components").StyledComp
     label?: string | undefined;
     noMargin?: boolean | undefined;
     size?: "s" | "m" | undefined;
-} & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, ButtonProps, never>;
+} & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, ButtonProps & {
+    small?: boolean | undefined;
+}, never>;
 export declare const MenuWithoutTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const MenuWithTitle: ({ direction, label, themeButton, children }: MenuWithTitleProps) => React.JSX.Element;
 export declare const DropdownOption: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, DropdownOptionProps, never>;

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

@@ -25,6 +25,7 @@ export type JRCButtonDropdownProps = {
     disabled?: boolean;
     defaultOpen?: boolean;
     onClose?: () => void;
+    noMargin?: boolean;
 };
 export type ButtonProps = {
     borderLeft?: boolean;

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

@@ -1,4 +1,5 @@
 export declare const CalendarStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     loading?: boolean | undefined;
     view: 'list' | 'grid';
+    fullScreen?: boolean | undefined;
 }, never>;

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

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { CalendarEventViewAbstractType, CalendarEventWithExtensions, JArticleApi, JCalendarApi, JGlobalApi } from 'jamespot-user-api';
+import { CalendarApi } from '@fullcalendar/core';
 export type JRCCalendarProps = {
     events?: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>[];
     loading?: boolean;
@@ -7,13 +8,25 @@ export type JRCCalendarProps = {
     onError: (errorMsg?: string) => void;
     onSuccess: (message: string) => void;
     handler: {
-        global: Pick<JGlobalApi, 'updateAction'>;
+        global: Pick<JGlobalApi, 'updateAction' | 'removeAction'>;
         calendar: Pick<JCalendarApi, 'reviveSubmit'>;
         article: Pick<JArticleApi, 'delete'>;
     };
     defaultView: CalendarView;
     eventModalExtraComponent?: (event: CalendarEventWithExtensions<CalendarEventViewAbstractType, ['socialEventRecord']>) => ReactNode;
-    onChangeView?: (view: CalendarView) => void;
+    onChangeView?: (view: {
+        label: string;
+        value: CalendarView;
+    }) => void;
+    fullScreen?: boolean;
+    deportedToolbar?: {
+        onChangeLabel?: (label: string) => void;
+        onCalendarApiInit?: (api?: CalendarApi) => void;
+        view?: {
+            label: string;
+            value: CalendarView;
+        };
+    };
 };
 export type CalendarView = 'dayGridMonth' | 'timeGridWeek' | 'timeGridDay' | 'list';
-export declare const JRCCalendar: ({ events, loading, onChangeDates, onError, handler, onSuccess, defaultView, eventModalExtraComponent, onChangeView, }: JRCCalendarProps) => React.JSX.Element;
+export declare const JRCCalendar: ({ events, loading, onChangeDates, onError, handler, onSuccess, defaultView, eventModalExtraComponent, onChangeView, fullScreen, deportedToolbar, }: JRCCalendarProps) => React.JSX.Element;

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

@@ -19,7 +19,7 @@ export type JRCCalendarEventProps = {
     type: string;
     isVisio?: boolean;
     handler: {
-        global: Pick<JGlobalApi, 'updateAction'>;
+        global: Pick<JGlobalApi, 'updateAction' | 'removeAction'>;
         calendar: Pick<JCalendarApi, 'reviveSubmit'>;
     };
     onError: (errMsg?: string) => void;

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

@@ -8,7 +8,7 @@ export type JRCCalendarModalProps = {
     handler: {
         article: Pick<JArticleApi, 'delete'>;
         calendar: Pick<JCalendarApi, 'reviveSubmit'>;
-        global: Pick<JGlobalApi, 'updateAction'>;
+        global: Pick<JGlobalApi, 'updateAction' | 'removeAction'>;
     };
     onError: (errorMsg?: string) => void;
     onSuccess: (message: string) => void;

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

@@ -14,11 +14,11 @@ export type JRCEventStatusButtonProps = {
     onError: (errorMessage: string) => void;
     onSuccess: (message: string) => void;
     handler: {
-        global: Pick<JGlobalApi, 'updateAction'>;
+        global: Pick<JGlobalApi, 'updateAction' | 'removeAction'>;
     };
     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;
+export declare const JRCEventStatusButton: ({ onError, handler, onSuccess, eventId, eventUri, eventType, eventIsVisio, initialStatus, canSubscribe, setSubscriptionModifiers, status, }: JRCEventStatusButtonProps) => React.JSX.Element | null;

package/build/src/components/JRCCommentsBloc/JRCComment.d.ts

@@ -1,4 +1,4 @@
-import { Model, UpdateCommentParams, WidgetDisplayMode, WidgetWrapperProps, JFileApi, JSocialActionApi, JUserApi, CommentWithExtensions } from 'jamespot-user-api';
+import { Model, UpdateCommentParams, WidgetDisplayMode, WidgetWrapperProps, JFileApi, JUserApi, CommentWithExtensions, JGlobalApi } from 'jamespot-user-api';
 import { jCommentList } from 'jamespot-user-api/lib/src/types/comment';
 import React from 'react';
 import { DriveOrFilebank, JRCInputTinyMCERawProps } from 'types';
@@ -28,7 +28,7 @@ export type JRCCommentProps = {
         file: Pick<JFileApi, 'copy'>;
         drive: Pick<JDriveApi, 'msDocuments' | 'dropboxDocuments' | 'groups' | 'tenants' | 'listAccount' | 'isAccountLogged' | 'checkAccountToken' | 'getAccount' | 'logout' | 'setDefaultAccount' | 'getDocument'>;
         user: Pick<JUserApi, 'get' | 'getFields'>;
-        socialAction: Pick<JSocialActionApi, 'add' | 'remove' | 'getUsers'>;
+        global: Pick<JGlobalApi, 'addAction' | 'removeAction' | 'getUsers'>;
         questionAnswer: Pick<JQuestionAnswerApi, 'selectResponse' | 'unselectResponse'>;
     };
     socialQuestion?: {

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

@@ -1,4 +1,4 @@
-import { AddCommentParams, Model, UpdateCommentParams, WidgetDisplayMode, WidgetWrapperProps, jUserList, JFileApi, JSocialActionApi, JUserApi, CommentWithExtensions } from 'jamespot-user-api';
+import { AddCommentParams, Model, UpdateCommentParams, WidgetDisplayMode, WidgetWrapperProps, jUserList, JFileApi, JUserApi, CommentWithExtensions, JGlobalApi } from 'jamespot-user-api';
 import { jCommentList } from 'jamespot-user-api/lib/src/types/comment';
 import React from 'react';
 import { JRCInputTinyMCERawProps } from '../Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
@@ -37,7 +37,7 @@ export type JRCCommentsBlocProps = {
         file: Pick<JFileApi, 'copy' | 'deleteFile'>;
         drive: Pick<JDriveApi, 'msDocuments' | 'dropboxDocuments' | 'groups' | 'tenants' | 'listAccount' | 'isAccountLogged' | 'checkAccountToken' | 'getAccount' | 'logout' | 'setDefaultAccount' | 'getDocument'>;
         user: Pick<JUserApi, 'get' | 'getFields'>;
-        socialAction: Pick<JSocialActionApi, 'add' | 'remove' | 'getUsers'>;
+        global: Pick<JGlobalApi, 'addAction' | 'removeAction' | 'getUsers'>;
         questionAnswer: Pick<JQuestionAnswerApi, 'selectResponse' | 'unselectResponse'>;
     };
     socialQuestion?: {

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

@@ -1,9 +1,11 @@
-import * as React from 'react';
+import React from 'react';
+import { Colors } from '../../styles/theme';
 export interface JRCDropDownProps {
     trigger: React.ReactNode;
     dropdown: (collapseDropdown: () => void) => React.ReactNode;
     align?: 'left' | 'right';
     onToggle?: (isOpen: boolean) => void;
     withBorder?: boolean;
+    borderColor?: Colors;
 }
-export declare const JRCDropDown: ({ trigger, dropdown, align, onToggle, withBorder }: JRCDropDownProps) => React.JSX.Element;
+export declare const JRCDropDown: ({ trigger, dropdown, align, onToggle, withBorder, borderColor }: JRCDropDownProps) => React.JSX.Element;

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

@@ -6,6 +6,7 @@ declare const colorVariants: Record<string, {
     color: Colors | Shades;
     bg: Colors | Shades;
     bgHover: Colors | Shades;
+    borderColor: Colors | Shades;
 }>;
 /**
  * IconButton props
@@ -36,6 +37,7 @@ export type JRCIconButtonProps = Omit<React.ComponentPropsWithoutRef<'button'>,
     hasLicense?: boolean;
     bg?: Colors | Shades;
     bgHover?: Colors | Shades;
+    borderColor?: Colors | Shades;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: keyof typeof colorVariants;

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

@@ -16,6 +16,7 @@ export type JRCSidePanelModalProps = {
     inplace?: boolean;
     offsetTop?: number;
     optionsButton?: JRCButtonDropdownOptionProps[];
+    zIndex?: number;
 };
 /**
  * ℹ️⚠️

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

@@ -4,6 +4,7 @@ export declare const JRCModalBox: import("styled-components").StyledComponent<"d
     open?: boolean | undefined;
     inplace?: boolean | undefined;
     offsetTop?: number | undefined;
+    zIndex?: number | undefined;
 }, never>;
 export declare const JRCModalTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalOptions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/Templates/template.styles.d.ts

@@ -3,9 +3,11 @@ import { JRCColumn } from './JRCColumn';
 import React from 'react';
 import type { Closing, Open, LayoutMode, ColumnPosition } from './template.type';
 import { FlexDirection } from '../JRCFlex/JRCFlexBox';
+import { Colors } from '../../styles/theme';
 export declare const BasicAutoMarginWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $flexDirection?: FlexDirection | undefined;
+    backgroundColor?: Colors | undefined;
 }, never>;
 export declare const ScrollWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $flexDirection?: FlexDirection | undefined;

package/build/src/components/Templates/template.type.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { FlexDirection } from '../JRCFlex/JRCFlexBox';
+import { Colors } from '../../styles/theme';
 export type LayoutMode = 'fluid' | 'center' | 'centerTop';
 export type ColumnPosition = 'left' | 'right';
 export type JRCBasicAutoMarginContainerProps = {
@@ -12,6 +13,7 @@ export type JRCContainerProps = {
     maxWidth?: string;
     flexDirection?: FlexDirection;
     hasPadding?: boolean;
+    backgroundColor?: Colors;
 };
 export type JRCColumnProps = {
     children: React.ReactNode;

package/build/src/styles/theme.d.ts

@@ -61,6 +61,7 @@ export type ThemeType = {
         tooltip: number;
         dropdownModal: number;
         dropDownModalIcon: number;
+        sidePanelModal: number;
     };
     space: {
         xs: number;

package/build/src/types.d.ts

@@ -1,4 +1,6 @@
 export type { AutocompleteView } from './components/Form/Input/JRCSelect/JRCInputAutocompleteViews';
+export type { CalendarApi } from '@fullcalendar/core';
+export type { CalendarView } from './components/JRCCalendar/JRCCalendar';
 export type { Editor } from 'tinymce';
 export type { JRCDragAndDropProps } from './components/Beta/BETA_JRCDragAndDrop/BETA_JRCDragAndDrop';
 export type { JRCConditionalWrapperProps } from './components/Common/JRCConditionalWrapper';

package/build/src/utils/utils.date.d.ts

@@ -8,6 +8,12 @@ export interface extractDateProps {
 }
 export type DateFormat = 'date' | 'date-time' | 'date-time-sec' | 'time' | 'time-sec';
 export declare const extractDate: (str?: string | Date) => extractDateProps;
+/**
+ * Format date to YYYY-MM-DD
+ * @param {Date} date - Date to format
+ * @returns {string} Formatted date string
+ */
+export declare const formatDate: (date: Date) => string;
 /**
  * Format date to YYYY-MM-DD hh:mm:ss format
  * @param {Date} date - Date to format

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.2.24",
+  "version": "1.2.25",
   "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.24",
+    "jamespot-user-api": "^1.2.25",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",
     "react-dnd": "^14.0.4",