@cfinnestad/react-form-builder 1.0.14 → 1.0.16

package/dist/esm/types/components/Errors/Errors.d.ts

@@ -1,7 +1,6 @@
-import { AnyItem } from "../Items";
 export type ErrorType = {
     [key: string]: string;
 };
 declare const Errors: () => ErrorType;
-export declare const GetError: (error: string, item: AnyItem, errors: ErrorType) => string | undefined;
+export declare const GetError: (error: string, item: object, errors: ErrorType) => string | undefined;
 export default Errors;

package/dist/esm/types/components/Items/GetValue.d.ts

@@ -1,3 +1,3 @@
 import { FieldItem, HiddenItem } from "./Items";
-declare const GetValue: (item: FieldItem | HiddenItem) => string | number | boolean | string[] | undefined;
+declare const GetValue: (item: FieldItem | HiddenItem) => string | number | boolean | string[] | File[] | undefined;
 export default GetValue;

package/dist/esm/types/components/Items/Items.d.ts

@@ -21,7 +21,7 @@ export type Options = {
     setItems: Dispatch<SetStateAction<AnyItem[]>>;
     setModal?: Dispatch<SetStateAction<boolean>>;
     Mode?: string;
-    getError: (error: string, item: AnyItem) => string | undefined;
+    getError: (error: string, item: any) => string | undefined;
     searchableOptions?: {
         [key: string]: (input?: string) => Promise<Option[]> | Option[];
     };
@@ -142,7 +142,7 @@ export type FieldItem = NamedItem & {
     custom?: {
         [key: string]: any;
     };
-    value?: string | number | string[] | boolean;
+    value?: string | number | string[] | boolean | File[];
     errorText?: string;
 };
 export type OptionSubtype = FieldItem & {
@@ -184,6 +184,15 @@ export type TextSubtype = FieldItem & {
     minLength?: number;
     maxLength?: number;
 };
+export type FileSubtype = FieldItem & {
+    label?: string;
+    subtype: 'File';
+    value?: File[];
+    maxFiles: number;
+    maxSizeBytes: number;
+    fileTypes?: string[];
+    content: string;
+};
 export type EmailSubtype = FieldItem & {
     label?: string;
     subtype: 'Email';
@@ -225,7 +234,7 @@ export type BooleanSubtype = FieldItem & {
     description: string;
     value?: boolean;
 };
-export type AnyItem = BaseItem | FieldItem | GroupItem | HTMLItem | HiddenItem | SelectSubtype | RadioSubtype | CheckboxSubtype | TextSubtype | EmailSubtype | NumberSubtype | DateSubtype | BooleanSubtype | PhoneSubtype | AutocompleteSubtype;
+export type AnyItem = BaseItem | FieldItem | GroupItem | HTMLItem | HiddenItem | SelectSubtype | RadioSubtype | CheckboxSubtype | TextSubtype | FileSubtype | EmailSubtype | NumberSubtype | DateSubtype | BooleanSubtype | PhoneSubtype | AutocompleteSubtype;
 export type ItemType = {
     Item: AnyItem;
     ItemFC: (props: ItemProps | HiddenProps | FieldProps | SubmitProps | HTMLProps | GroupProps) => JSX.Element;
@@ -282,6 +291,12 @@ export type TextType = FieldType & {
     EditFC: (props: TextProps) => JSX.Element;
     ValidateFC?: (item: TextSubtype, options: Options) => boolean;
 };
+export type FileType = FieldType & {
+    Subtype: FileSubtype;
+    SubtypeFC: (props: FileProps) => JSX.Element;
+    EditFC: (props: FileProps) => JSX.Element;
+    ValidateFC?: (item: FileSubtype, options: Options) => boolean;
+};
 export type EmailType = FieldType & {
     Subtype: EmailSubtype;
     SubtypeFC: (props: EmailProps) => JSX.Element;
@@ -318,7 +333,7 @@ export type PhoneType = FieldType & {
     EditFC: (props: PhoneProps) => JSX.Element;
     ValidateFC?: (item: PhoneSubtype, options: Options) => boolean;
 };
-export type AnyFieldType = SelectType | RadioType | CheckboxType | TextType | EmailType | NumberType | DateType | BooleanType | AutocompleteType | PhoneType;
+export type AnyFieldType = SelectType | RadioType | CheckboxType | TextType | FileType | EmailType | NumberType | DateType | BooleanType | AutocompleteType | PhoneType;
 export type BaseItemProps = {
     item: AnyItem;
     items: AnyItem[];
@@ -355,6 +370,9 @@ export type CheckboxProps = FieldProps & {
 export type TextProps = FieldProps & {
     item: TextSubtype;
 };
+export type FileProps = FieldProps & {
+    item: FileSubtype;
+};
 export type EmailProps = FieldProps & {
     item: EmailSubtype;
 };
@@ -383,6 +401,7 @@ export declare function isSelect(item: AnyItem): item is SelectSubtype;
 export declare function isRadio(item: AnyItem): item is RadioSubtype;
 export declare function isCheckbox(item: AnyItem): item is CheckboxSubtype;
 export declare function isText(item: AnyItem): item is TextSubtype;
+export declare function isFile(item: AnyItem): item is FileSubtype;
 export declare function isEmail(item: AnyItem): item is EmailSubtype;
 export declare function isNumber(item: AnyItem): item is NumberSubtype;
 export declare function isDate(item: AnyItem): item is DateSubtype;

package/dist/esm/types/components/Items/Subtypes/Text/index.d.ts

@@ -1,3 +1,3 @@
 export { default as TextST } from './TextST';
-export { default as TextEdit } from './TextEdit';
+export { default as TextEdit } from '../File/FileEdit';
 export { default as TextValidate } from './TextValidate';

package/dist/esm/types/shared/themes/TestTheme.d.ts

@@ -1 +1,14 @@
 export declare const TestTheme: import("@mui/material").Theme;
+declare module '@mui/material/styles' {
+    interface Palette {
+        custom: Palette['primary'];
+    }
+    interface PaletteOptions {
+        custom: PaletteOptions['primary'];
+    }
+}
+declare module '@mui/material/Button' {
+    interface ButtonPropsColorOverrides {
+        custom: true;
+    }
+}

package/dist/index.d.ts

@@ -35,7 +35,7 @@ type Options = {
     setItems: Dispatch<SetStateAction<AnyItem[]>>;
     setModal?: Dispatch<SetStateAction<boolean>>;
     Mode?: string;
-    getError: (error: string, item: AnyItem) => string | undefined;
+    getError: (error: string, item: any) => string | undefined;
     searchableOptions?: {
         [key: string]: (input?: string) => Promise<Option[]> | Option[];
     };
@@ -156,7 +156,7 @@ type FieldItem = NamedItem & {
     custom?: {
         [key: string]: any;
     };
-    value?: string | number | string[] | boolean;
+    value?: string | number | string[] | boolean | File[];
     errorText?: string;
 };
 type OptionSubtype = FieldItem & {
@@ -198,6 +198,15 @@ type TextSubtype = FieldItem & {
     minLength?: number;
     maxLength?: number;
 };
+type FileSubtype = FieldItem & {
+    label?: string;
+    subtype: 'File';
+    value?: File[];
+    maxFiles: number;
+    maxSizeBytes: number;
+    fileTypes?: string[];
+    content: string;
+};
 type EmailSubtype = FieldItem & {
     label?: string;
     subtype: 'Email';
@@ -239,7 +248,7 @@ type BooleanSubtype = FieldItem & {
     description: string;
     value?: boolean;
 };
-type AnyItem = BaseItem | FieldItem | GroupItem | HTMLItem | HiddenItem | SelectSubtype | RadioSubtype | CheckboxSubtype | TextSubtype | EmailSubtype | NumberSubtype | DateSubtype | BooleanSubtype | PhoneSubtype | AutocompleteSubtype;
+type AnyItem = BaseItem | FieldItem | GroupItem | HTMLItem | HiddenItem | SelectSubtype | RadioSubtype | CheckboxSubtype | TextSubtype | FileSubtype | EmailSubtype | NumberSubtype | DateSubtype | BooleanSubtype | PhoneSubtype | AutocompleteSubtype;
 type ItemType = {
     Item: AnyItem;
     ItemFC: (props: ItemProps | HiddenProps | FieldProps | SubmitProps | HTMLProps | GroupProps) => JSX.Element;
@@ -296,6 +305,12 @@ type TextType = FieldType & {
     EditFC: (props: TextProps) => JSX.Element;
     ValidateFC?: (item: TextSubtype, options: Options) => boolean;
 };
+type FileType = FieldType & {
+    Subtype: FileSubtype;
+    SubtypeFC: (props: FileProps) => JSX.Element;
+    EditFC: (props: FileProps) => JSX.Element;
+    ValidateFC?: (item: FileSubtype, options: Options) => boolean;
+};
 type EmailType = FieldType & {
     Subtype: EmailSubtype;
     SubtypeFC: (props: EmailProps) => JSX.Element;
@@ -332,7 +347,7 @@ type PhoneType = FieldType & {
     EditFC: (props: PhoneProps) => JSX.Element;
     ValidateFC?: (item: PhoneSubtype, options: Options) => boolean;
 };
-type AnyFieldType = SelectType | RadioType | CheckboxType | TextType | EmailType | NumberType | DateType | BooleanType | AutocompleteType | PhoneType;
+type AnyFieldType = SelectType | RadioType | CheckboxType | TextType | FileType | EmailType | NumberType | DateType | BooleanType | AutocompleteType | PhoneType;
 type BaseItemProps = {
     item: AnyItem;
     items: AnyItem[];
@@ -369,6 +384,9 @@ type CheckboxProps = FieldProps & {
 type TextProps = FieldProps & {
     item: TextSubtype;
 };
+type FileProps = FieldProps & {
+    item: FileSubtype;
+};
 type EmailProps = FieldProps & {
     item: EmailSubtype;
 };
@@ -397,6 +415,7 @@ declare function isSelect(item: AnyItem): item is SelectSubtype;
 declare function isRadio(item: AnyItem): item is RadioSubtype;
 declare function isCheckbox(item: AnyItem): item is CheckboxSubtype;
 declare function isText(item: AnyItem): item is TextSubtype;
+declare function isFile(item: AnyItem): item is FileSubtype;
 declare function isEmail(item: AnyItem): item is EmailSubtype;
 declare function isNumber(item: AnyItem): item is NumberSubtype;
 declare function isDate(item: AnyItem): item is DateSubtype;
@@ -503,4 +522,4 @@ declare const RenderedFlatObject: (items: AnyItem[]) => {};
 declare const RenderedArray: (items: AnyItem[]) => {} | [];
 declare const RenderedFlatArray: (items: AnyItem[]) => object[];
 
-export { AllowedItems, AllowedSubtypes, AndFilter, AnyFieldType, AnyItem, AutocompleteProps, AutocompleteSubtype, AutocompleteType, BaseItem, BaseItemProps, BooleanProps, BooleanSubtype, BooleanType, BuildErrors, Builder, BuilderProps, BuilderUseOptions, CheckboxProps, CheckboxSubtype, CheckboxType, Clear, ComparisonFilter, DateProps, DateSubtype, DateType, EmailProps, EmailSubtype, EmailType, EqFilter, ErrorType, Errors, FieldFilter, FieldItem, FieldProps, FieldType, FilterType, GetNamedItem as GetItem, GroupItem, GroupProps, GroupType, GtFilter, GteFilter, HTMLItem, HTMLProps, HTMLType, HiddenItem, HiddenProps, HiddenType, InFilter, ItemProps, ItemType, LtFilter, LteFilter, MultiplesSubtype, NamedItem, NotFilter, NumberProps, NumberSubtype, NumberType, Option, OptionSubtype, Options, OrFilter, PhoneProps, PhoneSubtype, PhoneType, Preview, RadioProps, RadioSubtype, RadioType, Render, RenderOptions, RenderProps, RenderedArray, RenderedFlatArray, RenderedFlatObject, RenderedObject, Save, SelectProps, SelectSubtype, SelectType, UpdateItemInItems as SetItem, SubmitButtonElement, SubmitButtonProps, SubmitItem, SubmitProps, SubmitType, TextProps, TextSubtype, TextType, Transfer, ValidateFields, getSiblingItems, isAndFilter, isAutocomplete, isBoolean, isCheckbox, isComparisonFilter, isDate, isEmail, isEqFilter, isField, isFieldFilter, isGroup, isGtFilter, isGteFilter, isHidden, isHtml, isInFilter, isLtFilter, isLteFilter, isNamed, isNotFilter, isNumber, isOption, isOrFilter, isPhone, isRadio, isSelect, isSubmit, isText, validateNameChange };
+export { AllowedItems, AllowedSubtypes, AndFilter, AnyFieldType, AnyItem, AutocompleteProps, AutocompleteSubtype, AutocompleteType, BaseItem, BaseItemProps, BooleanProps, BooleanSubtype, BooleanType, BuildErrors, Builder, BuilderProps, BuilderUseOptions, CheckboxProps, CheckboxSubtype, CheckboxType, Clear, ComparisonFilter, DateProps, DateSubtype, DateType, EmailProps, EmailSubtype, EmailType, EqFilter, ErrorType, Errors, FieldFilter, FieldItem, FieldProps, FieldType, FileProps, FileSubtype, FileType, FilterType, GetNamedItem as GetItem, GroupItem, GroupProps, GroupType, GtFilter, GteFilter, HTMLItem, HTMLProps, HTMLType, HiddenItem, HiddenProps, HiddenType, InFilter, ItemProps, ItemType, LtFilter, LteFilter, MultiplesSubtype, NamedItem, NotFilter, NumberProps, NumberSubtype, NumberType, Option, OptionSubtype, Options, OrFilter, PhoneProps, PhoneSubtype, PhoneType, Preview, RadioProps, RadioSubtype, RadioType, Render, RenderOptions, RenderProps, RenderedArray, RenderedFlatArray, RenderedFlatObject, RenderedObject, Save, SelectProps, SelectSubtype, SelectType, UpdateItemInItems as SetItem, SubmitButtonElement, SubmitButtonProps, SubmitItem, SubmitProps, SubmitType, TextProps, TextSubtype, TextType, Transfer, ValidateFields, getSiblingItems, isAndFilter, isAutocomplete, isBoolean, isCheckbox, isComparisonFilter, isDate, isEmail, isEqFilter, isField, isFieldFilter, isFile, isGroup, isGtFilter, isGteFilter, isHidden, isHtml, isInFilter, isLtFilter, isLteFilter, isNamed, isNotFilter, isNumber, isOption, isOrFilter, isPhone, isRadio, isSelect, isSubmit, isText, validateNameChange };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfinnestad/react-form-builder",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "FormBuilder and FormRender Component library for building and gathering custom form data",
   "scripts": {
     "rollup": "rollup -c",
@@ -92,6 +92,7 @@
     "mini-css-extract-plugin": "^2.7.6",
     "mui-phone-number": "^3.0.3",
     "react-copy-to-clipboard": "^5.1.0",
+    "react-dropzone": "^14.2.3",
     "styled-components": "^5.3.10",
     "tinymce": "^6.6.0",
     "uuidv4": "^6.2.13"