@datalayer/primer-rjsf/lib/playground/Playground.d.ts

React JSON Schema Form (RJSF) for Primer

export default Playground;
declare class Playground extends React.Component<any, any, any> {
    constructor(props: any);
    playGroundForm: React.RefObject<any>;
    state: {
        form: boolean;
        schema: {
            title: string;
            description: string;
            type: string;
            required: string[];
            properties: {
                firstName: {
                    type: string;
                    title: string;
                    default: string;
                };
                lastName: {
                    type: string;
                    title: string;
                };
                age: {
                    type: string;
                    title: string;
                };
                bio: {
                    type: string;
                    title: string;
                };
                password: {
                    type: string;
                    title: string;
                    minLength: number;
                };
                telephone: {
                    type: string;
                    title: string;
                    minLength: number;
                };
            };
        };
        uiSchema: {
            firstName: {
                "ui:autofocus": boolean;
                "ui:emptyValue": string;
                "ui:placeholder": string;
                "ui:autocomplete": string;
            };
            lastName: {
                "ui:autocomplete": string;
            };
            age: {
                "ui:widget": string;
                "ui:title": string;
                "ui:description": string;
            };
            bio: {
                "ui:widget": string;
            };
            password: {
                "ui:widget": string;
                "ui:help": string;
            };
            telephone: {
                "ui:options": {
                    inputType: string;
                };
            };
        };
        formData: {
            lastName: string;
            age: number;
            bio: string;
            password: string;
            telephone: string;
        };
        validate: any;
        theme: string;
        validator: string;
        subtheme: null;
        liveSettings: {
            showErrorList: string;
            validate: boolean;
            disable: boolean;
            readonly: boolean;
            omitExtraData: boolean;
            liveOmit: boolean;
        };
        shareURL: null;
        FormComponent: React.ComponentType<import("@rjsf/core").FormProps<any, import("@rjsf/utils").RJSFSchema, any>>;
    };
    componentDidMount(): void;
    shouldComponentUpdate(nextProps: any, nextState: any): boolean;
    load: (data: any) => void;
    onSchemaEdited: (schema: any) => void;
    onUISchemaEdited: (uiSchema: any) => void;
    onFormDataEdited: (formData: any) => void;
    onExtraErrorsEdited: (extraErrors: any) => void;
    onThemeSelected: (theme: any, { subthemes, stylesheet, theme: themeObj }?: {}) => void;
    onSubthemeSelected: (subtheme: any, { stylesheet }: {
        stylesheet: any;
    }) => void;
    onValidatorSelected: (validator: any) => void;
    setLiveSettings: ({ formData }: {
        formData: any;
    }) => void;
    onFormDataChange: ({ formData }: {
        formData?: string | undefined;
    }, id: any) => void;
    onShare: () => void;
    render(): import("react/jsx-runtime").JSX.Element;
}
import React from "react";