@cfinnestad/react-form-builder 0.2.53 → 0.3.1

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

@@ -33,6 +33,7 @@ export type BuilderUseOptions = {
         [key: string]: (props: SubmitButtonProps) => JSX.Element;
     };
     muiTheme?: Theme;
+    mode: string;
     custom?: {
         [key: string]: any;
     };

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

@@ -0,0 +1,14 @@
+import React, { Dispatch, SetStateAction } from "react";
+import { AnyItem } from "../Items";
+import { RenderOptions } from "../Render";
+export type EditorProps = {
+    Data: {
+        [key: string]: any;
+    };
+    Items: AnyItem[];
+    SetItems?: Dispatch<SetStateAction<AnyItem[]>>;
+    Options: RenderOptions;
+};
+declare const Editor: ({ Data, Items, SetItems, Options }: EditorProps) => React.JSX.Element;
+export declare const setDefaults: (items: AnyItem[], data: object) => AnyItem[];
+export default Editor;

package/dist/esm/types/components/Editor/Editor.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import { TextSubtype } from "../Items";
+declare const meta: {
+    title: string;
+    component: ({ Data, Items, SetItems, Options }: import("./Editor").EditorProps) => import("react").JSX.Element;
+    tags: string[];
+    argTypes: {
+        Items: TextSubtype[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const EditorWithoutData: Story;

package/dist/esm/types/components/Editor/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Editor';

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

@@ -20,7 +20,7 @@ export type Options = {
     SetItem: Dispatch<SetStateAction<AnyItem>>;
     setItems: Dispatch<SetStateAction<AnyItem[]>>;
     setModal?: Dispatch<SetStateAction<boolean>>;
-    IsBuild: boolean;
+    Mode?: String;
     getError: (error: string, item: AnyItem) => string | undefined;
     searchableOptions?: {
         [key: string]: (input?: string) => Promise<Option[]> | Option[];
@@ -111,6 +111,8 @@ export type HiddenItem = NamedItem & {
     type: 'Hidden';
     deprecated?: boolean;
     value: string;
+    editable?: boolean;
+    backend_only?: boolean;
 };
 export type HTMLItem = BaseItem & {
     type: 'HTML';
@@ -133,6 +135,7 @@ export type FieldItem = NamedItem & {
     label?: string;
     deprecated?: boolean;
     backend_only?: boolean;
+    editable?: boolean;
     helperText?: string;
     subtype: string;
     custom?: {
@@ -144,7 +147,6 @@ export type FieldItem = NamedItem & {
 export type OptionSubtype = FieldItem & {
     label: string;
     value?: string | string[];
-    editable?: boolean;
     searchableOptionsName?: string;
     options: Option[];
 };
@@ -181,7 +183,6 @@ export type TextSubtype = FieldItem & {
     maxRows?: number;
     minLength?: number;
     maxLength?: number;
-    editable?: boolean;
 };
 export type EmailSubtype = FieldItem & {
     label: string;
@@ -223,7 +224,6 @@ export type BooleanSubtype = FieldItem & {
     subtype: 'Boolean';
     description: string;
     value?: boolean;
-    editable?: boolean;
 };
 export type AnyItem = BaseItem | FieldItem | GroupItem | HTMLItem | HiddenItem | SelectSubtype | RadioSubtype | CheckboxSubtype | TextSubtype | EmailSubtype | NumberSubtype | DateSubtype | BooleanSubtype | PhoneSubtype | AutocompleteSubtype;
 export type ItemType = {

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

@@ -25,6 +25,7 @@ export type RenderOptions = {
     custom?: {
         [key: string]: any;
     };
+    mode?: "build" | "edit" | "render";
 };
 declare const Render: ({ Items, SetItems, Options }: RenderProps) => JSX.Element;
 export declare const RenderedObject: (items: AnyItem[]) => {};

package/dist/index.d.ts

@@ -33,7 +33,7 @@ type Options = {
     SetItem: Dispatch<SetStateAction<AnyItem>>;
     setItems: Dispatch<SetStateAction<AnyItem[]>>;
     setModal?: Dispatch<SetStateAction<boolean>>;
-    IsBuild: boolean;
+    Mode?: String;
     getError: (error: string, item: AnyItem) => string | undefined;
     searchableOptions?: {
         [key: string]: (input?: string) => Promise<Option[]> | Option[];
@@ -124,6 +124,8 @@ type HiddenItem = NamedItem & {
     type: 'Hidden';
     deprecated?: boolean;
     value: string;
+    editable?: boolean;
+    backend_only?: boolean;
 };
 type HTMLItem = BaseItem & {
     type: 'HTML';
@@ -146,6 +148,7 @@ type FieldItem = NamedItem & {
     label?: string;
     deprecated?: boolean;
     backend_only?: boolean;
+    editable?: boolean;
     helperText?: string;
     subtype: string;
     custom?: {
@@ -157,7 +160,6 @@ type FieldItem = NamedItem & {
 type OptionSubtype = FieldItem & {
     label: string;
     value?: string | string[];
-    editable?: boolean;
     searchableOptionsName?: string;
     options: Option[];
 };
@@ -194,7 +196,6 @@ type TextSubtype = FieldItem & {
     maxRows?: number;
     minLength?: number;
     maxLength?: number;
-    editable?: boolean;
 };
 type EmailSubtype = FieldItem & {
     label: string;
@@ -236,7 +237,6 @@ type BooleanSubtype = FieldItem & {
     subtype: 'Boolean';
     description: string;
     value?: boolean;
-    editable?: boolean;
 };
 type AnyItem = BaseItem | FieldItem | GroupItem | HTMLItem | HiddenItem | SelectSubtype | RadioSubtype | CheckboxSubtype | TextSubtype | EmailSubtype | NumberSubtype | DateSubtype | BooleanSubtype | PhoneSubtype | AutocompleteSubtype;
 type ItemType = {
@@ -454,6 +454,7 @@ type BuilderUseOptions = {
         [key: string]: (props: SubmitButtonProps) => JSX.Element;
     };
     muiTheme?: Theme;
+    mode: string;
     custom?: {
         [key: string]: any;
     };
@@ -491,6 +492,7 @@ type RenderOptions = {
     custom?: {
         [key: string]: any;
     };
+    mode?: "build" | "edit" | "render";
 };
 declare const Render: ({ Items, SetItems, Options }: RenderProps) => JSX.Element;
 declare const RenderedObject: (items: AnyItem[]) => {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfinnestad/react-form-builder",
-  "version": "0.2.53",
+  "version": "0.3.1",
   "description": "FormBuilder and FormRender Component library for building and gathering custom form data",
   "scripts": {
     "rollup": "rollup -c",