@trackunit/react-form-components 0.0.453 → 0.0.455
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.cjs.js +202 -114
- package/index.esm.js +202 -116
- package/package.json +1 -1
- package/src/components/BaseInput/BaseInput.variants.d.ts +11 -1
- package/src/components/EmailInput/EmailInput.d.ts +14 -1
- package/src/components/Select/Select.variants.d.ts +5 -0
- package/src/components/Select/useCustomComponents.d.ts +1 -1
- package/src/utilities/compareReactNodes.d.ts +5 -0
|
@@ -9,13 +9,23 @@ export declare const cvaInput: (props?: ({
|
|
|
9
9
|
export declare const cvaInputField: (props?: ({
|
|
10
10
|
size?: "small" | "medium" | null | undefined;
|
|
11
11
|
disabled?: boolean | null | undefined;
|
|
12
|
+
autoFocus?: boolean | null | undefined;
|
|
13
|
+
addonBefore?: boolean | null | undefined;
|
|
14
|
+
prefix?: boolean | null | undefined;
|
|
12
15
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
13
16
|
export declare const cvaInputAddon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
14
17
|
export declare const cvaInputAddonBefore: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
15
|
-
export declare const cvaInputAddonAfter: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
16
18
|
export declare const cvaInputPrefix: (props?: ({
|
|
17
19
|
disabled?: boolean | null | undefined;
|
|
20
|
+
addonBefore?: boolean | null | undefined;
|
|
18
21
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
19
22
|
export declare const cvaInputSuffix: (props?: ({
|
|
20
23
|
disabled?: boolean | null | undefined;
|
|
24
|
+
addonAfter?: boolean | null | undefined;
|
|
25
|
+
actions?: boolean | null | undefined;
|
|
26
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
27
|
+
export declare const cvaInputAddonAfter: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
28
|
+
export declare const cvaInputAction: (props?: ({
|
|
29
|
+
addonAfter?: boolean | null | undefined;
|
|
30
|
+
suffix?: boolean | null | undefined;
|
|
21
31
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { BaseInputProps } from "../BaseInput";
|
|
3
|
+
type BaseInputExposedProps = Omit<BaseInputProps, "type">;
|
|
4
|
+
export interface EmailInputProps extends BaseInputExposedProps {
|
|
5
|
+
/**
|
|
6
|
+
* To disable the action button.
|
|
7
|
+
*
|
|
8
|
+
* @default false
|
|
9
|
+
* @memberof EmailInputProps
|
|
10
|
+
* @example
|
|
11
|
+
* <UrLInput disableAction />
|
|
12
|
+
*/
|
|
13
|
+
disableAction?: boolean;
|
|
14
|
+
}
|
|
3
15
|
/**
|
|
4
16
|
* A Email Input component is used for input of the type Email.
|
|
5
17
|
*
|
|
@@ -10,4 +22,5 @@ import { BaseInputProps } from "../BaseInput";
|
|
|
10
22
|
* A reference to the input element is provided as the `ref` prop.
|
|
11
23
|
* For specific input types make sure to use the corresponding input component.
|
|
12
24
|
*/
|
|
13
|
-
export declare const EmailInput: React.ForwardRefExoticComponent<
|
|
25
|
+
export declare const EmailInput: React.ForwardRefExoticComponent<EmailInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
26
|
+
export {};
|
|
@@ -2,6 +2,11 @@ export declare const cvaSelect: (props?: ({
|
|
|
2
2
|
invalid?: boolean | null | undefined;
|
|
3
3
|
disabled?: boolean | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
5
|
+
export declare const cvaSelectControl: (props?: ({
|
|
6
|
+
isDisabled?: boolean | null | undefined;
|
|
7
|
+
prefix?: boolean | null | undefined;
|
|
8
|
+
invalid?: boolean | null | undefined;
|
|
9
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
5
10
|
export declare const cvaSelectIcon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
6
11
|
export declare const cvaSelectPrefix: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
7
12
|
export declare const cvaSelectXIcon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
@@ -16,4 +16,4 @@ import { SelectComponents } from "react-select/dist/declarations/src/components"
|
|
|
16
16
|
* @param {JSX.Element} dropdownIcon an custom dropdown icon
|
|
17
17
|
* @returns {Partial<SelectComponents<Option, boolean, GroupBase<Option>>> | undefined} components object to override react-select default components
|
|
18
18
|
*/
|
|
19
|
-
export declare const useCustomComponents: <TOption, TIsMulti extends boolean = false, TGroup extends GroupBase<TOption> = GroupBase<TOption>>(componentsProps: Partial<SelectComponents<TOption, TIsMulti, TGroup>> | undefined, disabled: boolean, menuIsOpen: boolean, refMenuIsEnabled: React.MutableRefObject<boolean>, dataTestId: string, maxSelectedDisplayCount: number | undefined, dropdownIcon?: JSX.Element) => Partial<SelectComponents<TOption, TIsMulti, TGroup>>;
|
|
19
|
+
export declare const useCustomComponents: <TOption, TIsMulti extends boolean = false, TGroup extends GroupBase<TOption> = GroupBase<TOption>>(componentsProps: Partial<SelectComponents<TOption, TIsMulti, TGroup>> | undefined, disabled: boolean, menuIsOpen: boolean, refMenuIsEnabled: React.MutableRefObject<boolean>, dataTestId: string, maxSelectedDisplayCount: number | undefined, dropdownIcon?: JSX.Element, prefix?: JSX.Element, hasError?: boolean) => Partial<SelectComponents<TOption, TIsMulti, TGroup>>;
|