jamespot-react-components 1.0.110 → 1.0.113

package/build/src/components/Common/DashedFocusBorder.d.ts

@@ -7,3 +7,4 @@ export declare type DashedFocusBorderProps = {
  * @props offset offset of the dashed focus border, default to 2px
  */
 export declare const DashedFocusBorder: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<DashedFocusBorderProps, any>>;
+export declare const DashedFocusBorderAbsolute: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<DashedFocusBorderProps, any>>;

package/build/src/components/Common/JRCConditionalWrapper.d.ts

@@ -8,9 +8,10 @@ export interface JRCConditionalWrapperProps {
 }
 export declare const JRCConditionalWrapper: ({ condition, wrapper, wrapperFalse, children }: JRCConditionalWrapperProps) => JSX.Element;
 export interface JRCConditionalTooltipProps {
-    condition: boolean;
-    tooltip: Omit<JRCTooltipProps, 'children'>;
+    condition?: boolean;
+    hasLicense?: boolean;
+    tooltip?: Omit<JRCTooltipProps, 'children'>;
     children?: React.ReactNode;
     className?: string;
 }
-export declare const JRCConditionalTooltip: ({ condition, tooltip, children, className }: JRCConditionalTooltipProps) => JSX.Element;
+export declare const JRCConditionalTooltip: ({ condition, hasLicense, tooltip, children, className, }: JRCConditionalTooltipProps) => JSX.Element;

package/build/src/components/Common/LimitLines.d.ts

@@ -0,0 +1,4 @@
+export declare type LimitLinesProps = {
+    lines?: number | undefined;
+};
+export declare const LimitLines: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<LimitLinesProps, any>>;

package/build/src/components/Form/Input/Common/JRCFormFieldRenderer.types.d.ts

@@ -36,7 +36,7 @@ export interface RendererProps<T extends FieldValues = FieldValues> {
  */
 export declare type JRCFormFieldRendererProps<T extends FieldValues = FieldValues> = FieldRenderProps & NameControl<T> & RendererProps<T> & {
     rules?: FormControls & JRCFormControls;
-    rulesValidate?: RegisterOptions['validate'];
+    rulesValidate?: RegisterOptions<T>['validate'];
 };
 /**
  * Prop types for an input rendered by react-hook-form

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

@@ -21,7 +21,7 @@ export declare const MenuWrapper: import("styled-components").StyledComponent<"d
 export declare const ItemsIcon: import("styled-components").StyledComponent<"button", any, import("../JRCTabs/JRCTabs").ItemProps, never>;
 export declare const TitleMenu: import("styled-components").StyledComponent<"h2", any, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, never>;
 export declare const JRCIconButtonAppLeftColumn: import("styled-components").StyledComponent<{
-    (props: Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("../../types/dataAttributes").DataCy & {
+    ({ hasLicense, ...props }: Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("../../types/dataAttributes").DataCy & {
         icon: string;
         size?: "small" | "medium" | undefined;
         onClick?: ((event?: import("react").MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void) | undefined;
@@ -29,9 +29,11 @@ export declare const JRCIconButtonAppLeftColumn: import("styled-components").Sty
         value?: string | undefined;
         disabled?: boolean | undefined;
         type?: "button" | "reset" | "submit" | undefined;
+        bgBaseGrey?: 0 | 1 | 2 | undefined;
         color?: "inherit" | import("../../styles/theme").Colors | import("../../styles/theme").Shades | undefined;
         tooltip?: Omit<import("../..").JRCTooltipProps, "children"> | undefined;
         variant?: "circle" | "square" | undefined;
+        hasLicense?: boolean | undefined;
     } & {
         onClick: () => void;
         type: string;

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

@@ -3,6 +3,7 @@ import { JRCIconProps } from '../JRCIcon/JRCIcon';
 import { ButtonType } from './JRCButtonConfig';
 import { DataCy } from '../../types/dataAttributes';
 import { DashedFocusBorderProps } from '../Common/DashedFocusBorder';
+import { JRCTooltipProps } from '../JRCTooltip/JRCTooltip';
 export declare type JRCButtonProps = React.ComponentPropsWithoutRef<'button'> & DataCy & {
     /** Color of the background of the button */
     color?: 'primary' | 'valid' | 'danger' | 'secondary';
@@ -22,6 +23,10 @@ export declare type JRCButtonProps = React.ComponentPropsWithoutRef<'button'> &
     float?: 'left' | 'right';
     /** CSS min-width attribute */
     minWidth?: string;
+    /** has license. If false, the button will be disabled with a license tooltip. Default to true */
+    hasLicense?: boolean;
+    /** tooltip tooltip props */
+    tooltip?: Omit<JRCTooltipProps, 'children'>;
 };
 export declare const transformColor: (color?: string | undefined) => JRCIconProps['color'];
 /**
@@ -49,6 +54,10 @@ export declare const Button: import("styled-components").StyledComponent<"button
     float?: "left" | "right" | undefined;
     /** CSS min-width attribute */
     minWidth?: string | undefined;
+    /** has license. If false, the button will be disabled with a license tooltip. Default to true */
+    hasLicense?: boolean | undefined;
+    /** tooltip tooltip props */
+    tooltip?: Omit<JRCTooltipProps, "children"> | undefined;
 } & DashedFocusBorderProps, never>;
 export declare const JRCButton: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & DataCy & {
     /** Color of the background of the button */
@@ -69,4 +78,8 @@ export declare const JRCButton: React.ForwardRefExoticComponent<Pick<React.Detai
     float?: "left" | "right" | undefined;
     /** CSS min-width attribute */
     minWidth?: string | undefined;
+    /** has license. If false, the button will be disabled with a license tooltip. Default to true */
+    hasLicense?: boolean | undefined;
+    /** tooltip tooltip props */
+    tooltip?: Omit<JRCTooltipProps, "children"> | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;

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

@@ -10,6 +10,8 @@ export declare const MarginLessJRCButton: import("styled-components").StyledComp
     variant?: "contained" | "outlined" | undefined;
     float?: "left" | "right" | undefined;
     minWidth?: string | undefined;
+    hasLicense?: boolean | undefined;
+    tooltip?: Omit<import("../..").JRCTooltipProps, "children"> | undefined;
 } & React.RefAttributes<HTMLButtonElement>>, any, ButtonProps, never>;
 export declare const MenuWithoutTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MenuWithTitle: ({ direction, label, themeButton, children }: MenuWithTitleProps) => JSX.Element;

package/build/src/components/JRCCard/JRCCardImg.d.ts

@@ -9,6 +9,7 @@ declare const ASPECTS: {
     '4:5': number;
     '9:16': number;
 };
+export declare type ActionsPosition = 'top-left' | 'top-right';
 export declare type JRCCardImgProps = {
     color?: string;
     img?: string;
@@ -18,6 +19,10 @@ export declare type JRCCardImgProps = {
     aspect?: keyof typeof ASPECTS;
     href?: string;
     onClick?: (event: any) => any;
+    actions?: {
+        children: React.ReactNode;
+        position?: ActionsPosition;
+    };
 };
 export declare const JRCCardImg: (props: JRCCardImgProps) => JSX.Element;
 export {};

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

@@ -1,7 +1,6 @@
 import { DateFormat } from 'utils/utils.date';
 export interface JRCDateProps {
     date?: string;
-    useHumanDisplay?: boolean;
     format?: DateFormat;
 }
 export declare const JRCDate: (props: JRCDateProps) => JSX.Element | null;

package/build/src/components/JRCFlex/JRCFlexBox.d.ts

@@ -1,4 +1,5 @@
-declare type FlexBoxProps = {
+import { FastCssProps } from '../Common/FastCss';
+declare type FlexBoxProps = Omit<FastCssProps, 'display'> & {
     direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
     inline?: boolean;
     flex?: boolean;
@@ -7,7 +8,15 @@ declare type FlexBoxProps = {
     y?: 'flex-start' | 'center' | 'flex-end';
     childFull?: boolean;
 };
-export declare const JRCFlexBox: import("styled-components").StyledComponent<"div", any, FlexBoxProps, never>;
+export declare const JRCFlexBox: import("styled-components").StyledComponent<"div", any, Omit<FastCssProps, "display"> & {
+    direction?: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
+    inline?: boolean | undefined;
+    flex?: boolean | undefined;
+    gap?: number | undefined;
+    x?: "center" | "flex-end" | "flex-start" | undefined;
+    y?: "center" | "flex-end" | "flex-start" | undefined;
+    childFull?: boolean | undefined;
+}, never>;
 export declare type JRCFlexBoxProps = FlexBoxProps & {
     as?: string;
 };

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

@@ -10,6 +10,7 @@ export declare type JRCLinkToProps = DataCy & React.ComponentPropsWithoutRef<'a'
 declare type NativeProps = React.ComponentPropsWithoutRef<'a'> & {
     href: string;
     useLink?: boolean;
+    hasLicense?: boolean;
 };
 declare type AnchorProps = {
     as?: 'a';
@@ -18,8 +19,8 @@ declare type ButtonProps = {
     variant?: 'contained' | 'outlined';
     color?: 'primary' | 'valid' | 'danger' | 'secondary';
     float?: 'left' | 'right';
+    disabled?: boolean;
     children?: React.ReactNode;
-} & {
     as: 'button';
 };
 /**
@@ -27,5 +28,5 @@ declare type ButtonProps = {
  * @member as render the link styled as a button
  */
 export declare type JRCStyledHrefProps = DataCy & (AnchorProps | ButtonProps) & NativeProps;
-export declare const JRCStyledHref: ({ href, ...props }: JRCStyledHrefProps) => JSX.Element;
+export declare const JRCStyledHref: ({ dataCy, hasLicense, href, useLink, ...props }: JRCStyledHrefProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,6 @@
+import { LimitLinesProps } from '../Common/LimitLines';
+export declare type JRCHtmlProps = LimitLinesProps & {
+    className?: string;
+    html: string | undefined;
+};
+export declare const JRCHtml: ({ html, ...props }: JRCHtmlProps) => JSX.Element | null;

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

@@ -0,0 +1,5 @@
+import { JRCHtmlProps } from './JRCHtml';
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<JRCHtmlProps>;

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

@@ -5,14 +5,16 @@ import { DataCy } from '../../types/dataAttributes';
 /**
  * IconButton props
  * @member icon icon of the button
+ * @member size size of the button, default value, set to medium
  * @member onClick on click callback
  * @member name name (for form only)
  * @member value value (for form only)
  * @member disabled disable the button
- * @member size size of the button, default value, set to m
+ * @member type type of the button
+ * @member bgBaseGrey base grey color (hover, focus, disabled, default icon color will be compute from this base)
  * @member tooltip tooltip props
- * @member variant?:  can be 'circle' | 'square' ;
-
+ * @member variant can be 'circle' | 'square';
+ * @member hasLicense If false, the button will be disabled with a license tooltip. Default to true
  */
 export declare type JRCIconButtonProps = React.ComponentPropsWithoutRef<'button'> & DataCy & {
     icon: string;
@@ -22,9 +24,11 @@ export declare type JRCIconButtonProps = React.ComponentPropsWithoutRef<'button'
     value?: string;
     disabled?: boolean;
     type?: 'submit' | 'reset' | 'button';
+    bgBaseGrey?: 0 | 1 | 2;
     color?: Colors | Shades | 'inherit';
     tooltip?: Omit<JRCTooltipProps, 'children'>;
     variant?: 'circle' | 'square';
+    hasLicense?: boolean;
 };
 declare const defaultProps: {
     onClick: () => void;
@@ -33,7 +37,7 @@ declare const defaultProps: {
     size: string;
 };
 declare const JRCIconButton: {
-    (props: JRCIconButtonProps & typeof defaultProps): JSX.Element;
+    ({ hasLicense, ...props }: JRCIconButtonProps & typeof defaultProps): JSX.Element;
     defaultProps: {
         onClick: () => void;
         type: string;

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

@@ -298,7 +298,7 @@ export declare const AppTabContainer: import("styled-components").StyledComponen
 export declare const AppTab: import("styled-components").StyledComponent<"button", any, Open & {
     active?: boolean | undefined;
 }, never>;
-export declare const AppTabTooltip: import("styled-components").StyledComponent<({ condition, tooltip, children, className }: import("../Common/JRCConditionalWrapper").JRCConditionalTooltipProps) => JSX.Element, any, {}, never>;
+export declare const AppTabTooltip: import("styled-components").StyledComponent<({ condition, hasLicense, tooltip, children, className, }: import("../Common/JRCConditionalWrapper").JRCConditionalTooltipProps) => JSX.Element, any, {}, never>;
 export declare const EllipsisWrapper: import("styled-components").StyledComponent<"span", any, Open, never>;
 export declare const AppTabNav: import("styled-components").StyledComponent<"nav", any, Open & {
     extraMargin: boolean;

package/build/src/index.d.ts

@@ -72,6 +72,7 @@ export { JRCFormTextField } from './components/Form/Input/JRCFormText/JRCFormTex
 export { JRCFormUrlField } from './components/Form/Input/JRCFormURL/JRCFormUrl';
 export { JRCGrid } from './components/JRCGrid/JRCGrid';
 export { JRCH1, JRCH2, JRCH3, JRCH4, JRCH5, JRCText } from './components/JRCTypo/JRCTypo';
+export { JRCHtml } from './components/JRCHtml/JRCHtml';
 export { JRCIcon } from './components/JRCIcon/JRCIcon';
 export { JRCIconButton } from './components/JRCIconButton/JRCIconButton';
 export { JRCImg } from './components/JRCImg/JRCImg';

package/build/src/types.d.ts

@@ -33,6 +33,7 @@ export { JRCFormSelectProps } from './components/Form/Input/JRCFormSelect/JRCFor
 export { JRCFormSendAlertInputProps } from './components/Form/Input/JRCFormSendAlert/JRCFormSendAlert';
 export { JRCGridProps } from './components/JRCGrid/JRCGrid';
 export { JRCH1Props, JRCH2Props, JRCH3Props, JRCH4Props, JRCH5Props, JRCTextProps } from './components/JRCTypo/JRCTypo';
+export { JRCHtmlProps } from './components/JRCHtml/JRCHtml';
 export { JRCIconButtonProps } from './components/JRCIconButton/JRCIconButton';
 export { JRCIconProps } from './components/JRCIcon/JRCIcon';
 export { JRCImgProps } from './components/JRCImg/JRCImg';

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

@@ -6,7 +6,7 @@ export interface extractDateProps {
     minutes: number;
     seconds: number;
 }
-export declare type DateFormat = 'date' | 'date-time' | 'date-time-sec';
+export declare type DateFormat = 'date' | 'date-time' | 'date-time-sec' | 'time' | 'time-sec';
 export declare const extractDate: (str: string) => extractDateProps;
 /**
  * Convert date string to timestamp

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-components",
-    "version": "1.0.110",
+    "version": "1.0.113",
     "description": "",
     "main": "./build/jamespot-react-components.js",
     "types": "./build/src/index.d.ts",
@@ -98,7 +98,7 @@
         "@tiptap/starter-kit": "^2.0.0-beta.203",
         "chroma-js": "^2.1.1",
         "classnames": "^2.3.1",
-        "jamespot-user-api": "^1.0.82",
+        "jamespot-user-api": "^1.0.84",
         "moment": "^2.29.1",
         "react": "^17.x",
         "react-dnd": "^14.0.4",