jamespot-react-components 1.0.200 → 1.0.202

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const IconBefore: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("components/JRCIcon/JRCIcon").JRCIconProps) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const IconBefore: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, faOptions, }: import("components/JRCIcon/JRCIcon").JRCIconProps) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const IconAfter: import("styled-components").StyledComponent<{
     ({ hasLicense, ...props }: Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick"> & import("../../../../types/dataAttributes").DataCy & {
         icon: string;
@@ -17,6 +17,8 @@ export declare const IconAfter: import("styled-components").StyledComponent<{
         bg?: import("../../../../styles/theme").Colors | import("../../../../styles/theme").Shades | undefined;
         bgHover?: import("../../../../styles/theme").Colors | import("../../../../styles/theme").Shades | undefined;
         iconSize?: number | undefined;
+        badgeNumber?: number | undefined;
+        badgeInline?: boolean | undefined;
     } & {
         type: string;
         variant: string;

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

@@ -37,6 +37,8 @@ export declare const JRCIconButtonAppLeftColumn: import("styled-components").Sty
         bg?: import("../../styles/theme").Colors | import("../../styles/theme").Shades | undefined;
         bgHover?: import("../../styles/theme").Colors | import("../../styles/theme").Shades | undefined;
         iconSize?: number | undefined;
+        badgeNumber?: number | undefined;
+        badgeInline?: boolean | undefined;
     } & {
         type: string;
         variant: string;

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

@@ -32,6 +32,7 @@ export type JRCCommentsBlocProps = {
     activeDrives: DriveOrFilebank[];
     socialActionAdd: ({ targetId, targetType, type, }: AddRemoveActionParams) => ReturnType<typeof jamespot.socialAction.add>;
     variant?: 'modal' | 'inline';
+    canComment: boolean;
 };
 export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const JRCCommentsBloc: ({ comments, initialCommentsNumber, currentUser, tinyMCEConfig, onComment, isWidgetActive, widgetListComponent, newWidgetsWrapperComponent, existingWidgetsWrapperComponent, loading, token, onCommentDelete, onCommentUpdate, fetchUser, fetchUserFields, deleteFile, fetchSocialActionUserList, removeLike, onError, highlightFields, userModel, userAccountStatus, isWedocActive, getAccessHash, onGetHashError, activeDrives, socialActionAdd, variant, }: JRCCommentsBlocProps) => React.JSX.Element;
+export declare const JRCCommentsBloc: ({ comments, initialCommentsNumber, currentUser, tinyMCEConfig, onComment, isWidgetActive, widgetListComponent, newWidgetsWrapperComponent, existingWidgetsWrapperComponent, loading, token, onCommentDelete, onCommentUpdate, fetchUser, fetchUserFields, deleteFile, fetchSocialActionUserList, removeLike, onError, highlightFields, userModel, userAccountStatus, isWedocActive, getAccessHash, onGetHashError, activeDrives, socialActionAdd, variant, canComment, }: JRCCommentsBlocProps) => React.JSX.Element;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export type JRCDisplayCardProps = {
+    children: React.ReactNode;
+    loading?: boolean;
+    skeleton?: {
+        width?: string;
+        height?: string;
+        aspectRatio?: number;
+    };
+    width?: string;
+    height?: string;
+    aspectRatio?: number;
+    href?: string;
+    onClick?: () => void;
+};
+export declare const JRCDisplayCard: ({ children, href, ...props }: JRCDisplayCardProps) => React.JSX.Element;

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Story } from '@storybook/react';
+import { JRCDisplayCardProps } from './JRCDisplayCard';
+declare const _default: {
+    title: string;
+    component: ({ children, href, ...props }: JRCDisplayCardProps) => React.JSX.Element;
+};
+export default _default;
+export declare const Default: Story<JRCDisplayCardProps>;
+export declare const Loading: Story<JRCDisplayCardProps>;

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

@@ -1,4 +1,7 @@
 import * as React from 'react';
+type FontAwesomeOptions = {
+    style?: 'solid' | 'regular' | 'brands';
+};
 /**
  * Props type for JRCIcon
  * @property name string: Name of the icon (required)
@@ -20,5 +23,7 @@ export interface JRCIconProps {
     /** margin */
     isMargin?: boolean;
     className?: string;
+    faOptions?: FontAwesomeOptions;
 }
-export declare const JRCIcon: ({ color, variant, name, size, isMargin, className, }: JRCIconProps) => React.JSX.Element;
+export declare const JRCIcon: ({ color, variant, name, size, isMargin, className, faOptions, }: JRCIconProps) => React.JSX.Element;
+export {};

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

@@ -32,6 +32,8 @@ export type JRCIconButtonProps = Omit<React.ComponentPropsWithoutRef<'button'>,
     bg?: Colors | Shades;
     bgHover?: Colors | Shades;
     iconSize?: number;
+    badgeNumber?: number;
+    badgeInline?: boolean;
 };
 declare const defaultProps: {
     type: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const VerticalItemFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("../JRCIcon/JRCIcon").JRCIconProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, faOptions, }: import("../JRCIcon/JRCIcon").JRCIconProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export interface ItemProps {
     isActive: boolean;
 }

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

@@ -2,7 +2,7 @@ import React from 'react';
 type MessageVariants = 'success' | 'error' | 'warning' | 'info';
 export type JRCMessageProps = {
     variant: MessageVariants;
-    message: string;
+    message: string | React.ReactNode;
 };
 export declare const JRCMessage: ({ variant, message }: JRCMessageProps) => React.JSX.Element;
 export {};

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

@@ -13,5 +13,13 @@ export type JRCSidePanelModalProps = {
     footer?: ReactNode;
     removePadding?: boolean;
     inplace?: boolean;
+    offsetTop?: number;
 };
+/**
+ * ℹ️⚠️
+ * 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: React.ForwardRefExoticComponent<JRCSidePanelModalProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -3,6 +3,7 @@ export declare const JRCModalBox: import("styled-components").StyledComponent<"d
     position?: "left" | "right" | undefined;
     open?: boolean | undefined;
     inplace?: boolean | undefined;
+    offsetTop?: 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/JRCTabs/JRCTabs.d.ts

@@ -7,7 +7,7 @@ export declare const VerticalWrapper: import("styled-components").StyledComponen
 export declare const VerticalItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
 export declare const ItemButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ItemProps, never>;
 export declare const VerticalItemFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("../JRCIcon/JRCIcon").JRCIconProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, faOptions, }: import("../JRCIcon/JRCIcon").JRCIconProps) => React.JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 /**
  * Interface of a single Menu Item  props
  * @member label label of the tag

package/build/src/index.d.ts

@@ -99,6 +99,7 @@ export { JRCColumnLeft } from './components/JRCColumnLeft/JRCColumnLeft';
 export { JRCColumnRight } from './components/JRCColumnRight/JRCColumnRight';
 export { JRCCommentsBloc } from './components/JRCCommentsBloc/JRCCommentsBloc';
 export { JRCDate } from './components/JRCDate/JRCDate';
+export { JRCDisplayCard } from './components/JRCDisplayCard/JRCDisplayCard';
 export { JRCDropDown } from './components/JRCDropDown/JRCDropDown';
 export { JRCEllipsis } from './components/JRCEllipsis/JRCEllipsis';
 export { JRCEmptySpace } from './components/JRCEmptySpace/JRCEmptySpace';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.0.200",
+  "version": "1.0.202",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -81,7 +81,7 @@
     "chroma-js": "^2.1.1",
     "classnames": "^2.3.1",
     "dompurify": "^3.0.5",
-    "jamespot-user-api": "^1.0.174",
+    "jamespot-user-api": "^1.0.177",
     "moment": "2.29.4",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",