jamespot-react-components 1.2.53 → 1.2.55

package/build/src/components/Beta/BETA_JRCDoubleClick/BETA_JRCDoubleClick.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
-export type BETA_JRCDoubleClickProps = {
+type BETA_JRCDoubleClickProps = {
     children: ReactNode;
     onDoubleTap: () => void;
     onDoubleTapMsDelay?: number;
 };
 export declare const BETA_JRCDoubleClick: ({ children, onDoubleTap, onDoubleTapMsDelay }: BETA_JRCDoubleClickProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/src/components/Beta/BETA_JRCDragAndDrop/BETA_JRCDragAndDrop.d.ts

@@ -4,5 +4,6 @@ export type JRCDragAndDropProps<T> = {
     renderEl: (el: T, index: number) => ReactNode;
     onDrag: (dragIndex: number, hoverIndex: number) => void;
     onDrop?: (dragIndex: number, hoverIndex: number) => void;
+    isFullWidth?: boolean;
 };
-export declare const BETA_JRCDragAndDrop: <T>({ elms, renderEl, onDrag, onDrop }: JRCDragAndDropProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const BETA_JRCDragAndDrop: <T>({ elms, renderEl, onDrag, onDrop, isFullWidth, }: JRCDragAndDropProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,2 @@
 export declare const BorderRadiusRight: import("styled-components").FlattenSimpleInterpolation;
 export declare const BorderRadiusLeft: import("styled-components").FlattenSimpleInterpolation;
-export declare const BorderRadiusTop: import("styled-components").FlattenSimpleInterpolation;
-export declare const BorderRadiusBottom: import("styled-components").FlattenSimpleInterpolation;

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

@@ -7,7 +7,7 @@ export interface JRCConditionalWrapperProps {
     children?: ReactNode;
 }
 export declare const JRCConditionalWrapper: ({ condition, wrapper, wrapperFalse, children }: JRCConditionalWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export interface JRCConditionalTooltipProps {
+interface JRCConditionalTooltipProps {
     condition?: boolean;
     hasLicense?: boolean;
     tooltip?: Omit<JRCTooltipProps, 'children'>;
@@ -15,3 +15,4 @@ export interface JRCConditionalTooltipProps {
     className?: string;
 }
 export declare const JRCConditionalTooltip: ({ condition, hasLicense, tooltip, children, className, }: JRCConditionalTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/src/components/Drives/Dropbox/DropboxDocuments.d.ts

@@ -1,5 +1,4 @@
 import { DropboxDocumentEntity, JDriveApi } from 'jamespot-user-api';
-export declare const LoaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 type DropboxDocumentsProps = {
     path: string;
     initialFolderColor?: string;

package/build/src/components/Drives/MicrosoftGraph/MSGraphGroups.d.ts

@@ -1,6 +1,4 @@
 import { JDriveApi, MSGroupEntity } from 'jamespot-user-api';
-export declare const CSSSearchAndFilters: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSSearch: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const LoaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 type MSGraphGroupsProps = {
     useFilter: boolean;

package/build/src/components/Drives/components/DriveAccountHeader.d.ts

@@ -1,6 +1,6 @@
 import { DriveAccount, JDriveApi } from 'jamespot-user-api';
 import { DriveService } from '../drive.types';
-export type DriveAccountHeaderProps = {
+type DriveAccountHeaderProps = {
     accounts?: DriveAccount[];
     activeAccount?: DriveAccount;
     isLogged: boolean;
@@ -16,3 +16,4 @@ export type DriveAccountHeaderProps = {
     onError?: (code: string) => void;
 };
 export declare const DriveAccountHeader: ({ accounts, activeAccount, onLogout, onLogin, onSetDefaultAccount, handlers, isLogged, onLoginError, service, description, onError, }: DriveAccountHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/src/components/Drives/components/DriveIsEmpty.d.ts

@@ -1,2 +1 @@
-export declare const CSSIsEmpty: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const DriveIsEmpty: () => import("react/jsx-runtime").JSX.Element;

package/build/src/components/Drives/components/EntityItem.d.ts

@@ -1,7 +1,6 @@
 import { DropboxDocumentEntity, MSUnifiedEntity } from 'jamespot-user-api';
 export declare const CSSEntity: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSEntityAvatar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSEntityAvatarHover: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const EntityItem: <T extends MSUnifiedEntity | DropboxDocumentEntity>({ entity, initialFolderColor, useNavigation, onSelect, onSelectDocument, onSelectMultiDocument, onClick, }: {
     entity: T;
     initialFolderColor?: string;

package/build/src/components/Drives/components/EntityItemTitle.d.ts

@@ -1,5 +1,3 @@
-export declare const CSSTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSTitleA: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
 export declare const EntityItemTitle: ({ title, type, url, useNavigation, onClick, }: {
     title: string;
     type: string;

package/build/src/components/Drives/hooks.d.ts

@@ -1,4 +1,4 @@
-import { ApiWrapper, MSGroupEntity, JDriveApi } from 'jamespot-user-api';
+import { JDriveApi } from 'jamespot-user-api';
 type ErrorType = {
     error: number;
     errorMsg: string;
@@ -24,19 +24,4 @@ export declare function useTenants({ handlers, id }: {
     }[];
     error: ErrorType | undefined;
 };
-/**
- * This is only used inside App365. if you need to use it outside of this component, consider making it a slice
- */
-export declare function useGroups({ request, }: {
-    request: (query?: string, filter?: string) => Promise<ApiWrapper<MSGroupEntity[]>>;
-}): {
-    loading: boolean;
-    entities: {
-        id: string;
-        type: string;
-        title: string;
-        visibility?: "public" | "private" | undefined;
-    }[];
-    error: ErrorType | undefined;
-};
 export {};

package/build/src/components/Editors/components/EditorButtonToggle.d.ts

@@ -0,0 +1,10 @@
+import { Sizes, ToggleListOption, ToggleValues } from '../../Form/Input/JRCInputCheckbox/JRCInputToggle';
+export declare const EditorButtonToggle: ({ name, label, initialValue, description, options, onChange, size, }: {
+    name?: string;
+    label?: string;
+    initialValue: ToggleValues;
+    description?: string;
+    options: ToggleListOption[];
+    onChange: (value: ToggleValues | undefined) => void;
+    size?: Sizes;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/Editors/components/EditorCheckbox.d.ts

@@ -1,4 +1,3 @@
-export declare const CSSCheckboxWrapper: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export declare const EditorCheckbox: ({ initialValue, isDisabled, onChange, }: {
     initialValue: boolean | undefined;
     isDisabled?: boolean;

package/build/src/components/Editors/components/EditorColorPicker.d.ts

@@ -1,4 +1,3 @@
-export declare const CSSJRCColorPicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const EditorColorPicker: ({ initialValue, onChange, }: {
     colors?: string[];
     initialValue?: string;

package/build/src/components/Editors/components/EditorInput.d.ts

@@ -1,4 +1,3 @@
-export declare const CSSInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const EditorInput: ({ label, placeholder, initialValue, onChange, }: {
     label: string;
     placeholder?: string;

package/build/src/components/Editors/components/EditorInputCheckbox.d.ts

@@ -1,4 +1,3 @@
-export declare const CSSInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const EditorInputCheckbox: ({ label, initialValue, options, onChange, }: {
     label: string;
     initialValue: string[];

package/build/src/components/Editors/components/EditorSelect.d.ts

@@ -1,8 +1,8 @@
-export type EditorSelectOption = {
+type EditorSelectOption = {
     label: string;
     value: string;
 };
-export type EditorSelectOptions = EditorSelectOption[];
+type EditorSelectOptions = EditorSelectOption[];
 export declare const EditorSelect: <T extends string>({ label, options, initialValue, required, onChange, }: {
     label: string;
     options: EditorSelectOptions;
@@ -10,3 +10,4 @@ export declare const EditorSelect: <T extends string>({ label, options, initialV
     required?: boolean;
     onChange: (value: T) => void;
 }) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,8 +1,8 @@
 import { FastCssProps } from '../../Common/FastCss';
 import { HTMLAttributes, ElementType } from 'react';
-export type MouseEvents = 'click' | 'mousedown' | 'mouseup';
-export type TouchEvents = 'touchstart' | 'touchend';
-export type ClickAwayListenerProps = HTMLAttributes<HTMLElement> & FastCssProps & {
+type MouseEvents = 'click' | 'mousedown' | 'mouseup';
+type TouchEvents = 'touchstart' | 'touchend';
+type ClickAwayListenerProps = HTMLAttributes<HTMLElement> & FastCssProps & {
     onClickAway: (event: MouseEvent | TouchEvent) => void;
     mouseEvent?: MouseEvents;
     touchEvent?: TouchEvents;
@@ -14,3 +14,4 @@ export type ClickAwayListenerProps = HTMLAttributes<HTMLElement> & FastCssProps
  * Listen to outer mouse & touch events and call the onClickAway callback
  */
 export declare const ClickAwayListener: ({ as, onClickAway, mouseEvent, touchEvent, ...props }: ClickAwayListenerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -5,7 +5,7 @@ import { JRCTooltipProps } from '../../JRCTooltip/types';
  * @member tooltip, content of the tooltip (required)
  * @member color, icon helper color (should be grey3 when unfocused, yellow when focused)
  */
-export type HelperProps = {
+type HelperProps = {
     tooltip: Omit<JRCTooltipProps, 'children'>;
     color: Colors;
     size?: number;

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

@@ -8,7 +8,7 @@ import { ComponentPropsWithoutRef } from 'react';
  * @member htmlFor, html property for [required if not a legend]
  * @member labelIsLegend if the label should be a <legend> instead of a <label> (in case of a multi-input usually)
  */
-export interface JRCFormLabelProps extends ComponentPropsWithoutRef<'label'> {
+interface JRCFormLabelProps extends ComponentPropsWithoutRef<'label'> {
     htmlFor?: string;
     labelIsLegend?: boolean;
     sideMargin?: string | undefined;

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

@@ -5,13 +5,10 @@
  * @member warning message specifying a warning
  * @member valid message specifying a validation
  */
-export interface FormMessageFeedbackProps {
+interface FormMessageFeedbackProps {
     error: string;
     warning: string;
     valid?: string;
 }
-export declare const StyledError: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledWarning: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledValid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 declare const FormMessageFeedback: (props: FormMessageFeedbackProps) => import("react/jsx-runtime").JSX.Element;
 export default FormMessageFeedback;

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

@@ -1,3 +1,6 @@
 import { JRCFormFieldRendererProps } from './JRCFormFieldRenderer.types';
 import { FieldValues } from 'react-hook-form';
+export declare const StyledDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    size: string;
+} & import("../../../JRCTypo/JRCTypo").JRCTextProps, "size">;
 export declare function JRCFormFieldRenderer<TFieldValues extends FieldValues = FieldValues>(props: JRCFormFieldRendererProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;

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

@@ -12,7 +12,7 @@ import { FormControls, JRCFormControls } from './useFormControls';
  * @member helper, tooltip, part of the html label
  * @member className,
  */
-export interface FieldRenderProps extends DataCy {
+interface FieldRenderProps extends DataCy {
     label?: string;
     htmlFor?: string;
     placeholder?: string;
@@ -28,7 +28,7 @@ export type NameControl<T extends FieldValues = FieldValues> = Required<Pick<Use
 /**
  * Renderer Props
  */
-export interface RendererProps<T extends FieldValues = FieldValues> {
+interface RendererProps<T extends FieldValues = FieldValues> {
     renderFunction: (props: ControllerRenderProps<T>) => JSX.Element;
 }
 /**
@@ -61,3 +61,4 @@ export type JRCInputFieldProps<T extends FieldValues = FieldValues> = FieldRende
     srOnly?: string;
     id?: string;
 };
+export {};

package/build/src/components/Form/Input/Common/useFormControls.d.ts

@@ -1,30 +1,14 @@
-import { ReactNode } from 'react';
-import { RegisterOptions, ValidationRule, ValidationValue } from 'react-hook-form';
+import { RegisterOptions, ValidationRule } from 'react-hook-form';
 import { IntlShape } from 'react-intl/src/types';
-export type AllowedDefaultTypes = 'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern';
+type AllowedDefaultTypes = 'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern';
 export type FormControls = Pick<RegisterOptions, AllowedDefaultTypes>;
 export type JRCFormControls = {
     email?: ValidationRule<boolean>;
 };
-export type AllowedTypes = AllowedDefaultTypes | keyof JRCFormControls;
 /**
  * Produces a react-hook-form compatible validation object with default messages for each error type
  * @param rules rules applied to the field
  * @param intl translation object
  */
 export declare const useFormControls: (rules: (FormControls & JRCFormControls) | undefined, intl: IntlShape) => FormControls | undefined;
-type getJRCErrorsReturnType = [
-    AllowedTypes,
-    {
-        value: ValidationValue;
-        message: string | ReactNode;
-    }
-];
-/**
- * Produces a react-hook-form compatible validation object with default messages for each error type
- * @param rule rule applied to the field
- * @param validation validation object
- * @param intl translation object
- */
-export declare const getJRCErrors: (rule: AllowedTypes, validation: ValidationRule, intl: IntlShape) => getJRCErrorsReturnType | undefined;
 export {};

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

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from 'react';
+/**
+ * Basic input props, without the possibility to override the type
+ */
+export interface FormInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'type'> {
+}

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

@@ -4,11 +4,6 @@ import { DataCy } from '../../../../types/dataAttributes';
 import { PartialBy } from '../../../../types/utils';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
 export declare const ReadOnlyBorder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const DirectionContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    direction?: string;
-    variant?: string;
-    noMargin?: boolean;
-}, never>;
 type CheckboxOption<TFieldValues> = {
     label: string | JSX.Element;
     value: string | number | TFieldValues;
@@ -16,7 +11,7 @@ type CheckboxOption<TFieldValues> = {
     recommended?: boolean;
     description?: string;
 };
-export type CheckboxProps<TFieldValues> = DataCy & {
+type CheckboxProps<TFieldValues> = DataCy & {
     disabled?: boolean;
     checkboxMode?: 'checkbox' | 'toggle' | 'radio';
     options: Array<CheckboxOption<TFieldValues>>;
@@ -33,15 +28,14 @@ export type CheckboxProps<TFieldValues> = DataCy & {
     getReadOnlyLabel?: (value: TFieldValues) => ReactNode;
     limit?: number;
 };
-export type JRCInputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
-export type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & PartialBy<Omit<ControllerRenderProps<TFieldValues>, 'value' | 'ref'>, 'onBlur'> & {
+type JRCInputCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & JRCInputFieldProps<TFieldValues>;
+type NativeCheckboxProps<TFieldValues extends FieldValues = FieldValues> = CheckboxProps<TFieldValues> & PartialBy<Omit<ControllerRenderProps<TFieldValues>, 'value' | 'ref'>, 'onBlur'> & {
     ref?: ForwardedRef<HTMLInputElement>;
 } & {
     value: TFieldValues | TFieldValues[];
     htmlFor?: string;
 };
 export declare const ReadOnlyUl: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const JRCInputCheckboxRaw: <T extends FieldValues = FieldValues>(props: NativeCheckboxProps<T> & {
     margin?: string;
 }) => JSX.Element;

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

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

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

@@ -4,14 +4,14 @@ import { DataCy } from '../../../../types/dataAttributes';
 import { ButtonColors } from '../../../JRCButton/types';
 import { JRCTooltipProps } from '../../../JRCTooltip/types';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-type Sizes = 's' | 'm';
-type ToggleValues = string | number | boolean;
-type ToggleListOption = {
+export type Sizes = 's' | 'm' | 'l';
+export type ToggleValues = string | number | boolean;
+export type ToggleListOption = {
     label: string | JSX.Element;
     value: ToggleValues;
     color?: ButtonColors;
 };
-export type ToggleProps = DataCy & {
+type ToggleProps = DataCy & {
     size?: Sizes;
     width?: string;
     disabled?: boolean;
@@ -24,6 +24,6 @@ export type ToggleRawProps<TFieldValues extends FieldValues = FieldValues> = Tog
     tooltip?: Omit<JRCTooltipProps, 'children'>;
 };
 export declare const JRCInputToggleRaw: <T extends FieldValues = FieldValues>(props: ToggleRawProps<T>) => JSX.Element;
-export type JRCInputToggleProps<TFieldValues extends FieldValues = FieldValues> = Omit<ToggleRawProps<TFieldValues>, 'value' | 'onChange'> & JRCInputFieldProps<TFieldValues>;
+type JRCInputToggleProps<TFieldValues extends FieldValues = FieldValues> = Omit<ToggleRawProps<TFieldValues>, 'value' | 'onChange'> & JRCInputFieldProps<TFieldValues>;
 export declare function JRCInputToggle<TFieldValues extends FieldValues = FieldValues>({ name, control, rules, label, htmlFor, labelIsLegend, description, helper, ...props }: JRCInputToggleProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,16 +1,18 @@
-import { CheckboxLabelProps } from './JRCFormCheckbox.types';
-import { ComponentPropsWithoutRef } from 'react';
-export declare const DirectionContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    direction?: string;
-    variant?: string;
-}, never>;
+type CheckboxLabelProps = {
+    $direction?: string;
+    $variant?: string;
+    $checked: boolean;
+    $disabled?: boolean;
+    $labelPosition?: string;
+    $backgroundOnHover?: boolean;
+    $backgroundOnSelect?: boolean;
+    $margin?: string;
+};
 export declare const FocusBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     variant?: "default" | "outlined";
 }, never>;
 export declare const CheckboxLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, CheckboxLabelProps, never>;
-export type CheckboxOrToggleProps = Omit<ComponentPropsWithoutRef<'input'>, 'type'> & {
-    checkboxMode?: string;
-};
 export declare const CheckboxOrToggle: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type"> & {
     checkboxMode?: string;
 } & import("react").RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -1,5 +1,2 @@
-import { FormInputProps } from '../../Deprecated/JRCFormFieldRender';
-export declare const CheckboxWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    disabled?: boolean;
-}, never>;
+import { FormInputProps } from '../Checkbox.type';
 export declare const JRCCheckbox: import("react").ForwardRefExoticComponent<FormInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,3 +1,2 @@
-import { FormInputProps } from '../../Deprecated/JRCFormFieldRender';
-export declare const RadioWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+import { FormInputProps } from '../Checkbox.type';
 export declare const JRCRadio: import("react").ForwardRefExoticComponent<FormInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,2 +1,2 @@
-import { FormInputProps } from '../../Deprecated/JRCFormFieldRender';
+import { FormInputProps } from '../Checkbox.type';
 export declare const JRCToggle: import("react").ForwardRefExoticComponent<FormInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/build/src/components/Form/Input/JRCInputColor/ColorPalette.d.ts

@@ -1,9 +1,4 @@
 import { ColorPaletteType } from './JRCInputColorRawProps';
-export declare const CSSColorBorder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const LockIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSColor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    color: string;
-}, never>;
 type ColorPaletteProps = {
     palette: ColorPaletteType;
     isLocked: boolean;

package/build/src/components/Form/Input/JRCInputColor/ColorPicker.d.ts

@@ -1,19 +1,3 @@
-export declare const CSSColorPickerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    width: number;
-    height: number;
-}, never>;
-export declare const CSSColorPickerBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    width: number;
-    height: number;
-    backgroundColor: string;
-}, never>;
-export declare const CSSColorPickerGrarientBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSColorPickerPicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    size: number;
-    backgroundColor: string;
-    top: number;
-    left: number;
-}, never>;
 type ColorPickerPaletteType = {
     name?: string;
     colors: string[];

package/build/src/components/Form/Input/JRCInputColor/ColorRange.d.ts

@@ -1,14 +1,3 @@
-export declare const CSSColorRangeWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSColorRangeBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    width: number;
-    height: number;
-}, never>;
-export declare const CSSColorRangePicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    size: number;
-    backgroundColor: string;
-    top: number;
-    left: number;
-}, never>;
 export declare const ColorRange: ({ width, hue, onChange, }: {
     width: number;
     hue: number;

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

@@ -4,7 +4,3 @@ export declare const CSSColorPicker: import("styled-components").StyledComponent
 export declare const CSSColorPickerIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSColorPickerLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSColorPickerExpand: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CSSInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    hue: string;
-    width: number;
-}, never>;

package/build/src/components/Form/Input/JRCInputColor/JRCInputColorRaw.d.ts

@@ -1,5 +1,2 @@
 import { JRCInputColorRawProps } from './JRCInputColorRawProps';
-export declare const CSSColorPickerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    expandPositionAbsolute?: boolean;
-}, never>;
 export declare const JRCInputColorRaw: (props: JRCInputColorRawProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/Form/Input/JRCInputColor/JRCInputColorRawProps.d.ts

@@ -2,7 +2,7 @@ export type ColorPaletteType = {
     name?: string;
     colors: string[];
 };
-export type JRCColorPickerPaletteType = {
+type JRCColorPickerPaletteType = {
     name?: string;
     colors: string[];
 };
@@ -19,3 +19,4 @@ export type Vector = {
     x: number;
     y: number;
 };
+export {};

package/build/src/components/Form/Input/{Deprecated/JRCFormFile/components → JRCInputFileAdvanced}/File.d.ts

@@ -1,5 +1,5 @@
 import { jFileLittle } from 'jamespot-user-api';
-import { FileWithId } from '../../../JRCInputFileAdvanced/types';
+import { FileWithId } from '../JRCInputFileAdvanced/types';
 export declare const File: ({ file, index, token, step, attrName, onUploadSuccess, onDeleteSuccess, }: {
     file: FileWithId;
     index: number;

package/build/src/components/Form/Input/JRCInputFileAdvanced/File.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const FileWrapper: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+    isLoading: boolean;
+}, never>;
+export declare const FileName: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileImage: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileRemove: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;

package/build/src/components/Form/Input/JRCInputFileAdvanced/JRCInputFileAdvancedRaw.d.ts

@@ -1,10 +1,6 @@
 import { Drive, JDriveApi, JFileApi, jFileLittle, Network } from 'jamespot-user-api';
 import { ComponentPropsWithoutRef } from 'react';
-import { WrappedFieldInputProps } from 'redux-form';
 import { FoldersHandlers } from '../../../JRCFolders/types';
-export type FileWithId = File & {
-    id?: string;
-};
 export type DriveOrFilebank = Drive | 'fileBank';
 export interface JRCInputFileAdavancedProps extends ComponentPropsWithoutRef<'input'> {
     required?: boolean;
@@ -16,7 +12,6 @@ export interface JRCInputFileAdavancedProps extends ComponentPropsWithoutRef<'in
     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' | '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: jFileLittle, token?: string) => void;
     network?: Pick<Network, 'token' | 'postFile' | 'getUrl'>;
     onDeleteSuccess?: (index: number) => void;

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

@@ -1,9 +1,5 @@
 import { FieldValues } from 'react-hook-form';
 import { JRCInputImageProps } from './types';
-export type DropZoneDimensions = {
-    width: number | string;
-    height: number | string;
-};
 /**
  * Component used as a <input type="file"/>
  * @param props JRCInputFieldProps

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

@@ -1,9 +1,5 @@
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { DataCy } from '../../../../types/dataAttributes';
 import { FieldValues } from 'react-hook-form';
-import { ComponentPropsWithoutRef } from 'react';
-export type JRCInputRangeProps = DataCy & ComponentPropsWithoutRef<'input'>;
-export declare const InputRange: import("react").ForwardRefExoticComponent<DataCy & Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 /**
  * Component used as a <input type="range"/>
  * @param props JRCInputFieldProps

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

@@ -1,5 +1,5 @@
 import { DataCy } from '../../../../types/dataAttributes';
-export type JRCInputSearchProps = {
+type JRCInputSearchProps = {
     onChange?: (v: string) => void;
     onClickSearch?: (v: string) => void;
     placeholder?: string;
@@ -7,3 +7,4 @@ export type JRCInputSearchProps = {
     loading?: boolean;
 } & DataCy;
 export declare const JRCInputSearchRaw: ({ onChange, placeholder, width, loading, onClickSearch, dataCy, }: JRCInputSearchProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,14 +1,6 @@
 import { FieldValues } from 'react-hook-form';
-import { DataCy } from '../../../../types/dataAttributes';
 import { JRCInputFieldProps } from '../Common/JRCFormFieldRenderer.types';
-import { ComponentPropsWithoutRef } from 'react';
-export type JRCInputTextProps = DataCy & Omit<ComponentPropsWithoutRef<'input'>, 'type'> & {
-    width?: string;
-};
 type AutoCompletePassword = 'on' | 'off' | 'current-password' | 'new-password';
-export declare const RenderPasswordInput: import("react").ForwardRefExoticComponent<DataCy & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type"> & {
-    width?: string;
-} & import("react").RefAttributes<HTMLInputElement>>;
 /**
  * Component used as a <input type="password"/>
  * @param props JRCInputFieldProps