jamespot-react-components 1.0.0 → 1.0.3

package/build/src/components/Common/util/getColor.util.d.ts

@@ -0,0 +1,2 @@
+export declare type MessageType = 'success' | 'error' | 'warning';
+export declare const getColor: (type: MessageType) => "orange" | "yellow" | "green";

package/build/src/components/Form/Common/FormHelper.d.ts

@@ -8,6 +8,7 @@ import { Colors } from 'styles/theme';
 export declare type HelperProps = {
     tooltip: Omit<JRCTooltipProps, 'children'>;
     color: Colors;
+    size?: number;
 };
 declare const FormHelper: (props: HelperProps) => JSX.Element;
 export default FormHelper;

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

@@ -8,6 +8,9 @@ export declare const FocusBackground: import("styled-components").StyledComponen
     variant?: "outlined" | "default" | undefined;
 }, never>;
 export declare const CheckboxLabel: import("styled-components").StyledComponent<"label", any, CheckboxLabelProps, never>;
-export declare const CheckboxOrToggle: (props: Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> & {
+export declare type CheckboxOrToggleProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'type'> & {
     checkboxMode: string;
-}) => JSX.Element;
+};
+export declare const CheckboxOrToggle: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type"> & {
+    checkboxMode: string;
+} & React.RefAttributes<HTMLInputElement>>;

package/build/src/components/Form/Input/JRCFormCheckbox/JRCToggle.d.ts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import { FormInputProps } from '../JRCFormFieldRender';
-export declare const JRCToggle: (props: FormInputProps) => JSX.Element;
+export declare const JRCToggle: React.ForwardRefExoticComponent<FormInputProps & React.RefAttributes<HTMLInputElement>>;

package/build/src/components/Form/Input/{JRCFormCheckbox → JRCInputCheckbox}/JRCInputCheckbox.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { DataCy } from '../../../../types/dataAttributes';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 declare type Value<T> = string | number | T;
 declare type CheckboxOption<TFieldValues> = {
     label: string | JSX.Element;

package/build/src/components/Form/Input/{JRCFormCheckbox → JRCInputCheckbox}/JRCInputCheckbox.stories.d.ts

@@ -1,4 +1,4 @@
-import { JRCInputCheckboxProps } from './JRCInputCheckbox';
+import { JRCInputCheckboxProps } from './JRCInputCheckbox.types';
 import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;

package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputCheckbox.types.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
+export declare type CheckboxValue<T> = string | number | T;
+export declare type CheckboxOption<TFieldValues> = {
+    label: string | JSX.Element;
+    value: CheckboxValue<TFieldValues>;
+    disabled?: boolean;
+};
+export declare type InnerProps<TFieldValues> = {
+    disabled?: boolean;
+    checkboxMode?: 'checkbox' | 'toggle' | 'radio';
+    options: CheckboxOption<TFieldValues>[];
+    direction?: 'row' | 'column' | 'two-columns';
+    variant?: 'default' | 'outlined';
+    labelPosition?: 'before' | 'after';
+    SortByChecked?: boolean;
+    backgroundOnHover?: boolean;
+    backgroundOnSelect?: boolean;
+    valueTypeIsBoolean?: boolean;
+};
+export declare type JRCInputCheckboxProps<TFieldValues> = InnerProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
+export declare type InputCheckboxProps<TFieldValues> = InnerProps<TFieldValues> & Omit<ControllerRenderProps<TFieldValues>, 'value'> & {
+    value: TFieldValues | TFieldValues[];
+};

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { JRCButtonProps } from 'components/JRCButton/JRCButton';
-export declare type AlertType = 'success' | 'error' | 'warning';
+import { MessageType } from 'components/Common/util/getColor.util';
 export interface JRCAlertProps extends React.ComponentPropsWithoutRef<'div'> {
     /** Alert title */
     label: string;
     /** Main content of the alert */
     description?: string;
     /** Define the type of alert */
-    type?: AlertType;
+    type?: MessageType;
     /** Add a loader which will make the alert disappear after the timeout */
     hasLoader?: boolean;
     /** Timeout */

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface JRCAppContainerProps {
+    children: React.ReactNode;
+}
+declare const JRCAppContainer: (props: JRCAppContainerProps) => JSX.Element;
+export { JRCAppContainer };

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

@@ -1,3 +1,6 @@
 import { JRCAppHeaderProps } from './JRCAppHeader.types';
-declare const JRCAppHeader: (props: JRCAppHeaderProps) => JSX.Element;
+declare const JRCAppHeader: {
+    (props: JRCAppHeaderProps): JSX.Element;
+    defaultProps: {};
+};
 export { JRCAppHeader };

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

@@ -1 +1,3 @@
-export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FlexDC: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperTop: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,9 @@
+import { JRCAppLeftColumnProps, SectionEntry } from './JRCAppLeftColumn.types';
+/**
+ * /!\ This component should be use into JRCAppContainer
+ * @param Component
+ * @param {sections, icon, color, title, description, activeItem, callback} props, @see JRCAppLeftColumnProps interface
+ * @returns JSX.Element
+ */
+declare const JRCAppLeftColumn: <T extends SectionEntry>({ Component, ...props }: JRCAppLeftColumnProps<T>) => JSX.Element;
+export { JRCAppLeftColumn };

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { JRCAppLeftColumnProps } from './JRCAppLeftColumn.types';
+declare const _default: {
+    title: string;
+    component: <T extends import("./JRCAppLeftColumn.types").SectionEntry>({ Component, ...props }: JRCAppLeftColumnProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const Simple: (args: JRCAppLeftColumnProps<any>) => JSX.Element;

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

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+export declare const JRCAppLeftColumnWrapperTop: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ColumnRelativeWrapper: import("styled-components").StyledComponent<"div", any, {
+    isMinimized: boolean;
+}, never>;
+export declare const ColumnRelativeSticky: import("styled-components").StyledComponent<"div", any, {
+    isMinimized: boolean;
+    isClosed: boolean;
+}, never>;
+export declare const ColumnRelativeTransition: import("styled-components").StyledComponent<"div", any, {
+    isMinimized: boolean;
+}, never>;
+export declare const ColumnAppDefault: import("styled-components").StyledComponent<"div", any, {
+    isMinimized: boolean;
+    isClosed: boolean;
+}, never>;
+export declare const ColumnAppMinimize: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuWrapper: import("styled-components").StyledComponent<"div", any, {
+    isMinimized: boolean;
+}, never>;
+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: import("../../types/dataAttributes").DataCy & {
+        icon: string;
+        size?: "small" | "medium" | undefined;
+        onClick?: ((event?: import("react").MouseEvent<Element, MouseEvent> | undefined) => void) | undefined;
+        name?: string | undefined;
+        value?: string | undefined;
+        disabled?: boolean | undefined;
+        type?: "button" | "submit" | "reset" | undefined;
+        color?: import("../../styles/theme").Colors | "inherit" | import("../../styles/theme").Shades | undefined;
+        tooltip?: Omit<import("../..").JRCTooltipProps, "children"> | undefined;
+        variant?: "circle" | "square" | undefined;
+    } & {
+        onClick: () => void;
+        type: string;
+        variant: string;
+        size: string;
+    }): JSX.Element;
+    defaultProps: {
+        onClick: () => void;
+        type: string;
+        variant: string;
+        size: string;
+    };
+}, any, {}, never>;
+export declare const AppLeftColumnIconWrapper: import("styled-components").StyledComponent<"ul", any, {
+    isMinimized: boolean;
+}, never>;
+export declare const AbsoluteContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AbsoluteContainerMinimized: import("styled-components").StyledComponent<"div", any, {
+    isMinimized: boolean;
+}, never>;
+export declare const SectionMinimizesWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,59 @@
+/// <reference types="react" />
+/**
+ * Interface of each section item
+ * @member title title of section
+ * @member entries List item of menu
+ */
+export interface Section<T> {
+    title: string;
+    entries: T[];
+}
+/**
+ * Interface of elements for each item menu
+ * @member key key of each item
+ * @member icon element icon for item
+ * @member label label of item
+ * @member attribute attribut of item
+ */
+export interface SectionEntry {
+    key: string;
+    icon: string;
+    label: string;
+    attribute?: string;
+}
+/**
+ * Interface of menu props
+ * @member entry List of Item props
+ * @member isMinimized boolean if column left is minimized
+ * @member activeItem optional index [0,items.length-1] of the defaultActive item when mounting
+ * @member onClick tab selection handler
+ */
+export interface MenuComponentProps<T> {
+    entry: T;
+    isMinimized?: boolean;
+    activeItem?: string;
+    onClick: (key: string) => void;
+}
+/**
+ * Interface to provide JRCAppLeftColumn props
+ * @member icon icon header for column left
+ * @member color color of the icon
+ * @member title title of the app on column left
+ * @member description description of the app on column left
+ * @member sections List of sections
+ * @member isMinimized boolean if column left is minimized
+ * @member activeItem optional index [0,items.length-1] of the defaultActive item when mounting
+ * @member callback tab selection handler
+ * @member Component element of each items menu.
+ */
+export declare type JRCAppLeftColumnProps<T extends SectionEntry> = {
+    icon: string;
+    color: string;
+    title: string;
+    description: string;
+    sections?: Section<T>[];
+    isMinimized?: boolean;
+    activeItem?: string;
+    callback?: (key: string) => void;
+    Component?: (props: MenuComponentProps<T>) => React.ReactElement;
+};

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

@@ -0,0 +1,2 @@
+import { SectionEntry, MenuComponentProps } from './JRCAppLeftColumn.types';
+export declare const JRCDefaultMenu: <T extends SectionEntry>(props: MenuComponentProps<T>) => JSX.Element;

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

@@ -2,9 +2,12 @@ import React from 'react';
 /**
  * Interface to provide JRCMenu props
  * @member open open menu
+ * @member  handleOpening method to open/close menu
  */
 export interface JRCMenuProps {
     open?: boolean;
+    handleOpening?: (event?: React.MouseEvent) => void;
+    align?: 'right';
 }
 /**
  * Interface to provide JRCMenu props
@@ -22,6 +25,7 @@ export interface JRCButtonDropdownProps extends React.ComponentPropsWithoutRef<'
     label: string;
     action?: (event?: React.MouseEvent) => void;
     iconName?: string;
+    align?: 'right';
 }
 /**
  *

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

@@ -1,9 +1,13 @@
+import { MessageType } from 'components/Common/util/getColor.util';
 import * as React from 'react';
 export declare type TVariants = 'span' | 'div';
 export declare type JRCCardProps = {
     className?: string;
     children: React.ReactNode;
     variant?: TVariants;
+    type?: MessageType;
 };
-export declare const Card: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Card: import("styled-components").StyledComponent<"div", any, {
+    type?: MessageType | undefined;
+}, never>;
 export declare const JRCCard: (props: JRCCardProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface JRCFileOpenProps {
+    children: React.ReactNode;
+    file: any;
+    fileActions?: any;
+    title: string;
+}
+declare const JRCFileOpen: (props: JRCFileOpenProps) => JSX.Element;
+export default JRCFileOpen;

package/build/src/components/JRCFileOpen/extensions.d.ts

@@ -0,0 +1 @@
+export declare const extensions: any;

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

@@ -11,6 +11,8 @@ import { DataCy } from '../../types/dataAttributes';
  * @member disabled disable the button
  * @member size size of the button, default value, set to m
  * @member tooltip tooltip props
+ * @member variant?:  can be 'circle' | 'square' ;
+
  */
 export declare type JRCIconButtonProps = DataCy & {
     icon: string;
@@ -22,10 +24,12 @@ export declare type JRCIconButtonProps = DataCy & {
     type?: 'submit' | 'reset' | 'button';
     color?: Colors | Shades | 'inherit';
     tooltip?: Omit<JRCTooltipProps, 'children'>;
+    variant?: 'circle' | 'square';
 };
 declare const defaultProps: {
     onClick: () => void;
     type: string;
+    variant: string;
     size: string;
 };
 declare const JRCIconButton: {
@@ -33,6 +37,7 @@ declare const JRCIconButton: {
     defaultProps: {
         onClick: () => void;
         type: string;
+        variant: string;
         size: string;
     };
 };

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

@@ -1,13 +1,18 @@
-import { SortingRule, Column } from 'react-table';
+import { Column } from 'react-table';
+import type { Orders } from 'jamespot-user-api';
 /**
  * Props type for JRCList
+ * @member columns default react-table column props
+ * @member data default react-table data props
+ * @member eventHandlers event handlers: onDrag, onSort and onPage. You Must rearrange the array of data when these events are dispatched
+ * @member config config object. See the Type for use
  */
 export declare type JRCListProps<T extends Record<string, unknown>> = {
     columns: Array<Column<T>>;
     data: Array<T>;
     eventHandlers?: {
-        onDrag?: (src: object, target: object, position: string, records: Array<T>) => void;
-        onSort?: (sortBy: Array<SortingRule<T>>) => void;
+        onDrag?: (src: T, target: T, position: 'before' | 'after', records: Array<T>) => void;
+        onSort?: (orders: Orders) => void;
         onPage?: (page: number) => void;
     };
     config: {

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

@@ -3,9 +3,10 @@ import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 declare type MyData = {
+    uri: string;
     col1: number;
     col2: number;
     col3: number;
     col4: number;
 };
-export declare const Primary: Story<JRCListProps<MyData>>;
+export declare const Primary: Story<Pick<JRCListProps<MyData>, "config">>;

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

@@ -3,13 +3,13 @@ export declare const Table: import("styled-components").StyledComponent<"table",
 export declare const Thead: import("styled-components").StyledComponent<"thead", any, {}, never>;
 export declare const TBody: import("styled-components").StyledComponent<"tbody", any, {}, never>;
 export declare const Th: import("styled-components").StyledComponent<"th", any, {
-    width?: string | undefined;
+    width?: string | number | undefined;
 }, never>;
-export declare const Tr: import("styled-components").StyledComponent<"tr", any, {}, never>;
-export declare const Td: import("styled-components").StyledComponent<"td", any, {}, never>;
-export declare const LoadMore: import("styled-components").StyledComponent<"td", any, {
-    end?: boolean | undefined;
+export declare const Tr: import("styled-components").StyledComponent<"tr", any, {
+    dragging?: boolean | undefined;
 }, never>;
+export declare const Td: import("styled-components").StyledComponent<"td", any, {}, never>;
+export declare const LoadMore: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LoadMoreButton: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare type DraggableTBodyProps = {
     draggable: boolean;
@@ -17,9 +17,10 @@ export declare type DraggableTBodyProps = {
 };
 export declare type DraggableTrProps = {
     index: number;
-    moveRow: (dragIndex: number, hoverIndex: number) => void;
+    onDrag: (dragIndex: number, dropIndex: number) => void;
+    onDrop: () => void;
     draggable: boolean;
     children: Array<JSX.Element>;
 };
 export declare const DraggableTBody: ({ draggable, children }: DraggableTBodyProps) => JSX.Element;
-export declare const DraggableTr: ({ index, moveRow, draggable, children }: DraggableTrProps) => JSX.Element;
+export declare const DraggableTr: ({ index, onDrag, onDrop, draggable, children }: DraggableTrProps) => JSX.Element;

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

@@ -4,9 +4,13 @@ import { Colors } from '../../styles/theme';
  * @member color string based on theme.tsx colors
  * @member size size of the loader, default is s, 20px width
  */
-export interface JRCLoaderProps {
+interface JRCSpinnerProps {
     color?: Colors;
     size?: 's' | 'm' | 'l';
 }
-declare const JRCLoader: ({ color, size }: JRCLoaderProps) => JSX.Element;
+interface JRCLoaderVariantProps {
+    variant?: 'spinner' | 'skeleton';
+}
+export declare type JRCLoaderProps = JRCLoaderVariantProps & JRCSpinnerProps;
+declare const JRCLoader: ({ color, size, variant }: JRCLoaderProps) => JSX.Element;
 export default JRCLoader;

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

@@ -2,4 +2,5 @@ import { JRCLoaderProps } from './JRCLoader';
 import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Primary: Story<JRCLoaderProps>;
+export declare const Spinner: Story<JRCLoaderProps>;
+export declare const Skeleton: Story<JRCLoaderProps>;

package/build/src/components/JRCLoader/JRCSkeleton.d.ts

@@ -0,0 +1 @@
+export declare const Skeleton: () => JSX.Element;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+export declare const VerticalItemFlex: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, className }: import("../JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, any, {}, never>;
+export interface ItemProps {
+    isActive: boolean;
+}
+export declare const MenuItemWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export interface JRCMenuItemProps {
+    icon: string;
+    label: string;
+    size: number;
+    attr: string | React.ReactNode;
+}
+declare const JRCMenuItem: {
+    (props: JRCMenuItemProps): JSX.Element;
+    defaultProps: {
+        icon: string;
+        size: number;
+    };
+};
+export { JRCMenuItem };

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

@@ -11,7 +11,7 @@ export interface JRCModalButtonType extends ComponentPropsWithoutRef<'button'> {
     color?: 'primary' | 'valid' | 'danger';
     variant?: 'contained' | 'outlined';
     isClosed?: boolean;
-    clickHandler?: (event?: React.MouseEvent) => void;
+    clickHandler?: () => void;
 }
 /**
  * Interface for JRCModal props
@@ -22,7 +22,7 @@ export interface JRCModalButtonType extends ComponentPropsWithoutRef<'button'> {
  * @member showIconClose boolean to show/hide the close (x) button of the Modal
  * @member enableClickAwayCloseModal boolean to enable the close of the Modal by Click Outside of Modal
  * @member children default ReactNode children in the Modal content
- * @member alignContent content's align, default:flex-start
+ * @member portalId id attribute for createPortal
  */
 export interface JRCModalProps {
     open: boolean;
@@ -32,7 +32,9 @@ export interface JRCModalProps {
     title?: React.ReactNode;
     showIconClose?: boolean;
     enableClickAwayCloseModal?: boolean;
-    alignContent?: 'flex-start' | 'center' | 'flex-end';
+    isFull?: boolean;
+    headerButtons?: ReactNode;
+    portalId?: string;
 }
-declare const JRCModal: ({ open, closeHandler, buttons, children, title, showIconClose, enableClickAwayCloseModal, alignContent, }: JRCModalProps) => JSX.Element | null;
+declare const JRCModal: ({ open, closeHandler, buttons, children, title, showIconClose, enableClickAwayCloseModal, isFull, headerButtons, portalId, }: JRCModalProps) => React.ReactPortal | null;
 export default JRCModal;

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

@@ -4,5 +4,6 @@ import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const SkeletonModal: Story<JRCModalProps>;
+export declare const fullModal: Story<JRCModalProps>;
 export declare const ShowAndHideModal: (args: JRCModalProps) => JSX.Element;
 export declare const ShowAndHideAndClickOutsideModal: (args: JRCModalProps) => JSX.Element;

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

@@ -1,15 +1,9 @@
 export declare const JRCModalBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-/**
- * Type for align content
- * @member align left: 'flex-start' | align center: 'center' | align right: 'flex-end'
- */
-declare type AlignProps = {
-    align?: 'flex-start' | 'center' | 'flex-end';
-};
-export declare const JRCModalContent: import("styled-components").StyledComponent<"div", any, AlignProps, never>;
+export declare const JRCModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const JRCModalContentScrollbox: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const JRCModalHeaderTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const JRCModalClose: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

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

@@ -1,13 +1,15 @@
-import React from 'react';
+import * as React from 'react';
 export interface ItemProps {
     isActive: boolean;
 }
-export declare const VerticalWrapper: import("styled-components").StyledComponent<"nav", any, {}, never>;
-export declare const VerticalItem: import("styled-components").StyledComponent<"button", any, ItemProps, never>;
+export declare const VerticalWrapper: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const VerticalItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare const ItemButton: import("styled-components").StyledComponent<"button", any, ItemProps, never>;
+export declare const VerticalItemFlex: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const JRCDefaultIconVerticalItem: import("styled-components").StyledComponent<({ color, variant, name, size, className }: import("../JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, any, {}, never>;
 /**
  * Interface of a single Menu Item  props
  * @member label label of the tag
- * @member content content of the tag
  */
 export interface ItemEntriesProps {
     key: string;
@@ -21,7 +23,7 @@ export interface ItemEntriesProps {
  * @member callback tab selection handler
  */
 export interface JRCTabsProps {
-    entries: ItemEntriesProps[];
+    entries?: ItemEntriesProps[];
     activeItem?: string;
     direction: 'horizontal' | 'vertical';
     callback: (key: string) => void;

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

@@ -2,7 +2,7 @@ import { JRCButtonProps } from 'components/JRCButton/JRCButton';
 import * as React from 'react';
 /**
  * Props type for JRCTooltip
- * @member children : enclosed React component (on which the tootip is set)
+ * @member children : enclosed React component (on which the tooltip is set)
  * @member title string, optional: Tooltip title
  * @member description: string : Content of the tooltip
  * @member closeButton: boolean, optional: Add a close button to the tooltip

package/build/src/hooks/UseTimeout.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from 'react';
+/**
+ * This hook provides a way to reset a value after a timeout everytime it is set
+ * @param value default value
+ * @param delay delay
+ */
+export declare function useTimeout<T>(value?: T, delay?: number): [T | undefined, Dispatch<SetStateAction<T | undefined>>];

package/build/src/index.d.ts

@@ -9,11 +9,9 @@ declare global {
         reduxForm: any;
         reactIntl: any;
         reactSelect: any;
-        reactTransitionGroup: any;
         styledComponents: any;
         reactDnd: any;
         reactDndHtml5Backend: any;
-        immutabilityHelper: any;
         reactHookForm: any;
     }
 }
@@ -25,6 +23,8 @@ declare global {
 import JRCAlert from './components/JRCAlert/JRCAlert';
 export { JRCAlert };
 export { JRCAppHeader } from './components/JRCAppHeader/JRCAppHeader';
+export { JRCAppContainer } from './components/JRCAppContainer/JRCAppContainer';
+export { JRCAppLeftColumn } from './components/JRCAppLeftColumn/JRCAppLeftColumn';
 import JRCAvatar from './components/JRCAvatar/JRCAvatar';
 export { JRCAvatar };
 export { JRCAutocompleteAudienceField } from './components/Form/Input/JRCFormAutocomplete/JRCFormAutocompleteAudience';
@@ -32,6 +32,8 @@ export { JRCAutocompleteCommunityField } from './components/Form/Input/JRCFormAu
 export { JRCAutocompleteTaxonomyField } from './components/Form/Input/JRCFormAutocomplete/JRCFormAutocompleteTaxonomy';
 import JRCButton from './components/JRCButton/JRCButton';
 export { JRCButton };
+import { JRCButtonDropdown } from './components/JRCButtonDropdown/JRCButtonDropdown';
+export { JRCButtonDropdown };
 export { JRCCard } from './components/JRCCard/JRCCard';
 import JRCColumnCenter from './components/JRCColumnCenter/JRCColumnCenter';
 export { JRCColumnCenter };
@@ -63,13 +65,14 @@ export { JRCGrid };
 import JRCPagination from './components/JRCPagination/JRCPagination';
 export { JRCPagination };
 export { JRCFormTextarea, JRCFormTextareaField } from './components/Form/Input/JRCFormTextarea/JRCFormTextarea';
-export { JRCFormTextEditorField } from './components/Form/Input/JRCFormTextEditor/JRCFormTextEditor';
 export { JRCList } from './components/JRCList/JRCList';
 import JRCModalImg from './components/JRCModalImg/JRCModalImg';
 export { JRCModalImg };
 import JRCModal from './components/JRCModal/JRCModal';
 export { JRCModal };
 export { JRCStyledHref, JRCLinkToUser, JRCLinkToArticle } from './components/JRCHref/JRCHref';
+import JRCFileOpen from './components/JRCFileOpen/JRCFileOpen';
+export { JRCFileOpen };
 import JRCIcon from './components/JRCIcon/JRCIcon';
 export { JRCIcon };
 import { JRCIconButton } from './components/JRCIconButton/JRCIconButton';
@@ -94,9 +97,12 @@ export { JRCValidationButton } from './components/JRCButton/JRCValidationButton'
 import Theme from './styles/theme';
 export { Theme };
 import Resources from './translation';
+export { useTimeout } from './hooks/UseTimeout';
+export { useDebounce } from './hooks/UseDebounce';
+export { default as useDidMountEffect } from './hooks/UseDidMountEffect';
 export { Resources };
 export { StyledInput } from './components/Form/Input/JRCStyledInput';
-export { JRCInputCheckbox } from './components/Form/Input/JRCFormCheckbox/JRCInputCheckbox';
+export { JRCInputCheckbox } from './components/Form/Input/JRCInputCheckbox/JRCInputCheckbox';
 export { JRCInputEmail } from './components/Form/Input/JRCFormEmail/JRCInputEmail';
 export { JRCInputSelect } from './components/Form/Input/JRCSelect/JRCInputSelect';
 export { JRCInputAutocomplete } from './components/Form/Input/JRCSelect/JRCInputAutocomplete';