jamespot-react-components 1.0.136 → 1.0.138

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

@@ -2,5 +2,6 @@ export declare type FastCssProps = {
     position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
     display?: 'inline' | 'block' | 'flex' | 'grid' | 'inline-block' | 'inline-flex' | 'inline-grid';
     margin?: string;
+    padding?: string;
 };
 export declare const FastCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<FastCssProps, import("styled-components").DefaultTheme>>;

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

@@ -41,6 +41,7 @@ export declare type JRCFormFieldRendererProps<T extends FieldValues = FieldValue
     rulesValidate?: RegisterOptions<T>['validate'];
     margin?: string | undefined;
     width?: string | undefined;
+    readOnly?: boolean;
 };
 /**
  * Prop types for an input rendered by react-hook-form
@@ -50,4 +51,5 @@ export declare type JRCInputFieldProps<T extends FieldValues = FieldValues> = Fi
     rulesValidate?: RegisterOptions<T>['validate'];
     margin?: string | undefined;
     width?: string | undefined;
+    readOnly?: boolean;
 };

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

@@ -1,4 +1,4 @@
+import * as React from 'react';
 import { FormInputProps } from '../JRCFormFieldRender';
-export declare const JRCCheckbox: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
-    type: "checkbox";
-} & FormInputProps, "type">;
+export declare const CheckboxWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCCheckbox: React.ForwardRefExoticComponent<FormInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,4 +1,4 @@
+import * as React from 'react';
 import { FormInputProps } from '../JRCFormFieldRender';
-export declare const JRCRadio: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
-    type: "radio";
-} & FormInputProps, "type">;
+export declare const RadioWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCRadio: React.ForwardRefExoticComponent<FormInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,6 +1,3 @@
 import * as React from 'react';
 import { FormInputProps } from '../JRCFormFieldRender';
-/**
- * @deprecated use JRCInputCheckbox instead
- */
 export declare const JRCToggle: React.ForwardRefExoticComponent<FormInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -55,6 +55,7 @@ export interface ExternalFormFieldRenderProps {
 export declare type InputState = DataCy & {
     error?: boolean;
     valid?: boolean;
+    readOnly?: boolean;
 };
 export declare const StyledDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     size: string;

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

@@ -19,7 +19,7 @@ export interface JRCFormInputFileFieldProps extends React.ComponentPropsWithoutR
     limit?: number;
     token?: string;
     multiple?: boolean;
-    accept?: 'image/png' | 'image/jpg' | 'image/png, image/jpg' | 'image/png, image/jpeg, image/jpg' | 'image/pdf' | 'image/doc' | 'image/pdf, image/doc';
+    accept?: 'image/png' | 'image/jpg' | 'image/png, image/jpg' | 'image/png, image/jpeg, image/jpg' | 'image/pdf' | 'image/doc' | 'image/pdf, image/doc' | 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.oasis.opendocument.spreadsheet,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.oasis.opendocument.text,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.oasis.opendocument.presentation';
     input?: WrappedFieldInputProps;
     onUploadSuccess?: (response: FileResponse) => void;
     onDeleteSuccess?: (index: number) => void;

package/build/src/components/Form/Input/JRCFormRichText/JRCFormRichEditorField.styles.d.ts

@@ -12,4 +12,5 @@ export declare function FontSizeSelect(props: {
 export declare const FixedMenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const MenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Spacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ReadOnlyBorder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare function SimpleInputColor(props: React.ComponentPropsWithoutRef<'input'>): JSX.Element;

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

@@ -24,6 +24,7 @@ export declare type FormRichTextFieldProps = {
     onFocus: EventHandler<React.FocusEvent>;
     onBlur: EventOrValueHandler<React.FocusEvent>;
     onChange: (value: RichTextValue) => void;
+    readOnly?: boolean;
 } & DataCy;
 /**
  * This component is used with redux-form (studio) and with react-hook-form!!
@@ -35,6 +36,7 @@ export declare const FormRichTextField: React.ForwardRefExoticComponent<{
     onFocus: EventHandler<React.FocusEvent>;
     onBlur: EventOrValueHandler<React.FocusEvent>;
     onChange: (value: RichTextValue) => void;
+    readOnly?: boolean | undefined;
 } & DataCy & {
     inplace?: boolean | undefined;
     isComponentVisible?: boolean | undefined;

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

@@ -14,6 +14,7 @@ export interface TextareaFormInputProps extends Omit<React.ComponentPropsWithout
 export declare const JRCFormTextarea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, import("../../../../types/dataAttributes").DataCy & {
     error?: boolean | undefined;
     valid?: boolean | undefined;
+    readOnly?: boolean | undefined;
 }, never>;
 /**
  * Component used as a textarea

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
 import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
@@ -22,11 +22,14 @@ export declare type CheckboxProps<TFieldValues> = DataCy & {
     valueTypeIsBoolean?: boolean;
     setOptionsChecked?: (string | number | TFieldValues)[] | undefined;
     getOptionsChecked?: (options: (string | number | TFieldValues)[] | undefined) => void;
+    readOnly?: boolean;
+    getReadOnlyLabel?: (value: TFieldValues) => React.ReactNode;
 };
 export declare type JRCInputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
 export declare type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & Omit<ControllerRenderProps<TFieldValues>, 'value'> & {
     value: TFieldValues | TFieldValues[];
 };
+export declare const ReadOnlyUl: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
 export declare function JRCInputCheckbox<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, ...props }: JRCInputCheckboxProps<TFieldValues>): JSX.Element;
 export declare namespace JRCInputCheckbox {
     var defaultProps: {

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

@@ -0,0 +1 @@
+export declare function getNewValue<Value>(value: number[] | string[] | Value[] | undefined, optionValue: string | number | Value, checked: boolean): (string | number | Value)[] | undefined;

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { ControllerRenderProps } from 'react-hook-form/dist/types/controller';
+import { DataCy } from '../../../../types/dataAttributes';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { FieldValues } from 'react-hook-form/dist/types';
+declare type CheckboxOption<TFieldValues> = {
+    label: string | JSX.Element;
+    value: string | number | TFieldValues;
+};
+export declare type CheckboxProps<TFieldValues> = DataCy & {
+    options: Array<CheckboxOption<TFieldValues>>;
+    readOnly?: boolean;
+    getLabel?: (option: CheckboxOption<TFieldValues>) => React.ReactNode;
+    canReorder?: boolean;
+};
+export declare type JRCInputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
+export declare type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & Omit<ControllerRenderProps<TFieldValues>, 'value'> & {
+    value: TFieldValues[];
+};
+export declare function JRCInputReorderCheckbox<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, margin, ...props }: JRCInputCheckboxProps<TFieldValues>): JSX.Element;
+export {};

package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputReorderCheckbox.stories.d.ts

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

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

@@ -15,7 +15,11 @@ export declare type NativeInputImageProps = DataCy & Omit<React.ComponentPropsWi
         position?: 'right' | 'bottom';
         columnCount: number;
     };
-    value: undefined | FileResponse;
+    readOnly?: boolean;
+    readOnlyImg?: string;
+    value: undefined | (FileResponse & {
+        timestamp?: string | number;
+    });
     onChange: (files: undefined | FileResponse) => void;
 };
 export declare type JRCInputImageProps<T extends FieldValues = FieldValues> = JRCInputFieldProps<T> & Omit<NativeInputImageProps, 'value' | 'onChange'>;

package/build/src/components/Form/Input/JRCInputImage/JRCInputImage.styles.d.ts

@@ -6,6 +6,7 @@ export declare const DropZone: import("styled-components").StyledComponent<"div"
     position?: "right" | "bottom" | undefined;
     columnCount: number;
 }, never>;
+export declare const ReadOnlyImg: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
 export declare const DropZoneButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     aspectRatio?: number | undefined;
 }, never>;

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

@@ -5,6 +5,9 @@ import { FieldValues } from 'react-hook-form/dist/types';
 export declare type JRCInputTextProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
     width?: string;
 };
+export declare const RenderInput: React.ForwardRefExoticComponent<DataCy & Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    width?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
 /**
  * Component used as a <input type="text"/>
  * @param props JRCInputFieldProps

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
@@ -6,3 +7,4 @@ export declare const InputText: Story<JRCInputFieldProps<{
     text: string;
 }>>;
 export declare const InputTextIconButton: any;
+export declare const AllInputs: () => JSX.Element;

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

@@ -27,11 +27,13 @@ export declare const IconAfter: import("styled-components").StyledComponent<{
 export declare const InputIconButton: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("../../../../types/dataAttributes").DataCy & {
     error?: boolean | undefined;
     valid?: boolean | undefined;
+    readOnly?: boolean | undefined;
 } & {
     hasIconButtonAfter: boolean;
 }, never>;
 export declare const InputTextStyled: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("../../../../types/dataAttributes").DataCy & {
     error?: boolean | undefined;
     valid?: boolean | undefined;
+    readOnly?: boolean | undefined;
 }, never>;
 export declare const ContainerInputTextIconButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -6,6 +6,7 @@ export declare type JRCInputTextareaProps = DataCy & React.ComponentPropsWithout
 export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, DataCy & {
     error?: boolean | undefined;
     valid?: boolean | undefined;
+    readOnly?: boolean | undefined;
 }, never>;
 /**
  * Component used as a <input type="text"/>

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
+import { DataCy } from '../../../../types/dataAttributes';
+import { FieldValues } from 'react-hook-form/dist/types';
+export declare type JRCInputUrlProps = DataCy & React.ComponentPropsWithoutRef<'input'> & {
+    width?: string;
+};
+export declare const RenderInput: React.ForwardRefExoticComponent<DataCy & Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    width?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Component used as a <input type="url"/>
+ * @param props JRCInputFieldProps
+ * validation props: required
+ * @returns JSX.Element
+ */
+export declare function JRCInputUrl<T extends FieldValues = FieldValues>(props: JRCInputFieldProps<T> & {
+    width?: string;
+}): JSX.Element;

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

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

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

@@ -296,8 +296,8 @@ export declare const FlexBoxTree: import("styled-components").StyledComponent<"d
     inline?: boolean | undefined;
     flex?: string | boolean | undefined;
     gap?: number | undefined;
-    x?: "center" | "flex-end" | "flex-start" | undefined;
-    y?: "center" | "flex-end" | "flex-start" | undefined;
+    x?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | undefined;
+    y?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | undefined;
     childFull?: boolean | undefined;
 }, never>;
 export declare const NoResult: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -308,8 +308,8 @@ export declare const NoOptionList: import("styled-components").StyledComponent<"
     inline?: boolean | undefined;
     flex?: string | boolean | undefined;
     gap?: number | undefined;
-    x?: "center" | "flex-end" | "flex-start" | undefined;
-    y?: "center" | "flex-end" | "flex-start" | undefined;
+    x?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | undefined;
+    y?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | undefined;
     childFull?: boolean | undefined;
 }, never>;
 export declare const IconBefore: import("styled-components").StyledComponent<({ color, variant, name, size, isMargin, className, }: import("../../../JRCIcon/JRCIcon").JRCIconProps) => JSX.Element, import("styled-components").DefaultTheme, {
@@ -317,8 +317,11 @@ export declare const IconBefore: import("styled-components").StyledComponent<({
     top?: number | undefined;
     height?: number | undefined;
 }, never>;
+export declare const TimesIndicator: ({ onClick }: {
+    onClick?: (() => void) | undefined;
+}) => JSX.Element;
 export declare const DropdownIndicator: ({ loading, open, onClick, }: {
     loading: boolean;
     open: boolean;
-    onClick: () => void;
+    onClick?: (() => void) | undefined;
 }) => JSX.Element;

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

@@ -24,6 +24,7 @@ export declare type SelectProps = DataCy & {
     getLabel?: ((option: any) => any) | string;
     getValue?: ((option: any) => any) | string;
     disabled?: boolean;
+    readOnly?: boolean;
     placeholder?: string;
     searchable?: boolean;
     getSearch?: ((option: any) => any) | string;
@@ -32,6 +33,7 @@ export declare type SelectProps = DataCy & {
     views?: Array<'folder' | 'user' | 'group' | 'community'>;
     onConfirm?: (values: any) => void;
     hideSelectedOption?: boolean;
+    hideDeleteIcon?: boolean;
     displayOption?: boolean;
     displayIndicator?: boolean;
     getOptionsSelected?: (options: any) => void;

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

@@ -18,6 +18,7 @@ export declare const JRCInputSelectHierarchicalTree: React.ForwardRefExoticCompo
     rulesValidate?: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>> | undefined;
     margin?: string | undefined;
     width?: string | undefined;
+    readOnly?: boolean | undefined;
 } & import("../../../../types/dataAttributes").DataCy & {
     options?: any[] | undefined;
     asyncPromise?: ((inputValue: string, page?: number | undefined) => Promise<any[]>) | undefined;
@@ -25,6 +26,7 @@ export declare const JRCInputSelectHierarchicalTree: React.ForwardRefExoticCompo
     getLabel?: string | ((option: any) => any) | undefined;
     getValue?: string | ((option: any) => any) | undefined;
     disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
     placeholder?: string | undefined;
     searchable?: boolean | undefined;
     getSearch?: string | ((option: any) => any) | undefined;
@@ -33,6 +35,7 @@ export declare const JRCInputSelectHierarchicalTree: React.ForwardRefExoticCompo
     views?: ("group" | "user" | "folder" | "community")[] | undefined;
     onConfirm?: ((values: any) => void) | undefined;
     hideSelectedOption?: boolean | undefined;
+    hideDeleteIcon?: boolean | undefined;
     displayOption?: boolean | undefined;
     displayIndicator?: boolean | undefined;
     getOptionsSelected?: ((options: any) => void) | undefined;

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

@@ -10,11 +10,13 @@ export declare type IconsProps = {
 export declare const cssCommonStyledInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<DataCy & {
     error?: boolean | undefined;
     valid?: boolean | undefined;
+    readOnly?: boolean | undefined;
 } & 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;
 }, never>;
 export declare type StyledSelectProps = DataCy & IconsProps & {
     searchable?: boolean;
@@ -22,6 +24,7 @@ export declare type StyledSelectProps = DataCy & IconsProps & {
 export declare const StyledSelect: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, DataCy & {
     error?: boolean | undefined;
     valid?: boolean | undefined;
+    readOnly?: boolean | undefined;
 } & IconsProps & {
     searchable?: boolean | undefined;
 }, never>;

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

@@ -26,5 +26,6 @@ export declare type JRCAvatarProps = Omit<JRCImgProps, 'size' | 'width' | 'heigh
     cssColor?: string;
     iconWhite?: boolean;
     alt?: string;
+    onLoad?: () => void;
 };
 export declare const JRCAvatar: (props: JRCAvatarProps) => JSX.Element;

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

@@ -6,7 +6,7 @@ import { Colors, Shades } from 'styles/theme';
  * @member fileName name of download file
  */
 export interface JRCButtonDownloadProps extends JRCButtonProps {
-    content: object | string;
+    data: object | string;
     isIconButton?: boolean;
     fileName?: string;
     iconColor?: Colors | Shades | 'inherit';
@@ -17,4 +17,4 @@ export interface JRCButtonDownloadProps extends JRCButtonProps {
  * @param {label, action?, color?, variant?} props, @see JRCButtonDropdownProps
  * @returns JSX.Element
  */
-export declare const JRCButtonDownload: ({ icon, iconColor, isIconButton, content, fileName, ...props }: JRCButtonDownloadProps) => JSX.Element;
+export declare const JRCButtonDownload: ({ icon, iconColor, isIconButton, data, fileName, ...props }: JRCButtonDownloadProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { JRCFileProps } from './types';
+export declare const JRCFile: ({ uri, mimetype, display }: JRCFileProps) => JSX.Element;

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

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

package/build/src/components/JRCFile/JRCFileApplication.d.ts

@@ -0,0 +1,2 @@
+import { JRCFileProps } from './types';
+export declare const JRCFileApplication: ({ mimetype }: JRCFileProps) => JSX.Element;

package/build/src/components/JRCFile/JRCFileAudio.d.ts

@@ -0,0 +1,2 @@
+import { JRCFileProps } from './types';
+export declare const JRCFileAudio: ({ uri, mimetype, display }: JRCFileProps) => JSX.Element;

package/build/src/components/JRCFile/JRCFileAvatar.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { JRCFileProps } from './types';
+export declare const CSSFile: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    size: number;
+    backgroundColor: string;
+}, never>;
+export declare const JRCFileAvatar: ({ uri, size, mimetype }: JRCFileProps) => JSX.Element;

package/build/src/components/JRCFile/JRCFileImage.d.ts

@@ -0,0 +1,13 @@
+import { JRCFileProps } from './types';
+export declare const BackgroundImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    uri: string;
+}, never>;
+export declare const Image: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+    maxWidth: number;
+    maxHeight: number;
+}, never>;
+export declare const JRCFileImage: ({ uri, size, mimetype, display }: JRCFileProps) => JSX.Element;
+export declare const Img: ({ uri, size }: {
+    uri: string;
+    size: number | undefined;
+}) => JSX.Element;

package/build/src/components/JRCFile/JRCFileVideo.d.ts

@@ -0,0 +1,2 @@
+import { JRCFileProps } from './types';
+export declare const JRCFileVideo: ({ uri, mimetype, display }: JRCFileProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+export declare type JRCFileProps = {
+    uri?: string;
+    mimetype: string;
+    size?: number;
+    display?: 'default' | 'avatar';
+};

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

@@ -0,0 +1,2 @@
+import { JRCFileViewerProps, JRCFileViewerFileProps } from './types';
+export declare const JRCFileViewer: <T extends JRCFileViewerFileProps>({ files, children, openWithOptions, _DEBUG, }: JRCFileViewerProps<T>) => JSX.Element;

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

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

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

@@ -0,0 +1,16 @@
+export declare const CSSFileViewer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerHeaderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerContentAudio: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerApplicationContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerApplicationContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerOptions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerContentImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerContentVideo: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerImageBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    uri: string;
+}, never>;
+export declare const CSSFileViewerArrowsButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSFileViewerArrows: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/JRCFileViewer/JRCFileViewerArrows.d.ts

@@ -0,0 +1,3 @@
+export declare const JRCFileViewerArrows: ({ onRelease }: {
+    onRelease: (direction: string) => void;
+}) => JSX.Element;

package/build/src/components/JRCFileViewer/JRCFileViewerContent.d.ts

@@ -0,0 +1,8 @@
+import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionsType } from './types';
+declare type JRCFileViewerContentProps = {
+    file: JRCFileViewerFileProps;
+    openWithOptions: JRCFileViewerOpenWithOptionsType;
+    _DEBUG: boolean;
+};
+export declare const JRCFileViewerContent: ({ file, openWithOptions }: JRCFileViewerContentProps) => JSX.Element;
+export {};

package/build/src/components/JRCFileViewer/JRCFileViewerContentApplication.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionType } from './types';
+declare type JRCFileViewerContentApplicationProps = {
+    file?: JRCFileViewerFileProps;
+    options?: JRCFileViewerOpenWithOptionType[];
+    children: React.ReactNode;
+};
+export declare const JRCFileViewerContentApplication: ({ file, options, children }: JRCFileViewerContentApplicationProps) => JSX.Element;
+export {};

package/build/src/components/JRCFileViewer/JRCFileViewerContentAudio.d.ts

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

package/build/src/components/JRCFileViewer/JRCFileViewerContentImage.d.ts

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

package/build/src/components/JRCFileViewer/JRCFileViewerContentVideo.d.ts

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

package/build/src/components/JRCFileViewer/JRCFileViewerOpenWithOptions.d.ts

@@ -0,0 +1,7 @@
+import { JRCFileViewerFileProps, JRCFileViewerOpenWithOptionType } from './types';
+declare type JRCFileViewerOpenWithOptionsProps = {
+    file: JRCFileViewerFileProps;
+    options: JRCFileViewerOpenWithOptionType[];
+};
+export declare const JRCFileViewerOpenWithOptions: ({ file, options }: JRCFileViewerOpenWithOptionsProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare type JRCFileViewerProps<T> = {
+    files: T[];
+    openWithOptions: JRCFileViewerOpenWithOptionsType;
+    children(setIndex: (idFile: number) => void): React.ReactElement<HTMLElement>;
+    _DEBUG: boolean;
+};
+export declare type JRCFileViewerFileProps = {
+    id: number;
+    type: string;
+    mimetype: string;
+    title: string;
+    uri?: string;
+};
+export declare type JRCFileViewerOpenWithOptionsType = Record<string, JRCFileViewerOpenWithOptionType[]>;
+export declare type JRCFileViewerOpenWithOptionType = {
+    label: string;
+    onClick: (item: JRCFileViewerFileProps | undefined) => void;
+};

package/build/src/components/JRCFileViewer/utils.d.ts

@@ -0,0 +1,4 @@
+import { JRCFileViewerFileProps } from './types';
+export declare function videoUrl(file: JRCFileViewerFileProps): string;
+export declare function audioUrl(file: JRCFileViewerFileProps): string;
+export declare function imageUrl(file: JRCFileViewerFileProps, size?: string): string;

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

@@ -4,8 +4,8 @@ declare type FlexBoxProps = Omit<FastCssProps, 'display'> & {
     inline?: boolean;
     flex?: boolean | string;
     gap?: number;
-    x?: 'flex-start' | 'center' | 'flex-end';
-    y?: 'flex-start' | 'center' | 'flex-end';
+    x?: 'flex-start' | 'center' | 'flex-end' | 'space-around' | 'space-between' | 'space-evenly';
+    y?: 'flex-start' | 'center' | 'flex-end' | 'space-around' | 'space-between' | 'space-evenly';
     childFull?: boolean;
 };
 export declare const JRCFlexBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<FastCssProps, "display"> & {
@@ -13,8 +13,8 @@ export declare const JRCFlexBox: import("styled-components").StyledComponent<"di
     inline?: boolean | undefined;
     flex?: string | boolean | undefined;
     gap?: number | undefined;
-    x?: "center" | "flex-end" | "flex-start" | undefined;
-    y?: "center" | "flex-end" | "flex-start" | undefined;
+    x?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | undefined;
+    y?: "space-around" | "space-between" | "space-evenly" | "center" | "flex-end" | "flex-start" | undefined;
     childFull?: boolean | undefined;
 }, never>;
 export declare type JRCFlexBoxProps = FlexBoxProps & {

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

@@ -31,5 +31,7 @@ export declare type JRCImgProps = ImgUrlProps & {
     loading?: 'eager' | 'lazy';
     alt: string;
     className?: string;
+    onError?: () => void;
+    onLoad?: () => void;
 };
 export declare const JRCImg: (props: JRCImgProps) => JSX.Element;

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

@@ -44,6 +44,7 @@ export interface JRCModalProps {
     radius?: ModalBorderRadius;
     isFull?: boolean;
     isFullHeight?: boolean;
+    isFullScreen?: boolean;
     modalOptions?: ReactNode;
     portalId?: string;
     inPlace?: boolean;

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

@@ -2,7 +2,9 @@ export declare type ModalBorderRadius = 'medium' | 'small';
 export declare const JRCModalBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFullHeight?: boolean | undefined;
 }, never>;
-export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isFullScreen?: boolean | undefined;
+}, never>;
 export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFullHeight?: boolean | undefined;
     overflow?: "hidden" | undefined;

package/build/src/components/Widgets/components/Attachment.d.ts

@@ -1,5 +1,5 @@
 import { WidgetFileType } from 'jamespot-user-api';
-export declare const CSSAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSAttachment: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSAttachmentImage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number;
     height: number;