material-ui-autonumeric/dist/MaterialUI.d.ts

AutoNumeric-Powered Material UI Components. AutoNumeric is a powerful library that automatically formats numbers and currencies. Material UI-AutoNumeric brings that power to Material UI.

/** @license Apache-2.0
 *
 * Copyright 2024 8 Hobbies, LLC <hong@8hobbies.com>
 *
 * Licensed under the Apache License, Version 2.0(the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import { InputBase, TextField } from "@mui/material";
import type { CallbackOptions } from "autonumeric";
import type { JSX } from "react";
type Props<Component extends React.FunctionComponent> = Parameters<Component>[0] & {
    inputRef?: undefined;
};
export declare const AutoNumericTextField: ({ props, autoNumericOptions, valueState, }: {
    props?: Readonly<Props<typeof TextField>> | undefined;
    autoNumericOptions?: Readonly<CallbackOptions>;
    valueState?: {
        state: Readonly<string>;
        stateSetter: React.Dispatch<React.SetStateAction<string>>;
    } | undefined;
}) => JSX.Element;
export declare const AutoNumericOutlinedInput: ({ props, autoNumericOptions, valueState, }: {
    props?: Readonly<Props<((props: import("@mui/material").OutlinedInputProps) => JSX.Element) & {
        muiName: string;
    }>> | undefined;
    autoNumericOptions?: Readonly<CallbackOptions>;
    valueState?: {
        state: Readonly<string>;
        stateSetter: React.Dispatch<React.SetStateAction<string>>;
    } | undefined;
}) => JSX.Element;
export declare const AutoNumericFilledInput: ({ props, autoNumericOptions, valueState, }: {
    props?: Readonly<Props<((props: import("@mui/material").FilledInputProps) => React.JSX.Element) & {
        muiName: string;
    }>> | undefined;
    autoNumericOptions?: Readonly<CallbackOptions>;
    valueState?: {
        state: Readonly<string>;
        stateSetter: React.Dispatch<React.SetStateAction<string>>;
    } | undefined;
}) => JSX.Element;
export declare const AutoNumericMaterialUIInput: ({ props, autoNumericOptions, valueState, }: {
    props?: Readonly<Props<((props: import("@mui/material").InputProps) => React.JSX.Element) & {
        muiName: string;
    }>> | undefined;
    autoNumericOptions?: Readonly<CallbackOptions>;
    valueState?: {
        state: Readonly<string>;
        stateSetter: React.Dispatch<React.SetStateAction<string>>;
    } | undefined;
}) => JSX.Element;
export declare const AutoNumericInputBase: ({ props, autoNumericOptions, valueState, }: {
    props?: Readonly<Props<typeof InputBase>> | undefined;
    autoNumericOptions?: Readonly<CallbackOptions>;
    valueState?: {
        state: Readonly<string>;
        stateSetter: React.Dispatch<React.SetStateAction<string>>;
    } | undefined;
}) => JSX.Element;
/** List of AutoNumeric MUI components. */
export declare const autoNumericMUIComponents: readonly [{
    readonly name: "AutoNumericTextField";
    readonly Component: ({ props, autoNumericOptions, valueState, }: {
        props?: Readonly<Props<typeof TextField>> | undefined;
        autoNumericOptions?: Readonly<CallbackOptions>;
        valueState?: {
            state: Readonly<string>;
            stateSetter: React.Dispatch<React.SetStateAction<string>>;
        } | undefined;
    }) => JSX.Element;
}, {
    readonly name: "AutoNumericOutlinedInput";
    readonly Component: ({ props, autoNumericOptions, valueState, }: {
        props?: Readonly<Props<((props: import("@mui/material").OutlinedInputProps) => JSX.Element) & {
            muiName: string;
        }>> | undefined;
        autoNumericOptions?: Readonly<CallbackOptions>;
        valueState?: {
            state: Readonly<string>;
            stateSetter: React.Dispatch<React.SetStateAction<string>>;
        } | undefined;
    }) => JSX.Element;
}, {
    readonly name: "AutoNumericFilledInput";
    readonly Component: ({ props, autoNumericOptions, valueState, }: {
        props?: Readonly<Props<((props: import("@mui/material").FilledInputProps) => React.JSX.Element) & {
            muiName: string;
        }>> | undefined;
        autoNumericOptions?: Readonly<CallbackOptions>;
        valueState?: {
            state: Readonly<string>;
            stateSetter: React.Dispatch<React.SetStateAction<string>>;
        } | undefined;
    }) => JSX.Element;
}, {
    readonly name: "AutoNumericMaterialUIInput";
    readonly Component: ({ props, autoNumericOptions, valueState, }: {
        props?: Readonly<Props<((props: import("@mui/material").InputProps) => React.JSX.Element) & {
            muiName: string;
        }>> | undefined;
        autoNumericOptions?: Readonly<CallbackOptions>;
        valueState?: {
            state: Readonly<string>;
            stateSetter: React.Dispatch<React.SetStateAction<string>>;
        } | undefined;
    }) => JSX.Element;
}, {
    readonly name: "AutoNumericInputBase";
    readonly Component: ({ props, autoNumericOptions, valueState, }: {
        props?: Readonly<Props<typeof InputBase>> | undefined;
        autoNumericOptions?: Readonly<CallbackOptions>;
        valueState?: {
            state: Readonly<string>;
            stateSetter: React.Dispatch<React.SetStateAction<string>>;
        } | undefined;
    }) => JSX.Element;
}];
export {};