jamespot-react-components 1.2.39 → 1.2.40

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

@@ -1,6 +1,6 @@
 import { DateFormat } from '../../utils/utils.date';
 export interface JRCDateProps {
-    date?: string;
+    date?: number | string | Date;
     dateSeparator?: '/' | '-' | ' ';
     timeSeparator?: ':' | ' ';
     useHumanDisplay?: boolean;

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

@@ -1,8 +1,8 @@
-import { ModalVariant } from './types';
+import { ModalOverflow, ModalVariant } from './types';
 export type ModalBorderRadius = 'medium' | 'small';
 export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFullHeight?: boolean;
-    overflow?: "hidden" | "scroll" | "visible" | "auto";
+    overflow?: ModalOverflow;
     zIndex?: number;
 }, never>;
 export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
@@ -19,14 +19,14 @@ export declare const JRCModalContainer: import("styled-components").StyledCompon
 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 JRCModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    modalOverflow?: "hidden" | "scroll" | "visible" | "auto";
-    contentBackgroundColor?: boolean;
+    $modalOverflow?: ModalOverflow;
+    $contentBackgroundColor?: boolean;
 }, never>;
 export declare const JRCModalContentFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    modalOverflow?: "hidden" | "scroll" | "visible" | "auto";
+    $modalOverflow?: ModalOverflow;
 }, never>;
 export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    modalOverflow?: "hidden" | "scroll" | "visible" | "auto";
+    $modalOverflow?: ModalOverflow;
 }, never>;
 export declare const JRCModalClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,11 +1,12 @@
 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' | 'auto';
+    overflow?: ModalOverflow;
     onClickIconClose?: () => void;
     dataCy?: string;
 };

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

@@ -1,10 +1,11 @@
 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;
 }

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

@@ -3,7 +3,7 @@ import { JRCModalButtonType } from '../JRCModalContent';
 import { JRCIconButtonProps } from '../../JRCIconButton/JRCIconButton';
 import { ModalVariant } from '../types';
 import { JRCModalFormButtonType } from '../JRCModalContentForm';
-type JRCModalBaseProps = {
+export type JRCModalBaseProps = {
     title?: ReactNode;
     subTitle?: ReactNode;
     children?: ReactNode;
@@ -31,4 +31,3 @@ export type JRCModalFormProps = JRCModalBaseProps & {
     loading?: boolean;
     maxHeight?: string;
 };
-export {};

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/JRCSidePanelModal/JRCSidePanelModal.d.ts

@@ -1,32 +1,2 @@
-import { ReactNode, RefObject } from 'react';
-import { JRCIconButtonProps } from '../JRCIconButton/JRCIconButton';
-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;
-    fixedFooter?: boolean;
-    extraTopButtons?: JRCIconButtonProps[];
-    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,20 +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, {
-    $fixed?: boolean;
+    $sticky?: boolean;
 }, 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/index.d.ts

@@ -113,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/types.d.ts

@@ -79,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,7 +7,8 @@ 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
@@ -21,11 +22,11 @@ export declare const formatTime: (date: Date) => string;
  * @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
@@ -42,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.39",
+  "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.39",
+    "jamespot-user-api": "^1.2.40",
     "jest": "^30.1.2",
     "jest-environment-jsdom": "^30.1.2",
     "jest-styled-components": "^7.2.0",