@arudovwen/form-builder-react 1.9.15 → 1.9.17

package/dist/{logic-flow-C_LivZrL.js → logic-flow-4DgMSfki.js}

@@ -1,7 +1,7 @@
 import { jsxs as ce, jsx as D, Fragment as De } from "react/jsx-runtime";
 import ht, { memo as le, useState as xe, useCallback as we, forwardRef as Oo, useRef as ne, useEffect as ie, useContext as gt, createContext as fn, useMemo as be, useLayoutEffect as Aa } from "react";
 import "react-dom";
-import { A as Ia } from "./index-C5vp0-9z.js";
+import { A as Ia } from "./index-B51ctr_U.js";
 function ue(e) {
   if (typeof e == "string" || typeof e == "number") return "" + e;
   let t = "";
@@ -6802,9 +6802,9 @@ function Jg({ formData: e }) {
     var f, g;
     const l = [], d = [];
     let u = null;
-    return (f = e == null ? void 0 : e.filter((h) => !(h != null && h.isDeleted))) == null || f.forEach((h, y) => {
+    return (f = e == null ? void 0 : e.filter((h) => !(h != null && h.isFieldDeleted))) == null || f.forEach((h, y) => {
       var _;
-      const x = Lo[y % Lo.length], p = ((_ = h == null ? void 0 : h.questionData) == null ? void 0 : _.filter((E) => !(E != null && E.isDeleted))) || [], v = y * 400, m = 0, w = 320, S = 60 + p.length * 110;
+      const x = Lo[y % Lo.length], p = ((_ = h == null ? void 0 : h.questionData) == null ? void 0 : _.filter((E) => !(E != null && E.isFieldDeleted))) || [], v = y * 400, m = 0, w = 320, S = 60 + p.length * 110;
       l.push({
         id: h.id,
         type: "sectionGroup",
@@ -6849,9 +6849,9 @@ function Jg({ formData: e }) {
           }
         }), E.isHidden || (u = T);
       });
-    }), (g = e == null ? void 0 : e.filter((h) => !(h != null && h.isDeleted))) == null || g.forEach((h) => {
+    }), (g = e == null ? void 0 : e.filter((h) => !(h != null && h.isFieldDeleted))) == null || g.forEach((h) => {
       var y, x;
-      (x = (y = h == null ? void 0 : h.questionData) == null ? void 0 : y.filter((p) => !(p != null && p.isDeleted))) == null || x.forEach((p) => {
+      (x = (y = h == null ? void 0 : h.questionData) == null ? void 0 : y.filter((p) => !(p != null && p.isFieldDeleted))) == null || x.forEach((p) => {
         var v;
         p.isHidden && ((v = p.visibilityDependentFields) == null ? void 0 : v.length) > 0 && p.visibilityDependentFields.forEach((m) => {
           d.push({
@@ -6861,7 +6861,11 @@ function Jg({ formData: e }) {
             type: "smoothstep",
             animated: !0,
             label: `if ${m.operator} '${m.fieldValue}'`,
-            labelStyle: { fill: "#f59e0b", fontWeight: 600, fontSize: 12 },
+            labelStyle: {
+              fill: "#f59e0b",
+              fontWeight: 600,
+              fontSize: 12
+            },
             labelBgStyle: {
               fill: "#fffef2",
               stroke: "#fcd34d",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arudovwen/form-builder-react",
-  "version": "1.9.15",
+  "version": "1.9.17",
   "description": "A React-based form builder component library.",
   "type": "module",
   "main": "./dist/form-builder.umd.js",

package/types/components/DataTable/index.d.ts

@@ -11,6 +11,7 @@ export interface DataGridColumn<T> {
         label: string;
         value: string;
     }[];
+    isColumnDeleted?: boolean;
 }
 interface CustomDataGridProps<T extends {
     id: string;

package/types/components/editor/index.d.ts

@@ -1,4 +1,4 @@
-declare const FormBuilder: ({ onAddTemplate, templates }: {
+declare const FormBuilder: ({ onAddTemplate, templates, }: {
     onAddTemplate?: () => void;
     templates?: any[];
 }) => import("react/jsx-runtime").JSX.Element;

package/types/components/editor/layout.d.ts

@@ -1,4 +1,4 @@
-import { DeleteMode } from "../../context/editor-context";
+import { DeleteMode, BuilderMode } from "../../context/editor-context";
 export interface BuilderProps {
     onSubmit?: (e: any) => void;
     onChange?: (data: any) => void;
@@ -7,6 +7,7 @@ export interface BuilderProps {
     isReadOnly?: boolean;
     config?: any;
     deleteMode?: DeleteMode;
+    mode?: BuilderMode;
     title?: string;
     loading?: boolean;
     goBackUrl?: () => void;
@@ -21,4 +22,4 @@ export interface BuilderProps {
     onShowVersion?: () => void;
     formType?: "default" | "poll";
 }
-export default function Layout({ onSubmit, onChange, onLogAction, questionData, deleteMode, config, title, goBackUrl, loading, onPublish, previewLoading, saveLoading, publishLoading, onTitleChange, uploadUrl, onAddTemplate, templates, onShowVersion, formType, }: BuilderProps): import("react/jsx-runtime").JSX.Element;
+export default function Layout({ onSubmit, onChange, onLogAction, questionData, deleteMode, mode, config, title, goBackUrl, loading, onPublish, previewLoading, saveLoading, publishLoading, onTitleChange, uploadUrl, onAddTemplate, templates, onShowVersion, formType, }: BuilderProps): import("react/jsx-runtime").JSX.Element;

package/types/context/editor-context.d.ts

@@ -1,13 +1,16 @@
 import React from "react";
-export type DeleteMode = "remove" | "isDeleted" | "soft" | "hard";
+export type DeleteMode = "remove" | "isFieldDeleted" | "soft" | "hard";
+export type BuilderMode = "create" | "edit";
 interface EditorProviderProps {
     children: React.ReactNode;
     onChange?: (data: any) => void;
     onLogAction?: (action: string, value: any) => void;
     deleteMode?: DeleteMode;
+    mode?: BuilderMode;
 }
 declare const EditorContext: React.Context<{
     deleteMode?: DeleteMode;
+    mode?: BuilderMode;
     showPreview: boolean;
     setShowPreview: React.Dispatch<React.SetStateAction<boolean>>;
     formData: any;

package/types/demo-data.d.ts

@@ -541,7 +541,7 @@ export declare const demoFormData: ({
         options1?: undefined;
         options?: undefined;
         dataColumns?: undefined;
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
         minChecked?: undefined;
         isMultiple?: undefined;
         acceptedFiles?: undefined;
@@ -585,7 +585,7 @@ export declare const demoFormData: ({
         options1: any[];
         options: any[];
         dataColumns: any[];
-        isDeleted: boolean;
+        isFieldDeleted: boolean;
         columns?: undefined;
         minChecked?: undefined;
         isMultiple?: undefined;
@@ -632,7 +632,7 @@ export declare const demoFormData: ({
         minChecked: number;
         dataColumns: any[];
         columns?: undefined;
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
         isMultiple?: undefined;
         acceptedFiles?: undefined;
         dateFormat?: undefined;
@@ -681,7 +681,7 @@ export declare const demoFormData: ({
         options: any[];
         dataColumns: any[];
         columns?: undefined;
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
         minChecked?: undefined;
         dateFormat?: undefined;
         minDate?: undefined;
@@ -728,7 +728,7 @@ export declare const demoFormData: ({
             col: number;
         };
         columns?: undefined;
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
         minChecked?: undefined;
         isMultiple?: undefined;
         acceptedFiles?: undefined;
@@ -776,7 +776,7 @@ export declare const demoFormData: ({
         options: any[];
         dataColumns: any[];
         columns?: undefined;
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
         minChecked?: undefined;
         isMultiple?: undefined;
         acceptedFiles?: undefined;
@@ -814,7 +814,7 @@ export declare const demoFormData: ({
         options1: any[];
         options: any[];
         dataColumns: any[];
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
         minChecked?: undefined;
         isMultiple?: undefined;
         acceptedFiles?: undefined;
@@ -860,7 +860,7 @@ export declare const demoFormData: ({
         options: any[];
         dataColumns: any[];
         columns?: undefined;
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
         minChecked?: undefined;
         isMultiple?: undefined;
         acceptedFiles?: undefined;
@@ -897,7 +897,7 @@ export declare const demoFormData: ({
         columns: number;
         id: string;
         sectionId: string;
-        isDeleted: boolean;
+        isFieldDeleted: boolean;
         dateType?: undefined;
         selectType?: undefined;
         options1?: undefined;
@@ -947,7 +947,7 @@ export declare const demoFormData: ({
         options: any[];
         minChecked: number;
         dataColumns: any[];
-        isDeleted: boolean;
+        isFieldDeleted: boolean;
         columns?: undefined;
         isMultiple?: undefined;
         acceptedFiles?: undefined;
@@ -997,7 +997,7 @@ export declare const demoFormData: ({
         options1: any[];
         dataColumns: any[];
         columns?: undefined;
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
         minChecked?: undefined;
         isMultiple?: undefined;
         acceptedFiles?: undefined;
@@ -1541,7 +1541,7 @@ export declare const demoFormData: ({
         selectType: string;
         options1: any[];
         dataColumns: any[];
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
         inputMode?: undefined;
         dateFormat?: undefined;
         minDate?: undefined;
@@ -1585,7 +1585,7 @@ export declare const demoFormData: ({
         selectType: string;
         options1: any[];
         dataColumns: any[];
-        isDeleted: boolean;
+        isFieldDeleted: boolean;
         inputMode?: undefined;
         dateFormat?: undefined;
         minDate?: undefined;
@@ -1626,7 +1626,7 @@ export declare const demoFormData: ({
         options1: any[];
         options: any[];
         dataColumns: any[];
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
         dateFormat?: undefined;
         minDate?: undefined;
         maxDate?: undefined;
@@ -1670,7 +1670,7 @@ export declare const demoFormData: ({
         options1: any[];
         options: any[];
         dataColumns: any[];
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
         inputMode?: undefined;
         isMultiple?: undefined;
         acceptedFiles?: undefined;
@@ -1707,7 +1707,7 @@ export declare const demoFormData: ({
         options1: any[];
         options: any[];
         dataColumns: any[];
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
         inputMode?: undefined;
         dateFormat?: undefined;
         minDate?: undefined;
@@ -1759,7 +1759,7 @@ export declare const demoFormData: ({
         canHaveDateRange?: undefined;
         allowYearPicker?: undefined;
         inputMode?: undefined;
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
     } | {
         required: boolean;
         description: string;
@@ -1804,7 +1804,7 @@ export declare const demoFormData: ({
         canHaveDateRange?: undefined;
         allowYearPicker?: undefined;
         inputMode?: undefined;
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
     } | {
         required: boolean;
         description: string;
@@ -1845,7 +1845,7 @@ export declare const demoFormData: ({
         dataColumns: any[];
         columns?: undefined;
         inputMode?: undefined;
-        isDeleted?: undefined;
+        isFieldDeleted?: undefined;
     } | {
         required: boolean;
         description: string;
@@ -1876,7 +1876,7 @@ export declare const demoFormData: ({
         options1: any[];
         options: any[];
         dataColumns: any[];
-        isDeleted: boolean;
+        isFieldDeleted: boolean;
         gridPosition?: undefined;
         gridId?: undefined;
         columns?: undefined;

package/types/index.d.ts

@@ -3,4 +3,4 @@ export { default as FormBuilder } from "./pages/builder";
 export { default as FormViewer } from "./pages/viewer";
 export type { BuilderProps } from "./components/editor/layout";
 export type { RenderProps } from "./pages/viewer";
-export type { DeleteMode } from "./context/editor-context";
+export type { DeleteMode, BuilderMode } from "./context/editor-context";

package/types/pages/builder/index.d.ts

@@ -1,3 +1,3 @@
 import { BuilderProps } from "../../components/editor/layout";
-declare const HomePage: ({ onSubmit, onChange, onLogAction, questionData, isReadOnly, deleteMode, config, title, loading, goBackUrl, onPublish, previewLoading, saveLoading, publishLoading, onTitleChange, uploadUrl, onAddTemplate, templates, onShowVersion, formType, }: BuilderProps) => import("react/jsx-runtime").JSX.Element;
+declare const HomePage: ({ onSubmit, onChange, onLogAction, questionData, isReadOnly, deleteMode, mode, config, title, loading, goBackUrl, onPublish, previewLoading, saveLoading, publishLoading, onTitleChange, uploadUrl, onAddTemplate, templates, onShowVersion, formType, }: BuilderProps) => import("react/jsx-runtime").JSX.Element;
 export default HomePage;

package/types/utils/contants.d.ts

@@ -41,6 +41,7 @@ export interface DataColumnType {
     type?: string;
     validate?: boolean;
     id: string;
+    isColumnDeleted?: boolean;
 }
 export interface OptionType {
     label: string;

package/types/utils/getAllQuestions.d.ts

@@ -3,7 +3,7 @@ type Section = {
     title: string;
     description: string;
     questionData?: any[];
-    isDeleted?: boolean;
+    isFieldDeleted?: boolean;
 };
 export declare function getAllQuestionData(sections: Section[]): any[];
 export {};