@syncfusion/ej2-form-renderer 34.2.2

package/src/common/static-html-renderer.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @private
+ * `StaticHtmlRenderer` is the Category C native reimplementation of
+ * `Common/StaticHtmlRenderer.tsx`.
+ *
+ * Renders raw HTML into a `div`. Calls `SanitizeHtmlHelper.sanitize`
+ * **only when** `enableHtmlSanitizer` is true; otherwise renders the raw
+ * content. Supports an optional `id`.
+ *
+ * Mirrors the React component's `useMemo([content])` memoization by
+ * recomputing the rendered string only when `content` changes — the host
+ * replaces the inner HTML directly via `update()`.
+ */
+export declare class StaticHtmlRenderer {
+    private el;
+    private content;
+    private enableHtmlSanitizer;
+    private id?;
+    constructor(options: {
+        content: string;
+        id?: string;
+        enableHtmlSanitizer?: boolean;
+        target?: HTMLElement;
+    });
+    private resolveHtml;
+    /**
+     * Create and return the container element with the rendered HTML
+     * already injected. The caller appends the returned element to the DOM.
+     */
+    render(): HTMLElement;
+    /**
+     * Update the rendered content in-place (re-runs the sanitization /
+     * raw-pass-through). Used by the host when `content` changes.
+     */
+    update(content: string): void;
+    /**
+     * Return the live host element (or null before `render()`).
+     */
+    getElement(): HTMLElement | null;
+    /**
+     * @private
+     */
+    destroy(): void;
+}
+export default StaticHtmlRenderer;

package/src/common/static-html-renderer.js

@@ -0,0 +1,77 @@
+import { isNullOrUndefined, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
+/**
+ * @private
+ * `StaticHtmlRenderer` is the Category C native reimplementation of
+ * `Common/StaticHtmlRenderer.tsx`.
+ *
+ * Renders raw HTML into a `div`. Calls `SanitizeHtmlHelper.sanitize`
+ * **only when** `enableHtmlSanitizer` is true; otherwise renders the raw
+ * content. Supports an optional `id`.
+ *
+ * Mirrors the React component's `useMemo([content])` memoization by
+ * recomputing the rendered string only when `content` changes — the host
+ * replaces the inner HTML directly via `update()`.
+ */
+var StaticHtmlRenderer = /** @class */ (function () {
+    function StaticHtmlRenderer(options) {
+        this.content = options.content;
+        this.id = options.id;
+        this.enableHtmlSanitizer = isNullOrUndefined(options.enableHtmlSanitizer) ? true : options.enableHtmlSanitizer;
+        this.el = options.target || null;
+    }
+    StaticHtmlRenderer.prototype.resolveHtml = function (content) {
+        try {
+            if (this.enableHtmlSanitizer) {
+                return SanitizeHtmlHelper.sanitize(content);
+            }
+            return content;
+        }
+        catch (error) {
+            return '';
+        }
+    };
+    /**
+     * Create and return the container element with the rendered HTML
+     * already injected. The caller appends the returned element to the DOM.
+     */
+    StaticHtmlRenderer.prototype.render = function () {
+        var div = document.createElement('div');
+        if (this.id) {
+            div.id = this.id;
+        }
+        div.innerHTML = this.resolveHtml(this.content);
+        this.el = div;
+        return div;
+    };
+    /**
+     * Update the rendered content in-place (re-runs the sanitization /
+     * raw-pass-through). Used by the host when `content` changes.
+     */
+    StaticHtmlRenderer.prototype.update = function (content) {
+        this.content = content;
+        if (this.el) {
+            this.el.innerHTML = this.resolveHtml(this.content);
+        }
+    };
+    /**
+     * Return the live host element (or null before `render()`).
+     */
+    StaticHtmlRenderer.prototype.getElement = function () {
+        return this.el;
+    };
+    /**
+     * @private
+     */
+    StaticHtmlRenderer.prototype.destroy = function () {
+        if (this.el && this.el.parentNode) {
+            this.el.parentNode.removeChild(this.el);
+        }
+        this.el = null;
+        this.content = '';
+        this.enableHtmlSanitizer = false;
+        this.id = undefined;
+    };
+    return StaticHtmlRenderer;
+}());
+export { StaticHtmlRenderer };
+export default StaticHtmlRenderer;

package/src/common/utils.d.ts

@@ -0,0 +1,116 @@
+import { FormNode, ConditionRule } from '../form-renderer/types/form-schema';
+import { DataManager, Query } from '@syncfusion/ej2-data';
+/**
+ * @private
+ */
+export declare const VALIDATION_REGEX: {
+    [key: string]: RegExp;
+};
+/**
+ * @private
+ */
+export interface AvailableField {
+    name: string;
+    type: string;
+    format?: string;
+}
+/**
+ * Maps button style to Syncfusion CSS classes
+ * @param style - Button style ('primary' | 'flat' | 'information' | 'error' | 'success' | 'warning')
+ * @returns Space-separated CSS class string
+ * @private
+ */
+export declare const mapButtonStyleToClass: (style?: string) => string;
+/**
+ * Resolves button type to valid HTML button type
+ * @param type - Button type ('submit' | 'reset' | 'button')
+ * @returns Resolved button type
+ * @private
+ */
+export declare const resolveButtonType: (type?: "button" | "reset" | "submit") => "button" | "reset" | "submit";
+/**
+ * Maps button position to CSS justifyContent value
+ * @param position - Button position ('Left' | 'Right' | 'Center')
+ * @returns CSS justifyContent value
+ * @private
+ */
+export declare const mapPositionToJustifyContent: (position?: string) => string;
+/**
+ * @private
+ */
+export declare function splitWidths(input: Array<number | null>): number[];
+/**
+ * @private
+ */
+export declare function extractAllDescendantIds(component: FormNode): string[];
+/**
+ * @private
+ */
+export declare function formatDateValues(component: FormNode, value: any): any;
+/**
+ * @private
+ */
+export declare const getComponentFromSchema: (id?: string, formSchema?: any) => any;
+/**
+ * Helper function to get the appropriate adaptor instance
+ * @param adaptorType - Type of adaptor ('WebApiAdaptor' | 'UrlAdaptor' | 'ODataV4Adaptor')
+ * @returns Adaptor instance
+ * @private
+ */
+export declare const getAdaptorInstance: (adaptorType?: string) => any;
+/**
+ * Extracts data from a nested path using dot notation and array indices
+ * @param data - The data object or array
+ * @param path - Path to the data (e.g., 'results.items', '[0].data', 'response[0].values')
+ * @returns Extracted data or empty array
+ * @private
+ */
+export declare const extractDataFromPath: (data: any, path?: string) => any;
+/**
+ * @private
+ */
+export declare const resolveFieldBinding: (value: any, formValues: Record<string, any>, components?: FormNode[]) => any;
+/**
+ * @private
+ * (useFetchOptions is NOT located here — see ./option-fetcher.ts)
+ * (useFetchLookupOptions is NOT located here — see ./option-fetcher.ts)
+ */
+export declare const resolveOptions: (options: any, fetchedOptions: string[], fetchedLookupDataSource?: any[]) => any[];
+/**
+ * @private
+ */
+export declare const collectAvailableFieldNames: (components: FormNode[]) => AvailableField[];
+/**
+ * Resolve conditional data for a DataGrid component
+ * Evaluates all conditionalData rules and applies the first matching one
+ * Returns both dataSource and custom columns if defined
+ *
+ * @param conditions - Component conditions including conditional data rules
+ * @param formValues - Current form field values
+ * @returns Object with dataSource and columns, or undefined if no condition matches
+ * @private
+ */
+export declare const resolveConditionalData: (conditions: ConditionRule, formValues: Record<string, any>) => {
+    dataSource?: any[];
+    columns?: any[];
+};
+/**
+ * Reads the current builder mode from the URL `mode` query parameter.
+ * @returns 'Simple' | 'Developer' | undefined if not present or invalid
+ * @private
+ */
+export declare const getCurrentMode: () => "Simple" | "Developer";
+/**
+ * Navigates to a URL while preserving the current `mode` query parameter.
+ * - If `mode` is already in target, it is kept as-is.
+ * - If `mode` is present in the current URL, it is appended to the target.
+ *
+ * @param target - Target path (may include existing query params), e.g. '/?sample=builder&formId=123'
+ * @private
+ */
+export declare const navigateTo: (target: string) => void;
+/**
+ * @private
+ */
+export declare function sanitizeId(rawId: unknown, fallback?: string): string;
+export { DataManager, Query };