jamespot-react-components 1.2.38 → 1.2.40

package/build/src/components/JRCModal/JRCModalContent.d.ts

@@ -1,16 +1,19 @@
 import { ReactNode } from 'react';
 import { ButtonColors } from '../JRCButton/types';
+import { ModalOverflow } from './types';
 export type JRCModalContentBase = {
     title?: ReactNode;
+    subTitle?: ReactNode;
     children?: ReactNode;
     options?: ReactNode;
-    overflow?: 'visible' | 'hidden' | 'scroll';
+    overflow?: ModalOverflow;
     onClickIconClose?: () => void;
     dataCy?: string;
 };
 export type JRCModalContentProps = JRCModalContentBase & {
     isFull?: boolean;
     buttons?: JRCModalButtonType[];
+    contentBackgroundColor?: boolean;
 };
 export interface JRCModalButtonType {
     children: ReactNode;
@@ -24,7 +27,11 @@ export interface JRCModalButtonType {
 export declare const ModalOptions: ({ children }: {
     children?: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const ModalTitle: ({ children }: {
-    children?: ReactNode;
+export declare const ModalTitle: ({ title, subTitle }: {
+    title?: ReactNode;
+    subTitle?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalDescription: ({ children }: {
+    children?: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const JRCModalContent: ({ title, onClickIconClose, overflow, options, children, buttons, isFull, dataCy, }: JRCModalContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCModalContent: ({ title, subTitle, onClickIconClose, overflow, options, children, buttons, isFull, dataCy, contentBackgroundColor, }: JRCModalContentProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCModal/JRCModalContentForm.d.ts

@@ -1,11 +1,12 @@
 import { FormEvent } from 'react';
 import { JRCModalButtonType, JRCModalContentBase } from './JRCModalContent';
-export type JRCModalContentFormProps = JRCModalContentBase & {
+export type JRCModalContentFormExtra = {
     buttons?: JRCModalFormButtonType[];
     onSubmit: (e: FormEvent) => Promise<void>;
     loading?: boolean;
 };
+export type JRCModalContentFormProps = JRCModalContentBase & JRCModalContentFormExtra;
 export interface JRCModalFormButtonType extends JRCModalButtonType {
     isSubmit?: boolean;
 }
-export declare const JRCModalContentForm: ({ onSubmit, children, loading, title, onClickIconClose, options, buttons, overflow, }: JRCModalContentFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCModalContentForm: ({ onSubmit, children, loading, title, onClickIconClose, options, buttons, overflow, subTitle, }: JRCModalContentFormProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCModal/JRCModalLayout.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode, RefObject } from 'react';
 import { ModalBorderRadius } from './JRCModal.styles';
+import { JRCIconButtonProps } from '../JRCIconButton/JRCIconButton';
 import { ModalVariant } from './types';
 export interface JRCModalLayoutProps {
     open: boolean;
@@ -11,10 +12,13 @@ export interface JRCModalLayoutProps {
     inPlace?: boolean;
     className?: string;
     maxHeight?: string;
-    variant?: ModalVariant;
-    overflow?: 'visible' | 'hidden';
-    zIndex?: number;
     minHeight?: string;
     focusOnCloseRef?: RefObject<HTMLElement>;
+    extraTopButtons?: JRCIconButtonProps[];
+    maxWidth?: string;
+    variant?: ModalVariant;
+    contentBackgroundColor?: boolean;
+    overflow?: 'hidden' | 'scroll' | 'visible' | 'auto';
+    zIndex?: number;
 }
 export declare const JRCModalLayout: import("react").ForwardRefExoticComponent<JRCModalLayoutProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/src/components/JRCModal/templates/JRCModal.d.ts

@@ -1,2 +1,2 @@
 import { JRCModalProps } from './JRCModal.types';
-export declare const JRCModal: ({ children, open, closeHandler, buttons, title, options, portalId, inPlace, ref, zIndex, enableClickAwayCloseModal, variant, focusOnCloseRef, }: JRCModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCModal: ({ children, open, closeHandler, buttons, title, subTitle, options, portalId, inPlace, ref, zIndex, enableClickAwayCloseModal, variant, maxWidth, focusOnCloseRef, extraTopButtons, overflow, contentBackgroundColor, }: JRCModalProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCModal/templates/JRCModal.types.d.ts

@@ -1,9 +1,11 @@
 import { FormEvent, ForwardedRef, ReactNode, RefObject } from 'react';
 import { JRCModalButtonType } from '../JRCModalContent';
-import { JRCModalFormButtonType } from '../JRCModalContentForm';
+import { JRCIconButtonProps } from '../../JRCIconButton/JRCIconButton';
 import { ModalVariant } from '../types';
-type JRCModalBaseProps = {
+import { JRCModalFormButtonType } from '../JRCModalContentForm';
+export type JRCModalBaseProps = {
     title?: ReactNode;
+    subTitle?: ReactNode;
     children?: ReactNode;
     options?: ReactNode;
     open: boolean;
@@ -11,9 +13,13 @@ type JRCModalBaseProps = {
     portalId?: string;
     inPlace?: boolean;
     ref?: ForwardedRef<HTMLDivElement>;
+    overflow?: 'hidden' | 'scroll' | 'visible' | 'auto';
+    maxWidth?: string;
     enableClickAwayCloseModal?: boolean;
     zIndex?: number;
     focusOnCloseRef?: RefObject<HTMLElement>;
+    extraTopButtons?: JRCIconButtonProps[];
+    contentBackgroundColor?: boolean;
 };
 export type JRCModalProps = JRCModalBaseProps & {
     buttons?: JRCModalButtonType[];
@@ -25,4 +31,3 @@ export type JRCModalFormProps = JRCModalBaseProps & {
     loading?: boolean;
     maxHeight?: string;
 };
-export {};

package/build/src/components/JRCModal/templates/JRCModalForm.d.ts

@@ -1,2 +1,2 @@
 import { JRCModalFormProps } from './JRCModal.types';
-export declare const JRCModalForm: ({ title, children, options, open, closeHandler, buttons, onSubmit, loading, portalId, inPlace, ref, enableClickAwayCloseModal, maxHeight, zIndex, }: JRCModalFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCModalForm: ({ title, children, options, open, closeHandler, buttons, onSubmit, loading, portalId, inPlace, ref, enableClickAwayCloseModal, maxHeight, zIndex, subTitle, extraTopButtons, focusOnCloseRef, }: JRCModalFormProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
 export type ModalVariant = 'full-width' | 'full-screen' | 'full-height' | 'fixed-height';
+export type ModalOverflow = 'hidden' | 'scroll' | 'visible' | 'auto';

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

@@ -0,0 +1,6 @@
+import { Colors } from '../../styles/theme';
+export type JRCQRCodeProps = {
+    value: string;
+    color?: Colors;
+};
+export declare const JRCQRCode: ({ value, color }: JRCQRCodeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react-webpack5';
+import { JRCQRCode } from './JRCQRCode';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof JRCQRCode>;
+export declare const Default: Story;

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

@@ -1,29 +1,2 @@
-import { ReactNode, RefObject } from 'react';
-import { JRCButtonDropdownOptionProps } from '../JRCButtonDropdown/JRCButtonDropdown.types';
-/**
- * Type for JRCSidePanelModal props
- */
-export type JRCSidePanelModalProps = {
-    open: boolean;
-    closeHandler: () => void;
-    children?: ReactNode;
-    title?: ReactNode;
-    showIconClose?: boolean;
-    enableClickAwayCloseModal?: boolean;
-    position: 'left' | 'right';
-    footer?: ReactNode;
-    removePadding?: boolean;
-    inplace?: boolean;
-    offsetTop?: number;
-    optionsButton?: JRCButtonDropdownOptionProps[];
-    zIndex?: number;
-    focusOnCloseRef?: RefObject<HTMLElement>;
-};
-/**
- * ℹ️⚠️
- * Used as a child component of {@link JRCContainer}, the modal will be mounted in a preset portal container.
- * Otherwise :
- *   - The modal will be mounted where it is declared (no portal).
- *   - The modal can be mounted in a specific portal container provided manually with the 'jrc-container-panel' id.
- */
-export declare const JRCSidePanelModal: import("react").ForwardRefExoticComponent<JRCSidePanelModalProps & import("react").RefAttributes<HTMLDivElement>>;
+import { JRCSidePanelModalProps } from './types';
+export declare const JRCSidePanelModal: import("react").ForwardRefExoticComponent<Omit<JRCSidePanelModalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,5 @@
-import { JRCSidePanelModalProps } from './JRCSidePanelModal';
 import { Meta } from '@storybook/react-webpack5';
+import { JRCSidePanelModalProps } from './types';
 declare const _default: Meta;
 export default _default;
 export declare const SidePanelModal: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCSidePanelModalProps>;

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

@@ -1,18 +1,20 @@
 export type ModalBorderRadius = 'medium' | 'small';
 export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    position?: "right" | "left";
-    open?: boolean;
-    inplace?: boolean;
-    offsetTop?: number;
-    zIndex?: number;
+    $position?: "right" | "left";
+    $open?: boolean;
+    $inPlace?: boolean;
+    $offsetTop?: number;
+    $zIndex?: number;
 }, 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>;
 export declare const JRCModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    removePadding?: boolean;
+    $removePadding?: boolean;
 }, never>;
 export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    removePadding?: boolean;
+    $removePadding?: boolean;
+}, never>;
+export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $sticky?: boolean;
 }, never>;
-export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,2 @@
+import { JRCSidePanelModalFormProps } from './types';
+export declare const JRCSidePanelModalForm: import("react").ForwardRefExoticComponent<Omit<JRCSidePanelModalFormProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCSidePanelModalFormProps } from './types';
+declare const _default: Meta;
+export default _default;
+export declare const SidePanelModalForm: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCSidePanelModalFormProps>;

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

@@ -0,0 +1,2 @@
+import { SidePanelModalProps } from './types';
+export declare const SidePanel: ({ open, portal, ...props }: SidePanelModalProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { JRCButtonDropdownOptionProps } from '../JRCButtonDropdown/JRCButtonDropdown.types';
+import { JRCModalContentFormProps } from '../JRCModal/JRCModalContentForm';
+import { JRCModalBaseProps } from '../JRCModal/templates/JRCModal.types';
+export type SidePanelModalProps = Omit<JRCModalBaseProps, 'portalId'> & {
+    showIconClose?: boolean;
+    position: 'left' | 'right';
+    removePadding?: boolean;
+    offsetTop?: number;
+    portal?: 'global' | 'container' | string;
+};
+export type JRCSidePanelModalProps = SidePanelModalProps & {
+    sticky?: boolean;
+    footer?: ReactNode;
+    options?: ReactNode;
+    optionsButton?: JRCButtonDropdownOptionProps[];
+};
+export type JRCSidePanelModalFormProps = SidePanelModalProps & Omit<JRCModalContentFormProps, 'onClickIconClose'>;

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

@@ -34,7 +34,9 @@ export type JRCTagProps<T> = UriOrTypeId & {
     defaultIcon?: string;
     iconOptions?: {
         size?: number;
+        background?: 'none';
     };
     onLoad?: () => void;
+    href?: string;
 };
 export declare function JRCTag<T>(props: JRCTagProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -15,7 +15,6 @@ export declare const MaxWidthWrapper: import("styled-components").StyledComponen
     $flexDirection?: FlexDirection;
     $hasPadding?: boolean;
 }, never>;
-export declare const PanelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const BaseColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $width: number;
     $position?: ColumnPosition;

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

@@ -83,6 +83,7 @@ export { JRCCommentsBloc } from './JRCCommentsBloc/JRCCommentsBloc';
 export { JRCCropImage } from './JRCCropImage/JRCCropImage';
 export { JRCDate } from './JRCDate/JRCDate';
 export { JRCDisplayCard } from './JRCDisplayCard/JRCDisplayCard';
+export { DndProvider, Draggable, Droppable, JRCDndTwoLevelWithStack } from './JRCDragNDrop';
 export { JRCDropDown } from './JRCDropDown/JRCDropDown';
 export { JRCEmptySpace } from './JRCEmptySpace/JRCEmptySpace';
 export { JRCFile } from './JRCFile/JRCFile';
@@ -112,6 +113,7 @@ export { JRCPagination } from './JRCPagination/JRCPagination';
 export { JRCProgressBar } from './JRCProgressBar/JRCProgressBar';
 export { JRCPublishButton } from './JRCPublishButton/JRCPublishButton';
 export { JRCSidePanelModal } from './JRCSidePanelModal/JRCSidePanelModal';
+export { JRCSidePanelModalForm } from './JRCSidePanelModal/JRCSidePanelModalForm';
 export { JRCSkeletonLine } from './JRCSkeleton/JRCSkeletonLine';
 export { JRCSkeletonList } from './JRCSkeleton/JRCSkeletonList';
 export { JRCSkeletonSquare } from './JRCSkeleton/JRCSkeletonSquare';

package/build/src/index.d.ts

@@ -37,4 +37,5 @@ export { useRefSize } from './hooks/useRefSize';
 export { useTimeout } from './hooks/UseTimeout';
 export { useWindowSize } from './hooks/useWindowSize';
 export * from './types';
+export { modifyColorBrightness } from './styles/utils';
 export { Utils } from './utils';

package/build/src/types.d.ts

@@ -56,6 +56,7 @@ export type { JRCColumnRightProps } from './components/JRCColumnRight/JRCColumnR
 export type { Area } from './components/JRCCropImage/JRCCropImage';
 export type { JRCDateProps } from './components/JRCDate/JRCDate';
 export type { JRCDisplayCardProps } from './components/JRCDisplayCard/JRCDisplayCard';
+export type { BaseDndItem, DndData, DndDragItem, DndEmptyStateComponentProps, DndItemComponentProps, DndSection, DndSectionComponentProps, ItemTypes, JRCDndTwoLevelWithStackProps, } from './components/JRCDragNDrop/types';
 export type { JRCDropDownProps } from './components/JRCDropDown/JRCDropDown';
 export type { JRCFileOpenProps } from './components/JRCFileOpen/JRCFileOpen';
 export type { JRCFileViewerOpenWithOptionsType } from './components/JRCFileViewer/types';
@@ -78,7 +79,7 @@ export type { JRCModalUserListProps } from './components/JRCModalUserList/JRCMod
 export type { JRCPaginationProps } from './components/JRCPagination/JRCPagination';
 export type { PublishButtonProps } from './components/JRCPublishButton/JRCPublishButton';
 export type { PublishButtonEntryProps } from './components/JRCPublishButton/PublishButtonEntry';
-export type { JRCSidePanelModalProps } from './components/JRCSidePanelModal/JRCSidePanelModal';
+export type { JRCSidePanelModalProps, JRCSidePanelModalFormProps } from './components/JRCSidePanelModal/types';
 export type { JRCSkeletonLineProps } from './components/JRCSkeleton/JRCSkeletonLine';
 export type { JRCSkeletonSquareProps } from './components/JRCSkeleton/JRCSkeletonSquare';
 export type { ItemEntriesProps, JRCTabPanelProps, JRCTabsProps } from './components/JRCTabs/JRCTabs';

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

@@ -7,24 +7,26 @@ export interface extractDateProps {
     seconds: number;
 }
 export type DateFormat = 'date' | 'date-time' | 'date-time-sec' | 'time' | 'time-sec';
-export declare const extractDate: (str?: string | Date) => extractDateProps;
+type DateArgs = number | string | Date;
+export declare const extractDate: (str?: DateArgs) => 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;
+export declare const formatTime: (date: Date) => string;
 /**
  * Format date to YYYY-MM-DD hh:mm:ss format
  * @param {Date} date - Date to format
  * @returns {string} Formatted date string
  */
 export declare const formatDateTime: (date: Date) => string;
-export declare const isSameDay: (d1: string, d2: string) => boolean;
-export declare const isToday: (datetime: string) => boolean;
-export declare const isYesterday: (datetime: string) => boolean;
-export declare const isTomorrow: (datetime: string) => boolean;
-export declare const dateLabel: (date: string) => "GLOBAL_Today" | "GLOBAL_Yesterday" | "GLOBAL_Tomorrow" | null;
+export declare const isSameDay: (d1: DateArgs, d2: DateArgs) => boolean;
+export declare const isToday: (datetime: DateArgs) => boolean;
+export declare const isYesterday: (datetime: DateArgs) => boolean;
+export declare const isTomorrow: (datetime: DateArgs) => boolean;
+export declare const dateLabel: (date: DateArgs) => "GLOBAL_Today" | "GLOBAL_Yesterday" | "GLOBAL_Tomorrow" | null;
 /**
  * Convert date string to timestamp
  * @param {string} str - Date format Y-m-d H:i:s
@@ -41,3 +43,4 @@ export declare const toHumanDate: (date: extractDateProps, format?: DateFormat)
 export declare const isValidDate: (date: string) => boolean;
 export declare const substractMonth: (date: Date) => Date;
 export declare const addMonth: (date: Date) => Date;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.2.38",
+  "version": "1.2.40",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -68,7 +68,7 @@
     "html-webpack-plugin": "^5.6.4",
     "husky": "^7.0.4",
     "identity-obj-proxy": "^3.0.0",
-    "jamespot-user-api": "^1.2.38",
+    "jamespot-user-api": "^1.2.40",
     "jest": "^30.1.2",
     "jest-environment-jsdom": "^30.1.2",
     "jest-styled-components": "^7.2.0",
@@ -77,17 +77,21 @@
     "prettier": "^3.6.2",
     "react": "^18.3.1",
     "react-beautiful-dnd": "^13.1.1",
+    "react-day-picker": "^9.8.1",
     "react-dnd": "^14.0.5",
     "react-dnd-html5-backend": "^14.1.0",
+    "react-dnd-test-backend": "^16.0.1",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.62.0",
     "react-image-crop": "^11.0.10",
     "react-intl": "7.1.11",
+    "react-qr-code": "^2.0.18",
     "react-redux": "^8.1.3",
     "react-router-dom": "^6.30.1",
     "react-select": "^5.10.2",
     "react-slick": "^0.31.0",
     "react-table": "^7.8.0",
+    "react-test-renderer": "^17.0.2",
     "react-tooltip": "^4.5.1",
     "redux": "^4.2.1",
     "redux-form": "^8.3.10",