jamespot-react-components 1.2.34 → 1.2.36

package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.types.d.ts

@@ -1,13 +1,12 @@
-import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { ControllerRenderProps } from 'react-hook-form';
+import { AutocompleteLittle, JGroupApi, JUserApi } from 'jamespot-user-api';
+import { ComponentType } from 'react';
+import { ControllerRenderProps, FieldValues } from 'react-hook-form';
+import { Colors, Shades } from '../../../../styles/theme';
 import { DataCy } from '../../../../types/dataAttributes';
-import { FieldValues } from 'react-hook-form';
-import { Colors, Shades } from 'styles/theme';
-import React from 'react';
 import { PartialBy } from '../../../../types/utils';
-import { JGroupApi, JUserApi } from 'jamespot-user-api';
-import { AutocompleteView } from './JRCInputAutocompleteViews';
 import { FoldersHandlers } from '../../../JRCFolders/types';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { AutocompleteView } from './JRCInputAutocompleteViews';
 /**
  * Select
  */
@@ -51,10 +50,10 @@ export type SelectProps<T = any> = DataCy & {
     getOptionsSelected?: (options: T) => void;
     setOptionsSelected?: T;
     components?: {
-        Option?: React.ComponentType<{
+        Option?: ComponentType<{
             option: T;
         }>;
-        SelectedOption?: React.ComponentType<{
+        SelectedOption?: ComponentType<{
             option: T;
         }>;
     };
@@ -78,10 +77,6 @@ export type SelectProps<T = any> = DataCy & {
  */
 export type NativeAutocompleteProps<T extends FieldValues = FieldValues> = ControllerRenderProps<T> & AutocompleteInnerProps;
 export type JRCAutocompleteProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & AutocompleteInnerProps;
-export type AutocompleteLittle = {
-    uri: string;
-    title: string;
-};
 export type AutocompleteInnerProps = Omit<SelectProps, 'options'> & DataCy & IconsProp & {
     options?: Array<AutocompleteLittle>;
     asyncPromise?: (inputValue: string) => Promise<Array<AutocompleteLittle>>;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectAsync.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/react-webpack5';
+import { JRCInputSelectProps } from './JRCInputSelect.types';
+declare const _default: Meta;
+export default _default;
+type Data = {
+    animal: string;
+    cat: string;
+};
+export declare const AsyncSelect: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react-webpack5").ReactRenderer, JRCInputSelectProps<{
+    select: Array<Data>;
+}>>;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectExtended.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { JRCInputSelectProps } from './JRCInputSelect.types';
 import type { FieldValues } from 'react-hook-form';
-export declare function JRCInputSelectExtended<T extends FieldValues = FieldValues>(props: JRCInputSelectProps<T>): React.JSX.Element;
+export declare function JRCInputSelectExtended<T extends FieldValues = FieldValues>(props: JRCInputSelectProps<T>): import("react/jsx-runtime").JSX.Element;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectHierarchicalTree.d.ts

@@ -1,22 +1,10 @@
-import * as React from 'react';
-import { JRCInputSelectProps } from './JRCInputSelect.types';
-import { JRCModalLayoutProps } from 'components/JRCModal/JRCModalLayout';
 import { PagingResults, jObjectAutocomplete } from 'jamespot-user-api';
-export type JRCInputSelectHierarchicalTreeProps = Omit<JRCInputSelectProps, 'asyncPromise'> & JRCModalLayoutProps & {
+import { FieldValues } from 'react-hook-form';
+import { JRCModalLayoutProps } from '../../../JRCModal/JRCModalLayout';
+import { JRCInputSelectProps } from './JRCInputSelect.types';
+export type JRCInputSelectHierarchicalTreeProps<T extends FieldValues = FieldValues> = Omit<JRCInputSelectProps<T>, 'asyncPromise'> & Omit<JRCModalLayoutProps, 'open' | 'closeHandler'> & {
     asyncPromise?: (inputValue: string, page?: number) => Promise<PagingResults<any>>;
     hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<jObjectAutocomplete>>;
     displayModal?: boolean;
-    checkboxOptions: Array<{
-        label: string;
-        value: any;
-    }>;
 };
-export declare const JRCInputSelectHierarchicalTree: React.ForwardRefExoticComponent<Omit<JRCInputSelectProps<import("react-hook-form").FieldValues, any>, "asyncPromise"> & JRCModalLayoutProps & {
-    asyncPromise?: ((inputValue: string, page?: number) => Promise<PagingResults<any>>) | undefined;
-    hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<jObjectAutocomplete>>;
-    displayModal?: boolean | undefined;
-    checkboxOptions: Array<{
-        label: string;
-        value: any;
-    }>;
-} & React.RefAttributes<HTMLInputElement>>;
+export declare const JRCInputSelectHierarchicalTree: <T extends FieldValues = FieldValues>(props: JRCInputSelectHierarchicalTreeProps<T>) => JSX.Element;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectHierarchicalTree.stories.d.ts

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

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectList.d.ts

@@ -1,5 +1,4 @@
 import { BaseAutocomplete, PagingResults } from 'jamespot-user-api';
-import * as React from 'react';
 import { FieldValues } from 'react-hook-form';
 import { JRCModalProps } from '../../../JRCModal/templates/JRCModal.types';
 import { JRCInputSelectProps } from './JRCInputSelect.types';
@@ -8,4 +7,4 @@ export type JRCInputSelectListProps<T extends FieldValues = FieldValues> = Omit<
     displayModal?: boolean;
     onChange: (values: BaseAutocomplete[]) => void;
 };
-export declare const JRCInputSelectList: <T extends FieldValues = FieldValues>({ asyncPromise, displayModal, inPlace, width, placeholder, onChange, control, name, allowCustomOptions, ...props }: JRCInputSelectListProps<T>) => React.JSX.Element;
+export declare const JRCInputSelectList: <T extends FieldValues = FieldValues>({ asyncPromise, displayModal, inPlace, width, placeholder, onChange, control, name, allowCustomOptions, ...props }: JRCInputSelectListProps<T>) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectList.stories.d.ts

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

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectRaw.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FieldValues } from 'react-hook-form';
 import { NativeSelectProps } from './JRCInputSelect.types';
 export declare const JRCInputSelectRaw: <T extends FieldValues = FieldValues, U = any>(props: Pick<Partial<NativeSelectProps<T, U>>, "ref"> & Omit<NativeSelectProps<T, U>, "ref">) => JSX.Element;

package/build/src/components/Form/Input/JRCSelect/SelectHierarchicalTreeModal.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { PagingResults, jObjectAutocomplete } from 'jamespot-user-api';
+import { FC } from 'react';
 type SelectHierarchicalTreeModalProps = {
     hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<jObjectAutocomplete>>;
     close: () => void;
@@ -12,5 +12,5 @@ export type SKOSTree = {
     title: string;
     uri: string;
 };
-declare const SelectHierarchicalTreeModal: React.FC<SelectHierarchicalTreeModalProps>;
+declare const SelectHierarchicalTreeModal: FC<SelectHierarchicalTreeModalProps>;
 export default SelectHierarchicalTreeModal;

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { DataCy } from '../../../types/dataAttributes';
 import { InputState } from './Deprecated/JRCFormFieldRender';
 /**
@@ -10,15 +9,15 @@ export type IconsProps = {
     hasIconAfter?: boolean;
 };
 export declare const cssCommonStyledInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<DataCy & {
-    error?: boolean | undefined;
-    valid?: boolean | undefined;
-    readOnly?: boolean | undefined;
+    error?: boolean;
+    valid?: boolean;
+    readOnly?: boolean;
 } & IconsProps, import("styled-components").DefaultTheme>>;
 export declare const cssStyledInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputState, import("styled-components").DefaultTheme>>;
 export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, DataCy & {
-    error?: boolean | undefined;
-    valid?: boolean | undefined;
-    readOnly?: boolean | undefined;
+    error?: boolean;
+    valid?: boolean;
+    readOnly?: boolean;
 }, never>;
 export type StyledSelectProps = DataCy & IconsProps & {
     searchable?: boolean;
@@ -26,16 +25,16 @@ export type StyledSelectProps = DataCy & IconsProps & {
     noMargin?: boolean;
 };
 export declare const StyledSelect: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, DataCy & {
-    error?: boolean | undefined;
-    valid?: boolean | undefined;
-    readOnly?: boolean | undefined;
+    error?: boolean;
+    valid?: boolean;
+    readOnly?: boolean;
 } & IconsProps & {
-    searchable?: boolean | undefined;
-    sizeVariant?: "s" | "md" | undefined;
-    noMargin?: boolean | undefined;
+    searchable?: boolean;
+    sizeVariant?: "s" | "md";
+    noMargin?: boolean;
 }, never>;
 export declare const MaxLengthIndicatorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const MaxLengthIndicator: ({ maxLength, actualLength }: {
-    maxLength?: number | undefined;
+    maxLength?: number;
     actualLength: number;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { JRCButtonProps } from 'components/JRCButton/JRCButton';
+import { JRCButtonProps } from '../../JRCButton/JRCButton';
 export interface extraInfoProps {
     label?: string;
     placeholder?: string;

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

@@ -1,3 +1,2 @@
-import React from 'react';
 import { JRCAlbumProps } from './types';
-export declare const JRCAlbum: ({ files, maxWidth, withAttachments, urlResolve, }: JRCAlbumProps) => React.JSX.Element;
+export declare const JRCAlbum: ({ files, maxWidth, withAttachments, urlResolve, }: JRCAlbumProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCAlbum/components/AlbumItem.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
 import { JRCAlbumItemFile } from '../types';
 export declare const AlbumItem: ({ file, width, height }: {
     file: JRCAlbumItemFile;
     width: number;
     height: number;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const AlbumItemImage: ({ uri }: {
     uri: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCAlbum/components/AlbumX1.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { JRCAlbumItemProps } from '../types';
-export declare const AlbumX1: ({ files, maxWidth, maxHeight, onClick }: JRCAlbumItemProps) => React.JSX.Element;
+export declare const AlbumX1: ({ files, maxWidth, maxHeight, onClick }: JRCAlbumItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCAlbum/components/AlbumX2.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { JRCAlbumItemProps } from '../types';
-export declare const AlbumX2: ({ files, maxWidth, onClick }: JRCAlbumItemProps) => React.JSX.Element;
+export declare const AlbumX2: ({ files, maxWidth, onClick }: JRCAlbumItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCAlbum/components/AlbumX3.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { JRCAlbumItemProps } from '../types';
-export declare const AlbumX3: ({ files, maxWidth, onClick }: JRCAlbumItemProps) => React.JSX.Element;
+export declare const AlbumX3: ({ files, maxWidth, onClick }: JRCAlbumItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCAlbum/components/AlbumX4.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { JRCAlbumItemProps } from '../types';
-export declare const AlbumX4: ({ files, maxWidth, onClick }: JRCAlbumItemProps) => React.JSX.Element;
+export declare const AlbumX4: ({ files, maxWidth, onClick }: JRCAlbumItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/JRCAlbum/components/AlbumX5.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { JRCAlbumItemProps } from '../types';
-export declare const AlbumX5: ({ files, maxWidth, onClick }: JRCAlbumItemProps) => React.JSX.Element;
+export declare const AlbumX5: ({ files, maxWidth, onClick }: JRCAlbumItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 export declare const AlbumWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    maxWidth?: string | undefined;
+    maxWidth?: string;
 }, never>;
 export declare const AlbumBackgroundVideoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number;

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { JRCButtonProps } from 'components/JRCButton/JRCButton';
-import { MessageType } from 'components/Common/util/getColor.util';
-export interface JRCAlertProps extends React.ComponentPropsWithoutRef<'div'> {
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { MessageType } from '../Common/util/getColor.util';
+import { JRCButtonProps } from '../JRCButton/JRCButton';
+export interface JRCAlertProps extends ComponentPropsWithoutRef<'div'> {
     /** Alert title */
-    label: string | React.ReactNode;
+    label: string | ReactNode;
     /** Main content of the alert */
-    description?: string | React.ReactNode;
+    description?: string | ReactNode;
     /** Define the type of alert */
     type?: MessageType;
     /** Add a loader which will make the alert disappear after the timeout */
@@ -15,4 +15,4 @@ export interface JRCAlertProps extends React.ComponentPropsWithoutRef<'div'> {
     /** Add buttons on the alert */
     buttons?: JRCButtonProps[];
 }
-export declare const JRCAlert: ({ label, description, hasLoader, buttons, type, timeout, }: JRCAlertProps) => React.JSX.Element | null;
+export declare const JRCAlert: ({ label, description, hasLoader, buttons, type, timeout, }: JRCAlertProps) => import("react/jsx-runtime").JSX.Element | null;

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

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

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 export declare const CONTAINER_PADDING = 32;
 export interface JRCAppContainerProps {
-    children: React.ReactNode;
+    children: ReactNode;
     maxWidth?: string;
 }
-declare const JRCAppContainer: ({ maxWidth, children }: JRCAppContainerProps) => React.JSX.Element;
+declare const JRCAppContainer: ({ maxWidth, children }: JRCAppContainerProps) => import("react/jsx-runtime").JSX.Element;
 export { JRCAppContainer };

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

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import { JRCAppHeaderProps } from './JRCAppHeader.types';
 declare const JRCAppHeader: {
-    (props: JRCAppHeaderProps): React.JSX.Element;
+    (props: JRCAppHeaderProps): import("react/jsx-runtime").JSX.Element;
     defaultProps: {};
 };
 export { JRCAppHeader };

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

@@ -0,0 +1,5 @@
+import { JRCAppHeaderProps } from './JRCAppHeader.types';
+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, JRCAppHeaderProps>;

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { JRCAppLeftColumnProps, SectionEntry } from './JRCAppLeftColumn.types';
 /**
  * @deprecated
@@ -7,5 +6,5 @@ import { JRCAppLeftColumnProps, SectionEntry } from './JRCAppLeftColumn.types';
  * @param {sections, icon, color, title, description, activeItem, callback} props, @see JRCAppLeftColumnProps interface
  * @returns JSX.Element
  */
-declare const JRCAppLeftColumn: <T extends SectionEntry = SectionEntry>({ Component, ...props }: JRCAppLeftColumnProps<T>) => React.JSX.Element;
+declare const JRCAppLeftColumn: <T extends SectionEntry = SectionEntry>({ Component, ...props }: JRCAppLeftColumnProps<T>) => import("react/jsx-runtime").JSX.Element;
 export { JRCAppLeftColumn };

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const JRCAppLeftColumnWrapperTop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ColumnRelativeWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMinimized: boolean;
@@ -22,25 +21,25 @@ export declare const ItemsIcon: import("styled-components").StyledComponent<"but
 export declare const TitleMenu: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, never>;
 export declare const JRCIconButtonAppLeftColumn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onClick"> & import("../../types/dataAttributes").DataCy & {
     icon: string;
-    size?: "small" | "medium" | undefined;
-    onClick?: ((event?: import("react").MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void) | undefined;
-    name?: string | undefined;
-    value?: string | undefined;
-    disabled?: boolean | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
-    bgBaseGrey?: 0 | 2 | 1 | undefined;
-    color?: import("../../styles/theme").Colors | import("../../styles/theme").Shades | "inherit" | undefined;
-    tooltip?: Omit<import("../..").JRCTooltipProps, "children"> | undefined;
-    variant?: "circle" | "square" | undefined;
-    hasLicense?: boolean | undefined;
-    bg?: import("../../styles/theme").Colors | import("../../styles/theme").Shades | undefined;
-    bgHover?: import("../../styles/theme").Colors | import("../../styles/theme").Shades | undefined;
-    borderColor?: import("../../styles/theme").Colors | import("../../styles/theme").Shades | undefined;
-    iconSize?: number | undefined;
-    badgeNumber?: number | undefined;
-    colorVariant?: string | undefined;
-    badgeInline?: boolean | undefined;
-    srOnly?: string | undefined;
+    size?: "small" | "medium";
+    onClick?: (event?: import("react").MouseEvent<HTMLButtonElement>) => void;
+    name?: string;
+    value?: string;
+    disabled?: boolean;
+    type?: "submit" | "reset" | "button";
+    bgBaseGrey?: 0 | 1 | 2;
+    color?: import("../..").Colors | import("../..").Shades | "inherit";
+    tooltip?: Omit<import("../..").JRCTooltipProps, "children">;
+    variant?: "circle" | "square";
+    hasLicense?: boolean;
+    bg?: import("../..").Colors | import("../..").Shades;
+    bgHover?: import("../..").Colors | import("../..").Shades;
+    borderColor?: import("../..").Colors | import("../..").Shades;
+    iconSize?: number;
+    badgeNumber?: number;
+    colorVariant?: string;
+    badgeInline?: boolean;
+    srOnly?: string;
 } & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const AppLeftColumnIconWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
     isMinimized: boolean;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 /**
  * Interface of each section item
  * @member title title of section
@@ -55,5 +55,5 @@ export type JRCAppLeftColumnProps<T extends SectionEntry = SectionEntry> = {
     isMinimized?: boolean;
     activeItem?: string;
     callback?: (key: string) => void;
-    Component?: (props: MenuComponentProps<T>) => React.ReactElement;
+    Component?: (props: MenuComponentProps<T>) => ReactElement;
 };

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

@@ -1,3 +1,2 @@
-import * as React from 'react';
-import { SectionEntry, MenuComponentProps } from './JRCAppLeftColumn.types';
-export declare const JRCDefaultMenu: <T extends SectionEntry>(props: MenuComponentProps<T>) => React.JSX.Element;
+import { MenuComponentProps, SectionEntry } from './JRCAppLeftColumn.types';
+export declare const JRCDefaultMenu: <T extends SectionEntry>(props: MenuComponentProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
 import { jFileLittle } from 'jamespot-user-api';
-import React from 'react';
 export type JRCAttachmentsProps = {
     files: jFileLittle[];
     getAccessHash?: (fileId: number) => Promise<string>;
@@ -7,4 +6,4 @@ export type JRCAttachmentsProps = {
     onDelete?: (id: number) => Promise<void>;
     mode?: 'view' | 'edit';
 };
-export declare const JRCAttachments: ({ files, getAccessHash, onError, onDelete, mode }: JRCAttachmentsProps) => React.JSX.Element;
+export declare const JRCAttachments: ({ files, getAccessHash, onError, onDelete, mode }: JRCAttachmentsProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { JRCImgProps } from '../JRCImg/JRCImg';
 /**
  * Props type for JRCAvatar
@@ -30,4 +29,4 @@ export type JRCAvatarProps = Omit<JRCImgProps, 'size' | 'width' | 'height' | 'al
     testId?: string;
     onLoad?: () => void;
 };
-export declare const JRCAvatar: (props: JRCAvatarProps) => React.JSX.Element;
+export declare const JRCAvatar: (props: JRCAvatarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { JRCAvatarProps } from './JRCAvatar';
+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, JRCAvatarProps>;

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

@@ -1,6 +1,5 @@
-import React from 'react';
 import { Audience } from 'jamespot-user-api';
 export type JRCAvatarsProps = {
     audience?: Pick<Audience, '_url' | 'uri' | 'title'>[];
 };
-export declare const JRCAvatars: ({ audience }: JRCAvatarsProps) => React.JSX.Element;
+export declare const JRCAvatars: ({ audience }: JRCAvatarsProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 export type BreadcrumbProps = {
     currentLabel: string;
     paths: Array<{
@@ -9,5 +8,5 @@ export type BreadcrumbProps = {
         label: string;
     }>;
 };
-declare const Breadcrumb: ({ currentLabel, paths }: BreadcrumbProps) => React.JSX.Element;
+declare const Breadcrumb: ({ currentLabel, paths }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
 export default Breadcrumb;

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { AudienceAutocomplete, JUserApi } from 'jamespot-user-api';
 export type JRCBusinessContactsProps = {
     handlers: {
@@ -8,4 +7,4 @@ export type JRCBusinessContactsProps = {
     initialBusinessContacts: AudienceAutocomplete[];
     onSelectBusinessContact?: (users: AudienceAutocomplete[]) => void;
 };
-export declare const JRCBusinessContacts: ({ handlers, onError, initialBusinessContacts, onSelectBusinessContact, }: JRCBusinessContactsProps) => React.JSX.Element;
+export declare const JRCBusinessContacts: ({ handlers, onError, initialBusinessContacts, onSelectBusinessContact, }: JRCBusinessContactsProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,23 @@
+import { StyledButtonProps } from './types';
+/**
+ * Button styling. May be used as a <a> tag
+ */
+export declare const StyledButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, StyledButtonProps, never>;
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("../../types/dataAttributes").DataCy & {
+    color?: import("./types").ButtonColors;
+    themeCustom?: import("./types").ButtonType;
+    loader?: boolean;
+    autofocus?: boolean;
+    value?: string;
+    icon?: string;
+    iconRight?: boolean;
+    variant?: "contained" | "outlined" | "link";
+    float?: "left" | "right";
+    minWidth?: string;
+    hasLicense?: boolean;
+    label?: string;
+    noMargin?: boolean;
+    size?: "m" | "s";
+    srOnly?: string;
+    borderRadius?: "right";
+} & import("react").RefAttributes<HTMLButtonElement>>;