adp-web-components 0.0.95 → 0.0.97

package/dist/types/features/form-hook/form-hook.d.ts

@@ -0,0 +1,57 @@
+import { AnyObjectSchema } from 'yup';
+import { LanguageKeys, MultiLingual, SharedFormLocales } from "../multi-lingual/index";
+import { Field, FormElement, FormHookInterface, FormStateOptions, WatchCallback } from './interface';
+import { FormStructure } from '../../components/form-elements/form-structure';
+export declare class FormHook<T> {
+    haltValidation: boolean;
+    private isSubmitted;
+    private watchers;
+    private cachedValues;
+    private subscribers;
+    private schemaObject;
+    private onValuesUpdate;
+    private validationType;
+    private subscribedFields;
+    formErrors: {
+        [key: string]: string;
+    };
+    formController: any;
+    formStructure?: FormStructure;
+    openDialog: () => void;
+    context: FormHookInterface<T> & MultiLingual;
+    constructor(context: FormHookInterface<T> & MultiLingual, schemaObject: AnyObjectSchema, formStateOptions?: FormStateOptions);
+    subscribe: (formName: string, formElement: FormElement) => number;
+    unsubscribe: (formName: string) => {
+        name: string;
+        context: FormElement;
+    }[];
+    reset(): void;
+    addWatcher: (key?: string, callback?: WatchCallback) => void;
+    removeWatcher: (key: string) => void;
+    onInput: (event: Event) => void;
+    resetFormErrorMessage: () => string;
+    getFormErrors: () => {
+        [key: string]: string;
+    };
+    getFormLocale: () => [SharedFormLocales, LanguageKeys];
+    setCachedValues: (newValues: Partial<T>) => void;
+    getValue: <T_1>(name: keyof T_1) => T_1[keyof T_1];
+    getValues: <T_1>() => T_1;
+    private focusFirstInput;
+    onSubmit: (formEvent: SubmitEvent) => void;
+    getInputState: <MetaType>(name: string) => Field<MetaType>;
+    private signal;
+    validateInput: (name: string) => {
+        isError: boolean;
+        errorMessage: any;
+    };
+    rerender: ({ inputName, rerenderAll, rerenderForm }: {
+        inputName?: string;
+        rerenderForm?: boolean;
+        rerenderAll?: boolean;
+    }) => void;
+    validateForm: (name: string, value: string | boolean, strict?: boolean) => {
+        isError: boolean;
+        errorMessage: any;
+    };
+}

package/dist/types/features/form-hook/gist-loader.d.ts

@@ -0,0 +1,2 @@
+import { FormElementStructure } from './interface';
+export declare const gistLoader: <T>(gistId: string) => Promise<FormElementStructure<T> | undefined>;

package/dist/types/features/form-hook/index.d.ts

@@ -0,0 +1,7 @@
+export * from './form-hook';
+export * from './interface';
+export * from './gist-loader';
+export * from './phone-validator';
+export * from './render-structure';
+export * from './inputs/form-input';
+export * from './inputs/form-select';

package/dist/types/features/form-hook/inputs/form-input.d.ts

@@ -0,0 +1,4 @@
+export type FormInputMeta = {
+    label: string;
+    placeholder: string;
+};

package/dist/types/features/form-hook/inputs/form-select.d.ts

@@ -0,0 +1,12 @@
+export type FormSelectItem = {
+    value: string;
+    label: string;
+    meta?: Record<string, string>;
+};
+type FormSelectFetcherProps<T> = {
+    locale: T;
+    language: string;
+    signal: AbortSignal;
+};
+export type FormSelectFetcher<T> = (props: FormSelectFetcherProps<T>) => Promise<FormSelectItem[]>;
+export {};

package/dist/types/features/form-hook/interface.d.ts

@@ -0,0 +1,79 @@
+import { JSX } from '../../stencil-public-runtime';
+import { FormHook } from "./form-hook";
+import formWrapperSchema from "../../locales/forms/wrapper-type";
+import { LanguageKeys } from "../multi-lingual/index";
+export type FormElementStructureComponents<T> = {
+    id?: string;
+    class?: string;
+    children?: (FormElementStructureComponents<T> | T)[];
+} & ({
+    tag?: string;
+    name: T;
+} | {
+    tag: string;
+    name?: T;
+});
+export type FormElementStructure<T> = {
+    data?: Record<string, any>;
+} & FormElementStructureComponents<T>;
+export interface FormHookInterface<T> {
+    gistId?: string;
+    el: HTMLElement;
+    isLoading: boolean;
+    errorMessage: string;
+    language: LanguageKeys;
+    structure: FormElementStructure<any>;
+    formSubmit: (formValues: T) => void;
+    errorCallback?: (error: any) => void;
+    successCallback?: (data: any) => void;
+    setErrorCallback: (error: any) => void;
+    setSuccessCallback: (data: any) => void;
+    setIsLoading: (loading: boolean) => void;
+    loadingChanges?: (loading: boolean) => void;
+}
+export type ValidationType = 'onSubmit' | 'always';
+export interface Field<MetaType> {
+    name: string;
+    meta?: MetaType;
+    isError: boolean;
+    disabled: boolean;
+    isRequired: boolean;
+    errorMessage: string;
+    continuousValidation: boolean;
+}
+export type FieldControllers = Record<string, Field<any>>;
+export interface FormStateOptions {
+    validationType?: ValidationType;
+}
+export type LocaleFormKeys = keyof typeof formWrapperSchema.fields;
+export type Params = {
+    [key: string]: any;
+    formLocaleName: LocaleFormKeys;
+};
+export type FormFieldParams = Record<string, Params>;
+export interface FormElement {
+    reset: (newValue?: unknown) => void;
+}
+export type Subscribers = {
+    name: string;
+    context: FormElement;
+}[];
+export type WatchCallback = (props: {
+    form: FormHook<any>;
+    values: Record<string, any>;
+}) => void;
+export type Watchers = Record<string, WatchCallback>;
+export type FormElementMapperFunctionProps<T> = {
+    form: FormHook<any>;
+    isLoading: boolean;
+    props: any;
+    language: LanguageKeys;
+    locale: T;
+};
+type FormElementMapperFunction<T> = (ElementContext: FormElementMapperFunctionProps<T>) => JSX.Element;
+export type FormElementMapper<T, FORM_LOCALE, Extra extends string = never> = {
+    [K in keyof T]: FormElementMapperFunction<FORM_LOCALE>;
+} & {
+    [K in Extra]: FormElementMapperFunction<FORM_LOCALE>;
+};
+export {};

package/dist/types/features/form-hook/phone-validator.d.ts

@@ -0,0 +1,9 @@
+import { AsYouType } from 'libphonenumber-js';
+export declare const getPhoneValidator: () => AsYouType & {
+    default: string;
+    metadata: {
+        numberingPlan: {
+            metadata: [string];
+        };
+    };
+};

package/dist/types/features/form-hook/render-structure.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from '../../stencil-public-runtime';
+import { FormElementStructure, FormElementMapper, FormElementMapperFunctionProps } from "./index";
+export declare function renderStructure(structure: FormElementStructure<any> | string, elementMapper: FormElementMapper<any, any>, generaProps: FormElementMapperFunctionProps<any>): JSX.Element | false;

package/dist/types/features/multi-lingual/get-local-language.d.ts

@@ -1,4 +1,5 @@
 import { InferType, ObjectSchema } from 'yup';
-import { LanguageKeys, LocaleKeyEntries, SharedLocales } from './types';
+import { LanguageKeys, LocaleKeyEntries, SharedFormLocales, SharedLocales } from './types';
 export declare function getSharedLocal(languageKey: LanguageKeys): Promise<SharedLocales>;
+export declare function getSharedFormLocal(languageKey: LanguageKeys): Promise<SharedFormLocales>;
 export declare function getLocaleLanguage<T extends ObjectSchema<any>>(languageKey: LanguageKeys, component: LocaleKeyEntries, schema: T): Promise<InferType<T>>;

package/dist/types/features/multi-lingual/types.d.ts

@@ -43,6 +43,39 @@ export type SharedLocales = InferType<typeof sharedLocalesSchema>;
 export type ComponentLocale<T extends AnyObjectSchema> = {
     sharedLocales?: SharedLocales;
 } & InferType<T>;
+export declare const sharedFormLocalesSchema: import("yup").ObjectSchema<{
+    lang: string;
+    direction: string;
+    language: string;
+    noData: string;
+} & {
+    errors: {
+        wildCard?: string;
+    };
+} & {
+    close: string;
+    submit: string;
+    reCaptchaIsRequired: string;
+    noSelectOptions: string;
+    inputValueIsIncorrect: string;
+}, import("yup").AnyObject, {
+    lang: undefined;
+    direction: undefined;
+    language: undefined;
+    noData: undefined;
+    errors: {
+        wildCard: undefined;
+    };
+    close: undefined;
+    submit: undefined;
+    reCaptchaIsRequired: undefined;
+    noSelectOptions: undefined;
+    inputValueIsIncorrect: undefined;
+}, "">;
+export type SharedFormLocales = InferType<typeof sharedFormLocalesSchema>;
+export type FormLocale<T extends AnyObjectSchema> = {
+    sharedFormLocales?: SharedFormLocales;
+} & InferType<T>;
 export declare const ARABIC_JSON_FILE = "ar.json";
 export declare const ENGLISH_JSON_FILE = "en.json";
 export declare const KURDISH_JSON_FILE = "ku.json";

package/dist/types/global/assets/add-icon.d.ts

@@ -1,6 +1,7 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 type AddIconProps = {
     class?: string;
+    onClick?: () => void;
 };
 export declare const AddIcon: FunctionalComponent<AddIconProps>;
 export {};

package/dist/types/global/assets/loader-icon.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+type LoaderIconProps = {
+    class?: string;
+};
+export declare const LoaderIcon: FunctionalComponent<LoaderIconProps>;
+export {};

package/dist/types/global/assets/tick-icon.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+type TickIconProps = {
+    class?: string;
+};
+export declare const TickIcon: FunctionalComponent<TickIconProps>;
+export {};

package/dist/types/global/lib/fetch-json.d.ts

@@ -0,0 +1 @@
+export declare function fetchJson<T>(url: string): Promise<T>;

package/dist/types/global/lib/get-language-from-url.d.ts

@@ -0,0 +1,2 @@
+import { LanguageKeys } from "../../features/multi-lingual/index";
+export default function getLanguageFromUrl(): LanguageKeys;

package/dist/types/global/lib/get-nested-value.d.ts

@@ -0,0 +1 @@
+export declare function getNestedValue(obj: any, path: any): any;

package/dist/types/global/lib/parse-loose-json.d.ts

@@ -0,0 +1 @@
+export declare function parseLooseJson(loose: any): any;

package/dist/types/global/types/generated/vehicle-lookup/paint-thickness-inspection-dto.d.ts

@@ -0,0 +1,6 @@
+import type { PaintThicknessInspectionPanelDTO } from './paint-thickness-inspection-panel-dto';
+export type PaintThicknessInspectionDTO = {
+    source: string;
+    inspectionDate?: string;
+    panels: PaintThicknessInspectionPanelDTO[];
+};

package/dist/types/global/types/generated/vehicle-lookup/paint-thickness-inspection-panel-dto.d.ts

@@ -0,0 +1,7 @@
+export type PaintThicknessInspectionPanelDTO = {
+    panelType: 'Door' | 'Fender' | 'Roof' | 'Hood' | 'TailGate';
+    measuredThickness: number;
+    panelSide?: 'Left' | 'Center' | 'Right';
+    panelPosition?: 'Front' | 'Middle' | 'Rear';
+    images: string[];
+};

package/dist/types/global/types/generated/vehicle-lookup/vehicle-lookup-dto.d.ts

@@ -1,6 +1,6 @@
 import type { VehicleIdentifiersDTO } from './vehicle-identifiers-dto';
 import type { VehicleSaleInformation } from './vehicle-sale-information';
-import type { PaintThicknessDTO } from './paint-thickness-dto';
+import type { PaintThicknessInspectionDTO } from './paint-thickness-inspection-dto';
 import type { VehicleWarrantyDTO } from './vehicle-warranty-dto';
 import type { VehicleServiceHistoryDTO } from './vehicle-service-history-dto';
 import type { SscDTO } from './ssc-dto';
@@ -12,7 +12,7 @@ export type VehicleLookupDTO = {
     vin: string;
     identifiers: VehicleIdentifiersDTO;
     saleInformation: VehicleSaleInformation;
-    paintThickness: PaintThicknessDTO;
+    paintThicknessInspections: PaintThicknessInspectionDTO[];
     isAuthorized: boolean;
     warranty: VehicleWarrantyDTO;
     nextServiceDate?: string;

package/dist/types/locale-mapper.d.ts

@@ -1,8 +1,10 @@
 declare const localeMapper: {
     readonly "-": readonly ["locales/"];
     readonly errors: readonly ["locales/errors/"];
-    readonly forms: readonly ["locales/forms/", "locales/forms/contactUs/"];
+    readonly forms: readonly ["locales/forms/", "locales/forms/contactUs/", "locales/forms/demo/", "locales/forms/vehicleQuotation/"];
     readonly "forms.contactUs": readonly ["locales/forms/contactUs/"];
+    readonly "forms.demo": readonly ["locales/forms/demo/"];
+    readonly "forms.vehicleQuotation": readonly ["locales/forms/vehicleQuotation/"];
     readonly general: readonly ["locales/general/"];
     readonly generalTicketTypes: readonly ["locales/generalTicketTypes/"];
     readonly "partLookup.deadStock": readonly ["locales/partLookup/deadStock/"];

package/dist/types/locales/forms/contactUs/type.d.ts

@@ -1,4 +1,9 @@
 declare const contactUsSchema: import("yup").ObjectSchema<{
+    ticketTypes: {
+        complaint?: string;
+        generalInquiry?: string;
+    };
+} & {
     fullName: string;
     fullNameIsRequired: string;
     fullNameMinimum: string;
@@ -17,6 +22,10 @@ declare const contactUsSchema: import("yup").ObjectSchema<{
     leaveUsMessage: string;
     messageIsRequired: string;
 }, import("yup").AnyObject, {
+    ticketTypes: {
+        complaint: undefined;
+        generalInquiry: undefined;
+    };
     fullName: undefined;
     fullNameIsRequired: undefined;
     fullNameMinimum: undefined;

package/dist/types/locales/forms/demo/type.d.ts

@@ -0,0 +1,49 @@
+declare const demoSchema: import("yup").ObjectSchema<{
+    ticketTypes: {
+        complaint?: string;
+        generalInquiry?: string;
+    };
+} & {
+    fullName: string;
+    fullNameIsRequired: string;
+    fullNameMinimum: string;
+    emailAddress: string;
+    emailAddressNotValid: string;
+    city: string;
+    selectCity: string;
+    cityIsRequired: string;
+    phoneNumber: string;
+    phoneNumberIsRequired: string;
+    phoneNumberFormatInvalid: string;
+    inquiryType: string;
+    selectInquiryType: string;
+    inquiryTypeIsRequired: string;
+    writeAMessage: string;
+    leaveUsMessage: string;
+    messageIsRequired: string;
+    confirmPolicy: string;
+}, import("yup").AnyObject, {
+    ticketTypes: {
+        complaint: undefined;
+        generalInquiry: undefined;
+    };
+    fullName: undefined;
+    fullNameIsRequired: undefined;
+    fullNameMinimum: undefined;
+    emailAddress: undefined;
+    emailAddressNotValid: undefined;
+    city: undefined;
+    selectCity: undefined;
+    cityIsRequired: undefined;
+    phoneNumber: undefined;
+    phoneNumberIsRequired: undefined;
+    phoneNumberFormatInvalid: undefined;
+    inquiryType: undefined;
+    selectInquiryType: undefined;
+    inquiryTypeIsRequired: undefined;
+    writeAMessage: undefined;
+    leaveUsMessage: undefined;
+    messageIsRequired: undefined;
+    confirmPolicy: undefined;
+}, "">;
+export default demoSchema;

package/dist/types/locales/forms/type.d.ts

@@ -1,8 +1,21 @@
 declare const formsSchema: import("yup").ObjectSchema<{
+    errors: {
+        wildCard?: string;
+    };
+} & {
+    close: string;
+    submit: string;
     reCaptchaIsRequired: string;
+    noSelectOptions: string;
     inputValueIsIncorrect: string;
 }, import("yup").AnyObject, {
+    errors: {
+        wildCard: undefined;
+    };
+    close: undefined;
+    submit: undefined;
     reCaptchaIsRequired: undefined;
+    noSelectOptions: undefined;
     inputValueIsIncorrect: undefined;
 }, "">;
 export default formsSchema;

package/dist/types/locales/forms/vehicleQuotation/type.d.ts

@@ -0,0 +1,68 @@
+declare const vehicleQuotationSchema: import("yup").ObjectSchema<{
+    Vehicle: string;
+    "Please select a Vehicle": string;
+    "This field is required.": string;
+    Choose: string;
+    "Contact Information": string;
+    "Full name": string;
+    "Full name is required": string;
+    "Full name minimum": string;
+    "Phone number": string;
+    "Phone number is required": string;
+    "Phone number format invalid": string;
+    Dealer: string;
+    "Select a dealer": string;
+    "Dealer is required": string;
+    "Preferred purchasing method": string;
+    "Select the purchasing method": string;
+    Cash: string;
+    Flexible: string;
+    "Your current car": string;
+    "Do you own a vehicle?": string;
+    "Please answer this field": string;
+    Yes: string;
+    No: string;
+    "Your current vehicle": string;
+    "Vehicle Model": string;
+    Others: string;
+    "Form submitted successfully.": string;
+    "Preferred contact time": string;
+    "Please select a time": string;
+    Morning: string;
+    Noon: string;
+    Afternoon: string;
+}, import("yup").AnyObject, {
+    Vehicle: undefined;
+    "Please select a Vehicle": undefined;
+    "This field is required.": undefined;
+    Choose: undefined;
+    "Contact Information": undefined;
+    "Full name": undefined;
+    "Full name is required": undefined;
+    "Full name minimum": undefined;
+    "Phone number": undefined;
+    "Phone number is required": undefined;
+    "Phone number format invalid": undefined;
+    Dealer: undefined;
+    "Select a dealer": undefined;
+    "Dealer is required": undefined;
+    "Preferred purchasing method": undefined;
+    "Select the purchasing method": undefined;
+    Cash: undefined;
+    Flexible: undefined;
+    "Your current car": undefined;
+    "Do you own a vehicle?": undefined;
+    "Please answer this field": undefined;
+    Yes: undefined;
+    No: undefined;
+    "Your current vehicle": undefined;
+    "Vehicle Model": undefined;
+    Others: undefined;
+    "Form submitted successfully.": undefined;
+    "Preferred contact time": undefined;
+    "Please select a time": undefined;
+    Morning: undefined;
+    Noon: undefined;
+    Afternoon: undefined;
+}, "">;
+export default vehicleQuotationSchema;

package/dist/types/locales/forms/wrapper-type.d.ts

@@ -1,5 +1,9 @@
 declare const formWrapperSchema: import("yup").ObjectSchema<{
     contactUs: {
+        ticketTypes?: {
+            complaint?: string;
+            generalInquiry?: string;
+        };
         fullName?: string;
         fullNameIsRequired?: string;
         fullNameMinimum?: string;
@@ -19,10 +23,21 @@ declare const formWrapperSchema: import("yup").ObjectSchema<{
         messageIsRequired?: string;
     };
 } & {
+    errors: {
+        wildCard?: string;
+    };
+} & {
+    close: string;
+    submit: string;
     reCaptchaIsRequired: string;
+    noSelectOptions: string;
     inputValueIsIncorrect: string;
 }, import("yup").AnyObject, {
     contactUs: {
+        ticketTypes: {
+            complaint: undefined;
+            generalInquiry: undefined;
+        };
         fullName: undefined;
         fullNameIsRequired: undefined;
         fullNameMinimum: undefined;
@@ -41,7 +56,13 @@ declare const formWrapperSchema: import("yup").ObjectSchema<{
         leaveUsMessage: undefined;
         messageIsRequired: undefined;
     };
+    errors: {
+        wildCard: undefined;
+    };
+    close: undefined;
+    submit: undefined;
     reCaptchaIsRequired: undefined;
+    noSelectOptions: undefined;
     inputValueIsIncorrect: undefined;
 }, "">;
 export default formWrapperSchema;

package/dist/types/locales/general/type.d.ts

@@ -1,12 +1,10 @@
 declare const generalSchema: import("yup").ObjectSchema<{
     close: string;
     submit: string;
-    noSelectOptions: string;
     formSubmittedSuccessfully: string;
 }, import("yup").AnyObject, {
     close: undefined;
     submit: undefined;
-    noSelectOptions: undefined;
     formSubmittedSuccessfully: undefined;
 }, "">;
 export default generalSchema;

package/dist/types/locales/generalTicketTypes/type.d.ts

@@ -1,18 +1,14 @@
 declare const generalTicketTypesSchema: import("yup").ObjectSchema<{
     TLP: string;
-    Complaint: string;
     PartInquiry: string;
     SalesCampaign: string;
-    GeneralInquiry: string;
     ServiceCampaign: string;
     InstallmentPayment: string;
     ServicePriceInquiry: string;
 }, import("yup").AnyObject, {
     TLP: undefined;
-    Complaint: undefined;
     PartInquiry: undefined;
     SalesCampaign: undefined;
-    GeneralInquiry: undefined;
     ServiceCampaign: undefined;
     InstallmentPayment: undefined;
     ServicePriceInquiry: undefined;

package/dist/types/locales/vehicleLookup/serviceHistory/type.d.ts

@@ -1,18 +1,18 @@
 declare const ServiceHistorySchema: import("yup").ObjectSchema<{
     noData: string;
+    dealer: string;
     branch: string;
     serviceType: string;
     invoiceNumber: string;
-    dealer: string;
     serviceHistory: string;
     date: string;
     odometer: string;
 }, import("yup").AnyObject, {
     noData: undefined;
+    dealer: undefined;
     branch: undefined;
     serviceType: undefined;
     invoiceNumber: undefined;
-    dealer: undefined;
     serviceHistory: undefined;
     date: undefined;
     odometer: undefined;

package/dist/types/locales/vehicleLookup/wrapper-type.d.ts

@@ -88,10 +88,10 @@ declare const vehicleLookupWrapperSchema: import("yup").ObjectSchema<{
     };
     serviceHistory: {
         noData?: string;
+        dealer?: string;
         branch?: string;
         serviceType?: string;
         invoiceNumber?: string;
-        dealer?: string;
         serviceHistory?: string;
         date?: string;
         odometer?: string;
@@ -186,10 +186,10 @@ declare const vehicleLookupWrapperSchema: import("yup").ObjectSchema<{
     };
     serviceHistory: {
         noData: undefined;
+        dealer: undefined;
         branch: undefined;
         serviceType: undefined;
         invoiceNumber: undefined;
-        dealer: undefined;
         serviceHistory: undefined;
         date: undefined;
         odometer: undefined;

package/dist/types/stencil-public-runtime.d.ts

@@ -846,7 +846,7 @@ export declare namespace JSXBase {
     interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
         open?: boolean;
         name?: string;
-        onToggle?: (event: Event) => void;
+        onToggle?: (event: ToggleEvent) => void;
     }
     interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
         cite?: string;
@@ -1552,6 +1552,13 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
+    interface ToggleEvent extends Event {
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState) */
+        readonly newState: string;
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState) */
+        readonly oldState: string;
+    }
     interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
@@ -1568,6 +1575,10 @@ export declare namespace JSXBase {
         onCompositionstartCapture?: (event: CompositionEvent) => void;
         onCompositionupdate?: (event: CompositionEvent) => void;
         onCompositionupdateCapture?: (event: CompositionEvent) => void;
+        onBeforeToggle?: (event: ToggleEvent) => void;
+        onBeforeToggleCapture?: (event: ToggleEvent) => void;
+        onToggle?: (event: ToggleEvent) => void;
+        onToggleCapture?: (event: ToggleEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1586,10 +1597,6 @@ export declare namespace JSXBase {
         onSubmitCapture?: (event: Event) => void;
         onInvalid?: (event: Event) => void;
         onInvalidCapture?: (event: Event) => void;
-        onBeforeToggle?: (event: Event) => void;
-        onBeforeToggleCapture?: (event: Event) => void;
-        onToggle?: (event: Event) => void;
-        onToggleCapture?: (event: Event) => void;
         onLoad?: (event: Event) => void;
         onLoadCapture?: (event: Event) => void;
         onError?: (event: Event) => void;