@dartech/arsenal-ui 1.4.86 → 1.4.88
Sign up to get free protection for your applications and to get access to all the features.
- package/index.d.ts +5 -5
- package/index.js +8487 -0
- package/package.json +10 -4
- package/src/consts/index.d.ts +14 -14
- package/src/interfaces/common.d.ts +24 -24
- package/src/interfaces/definition.d.ts +142 -142
- package/src/interfaces/index.d.ts +3 -3
- package/src/interfaces/ui.d.ts +73 -73
- package/src/lib/Alert/Alert.d.ts +55 -55
- package/src/lib/Alert/index.d.ts +1 -1
- package/src/lib/Breadcrumbs/Breadcrumbs.d.ts +9 -8
- package/src/lib/Breadcrumbs/Breadcrumbs.styled.d.ts +2 -2
- package/src/lib/Breadcrumbs/index.d.ts +1 -1
- package/src/lib/ContentLayout/ContentLayout.d.ts +10 -10
- package/src/lib/ContentLayout/index.d.ts +1 -1
- package/src/lib/Definition/CreateDefinition/CreateDefinition.d.ts +26 -26
- package/src/lib/Definition/CreateDefinition/index.d.ts +1 -1
- package/src/lib/Definition/DefinitionFiller/DefinitionFiller.d.ts +21 -21
- package/src/lib/Definition/DefinitionFiller/index.d.ts +1 -1
- package/src/lib/Definition/DefinitionValueView/DefinitionValueView.d.ts +8 -7
- package/src/lib/Definition/DefinitionValueView/FileDefinitionValueView.d.ts +8 -7
- package/src/lib/Definition/DefinitionValueView/PropertyDataView.d.ts +9 -8
- package/src/lib/Definition/DefinitionValueView/index.d.ts +1 -1
- package/src/lib/Definition/index.d.ts +3 -3
- package/src/lib/Forms/BackButton.d.ts +7 -6
- package/src/lib/Forms/ControlAceEditor.d.ts +23 -23
- package/src/lib/Forms/ControlArrayInput.d.ts +14 -14
- package/src/lib/Forms/ControlAutocomplete/ControlAutocomplete.d.ts +74 -74
- package/src/lib/Forms/ControlAutocomplete/ControlQueryAutocomplete.d.ts +20 -20
- package/src/lib/Forms/ControlAutocomplete/index.d.ts +2 -2
- package/src/lib/Forms/ControlAutocomplete/useAutocomplete.d.ts +10 -9
- package/src/lib/Forms/ControlCheckbox.d.ts +51 -51
- package/src/lib/Forms/ControlDate.d.ts +26 -26
- package/src/lib/Forms/ControlDateTime.d.ts +26 -26
- package/src/lib/Forms/ControlDebouncedInput.d.ts +4 -3
- package/src/lib/Forms/ControlInput.d.ts +63 -63
- package/src/lib/Forms/ControlNumberInput.d.ts +72 -72
- package/src/lib/Forms/ControlPeriodInput.d.ts +11 -11
- package/src/lib/Forms/ControlPhoneInput.d.ts +17 -17
- package/src/lib/Forms/ControlRadio.d.ts +70 -70
- package/src/lib/Forms/ControlSelect.d.ts +72 -72
- package/src/lib/Forms/ControlSwitch.d.ts +19 -19
- package/src/lib/Forms/ControlTime.d.ts +24 -24
- package/src/lib/Forms/CopyButton.d.ts +20 -19
- package/src/lib/Forms/index.d.ts +17 -17
- package/src/lib/InfoItem/InfoItem.d.ts +8 -7
- package/src/lib/InfoItem/index.d.ts +1 -1
- package/src/lib/JsonPathPicker/JsonPathPicker.d.ts +10 -9
- package/src/lib/JsonPathPicker/PropertyStep.d.ts +11 -10
- package/src/lib/JsonPathPicker/index.d.ts +1 -1
- package/src/lib/JsonView/JsonView.d.ts +9 -9
- package/src/lib/JsonView/index.d.ts +1 -1
- package/src/lib/Loader/Loader.d.ts +22 -21
- package/src/lib/Loader/index.d.ts +1 -1
- package/src/lib/Modals/JsonModalView.d.ts +12 -12
- package/src/lib/Modals/index.d.ts +1 -1
- package/src/lib/OverflowTooltip/OverflowTooltip.d.ts +4 -3
- package/src/lib/OverflowTooltip/index.d.ts +1 -1
- package/src/lib/Property/PropertyFiller/ControlFiller/ControlMultiplePropertyFiller.d.ts +26 -26
- package/src/lib/Property/PropertyFiller/ControlFiller/ControlMultiplePropertyWidget.d.ts +24 -24
- package/src/lib/Property/PropertyFiller/ControlFiller/ControlPropertyFiller.d.ts +26 -26
- package/src/lib/Property/PropertyFiller/ControlFiller/index.d.ts +3 -3
- package/src/lib/Property/PropertyFiller/JsonEditor.d.ts +9 -9
- package/src/lib/Property/PropertyFiller/MultiplePropertyFiller.d.ts +24 -24
- package/src/lib/Property/PropertyFiller/MultiplePropertyWidget.d.ts +22 -22
- package/src/lib/Property/PropertyFiller/PropertyFiller.d.ts +24 -24
- package/src/lib/Property/PropertyFiller/index.d.ts +2 -2
- package/src/lib/Property/PropertyFiller/styled.d.ts +18 -18
- package/src/lib/Property/PropertyFiller/usePropertyFiller.d.ts +26 -26
- package/src/lib/Property/PropertyValidator/NodeValidator.d.ts +6 -5
- package/src/lib/Property/PropertyValidator/NodesList.d.ts +6 -5
- package/src/lib/Property/PropertyValidator/NumericTypeValidator.d.ts +8 -7
- package/src/lib/Property/PropertyValidator/PropertyValidator.d.ts +6 -5
- package/src/lib/Property/PropertyValidator/PropertyValidatorContext.d.ts +3 -3
- package/src/lib/Property/PropertyValidator/StringTypeValidator.d.ts +8 -7
- package/src/lib/Property/PropertyValidator/ValidationNodeSelector.d.ts +7 -6
- package/src/lib/Property/PropertyValidator/index.d.ts +1 -1
- package/src/lib/Property/PropertyWidget/PropertyWidget.d.ts +23 -23
- package/src/lib/Property/PropertyWidget/index.d.ts +1 -1
- package/src/lib/Property/UpsertProperty/CreatePropertiesList/CreatePropertiesList.d.ts +36 -36
- package/src/lib/Property/UpsertProperty/CreatePropertiesList/ListItem.d.ts +29 -29
- package/src/lib/Property/UpsertProperty/CreatePropertiesList/index.d.ts +2 -2
- package/src/lib/Property/UpsertProperty/CreatePropertiesListContext.d.ts +30 -30
- package/src/lib/Property/UpsertProperty/CreatePropertyFormFields.d.ts +24 -24
- package/src/lib/Property/UpsertProperty/CustomPropertyField.d.ts +7 -6
- package/src/lib/Property/UpsertProperty/PropertyAdditionalFields/BigDecimalPropertyFields.d.ts +8 -7
- package/src/lib/Property/UpsertProperty/PropertyAdditionalFields/DateAdditionalFields.d.ts +9 -8
- package/src/lib/Property/UpsertProperty/PropertyAdditionalFields/EntityAdditionalFields.d.ts +22 -22
- package/src/lib/Property/UpsertProperty/PropertyAdditionalFields/EntityReferencePropertyFields.d.ts +12 -11
- package/src/lib/Property/UpsertProperty/PropertyAdditionalFields/PropertyAdditionalFields.d.ts +23 -23
- package/src/lib/Property/UpsertProperty/PropertyAdditionalFields/StringPropertyFields.d.ts +8 -7
- package/src/lib/Property/UpsertProperty/PropertyAdditionalFields/index.d.ts +1 -1
- package/src/lib/Property/UpsertProperty/PropertyValueField/BooleanValueField.d.ts +8 -8
- package/src/lib/Property/UpsertProperty/PropertyValueField/DateTimeValueField.d.ts +8 -8
- package/src/lib/Property/UpsertProperty/PropertyValueField/DateValueField.d.ts +8 -8
- package/src/lib/Property/UpsertProperty/PropertyValueField/FileValueWidget.d.ts +6 -5
- package/src/lib/Property/UpsertProperty/PropertyValueField/JsonValueField.d.ts +7 -7
- package/src/lib/Property/UpsertProperty/PropertyValueField/PropertyValueField.d.ts +23 -23
- package/src/lib/Property/UpsertProperty/PropertyValueField/StringValueField.d.ts +14 -13
- package/src/lib/Property/UpsertProperty/PropertyValueField/TimeValueField.d.ts +8 -8
- package/src/lib/Property/UpsertProperty/PropertyValueField/index.d.ts +1 -1
- package/src/lib/Property/UpsertProperty/index.d.ts +4 -4
- package/src/lib/Property/UpsertProperty/useCustomFields.d.ts +6 -6
- package/src/lib/Property/ViewPropertiesList/ViewPropertiesList.d.ts +8 -7
- package/src/lib/Property/ViewPropertiesList/index.d.ts +1 -1
- package/src/lib/Property/ViewProperty/EntityPropertiesShortView.d.ts +7 -6
- package/src/lib/Property/ViewProperty/EntityPropertiesView.d.ts +8 -8
- package/src/lib/Property/ViewProperty/PropertyDataTable.d.ts +7 -6
- package/src/lib/Property/ViewProperty/PropertyItem.d.ts +8 -8
- package/src/lib/Property/ViewProperty/ViewProperty.d.ts +9 -8
- package/src/lib/Property/ViewProperty/index.d.ts +1 -1
- package/src/lib/Property/index.d.ts +4 -4
- package/src/lib/Sidebar/Sidebar.d.ts +14 -14
- package/src/lib/Sidebar/Sidebar.styled.d.ts +118 -118
- package/src/lib/Sidebar/SidebarContext.d.ts +12 -12
- package/src/lib/Sidebar/SidebarDrawer.d.ts +13 -13
- package/src/lib/Sidebar/SidebarLink/MenuIcon.d.ts +7 -6
- package/src/lib/Sidebar/SidebarLink/SidebarLink.d.ts +8 -7
- package/src/lib/Sidebar/SidebarLink/SidebarLinkItem.d.ts +9 -8
- package/src/lib/Sidebar/SidebarLink/SidebarNestedItem.d.ts +11 -10
- package/src/lib/Sidebar/SidebarLink/SidebarRootItem.d.ts +11 -10
- package/src/lib/Sidebar/SidebarLink/index.d.ts +2 -2
- package/src/lib/Sidebar/index.d.ts +2 -2
- package/src/lib/Status/Status.d.ts +8 -7
- package/src/lib/Status/index.d.ts +1 -1
- package/src/lib/StepperView/StepperView.d.ts +11 -11
- package/src/lib/StepperView/index.d.ts +1 -1
- package/src/lib/Table/DataGrid/DataGrid.styled.d.ts +4 -4
- package/src/lib/Table/DataGrid/JsonTypeCell.d.ts +7 -6
- package/src/lib/Table/DataGrid/Table.d.ts +47 -47
- package/src/lib/Table/DataGrid/TableAction.d.ts +13 -13
- package/src/lib/Table/DataGrid/TableColumnMenu.d.ts +3 -2
- package/src/lib/Table/DataGrid/TablePagination.d.ts +3 -2
- package/src/lib/Table/DataGrid/index.d.ts +2 -2
- package/src/lib/Table/DataGrid/usePagination.d.ts +5 -5
- package/src/lib/Table/DataGrid/useTableQueryPagination.d.ts +11 -11
- package/src/lib/Table/DataGrid/useTableQuerySorting.d.ts +6 -6
- package/src/lib/Table/SimpleTable/SimpleTable.d.ts +19 -19
- package/src/lib/Table/SimpleTable/Table.styled.d.ts +30 -30
- package/src/lib/Table/SimpleTable/TableActionCell.d.ts +10 -10
- package/src/lib/Table/SimpleTable/index.d.ts +2 -2
- package/src/lib/Table/SimpleTable/useTablePagination.d.ts +7 -7
- package/src/lib/Table/SimpleTable/useTableSorting.d.ts +6 -6
- package/src/lib/Table/index.d.ts +2 -2
- package/src/lib/Tabs/RouteTabs.d.ts +11 -11
- package/src/lib/Tabs/TabPanel.d.ts +25 -25
- package/src/lib/Tabs/index.d.ts +2 -2
- package/src/lib/index.d.ts +17 -17
- package/src/theme/baseTheme.d.ts +2 -2
- package/src/theme/index.d.ts +1 -1
- package/src/theme/inputThemeOptions.d.ts +201 -200
- package/src/theme/stepperThemeOptions.d.ts +16 -16
- package/src/theme/tableThemeOptions.d.ts +159 -159
- package/src/theme/typographyThemeOptions.d.ts +29 -29
- package/src/utils/common.d.ts +7 -7
- package/src/utils/dem.d.ts +27 -27
- package/src/utils/hooks.d.ts +7 -7
- package/src/utils/index.d.ts +5 -5
- package/src/utils/test-mocks.d.ts +166 -166
- package/src/utils/ui-utils.d.ts +17 -17
- package/src/utils/validators.d.ts +6 -6
- package/index.esm.d.ts +0 -1
- package/index.esm.js +0 -1
@@ -1,26 +1,26 @@
|
|
1
|
-
import { ReactNode } from 'react';
|
2
|
-
import { TextFieldProps } from '@mui/material/TextField';
|
3
|
-
import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
|
4
|
-
import { Control, Validate } from 'react-hook-form';
|
5
|
-
type ControlDateProps = Partial<DatePickerProps<unknown, unknown>> & {
|
6
|
-
/**
|
7
|
-
* React Hook Form `control`
|
8
|
-
*/
|
9
|
-
control: Control<any>;
|
10
|
-
/**
|
11
|
-
* Is input required flag
|
12
|
-
*/
|
13
|
-
required?: boolean;
|
14
|
-
name: string;
|
15
|
-
label?: ReactNode;
|
16
|
-
format?: string;
|
17
|
-
placeholder?: string;
|
18
|
-
hideErrorMessage?: boolean;
|
19
|
-
textFieldProps?: TextFieldProps;
|
20
|
-
requiredErrorText?: string;
|
21
|
-
validate?: Validate<any, any>;
|
22
|
-
validateErrorText?: string;
|
23
|
-
defaultValue?: string;
|
24
|
-
};
|
25
|
-
export declare const ControlDate: ({ control, name, required, label, placeholder, defaultValue, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, validateErrorText, ...datePickerProps }: ControlDateProps) =>
|
26
|
-
export default ControlDate;
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { TextFieldProps } from '@mui/material/TextField';
|
3
|
+
import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
|
4
|
+
import { Control, Validate } from 'react-hook-form';
|
5
|
+
type ControlDateProps = Partial<DatePickerProps<unknown, unknown>> & {
|
6
|
+
/**
|
7
|
+
* React Hook Form `control`
|
8
|
+
*/
|
9
|
+
control: Control<any>;
|
10
|
+
/**
|
11
|
+
* Is input required flag
|
12
|
+
*/
|
13
|
+
required?: boolean;
|
14
|
+
name: string;
|
15
|
+
label?: ReactNode;
|
16
|
+
format?: string;
|
17
|
+
placeholder?: string;
|
18
|
+
hideErrorMessage?: boolean;
|
19
|
+
textFieldProps?: TextFieldProps;
|
20
|
+
requiredErrorText?: string;
|
21
|
+
validate?: Validate<any, any>;
|
22
|
+
validateErrorText?: string;
|
23
|
+
defaultValue?: string;
|
24
|
+
};
|
25
|
+
export declare const ControlDate: ({ control, name, required, label, placeholder, defaultValue, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, validateErrorText, ...datePickerProps }: ControlDateProps) => JSX.Element;
|
26
|
+
export default ControlDate;
|
@@ -1,26 +1,26 @@
|
|
1
|
-
import { ReactNode } from 'react';
|
2
|
-
import { TextFieldProps } from '@mui/material/TextField';
|
3
|
-
import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
|
4
|
-
import { Control, Validate } from 'react-hook-form';
|
5
|
-
type dateTimePickerProps = Partial<DateTimePickerProps<unknown, unknown>> & {
|
6
|
-
/**
|
7
|
-
* React Hook Form `control`
|
8
|
-
*/
|
9
|
-
control: Control<any>;
|
10
|
-
/**
|
11
|
-
* Is input required flag
|
12
|
-
*/
|
13
|
-
required?: boolean;
|
14
|
-
name: string;
|
15
|
-
label?: ReactNode;
|
16
|
-
placeholder?: string;
|
17
|
-
format?: string;
|
18
|
-
hideErrorMessage?: boolean;
|
19
|
-
textFieldProps?: TextFieldProps;
|
20
|
-
requiredErrorText?: string;
|
21
|
-
validate?: Validate<any, any>;
|
22
|
-
validateErrorText?: string;
|
23
|
-
defaultValue?: string;
|
24
|
-
};
|
25
|
-
export declare const ControlDateTime: ({ control, name, required, label, placeholder, defaultValue, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, validateErrorText, ...dateTimePickerProps }: dateTimePickerProps) =>
|
26
|
-
export default ControlDateTime;
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { TextFieldProps } from '@mui/material/TextField';
|
3
|
+
import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
|
4
|
+
import { Control, Validate } from 'react-hook-form';
|
5
|
+
type dateTimePickerProps = Partial<DateTimePickerProps<unknown, unknown>> & {
|
6
|
+
/**
|
7
|
+
* React Hook Form `control`
|
8
|
+
*/
|
9
|
+
control: Control<any>;
|
10
|
+
/**
|
11
|
+
* Is input required flag
|
12
|
+
*/
|
13
|
+
required?: boolean;
|
14
|
+
name: string;
|
15
|
+
label?: ReactNode;
|
16
|
+
placeholder?: string;
|
17
|
+
format?: string;
|
18
|
+
hideErrorMessage?: boolean;
|
19
|
+
textFieldProps?: TextFieldProps;
|
20
|
+
requiredErrorText?: string;
|
21
|
+
validate?: Validate<any, any>;
|
22
|
+
validateErrorText?: string;
|
23
|
+
defaultValue?: string;
|
24
|
+
};
|
25
|
+
export declare const ControlDateTime: ({ control, name, required, label, placeholder, defaultValue, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, validateErrorText, ...dateTimePickerProps }: dateTimePickerProps) => JSX.Element;
|
26
|
+
export default ControlDateTime;
|
@@ -1,3 +1,4 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
export
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { ControlInputProps } from './ControlInput';
|
3
|
+
export declare const ControlDebouncedInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, requiredErrorText, ...textFieldProps }: ControlInputProps) => JSX.Element;
|
4
|
+
export default ControlDebouncedInput;
|
@@ -1,63 +1,63 @@
|
|
1
|
-
import { ReactNode } from 'react';
|
2
|
-
import { Control } from 'react-hook-form';
|
3
|
-
import { TextFieldProps } from '@mui/material/TextField';
|
4
|
-
import { ValidateFunc } from '../../interfaces';
|
5
|
-
/**
|
6
|
-
* This interface is referencing the [[ControlInput]] component props.
|
7
|
-
* @category Forms
|
8
|
-
*/
|
9
|
-
export type ControlInputProps = TextFieldProps & {
|
10
|
-
/**
|
11
|
-
* React Hook Form control `name` propery
|
12
|
-
*/
|
13
|
-
name: string;
|
14
|
-
/**
|
15
|
-
* Label for MUI TextField component
|
16
|
-
*/
|
17
|
-
label?: ReactNode;
|
18
|
-
/**
|
19
|
-
* React Hook Form `control`
|
20
|
-
*/
|
21
|
-
control: Control<any>;
|
22
|
-
/**
|
23
|
-
* Is input required flag
|
24
|
-
*/
|
25
|
-
required?: boolean;
|
26
|
-
/**
|
27
|
-
* React Hook Form `defaultValue`
|
28
|
-
*/
|
29
|
-
defaultValue?: unknown;
|
30
|
-
/**
|
31
|
-
* Is disabled input flag
|
32
|
-
*/
|
33
|
-
disabled?: boolean;
|
34
|
-
/**
|
35
|
-
* React Hook Form validate function
|
36
|
-
* ```typescript
|
37
|
-
* type ValidateFunc = (value: string) => boolean | string;
|
38
|
-
* ```
|
39
|
-
*/
|
40
|
-
validate?: ValidateFunc | Record<string, ValidateFunc>;
|
41
|
-
/**
|
42
|
-
* Is input textarea flag
|
43
|
-
*/
|
44
|
-
textarea?: boolean;
|
45
|
-
/**
|
46
|
-
* Hide error message flag
|
47
|
-
*/
|
48
|
-
hideErrorMessage?: boolean;
|
49
|
-
/**
|
50
|
-
* Custom onChange functionƒ
|
51
|
-
*/
|
52
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
53
|
-
/**
|
54
|
-
* Set required error text
|
55
|
-
*/
|
56
|
-
requiredErrorText?: string;
|
57
|
-
};
|
58
|
-
/**
|
59
|
-
* Material UI `TextField` controlled component. Used with react-hook-form
|
60
|
-
* @category Forms
|
61
|
-
*/
|
62
|
-
export declare const ControlInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, requiredErrorText, ...textFieldProps }: ControlInputProps) =>
|
63
|
-
export default ControlInput;
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { Control } from 'react-hook-form';
|
3
|
+
import { TextFieldProps } from '@mui/material/TextField';
|
4
|
+
import { ValidateFunc } from '../../interfaces';
|
5
|
+
/**
|
6
|
+
* This interface is referencing the [[ControlInput]] component props.
|
7
|
+
* @category Forms
|
8
|
+
*/
|
9
|
+
export type ControlInputProps = TextFieldProps & {
|
10
|
+
/**
|
11
|
+
* React Hook Form control `name` propery
|
12
|
+
*/
|
13
|
+
name: string;
|
14
|
+
/**
|
15
|
+
* Label for MUI TextField component
|
16
|
+
*/
|
17
|
+
label?: ReactNode;
|
18
|
+
/**
|
19
|
+
* React Hook Form `control`
|
20
|
+
*/
|
21
|
+
control: Control<any>;
|
22
|
+
/**
|
23
|
+
* Is input required flag
|
24
|
+
*/
|
25
|
+
required?: boolean;
|
26
|
+
/**
|
27
|
+
* React Hook Form `defaultValue`
|
28
|
+
*/
|
29
|
+
defaultValue?: unknown;
|
30
|
+
/**
|
31
|
+
* Is disabled input flag
|
32
|
+
*/
|
33
|
+
disabled?: boolean;
|
34
|
+
/**
|
35
|
+
* React Hook Form validate function
|
36
|
+
* ```typescript
|
37
|
+
* type ValidateFunc = (value: string) => boolean | string;
|
38
|
+
* ```
|
39
|
+
*/
|
40
|
+
validate?: ValidateFunc | Record<string, ValidateFunc>;
|
41
|
+
/**
|
42
|
+
* Is input textarea flag
|
43
|
+
*/
|
44
|
+
textarea?: boolean;
|
45
|
+
/**
|
46
|
+
* Hide error message flag
|
47
|
+
*/
|
48
|
+
hideErrorMessage?: boolean;
|
49
|
+
/**
|
50
|
+
* Custom onChange functionƒ
|
51
|
+
*/
|
52
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
53
|
+
/**
|
54
|
+
* Set required error text
|
55
|
+
*/
|
56
|
+
requiredErrorText?: string;
|
57
|
+
};
|
58
|
+
/**
|
59
|
+
* Material UI `TextField` controlled component. Used with react-hook-form
|
60
|
+
* @category Forms
|
61
|
+
*/
|
62
|
+
export declare const ControlInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, requiredErrorText, ...textFieldProps }: ControlInputProps) => JSX.Element;
|
63
|
+
export default ControlInput;
|
@@ -1,72 +1,72 @@
|
|
1
|
-
import type { ReactNode } from 'react';
|
2
|
-
import { TextFieldProps } from '@mui/material/TextField';
|
3
|
-
import { Control } from 'react-hook-form';
|
4
|
-
import { ValidateFunc } from '../../interfaces';
|
5
|
-
export interface ErrorText {
|
6
|
-
required: string;
|
7
|
-
notValidNumber: string;
|
8
|
-
notValidInteger: string;
|
9
|
-
}
|
10
|
-
export declare const DEFAULT_ERROR_TEXT: {
|
11
|
-
required: string;
|
12
|
-
notValidNumber: string;
|
13
|
-
notValidInteger: string;
|
14
|
-
};
|
15
|
-
type Props = TextFieldProps & {
|
16
|
-
/**
|
17
|
-
* React Hook Form control `name` propery
|
18
|
-
*/
|
19
|
-
name: string;
|
20
|
-
/**
|
21
|
-
* Label for MUI TextField component
|
22
|
-
*/
|
23
|
-
label?: ReactNode;
|
24
|
-
/**
|
25
|
-
* React Hook Form `control`
|
26
|
-
*/
|
27
|
-
control: Control<any>;
|
28
|
-
/**
|
29
|
-
* Is input required flag
|
30
|
-
*/
|
31
|
-
required?: boolean;
|
32
|
-
/**
|
33
|
-
* React Hook Form `defaultValue`
|
34
|
-
*/
|
35
|
-
defaultValue?: number;
|
36
|
-
/**
|
37
|
-
* Is disabled input flag
|
38
|
-
*/
|
39
|
-
disabled?: boolean;
|
40
|
-
/**
|
41
|
-
* React Hook Form validate function
|
42
|
-
* ```typescript
|
43
|
-
* type ValidateFunc = (value: string) => boolean | string;
|
44
|
-
* ```
|
45
|
-
*/
|
46
|
-
validate?: ValidateFunc | Record<string, ValidateFunc>;
|
47
|
-
/**
|
48
|
-
* Hide error message flag
|
49
|
-
*/
|
50
|
-
hideErrorMessage?: boolean;
|
51
|
-
/**
|
52
|
-
* Custom onChange function
|
53
|
-
*/
|
54
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
55
|
-
/**
|
56
|
-
* Is number decimal or integer flag
|
57
|
-
*/
|
58
|
-
decimal?: boolean;
|
59
|
-
/**
|
60
|
-
* Set value as number
|
61
|
-
*/
|
62
|
-
valueAsNumber?: boolean;
|
63
|
-
/**
|
64
|
-
*/
|
65
|
-
useFormattedInputValue?: boolean;
|
66
|
-
/**
|
67
|
-
* Set error text
|
68
|
-
*/
|
69
|
-
errorText?: ErrorText;
|
70
|
-
};
|
71
|
-
export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, valueAsNumber, useFormattedInputValue, errorText, ...textFieldProps }: Props) =>
|
72
|
-
export default ControlNumberInput;
|
1
|
+
import type { ReactNode } from 'react';
|
2
|
+
import { TextFieldProps } from '@mui/material/TextField';
|
3
|
+
import { Control } from 'react-hook-form';
|
4
|
+
import { ValidateFunc } from '../../interfaces';
|
5
|
+
export interface ErrorText {
|
6
|
+
required: string;
|
7
|
+
notValidNumber: string;
|
8
|
+
notValidInteger: string;
|
9
|
+
}
|
10
|
+
export declare const DEFAULT_ERROR_TEXT: {
|
11
|
+
required: string;
|
12
|
+
notValidNumber: string;
|
13
|
+
notValidInteger: string;
|
14
|
+
};
|
15
|
+
type Props = TextFieldProps & {
|
16
|
+
/**
|
17
|
+
* React Hook Form control `name` propery
|
18
|
+
*/
|
19
|
+
name: string;
|
20
|
+
/**
|
21
|
+
* Label for MUI TextField component
|
22
|
+
*/
|
23
|
+
label?: ReactNode;
|
24
|
+
/**
|
25
|
+
* React Hook Form `control`
|
26
|
+
*/
|
27
|
+
control: Control<any>;
|
28
|
+
/**
|
29
|
+
* Is input required flag
|
30
|
+
*/
|
31
|
+
required?: boolean;
|
32
|
+
/**
|
33
|
+
* React Hook Form `defaultValue`
|
34
|
+
*/
|
35
|
+
defaultValue?: number;
|
36
|
+
/**
|
37
|
+
* Is disabled input flag
|
38
|
+
*/
|
39
|
+
disabled?: boolean;
|
40
|
+
/**
|
41
|
+
* React Hook Form validate function
|
42
|
+
* ```typescript
|
43
|
+
* type ValidateFunc = (value: string) => boolean | string;
|
44
|
+
* ```
|
45
|
+
*/
|
46
|
+
validate?: ValidateFunc | Record<string, ValidateFunc>;
|
47
|
+
/**
|
48
|
+
* Hide error message flag
|
49
|
+
*/
|
50
|
+
hideErrorMessage?: boolean;
|
51
|
+
/**
|
52
|
+
* Custom onChange function
|
53
|
+
*/
|
54
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
55
|
+
/**
|
56
|
+
* Is number decimal or integer flag
|
57
|
+
*/
|
58
|
+
decimal?: boolean;
|
59
|
+
/**
|
60
|
+
* Set value as number
|
61
|
+
*/
|
62
|
+
valueAsNumber?: boolean;
|
63
|
+
/**
|
64
|
+
*/
|
65
|
+
useFormattedInputValue?: boolean;
|
66
|
+
/**
|
67
|
+
* Set error text
|
68
|
+
*/
|
69
|
+
errorText?: ErrorText;
|
70
|
+
};
|
71
|
+
export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, valueAsNumber, useFormattedInputValue, errorText, ...textFieldProps }: Props) => JSX.Element;
|
72
|
+
export default ControlNumberInput;
|
@@ -1,11 +1,11 @@
|
|
1
|
-
import { ReactNode } from 'react';
|
2
|
-
import { Control } from 'react-hook-form';
|
3
|
-
type Props = {
|
4
|
-
name?: string;
|
5
|
-
control: Control<any>;
|
6
|
-
label?: ReactNode;
|
7
|
-
required?: boolean;
|
8
|
-
isSecondsVisible?: boolean;
|
9
|
-
};
|
10
|
-
export declare const ControlPeriodInput: ({ name, control, label, required, isSecondsVisible, }: Props) =>
|
11
|
-
export {};
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { Control } from 'react-hook-form';
|
3
|
+
type Props = {
|
4
|
+
name?: string;
|
5
|
+
control: Control<any>;
|
6
|
+
label?: ReactNode;
|
7
|
+
required?: boolean;
|
8
|
+
isSecondsVisible?: boolean;
|
9
|
+
};
|
10
|
+
export declare const ControlPeriodInput: ({ name, control, label, required, isSecondsVisible, }: Props) => JSX.Element;
|
11
|
+
export {};
|
@@ -1,17 +1,17 @@
|
|
1
|
-
import { ReactNode } from 'react';
|
2
|
-
import { TextFieldProps } from '@mui/material/TextField';
|
3
|
-
import { Control } from 'react-hook-form';
|
4
|
-
import { Props as InputMaskProps } from 'react-input-mask';
|
5
|
-
type Props = TextFieldProps & {
|
6
|
-
control: Control<any>;
|
7
|
-
name: string;
|
8
|
-
required?: boolean;
|
9
|
-
mask?: string;
|
10
|
-
label?: ReactNode;
|
11
|
-
requiredErrorText?: string;
|
12
|
-
invalidErrorText?: string;
|
13
|
-
disabled?: boolean;
|
14
|
-
inputMaskProps?: InputMaskProps;
|
15
|
-
};
|
16
|
-
export declare const ControlPhoneInput: ({ control, name, label, required, mask, requiredErrorText, inputMaskProps, disabled, invalidErrorText, ...textFieldProps }: Props) =>
|
17
|
-
export default ControlPhoneInput;
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { TextFieldProps } from '@mui/material/TextField';
|
3
|
+
import { Control } from 'react-hook-form';
|
4
|
+
import { Props as InputMaskProps } from 'react-input-mask';
|
5
|
+
type Props = TextFieldProps & {
|
6
|
+
control: Control<any>;
|
7
|
+
name: string;
|
8
|
+
required?: boolean;
|
9
|
+
mask?: string;
|
10
|
+
label?: ReactNode;
|
11
|
+
requiredErrorText?: string;
|
12
|
+
invalidErrorText?: string;
|
13
|
+
disabled?: boolean;
|
14
|
+
inputMaskProps?: InputMaskProps;
|
15
|
+
};
|
16
|
+
export declare const ControlPhoneInput: ({ control, name, label, required, mask, requiredErrorText, inputMaskProps, disabled, invalidErrorText, ...textFieldProps }: Props) => JSX.Element;
|
17
|
+
export default ControlPhoneInput;
|
@@ -1,70 +1,70 @@
|
|
1
|
-
import { RadioProps } from '@mui/material/Radio';
|
2
|
-
import { Control } from 'react-hook-form';
|
3
|
-
import { ValidateFunc } from '../../interfaces';
|
4
|
-
import { ReactNode } from 'react';
|
5
|
-
/**
|
6
|
-
* This interface is referencing the [[ControlRadioBtn]] component props.
|
7
|
-
* @category Forms
|
8
|
-
*/
|
9
|
-
export interface ControlRadioProps {
|
10
|
-
/**
|
11
|
-
* React Hook Form `control`
|
12
|
-
*/
|
13
|
-
control: Control<any>;
|
14
|
-
/**
|
15
|
-
* React Hook Form control `name` propery
|
16
|
-
*/
|
17
|
-
name: string;
|
18
|
-
/**
|
19
|
-
* Label for component
|
20
|
-
*/
|
21
|
-
label?: ReactNode;
|
22
|
-
/**
|
23
|
-
* Radio group values
|
24
|
-
*/
|
25
|
-
values: string[] | unknown[];
|
26
|
-
/**
|
27
|
-
* Is input required flag
|
28
|
-
*/
|
29
|
-
required?: boolean;
|
30
|
-
/**
|
31
|
-
* React Hook Form `defaultValue`
|
32
|
-
*/
|
33
|
-
defaultValue?: unknown;
|
34
|
-
/**
|
35
|
-
* Is disabled input flag
|
36
|
-
*/
|
37
|
-
disabled?: boolean;
|
38
|
-
/**
|
39
|
-
* Hide error message flag
|
40
|
-
*/
|
41
|
-
hideErrorMessage?: boolean;
|
42
|
-
/**
|
43
|
-
* Custom onChange functionƒ
|
44
|
-
*/
|
45
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
46
|
-
/**
|
47
|
-
* React Hook Form validate function
|
48
|
-
* ```typescript
|
49
|
-
* type ValidateFunc = (value: string) => boolean | string;
|
50
|
-
* ```
|
51
|
-
*/
|
52
|
-
validate?: ValidateFunc | Record<string, ValidateFunc>;
|
53
|
-
/**
|
54
|
-
* Key for option label
|
55
|
-
*/
|
56
|
-
labelKey?: string;
|
57
|
-
/**
|
58
|
-
* Key for option value
|
59
|
-
*/
|
60
|
-
valueKey?: string;
|
61
|
-
row?: boolean;
|
62
|
-
radioProps?: RadioProps;
|
63
|
-
requiredErrorText?: string;
|
64
|
-
}
|
65
|
-
/**
|
66
|
-
* Material UI `Radio` controlled component. Used with react-hook-form
|
67
|
-
* @category Forms
|
68
|
-
*/
|
69
|
-
export declare const ControlRadio: ({ name, label, values, control, required, defaultValue, disabled, hideErrorMessage, labelKey, valueKey, validate, onChange: customOnChange, row, radioProps, requiredErrorText, }: ControlRadioProps) =>
|
70
|
-
export default ControlRadio;
|
1
|
+
import { RadioProps } from '@mui/material/Radio';
|
2
|
+
import { Control } from 'react-hook-form';
|
3
|
+
import { ValidateFunc } from '../../interfaces';
|
4
|
+
import { ReactNode } from 'react';
|
5
|
+
/**
|
6
|
+
* This interface is referencing the [[ControlRadioBtn]] component props.
|
7
|
+
* @category Forms
|
8
|
+
*/
|
9
|
+
export interface ControlRadioProps {
|
10
|
+
/**
|
11
|
+
* React Hook Form `control`
|
12
|
+
*/
|
13
|
+
control: Control<any>;
|
14
|
+
/**
|
15
|
+
* React Hook Form control `name` propery
|
16
|
+
*/
|
17
|
+
name: string;
|
18
|
+
/**
|
19
|
+
* Label for component
|
20
|
+
*/
|
21
|
+
label?: ReactNode;
|
22
|
+
/**
|
23
|
+
* Radio group values
|
24
|
+
*/
|
25
|
+
values: string[] | unknown[];
|
26
|
+
/**
|
27
|
+
* Is input required flag
|
28
|
+
*/
|
29
|
+
required?: boolean;
|
30
|
+
/**
|
31
|
+
* React Hook Form `defaultValue`
|
32
|
+
*/
|
33
|
+
defaultValue?: unknown;
|
34
|
+
/**
|
35
|
+
* Is disabled input flag
|
36
|
+
*/
|
37
|
+
disabled?: boolean;
|
38
|
+
/**
|
39
|
+
* Hide error message flag
|
40
|
+
*/
|
41
|
+
hideErrorMessage?: boolean;
|
42
|
+
/**
|
43
|
+
* Custom onChange functionƒ
|
44
|
+
*/
|
45
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
46
|
+
/**
|
47
|
+
* React Hook Form validate function
|
48
|
+
* ```typescript
|
49
|
+
* type ValidateFunc = (value: string) => boolean | string;
|
50
|
+
* ```
|
51
|
+
*/
|
52
|
+
validate?: ValidateFunc | Record<string, ValidateFunc>;
|
53
|
+
/**
|
54
|
+
* Key for option label
|
55
|
+
*/
|
56
|
+
labelKey?: string;
|
57
|
+
/**
|
58
|
+
* Key for option value
|
59
|
+
*/
|
60
|
+
valueKey?: string;
|
61
|
+
row?: boolean;
|
62
|
+
radioProps?: RadioProps;
|
63
|
+
requiredErrorText?: string;
|
64
|
+
}
|
65
|
+
/**
|
66
|
+
* Material UI `Radio` controlled component. Used with react-hook-form
|
67
|
+
* @category Forms
|
68
|
+
*/
|
69
|
+
export declare const ControlRadio: ({ name, label, values, control, required, defaultValue, disabled, hideErrorMessage, labelKey, valueKey, validate, onChange: customOnChange, row, radioProps, requiredErrorText, }: ControlRadioProps) => JSX.Element;
|
70
|
+
export default ControlRadio;
|