@pdg/react-form 1.0.0
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/README.md +8 -0
- package/dist/@private/@types/date_time.d.ts +12 -0
- package/dist/@private/@types/index.d.ts +1 -0
- package/dist/@private/PrivateDatePicker/PrivateDatePicker.d.ts +5 -0
- package/dist/@private/PrivateDatePicker/PrivateDatePicker.types.d.ts +29 -0
- package/dist/@private/PrivateDatePicker/index.d.ts +4 -0
- package/dist/@private/PrivateMonthSelect/PrivateMonthSelect.d.ts +5 -0
- package/dist/@private/PrivateMonthSelect/PrivateMonthSelect.types.d.ts +10 -0
- package/dist/@private/PrivateMonthSelect/index.d.ts +4 -0
- package/dist/@private/PrivateStaticDatePicker/PrivateStaticDatePicker.d.ts +5 -0
- package/dist/@private/PrivateStaticDatePicker/PrivateStaticDatePicker.types.d.ts +22 -0
- package/dist/@private/PrivateStaticDatePicker/index.d.ts +4 -0
- package/dist/@private/PrivateStyledTooltip/PrivateStyledTooltip.d.ts +3 -0
- package/dist/@private/PrivateStyledTooltip/index.d.ts +3 -0
- package/dist/@private/PrivateTimeSelect/PrivateTimeSelect.d.ts +5 -0
- package/dist/@private/PrivateTimeSelect/PrivateTimeSelect.types.d.ts +13 -0
- package/dist/@private/PrivateTimeSelect/index.d.ts +4 -0
- package/dist/@private/PrivateToggleButton/PrivateToggleButton.d.ts +4 -0
- package/dist/@private/PrivateToggleButton/PrivateToggleButton.types.d.ts +7 -0
- package/dist/@private/PrivateToggleButton/index.d.ts +4 -0
- package/dist/@private/PrivateYearSelect/PrivateYearSelect.d.ts +5 -0
- package/dist/@private/PrivateYearSelect/PrivateYearSelect.types.d.ts +8 -0
- package/dist/@private/PrivateYearSelect/index.d.ts +4 -0
- package/dist/@private/index.d.ts +3 -0
- package/dist/@types/date_time.d.ts +2 -0
- package/dist/@types/index.d.ts +2 -0
- package/dist/@types/types.d.ts +89 -0
- package/dist/@util/compare.d.ts +4 -0
- package/dist/@util/date_time.d.ts +22 -0
- package/dist/@util/index.d.ts +5 -0
- package/dist/Form/Form.d.ts +4 -0
- package/dist/Form/Form.types.d.ts +31 -0
- package/dist/Form/index.d.ts +4 -0
- package/dist/FormCommon/FormButton/FormButton.d.ts +4 -0
- package/dist/FormCommon/FormButton/FormButton.types.d.ts +10 -0
- package/dist/FormCommon/FormButton/index.d.ts +4 -0
- package/dist/FormCommon/FormIcon/FormIcon.d.ts +4 -0
- package/dist/FormCommon/FormIcon/FormIcon.types.d.ts +5 -0
- package/dist/FormCommon/FormIcon/index.d.ts +4 -0
- package/dist/FormCommon/FormLabel/FormLabel.d.ts +4 -0
- package/dist/FormCommon/FormLabel/FormLabel.types.d.ts +7 -0
- package/dist/FormCommon/FormLabel/index.d.ts +4 -0
- package/dist/FormCommon/index.d.ts +3 -0
- package/dist/FormContext/FormContext.d.ts +4 -0
- package/dist/FormContext/FormContext.types.d.ts +18 -0
- package/dist/FormContext/index.d.ts +5 -0
- package/dist/FormContext/useFormState.d.ts +2 -0
- package/dist/FormContextProvider/FormContextProvider.d.ts +4 -0
- package/dist/FormContextProvider/FormContextProvider.types.d.ts +6 -0
- package/dist/FormContextProvider/index.d.ts +4 -0
- package/dist/FormItemCustom/FormAutocomplete/FormAutocomplete.d.ts +4 -0
- package/dist/FormItemCustom/FormAutocomplete/FormAutocomplete.types.d.ts +36 -0
- package/dist/FormItemCustom/FormAutocomplete/index.d.ts +4 -0
- package/dist/FormItemCustom/FormCheckbox/FormCheckbox.d.ts +4 -0
- package/dist/FormItemCustom/FormCheckbox/FormCheckbox.types.d.ts +15 -0
- package/dist/FormItemCustom/FormCheckbox/index.d.ts +4 -0
- package/dist/FormItemCustom/FormDatePicker/FormDatePicker.d.ts +4 -0
- package/dist/FormItemCustom/FormDatePicker/FormDatePicker.types.d.ts +7 -0
- package/dist/FormItemCustom/FormDatePicker/index.d.ts +4 -0
- package/dist/FormItemCustom/FormDateRangePicker/CustomDatePickerContainer/CustomDatePicker/CustomDatePicker.d.ts +5 -0
- package/dist/FormItemCustom/FormDateRangePicker/CustomDatePickerContainer/CustomDatePicker/CustomDatePicker.types.d.ts +23 -0
- package/dist/FormItemCustom/FormDateRangePicker/CustomDatePickerContainer/CustomDatePicker/index.d.ts +4 -0
- package/dist/FormItemCustom/FormDateRangePicker/CustomDatePickerContainer/CustomDatePickerContainer.d.ts +5 -0
- package/dist/FormItemCustom/FormDateRangePicker/CustomDatePickerContainer/CustomDatePickerContainer.types.d.ts +23 -0
- package/dist/FormItemCustom/FormDateRangePicker/CustomDatePickerContainer/index.d.ts +4 -0
- package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePicker.d.ts +4 -0
- package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePicker.types.d.ts +48 -0
- package/dist/FormItemCustom/FormDateRangePicker/InputDatePicker/InputDatePicker.d.ts +5 -0
- package/dist/FormItemCustom/FormDateRangePicker/InputDatePicker/InputDatePicker.types.d.ts +30 -0
- package/dist/FormItemCustom/FormDateRangePicker/InputDatePicker/index.d.ts +4 -0
- package/dist/FormItemCustom/FormDateRangePicker/index.d.ts +4 -0
- package/dist/FormItemCustom/FormDateTimePicker/FormDateTimePicker.d.ts +4 -0
- package/dist/FormItemCustom/FormDateTimePicker/FormDateTimePicker.types.d.ts +7 -0
- package/dist/FormItemCustom/FormDateTimePicker/index.d.ts +4 -0
- package/dist/FormItemCustom/FormItemBase/FormItemBase.d.ts +5 -0
- package/dist/FormItemCustom/FormItemBase/FormItemBase.types.d.ts +18 -0
- package/dist/FormItemCustom/FormItemBase/index.d.ts +4 -0
- package/dist/FormItemCustom/FormRadioGroup/FormRadioGroup.d.ts +4 -0
- package/dist/FormItemCustom/FormRadioGroup/FormRadioGroup.types.d.ts +22 -0
- package/dist/FormItemCustom/FormRadioGroup/index.d.ts +4 -0
- package/dist/FormItemCustom/FormRating/FormRating.d.ts +4 -0
- package/dist/FormItemCustom/FormRating/FormRating.types.d.ts +15 -0
- package/dist/FormItemCustom/FormRating/index.d.ts +4 -0
- package/dist/FormItemCustom/FormTextEditor/FormTextEditor.d.ts +5 -0
- package/dist/FormItemCustom/FormTextEditor/FormTextEditor.types.d.ts +9 -0
- package/dist/FormItemCustom/FormTextEditor/index.d.ts +4 -0
- package/dist/FormItemCustom/FormTimePicker/FormTimePicker.d.ts +4 -0
- package/dist/FormItemCustom/FormTimePicker/FormTimePicker.types.d.ts +7 -0
- package/dist/FormItemCustom/FormTimePicker/index.d.ts +4 -0
- package/dist/FormItemCustom/FormToggleButtonGroup/FormToggleButtonGroup.d.ts +5 -0
- package/dist/FormItemCustom/FormToggleButtonGroup/FormToggleButtonGroup.types.d.ts +28 -0
- package/dist/FormItemCustom/FormToggleButtonGroup/index.d.ts +4 -0
- package/dist/FormItemCustom/index.d.ts +10 -0
- package/dist/FormItemTextFieldBase/FormEmail/FormEmail.d.ts +5 -0
- package/dist/FormItemTextFieldBase/FormEmail/FormEmail.types.d.ts +3 -0
- package/dist/FormItemTextFieldBase/FormEmail/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormHidden/FormHidden.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormHidden/FormHidden.types.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormHidden/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormMobile/FormMobile.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormMobile/FormMobile.types.d.ts +3 -0
- package/dist/FormItemTextFieldBase/FormMobile/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormNumber/FormNumber.d.ts +12 -0
- package/dist/FormItemTextFieldBase/FormNumber/FormNumber.types.d.ts +14 -0
- package/dist/FormItemTextFieldBase/FormNumber/NumberFormatCustom.d.ts +8 -0
- package/dist/FormItemTextFieldBase/FormNumber/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormPassword/FormPassword.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormPassword/FormPassword.types.d.ts +5 -0
- package/dist/FormItemTextFieldBase/FormPassword/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormSearch/FormSearch.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormSearch/FormSearch.types.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormSearch/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormSelect/FormSelect.d.ts +16 -0
- package/dist/FormItemTextFieldBase/FormSelect/FormSelect.types.d.ts +26 -0
- package/dist/FormItemTextFieldBase/FormSelect/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormTag/FormTag.d.ts +9 -0
- package/dist/FormItemTextFieldBase/FormTag/FormTag.types.d.ts +12 -0
- package/dist/FormItemTextFieldBase/FormTag/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormTel/FormTel.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormTel/FormTel.types.d.ts +5 -0
- package/dist/FormItemTextFieldBase/FormTel/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormText/FormText.d.ts +5 -0
- package/dist/FormItemTextFieldBase/FormText/FormText.types.d.ts +3 -0
- package/dist/FormItemTextFieldBase/FormText/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormTextField/FormTextField.d.ts +16 -0
- package/dist/FormItemTextFieldBase/FormTextField/FormTextField.types.d.ts +18 -0
- package/dist/FormItemTextFieldBase/FormTextField/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormTextarea/FormTextarea.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormTextarea/FormTextarea.types.d.ts +3 -0
- package/dist/FormItemTextFieldBase/FormTextarea/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormUrl/FormUrl.d.ts +5 -0
- package/dist/FormItemTextFieldBase/FormUrl/FormUrl.types.d.ts +3 -0
- package/dist/FormItemTextFieldBase/FormUrl/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/index.d.ts +13 -0
- package/dist/FormLayout/FormBlock/FormBlock.d.ts +4 -0
- package/dist/FormLayout/FormBlock/FormBlock.style.d.ts +17 -0
- package/dist/FormLayout/FormBlock/FormBlock.types.d.ts +6 -0
- package/dist/FormLayout/FormBlock/index.d.ts +4 -0
- package/dist/FormLayout/FormCol/FormCol.d.ts +4 -0
- package/dist/FormLayout/FormCol/FormCol.types.d.ts +13 -0
- package/dist/FormLayout/FormCol/index.d.ts +4 -0
- package/dist/FormLayout/FormDivider/FormDivider.d.ts +4 -0
- package/dist/FormLayout/FormDivider/FormDivider.types.d.ts +14 -0
- package/dist/FormLayout/FormDivider/index.d.ts +4 -0
- package/dist/FormLayout/FormRow/FormRow.d.ts +4 -0
- package/dist/FormLayout/FormRow/FormRow.style.d.ts +17 -0
- package/dist/FormLayout/FormRow/FormRow.types.d.ts +12 -0
- package/dist/FormLayout/FormRow/index.d.ts +4 -0
- package/dist/FormLayout/index.d.ts +4 -0
- package/dist/Search/Search/Search.d.ts +4 -0
- package/dist/Search/Search/Search.types.d.ts +8 -0
- package/dist/Search/Search/index.d.ts +4 -0
- package/dist/Search/SearchButton/SearchButton.d.ts +4 -0
- package/dist/Search/SearchButton/SearchButton.types.d.ts +4 -0
- package/dist/Search/SearchButton/index.d.ts +4 -0
- package/dist/Search/SearchGroup/SearchGroup.d.ts +4 -0
- package/dist/Search/SearchGroup/SearchGroup.types.d.ts +9 -0
- package/dist/Search/SearchGroup/index.d.ts +4 -0
- package/dist/Search/index.d.ts +3 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.esm.js +15987 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +15987 -0
- package/dist/index.js.map +1 -0
- package/package.json +78 -0
package/README.md
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Dayjs } from 'dayjs';
|
|
2
|
+
export declare type FormAvailableDateType = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
|
|
3
|
+
export interface FormAvailableDateItem {
|
|
4
|
+
date: Dayjs;
|
|
5
|
+
year: number;
|
|
6
|
+
month: number;
|
|
7
|
+
day: number;
|
|
8
|
+
hour: number;
|
|
9
|
+
minute: number;
|
|
10
|
+
second: number;
|
|
11
|
+
}
|
|
12
|
+
export declare type FormAvailableDate = [FormAvailableDateItem | null, FormAvailableDateItem | null];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './date_time';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateDatePickerProps as Props, PrivateDatePickerCommands } from './PrivateDatePicker.types';
|
|
3
|
+
import './PrivateDatePicker.scss';
|
|
4
|
+
declare const PrivateDatePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<PrivateDatePickerCommands>>;
|
|
5
|
+
export default PrivateDatePicker;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { DesktopDatePickerProps } from '@mui/x-date-pickers';
|
|
3
|
+
import { CommonSxProps, FormDateType, FormDateValueItemCommands, FormTimeType, FormValueItemBaseCommands, FormValueItemProps } from '../../@types';
|
|
4
|
+
import { Dayjs } from 'dayjs';
|
|
5
|
+
export declare type PrivateDatePickerValue = Dayjs | null;
|
|
6
|
+
export interface PrivateDatePickerProps extends CommonSxProps, Partial<Omit<DesktopDatePickerProps<Dayjs, Dayjs>, 'children' | 'className' | 'style' | 'sx' | 'value' | 'inputFormat' | 'views' | 'onChange'>>, Omit<FormValueItemProps, 'value' | 'onChange'> {
|
|
7
|
+
type: FormDateType;
|
|
8
|
+
time?: FormTimeType;
|
|
9
|
+
value?: PrivateDatePickerValue;
|
|
10
|
+
hours?: number[];
|
|
11
|
+
minutes?: number[];
|
|
12
|
+
seconds?: number[];
|
|
13
|
+
minuteInterval?: number;
|
|
14
|
+
secondInterval?: number;
|
|
15
|
+
required?: boolean;
|
|
16
|
+
labelShrink?: boolean;
|
|
17
|
+
format?: string;
|
|
18
|
+
formValueFormat?: string;
|
|
19
|
+
icon?: string;
|
|
20
|
+
startAdornment?: ReactNode;
|
|
21
|
+
endAdornment?: ReactNode;
|
|
22
|
+
align?: 'left' | 'center' | 'right';
|
|
23
|
+
readOnlyInput?: boolean;
|
|
24
|
+
onChange?(value: PrivateDatePickerValue): void;
|
|
25
|
+
onValidate?(value: PrivateDatePickerValue): boolean | string;
|
|
26
|
+
}
|
|
27
|
+
export declare const PrivateDatePickerDefaultProps: Pick<PrivateDatePickerProps, 'showDaysOutsideCurrentMonth' | 'align'>;
|
|
28
|
+
export interface PrivateDatePickerCommands extends FormValueItemBaseCommands<PrivateDatePickerValue>, FormDateValueItemCommands {
|
|
29
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FormAvailableDate } from '../@types';
|
|
2
|
+
export interface PrivateMonthSelectProps {
|
|
3
|
+
year: number;
|
|
4
|
+
selectYear: number | null;
|
|
5
|
+
selectMonth: number | null;
|
|
6
|
+
activeMonth: number;
|
|
7
|
+
availableDate: FormAvailableDate;
|
|
8
|
+
onSelect(month: number): void;
|
|
9
|
+
}
|
|
10
|
+
export declare const PrivateMonthSelectDefaultProps: {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateStaticDatePickerProps as Props, PrivateStaticDatePickerCommands } from './PrivateStaticDatePicker.types';
|
|
3
|
+
import './PrivateStaticDatePicker.scss';
|
|
4
|
+
declare const PrivateStaticDatePicker: React.ForwardRefExoticComponent<Props & React.RefAttributes<PrivateStaticDatePickerCommands>>;
|
|
5
|
+
export default PrivateStaticDatePicker;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { StaticDatePickerProps } from '@mui/x-date-pickers';
|
|
2
|
+
import { Dayjs } from 'dayjs';
|
|
3
|
+
import { FormAvailableDate } from '../@types';
|
|
4
|
+
import { FormDateType, FormTimeType } from '../../@types';
|
|
5
|
+
export declare type PrivateStaticDatePickerUnit = 'date' | 'action_date' | 'hour' | 'minute' | 'second';
|
|
6
|
+
export interface PrivateStaticDatePickerProps extends Omit<StaticDatePickerProps<Dayjs, Dayjs>, 'displayStaticWrapperAs' | 'renderInput' | 'onChange'> {
|
|
7
|
+
type: FormDateType;
|
|
8
|
+
time?: FormTimeType;
|
|
9
|
+
availableDate?: FormAvailableDate;
|
|
10
|
+
hours?: number[];
|
|
11
|
+
minutes?: number[];
|
|
12
|
+
seconds?: number[];
|
|
13
|
+
minuteInterval?: number;
|
|
14
|
+
secondInterval?: number;
|
|
15
|
+
onChange(unit: PrivateStaticDatePickerUnit, newValue: Dayjs | null, keyboardInputValue?: string): void;
|
|
16
|
+
onClose?(): void;
|
|
17
|
+
}
|
|
18
|
+
export declare const PrivateStaticDatePickerDefaultProps: {};
|
|
19
|
+
export declare type TimeSelectScrollToDateUnit = 'hour' | 'minute' | 'second';
|
|
20
|
+
export interface PrivateStaticDatePickerCommands {
|
|
21
|
+
timeSelectScrollToDate(date: Dayjs, times?: TimeSelectScrollToDateUnit[]): void;
|
|
22
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateTimeSelectProps as Props, PrivateTimeSelectCommands } from './PrivateTimeSelect.types';
|
|
3
|
+
import './PrivateTimeSelect.scss';
|
|
4
|
+
declare const PrivateTimeSelect: React.ForwardRefExoticComponent<Props & React.RefAttributes<PrivateTimeSelectCommands>>;
|
|
5
|
+
export default PrivateTimeSelect;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface PrivateTimeSelectProps {
|
|
2
|
+
list: number[];
|
|
3
|
+
listInterval?: number;
|
|
4
|
+
unit: string;
|
|
5
|
+
cols?: 1 | 2 | 3;
|
|
6
|
+
disableList?: number[];
|
|
7
|
+
value?: number | null;
|
|
8
|
+
onSelect?(value: number): void;
|
|
9
|
+
}
|
|
10
|
+
export declare const PrivateTimeSelectDefaultProps: Pick<PrivateTimeSelectProps, 'cols'>;
|
|
11
|
+
export interface PrivateTimeSelectCommands {
|
|
12
|
+
scrollToValue(value: number): void;
|
|
13
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PrivateToggleButtonProps as Props } from './PrivateToggleButton.types';
|
|
3
|
+
declare const PrivateToggleButton: React.ForwardRefExoticComponent<Pick<Props, "children" | "className" | "style" | "classes" | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "selected" | "activated" | "outlined"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
|
+
export default PrivateToggleButton;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ButtonProps } from '@mui/material';
|
|
2
|
+
export interface PrivateToggleButtonProps extends Omit<ButtonProps, 'variant' | 'type' | 'sx'> {
|
|
3
|
+
selected?: boolean;
|
|
4
|
+
activated?: boolean;
|
|
5
|
+
outlined?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const PrivateToggleButtonDefaultProps: {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FormAvailableDate } from '../@types';
|
|
2
|
+
export interface PrivateYearSelectProps {
|
|
3
|
+
selectYear: number | null;
|
|
4
|
+
activeYear: number;
|
|
5
|
+
availableDate: FormAvailableDate;
|
|
6
|
+
onSelect(year: number): void;
|
|
7
|
+
}
|
|
8
|
+
export declare const PrivateYearSelectDefaultProps: {};
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { SxProps } from '@mui/system';
|
|
3
|
+
import { Theme } from '@mui/material/styles';
|
|
4
|
+
import { FormContextValue } from '../FormContext';
|
|
5
|
+
import { Dayjs } from 'dayjs';
|
|
6
|
+
export declare type PartialPick<T, K extends keyof T> = Partial<Pick<T, K>>;
|
|
7
|
+
export declare type PartialOmit<T, K extends keyof T> = Partial<Omit<T, K>>;
|
|
8
|
+
export interface CommonProps {
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
export interface CommonSxProps extends CommonProps {
|
|
14
|
+
sx?: SxProps<Theme>;
|
|
15
|
+
}
|
|
16
|
+
export declare type FormItemValue = any;
|
|
17
|
+
export declare type FormValue = string | number | boolean;
|
|
18
|
+
export interface FormValueMap {
|
|
19
|
+
[key: string]: FormValue;
|
|
20
|
+
}
|
|
21
|
+
export interface FormValueItemBaseCommands<ValueType = FormItemValue> {
|
|
22
|
+
getType(): 'default' | 'FormCheckbox' | 'FormToggleButtonGroup' | 'FormRadioGroup' | 'FormRating' | 'FormTextEditor' | 'FormAutocomplete' | 'FormDatePicker' | 'FormDateTimePicker' | 'FormTimePicker' | 'FormDateRangePicker';
|
|
23
|
+
getName(): string;
|
|
24
|
+
getReset(): ValueType;
|
|
25
|
+
reset(): void;
|
|
26
|
+
getValue(): ValueType;
|
|
27
|
+
setValue(value: ValueType): void;
|
|
28
|
+
isExceptValue(): boolean;
|
|
29
|
+
isDisabled(): boolean;
|
|
30
|
+
setDisabled(disabled: boolean): void;
|
|
31
|
+
focus(): void;
|
|
32
|
+
focusValidate(): void;
|
|
33
|
+
validate(): boolean;
|
|
34
|
+
setError(error: boolean, errorText: ReactNode | undefined): void;
|
|
35
|
+
}
|
|
36
|
+
export interface FormArrayValueItemCommands {
|
|
37
|
+
isFormValueSort(): boolean;
|
|
38
|
+
getFormValueSeparator(): string | undefined;
|
|
39
|
+
}
|
|
40
|
+
export interface FormItemsValueItemCommands<ItemType> {
|
|
41
|
+
getItems(): ItemType[] | undefined;
|
|
42
|
+
setItems(items: ItemType[]): void;
|
|
43
|
+
}
|
|
44
|
+
export interface FormCheckValueItemCommands {
|
|
45
|
+
getChecked(): boolean;
|
|
46
|
+
setChecked(checked: boolean): void;
|
|
47
|
+
getUncheckedValue(): FormItemValue;
|
|
48
|
+
setUncheckedValue(uncheckedValue: FormItemValue): void;
|
|
49
|
+
}
|
|
50
|
+
export interface FormMultipleValueItemCommands {
|
|
51
|
+
isMultiple(): boolean;
|
|
52
|
+
}
|
|
53
|
+
export interface FormLoadingValueItemCommands {
|
|
54
|
+
getLoading(): boolean;
|
|
55
|
+
setLoading(loading: boolean): void;
|
|
56
|
+
}
|
|
57
|
+
export interface FormDateValueItemCommands {
|
|
58
|
+
getFormValueFormat(): string;
|
|
59
|
+
}
|
|
60
|
+
export interface FormDateRangeValueItemCommands {
|
|
61
|
+
getStartValue(): Dayjs | null;
|
|
62
|
+
setStartValue(value: Dayjs | null): void;
|
|
63
|
+
getEndValue(): Dayjs | null;
|
|
64
|
+
setEndValue(value: Dayjs | null): void;
|
|
65
|
+
getFormValueStartNameSuffix(): string;
|
|
66
|
+
getFormValueEndNameSuffix(): string;
|
|
67
|
+
getFormValueStartName(): string;
|
|
68
|
+
getFormValueEndName(): string;
|
|
69
|
+
}
|
|
70
|
+
export interface FormValueItemCommands<ValueType = FormItemValue, ItemType = any> extends FormValueItemBaseCommands<ValueType>, Partial<FormArrayValueItemCommands>, Partial<FormItemsValueItemCommands<ItemType>>, Partial<FormCheckValueItemCommands>, Partial<FormMultipleValueItemCommands>, Partial<FormLoadingValueItemCommands>, Partial<FormDateValueItemCommands>, Partial<FormDateRangeValueItemCommands> {
|
|
71
|
+
}
|
|
72
|
+
export interface FormValueItemCommandsMap<ValueType = FormItemValue, ItemType = any> {
|
|
73
|
+
[key: string]: FormValueItemCommands<ValueType, ItemType> | undefined;
|
|
74
|
+
}
|
|
75
|
+
export interface FormValueItemProps extends PartialPick<FormContextValue, 'variant' | 'size' | 'color' | 'focused'> {
|
|
76
|
+
name: string;
|
|
77
|
+
value?: FormItemValue;
|
|
78
|
+
labelIcon?: string;
|
|
79
|
+
label?: ReactNode;
|
|
80
|
+
width?: string | number;
|
|
81
|
+
fullWidth?: boolean;
|
|
82
|
+
disabled?: boolean;
|
|
83
|
+
readOnly?: boolean;
|
|
84
|
+
error?: boolean;
|
|
85
|
+
exceptValue?: boolean;
|
|
86
|
+
helperText?: ReactNode;
|
|
87
|
+
onChange?(value: FormItemValue): void;
|
|
88
|
+
onValidate?(value: FormItemValue): boolean | string;
|
|
89
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DateValidationError } from '@mui/x-date-pickers/internals';
|
|
2
|
+
import { FormDateType, FormTimeType } from '../@types';
|
|
3
|
+
import { FormAvailableDate, FormAvailableDateType } from '../@private/@types';
|
|
4
|
+
import { Dayjs } from 'dayjs';
|
|
5
|
+
export declare function getDateValidationErrorText(error: DateValidationError): "형식이 일치하지 않습니다." | "선택할 수 없는 날짜입니다." | undefined;
|
|
6
|
+
export declare function getDateTimeFormat(type: FormDateType, time?: FormTimeType): string;
|
|
7
|
+
export declare function getDateTimeFormValueFormat(type: FormDateType, time?: FormTimeType): string;
|
|
8
|
+
export declare function getAvailableDateValFormat(type: FormAvailableDateType): string;
|
|
9
|
+
export declare function getAvailableDateValFormat(type: FormDateType, time?: FormTimeType): string;
|
|
10
|
+
export declare function getDateValFormat(type: FormDateType, time?: FormTimeType): string;
|
|
11
|
+
export declare function getAvailableDateType(type: FormDateType, time?: FormTimeType): FormAvailableDateType;
|
|
12
|
+
export declare function makeAvailableDate(minDate: Dayjs | undefined, maxDate: Dayjs | undefined, disablePast: boolean, disableFuture: boolean): FormAvailableDate;
|
|
13
|
+
export declare function getAvailableDate(availableDate: FormAvailableDate, type: FormAvailableDateType): [Dayjs | null, Dayjs | null];
|
|
14
|
+
export declare function getAvailableDate(availableDate: FormAvailableDate, type: FormDateType, time?: FormTimeType): [Dayjs | null, Dayjs | null];
|
|
15
|
+
export declare function getAvailableDateVal(availableDate: FormAvailableDate, type: FormAvailableDateType): [number | null, number | null];
|
|
16
|
+
export declare function getAvailableDateVal(availableDate: FormAvailableDate, type: FormDateType, time?: FormTimeType): [number | null, number | null];
|
|
17
|
+
export declare function getDateValForAvailableDate(date: Dayjs, type: FormDateType, time?: FormTimeType): number;
|
|
18
|
+
export declare function isDateAvailable(date: Dayjs, availableDate: FormAvailableDate, type: FormAvailableDateType): boolean;
|
|
19
|
+
export declare function isDateAvailable(date: Dayjs, availableDate: FormAvailableDate, type: FormDateType, time?: FormTimeType): boolean;
|
|
20
|
+
export declare type checkDateAvailableResult = 'available' | 'min' | 'max';
|
|
21
|
+
export declare function checkDateAvailable(date: Dayjs, availableDate: FormAvailableDate, type: FormAvailableDateType): checkDateAvailableResult;
|
|
22
|
+
export declare function checkDateAvailable(date: Dayjs, availableDate: FormAvailableDate, type: FormDateType, time?: FormTimeType): checkDateAvailableResult;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { FormControlProps, GridProps, InputLabelProps } from '@mui/material';
|
|
3
|
+
import { PartialPick, CommonSxProps, FormItemValue, FormValue, FormValueMap, FormValueItemCommands, FormValueItemBaseCommands } from '../@types';
|
|
4
|
+
export interface FormProps extends CommonSxProps, PartialPick<FormControlProps, 'variant' | 'size' | 'color' | 'focused'>, PartialPick<GridProps, 'spacing'> {
|
|
5
|
+
labelShrink?: InputLabelProps['shrink'];
|
|
6
|
+
fullWidth?: boolean;
|
|
7
|
+
formColGap?: number;
|
|
8
|
+
onSubmit?(data: FormValueMap): void;
|
|
9
|
+
onValueChange?(name: string, value: FormItemValue): void;
|
|
10
|
+
onValueChangeByUser?(name: string, value: FormItemValue): void;
|
|
11
|
+
}
|
|
12
|
+
export declare const FormDefaultProps: Pick<FormProps, 'variant' | 'size' | 'color' | 'spacing' | 'formColGap' | 'fullWidth'>;
|
|
13
|
+
export interface FormCommands {
|
|
14
|
+
submit(): void;
|
|
15
|
+
getAllFormValue(): FormValueMap;
|
|
16
|
+
resetAll(): void;
|
|
17
|
+
getItem<T extends FormValueItemBaseCommands = FormValueItemCommands>(name: string): T | undefined;
|
|
18
|
+
exists(name: string): boolean;
|
|
19
|
+
getReset(name: string): FormItemValue;
|
|
20
|
+
getFormReset(name: string, subKey?: string): FormValue;
|
|
21
|
+
reset(name: string): void;
|
|
22
|
+
getValue(name: string): FormItemValue;
|
|
23
|
+
getFormValue(name: string, subKey?: string): FormValue;
|
|
24
|
+
setValue(name: string, value: FormItemValue): void;
|
|
25
|
+
isExceptValue(name: string): boolean;
|
|
26
|
+
isDisabled(name: string): boolean;
|
|
27
|
+
setDisabled(name: string, disabled: boolean): void;
|
|
28
|
+
focus(name: string): void;
|
|
29
|
+
validate(name: string): boolean;
|
|
30
|
+
setError(name: string, error: boolean, helperText: ReactNode): void;
|
|
31
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormButtonProps as Props } from './FormButton.types';
|
|
3
|
+
declare const FormButton: React.ForwardRefExoticComponent<Pick<Props, "size" | "color" | "className" | "style" | "classes" | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "startIcon" | "variant" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "icon"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
|
+
export default FormButton;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ButtonProps } from '@mui/material';
|
|
2
|
+
import { PartialPick } from '../../@types';
|
|
3
|
+
import { FormContextValue } from '../../FormContext';
|
|
4
|
+
export interface FormButtonProps extends PartialPick<FormContextValue, 'color' | 'size'>, Omit<ButtonProps, 'color' | 'size' | 'startIcon' | 'endIcon'> {
|
|
5
|
+
type?: 'button' | 'submit';
|
|
6
|
+
icon?: string;
|
|
7
|
+
startIcon?: string;
|
|
8
|
+
endIcon?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const FormButtonDefaultProps: FormButtonProps;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormIconProps as Props } from './FormIcon.types';
|
|
3
|
+
declare const FormIcon: React.ForwardRefExoticComponent<Pick<Props, "className" | "style" | "classes" | "baseClassName" | "children" | "color" | "fontSize" | "sx" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
4
|
+
export default FormIcon;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormLabelProps as Props } from './FormLabel.types';
|
|
3
|
+
declare const FormLabel: React.ForwardRefExoticComponent<Pick<Props, "children" | "size" | "classes" | "className" | "style" | "error" | "form" | "htmlFor" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "filled" | "focused" | "required" | "sx" | "key" | "disableAnimation" | "margin" | "shrink" | "variant" | "icon"> & React.RefAttributes<HTMLLabelElement>>;
|
|
4
|
+
export default FormLabel;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { InputLabelProps } from '@mui/material';
|
|
2
|
+
import { PartialPick, PartialOmit } from '../../@types';
|
|
3
|
+
import { FormProps } from '../../Form';
|
|
4
|
+
export interface FormLabelProps extends PartialOmit<InputLabelProps, 'size'>, PartialPick<FormProps, 'size'> {
|
|
5
|
+
icon?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const FormLabelDefaultProps: {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { PartialPick, FormValueItemCommands, FormItemValue } from '../@types';
|
|
2
|
+
import { FormProps } from '../Form/Form.types';
|
|
3
|
+
export interface FormContextValue extends PartialPick<FormProps, 'variant' | 'size' | 'color' | 'spacing' | 'formColGap' | 'focused' | 'labelShrink' | 'fullWidth'> {
|
|
4
|
+
id: string;
|
|
5
|
+
onAddValueItem(id: string, commands: FormValueItemCommands): void;
|
|
6
|
+
onRemoveValueItem(id: string): void;
|
|
7
|
+
onValueChange(name: string, value: FormItemValue): void;
|
|
8
|
+
onValueChangeByUser(name: string, value: FormItemValue): void;
|
|
9
|
+
onRequestSearchSubmit(name: string, value: FormItemValue): void;
|
|
10
|
+
formColAutoXs?: number;
|
|
11
|
+
formColWidth?: number;
|
|
12
|
+
onAddFormCol?(id: string, xs: number | undefined): void;
|
|
13
|
+
onRemoveFormCol?(id: string): void;
|
|
14
|
+
formColXs?: number;
|
|
15
|
+
formColWithLabel?: boolean;
|
|
16
|
+
formColWithHelperText?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export declare const FormContextDefaultValue: FormContextValue;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FormAutocompleteProps as Props, FormAutocompleteCommands } from './FormAutocomplete.types';
|
|
3
|
+
declare const FormAutocomplete: React.ForwardRefExoticComponent<Props & React.RefAttributes<FormAutocompleteCommands>>;
|
|
4
|
+
export default FormAutocomplete;
|