@mcurros2/microm 1.1.473-0 → 1.1.474-0

package/dist/index.d.ts

@@ -1,6 +1,5 @@
-import { AlertProps, DefaultMantineColor, ProgressProps, MantineNumberSize, ButtonProps, Variants, StepperProps, SelectItem, BadgeVariant, MantineSize, CardProps, MantineTheme, ImageProps, MantineColor, TextareaProps, TextInputProps, PasswordInputProps, NotificationProps, CheckboxProps, ActionIconProps, NumberInputProps, MultiSelectProps, SimpleGridProps, OverlayProps, TransitionProps, AccordionProps, PinInputProps, SwitchProps, Radio, SelectProps, GroupProps, AvatarProps, AnchorProps, AutocompleteItem, AutocompleteProps, DefaultProps, BadgeProps, BreadcrumbsProps, MenuProps as _MenuProps1, TitleOrder, CSSObject, StackProps, NavbarProps, TooltipProps } from "@mantine/core";
-import { JSX } from "react/jsx-runtime";
-import React, { JSXElementConstructor, ReactElement, ReactNode, PropsWithChildren, RefAttributes, ForwardRefExoticComponent, Dispatch, RefObject, SetStateAction, ComponentType, CSSProperties, MutableRefObject, useState, KeyboardEvent, ComponentPropsWithoutRef, Context, ReactPortal } from "react";
+import { AlertProps, DefaultMantineColor, ProgressProps, MantineNumberSize, ButtonProps, Variants, StepperProps, SelectItem, BadgeVariant, MantineSize, CardProps, MantineTheme, ImageProps, MantineColor, BoxProps, TextareaProps, TextInputProps, PasswordInputProps, NotificationProps, CheckboxProps, ActionIconProps, NumberInputProps, MultiSelectProps, SimpleGridProps, OverlayProps, TransitionProps, AccordionProps, PinInputProps, SwitchProps, Radio, SelectProps, GroupProps, AvatarProps, AnchorProps, AutocompleteItem, AutocompleteProps, DefaultProps, BadgeProps, BreadcrumbsProps, MenuProps as _MenuProps1, TitleOrder, CSSObject, StackProps, NavbarProps, TooltipProps } from "@mantine/core";
+import React, { JSX, JSXElementConstructor, ReactElement, ReactNode, PropsWithChildren, RefAttributes, ForwardRefExoticComponent, Dispatch, RefObject, SetStateAction, ComponentType, CSSProperties, MutableRefObject, useState, KeyboardEvent, ComponentPropsWithoutRef, Context, ReactPortal } from "react";
 import { hasLength, isNotEmpty, matches, UseFormReturnType } from "@mantine/form";
 import { ModalSettings } from "@mantine/modals/lib/context";
 import { IconProps, Icon } from "@tabler/icons-react";
@@ -1922,6 +1921,13 @@ export const ACTDownloadImportedFileDefaultProps: {
     downloadImportedFileErrorLabel: string;
 };
 export const ACTDownloadImportedFile: EntityClientAction;
+export type FieldAutoFocus = 'autoFocusOnAdd' | 'autoFocusOnEdit' | boolean;
+export interface FieldWidthProps {
+    maxWidth?: keyof typeof MicroMWidthSizes;
+    minWidth?: keyof typeof MicroMWidthSizes;
+    maw?: BoxProps['maw'];
+    miw?: BoxProps['miw'];
+}
 export interface useTextTransformProps {
     entityForm: UseEntityFormReturnType;
     column: EntityColumn<Value>;
@@ -1931,7 +1937,7 @@ export interface useTextTransformProps {
 export function useTextTransform(props: useTextTransformProps): (text: string) => string;
 type TextAreaFieldAllowedValidators = 'regex' | 'length' | 'field' | 'required';
 export type TextAreaFieldValidatorConfiguration = Partial<Record<TextAreaFieldAllowedValidators, ValidatorConfigurationParms>>;
-export interface TextAreaFieldProps extends Omit<TextareaProps, 'autoFocus'>, Omit<useTextTransformProps, 'entityForm' | 'column' | 'onBlur' | 'mantineOnBlur'> {
+export interface TextAreaFieldProps extends Omit<TextareaProps, 'autoFocus'>, FieldWidthProps, Omit<useTextTransformProps, 'entityForm' | 'column' | 'onBlur' | 'mantineOnBlur'> {
     column: EntityColumn<Value>;
     entityForm: UseEntityFormReturnType;
     validate?: TextAreaFieldValidatorConfiguration;
@@ -2220,7 +2226,7 @@ export const UseLoginDefaultProps: Partial<useLoginOptions>;
 export function useLogin(props: useLoginOptions): () => Promise<void>;
 type PasswordFieldAllowedValidators = 'regex' | 'length' | 'field' | 'required';
 export type PasswordFieldValidatorConfiguration = Partial<Record<PasswordFieldAllowedValidators, ValidatorConfigurationParms>>;
-export interface PasswordFieldProps extends PasswordInputProps {
+export interface PasswordFieldProps extends Omit<PasswordInputProps, 'autoFocus'> {
     column: EntityColumn<string>;
     entityForm: UseEntityFormReturnType;
     loading?: boolean;
@@ -2230,6 +2236,7 @@ export interface PasswordFieldProps extends PasswordInputProps {
     validationContainer?: React.ComponentType<{
         children: ReactNode;
     }>;
+    autoFocus?: FieldAutoFocus;
     autoMaxWidth?: {
         columnLenghtLessThanOrEqual: number;
         maxWidth: string;
@@ -2260,11 +2267,12 @@ export interface NotifyBitFieldProps extends NotificationProps {
 }
 export const NotifyBitFieldDefaultProps: Partial<NotifyBitFieldProps>;
 export function NotifyBitField(props: NotifyBitFieldProps): JSX.Element;
-export interface CheckboxFieldProps extends CheckboxProps {
+export interface CheckboxFieldProps extends Omit<CheckboxProps, 'autoFocus'>, FieldWidthProps {
     column: EntityColumn<Value>;
     entityForm: UseEntityFormReturnType;
     loading?: boolean;
     disableOnLoading?: boolean;
+    autoFocus?: FieldAutoFocus;
     requiredMessage?: ReactNode;
 }
 export function CheckboxField(props: CheckboxFieldProps): JSX.Element;
@@ -2463,10 +2471,9 @@ export interface SearchFilterInputProps extends MultiSelectProps {
     autoFocus?: boolean;
     addFilterLabel?: string;
     iconVariant?: ActionIconVariant;
-    [x: string]: any;
 }
 export const SearchFilterInputDefaultProps: Partial<SearchFilterInputProps>;
-export const SearchFilterInput: ForwardRefExoticComponent<Omit<SearchFilterInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
+export const SearchFilterInput: ForwardRefExoticComponent<SearchFilterInputProps & RefAttributes<HTMLInputElement>>;
 export function useFirstVisible(ref: React.RefObject<HTMLElement>, options?: IntersectionObserverInit): boolean;
 export interface OpenFormProps {
     entity: Entity<EntityDefinition>;
@@ -2552,7 +2559,7 @@ export interface UseLookupReturnType {
     onBlur: (bindingColumn: string, force?: boolean, event?: React.FocusEvent | null) => void;
 }
 export const useLookup: ({ entityForm, entity, lookupDefName, column, parentKeys, required, HTMLDescriptionRef, enableAdd, enableEdit, enableDelete, enableView, transform }: UseLookupOptions) => UseLookupReturnType;
-interface LookupCommonProps extends Omit<useTextTransformProps, 'entityForm' | 'column'> {
+interface LookupCommonProps extends Omit<useTextTransformProps, 'entityForm' | 'column'>, FieldWidthProps {
     parentKeys?: ValuesObject;
     autoFocus?: 'autoFocusOnAdd' | 'autoFocusOnEdit' | boolean;
     entityForm: UseEntityFormReturnType;
@@ -2560,6 +2567,7 @@ interface LookupCommonProps extends Omit<useTextTransformProps, 'entityForm' | '
     lookupDefName: string;
     required?: boolean;
     readonly?: boolean;
+    readOnly?: boolean;
     disabled?: boolean;
     label?: string;
     idMaxWidth?: string;
@@ -2697,7 +2705,7 @@ export interface WeekPickerProps extends CalendarProps {
     allowDeselect?: boolean;
 }
 export function WeekPicker(props: WeekPickerProps): JSX.Element;
-export interface WeekPickerFieldProps extends Omit<WeekPickerProps, 'weekStartDatevalue' | 'setWeekStartValue' | 'setWeekEndValue'> {
+export interface WeekPickerFieldProps extends Omit<WeekPickerProps, 'weekStartDatevalue' | 'setWeekStartValue' | 'setWeekEndValue' | 'autoFocus'>, FieldWidthProps {
     weekStartDateColumn: EntityColumn<Date | null>;
     weekEndDateColumn?: EntityColumn<Date | null>;
     entityForm: UseEntityFormReturnType;
@@ -2714,13 +2722,15 @@ export interface WeekPickerFieldProps extends Omit<WeekPickerProps, 'weekStartDa
     size?: MantineSize;
     required?: boolean;
     readonly?: boolean;
+    readOnly?: boolean;
+    autoFocus?: FieldAutoFocus;
     disabled?: boolean;
     label?: string;
     description?: string;
 }
 export const WeekPickerFieldDefaultProps: Partial<WeekPickerFieldProps>;
 export function WeekPickerField(props: WeekPickerFieldProps): JSX.Element;
-export interface PinFieldProps extends Omit<PinInputProps, 'validate' | 'autoFocus'>, Omit<useTextTransformProps, 'entityForm' | 'column'> {
+export interface PinFieldProps extends Omit<PinInputProps, 'validate' | 'autoFocus'>, FieldWidthProps, Omit<useTextTransformProps, 'entityForm' | 'column'> {
     column: EntityColumn<Value>;
     entityForm: UseEntityFormReturnType;
     validate?: ValidatorConfiguration;
@@ -2748,11 +2758,12 @@ export interface UseCompleteFieldFromOtherProps {
     transformValue?: (value: Value) => Value;
 }
 export function useCompleteFieldFromOther({ form, originalColumn, targetColumn, onlyIfEmpty, transformValue }: UseCompleteFieldFromOtherProps): void;
-export interface SwitchFieldProps extends SwitchProps {
+export interface SwitchFieldProps extends Omit<SwitchProps, 'autoFocus'>, FieldWidthProps {
     column: EntityColumn<Value>;
     entityForm: UseEntityFormReturnType;
     loading?: boolean;
     disableOnLoading?: boolean;
+    autoFocus?: FieldAutoFocus;
     requiredMessage?: ReactNode;
 }
 export function SwitchField(props: SwitchFieldProps): JSX.Element;
@@ -2805,7 +2816,7 @@ export interface MoneyRangeFieldProps extends Omit<NumberFieldProps, 'parser' |
 }
 export const MoneyRangeFieldDefaultProps: Partial<MoneyRangeFieldProps>;
 export function MoneyRangeField(props: MoneyRangeFieldProps): JSX.Element;
-export interface RadioGroupFieldProps extends ComponentPropsWithoutRef<typeof Radio.Group> {
+export interface RadioGroupFieldProps extends Omit<ComponentPropsWithoutRef<typeof Radio.Group>, 'autoFocus'>, FieldWidthProps {
     column: EntityColumn<Value>;
     entityForm: UseEntityFormReturnType;
     validate?: ValidatorConfiguration;
@@ -2813,12 +2824,13 @@ export interface RadioGroupFieldProps extends ComponentPropsWithoutRef<typeof Ra
     validationContainer?: React.ComponentType<{
         children: ReactNode;
     }>;
-    autoFocus?: boolean;
+    autoFocus?: FieldAutoFocus;
     readOnly?: boolean;
+    disabled?: boolean;
     showDescription?: boolean;
 }
 export const RadioGroupFieldDefaultProps: Partial<RadioGroupFieldProps>;
-export const RadioGroupField: ForwardRefExoticComponent<RadioGroupFieldProps & RefAttributes<HTMLInputElement>>;
+export const RadioGroupField: ForwardRefExoticComponent<RadioGroupFieldProps & RefAttributes<HTMLDivElement>>;
 type SizeInput = {
     width: string;
     height: string;
@@ -2943,7 +2955,8 @@ export function useLookupMultiSelectInputProps(props: UseLookupMultiSelectInputP
     onFocus?: any;
     onBlur?: any;
 };
-export interface LookupMultiSelectProps extends Omit<MultiSelectProps, 'data'> {
+export interface LookupMultiSelectProps extends Omit<MultiSelectProps, 'data' | 'autoFocus'> {
+    autoFocus?: FieldAutoFocus;
     parentKeys?: ValuesObject;
     column: EntityColumn<Value>;
     formStatus?: OperationStatus<DBStatusResult | DataResult | ValuesObject>;
@@ -3477,7 +3490,7 @@ export interface AddressAutocompleteResult {
     utcOffsetMinutes?: number;
     formattedAddress?: string;
 }
-export interface AddressAutocompleteProps extends Omit<GoogleAddressAutocompleteProps, 'restrictions' | 'onAddressFound'> {
+export interface AddressAutocompleteProps extends Omit<GoogleAddressAutocompleteProps, 'restrictions' | 'onAddressFound' | 'autoFocus'>, FieldWidthProps {
     column: EntityColumn<Value>;
     entityForm: UseEntityFormReturnType;
     validate?: ValidatorConfiguration;
@@ -3485,7 +3498,7 @@ export interface AddressAutocompleteProps extends Omit<GoogleAddressAutocomplete
     validationContainer?: React.ComponentType<{
         children: ReactNode;
     }>;
-    autoFocus?: boolean;
+    autoFocus?: FieldAutoFocus;
     countries: string[];
     onAddressFound?: (addressResult?: AddressAutocompleteResult) => void;
 }