@pdg/react-form 1.0.52 → 1.0.54
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/dist/@private/@types/date_time.d.ts +2 -2
- package/dist/@private/PrivateDatePicker/PrivateDatePicker.types.d.ts +2 -2
- package/dist/@private/PrivateStaticDatePicker/PrivateStaticDatePicker.types.d.ts +4 -4
- package/dist/@private/PrivateToggleButton/PrivateToggleButton.d.ts +1 -1
- package/dist/@types/date_time.d.ts +2 -2
- package/dist/@types/types.d.ts +5 -5
- package/dist/@util/date_time.d.ts +2 -2
- package/dist/Form/Form.types.d.ts +1 -1
- package/dist/FormCommon/FormButton/FormButton.d.ts +1 -1
- package/dist/FormCommon/FormLabel/FormLabel.d.ts +1 -1
- package/dist/FormItemCustom/FormAutocomplete/FormAutocomplete.types.d.ts +3 -3
- package/dist/FormItemCustom/FormCheckbox/FormCheckbox.d.ts +1 -1
- package/dist/FormItemCustom/FormDatePicker/FormDatePicker.types.d.ts +1 -1
- package/dist/FormItemCustom/FormDateRangePicker/CustomDatePickerContainer/CustomDatePicker/CustomDatePicker.types.d.ts +3 -3
- package/dist/FormItemCustom/FormDateRangePicker/CustomDatePickerContainer/CustomDatePickerContainer.types.d.ts +2 -2
- package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePicker.types.d.ts +3 -3
- package/dist/FormItemCustom/FormDateRangePicker/InputDatePicker/InputDatePicker.types.d.ts +2 -2
- package/dist/FormItemCustom/FormFile/FormFile.types.d.ts +1 -1
- package/dist/FormItemCustom/FormImageFile/FormImageFile.types.d.ts +1 -1
- package/dist/FormItemCustom/FormRadioGroup/FormRadioGroup.types.d.ts +1 -1
- package/dist/FormItemCustom/FormRating/FormRating.types.d.ts +1 -1
- package/dist/FormItemCustom/FormTextEditor/FormTextEditor.types.d.ts +1 -1
- package/dist/FormItemCustom/FormToggleButtonGroup/FormToggleButtonGroup.types.d.ts +2 -2
- package/dist/FormItemTextFieldBase/FormCompanyNo/FormCompanyNo.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormCompanyNo/FormCompanyNo.types.d.ts +5 -0
- package/dist/FormItemTextFieldBase/FormCompanyNo/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormEmail/FormEmail.types.d.ts +1 -1
- package/dist/FormItemTextFieldBase/FormHidden/FormHidden.types.d.ts +1 -1
- package/dist/FormItemTextFieldBase/FormMobile/FormMobile.types.d.ts +1 -1
- package/dist/FormItemTextFieldBase/FormNumber/FormNumber.types.d.ts +1 -1
- package/dist/FormItemTextFieldBase/FormNumber/NumberFormatCustom.d.ts +2 -2
- package/dist/FormItemTextFieldBase/FormPersonalNo/FormPersonalNo.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormPersonalNo/FormPersonalNo.types.d.ts +5 -0
- package/dist/FormItemTextFieldBase/FormPersonalNo/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormSearch/FormSearch.types.d.ts +1 -1
- package/dist/FormItemTextFieldBase/FormSelect/FormSelect.types.d.ts +3 -3
- package/dist/FormItemTextFieldBase/FormTag/FormTag.types.d.ts +1 -1
- package/dist/FormItemTextFieldBase/FormTel/FormTel.types.d.ts +1 -1
- package/dist/FormItemTextFieldBase/FormText/FormText.types.d.ts +1 -1
- package/dist/FormItemTextFieldBase/FormTextField/FormTextField.types.d.ts +1 -1
- package/dist/FormItemTextFieldBase/FormTextarea/FormTextarea.types.d.ts +1 -1
- package/dist/FormItemTextFieldBase/FormUrl/FormUrl.types.d.ts +1 -1
- package/dist/FormItemTextFieldBase/index.d.ts +2 -0
- package/dist/FormLayout/FormBlock/FormBlock.style.d.ts +1 -1
- package/dist/FormLayout/FormDivider/FormDivider.style.d.ts +3 -3
- package/dist/FormLayout/FormRow/FormRow.style.d.ts +1 -1
- package/dist/index.esm.js +2444 -2244
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2794 -2594
- package/dist/index.js.map +1 -1
- package/package.json +28 -27
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Dayjs } from 'dayjs';
|
|
2
|
-
export
|
|
2
|
+
export type FormAvailableDateType = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
|
|
3
3
|
export interface FormAvailableDateItem {
|
|
4
4
|
date: Dayjs;
|
|
5
5
|
year: number;
|
|
@@ -9,4 +9,4 @@ export interface FormAvailableDateItem {
|
|
|
9
9
|
minute: number;
|
|
10
10
|
second: number;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type FormAvailableDate = [FormAvailableDateItem | null, FormAvailableDateItem | null];
|
|
@@ -2,8 +2,8 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
import { DesktopDatePickerProps } from '@mui/x-date-pickers';
|
|
3
3
|
import { CommonSxProps, FormDateType, FormDateValueItemCommands, FormTimeType, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
|
|
4
4
|
import { Dayjs } from 'dayjs';
|
|
5
|
-
export
|
|
6
|
-
export interface PrivateDatePickerProps extends CommonSxProps, Partial<Omit<DesktopDatePickerProps<Dayjs
|
|
5
|
+
export type PrivateDatePickerValue = Dayjs | null;
|
|
6
|
+
export interface PrivateDatePickerProps extends CommonSxProps, Partial<Omit<DesktopDatePickerProps<Dayjs>, 'children' | 'className' | 'style' | 'sx' | 'value' | 'inputFormat' | 'views' | 'onChange'>>, Omit<FormValueItemProps, 'value' | 'onChange'> {
|
|
7
7
|
type: FormDateType;
|
|
8
8
|
time?: FormTimeType;
|
|
9
9
|
value?: PrivateDatePickerValue;
|
|
@@ -2,8 +2,8 @@ import { StaticDatePickerProps } from '@mui/x-date-pickers';
|
|
|
2
2
|
import { Dayjs } from 'dayjs';
|
|
3
3
|
import { FormAvailableDate } from '../@types';
|
|
4
4
|
import { FormDateType, FormTimeType } from '../../@types';
|
|
5
|
-
export
|
|
6
|
-
export interface PrivateStaticDatePickerProps extends Omit<StaticDatePickerProps<Dayjs
|
|
5
|
+
export type PrivateStaticDatePickerUnit = 'date' | 'action_date' | 'hour' | 'minute' | 'second';
|
|
6
|
+
export interface PrivateStaticDatePickerProps extends Omit<StaticDatePickerProps<Dayjs>, 'displayStaticWrapperAs' | 'renderInput' | 'onChange'> {
|
|
7
7
|
type: FormDateType;
|
|
8
8
|
time?: FormTimeType;
|
|
9
9
|
availableDate?: FormAvailableDate;
|
|
@@ -12,11 +12,11 @@ export interface PrivateStaticDatePickerProps extends Omit<StaticDatePickerProps
|
|
|
12
12
|
seconds?: number[];
|
|
13
13
|
minuteInterval?: number;
|
|
14
14
|
secondInterval?: number;
|
|
15
|
-
onChange(unit: PrivateStaticDatePickerUnit, newValue: Dayjs | null
|
|
15
|
+
onChange(unit: PrivateStaticDatePickerUnit, newValue: Dayjs | null): void;
|
|
16
16
|
onClose?(): void;
|
|
17
17
|
}
|
|
18
18
|
export declare const PrivateStaticDatePickerDefaultProps: {};
|
|
19
|
-
export
|
|
19
|
+
export type TimeSelectScrollToDateUnit = 'hour' | 'minute' | 'second';
|
|
20
20
|
export interface PrivateStaticDatePickerCommands {
|
|
21
21
|
timeSelectScrollToDate(date: Dayjs, times?: TimeSelectScrollToDateUnit[]): void;
|
|
22
22
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PrivateToggleButtonProps as Props } from './PrivateToggleButton.types';
|
|
3
|
-
declare const PrivateToggleButton: React.ForwardRefExoticComponent<
|
|
3
|
+
declare const PrivateToggleButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
4
|
export default PrivateToggleButton;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export type FormDateType = 'date' | 'date_time' | 'time';
|
|
2
|
+
export type FormTimeType = 'hour' | 'minute' | 'second';
|
package/dist/@types/types.d.ts
CHANGED
|
@@ -3,8 +3,8 @@ import { SxProps } from '@mui/system';
|
|
|
3
3
|
import { Theme } from '@mui/material/styles';
|
|
4
4
|
import { FormContextValue } from '../FormContext';
|
|
5
5
|
import { Dayjs } from 'dayjs';
|
|
6
|
-
export
|
|
7
|
-
export
|
|
6
|
+
export type PartialPick<T, K extends keyof T> = Partial<Pick<T, K>>;
|
|
7
|
+
export type PartialOmit<T, K extends keyof T> = Partial<Omit<T, K>>;
|
|
8
8
|
export interface CommonProps {
|
|
9
9
|
children?: ReactNode;
|
|
10
10
|
className?: string;
|
|
@@ -13,12 +13,12 @@ export interface CommonProps {
|
|
|
13
13
|
export interface CommonSxProps extends CommonProps {
|
|
14
14
|
sx?: SxProps<Theme>;
|
|
15
15
|
}
|
|
16
|
-
export
|
|
17
|
-
export
|
|
16
|
+
export type FormItemValue = any;
|
|
17
|
+
export type FormValue = string | number | boolean;
|
|
18
18
|
export interface FormValueMap {
|
|
19
19
|
[key: string]: FormValue;
|
|
20
20
|
}
|
|
21
|
-
export
|
|
21
|
+
export type FormValueItemData = Record<string, any>;
|
|
22
22
|
export interface FormValueItemBaseCommands<ValueType = FormItemValue> {
|
|
23
23
|
getType(): 'default' | 'FormCheckbox' | 'FormToggleButtonGroup' | 'FormRadioGroup' | 'FormRating' | 'FormTextEditor' | 'FormAutocomplete' | 'FormDatePicker' | 'FormDateTimePicker' | 'FormTimePicker' | 'FormDateRangePicker' | 'FormFile';
|
|
24
24
|
getName(): string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DateValidationError } from '@mui/x-date-pickers
|
|
1
|
+
import { DateValidationError } from '@mui/x-date-pickers';
|
|
2
2
|
import { FormDateType, FormTimeType } from '../@types';
|
|
3
3
|
import { FormAvailableDate, FormAvailableDateType } from '../@private/@types';
|
|
4
4
|
import { Dayjs } from 'dayjs';
|
|
@@ -17,6 +17,6 @@ export declare function getAvailableDateVal(availableDate: FormAvailableDate, ty
|
|
|
17
17
|
export declare function getDateValForAvailableDate(date: Dayjs, type: FormDateType, time?: FormTimeType): number;
|
|
18
18
|
export declare function isDateAvailable(date: Dayjs, availableDate: FormAvailableDate, type: FormAvailableDateType): boolean;
|
|
19
19
|
export declare function isDateAvailable(date: Dayjs, availableDate: FormAvailableDate, type: FormDateType, time?: FormTimeType): boolean;
|
|
20
|
-
export
|
|
20
|
+
export type checkDateAvailableResult = 'available' | 'min' | 'max';
|
|
21
21
|
export declare function checkDateAvailable(date: Dayjs, availableDate: FormAvailableDate, type: FormAvailableDateType): checkDateAvailableResult;
|
|
22
22
|
export declare function checkDateAvailable(date: Dayjs, availableDate: FormAvailableDate, type: FormDateType, time?: FormTimeType): checkDateAvailableResult;
|
|
@@ -5,7 +5,7 @@ export interface FormInvalidItemInfo {
|
|
|
5
5
|
name: string;
|
|
6
6
|
commands: FormValueItemCommands;
|
|
7
7
|
}
|
|
8
|
-
export
|
|
8
|
+
export type FormInvalidItems = FormInvalidItemInfo[];
|
|
9
9
|
export interface FormProps extends CommonSxProps, PartialPick<FormControlProps, 'variant' | 'size' | 'color' | 'focused'>, PartialPick<GridProps, 'spacing'> {
|
|
10
10
|
labelShrink?: InputLabelProps['shrink'];
|
|
11
11
|
fullWidth?: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FormButtonProps as Props } from './FormButton.types';
|
|
3
|
-
declare const FormButton: React.ForwardRefExoticComponent<
|
|
3
|
+
declare const FormButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
4
|
export default FormButton;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FormLabelProps as Props } from './FormLabel.types';
|
|
3
|
-
declare const FormLabel: React.ForwardRefExoticComponent<
|
|
3
|
+
declare const FormLabel: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLLabelElement>>;
|
|
4
4
|
export default FormLabel;
|
|
@@ -2,15 +2,15 @@ import React, { ReactNode } from 'react';
|
|
|
2
2
|
import { CommonSxProps, FormMultipleValueItemCommands } from '../../@types';
|
|
3
3
|
import { FormArrayValueItemCommands, FormItemsValueItemCommands, FormLoadingValueItemCommands, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
|
|
4
4
|
import { FormTextFieldProps } from '../../FormItemTextFieldBase';
|
|
5
|
-
export
|
|
5
|
+
export type FormAutocompleteItemValue = string | number;
|
|
6
6
|
export interface FormAutocompleteItem {
|
|
7
7
|
label: string;
|
|
8
8
|
value: FormAutocompleteItemValue;
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
[key: string]: any;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
13
|
-
export
|
|
12
|
+
export type FormAutocompleteValue = FormAutocompleteItemValue | FormAutocompleteItemValue[] | undefined;
|
|
13
|
+
export type FormAutocompleteComponentValue = FormAutocompleteItem | FormAutocompleteItem[] | null;
|
|
14
14
|
export interface FormAutocompleteProps extends CommonSxProps, Omit<FormValueItemProps, 'value'>, Pick<FormTextFieldProps, 'required' | 'focused' | 'labelShrink'> {
|
|
15
15
|
value?: FormAutocompleteValue;
|
|
16
16
|
items?: FormAutocompleteItem[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FormCheckboxProps as Props, FormCheckboxCommands } from './FormCheckbox.types';
|
|
3
|
-
declare const FormCheckbox: React.ForwardRefExoticComponent<
|
|
3
|
+
declare const FormCheckbox: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<FormCheckboxCommands>>;
|
|
4
4
|
export default FormCheckbox;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PrivateDatePickerValue, PrivateDatePickerProps, PrivateDatePickerCommands } from '../../@private';
|
|
2
|
-
export
|
|
2
|
+
export type FormDatePickerValue = PrivateDatePickerValue;
|
|
3
3
|
export interface FormDatePickerProps extends Omit<PrivateDatePickerProps, 'type' | 'time' | 'hours' | 'minutes' | 'seconds' | 'minuteInterval' | 'secondInterval'> {
|
|
4
4
|
}
|
|
5
5
|
export declare const FormDatePickerDefaultProps: {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Dayjs } from 'dayjs';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export type CustomDatePickerDateValue = Dayjs | null;
|
|
3
|
+
export type CustomDatePickerValue = [CustomDatePickerDateValue, CustomDatePickerDateValue];
|
|
4
|
+
export type CustomDatePickerSelectType = 'start' | 'end';
|
|
5
5
|
export interface CustomDatePickerProps {
|
|
6
6
|
selectType: CustomDatePickerSelectType;
|
|
7
7
|
value?: CustomDatePickerValue;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CustomDatePickerDateValue, CustomDatePickerSelectType, CustomDatePickerValue } from './CustomDatePicker';
|
|
2
2
|
import { Dayjs } from 'dayjs';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type CustomDatePickerContainerMonths = [Dayjs, Dayjs, Dayjs];
|
|
4
|
+
export type CustomDatePickerContainerCalendarCount = 2 | 3;
|
|
5
5
|
export interface CustomDatePickerContainerProps {
|
|
6
6
|
calendarCount?: CustomDatePickerContainerCalendarCount;
|
|
7
7
|
selectType: CustomDatePickerSelectType;
|
|
@@ -4,9 +4,9 @@ import { CustomDatePickerDateValue } from './CustomDatePickerContainer/CustomDat
|
|
|
4
4
|
import { CommonSxProps, FormDateRangeValueItemCommands, FormDateValueItemCommands, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
|
|
5
5
|
import { Dayjs } from 'dayjs';
|
|
6
6
|
import { InputDatePickerProps } from './InputDatePicker';
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
7
|
+
export type FormDateRangePickerDateValue = CustomDatePickerDateValue;
|
|
8
|
+
export type FormDateRangePickerValue = [FormDateRangePickerDateValue, FormDateRangePickerDateValue];
|
|
9
|
+
export type FormDateRangePickerCalendarCount = CustomDatePickerContainerCalendarCount;
|
|
10
10
|
export interface FormDateRangePickerProps extends CommonSxProps, Omit<FormValueItemProps, 'label' | 'labelIcon' | 'value' | 'width' | 'onChange'>, Pick<InputDatePickerProps, 'align'> {
|
|
11
11
|
value?: FormDateRangePickerValue;
|
|
12
12
|
startLabel?: ReactNode;
|
|
@@ -2,8 +2,8 @@ import React, { CSSProperties, ReactNode } from 'react';
|
|
|
2
2
|
import { Dayjs } from 'dayjs';
|
|
3
3
|
import { TextFieldProps } from '@mui/material';
|
|
4
4
|
import { FormValueItemProps } from '../../../@types';
|
|
5
|
-
import { DateValidationError } from '@mui/x-date-pickers
|
|
6
|
-
export
|
|
5
|
+
import { DateValidationError } from '@mui/x-date-pickers';
|
|
6
|
+
export type InputDatePickerValue = Dayjs | null;
|
|
7
7
|
export interface InputDatePickerProps extends Pick<FormValueItemProps, 'variant' | 'size' | 'color' | 'focused' | 'fullWidth' | 'readOnly' | 'label' | 'labelIcon' | 'error'> {
|
|
8
8
|
className?: string;
|
|
9
9
|
style?: CSSProperties;
|
|
@@ -24,4 +24,4 @@ export interface FormFileProps extends CommonSxProps, FormValueItemProps {
|
|
|
24
24
|
onLink?(url: string): Promise<string>;
|
|
25
25
|
}
|
|
26
26
|
export declare const FormFileDefaultProps: {};
|
|
27
|
-
export
|
|
27
|
+
export type FormFileCommands = FormValueItemCommands;
|
|
@@ -9,4 +9,4 @@ export interface FormImageFileProps extends Omit<FormFileProps, 'preview'> {
|
|
|
9
9
|
previewMaxHeight?: number;
|
|
10
10
|
}
|
|
11
11
|
export declare const FormImageFileDefaultProps: Pick<FormImageFileProps, 'accept'>;
|
|
12
|
-
export
|
|
12
|
+
export type FormImageFileCommands = FormFileCommands;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { RadioGroupProps } from '@mui/material';
|
|
3
3
|
import { CommonSxProps, FormItemsValueItemCommands, FormLoadingValueItemCommands, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
|
|
4
|
-
export
|
|
4
|
+
export type FormRadioGroupValue = string | number | undefined;
|
|
5
5
|
export interface FormRadioGroupItem {
|
|
6
6
|
label: ReactNode;
|
|
7
7
|
value: string | number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RatingProps } from '@mui/material';
|
|
2
2
|
import { PartialPick, FormValueItemProps, FormValueItemBaseCommands } from '../../@types';
|
|
3
3
|
import { CommonSxProps } from '../../@types';
|
|
4
|
-
export
|
|
4
|
+
export type FormRatingValue = number;
|
|
5
5
|
export interface FormRatingProps extends CommonSxProps, PartialPick<RatingProps, 'highlightSelectedOnly' | 'max' | 'precision'>, Omit<FormValueItemProps, 'value' | 'fullWidth' | 'onChange'> {
|
|
6
6
|
value?: FormRatingValue;
|
|
7
7
|
required?: boolean;
|
|
@@ -7,4 +7,4 @@ export interface FormTextEditorProps extends CommonSxProps, Omit<FormValueItemPr
|
|
|
7
7
|
onImageUpload?(blob: Blob, success: (url: string) => void, failure: (err: string) => void, progress?: (percent: number) => void): void;
|
|
8
8
|
}
|
|
9
9
|
export declare const FormTextEditorDefaultProps: Pick<FormTextEditorProps, 'menubar' | 'height'>;
|
|
10
|
-
export
|
|
10
|
+
export type FormTextEditorCommands = FormValueItemCommands;
|
|
@@ -2,14 +2,14 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
import { ToggleButtonProps } from '@mui/material';
|
|
3
3
|
import { PartialPick, CommonSxProps, FormMultipleValueItemCommands, FormArrayValueItemCommands, FormItemsValueItemCommands, FormLoadingValueItemCommands, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
|
|
4
4
|
import { FormItemBaseProps } from '../FormItemBase';
|
|
5
|
-
export
|
|
5
|
+
export type FormToggleButtonGroupItemValue = string | number;
|
|
6
6
|
export interface FormToggleButtonGroupItem {
|
|
7
7
|
label: ReactNode;
|
|
8
8
|
value: FormToggleButtonGroupItemValue;
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
color?: ToggleButtonProps['color'];
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type FormToggleButtonGroupValue = FormToggleButtonGroupItemValue | FormToggleButtonGroupItemValue[] | undefined;
|
|
13
13
|
export interface FormToggleButtonGroupProps extends CommonSxProps, Omit<FormValueItemProps, 'value'>, PartialPick<FormItemBaseProps, 'required' | 'focused'> {
|
|
14
14
|
type?: 'button' | 'checkbox' | 'radio';
|
|
15
15
|
value?: FormToggleButtonGroupValue;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormValueItemBaseCommands } from '../../@types';
|
|
3
|
+
declare const FormCompanyNo: React.ForwardRefExoticComponent<Omit<import("../FormText").FormTextProps, "type" | "value" | "maxLength"> & {
|
|
4
|
+
value?: string | undefined;
|
|
5
|
+
} & React.RefAttributes<FormValueItemBaseCommands<any>>>;
|
|
6
|
+
export default FormCompanyNo;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FormTextProps } from '../FormText';
|
|
2
2
|
import { FormValueItemBaseCommands } from '../../@types';
|
|
3
|
-
export
|
|
3
|
+
export type FormHiddenProps = Pick<FormTextProps, 'className' | 'name' | 'value' | 'error' | 'required' | 'exceptValue' | 'onChange' | 'onValidate'>;
|
|
4
4
|
export declare const FormHiddenDefaultProps: {};
|
|
5
5
|
export interface FormHiddenCommands extends FormValueItemBaseCommands {
|
|
6
6
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { NumericFormatProps } from 'react-number-format';
|
|
2
2
|
import { FormNumberProps } from './FormNumber.types';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
interface NumberFormatCustomProps extends Omit<
|
|
4
|
+
interface NumberFormatCustomProps extends Omit<NumericFormatProps, 'onChange'> {
|
|
5
5
|
onChange: FormNumberProps['onChange'];
|
|
6
6
|
}
|
|
7
7
|
declare const NumberFormatCustom: React.ForwardRefExoticComponent<NumberFormatCustomProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormValueItemBaseCommands } from '../../@types';
|
|
3
|
+
declare const FormPersonalNo: React.ForwardRefExoticComponent<Omit<import("../FormText").FormTextProps, "type" | "value" | "maxLength"> & {
|
|
4
|
+
value?: string | undefined;
|
|
5
|
+
} & React.RefAttributes<FormValueItemBaseCommands<any>>>;
|
|
6
|
+
export default FormPersonalNo;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FormTextProps } from '../FormText';
|
|
2
|
-
export
|
|
2
|
+
export type FormSearchProps = Omit<FormTextProps, 'type'>;
|
|
3
3
|
export declare const FormSearchDefaultProps: {
|
|
4
4
|
value?: unknown;
|
|
5
5
|
clear?: boolean | undefined;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { FormTextProps } from '../FormText';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { FormArrayValueItemCommands, FormItemsValueItemCommands, FormLoadingValueItemCommands, FormValueItemBaseCommands, FormMultipleValueItemCommands } from '../../@types';
|
|
4
|
-
export
|
|
4
|
+
export type FormSelectItemValue = string | number;
|
|
5
5
|
export interface FormSelectItem {
|
|
6
6
|
label: ReactNode;
|
|
7
7
|
value: FormSelectItemValue;
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export
|
|
11
|
-
export
|
|
10
|
+
export type FormSelectValue = FormSelectItemValue | FormSelectItemValue[] | undefined;
|
|
11
|
+
export type FormSelectProps = Omit<FormTextProps, 'type' | 'value' | 'clear'> & {
|
|
12
12
|
items?: FormSelectItem[];
|
|
13
13
|
value?: FormSelectValue;
|
|
14
14
|
multiple?: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FormTextProps } from '../FormText';
|
|
2
2
|
import { FormArrayValueItemCommands, FormValueItemBaseCommands } from '../../@types';
|
|
3
|
-
export
|
|
3
|
+
export type FormTagProps = Omit<FormTextProps, 'type' | 'value'> & {
|
|
4
4
|
value?: string[];
|
|
5
5
|
formValueSeparator?: string;
|
|
6
6
|
formValueSort?: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FormTextProps } from '../FormText';
|
|
2
|
-
export
|
|
2
|
+
export type FormTelProps = Omit<FormTextProps, 'type' | 'value' | 'maxLength'> & {
|
|
3
3
|
value?: string;
|
|
4
4
|
};
|
|
5
5
|
export declare const FormTelDefaultProps: Pick<FormTextProps, 'validPattern'>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FormTextFieldProps } from '../FormTextField';
|
|
2
|
-
export
|
|
2
|
+
export type FormTextProps = Omit<FormTextFieldProps, 'disableReturnKey' | 'minRows' | 'maxRows'>;
|
|
3
3
|
export declare const FormTextDefaultProps: Pick<FormTextProps, 'clear' | 'value'>;
|
|
@@ -3,7 +3,7 @@ import { TextFieldProps } from '@mui/material';
|
|
|
3
3
|
import { FormItemValue, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
|
|
4
4
|
export interface FormTextFieldCommands extends FormValueItemBaseCommands {
|
|
5
5
|
}
|
|
6
|
-
export
|
|
6
|
+
export type FormTextFieldProps = Omit<TextFieldProps, 'ref' | 'name' | 'onChange'> & Omit<FormValueItemProps, 'value' | 'label' | 'fullWidth' | 'disabled' | 'error'> & {
|
|
7
7
|
icon?: string;
|
|
8
8
|
clear?: boolean;
|
|
9
9
|
maxLength?: number;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FormTextFieldProps } from '../FormTextField';
|
|
2
|
-
export
|
|
2
|
+
export type FormTextareaProps = Omit<FormTextFieldProps, 'disableReturnKey' | 'type' | 'multiline' | 'minRows' | 'maxRows'>;
|
|
3
3
|
export declare const FormTextareaDefaultProps: Pick<FormTextareaProps, 'clear' | 'rows' | 'value'>;
|
|
@@ -12,6 +12,6 @@ export declare const StyledWrapGrid: import("@emotion/styled").StyledComponent<i
|
|
|
12
12
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
13
13
|
wrap?: import("@mui/material").GridWrap | undefined;
|
|
14
14
|
zeroMinWidth?: boolean | undefined;
|
|
15
|
-
} & import("@mui/material").RegularBreakpoints & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
15
|
+
} & import("@mui/material").RegularBreakpoints & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
16
16
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
17
17
|
}, keyof import("@mui/material/OverridableComponent").CommonProps | "direction" | "columns" | "container" | ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "wrap" | "children" | "columnSpacing" | "item" | "rowSpacing" | "spacing" | "sx" | "zeroMinWidth" | keyof import("@mui/material").RegularBreakpoints> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -4,7 +4,7 @@ export declare const StyledLineBox: import("@emotion/styled").StyledComponent<im
|
|
|
4
4
|
component?: import("react").ElementType<any> | undefined;
|
|
5
5
|
ref?: import("react").Ref<unknown> | undefined;
|
|
6
6
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
7
|
-
} & Omit<
|
|
7
|
+
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
8
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
9
|
}, ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "ref" | "children" | "component" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
10
10
|
export declare const StyledErrorLineBox: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
|
|
@@ -12,7 +12,7 @@ export declare const StyledErrorLineBox: import("@emotion/styled").StyledCompone
|
|
|
12
12
|
component?: import("react").ElementType<any> | undefined;
|
|
13
13
|
ref?: import("react").Ref<unknown> | undefined;
|
|
14
14
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
15
|
-
} & Omit<
|
|
15
|
+
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
16
16
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
17
17
|
}, ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "ref" | "children" | "component" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
18
18
|
export declare const StyledWarningLineBox: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
|
|
@@ -20,6 +20,6 @@ export declare const StyledWarningLineBox: import("@emotion/styled").StyledCompo
|
|
|
20
20
|
component?: import("react").ElementType<any> | undefined;
|
|
21
21
|
ref?: import("react").Ref<unknown> | undefined;
|
|
22
22
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
23
|
-
} & Omit<
|
|
23
|
+
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
24
24
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
25
25
|
}, ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "ref" | "children" | "component" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|