@syncfusion/ej2-form-renderer 34.2.2

package/src/common/json-converter.d.ts

@@ -0,0 +1,945 @@
+import { FieldDataType } from '../form-renderer';
+import { FormSchema, FormNode, ConditionRule, ButtonDefinition, visualMode, CustomValidationRule } from '../form-renderer/types/form-schema';
+/**
+ * @private
+ */
+export declare const generateId: (type: string) => string;
+/**
+ * @private
+ */
+export declare const generateName: (type: string) => string;
+/**
+ * @private
+ */
+export interface UnifiedSchema {
+    version: string;
+    properties: Record<string, FieldProperties>;
+    theme?: string;
+    layout: LayoutNode[];
+    settings?: any;
+}
+/**
+ * @private
+ */
+export interface DataSchema {
+    version: string;
+    properties: Record<string, DataField>;
+    settings?: any;
+}
+/**
+ * Represents the properties provided to the form fields in the JSON schema.
+ */
+export interface FieldProperties {
+    /**
+     * Specifies the id of the form field.
+     * @private
+     */
+    id?: string;
+    /**
+     * Specifies the type of the form field. The values are `string`, `number`, `boolean`, `array`, and so on.
+     */
+    type?: 'string' | 'number' | 'boolean' | 'array' | 'any' | 'button' | 'message' | 'sign' | 'image' | 'file' | 'color' | 'grid';
+    /**
+     * Specifies the name assigned to the form field, which is used in expressions and other form operations.
+     */
+    name?: string;
+    /**
+     * Specifies the label assigned to the form field for identification in the form UI.
+     */
+    label?: string;
+    /**
+     * Specifies an identifier for inputs such as Date Picker, DateTime Picker, TimePicker, and TextBox.
+     * Takes values such as `date` for Date Picker, `date-time` for DateTime Picker, `time` for TimePicker, and `email` and `url` for TextBox.
+     */
+    format?: 'date' | 'date-time' | 'time' | 'email' | 'url';
+    /**
+     * Specifies the default value of the form field.
+     */
+    defaultValue?: FieldDataType;
+    /**
+     * Specifies the expression assigned to the form field.
+     */
+    expressionValue?: string;
+    /**
+     * Specifies the text content used for message fields.
+     */
+    content?: string;
+    /**
+     * Specifies the type of the button set on the button field.
+     */
+    buttonType?: string;
+    /**
+     * Specifies the type of the text box set on the text box field.
+     * Takes values such as `text`, `password`, `email`, `number`, and `url`.
+     */
+    textboxType?: string;
+    /**
+     * Specifies the multiple choice options set on the form field.
+     * This property applies to Radio Button, Dropdown List, MultiSelect, and Checkbox Group.
+     */
+    options?: string[] | unknown[];
+    /**
+     * Specifies whether the current field is mandatory.
+     */
+    required?: boolean;
+    /**
+     * Specifies the minimum length of input allowed for the text box and text area.
+     */
+    minLength?: number;
+    /**
+     * Specifies the maximum length of input allowed for the text box and text area.
+     */
+    maxLength?: number;
+    /**
+     * Specifies the minimum value that can be set to the rating and range slider components.
+     */
+    minValue?: number;
+    /**
+     * Specifies the maximum value that can be set to the range slider component.
+     */
+    maxValue?: number;
+    /**
+     * Specifies the minimum date value that can be set to the DateRange Picker.
+     */
+    minDate?: string;
+    /**
+     * Specifies the maximum date value that can be set to the DateRange Picker.
+     */
+    maxDate?: string;
+    /**
+     * @private
+     */
+    minTime?: string;
+    /**
+     * @private
+     */
+    maxTime?: string;
+    /**
+     * Specifies the regular expression pattern used to validate the text box and text area form fields.
+     */
+    pattern?: string;
+    /**
+     * Specifies the widget used for the current component.
+     */
+    widget?: 'textbox' | 'textarea' | 'number' | 'checkbox' | 'checkboxGroup' | 'radio' | 'dropdown' | 'multiselect' | 'button' | 'date' | 'dateTime' | 'time' | 'dateRange' | 'switch' | 'signature' | 'rating' | 'imageEditor' | 'fileUpload' | 'rangeSlider' | 'colorPicker' | 'inputMask' | 'message' | 'panel' | 'table' | 'tabs' | 'dataGrid' | 'staticHtml' | 'card' | 'splitButton' | 'richTextEditor';
+    /**
+     * @private
+     */
+    _configured?: boolean;
+    /**
+     * Specifies the description text displayed beneath the field for additional guidance across supported components.
+     */
+    description?: string | undefined;
+    /**
+     * Specifies the prefix content displayed before the input for textbox, textarea, number, and input mask fields.
+     */
+    prefix?: string | undefined;
+    /**
+     * Specifies the suffix content displayed after the input for textbox, textarea, number, and input mask fields.
+     */
+    suffix?: string | undefined;
+    /**
+     * Specifies the placeholder text displayed inside textbox, textarea, number, input mask, dropdown, and multiselect fields.
+     */
+    placeholder?: string;
+    /**
+     * Specifies whether the component is disabled in the form UI for all supported components.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies whether the component is visible or hidden in the form UI for all supported components.
+     */
+    visible?: boolean;
+    /**
+     * Specifies the tooltip text displayed for the component label for all supported components.
+     */
+    tooltip?: string;
+    /**
+     * Specifies whether the border and padding of a table or panel component are hidden.
+     */
+    hideBorders?: boolean;
+    /**
+     * Specifies whether the form field label is hidden for all supported components.
+     */
+    hideLabel?: boolean;
+    /**
+     * Specifies the CSS class name applied to the component for styling.
+     */
+    cssClass?: string;
+    /**
+     * Specifies whether the textbox component is rendered as a multi-line input.
+     */
+    multiline?: boolean;
+    /**
+     * Specifies whether the input component shows a clear button to reset the current field value.
+     */
+    showClearButton?: boolean;
+    /**
+     * Specifies whether the message component shows a close button.
+     */
+    showCloseIcon?: boolean;
+    /**
+     * Specifies whether the message component shows its severity icon.
+     */
+    showIcon?: boolean;
+    /**
+     * Specifies the visual variant of the message component.
+     */
+    variant?: 'Standard' | 'Filled' | 'Outlined';
+    /**
+     * Specifies the severity of the message component.
+     */
+    severity?: 'Information' | 'Success' | 'Warning' | 'Error';
+    /**
+     * Specifies whether the calendar component shows a today button.
+     */
+    showTodayButton?: boolean;
+    /**
+     * Specifies additional HTML attributes applied to input-like components such as textbox, textarea, and file fields.
+     */
+    htmlAttributes?: Record<string, FieldDataType>;
+    /**
+     * Specifies the position of the field label for input components, such as top, bottom, left, or right.
+     */
+    labelPosition?: string;
+    /**
+     * Specifies the alignment of button and split button components.
+     */
+    position?: string;
+    /**
+     * Specifies the label position for radio button components, such as before or after the option.
+     */
+    fieldLabelPosition?: 'After' | 'Before';
+    /**
+     * Specifies the width of the field label for aligning labels when using left or right placement.
+     */
+    labelWidth?: string;
+    /**
+     * Specifies the float label behavior for input fields that support placeholder positioning when focused.
+     */
+    floatLabelType?: 'Never' | 'Always' | 'Auto';
+    /**
+     * Specifies whether the input component is read-only.
+     */
+    readOnly?: boolean;
+    /**
+     * Specifies whether the input component allows browser autocomplete.
+     */
+    autocomplete?: boolean;
+    /**
+    * Specifies the number of columns displayed by the textarea component.
+    */
+    cols?: number;
+    /**
+     * Specifies the number of rows displayed by the textarea component.
+     */
+    textareaRows?: number;
+    /**
+     * Specifies the checked state of checkbox and switch components.
+     */
+    checked?: boolean;
+    /**
+     * Specifies the indeterminate state of checkbox components.
+     */
+    indeterminate?: boolean;
+    /**
+     * Specifies the off label text displayed by switch components.
+     */
+    offLabel?: string;
+    /**
+     * Specifies the on label text displayed by switch components.
+     */
+    onLabel?: string;
+    /**
+     * Specifies the icon CSS class applied to button components.
+     */
+    iconCss?: string;
+    /**
+     * Specifies the icon position for button components.
+     */
+    iconPosition?: 'Left' | 'Right';
+    /**
+     * Specifies the visual style applied to button and split button components.
+     */
+    style?: 'primary' | 'flat' | 'information' | 'error' | 'success' | 'warning';
+    /**
+     * Specifies the collection of buttons for a button group component.
+     */
+    buttonsGroups?: ButtonDefinition[];
+    /**
+     * Specifies the spacing between buttons in button group and checkbox group components.
+     */
+    gap?: string;
+    /**
+     * Specifies the number of decimal places for numeric textbox components.
+     */
+    decimals?: number;
+    /**
+     * Specifies the currency format for numeric textbox components.
+     */
+    currency?: string;
+    /**
+     * Specifies the number format for numeric textbox components.
+     */
+    numberFormat?: string;
+    /**
+     * Specifies whether the rating component allows reset.
+     */
+    allowReset?: boolean;
+    /**
+     * Specifies the number of items displayed by the rating component.
+     */
+    itemsCount?: number;
+    /**
+     * Specifies the precision of the rating component.
+     */
+    precision?: number | string;
+    /**
+     * Specifies whether the rating component shows a tooltip.
+     */
+    showRatingTooltip?: boolean;
+    /**
+     * Specifies whether the rating component shows a label.
+     */
+    showRatingLabel?: boolean;
+    /**
+     * Specifies the position of the rating label.
+     */
+    ratingLabelPosition?: 'Top' | 'Bottom' | 'Left' | 'Right';
+    /**
+     * Specifies the height of the image editor component.
+     */
+    height?: number | null;
+    /**
+     * Specifies the width of the image editor component.
+     */
+    width?: number | null;
+    /**
+     * Specifies the background color of the signature component.
+     */
+    backgroundColor?: string;
+    /**
+     * Specifies the stroke color of the signature component.
+     */
+    strokeColor?: string;
+    /**
+     * Specifies the maximum stroke width of the signature component.
+     */
+    maximumStrokeWidth?: number;
+    /**
+     * Specifies the minimum stroke width of the signature component.
+     */
+    minimumStrokeWidth?: number;
+    /**
+     * Specifies the velocity of the signature component.
+     */
+    velocity?: number;
+    /**
+     * Specifies whether the color picker component enables opacity.
+     */
+    enableOpacity?: boolean;
+    /**
+     * Specifies whether the color picker shows a no-color option.
+     */
+    showNoColor?: boolean;
+    /**
+     * Specifies whether the color picker shows buttons.
+     */
+    showButtons?: boolean;
+    /**
+     * Specifies whether the color picker shows recent colors.
+     */
+    showRecentColors?: boolean;
+    /**
+     * Specifies the allowed file extensions for the uploader component.
+     */
+    allowExtensions?: string;
+    /**
+     * Specifies the save URL for the uploader component.
+     */
+    saveUrl?: string;
+    /**
+     * Specifies the remove URL for the uploader component.
+     */
+    removeUrl?: string;
+    /**
+     * Specifies the button configuration for the uploader component.
+     */
+    buttons?: object;
+    /**
+     * Specifies whether the uploader component allows multiple files.
+     */
+    allowMultiple?: boolean;
+    /**
+     * Specifies whether the uploader component shows a file list.
+     */
+    showFileList?: boolean;
+    /**
+     * Specifies the data source used by the data grid component.
+     */
+    dataSource?: [] | unknown;
+    /**
+     * Specifies the calendar system used by the DatePicker, DateTimePicker, or DateRangePicker component.
+     */
+    calendarMode?: 'Gregorian' | 'Islamic';
+    /**
+     * Specifies the format of the day names displayed in the calendar header of the DatePicker, DateTimePicker, or DateRangePicker component.
+     */
+    dayHeaderFormat?: 'Short' | 'Narrow' | 'Abbreviated' | 'Wide';
+    /**
+     * Specifies the maximum navigation depth available in the calendar view of the DatePicker, DateTimePicker, or DateRangePicker component.
+     */
+    depth?: 'Month' | 'Year' | 'Decade';
+    /**
+     * Specifies the first day of the week displayed in the calendar of the DatePicker, DateTimePicker, or DateRangePicker component.
+     */
+    firstDayOfWeek?: number;
+    /**
+     * Specifies the initial calendar view displayed when opening the DatePicker, DateTimePicker, or DateRangePicker component.
+     */
+    start?: 'Month' | 'Year' | 'Decade';
+    /**
+     * Specifies whether users can manually enter or edit values in the DateTimePicker input field.
+     */
+    allowEdit?: boolean;
+    /**
+     * Specifies whether the DateTimePicker component is enabled for user interaction.
+     */
+    enabled?: boolean;
+    /**
+     * Specifies the display format used for the time portion in the DateTimePicker component.
+     */
+    timeFormat?: string;
+    /**
+     * Specifies the interval, in minutes, between selectable time values in the DateTimePicker component.
+     */
+    step?: number;
+    /**
+     * Specifies the initial start date value of the DateRangePicker component.
+     */
+    startDate?: string;
+    /**
+     * Specifies the initial end date value of the DateRangePicker component.
+     */
+    endDate?: string;
+    /**
+     * Specifies the separator text displayed between the start and end dates in the DateRangePicker component.
+     */
+    separator?: string;
+    /**
+     * Specifies the input mask pattern used in the MaskedTextBox component.
+     */
+    mask?: string;
+    /**
+     * Specifies custom character definitions that can be used within the mask pattern of the MaskedTextBox component.
+     */
+    customCharacters?: Record<string, string>;
+    /**
+     * Specifies the placeholder character displayed for unfilled positions in the MaskedTextBox component.
+     */
+    promptChar?: string;
+    /**
+     * Specifies whether users can add custom values that are not present in the predefined list of the MultiSelect component.
+     */
+    allowCustomValue?: boolean;
+    /**
+     * Specifies whether a selected value is added as a tag when the MultiSelect component loses focus.
+     */
+    addTagOnBlur?: boolean;
+    /**
+     * Specifies the character used to separate selected values in the MultiSelect component.
+     */
+    delimiterChar?: string;
+    /**
+     * Specifies how selected values are visually displayed in the MultiSelect component.
+     */
+    visualMode?: visualMode;
+    /**
+     * Specifies whether the Select All option is displayed in the MultiSelect component.
+     */
+    showSelectAll?: boolean;
+    /**
+     * Specifies the text displayed for the Select All option in the MultiSelect component.
+     */
+    selectAllText?: string;
+    /**
+     * Specifies the text displayed for the Unselect All option in the MultiSelect component.
+     */
+    unSelectAllText?: string;
+    /**
+     * Specifies whether to display the dropdown icon in the MultiSelect component.
+     */
+    showDropDownIcon?: boolean;
+    /****
+     * Specifies the number of records displayed per page in the DataGrid component.
+     */
+    pageSize?: number;
+    /**
+     * Specifies the visual size of the component and is applicable to all input components.
+     */
+    size?: 'Default' | 'Small' | 'Bigger';
+    /**
+     * Specifies whether paging is enabled in the DataGrid component.
+     */
+    allowPaging?: boolean;
+    /**
+     * Specifies whether new records can be added in the DataGrid component.
+     */
+    allowAdding?: boolean;
+    /**
+     * Specifies whether existing records can be edited in the DataGrid component.
+     */
+    allowEditing?: boolean;
+    /**
+     * Specifies whether records can be deleted in the DataGrid component.
+     */
+    allowDeleting?: boolean;
+    /**
+     * Specifies the position of the label relative to the checkbox. Applicable to CheckBox and CheckBoxGroup components.
+     */
+    checkboxLabelPosition?: 'Before' | 'After';
+    /**
+     * Specifies the layout direction used to arrange checkboxes in the CheckBoxGroup component.
+     */
+    layoutDirection?: 'row' | 'column';
+    /**
+     * Specifies whether HTML content is sanitized before rendering in the Static HTML component.
+     */
+    enableHtmlSanitizer?: boolean;
+    /**
+     * Specifies whether virtualization is enabled to efficiently render large data sets in the DropDownList and MultiSelect components.
+     */
+    enableVirtualization?: boolean;
+    /**
+     * Specifies the height of the popup displayed by the DropDownList and MultiSelect components.
+     */
+    popupHeight?: string;
+    /**
+     * Specifies the width of the popup displayed by the DropDownList and MultiSelect components.
+     */
+    popupWidth?: string;
+    /**
+    * Specifies the visual style of the message displayed in the Message component.
+    */
+    messageType?: 'info' | 'success' | 'warning' | 'error';
+    /**
+     * Specifies the child form nodes contained within the Panel or Card layout component.
+     */
+    children?: FormNode[];
+    /**
+     * Specifies the number of rows in the Table layout component.
+     */
+    rows?: number;
+    /**
+     * Specifies the number of columns in the Table layout component.
+     */
+    columns?: number | FieldDataType;
+    /**
+     * Specifies the legend text displayed in the Panel layout component.
+     */
+    legend?: string;
+    /**
+     * Specifies the title displayed in the Card layout component.
+     */
+    cardTitle?: string;
+    /**
+     * Specifies the subtitle displayed in the Card layout component.
+     */
+    cardSubtitle?: string;
+    /**
+     * Specifies the width configuration for columns in the Table layout component.
+     */
+    columnWidths?: {
+        /**
+         * Specifies the total number of columns in the table.
+         */
+        columns: number;
+        /**
+         * Specifies the percentage width for each column in the table.
+         */
+        widths: number[];
+    };
+    /**
+     * Specifies the tab items and their associated content in the Tab layout component.
+     */
+    tabItems?: Array<{
+        header: string;
+        content?: FormNode[];
+    }>;
+    /**
+     * Specifies the table cell content used to render form nodes within the Table layout component.
+     */
+    tableCells?: FormNode[][][];
+    /**
+     * Specifies the header text for each tab in the Tab layout component.
+     */
+    tabOptions?: string[];
+    /**
+     * Specifies the settings to enable importing Word documents in the Rich Text Editor component.
+     */
+    enableImportFromWord?: {
+        /**
+         * Specifies whether the import from Word feature is enabled.
+         */
+        enabled: boolean;
+        /**
+         * Specifies the service endpoint used to process Word document imports in Rich Text Editor.
+         */
+        serviceUrl: string;
+    };
+    /**
+     * Specifies the settings to enable exporting content as a Word document in the Rich Text Editor component.
+     */
+    enableExportToWord?: {
+        /**
+         * Specifies whether the export to Word feature is enabled.
+         */
+        enabled: boolean;
+        /**
+         * Specifies the service endpoint used to process Word document exports.
+         */
+        serviceUrl: string;
+    };
+    /**
+     * Specifies the settings to enable exporting content as a PDF document in the Rich Text Editor component.
+     */
+    enableExportToPdf?: {
+        /**
+         * Specifies whether the export to PDF feature is enabled.
+         */
+        enabled: boolean;
+        /**
+         * Specifies the service endpoint used to process PDF exports.
+         */
+        serviceUrl: string;
+    };
+    /**
+     * Specifies the conditional rules for the component, such as visibility, enablement, or other behavior based on form field values.
+     * Applicable to all form components.
+     */
+    conditions?: ConditionRule | FieldDataType;
+    /**
+     * Specifies custom validation rules and validation messages for the component.
+     * Applicable to all input form field components.
+     */
+    customValidation?: CustomValidationRule[] | FieldDataType;
+    /**
+     * Additional UI properties supported by the rendered component.
+     */
+    [key: string]: unknown;
+}
+/**
+ * @private
+ */
+export interface DataField {
+    id: string;
+    type: 'string' | 'number' | 'boolean' | 'array' | 'any' | 'button' | 'message' | 'sign' | 'image' | 'file' | 'color' | 'grid';
+    name: string;
+    label?: string;
+    format?: 'date' | 'date-time' | 'time' | 'email' | 'url';
+    defaultValue?: any;
+    expressionValue?: string;
+    content?: string;
+    buttonType?: string;
+    textboxType?: string;
+    options?: string[] | any[] | string | any;
+    required?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    minValue?: number;
+    maxValue?: number;
+    minDate?: string;
+    maxDate?: string;
+    minTime?: string;
+    maxTime?: string;
+    pattern?: string;
+}
+/**
+ * @private
+ */
+export interface UISchema {
+    properties: Record<string, UIField>;
+    layout: LayoutNode[];
+}
+/**
+ * @private
+ */
+export interface UIField {
+    widget: string;
+    _configured?: boolean;
+    [key: string]: any;
+}
+/**
+ * Specifies the layouts available in the form.
+ */
+export declare type LayoutNode = FieldNode | TableNode | PanelNode | TabsNode | CardNode;
+/**
+ * Provides the properties to signify a field node.
+ */
+export interface FieldNode {
+    /**
+     * Specifies the type identifier of the layout node, set to `field`.
+     */
+    type: 'field';
+    /**
+     * Specifies the field id in the properties key, which is provided as a reference to the layout.
+     */
+    propertyId: string;
+}
+/**
+ * Provides the properties to signify a table.
+ */
+export interface TableNode {
+    /**
+     * Specifies the type identifier of the layout node, set to `table`.
+     */
+    type: 'table';
+    /**
+     * Specifies the id of the table.
+     */
+    id: string;
+    /**
+     * Specifies the name assigned to the table, which is used in expressions and other form operations.
+     */
+    name: string;
+    /**
+     * Specifies the label assigned to the table for identification in the form UI.
+     */
+    label?: string;
+    /**
+     * Specifies the class name that can be added to the table for CSS styling.
+     */
+    cssClass?: string;
+    /**
+     * Specifies whether the border of the table is hidden.
+     */
+    hideBorders?: boolean;
+    /**
+     * Specifies the row count in the table.
+     */
+    rows: number;
+    /**
+     * Specifies the column count in the table.
+     */
+    cols: number;
+    /**
+     * Specifies the configuration set on the table cells.
+     */
+    cells: TableCell[][];
+    /**
+     * Specifies the configuration of the column widths.
+     */
+    columnWidths?: {
+        widths: (number | null)[];
+    };
+    /**
+     * Specifies the condition rules that are set on the table element.
+     */
+    conditions?: ConditionRule;
+}
+/**
+ * Provides the properties to signify a table cell.
+ */
+export interface TableCell {
+    /**
+     * Specifies the row index of the table cell.
+     */
+    row: number;
+    /**
+     * Specifies the column index of the table cell.
+     */
+    col: number;
+    /**
+     * Specifies the fields or layouts that are available in the current cell.
+     */
+    children: LayoutNode[];
+}
+/**
+ * Provides the properties to signify a panel.
+ */
+export interface PanelNode {
+    /**
+     * Specifies the type identifier of the layout node, set to `panel`.
+     */
+    type: 'panel';
+    /**
+     * Specifies the id of the panel.
+     */
+    id: string;
+    /**
+     * Specifies the name assigned to the panel, which is used in expressions and other form operations.
+     */
+    name: string;
+    /**
+     * Specifies the label assigned to the panel for identification in the form UI.
+     */
+    label?: string;
+    /**
+     * Specifies the class name that can be added to the panel for CSS styling.
+     */
+    cssClass?: string;
+    /**
+     * Specifies whether the border of the panel is hidden.
+     */
+    hideBorders?: boolean;
+    /**
+     * Specifies whether the label of the panel is hidden.
+     */
+    hideLabel?: boolean;
+    /**
+     * Specifies the fields or layouts that are available in the current panel.
+     */
+    children: LayoutNode[];
+    /**
+     * Specifies the condition rules that are set on the panel element.
+     */
+    conditions?: ConditionRule;
+}
+/**
+ * Provides the properties to signify a tab.
+ */
+export interface TabsNode {
+    /**
+     * Specifies the type identifier of the layout node, set to `tabs`.
+     */
+    type: 'tabs';
+    /**
+     * Specifies the id of the tabs.
+     */
+    id: string;
+    /**
+     * Specifies the name assigned to the tabs, which is used in expressions and other form operations.
+     */
+    name: string;
+    /**
+     * Specifies the class name that can be added to the tabs for CSS styling.
+     */
+    cssClass?: string;
+    /**
+     * Specifies the label assigned to the tabs for identification in the form UI.
+     */
+    label?: string;
+    /**
+     * Specifies the name of each tab item.
+     */
+    tabOptions?: string[];
+    /**
+     * Specifies the configuration that has been set on each tab item.
+     */
+    tabs: TabItem[];
+    /**
+     * Specifies the condition rules that are set on the tabs element.
+     */
+    conditions?: ConditionRule;
+}
+/**
+ * Provides the properties to signify a tab item.
+ */
+export interface TabItem {
+    /**
+     * Specifies the header name of the tab.
+     */
+    header: string;
+    /**
+     * Specifies the fields or layouts that are available in the current tab item.
+     */
+    children: LayoutNode[];
+}
+/**
+ * Provides the properties to signify a card.
+ */
+export interface CardNode {
+    /**
+     * Specifies the type identifier of the layout node, set to `card`.
+     */
+    type: 'card';
+    /**
+     * Specifies the id of the card.
+     */
+    id: string;
+    /**
+     * Specifies the name assigned to the card, which is used in expressions and other form operations.
+     */
+    name: string;
+    /**
+     * Specifies the label assigned to the card for identification in the form UI.
+     */
+    label?: string;
+    /**
+     * Specifies the class name that can be added to the card for CSS styling.
+     */
+    cssClass?: string;
+    /**
+     * Specifies whether the label of the card is hidden.
+     */
+    hideLabel?: boolean;
+    /**
+     * Specifies the title of the card.
+     */
+    cardTitle?: string;
+    /**
+     * Specifies the subtitle of the card.
+     */
+    cardSubtitle?: string;
+    /**
+     * Specifies the fields or layouts that are available in the current card.
+     */
+    children: LayoutNode[];
+    /**
+     * Specifies the condition rules that are set on the card element.
+     */
+    conditions?: ConditionRule;
+}
+/**
+ * @private
+ */
+export declare function labelToFieldKey(label: string, fallbackId?: string): string;
+/**
+ * @private
+ */
+export declare function makeUniqueFieldKey(baseKey: string, existingKeys: Set<string>, originalId?: string): string;
+/**
+ * @private
+ */
+export declare const UI_TYPE_TO_SEMANTIC_TYPE: Record<string, {
+    type: DataField['type'];
+    format?: string;
+} | null>;
+/**
+ * @private
+ */
+export declare function splitSchema(heartSchema: FormSchema): UnifiedSchema;
+/**
+ * @private
+ */
+export declare function mergeSchema(unified: UnifiedSchema): FormSchema;
+/**
+ * @private
+ */
+export declare function inferWidgetFromType(type: string, format?: string, hasOptions?: boolean): string;
+/**
+ * @private
+ */
+export interface FieldMatchResult {
+    existingId: string;
+    newDataId: string;
+    confidence: 'exact' | 'high' | 'medium' | 'low';
+    method: 'id' | 'label-exact' | 'label-fuzzy' | 'new';
+    similarity?: number;
+}
+/**
+ * @private
+ */
+export declare function matchFieldWithIDPreservation(newDataField: DataField, existingUISchema: UISchema): FieldMatchResult;
+/**
+ * @private
+ */
+export declare function mergeWithIDRemapping(newDataSchema: DataSchema, existingUISchema: UISchema): FormSchema;
+/**
+ * @private
+ */
+export declare function extractFieldIdsFromLayout(layout: LayoutNode[]): Set<string>;
+/**
+ * @private
+ */
+export declare function convertComponentsToDataSchema(components: FormNode[]): DataSchema;