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

package/src/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @syncfusion/ej2-react-form-builder
+ * Form Builder Component - Visual drag-and-drop form editor
+ */
+
+export { FormBuilder } from './FormBuilder.js';
+
+export type {
+  IFormBuilder,
+  PropertyChangedEventArgs,
+  FieldDragStartedEventArgs,
+  FieldDraggingOverEventArgs,
+  FieldDroppedEventArgs
+} from './FormBuilder.js';
+
+export type { DefaultTemplates, PaletteConfig, Schema, } from './types/FormSchema.js';

package/src/index.js

@@ -0,0 +1,6 @@
+/**
+ * @syncfusion/ej2-react-form-builder
+ * Form Builder Component - Visual drag-and-drop form editor
+ */
+
+export { FormBuilder } from './FormBuilder.js';

package/src/types/ActionButtons.d.ts

@@ -0,0 +1,44 @@
+import type { FormComponent } from './FormSchema';
+/**
+ * Enumeration of available action button types
+ */
+export declare const ActionButtonType: {
+    readonly PASTE: "paste";
+    readonly COPY: "copy";
+    readonly DELETE: "delete";
+    readonly SWITCH_WIDGET: "switch_widget";
+};
+export type ActionButtonType = typeof ActionButtonType[keyof typeof ActionButtonType];
+/**
+ * System clipboard state for managing copied field configurations
+ * Uses navigator.clipboard API for cross-tab compatibility
+ */
+export interface ClipboardState {
+    /** Checks if clipboard contains valid field data */
+    hasClipboardData: () => Promise<boolean>;
+    /** Writes field configuration to system clipboard as JSON */
+    copyToClipboard: (field: FormComponent) => Promise<void>;
+    /** Reads field configuration from system clipboard */
+    readFromClipboard: () => Promise<FormComponent | null>;
+}
+/**
+ * Collection of callback functions for handling field actions
+ */
+export interface FormFieldActionHandlers {
+    /** Opens PropertyDialog with current field values */
+    onEdit: (fieldId: string) => void;
+    /** Stores field in system clipboard as JSON */
+    onCopy: (field: FormComponent) => void;
+    /** Pastes copied field after (next to) target field */
+    onPaste: (targetFieldId: string) => void;
+    /** Removes field from schema */
+    onDelete: (fieldId: string) => void;
+}
+/**
+ * Icon CSS classes for action buttons (Syncfusion ej2-icons)
+ */
+export declare const ACTION_BUTTON_ICONS: Record<ActionButtonType, string>;
+/**
+ * Aria labels for action buttons (accessibility)
+ */
+export declare const ACTION_BUTTON_LABELS: Record<ActionButtonType, string>;

package/src/types/ActionButtons.js

@@ -0,0 +1,27 @@
+/**
+ * Enumeration of available action button types
+ */
+export const ActionButtonType = {
+    PASTE: 'paste',
+    COPY: 'copy',
+    DELETE: 'delete',
+    SWITCH_WIDGET: 'switch_widget'
+};
+/**
+ * Icon CSS classes for action buttons (Syncfusion ej2-icons)
+ */
+export const ACTION_BUTTON_ICONS = {
+    [ActionButtonType.PASTE]: 'e-icons e-paste',
+    [ActionButtonType.COPY]: 'e-icons e-copy',
+    [ActionButtonType.DELETE]: 'e-icons e-trash',
+    [ActionButtonType.SWITCH_WIDGET]: 'e-icons e-repeat'
+};
+/**
+ * Aria labels for action buttons (accessibility)
+ */
+export const ACTION_BUTTON_LABELS = {
+    [ActionButtonType.PASTE]: 'Paste copied field after this field',
+    [ActionButtonType.COPY]: 'Copy field configuration to clipboard',
+    [ActionButtonType.DELETE]: 'Delete field',
+    [ActionButtonType.SWITCH_WIDGET]: 'Switch widget type'
+};

package/src/types/ComponentProperties.d.ts

@@ -0,0 +1,33 @@
+export interface PropertyDefinition {
+    name: string;
+    key: string;
+    label: string;
+    type: 'text' | 'number' | 'boolean' | 'dropdown' | 'object' | 'lookupconfig' | 'conditionBuilder' | 'expression' | 'customValidation' | 'multiselect' | 'radio' | 'minMaxEditor' | 'options' | 'day' | 'time' | 'datetime' | 'attributes' | 'array' | 'daterange' | 'color' | 'datagridcolumns' | 'json' | 'buttonGroup' | 'html' | 'columnspaneditor' | 'switch' | 'URLImport';
+    default: any;
+    required?: boolean;
+    placeholder?: string;
+    editorMode?: 'date' | 'number' | 'time';
+    length?: number;
+    description?: string;
+    options?: string[];
+    min?: number;
+    max?: number;
+    step?: number;
+    componentType?: string;
+}
+export interface PropertyGroup {
+    name: string;
+    properties: PropertyDefinition[];
+}
+export interface ComponentDefinition {
+    type: string;
+    displayName: string;
+    category: string;
+    groups: PropertyGroup[];
+}
+export interface ComponentsConfig {
+    [key: string]: ComponentDefinition;
+}
+export interface PropertyValues {
+    [key: string]: any;
+}

package/src/types/ComponentProperties.js

@@ -0,0 +1,2 @@
+// Type definitions for component property configuration
+export {};