@syncfusion/ej2-react-form-builder 0.1.0-beta → 35.1.37

package/src/config/locale.js

@@ -1,449 +0,0 @@
-export const defaultLocale = {
-    "textbox": "Text Box",
-    "textarea": "Text Area",
-    "number": "Number",
-    "checkbox": "Checkbox",
-    "checkboxGroup": "Checkbox Group",
-    "radio": "Radio Button",
-    "dropdown": "Dropdown List",
-    "switch": "Switch",
-    "button": "Button",
-    "splitButton": "Split Button",
-    "date": "Date",
-    "range": "Range",
-    "timeRange": "Time Range",
-    "dateTime": "Date / Time",
-    "time": "Time",
-    "dateRange": "Date Range",
-    "inputMask": "Input Mask",
-    "multiselect": "Multi Select",
-    "message": "Message",
-    "panel": "Panel",
-    "card": "Card",
-    "table": "Table",
-    "tabs": "Tabs",
-    "rating": "Rating",
-    "lookup": "Look Up",
-    "html": "HTML",
-    "staticHtml": "HTML",
-    "autoNumber": "Auto Number",
-    "imageEditor": "Image Editor",
-    "colorPicker": "Color Picker",
-    "fileUpload": "File Upload",
-    "rangeSlider": "Range Slider",
-    "signature": "Signature",
-    "dataGrid": "Data Grid",
-    "richTextEditor": "Rich Text Editor",
-    "loginForm": "Login Form",
-    "feedbackSurvey": "Feedback",
-    "registrationForm": "Registration",
-    "basic": "Basic",
-    "behaviour": "Behaviour",
-    "advanced": "Advanced",
-    "layout": "Layout",
-    "templates": "Templates",
-    "build": "Build",
-    "name": "Name",
-    "title": "Title",
-    "description": "Description",
-    "prefix": "Prefix",
-    "suffix": "Suffix",
-    "preview": "Preview",
-    "import": "Import",
-    "importJson": "Import JSON",
-    "export": "Export",
-    "small": "Small",
-    "bigger": "Bigger",
-    "clear": "Clear",
-    "copy": "Copy",
-    "delete": "Delete",
-    "cancel": "Cancel",
-    "json": "JSON",
-    "jsonCode": "JSON Code",
-    "fromFile": "From File",
-    "fromUrl": "From URL",
-    "save": "Save",
-    "validate": "Validate",
-    "fetching": "Fetching",
-    "validating": "Validating",
-    "properties": "Properties",
-    "display": "Display",
-    "copyCode": "Copy code",
-    "resetForm": "Reset form",
-    "editForm": "Edit form",
-    "jsonview": "JSON view",
-    "previewForm": "Preview form",
-    "conditions": "Conditions",
-    "addRule": "Add Rule",
-    "conditionsEditorLabel": "Add rules to control this field's behavior. ",
-    "dataSchema": "Data Schema (Validation)",
-    "uiSchema": "UI Schema (Layout & Presentation)",
-    "columns": "Columns",
-    "validation": "Validation",
-    "selectionType": "Selection type",
-    "displayFormat": "Display format",
-    "lookupConfig": "Lookup configuration",
-    "importexport": "Import / Export",
-    "enableImportFromWord": "Enable import from Word",
-    "enableExportToWord": "Enable export to Word",
-    "enableExportToPdf": "Enable export to PDF",
-    "importFromWordUrlPlaceholder": "Enter Service URL to import from Word",
-    "exportToWordUrlPlaceholder": "Enter Service URL to export to Word",
-    "exportToPdfUrlPlaceholder": "Enter Service URL to export to PDF",
-    "single": "Single",
-    "multiple": "Multiple",
-    "emptyFieldSetState": "Drop Component here",
-    "startBuildingForm": "Start building your form",
-    "dragFieldsHint": "Drag fields from the left panel and drop them here to create your form.",
-    "dropToAddField": "Drop to add field",
-    "releaseToAddField": "Release to add this field to the form",
-    "index": "Index",
-    "search": "Search",
-    "fields": "Fields",
-    "fieldSettings": "Field Settings",
-    "formsettings": "Form Settings",
-    "columnSettings": "Column Settings",
-    "visibility": "Visibility",
-    "visible": "Visible",
-    "publish": "Publish",
-    "draft": "Draft",
-    "closed": "Closed",
-    "visibility_publish_description": "This form is visible to anyone with the link",
-    "visibility_draft_description": "This form is only visible to you",
-    "visibility_closed_description": "This form is read-only; you can only change visibility",
-    "visibility_closed_warning": "Closed forms cannot be edited. You can change visibility to re-open.",
-    "optionLabel": "Option Label",
-    "tabLabel": "Tab Label",
-    "action": "Action",
-    "attributeName": "Attribute Name",
-    "attributeValue": "Attribute Value",
-    "buttonLabel": "Button Label",
-    "buttonType": "Button Type",
-    "buttonStyle": "Button Style",
-    "iconCss": "Icon CSS",
-    "iconPosition": "Icon Position",
-    "disabled": "Disabled",
-    "tab": "Tab",
-    "Tab 1": "Tab 1",
-    "Option 1": "Option 1",
-    "cell": "Cell",
-    "option": "Option",
-    "addNewTab": "+ Add New Tab",
-    "addNewOption": "+ Add New Option",
-    "addAttribute": "+ Add Attribute",
-    "addButton": "+ Add Button",
-    "addColumn": "+ Add Column",
-    "addRange": "+ Add Range",
-    "addHeader": "Add",
-    "addFilter": "+ Add Filter",
-    "addCondition": "+ Add Condition",
-    "column": "Column",
-    "deleteColumn": "Delete this column",
-    "fieldName": "Field Name",
-    "headerText": "Header Text",
-    "type": "Type",
-    "width": "Width",
-    "primaryKey": "Primary Key",
-    "string": "String",
-    "boolean": "Boolean",
-    "selectType": "Select type",
-    "uniqueFieldIdentifier": "Unique field identifier",
-    "columnHeaderDisplay": "Column header display",
-    "columnWidthPlaceholder": "e.g., 150px, 20%",
-    "validationRulesFor": "Validation",
-    "required": "Required",
-    "anotherPrimaryKeySet": "Another column is already set",
-    "minLength": "Min Length",
-    "maxLength": "Max Length",
-    "minimumCharacters": "Minimum characters",
-    "maximumCharacters": "Maximum characters",
-    "minValue": "Min Value",
-    "maxValue": "Max Value",
-    "minimumValue": "Minimum value",
-    "maximumValue": "Maximum value",
-    "minDate": "Min Date",
-    "maxDate": "Max Date",
-    "importFormSchemaFromFile": "Import Form Schema from File",
-    "importFormSchema": "Import Form Schema",
-    "importFormSchemaFromUrls": "Import Form Schema from URLs",
-    "importSplitSchemas": "Import Schema – Provide a JSON schema to generate a form.",
-    "uploadSplitSchemas": "Upload Schema – Upload a JSON schema file to generate a form.",
-    "enterUrlsSplitSchemas": "Enter URL for Schema – Provide a URL to fetch a schema and generate a form.",
-    "dataSchemaImport": "Data Schema (Optional)",
-    "uiSchemaImport": "UI Schema (Optional)",
-    "containsFieldDefinitions": "Contains field definitions and validation rules",
-    "containsThemeLayout": "Contains theme, layout, and widget definitions",
-    "dataSchemaUrl": "Data Schema URL (Optional)",
-    "uiSchemaUrl": "UI Schema URL (Optional)",
-    "addTagOnBlur": "Add Tag On Blur",
-    "addTabs": "Add tabs",
-    "alignment": "Alignment",
-    "allowAdding": "Allow Adding",
-    "allowFiltering": "Allow Filtering",
-    "allowCustomValue": "Allow Custom Value",
-    "allowDeleting": "Allow Deleting",
-    "allowEditing": "Allow Editing",
-    "allowExtensions": "Allow Extensions",
-    "allowMultiple": "Allow Multiple",
-    "allowPaging": "Allow Paging",
-    "allowReset": "Allow Reset",
-    "autocomplete": "Autocomplete",
-    "backgroundColor": "Background Color",
-    "buttons": "Buttons",
-    "buttonsConfiguration": "Buttons Configuration",
-    "cssClass": "CSS Class",
-    "calendarMode": "Calendar Mode",
-    "simple": "Simple",
-    "developer": "Developer",
-    "simpleMode": "Simple Mode",
-    "developerMode": "Developer Mode",
-    "calendarViewDepth": "Calendar View Depth",
-    "cardSubtitle": "Card Subtitle",
-    "cardTitle": "Card Title",
-    "checkboxLabelPosition": "Checkbox Label Position",
-    "checkboxOptions": "Checkbox Options",
-    "checked": "Checked",
-    "cols": "Cols",
-    "columnDefinitions": "Columns",
-    "containerWidth": "Container Width",
-    "columnWidth": "Column Width",
-    "setTableColumnWidth": "Set width percentages for each table column",
-    "content": "Content",
-    "currencyCode": "Currency Code",
-    "dayHeaderFormat": "Day Header Format",
-    "delimiterCharacter": "Delimiter Character",
-    "enableHtmlSanitizer": "Enable HTML Sanitizer",
-    "enableMultiple": "Enable Multiple",
-    "enableOpacity": "Enable Opacity",
-    "enableVirtualization": "Enable Virtualization",
-    "fieldLabelPosition": "Field Label Position",
-    "floatLabelType": "Float Label Type",
-    "format": "Format",
-    "gapBetweenButtons": "Gap Between Buttons",
-    "htmlAttributes": "HTML Attributes",
-    "htmlContent": "HTML Content",
-    "height": "Height",
-    "hideBorder": "Hide Border",
-    "hideLabel": "Hide Label",
-    "iconCssClass": "Icon CSS Class",
-    "indeterminate": "Indeterminate",
-    "dataSource": "DataSource",
-    "data": "Data",
-    "initialView": "Initial View (Start Property)",
-    "items": "Items",
-    "itemsCount": "Items Count",
-    "label": "Label",
-    "labelPosition": "Label Position",
-    "labelWidth": "Label Width",
-    "layoutDirection": "Layout Direction",
-    "mask": "Mask",
-    "maximumDate": "Maximum Date",
-    "maximumFileSize": "Maximum File Size",
-    "maximumLength": "Maximum Length",
-    "maximumStrokeWidth": "Maximum Stroke Width",
-    "maximumTime": "Maximum Time",
-    "minimum": "Minimum",
-    "minimumDate": "Minimum Date",
-    "minimumFileSize": "Minimum File Size",
-    "minimumLength": "Minimum Length",
-    "minimumStrokeWidth": "Minimum Stroke Width",
-    "minimumTime": "Minimum Time",
-    "multiline": "Multiline",
-    "on": "On",
-    "off": "Off",
-    "offText": "Off Text",
-    "onText": "On Text",
-    "options": "Options",
-    "pageSize": "Page Size",
-    "size": "Size",
-    "placeholder": "Placeholder",
-    "popupHeight": "Popup Height",
-    "popupWidth": "Popup Width",
-    "promptCharacter": "Prompt Character",
-    "ratingLabelPosition": "Rating Label Position",
-    "readOnly": "Read Only",
-    "regularExpressionPattern": "Regular Expression Pattern",
-    "removeUrl": "Remove URL",
-    "rows": "Rows",
-    "saveUrl": "Save URL",
-    "selectAllText": "Select All Text",
-    "severity": "Severity",
-    "showButtons": "Show Buttons",
-    "showClearButton": "Show Clear Button",
-    "showCloseIcon": "Show Close Icon",
-    "showDropdownIcon": "Show DropDown Icon",
-    "showFileList": "Show File List",
-    "showIcon": "Show Icon",
-    "showNoColor": "Show No Color",
-    "showRatingLabel": "Show Rating Label",
-    "showRatingTooltip": "Show Rating Tooltip",
-    "showRecentColors": "Show Recent Colors",
-    "showSelectAll": "Show Select All",
-    "showTodayButton": "Show Today Button",
-    "spacingBetweenItems": "Spacing Between Items",
-    "step": "Step",
-    "strokeColor": "Stroke Color",
-    "style": "Style",
-    "tooltip": "Tooltip",
-    "unselectAllText": "Unselect All Text",
-    "validateOn": "ValidateOn",
-    "validationMessage": "Error Message",
-    "value": "Value",
-    "variant": "Variant",
-    "velocity": "Velocity",
-    "visualMode": "Visual Mode",
-    "startIndex": "Start Index",
-    "startIndexDescription": "Starting number for auto-increment sequence",
-    "charForPlaceholder": "Character for placeholder",
-    "enterHtmlCode": "Enter HTML code",
-    "allowedExtensionsFormat": "Pass allowedExtensions as \".jpg,.png\".",
-    "pasteJsonArrayRecords": "Paste JSON array of records (optional)",
-    "provideCustomValidationMessage": "Provide a custom validation message",
-    "providePlaceholder": "Provide a placeholder",
-    "provideDescription": "Provide a description",
-    "providePrefix": "Provide a prefix",
-    "provideSuffix": "Provide a suffix",
-    "selectDatePlaceholder": "Select date",
-    "selectInitialDateTime": "Select initial date and time",
-    "selectInitialTime": "Select initial time",
-    "selectMaximumDate": "Select maximum date",
-    "selectMaximumTime": "Select maximum time",
-    "selectMinimumDate": "Select minimum date",
-    "selectMinimumTime": "Select minimum time",
-    "selectStartEndDates": "Select start and end dates",
-    "percentageCalculationHint": "calculates in percentage (e.g., 30)",
-    "phoneFormatExample": "e.g., (999)999-9999 for phone",
-    "timeFormatEvening": "e.g., 05:00 PM",
-    "timeFormatMorning": "e.g., 09:00 AM",
-    "widthFormatFlexible": "e.g., 100%, 400px, auto",
-    "widthFormatExample1": "e.g., 100%, 500px",
-    "widthFormatExample2": "e.g., 100%, 800px",
-    "dimensionFormatExample1": "e.g., 200px, 50vh",
-    "dimensionFormatExample2": "e.g., 300px, 400px",
-    "dimensionFormatExample3": "e.g., 300px, 50%",
-    "dimensionFormatExample4": "e.g., 300px, 50%, 100%",
-    "spacingFormatExample1": "e.g., 4px, 0.5rem, 1em",
-    "spacingFormatExample2": "e.g., 8px, 1rem",
-    "currencyCodeExample": "e.g., USD, EUR",
-    "arrayItemsExample": "e.g., [\"item1\", \"item2\"]",
-    "dataAttributeExample1": "e.g., data-test, aria-label",
-    "dataAttributeExample2": "e.g., data-test, aria-label, etc.",
-    "cssIconExample": "e.g., e-icon-close, fa fa-icon",
-    "numberFormatExample": "e.g., n2, c2",
-    "abbreviated": "Abbreviated",
-    "headers": "Request Headers",
-    "headerKey": "Key ",
-    "endpointUrl": "Endpoint URL",
-    "enterUrl": "Enter API endpoint URL",
-    "queryConfiguration": "Query Configuration",
-    "adaptorType": "Adaptor Type",
-    "dataPath": "Data Path",
-    "dataPathPlaceholder": "e.g., results.items",
-    "addQueryParams": "Add query params",
-    "enableSearch": "Enable Search",
-    "queryParameterName": "Param name",
-    "fieldToSearch": "Use {fieldName} to reference form field values at runtime. ",
-    "fieldsToSearchIn": "Fields to search in (e.g., 'name, email')",
-    'sort': "Sort",
-    "enableSort": "Enable Sort",
-    "fieldToSortBy": "Field to sort by (e.g., 'name')",
-    "ascending": "Ascending",
-    "descending": "Descending",
-    "filters": "Filters",
-    "fieldStatus": "Field (e.g., 'status')",
-    "offset": "Offset",
-    "limit": "Limit",
-    "skipOffset": "Skip (offset)",
-    "takeLimit": "Take (limit)",
-    "after": "After",
-    "always": "Always",
-    "defaultTabValue": "Tab 1",
-    "defaultOptionValue": "Option 1",
-    "auto": "Auto",
-    "before": "Before",
-    "blur": "Blur",
-    "bottom": "Bottom",
-    "box": "Box",
-    "center": "Center",
-    "change": "Change",
-    "decade": "Decade",
-    "default": "Default",
-    "delimiter": "Delimiter",
-    "email": "Email",
-    "error": "Error",
-    "filled": "Filled",
-    "flat": "Flat",
-    "gregorian": "Gregorian",
-    "information": "Information",
-    "islamic": "Islamic",
-    "left": "Left",
-    "month": "Month",
-    "narrow": "Narrow",
-    "never": "Never",
-    "outlined": "Outlined",
-    "password": "Password",
-    "primary": "Primary",
-    "reset": "Reset",
-    "right": "Right",
-    "row": "Row",
-    "selectAll": "Select All",
-    "short": "Short",
-    "standard": "Standard",
-    "submit": "Submit",
-    "success": "Success",
-    "text": "Text",
-    "top": "Top",
-    "unselectAll": "Unselect All",
-    "url": "URL",
-    "warning": "Warning",
-    "wide": "Wide",
-    "year": "Year",
-    "n2": "n2",
-    "tags": "Tags",
-    "rawData": "Raw Data",
-    "remoteUrl": "Remote URL",
-    "selectFormName": "Select form name",
-    "selectField": "Select field",
-    "selectFormSubmissions": "Select a form to populate grid with its submission data",
-    "creatorsettings": "Creator Settings",
-    "condition": "Condition",
-    "expression": "Expression value",
-    "expressionDesc": "Set computed field value based on other fields",
-    "expressionPlaceholder": "e.g., {qty} * {price}",
-    "useFieldValue": "Use field value",
-    "conditionalVisibility": "Conditional Visibility",
-    "conditionalHide": "Conditional Hide",
-    "conditionalVisibilityDescription": "Show this field when the following condition is true:",
-    "conditionalHideDescription": "Hide this field when the following condition is true:",
-    "conditionalReadOnly": "Conditional Read-Only",
-    "conditionalRequired": "Conditional Required",
-    "conditionalRequiredDescription": "Make this field required when the following condition is true:",
-    "conditionalSetValue": "Set Value When",
-    "conditionalSetValueDescription": "Set the field dynamic value when the following condition is true:",
-    "setValue": "Value:",
-    "conditionalReadOnlyDescription": "Make this field read-only (non-editable) when:",
-    "conditionalDisable": "Conditional Disable",
-    "conditionalDisableDescription": "Disable this field (grayed out, excluded from validation) when:",
-    "configureCheckboxGroupOptions": "Configure checkbox group options",
-    "configureDropdownOptions": "Configure dropdown options",
-    "configureMultiselectOptions": "Configure multiselect options",
-    "configureRadioButtonOptions": "Configure radio button options",
-    "configureSplitButtonItems": "Configure split button items",
-    "choiceBasedField": "Choice-Based Field",
-    "choiceBasedFieldDescription": "Map dependent field options based on primary field selection",
-    "selectPrimaryField": "Select Primary Field",
-    "selectPrimaryOption": "Select Option",
-    "selectDependentOptions": "Select Dependent Options",
-    "defineGridColumnsWithValidation": "Define grid columns with validation rules per column type",
-    "enableVirtualScrollingForLargeData": "Enable virtual scrolling for large datasets",
-    "hideLabelDescription": "Hide field labels and only show input elements",
-    "sizeDescription": "The overall size of form elements",
-    "floatLabelTypeDescription": "Controls how labels float when interacting with input fields",
-    "conditionalData": "Conditional Data",
-    "customizeColumns": "Customize columns",
-    "conditionalDataDescription": "Set the data source based on form field conditions",
-    "conditionalDataConditionDescription": "Define when this data source should be applied",
-    "customValidation": "Custom Validation",
-    "customValidationErrorMessage": "Validation message is required",
-    "customValidationDescription": "Write validation conditions using expressions."
-};

package/src/context/FormSchemaContext.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import type { ReactNode } from 'react';
-import type { FormSchema, Schema } from '../types/FormSchema';
-interface FormSchemaProviderProps {
-    children: ReactNode;
-    enablePersistence?: boolean;
-    /** Optional initial schema provided by a parent (e.g. Dashboard) */
-    initialSchema?: FormSchema | Schema;
-    /** Flag indicating if the form is a dashboard template */
-    dashboardTemplate?: boolean;
-    mode?: 'Simple' | 'Developer';
-}
-/**
- * Context for managing form schema state
- */
-interface FormSchemaContextType {
-    formSchema: FormSchema;
-    setFormSchema: (schema: FormSchema | ((prev: FormSchema) => FormSchema)) => void;
-    mode?: 'Simple' | 'Developer';
-}
-export declare const FormSchemaContext: React.Context<FormSchemaContextType>;
-/**
- * Hook to use FormSchema context
- * Must be used within FormSchemaProvider
- */
-export declare const useFormSchema: () => FormSchemaContextType;
-/**
- * FormSchemaProvider manages the form schema state with localStorage persistence
- * Similar pattern to ThemeProvider - automatically saves to localStorage on changes
- */
-export declare const FormSchemaProvider: ({ children, enablePersistence, initialSchema, dashboardTemplate, mode }: FormSchemaProviderProps) => React.JSX.Element;
-export default FormSchemaProvider;

package/src/context/FormSchemaContext.js

@@ -1,155 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { useMemo, useEffect, createContext, useContext, useCallback } from 'react';
-import { defaultFormSchema } from './defaultFormSchema';
-import { UniversalJsonParser } from '../../Common/parser';
-import { ClipboardHelper } from '../utils/ClipboardHelper';
-import { isDefaultFormSchema } from '../components/layout/MainSection';
-// Create the FormSchema context
-export const FormSchemaContext = createContext(undefined);
-/**
- * Hook to use FormSchema context
- * Must be used within FormSchemaProvider
- */
-export const useFormSchema = () => {
-    const context = useContext(FormSchemaContext);
-    if (!context) {
-        throw new Error('useFormSchema must be used within FormSchemaProvider');
-    }
-    return context;
-};
-// Helper: Get storage key based on mode
-const getStorageKey = (mode) => {
-    return mode ? `formSchema-${mode.toLowerCase()}` : 'formSchema';
-};
-/**
- * FormSchemaProvider manages the form schema state with localStorage persistence
- * Similar pattern to ThemeProvider - automatically saves to localStorage on changes
- */
-export const FormSchemaProvider = ({ children, enablePersistence = false, initialSchema, dashboardTemplate = false, mode }) => {
-    const [currentMode, setCurrentMode] = React.useState(mode);
-    // Initialize formSchema from provided initialSchema, temp localStorage, persisted storage, or default
-    const [formSchema, setFormSchemaState] = React.useState(() => {
-        try {
-            const isInitialShema = isDefaultFormSchema(initialSchema);
-            // Priority 1: explicit initialSchema prop (on-demand load)
-            if (!isInitialShema) {
-                try {
-                    // If initialSchema already matches FormSchema shape (has components), use it
-                    if (Array.isArray(initialSchema.components)) {
-                        console.log('Loaded form schema from initialSchema prop');
-                        return initialSchema;
-                    }
-                    // Otherwise attempt to parse/convert the provided payload into our FormSchema
-                    const parser = new UniversalJsonParser();
-                    const parsed = parser.parse(initialSchema);
-                    if (parsed && parsed.success && parsed.schema) {
-                        console.log('Parsed initialSchema prop into FormSchema (format:', parsed.metadata.detectedFormat, ')');
-                        return parsed.schema;
-                    }
-                    console.warn('initialSchema provided could not be normalized to FormSchema, falling back to defaults');
-                }
-                catch (err) {
-                    console.warn('Error while parsing initialSchema prop, falling back to defaults', err);
-                }
-            }
-            // Priority 2: one-time prefill from Dashboard (temp_form_schema) for backward compatibility
-            const temp = localStorage.getItem('temp_form_schema');
-            if (temp) {
-                try {
-                    const parsedTemp = JSON.parse(temp);
-                    localStorage.removeItem('temp_form_schema');
-                    console.log('Loaded form schema from temp_form_schema');
-                    return parsedTemp;
-                }
-                catch (err) {
-                    console.warn('Invalid temp_form_schema, ignoring');
-                    localStorage.removeItem('temp_form_schema');
-                }
-            }
-            // Priority 3: persisted form schema if persistence enabled (mode-specific)
-            if (enablePersistence) {
-                const storageKey = getStorageKey(mode);
-                const savedSchema = localStorage.getItem(storageKey);
-                if (savedSchema) {
-                    const parsed = JSON.parse(savedSchema);
-                    console.log(`Loaded form schema from localStorage (${storageKey})`);
-                    return parsed;
-                }
-            }
-        }
-        catch (error) {
-            console.error('Failed to parse formSchema from storage:', error);
-        }
-        return defaultFormSchema;
-    });
-    // Effect: Handle mode changes - save current schema and load schema for new mode
-    useEffect(() => {
-        if (mode !== currentMode && enablePersistence) {
-            // Save current schema before switching
-            if (currentMode) {
-                try {
-                    const oldKey = getStorageKey(currentMode);
-                    localStorage.setItem(oldKey, JSON.stringify(formSchema));
-                }
-                catch (error) {
-                    console.error('Failed to save schema before mode switch:', error);
-                }
-            }
-            // Load schema for new mode
-            setCurrentMode(mode);
-            try {
-                const newKey = getStorageKey(mode);
-                const savedSchema = localStorage.getItem(newKey);
-                if (savedSchema) {
-                    setFormSchemaState(JSON.parse(savedSchema));
-                    console.log(`Loaded schema from ${newKey}`);
-                }
-                else {
-                    setFormSchemaState(defaultFormSchema);
-                }
-            }
-            catch (error) {
-                console.error('Failed to load schema for new mode:', error);
-                setFormSchemaState(defaultFormSchema);
-            }
-        }
-    }, [mode, currentMode, enablePersistence, formSchema]);
-    // Effect: Persist form schema to localStorage when it changes
-    useEffect(() => {
-        if (enablePersistence && currentMode) {
-            try {
-                const storageKey = getStorageKey(currentMode);
-                localStorage.setItem(storageKey, JSON.stringify(formSchema));
-            }
-            catch (error) {
-                console.error('Failed to save formSchema to localStorage:', error);
-            }
-        }
-    }, [formSchema, enablePersistence, currentMode]);
-    // Stable setFormSchema callback - never changes reference
-    const setFormSchema = useCallback((schema) => {
-        setFormSchemaState(schema);
-    }, []);
-    // Effect to show confirmation dialog when user tries to refresh or navigate away
-    useEffect(() => {
-        const handleBeforeUnload = (e) => {
-            e.preventDefault();
-            e.returnValue = '';
-            return '';
-        };
-        if (!enablePersistence && !dashboardTemplate) {
-            window.addEventListener('beforeunload', handleBeforeUnload);
-        }
-        return () => {
-            ClipboardHelper.clearData();
-            if (!enablePersistence && !dashboardTemplate) {
-                window.removeEventListener('beforeunload', handleBeforeUnload);
-            }
-        };
-    }, [formSchema]);
-    // Memoize the context value to prevent unnecessary re-renders
-    const value = useMemo(() => ({ formSchema, setFormSchema, mode: currentMode }), [formSchema, setFormSchema, currentMode]);
-    return (_jsx(FormSchemaContext.Provider, { value: value, children: children }));
-};
-export default FormSchemaProvider;

package/src/context/LocalizationContext.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import type { ReactNode } from 'react';
-import { L10n } from '@syncfusion/ej2-base';
-interface LocalizationProviderProps {
-    children: ReactNode;
-    locale?: string;
-}
-/**
- * Context for managing localization state
- */
-interface LocalizationContextType {
-    l10n: L10n;
-    locale: string;
-    setLocale: (locale: string) => void;
-}
-export declare const LocalizationContext: React.Context<LocalizationContextType>;
-/**
- * Hook to use Localization context
- * Must be used within LocalizationProvider
- */
-export declare const useLocalization: () => LocalizationContextType;
-/**
- * LocalizationProvider manages the localization state with L10n
- * Provides L10n instance to all components in the tree
- */
-export declare const LocalizationProvider: ({ children, locale }: LocalizationProviderProps) => React.JSX.Element;
-export default LocalizationProvider;