Refactor #3922 - For TriStateCheckbox

This commit is contained in:
Tuğçe Küçükoğlu 2023-05-09 12:17:12 +03:00
parent f74d88c008
commit 77888cca6f
2 changed files with 47 additions and 16 deletions

View file

@ -18,6 +18,7 @@ export declare type TriStateCheckboxPassThroughOptionType = TriStateCheckboxPass
export interface TriStateCheckboxPassThroughMethodOptions {
props: TriStateCheckboxProps;
state: TriStateCheckboxState;
context: TriStateCheckboxContext;
}
/**
@ -29,22 +30,10 @@ export interface TriStateCheckboxPassThroughOptions {
* Uses to pass attributes to the root's DOM element.
*/
root?: TriStateCheckboxPassThroughOptionType;
/**
* Uses to pass attributes to the input aria's DOM element.
*/
inputAria?: TriStateCheckboxPassThroughOptionType;
/**
* Uses to pass attributes to the input's DOM element.
*/
input?: TriStateCheckboxPassThroughOptionType;
/**
* Uses to pass attributes to the sr only aria's DOM element.
*/
srOnlyAria?: TriStateCheckboxPassThroughOptionType;
/**
* Uses to pass attributes to the checkbox box's DOM element.
*/
checboxBox?: TriStateCheckboxPassThroughOptionType;
checbox?: TriStateCheckboxPassThroughOptionType;
/**
* Uses to pass attributes to the check icon's DOM element.
*/
@ -57,6 +46,18 @@ export interface TriStateCheckboxPassThroughOptions {
* Uses to pass attributes to the nullable icon's DOM element.
*/
nullableIcon?: TriStateCheckboxPassThroughOptionType;
/**
* Uses to pass attributes to the hidden input wrapper's DOM element.
*/
hiddenInputWrapper?: TriStateCheckboxPassThroughOptionType;
/**
* Uses to pass attributes to the hidden input's DOM element.
*/
hiddenInput?: TriStateCheckboxPassThroughOptionType;
/**
* Uses to pass attributes to the sr only aria's DOM element.
*/
srOnlyAria?: TriStateCheckboxPassThroughOptionType;
}
/**
@ -76,6 +77,27 @@ export interface TriStateCheckboxState {
focused: boolean;
}
/**
* Defines current options in TriStateCheckbox component.
*/
export interface TriStateCheckboxContext {
/**
* Current active state as a boolean.
* @defaultValue false
*/
active: boolean;
/**
* Current focused state as a boolean.
* @defaultValue false
*/
focused: boolean;
/**
* Current disabled state as a boolean.
* @defaultValue false
*/
disabled: boolean;
}
/**
* Defines valid properties in TriStateCheckbox component.
*/