@pdg/react-form 1.0.77 → 1.0.79

package/dist/@private/PrivateMonthPicker/PrivateMonthPickerMonth/PrivateMonthPickerMonth.types.d.ts

@@ -1,6 +1,7 @@
 import { ButtonProps } from '@mui/material';
 export interface PrivateMonthPickerMonthProps extends Pick<ButtonProps, 'onMouseEnter' | 'onMouseLeave'> {
     month: number;
+    range?: boolean;
     disabled?: boolean;
     isDefault?: boolean;
     active?: boolean;

package/dist/@private/PrivateMonthRangePicker/PrivateMonthRangePicker.style.d.ts

@@ -15,3 +15,37 @@ export declare const StyledDiv: import("@emotion/styled").StyledComponent<import
 } & import("@mui/material").RegularBreakpoints & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, 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>, {}, {}>;
+export declare const StyledActionContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledActionButton: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
+    disabled?: boolean | undefined;
+    disableElevation?: boolean | undefined;
+    disableFocusRipple?: boolean | undefined;
+    endIcon?: import("react").ReactNode;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    startIcon?: import("react").ReactNode;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "text" | "outlined" | "contained" | undefined;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "tabIndex" | "children" | "sx" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/@private/PrivateYearPicker/PrivateYearPickerYear/PrivateYearPickerYear.types.d.ts

@@ -1,6 +1,7 @@
 import { ButtonProps } from '@mui/material';
 export interface PrivateYearPickerYearProps extends Pick<ButtonProps, 'onClick' | 'onMouseEnter' | 'onMouseLeave'> {
     year: number;
+    range?: boolean;
     disabled?: boolean;
     isDefault?: boolean;
     active?: boolean;

package/dist/@private/PrivateYearRangePicker/PrivateYearRangePicker.style.d.ts

@@ -3,3 +3,37 @@ export declare const StyledTitleContainer: import("@emotion/styled").StyledCompo
 export declare const StyledYear: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledYearError: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledTitleGap: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledActionContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledActionButton: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
+    disabled?: boolean | undefined;
+    disableElevation?: boolean | undefined;
+    disableFocusRipple?: boolean | undefined;
+    endIcon?: import("react").ReactNode;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    startIcon?: import("react").ReactNode;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "text" | "outlined" | "contained" | undefined;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/@types/types.d.ts

@@ -33,6 +33,8 @@ export interface FormValueItemBaseCommands<T, AllowUndefinedValue extends boolea
     isExceptValue(): boolean;
     isDisabled(): boolean;
     setDisabled(disabled: boolean): void;
+    isHidden(): boolean;
+    setHidden(hidden: boolean): void;
     focus(): void;
     focusValidate(): void;
     validate(): boolean;
@@ -121,6 +123,7 @@ export interface FormValueItemProps<T, AllowUndefinedValue extends boolean = tru
     disabled?: boolean;
     readOnly?: boolean;
     error?: boolean;
+    hidden?: boolean;
     exceptValue?: boolean;
     helperText?: ReactNode;
     data?: FormValueItemData;

package/dist/Form/Form.types.d.ts

@@ -32,6 +32,8 @@ export interface FormCommands {
     isExceptValue(name: string): boolean;
     isDisabled(name: string): boolean;
     setDisabled(name: string, disabled: boolean): void;
+    isHidden(name: string): boolean;
+    setHidden(name: string, hidden: boolean): void;
     focus(name: string): void;
     validate(name: string): boolean;
     setError(name: string, error: boolean, helperText: ReactNode): void;

package/dist/FormItemCustom/FormAutocomplete/FormAutocomplete.types.d.ts

@@ -27,7 +27,6 @@ export interface FormAutocompleteProps<T extends FormAutocompleteSingleValue, Mu
     openOnFocus?: boolean;
     disableClearable?: boolean;
     async?: boolean;
-    hidden?: boolean;
     onLoadItems?: (inputValue?: string) => Promise<FormAutocompleteItems<T>>;
     onAsyncLoadValueItem?: (value: FormAutocompleteValue<T, Multiple>) => Promise<FormAutocompleteComponentValue<T, Multiple>>;
     onRenderItem?: (item: FormAutocompleteItem<T>) => ReactNode;

package/dist/FormItemCustom/FormCheckbox/FormCheckbox.types.d.ts

@@ -11,7 +11,6 @@ export interface FormCheckboxProps extends CommonSxProps, Omit<CheckboxProps, 'c
     text?: ReactNode;
     inputRef?: RefObject<HTMLInputElement>;
     action?: RefObject<ButtonBaseActions>;
-    hidden?: boolean;
     onChange?(checked: boolean): void;
 }
 export declare const FormCheckboxDefaultProps: Pick<FormCheckboxProps, 'checked' | 'value' | 'uncheckedValue'>;

package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePicker.types.d.ts

@@ -8,10 +8,10 @@ export type FormDateRangePickerDateValue = FormDateRangePickerTooltipPickerDateV
 export type FormDateRangePickerValue = [FormDateRangePickerDateValue, FormDateRangePickerDateValue];
 export type FormDateRangePickerCalendarCount = FormDateRangePickerTooltipPickerContainerCalendarCount;
 export interface FormDateRangePickerProps extends CommonSxProps, Omit<FormValueItemProps<FormDateRangePickerValue, false>, 'label' | 'labelIcon' | 'width'>, Pick<PrivateInputDatePickerProps, 'align'> {
-    startLabel?: ReactNode;
-    startLabelIcon?: string;
-    endLabel?: ReactNode;
-    endLabelIcon?: string;
+    fromLabel?: ReactNode;
+    fromLabelIcon?: string;
+    toLabel?: ReactNode;
+    toLabelIcon?: string;
     allowSingleSelect?: boolean;
     required?: boolean;
     requiredStart?: boolean;
@@ -39,7 +39,6 @@ export interface FormDateRangePickerProps extends CommonSxProps, Omit<FormValueI
     disableFuture?: boolean;
     minDate?: Dayjs;
     maxDate?: Dayjs;
-    hidden?: boolean;
     onGetActionButtons?(): {
         label: string;
         start: Dayjs;

package/dist/FormItemCustom/FormFile/FormFile.types.d.ts

@@ -20,7 +20,6 @@ export interface FormFileProps extends CommonSxProps, FormValueItemProps<FormFil
     labelShrink?: boolean;
     maxFileSize?: number;
     preview?: ReactNode;
-    hidden?: boolean;
     onFile?(file: File): Promise<string>;
     onLink?(url: string): Promise<string>;
 }

package/dist/FormItemCustom/FormMonthPicker/FormMonthPicker.types.d.ts

@@ -6,7 +6,6 @@ export type FormMonthPickerBaseValue = PrivateMonthPickerBaseValue;
 export type FormMonthPickerValue = PrivateMonthPickerValue;
 export interface FormMonthPickerProps extends CommonSxProps, FormValueItemProps<FormMonthPickerValue, false> {
     required?: boolean;
-    hidden?: boolean;
     icon?: string;
     format?: string;
     labelShrink?: boolean;

package/dist/FormItemCustom/FormMonthRangePicker/FormMonthRangePicker.types.d.ts

@@ -5,12 +5,11 @@ import { PrivateInputDatePickerProps, PrivateMonthRangePickerBaseValue, PrivateM
 export type FormMonthRangePickerBaseValue = PrivateMonthRangePickerBaseValue;
 export type FormMonthRangePickerValue = PrivateMonthRangePickerValue;
 export interface FormMonthRangePickerProps extends CommonSxProps, Omit<FormValueItemProps<FormMonthRangePickerValue, false>, 'label' | 'labelIcon' | 'width'>, Pick<PrivateInputDatePickerProps, 'align'> {
-    startLabel?: ReactNode;
-    startLabelIcon?: string;
-    endLabel?: ReactNode;
-    endLabelIcon?: string;
+    fromLabel?: ReactNode;
+    fromLabelIcon?: string;
+    toLabel?: ReactNode;
+    toLabelIcon?: string;
     required?: boolean;
-    hidden?: boolean;
     icon?: string;
     format?: string;
     labelShrink?: boolean;

package/dist/FormItemCustom/FormRadioGroup/FormRadioGroup.types.d.ts

@@ -15,7 +15,6 @@ export interface FormRadioGroupProps<T extends FormRadioGroupSingleValue> extend
     inline?: boolean;
     loading?: boolean;
     nowrap?: boolean;
-    hidden?: boolean;
     onLoadItems?(): Promise<FormRadioGroupItem<T>[]>;
     onValue?(value: FormRadioGroupValue<T>): FormRadioGroupValue<T>;
 }

package/dist/FormItemCustom/FormRating/FormRating.types.d.ts

@@ -6,7 +6,6 @@ export interface FormRatingProps extends CommonSxProps, PartialPick<RatingProps,
     required?: boolean;
     icon?: string;
     emptyIcon?: string;
-    hidden?: boolean;
     onValue?(value: FormRatingValue): FormRatingValue;
 }
 export declare const FormRatingDefaultProps: Pick<FormRatingProps, 'value' | 'precision'>;

package/dist/FormItemCustom/FormTextEditor/FormTextEditor.types.d.ts

@@ -6,7 +6,6 @@ export interface FormTextEditorProps extends CommonSxProps, Omit<FormValueItemPr
     required?: boolean;
     menubar?: boolean;
     height?: number;
-    hidden?: boolean;
     onImageUpload?(blob: Blob, success: (url: string) => void, failure: (err: string) => void, progress?: (percent: number) => void): void;
 }
 export declare const FormTextEditorDefaultProps: Pick<FormTextEditorProps, 'value' | 'menubar' | 'height'>;

package/dist/FormItemCustom/FormToggleButtonGroup/FormToggleButtonGroup.types.d.ts

@@ -20,7 +20,6 @@ export interface FormToggleButtonGroupProps<T extends FormToggleButtonGroupSingl
     formValueSeparator?: string;
     formValueSort?: boolean;
     loading?: boolean;
-    hidden?: boolean;
     itemWidth?: number | string;
     onLoadItems?: () => Promise<FormToggleButtonGroupItem<T>[]>;
     onValue?: (value: FormToggleButtonGroupValue<T, Multiple>) => FormToggleButtonGroupValue<T, Multiple>;

package/dist/FormItemCustom/FormYearPicker/FormYearPicker.types.d.ts

@@ -6,7 +6,6 @@ export type FormYearPickerBaseValue = PrivateYearPickerBaseValue;
 export type FormYearPickerValue = PrivateYearPickerValue;
 export interface FormYearPickerProps extends CommonSxProps, FormValueItemProps<FormYearPickerValue, false> {
     required?: boolean;
-    hidden?: boolean;
     icon?: string;
     format?: string;
     labelShrink?: boolean;

package/dist/FormItemCustom/FormYearRangePicker/FormYearRangePicker.types.d.ts

@@ -5,12 +5,11 @@ import { PrivateInputDatePickerProps, PrivateYearRangePickerBaseValue, PrivateYe
 export type FormYearRangePickerBaseValue = PrivateYearRangePickerBaseValue;
 export type FormYearRangePickerValue = PrivateYearRangePickerValue;
 export interface FormYearRangePickerProps extends CommonSxProps, Omit<FormValueItemProps<FormYearRangePickerValue, false>, 'label' | 'labelIcon' | 'width'>, Pick<PrivateInputDatePickerProps, 'align'> {
-    startLabel?: ReactNode;
-    startLabelIcon?: string;
-    endLabel?: ReactNode;
-    endLabelIcon?: string;
+    fromLabel?: ReactNode;
+    fromLabelIcon?: string;
+    toLabel?: ReactNode;
+    toLabelIcon?: string;
     required?: boolean;
-    hidden?: boolean;
     icon?: string;
     format?: string;
     labelShrink?: boolean;

package/dist/FormItemTextFieldBase/FormTextField/FormTextField.types.d.ts

@@ -14,7 +14,6 @@ export type FormTextFieldProps<T = FormTextFieldValue, AllowUndefinedValue exten
     startAdornment?: ReactNode;
     endAdornment?: ReactNode;
     noFormValueItem?: boolean;
-    hidden?: boolean;
     disableReturnKey?: boolean;
     onValue?(value: V): V;
 };

package/dist/Search/SearchGroup/SearchGroup.style.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const StyledItem: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").GridClasses> | undefined;
+    columns?: import("@mui/system").ResponsiveStyleValue<number> | undefined;
+    columnSpacing?: import("@mui/system").ResponsiveStyleValue<import("@mui/material").GridSpacing> | undefined;
+    container?: boolean | undefined;
+    direction?: import("@mui/system").ResponsiveStyleValue<import("@mui/material").GridDirection> | undefined;
+    item?: boolean | undefined;
+    rowSpacing?: import("@mui/system").ResponsiveStyleValue<import("@mui/material").GridSpacing> | undefined;
+    spacing?: import("@mui/system").ResponsiveStyleValue<import("@mui/material").GridSpacing> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    wrap?: import("@mui/material").GridWrap | undefined;
+    zeroMinWidth?: boolean | undefined;
+} & import("@mui/material").RegularBreakpoints & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, 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>, {}, {}>;