jamespot-react-components 1.0.107 → 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

@@ -4,6 +4,7 @@ import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
 import { FormControls, JRCFormControls } from './useFormControls';
 import { UseControllerProps, FieldValues } from 'react-hook-form';
 import { DataCy } from '../../../../types/dataAttributes';
+import { RegisterOptions } from 'react-hook-form/dist/types/validator';
 /**
  * Form field render props that might be provided outside of this library
  * @member label, label
@@ -35,10 +36,12 @@ 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<T>['validate'];
 };
 /**
  * Prop types for an input rendered by react-hook-form
  */
 export declare type JRCInputFieldProps<T extends FieldValues = FieldValues> = FieldRenderProps & NameControl<T> & {
     rules?: FormControls;
+    rulesValidate?: RegisterOptions<T>['validate'];
 };

package/build/src/components/Form/Input/JRCFormRichText/JRCFormRichTextField.d.ts

@@ -1,10 +1,18 @@
 import { Editor } from '@tiptap/react';
 import { JRCWritableFormInputProps } from '../JRCFormFieldRender';
 import { WrappedFieldInputProps } from 'redux-form';
+import { DataCy } from '../../../../types/dataAttributes';
+/**
+ * This component is used with redux-form (studio) and with react-hook-form!!
+ */
 export declare const MenuBar: ({ editor }: {
     editor: Editor | null;
 }) => JSX.Element | null;
-export declare const FormRichTextField: (_props: JRCWritableFormInputProps, input: WrappedFieldInputProps) => JSX.Element;
+export declare type FormRichTextFieldProps = WrappedFieldInputProps & DataCy;
+/**
+ * This component is used with redux-form (studio) and with react-hook-form!!
+ */
+export declare const FormRichTextField: (props: FormRichTextFieldProps) => JSX.Element;
 /**
  * Component used as a <input type="text"/>
  * @param props JRCWritableFormInputProps

package/build/src/components/Form/Input/JRCInputDate/JRCInputDate.stories.d.ts

@@ -3,5 +3,5 @@ import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const InputDate: Story<JRCInputFieldProps<{
-    date: 'date';
+    date: string;
 }>>;

package/build/src/components/Form/Input/JRCInputRichText/JRCInputRichText.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { FieldValues } from 'react-hook-form/dist/types';
+/**
+ * Component used as a <input type="text"/>
+ * @param props JRCInputFieldProps
+ * validation props: required
+ * @returns JSX.Element
+ */
+export declare function JRCInputRichText<T extends FieldValues = FieldValues>({ dataCy, ...props }: JRCInputFieldProps<T>): JSX.Element;

package/build/src/components/Form/Input/JRCInputRichText/JRCInputRichText.stories.d.ts

@@ -0,0 +1,7 @@
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const InputRichText: Story<JRCInputFieldProps<{
+    text: string;
+}>>;

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

@@ -3,5 +3,5 @@ import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const InputText: Story<JRCInputFieldProps<{
-    text: 'text';
+    text: string;
 }>>;

package/build/src/components/Form/Input/JRCInputTextarea/JRCInputTextarea.stories.d.ts

@@ -3,5 +3,5 @@ import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const InputTextarea: Story<JRCInputFieldProps<{
-    textarea: 'textarea';
+    textarea: string;
 }>>;

package/build/src/components/Form/Input/JRCInputTime/JRCInputTime.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { DataCy } from '../../../../types/dataAttributes';
+import { FieldValues } from 'react-hook-form/dist/types';
+export declare type JRCInputTimeProps = DataCy & React.ComponentPropsWithoutRef<'input'>;
+/**
+ * Component used as a <input type="hour"/>
+ * @param props JRCInputFieldProps
+ * validation props: required
+ * @returns JSX.Element
+ */
+export declare function JRCInputTime<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T>): JSX.Element;

package/build/src/components/Form/Input/JRCInputTime/JRCInputTime.stories.d.ts

@@ -0,0 +1,7 @@
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const InputTime: Story<JRCInputFieldProps<{
+    hour: string;
+}>>;

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

@@ -4,8 +4,18 @@ export declare type TVariants = 'span' | 'div';
 export declare type JRCCardProps = React.ComponentPropsWithoutRef<'div'> & {
     variant?: TVariants;
     type?: MessageType;
+    padding?: PaddingValues;
+};
+export declare type PaddingValues = keyof typeof PADDING;
+export declare const PADDING: {
+    mini: string;
+    small: string;
+    base: string;
+    medium: string;
+    large: string;
 };
 export declare const Card: import("styled-components").StyledComponent<"div", any, {
     type?: MessageType | undefined;
+    padding?: "base" | "small" | "medium" | "large" | "mini" | undefined;
 }, never>;
 export declare const JRCCard: (props: JRCCardProps) => JSX.Element;

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

@@ -0,0 +1,28 @@
+import { ImgUrlProps } from 'components/JRCImg/url.util';
+import * as React from 'react';
+declare const ASPECTS: {
+    '4:3': number;
+    '5:4': number;
+    '16:9': number;
+    '1': number;
+    '3:4': number;
+    '4:5': number;
+    '9:16': number;
+};
+export declare type ActionsPosition = 'top-left' | 'top-right';
+export declare type JRCCardImgProps = {
+    color?: string;
+    img?: string;
+    imgFromObject?: ImgUrlProps;
+    title: string;
+    content?: React.ReactNode;
+    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/JRCCard/JRCCardImg.stories.d.ts

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

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,12 +1,22 @@
-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;
     gap?: number;
     x?: 'flex-start' | 'center' | 'flex-end';
     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

@@ -280,6 +280,7 @@ export declare const OpenCloseButton: import("styled-components").StyledComponen
     onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
     css?: import("@emotion/core").InterpolationWithTheme<any>;
+    name?: string | undefined;
     autoFocus?: boolean | undefined;
     disabled?: boolean | undefined;
     formAction?: string | undefined;
@@ -287,18 +288,17 @@ export declare const OpenCloseButton: import("styled-components").StyledComponen
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
-    name?: string | undefined;
     value?: string | number | readonly string[] | undefined;
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
     theme: any;
     offset: string;
-} & Open & Closing, "form" | "slot" | "style" | "title" | "type" | "ref" | "onError" | "children" | "theme" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "offset">;
+} & Open & Closing, "form" | "slot" | "style" | "title" | "type" | "ref" | "onError" | "children" | "theme" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "name" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "offset">;
 export declare const AppTabLabel: import("styled-components").StyledComponent<"p", any, Open, never>;
 export declare const AppTabContainer: import("styled-components").StyledComponent<"div", any, Open, never>;
 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/components/Templates/template.type.d.ts

@@ -15,7 +15,7 @@ export declare type JRCTabEntry = {
     key: string;
     label: string;
     icon: string;
-    group?: string;
+    group?: string | undefined;
 };
 export declare type TabEventProps = {
     onClick?: (key: string) => void;

package/build/src/index.d.ts

@@ -40,6 +40,7 @@ export { JRCButtonDownload } from './components/JRCButtonDownload/JRCButtonDownl
 export { JRCButtonDropdown } from './components/JRCButtonDropdown/JRCButtonDropdown';
 export { JRCButtonFile } from './components/JRCButtonFile/JRCButtonFile';
 export { JRCCard } from './components/JRCCard/JRCCard';
+export { JRCCardImg } from './components/JRCCard/JRCCardImg';
 export { JRCColumn } from './components/Templates/JRCColumn';
 export { JRCColumnCenter } from './components/JRCColumnCenter/JRCColumnCenter';
 export { JRCColumnLeft } from './components/JRCColumnLeft/JRCColumnLeft';
@@ -71,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';
@@ -79,9 +81,11 @@ export { JRCInputCheckbox } from './components/Form/Input/JRCInputCheckbox/JRCIn
 export { JRCInputCommunity } from './components/Form/Input/JRCSelect/JRCAutocompleteCommunity';
 export { JRCInputDate } from './components/Form/Input/JRCInputDate/JRCInputDate';
 export { JRCInputEmail } from './components/Form/Input/JRCFormEmail/JRCInputEmail';
+export { JRCInputRichText } from './components/Form/Input/JRCInputRichText/JRCInputRichText';
 export { JRCInputSelect } from './components/Form/Input/JRCSelect/JRCInputSelect';
 export { JRCInputText } from './components/Form/Input/JRCInputText/JRCInputText';
 export { JRCInputTextarea } from './components/Form/Input/JRCInputTextarea/JRCInputTextarea';
+export { JRCInputTime } from './components/Form/Input/JRCInputTime/JRCInputTime';
 export { JRCList } from './components/JRCList/JRCList';
 export { JRCLoader } from './components/JRCLoader/JRCLoader';
 export { JRCMainColumn } from './components/Templates/JRCMainColumn';

package/build/src/types.d.ts

@@ -13,6 +13,7 @@ export { JRCButtonDropdownProps, JRCButtonDropdownOptionProps, } from './compone
 export { JRCButtonFileProps } from './components/JRCButtonFile/JRCButtonFile';
 export { JRCButtonProps } from './components/JRCButton/JRCButton';
 export { JRCCardProps } from './components/JRCCard/JRCCard';
+export { JRCCardImgProps } from './components/JRCCard/JRCCardImg';
 export { JRCColumnCenterProps } from './components/JRCColumnCenter/JRCColumnCenter';
 export { JRCColumnLeftProps } from './components/JRCColumnLeft/JRCColumnLeft';
 export { JRCColumnRightProps } from './components/JRCColumnRight/JRCColumnRight';
@@ -32,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';
@@ -41,6 +43,7 @@ export { JRCInputFieldProps } from './components/Form/Input/Common/JRCFormFieldR
 export { JRCInputSelectProps } from './components/Form/Input/JRCSelect/JRCInputSelect.types';
 export { JRCInputTextareaProps } from './components/Form/Input/JRCInputTextarea/JRCInputTextarea';
 export { JRCInputTextProps } from './components/Form/Input/JRCInputText/JRCInputText';
+export { JRCInputTimeProps } from './components/Form/Input/JRCInputTime/JRCInputTime';
 export { JRCLinkToProps, JRCStyledHrefProps } from './components/JRCHref/JRCHref';
 export { JRCListProps } from './components/JRCList/JRCList';
 export { JRCLoaderProps } from './components/JRCLoader/JRCLoader';

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

@@ -5,4 +5,5 @@ import * as misc from './utils.misc';
 import * as object from './utils.object';
 import * as regexp from './utils.regexp';
 import * as string from './utils.string';
-export { array, date, document, misc, object, regexp, string };
+import * as time from './utils.time';
+export { array, date, document, misc, object, regexp, string, time };

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
@@ -16,3 +16,4 @@ export declare const extractDate: (str: string) => extractDateProps;
 export declare const strToTimestamp: (str: string) => undefined | number;
 export declare const toISODate: (date?: Date) => string;
 export declare const toHumanDate: (date: extractDateProps, format?: DateFormat) => string;
+export declare const isValidDate: (date: string) => boolean;

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

@@ -0,0 +1 @@
+export declare function timeToMs(time: string | undefined): number | undefined;

package/build/src/utils/utils.time.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-components",
-    "version": "1.0.107",
+    "version": "1.0.113",
     "description": "",
     "main": "./build/jamespot-react-components.js",
     "types": "./build/src/index.d.ts",
@@ -88,16 +88,17 @@
         "webpack-dev-server": "^4.4.0"
     },
     "dependencies": {
-        "@tiptap/extension-color": "^2.0.0-beta.8",
-        "@tiptap/extension-link": "^2.0.0-beta.28",
-        "@tiptap/extension-text-align": "^2.0.0-beta.28",
-        "@tiptap/extension-text-style": "^2.0.0-beta.22",
-        "@tiptap/extension-underline": "^2.0.0-beta.23",
-        "@tiptap/react": "^2.0.0-beta.93",
-        "@tiptap/starter-kit": "^2.0.0-beta.140",
+        "@tiptap/extension-character-count": "^2.0.0-beta.203",
+        "@tiptap/extension-color": "^2.0.0-beta.203",
+        "@tiptap/extension-link": "^2.0.0-beta.203",
+        "@tiptap/extension-text-align": "^2.0.0-beta.203",
+        "@tiptap/extension-text-style": "^2.0.0-beta.203",
+        "@tiptap/extension-underline": "^2.0.0-beta.203",
+        "@tiptap/react": "^2.0.0-beta.203",
+        "@tiptap/starter-kit": "^2.0.0-beta.203",
         "chroma-js": "^2.1.1",
         "classnames": "^2.3.1",
-        "jamespot-user-api": "^1.0.80",
+        "jamespot-user-api": "^1.0.84",
         "moment": "^2.29.1",
         "react": "^17.x",
         "react-dnd": "^14.0.4",