@cfinnestad/react-form-builder 1.0.17 → 1.0.19

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

@@ -145,6 +145,9 @@ export type FieldItem = NamedItem & {
     value?: string | number | string[] | boolean | File[];
     errorText?: string;
 };
+export type Files = {
+    [key: string]: File[];
+};
 export type OptionSubtype = FieldItem & {
     value?: string | string[];
     searchableOptionsName?: string;

package/dist/esm/types/components/Items/Subtypes/File/File.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import { FileSubtype } from "../../Items";
+declare const meta: {
+    title: string;
+    component: ({ Items, SetItems, Options }: import("../../../Render/Render").RenderProps) => import("react").JSX.Element;
+    tags: string[];
+    argTypes: {
+        Items: FileSubtype[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const HelperText: Story;
+export declare const Required: Story;

package/dist/esm/types/components/Items/Subtypes/File/FileEdit.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { FileProps } from "../../Items";
+export declare const FileEdit: ({ item, options, errorHandler }: FileProps) => React.JSX.Element;
+export default FileEdit;

package/dist/esm/types/components/Items/Subtypes/File/FileST.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FileProps } from '../../Items';
+declare function FileST({ item, options }: FileProps): React.JSX.Element;
+export default FileST;

package/dist/esm/types/components/Items/Subtypes/File/FileTypes.d.ts

@@ -0,0 +1,5 @@
+import { Accept } from "react-dropzone";
+export declare const FileTypes: Accept;
+export declare const getFilesTypes: (types: string[] | undefined) => Accept | undefined;
+export declare const isValidType: (type: string) => boolean;
+export declare const getExtensions: (fileTypes: string[]) => string[];

package/dist/esm/types/components/Items/Subtypes/File/FileValidate.d.ts

@@ -0,0 +1,3 @@
+import { FieldItem, Options } from "../../Items";
+declare const FileValidate: (item: FieldItem, options: Options) => boolean;
+export default FileValidate;

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

@@ -0,0 +1,3 @@
+export { default as FileST } from './FileST';
+export { default as FileEdit } from '../File/FileEdit';
+export { default as FileValidate } from './FileValidate';

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

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction, JSX } from 'react';
-import { AnyItem, Option, AllowedItems, AllowedSubtypes } from "../Items";
+import { AnyItem, Option, AllowedItems, AllowedSubtypes, Files } from "../Items";
 import { ErrorType } from "../Errors/Errors";
 import { Theme } from "@mui/material/styles";
 import { SubmitButtonProps } from "../Items";
@@ -29,8 +29,8 @@ export type RenderOptions = {
     submitColors?: string[];
 };
 declare const Render: ({ Items, SetItems, Options }: RenderProps) => JSX.Element;
-export declare const RenderedObject: (items: AnyItem[]) => {};
-export declare const RenderedFlatObject: (items: AnyItem[]) => {};
-export declare const RenderedArray: (items: AnyItem[]) => {} | [];
-export declare const RenderedFlatArray: (items: AnyItem[]) => object[];
+export declare const RenderedObject: (items: AnyItem[], files?: Files) => {};
+export declare const RenderedFlatObject: (items: AnyItem[], files?: Files) => {};
+export declare const RenderedArray: (items: AnyItem[], files?: Files) => {} | [];
+export declare const RenderedFlatArray: (items: AnyItem[], files?: Files) => object[];
 export default Render;

package/dist/index.d.ts

@@ -159,6 +159,9 @@ type FieldItem = NamedItem & {
     value?: string | number | string[] | boolean | File[];
     errorText?: string;
 };
+type Files = {
+    [key: string]: File[];
+};
 type OptionSubtype = FieldItem & {
     value?: string | string[];
     searchableOptionsName?: string;
@@ -518,9 +521,9 @@ type RenderOptions = {
     submitColors?: string[];
 };
 declare const Render: ({ Items, SetItems, Options }: RenderProps) => JSX.Element;
-declare const RenderedObject: (items: AnyItem[]) => {};
-declare const RenderedFlatObject: (items: AnyItem[]) => {};
-declare const RenderedArray: (items: AnyItem[]) => {} | [];
-declare const RenderedFlatArray: (items: AnyItem[]) => object[];
+declare const RenderedObject: (items: AnyItem[], files?: Files) => {};
+declare const RenderedFlatObject: (items: AnyItem[], files?: Files) => {};
+declare const RenderedArray: (items: AnyItem[], files?: Files) => {} | [];
+declare const RenderedFlatArray: (items: AnyItem[], files?: Files) => 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, 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, hasFiles, 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 };
+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, Files, 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, hasFiles, 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.17",
+  "version": "1.0.19",
   "description": "FormBuilder and FormRender Component library for building and gathering custom form data",
   "scripts": {
     "rollup": "rollup -c",