@cfinnestad/react-form-builder 1.0.31 → 1.0.33

package/dist/cjs/types/components/Builder/Builder.d.ts

@@ -41,6 +41,10 @@ export type BuilderUseOptions = {
     submitColors?: string[];
     fileTypes?: Accept;
 };
+export type ModalProps = {
+    item: AnyItem;
+    inList?: boolean;
+};
 export type BuilderOptions = Options & {};
 export type BuilderProps = {
     AllowedItems?: AllowedItems;

package/dist/cjs/types/components/Builder/Builder.stories.d.ts

@@ -19,3 +19,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;
+export declare const Empty: Story;

package/dist/cjs/types/components/Items/EditModal.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { ItemProps } from "./Items";
 type EditModalProps = ItemProps & {
     showModal: boolean;
+    inList: boolean;
 };
 declare const EditModal: (itemProps: EditModalProps) => React.JSX.Element;
 export default EditModal;

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

@@ -2,13 +2,13 @@ import { Dispatch, FC, JSX, SetStateAction } from "react";
 import { ActionProps } from "../Actions";
 import { SubmitButtonProps } from "./Submit";
 import { Theme } from "@mui/material/styles";
-import { ActiveType } from "../Builder/Builder";
+import { ActiveType, ModalProps } from "../Builder/Builder";
 import { Accept } from "react-dropzone";
 export type AllowedSubtypes = {
     [key: string]: AnyFieldType;
 };
 export type AllowedItems = {
-    [key: string]: ItemType | HTMLType | GroupType | FieldType | SubmitType | HiddenType;
+    [key: string]: ItemType | HTMLType | GroupType | ListType | FieldType | SubmitType | HiddenType;
 };
 export type BuildErrors = {
     [key: string]: string;
@@ -20,7 +20,7 @@ export type Options = {
     onSave?: (Items: AnyItem[]) => void;
     SetItem: Dispatch<SetStateAction<AnyItem>>;
     setItems: Dispatch<SetStateAction<AnyItem[]>>;
-    setModal?: Dispatch<SetStateAction<boolean>>;
+    setModal?: Dispatch<SetStateAction<ModalProps | undefined>>;
     Mode?: string;
     getError: (error: string, item: any) => string | undefined;
     searchableOptions?: {
@@ -87,7 +87,7 @@ export type ComparisonFilter = FilterType & {
     comparison: 'and' | 'or';
     filters: FilterType[];
 };
-export declare const isComparisonFilter: (filter: FilterType) => filter is AndFilter;
+export declare const isComparisonFilter: (filter: FilterType) => filter is ComparisonFilter;
 export type AndFilter = ComparisonFilter & {
     comparison: 'and';
 };
@@ -126,6 +126,17 @@ export type SubmitItem = BaseItem & {
     label?: string;
     color?: string;
 };
+export type ListItem = BaseItem & {
+    type: 'List';
+    label?: string;
+    addButton?: string;
+    addColor?: string;
+    listItems?: InListItem[];
+    deprecated?: boolean;
+    minListSize: number;
+    maxListSize: number;
+    baseItem: InListItem;
+};
 export type GroupItem = NamedItem & {
     type: 'Group';
     label?: string;
@@ -239,7 +250,8 @@ export type BooleanSubtype = FieldItem & {
     description: string;
     value?: boolean;
 };
-export type AnyItem = BaseItem | FieldItem | GroupItem | HTMLItem | HiddenItem | SelectSubtype | RadioSubtype | CheckboxSubtype | TextSubtype | FileSubtype | EmailSubtype | NumberSubtype | DateSubtype | BooleanSubtype | PhoneSubtype | AutocompleteSubtype;
+export type AnyItem = BaseItem | FieldItem | GroupItem | ListItem | HTMLItem | HiddenItem | SelectSubtype | RadioSubtype | CheckboxSubtype | TextSubtype | FileSubtype | EmailSubtype | NumberSubtype | DateSubtype | BooleanSubtype | PhoneSubtype | AutocompleteSubtype;
+export type InListItem = FieldItem | GroupItem;
 export type ItemType = {
     Item: AnyItem;
     ItemFC: (props: ItemProps | HiddenProps | FieldProps | SubmitProps | HTMLProps | GroupProps) => JSX.Element;
@@ -255,6 +267,11 @@ export type GroupType = {
     ItemFC: (props: GroupProps) => JSX.Element;
     EditFC: (props: GroupProps) => JSX.Element;
 };
+export type ListType = {
+    Item: ListItem;
+    ItemFC: (props: ListProps) => JSX.Element;
+    EditFC: (props: ListProps) => JSX.Element;
+};
 export type SubmitType = {
     Item: SubmitItem;
     ItemFC: (props: SubmitProps) => JSX.Element;
@@ -354,6 +371,9 @@ export type FieldProps = BaseItemProps & {
 export type GroupProps = BaseItemProps & {
     item: GroupItem;
 };
+export type ListProps = BaseItemProps & {
+    item: ListItem;
+};
 export type HTMLProps = BaseItemProps & {
     item: HTMLItem;
 };
@@ -396,7 +416,11 @@ export type AutocompleteProps = FieldProps & {
 export type PhoneProps = FieldProps & {
     item: PhoneSubtype;
 };
-export type ItemProps = BaseItemProps | GroupProps | HiddenProps | HTMLProps | SubmitProps | FieldProps | SelectProps | RadioProps | CheckboxProps | TextProps | EmailProps | NumberProps | DateProps | BooleanProps | AutocompleteProps | PhoneProps;
+export type ListItemProps = ItemProps & {
+    index: number;
+    parentItem: ListItem;
+};
+export type ItemProps = BaseItemProps | GroupProps | ListProps | HiddenProps | HTMLProps | SubmitProps | FieldProps | SelectProps | RadioProps | CheckboxProps | TextProps | EmailProps | NumberProps | DateProps | BooleanProps | AutocompleteProps | PhoneProps;
 export declare function isGroup(item: AnyItem): item is GroupItem;
 export declare function isHidden(item: AnyItem): item is HiddenItem;
 export declare function isField(item: AnyItem): item is FieldItem;
@@ -415,6 +439,7 @@ export declare function isAutocomplete(item: AnyItem): item is AutocompleteSubty
 export declare function isPhone(item: AnyItem): item is PhoneSubtype;
 export declare function isOption(item: AnyItem): item is OptionSubtype;
 export declare function isNamed(item: AnyItem): item is NamedItem;
+export declare function isList(item: AnyItem): item is ListItem;
+export declare function isListItem(item: AnyItem): item is InListItem;
 export declare function hasFiles(items: AnyItem[], allItems?: AnyItem[]): boolean;
-export declare function itemsCloneDeep(items: AnyItem[]): AnyItem[];
-export declare function itemCloneDeep(item: AnyItem): AnyItem;
+export declare function itemCloneDeep<T>(items: T): T;

package/dist/cjs/types/components/Items/List/ItemList.d.ts

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

package/dist/cjs/types/components/Items/List/ItemListEdit.d.ts

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

package/dist/cjs/types/components/Items/List/List.stories.d.ts

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

package/dist/cjs/types/components/Items/List/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ItemList';
+export { default as ItemListEdit } from './ItemListEdit';

package/dist/cjs/types/components/Items/UpdateItemInItems.d.ts

@@ -1,3 +1,8 @@
 import { AnyItem } from "./Items";
+type ChangedItemIds = {
+    oldId: string;
+    newId: string;
+};
+export declare const updateChildItemsInItems: (items: AnyItem[], changedItemIds: ChangedItemIds[], prefix: string) => void;
 declare const UpdateItemInItems: (item: AnyItem, items: AnyItem[], prefix?: string) => void;
 export default UpdateItemInItems;