jamespot-react-components 1.2.37 → 1.2.39

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

@@ -8,4 +8,4 @@ export type JRCModalContentFormProps = JRCModalContentBase & {
 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';
+import { JRCModalFormButtonType } from '../JRCModalContentForm';
 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[];

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/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,4 +1,5 @@
 import { ReactNode, RefObject } from 'react';
+import { JRCIconButtonProps } from '../JRCIconButton/JRCIconButton';
 import { JRCButtonDropdownOptionProps } from '../JRCButtonDropdown/JRCButtonDropdown.types';
 /**
  * Type for JRCSidePanelModal props
@@ -17,6 +18,8 @@ export type JRCSidePanelModalProps = {
     offsetTop?: number;
     optionsButton?: JRCButtonDropdownOptionProps[];
     zIndex?: number;
+    fixedFooter?: boolean;
+    extraTopButtons?: JRCIconButtonProps[];
     focusOnCloseRef?: RefObject<HTMLElement>;
 };
 /**

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

@@ -14,5 +14,7 @@ export declare const JRCModalContent: import("styled-components").StyledComponen
 export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     removePadding?: boolean;
 }, never>;
-export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $fixed?: boolean;
+}, never>;
 export declare const JRCModalClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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';

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';

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

@@ -14,6 +14,7 @@ export declare const extractDate: (str?: string | Date) => extractDateProps;
  * @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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.2.37",
+  "version": "1.2.39",
   "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.37",
+    "jamespot-user-api": "^1.2.39",
     "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",