jamespot-react-components 1.2.35 → 1.2.36

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

@@ -1,4 +1,5 @@
 import { jFolderList, jFileLittle, jArticleView, JFilebankApi } from 'jamespot-user-api';
+export type EntryType = jFolderList | jArticleView;
 export type FoldersHandlers = {
     filebank: Pick<JFilebankApi, 'getFolders' | 'getDocuments' | 'getRootFolders' | 'searchContent'>;
 };

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 /**
  * Props type for JRCGrid
  * @member children: enclosed React component
  * @member cols : number of cols  "1" | "2" | "3"
  */
 export interface JRCGridProps {
-    children: React.ReactNode;
+    children: ReactNode;
     cols: '1' | '2' | '3';
 }
-export declare const JRCGrid: (props: JRCGridProps) => React.JSX.Element;
+export declare const JRCGrid: (props: JRCGridProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,8 @@
-import * as React from 'react';
 declare const _default: {
     title: string;
-    component: (props: import("./JRCGrid").JRCGridProps) => React.JSX.Element;
+    component: (props: import("./JRCGrid").JRCGridProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
-export declare const Grid_1_col: () => React.JSX.Element;
-export declare const Grid_2_col_Left_Center: () => React.JSX.Element;
-export declare const Grid_3_col_Left_Center_Right: () => React.JSX.Element;
+export declare const Grid_1_col: () => import("react/jsx-runtime").JSX.Element;
+export declare const Grid_2_col_Left_Center: () => import("react/jsx-runtime").JSX.Element;
+export declare const Grid_3_col_Left_Center_Right: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
-import React from 'react';
 import { JRCObjectListProps } from '../JRCObjectList/JRCObjectList';
 import { jGroupLittle } from 'jamespot-user-api';
 export type JRCGroupListProps = JRCObjectListProps<jGroupLittle>;
-export declare const JRCGroupList: (props: JRCGroupListProps) => React.JSX.Element;
+export declare const JRCGroupList: (props: JRCGroupListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCGroupListProps } from './JRCGroupList';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCGroupListProps>;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { AudienceAutocomplete, JGroupApi } from 'jamespot-user-api';
 export type JRCGroupsProps = {
     handlers: {
@@ -9,4 +8,4 @@ export type JRCGroupsProps = {
     onSelectGroup?: (group: AudienceAutocomplete[]) => void;
     publicOnly?: boolean;
 };
-export declare const JRCGroups: ({ handlers, onError, initialGroups, onSelectGroup, publicOnly }: JRCGroupsProps) => React.JSX.Element;
+export declare const JRCGroups: ({ handlers, onError, initialGroups, onSelectGroup, publicOnly }: JRCGroupsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react-webpack5';
+import { JRCGroups } from './JRCGroups';
+declare const _default: Meta;
+export default _default;
+type Story = StoryObj<typeof JRCGroups>;
+export declare const Default: Story;

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

@@ -1,14 +1,14 @@
-import * as React from 'react';
 import { DataCy } from '../../types/dataAttributes';
-import { ButtonColors } from '../JRCButton/JRCButton';
+import { ButtonColors } from '../JRCButton/types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 /**
  * Props type for JRCLinkToArticle and JRCLinkToUser
  * @member idObject number : id of the record
  */
-export type JRCLinkToProps = DataCy & React.ComponentPropsWithoutRef<'a'> & {
+export type JRCLinkToProps = DataCy & ComponentPropsWithoutRef<'a'> & {
     idObject?: number;
 };
-type NativeProps = React.ComponentPropsWithoutRef<'a'> & {
+type NativeProps = ComponentPropsWithoutRef<'a'> & {
     useLink?: boolean;
     hasLicense?: boolean;
 };
@@ -20,7 +20,7 @@ type ButtonProps = {
     color?: ButtonColors;
     float?: 'left' | 'right';
     disabled?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
     minWidth?: string;
     noMargin?: boolean;
     hasLabel?: boolean;
@@ -31,5 +31,5 @@ type ButtonProps = {
  * @member as render the link styled as a button
  */
 export type JRCStyledHrefProps = DataCy & (AnchorProps | ButtonProps) & NativeProps;
-export declare const JRCStyledHref: ({ dataCy, hasLicense, href, useLink, ...props }: JRCStyledHrefProps) => React.JSX.Element;
+export declare const JRCStyledHref: ({ dataCy, hasLicense, href, useLink, ...props }: JRCStyledHrefProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,5 @@
+import { JRCStyledHrefProps } from './JRCHref';
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCStyledHrefProps>;

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

@@ -1,12 +1,12 @@
-import * as React from 'react';
+import { ElementType } from 'react';
 import { LimitLinesProps } from '../Common/LimitLines';
 export type JRCHtmlProps = LimitLinesProps & {
     className?: string;
-    as?: React.ElementType | keyof JSX.IntrinsicElements;
+    as?: ElementType | keyof JSX.IntrinsicElements;
     __html: string | undefined;
 };
-export declare const JRCHtml: React.ForwardRefExoticComponent<LimitLinesProps & {
-    className?: string | undefined;
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "g" | "filter" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+export declare const JRCHtml: import("react").ForwardRefExoticComponent<LimitLinesProps & {
+    className?: string;
+    as?: ElementType | keyof JSX.IntrinsicElements;
     __html: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 type FontAwesomeOptions = {
     style?: 'solid' | 'regular' | 'brands';
 };
@@ -30,5 +29,5 @@ export interface JRCIconProps {
     faOptions?: FontAwesomeOptions;
     role?: string;
 }
-export declare const JRCIcon: ({ color, variant, name, size, isMargin, className, faOptions, iconColor, role, label, }: JRCIconProps) => React.JSX.Element;
+export declare const JRCIcon: ({ color, variant, name, size, isMargin, className, faOptions, iconColor, role, label, }: JRCIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import { JRCIcon } from './JRCIcon';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof JRCIcon>;
 export declare const Primary: Story;
-export declare const AllIcons: () => React.JSX.Element;
+export declare const AllIcons: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { Colors, Shades } from 'styles/theme';
-import { JRCTooltipProps } from '../JRCTooltip/JRCTooltip';
+import { ComponentPropsWithoutRef, MouseEvent } from 'react';
+import { Colors, Shades } from '../../styles/theme';
 import { DataCy } from '../../types/dataAttributes';
+import { JRCTooltipProps } from '../JRCTooltip/types';
 declare const colorVariants: Record<string, {
     color: Colors | Shades;
     bg: Colors | Shades;
@@ -22,10 +22,10 @@ declare const colorVariants: Record<string, {
  * @member variant can be 'circle' | 'square';
  * @member hasLicense If false, the button will be disabled with a license tooltip. Default to true
  */
-export type JRCIconButtonProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'onClick'> & DataCy & {
+export type JRCIconButtonProps = Omit<ComponentPropsWithoutRef<'button'>, 'onClick'> & DataCy & {
     icon: string;
     size?: 'small' | 'medium';
-    onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (event?: MouseEvent<HTMLButtonElement>) => void;
     name?: string;
     value?: string;
     disabled?: boolean;
@@ -44,26 +44,26 @@ export type JRCIconButtonProps = Omit<React.ComponentPropsWithoutRef<'button'>,
     badgeInline?: boolean;
     srOnly?: string;
 };
-export declare const JRCIconButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick"> & DataCy & {
+export declare const JRCIconButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick"> & DataCy & {
     icon: string;
-    size?: "small" | "medium" | undefined;
-    onClick?: ((event?: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-    name?: string | undefined;
-    value?: string | undefined;
-    disabled?: boolean | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
-    bgBaseGrey?: 0 | 2 | 1 | undefined;
-    color?: Colors | Shades | "inherit" | undefined;
-    tooltip?: Omit<JRCTooltipProps, "children"> | undefined;
-    variant?: "circle" | "square" | undefined;
-    hasLicense?: boolean | undefined;
-    bg?: Colors | Shades | undefined;
-    bgHover?: Colors | Shades | undefined;
-    borderColor?: Colors | Shades | undefined;
-    iconSize?: number | undefined;
-    badgeNumber?: number | undefined;
-    colorVariant?: string | undefined;
-    badgeInline?: boolean | undefined;
-    srOnly?: string | undefined;
-} & React.RefAttributes<HTMLButtonElement>>;
+    size?: "small" | "medium";
+    onClick?: (event?: MouseEvent<HTMLButtonElement>) => void;
+    name?: string;
+    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;
+    bg?: Colors | Shades;
+    bgHover?: Colors | Shades;
+    borderColor?: Colors | Shades;
+    iconSize?: number;
+    badgeNumber?: number;
+    colorVariant?: keyof typeof colorVariants;
+    badgeInline?: boolean;
+    srOnly?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

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

@@ -0,0 +1,5 @@
+import { JRCIconButtonProps } from './JRCIconButton';
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCIconButtonProps>;

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ImgUrlProps } from 'jamespot-user-api';
 /**
  * @see ImgUrlProps
@@ -35,4 +34,4 @@ export type JRCImgProps = ImgUrlProps & {
     onError?: () => void;
     onLoad?: () => void;
 };
-export declare const JRCImg: (props: JRCImgProps) => React.JSX.Element;
+export declare const JRCImg: (props: JRCImgProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { JRCImgProps } from './JRCImg';
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCImgProps>;
+export declare const FallbackUrl: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCImgProps>;

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Column } from 'react-table';
 import type { Orders } from 'jamespot-user-api';
 export type LoadMorePagination = {
@@ -37,4 +36,4 @@ export type JRCListProps<T extends Record<string, unknown>> = {
     loading?: boolean;
     dataCy?: string;
 };
-export declare const JRCList: <T extends Record<string, unknown>>(props: JRCListProps<T>) => React.JSX.Element;
+export declare const JRCList: <T extends Record<string, unknown>>(props: JRCListProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { JRCListProps } from './JRCList';
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+type MyData = {
+    uri: string;
+    col1: number;
+    col2: number;
+    col3: number;
+    col4: number;
+};
+export declare const Primary: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, Pick<JRCListProps<MyData>, "config">>;

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

@@ -1,18 +1,17 @@
-import * as React from 'react';
 export declare const Table: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {
-    loading?: boolean | undefined;
+    loading?: boolean;
 }, never>;
 export declare const Thead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;
 export declare const TBody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, {}, never>;
 export declare const Th: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, {
-    width?: string | number | undefined;
-    sortable?: boolean | undefined;
+    width?: number | string;
+    sortable?: boolean;
 }, never>;
 export declare const Tr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {
-    dragging?: boolean | undefined;
+    dragging?: boolean;
 }, never>;
 export declare const Td: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {
-    width?: string | number | undefined;
+    width?: number | string;
 }, never>;
 export declare const LoadMore: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export type DraggableTBodyProps = {
@@ -26,5 +25,5 @@ export type DraggableTrProps = {
     draggable: boolean;
     children: Array<JSX.Element>;
 };
-export declare const DraggableTBody: ({ draggable, children }: DraggableTBodyProps) => React.JSX.Element;
-export declare const DraggableTr: ({ index, onDrag, onDrop, draggable, children }: DraggableTrProps) => React.JSX.Element;
+export declare const DraggableTBody: ({ draggable, children }: DraggableTBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DraggableTr: ({ index, onDrag, onDrop, draggable, children }: DraggableTrProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const WithData: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, {}>;

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Colors } from '../../styles/theme';
 /**
  * Props type for JRCLoader
@@ -15,5 +14,5 @@ interface JRCLoaderVariantProps {
     variant?: 'spinner' | 'skeleton';
 }
 export type JRCLoaderProps = JRCLoaderVariantProps & JRCSpinnerProps;
-export declare const JRCLoader: ({ color, size, variant, className, noMargin, }: JRCLoaderProps) => React.JSX.Element;
+export declare const JRCLoader: ({ color, size, variant, className, noMargin, }: JRCLoaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,2 +1 @@
-import * as React from 'react';
-export declare const Skeleton: () => React.JSX.Element;
+export declare const Skeleton: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,11 @@
-import React from 'react';
 /**
  * Interface of a single Menu Item  props
  * @member label string content of the menu item
- * @member clickHandler function (event?: React.MouseEvent)=> void, callback called when onClick the menu item
+ * @member clickHandler function (event?: MouseEvent)=> void, callback called when onClick the menu item
  */
 export interface JRCMenuItemProps {
     label: string | JSX.Element;
-    clickHandler: (event?: React.MouseEvent) => void;
+    clickHandler: (event?: MouseEvent) => void;
 }
 /**
  * Interface to provide Menu props

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

@@ -1,7 +1,6 @@
-import * as React from 'react';
 declare const _default: {
     title: string;
     component: ({ items, defaultActiveItem }: import("./JRCMenu").JRCMenuProps) => JSX.Element;
 };
 export default _default;
-export declare const jrcmenu: () => React.JSX.Element;
+export declare const JRCMenuTest: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
-import React from 'react';
+import { ReactNode } 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, faOptions, iconColor, role, label, }: 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, iconColor, role, label, }: import("../JRCIcon/JRCIcon").JRCIconProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export interface ItemProps {
     isActive: boolean;
 }
@@ -9,7 +9,7 @@ export interface JRCMenuItemProps {
     icon: string;
     label: string;
     size: number;
-    attr: string | React.ReactNode;
+    attr: string | ReactNode;
 }
 declare const JRCMenuItem: {
     (props: JRCMenuItemProps): JSX.Element;

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

@@ -1,9 +1,9 @@
-import React from 'react';
+import { ReactNode } from 'react';
 type MessageVariants = 'success' | 'error' | 'warning' | 'info';
 export type JRCMessageProps = {
     variant: MessageVariants;
-    message?: string | React.ReactNode;
+    message?: string | ReactNode;
     messages?: string[];
 };
-export declare const JRCMessage: ({ variant, message, messages }: JRCMessageProps) => React.JSX.Element;
+export declare const JRCMessage: ({ variant, message, messages }: JRCMessageProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCMessageProps } from './JRCMessage';
+declare const _default: Meta;
+export default _default;
+export declare const Info: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCMessageProps>;
+export declare const Success: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCMessageProps>;
+export declare const Warning: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCMessageProps>;
+export declare const Error: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCMessageProps>;

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

@@ -1,30 +1,30 @@
-import { ModalVariant } from './JRCModalLayout';
+import { ModalVariant } from './types';
 export type ModalBorderRadius = 'medium' | 'small';
 export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    isFullHeight?: boolean | undefined;
-    overflow?: "hidden" | "visible" | undefined;
-    zIndex?: number | undefined;
+    isFullHeight?: boolean;
+    overflow?: "visible" | "hidden";
+    zIndex?: number;
 }, never>;
 export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    isFullScreen?: boolean | undefined;
-    maxHeight?: string | undefined;
+    isFullScreen?: boolean;
+    maxHeight?: string;
 }, never>;
 export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    variant?: ModalVariant | undefined;
-    overflow?: "hidden" | "visible" | undefined;
-    radius?: ModalBorderRadius | undefined;
-    maxHeight?: string | undefined;
+    variant?: ModalVariant;
+    overflow?: "hidden" | "visible";
+    radius?: ModalBorderRadius;
+    maxHeight?: string;
 }, 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>;
 export declare const JRCModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    modalOverflow?: "hidden" | "auto" | "scroll" | "visible" | undefined;
+    modalOverflow?: "hidden" | "scroll" | "visible" | "auto";
 }, never>;
 export declare const JRCModalContentFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    modalOverflow?: "hidden" | "auto" | "scroll" | "visible" | undefined;
+    modalOverflow?: "hidden" | "scroll" | "visible" | "auto";
 }, never>;
 export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    modalOverflow?: "hidden" | "scroll" | "visible" | undefined;
+    modalOverflow?: "hidden" | "scroll" | "visible";
 }, never>;
 export declare const JRCModalClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,5 +1,5 @@
-import React, { ReactNode } from 'react';
-import { ButtonColors } from '../JRCButton/JRCButton';
+import { ReactNode } from 'react';
+import { ButtonColors } from '../JRCButton/types';
 export type JRCModalContentBase = {
     title?: ReactNode;
     children?: ReactNode;
@@ -22,9 +22,9 @@ export interface JRCModalButtonType {
     loading?: boolean;
 }
 export declare const ModalOptions: ({ children }: {
-    children?: React.ReactNode;
-}) => React.JSX.Element;
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const ModalTitle: ({ children }: {
-    children?: React.ReactNode;
-}) => React.JSX.Element;
-export declare const JRCModalContent: ({ title, onClickIconClose, overflow, options, children, buttons, isFull, dataCy, }: JRCModalContentProps) => React.JSX.Element;
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const JRCModalContent: ({ title, onClickIconClose, overflow, options, children, buttons, isFull, dataCy, }: JRCModalContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import React, { FormEvent } from 'react';
+import { FormEvent } from 'react';
 import { JRCModalButtonType, JRCModalContentBase } from './JRCModalContent';
 export type JRCModalContentFormProps = JRCModalContentBase & {
     buttons?: JRCModalFormButtonType[];
@@ -8,4 +8,4 @@ export type JRCModalContentFormProps = JRCModalContentBase & {
 export interface JRCModalFormButtonType extends JRCModalButtonType {
     isSubmit?: boolean;
 }
-export declare const JRCModalContentForm: ({ onSubmit, children, loading, title, onClickIconClose, options, buttons, overflow, }: JRCModalContentFormProps) => React.JSX.Element;
+export declare const JRCModalContentForm: ({ onSubmit, children, loading, title, onClickIconClose, options, buttons, overflow, }: JRCModalContentFormProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
-import React, { ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
 import { ModalBorderRadius } from './JRCModal.styles';
-export type ModalVariant = 'full-width' | 'full-screen' | 'full-height' | 'fixed-height';
+import { ModalVariant } from './types';
 export interface JRCModalLayoutProps {
     open: boolean;
     closeHandler: () => void;
@@ -15,6 +15,6 @@ export interface JRCModalLayoutProps {
     overflow?: 'visible' | 'hidden';
     zIndex?: number;
     minHeight?: string;
-    focusOnCloseRef?: React.RefObject<HTMLElement>;
+    focusOnCloseRef?: RefObject<HTMLElement>;
 }
-export declare const JRCModalLayout: React.ForwardRefExoticComponent<JRCModalLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export declare const JRCModalLayout: import("react").ForwardRefExoticComponent<JRCModalLayoutProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,2 @@
-import React from 'react';
 import { JRCModalProps } from './JRCModal.types';
-export declare const JRCModal: ({ children, open, closeHandler, buttons, title, options, portalId, inPlace, ref, zIndex, enableClickAwayCloseModal, variant, focusOnCloseRef, }: JRCModalProps) => React.JSX.Element;
+export declare const JRCModal: ({ children, open, closeHandler, buttons, title, options, portalId, inPlace, ref, zIndex, enableClickAwayCloseModal, variant, focusOnCloseRef, }: JRCModalProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const Modal: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, import("@storybook/react-webpack5").Args>;

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

@@ -1,7 +1,7 @@
-import React, { FormEvent, ForwardedRef, ReactNode } from 'react';
+import { FormEvent, ForwardedRef, ReactNode, RefObject } from 'react';
 import { JRCModalButtonType } from '../JRCModalContent';
 import { JRCModalFormButtonType } from '../JRCModalContentForm';
-import { ModalVariant } from '../JRCModalLayout';
+import { ModalVariant } from '../types';
 type JRCModalBaseProps = {
     title?: ReactNode;
     children?: ReactNode;
@@ -13,7 +13,7 @@ type JRCModalBaseProps = {
     ref?: ForwardedRef<HTMLDivElement>;
     enableClickAwayCloseModal?: boolean;
     zIndex?: number;
-    focusOnCloseRef?: React.RefObject<HTMLElement>;
+    focusOnCloseRef?: RefObject<HTMLElement>;
 };
 export type JRCModalProps = JRCModalBaseProps & {
     buttons?: JRCModalButtonType[];

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

@@ -1,3 +1,2 @@
-import React from 'react';
 import { JRCModalFormProps } from './JRCModal.types';
-export declare const JRCModalForm: ({ title, children, options, open, closeHandler, buttons, onSubmit, loading, portalId, inPlace, ref, enableClickAwayCloseModal, maxHeight, zIndex, }: JRCModalFormProps) => React.JSX.Element;
+export declare const JRCModalForm: ({ title, children, options, open, closeHandler, buttons, onSubmit, loading, portalId, inPlace, ref, enableClickAwayCloseModal, maxHeight, zIndex, }: JRCModalFormProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const Modal: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, import("@storybook/react-webpack5").Args>;

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

@@ -0,0 +1 @@
+export type ModalVariant = 'full-width' | 'full-screen' | 'full-height' | 'fixed-height';

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

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { DataCy } from '../../types/dataAttributes';
 /**
  * Interface to provide Modal Buttons
@@ -13,7 +13,7 @@ export type JRCModalImgButtonType = ComponentPropsWithoutRef<'button'> & DataCy
     color?: 'primary' | 'valid' | 'danger';
     variant?: 'contained' | 'outlined';
     isClosed?: boolean;
-    clickHandler?: (event?: React.MouseEvent) => void;
+    clickHandler?: (event?: MouseEvent) => void;
 };
 /**
  * Interface for JRCModal props
@@ -40,4 +40,4 @@ export interface JRCModalImgProps {
     };
     className?: string;
 }
-export declare const JRCModalImg: ({ open, closeHandler, buttons, children, title, showIconClose, img, className, }: JRCModalImgProps) => React.JSX.Element | null;
+export declare const JRCModalImg: ({ open, closeHandler, buttons, children, title, showIconClose, img, className, }: JRCModalImgProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,6 @@
+import { JRCModalImgProps } from './JRCModalImg';
+import { Meta } from '@storybook/react-webpack5';
+declare const _default: Meta;
+export default _default;
+export declare const SkeletonModal: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCModalImgProps>;
+export declare const ShowAndHideModal: () => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCModalUserList/CSSAvatarWrapper.d.ts

@@ -0,0 +1,3 @@
+export declare const CSSAvatarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    overlap?: boolean;
+}, never>;