react-crud-mui 0.2.1 → 0.2.3

package/dist/components/editable-list/EditableList.d.ts

@@ -1,4 +1,4 @@
-import { default as React, PropsWithChildren, ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { FieldArray, FieldArrayPath, FieldValues, UseFieldArrayReturn } from 'react-hook-form';
 import { default as ActionCommands, ActionCommandsProps } from '../action-commands/ActionCommands';
 import { UseDetailPageModalReturn } from '../detail-page/hooks/useDetailPageModal';
@@ -18,7 +18,9 @@ export interface EditingListCommandsProps<TModel extends FieldValues = FieldValu
     editable?: boolean;
     onCancel?: () => void;
 }
-export interface EditableListProps<TModel extends FieldValues, TArrayModel extends FieldArray<TModel, TFieldArrayName> & FieldValues, TFieldArrayName extends FieldArrayPath<TModel> = FieldArrayPath<TModel>> extends Omit<TableProps<TArrayModel>, 'data'>, Pick<ActionCommandsProps<TArrayModel>, 'canCopy' | 'canDelete' | 'canEdit'>, PropsWithChildren {
+export interface EditableListProps<TModel extends FieldValues, TArrayModel extends FieldArray<TModel, TFieldArrayName> & FieldValues, TFieldArrayName extends FieldArrayPath<TModel> = FieldArrayPath<TModel>> extends Omit<TableProps<TArrayModel>, 'data'>, Pick<ActionCommandsProps<TArrayModel>, 'canCopy' | 'canDelete' | 'canEdit' | 'showCopy' | 'showDelete' | 'showEdit'> {
+    /**,
+      PropsWithChildren {
     /**
      * Array model name of form
      */
@@ -81,8 +83,12 @@ export interface EditableListProps<TModel extends FieldValues, TArrayModel exten
      * Column props of commands
      */
     commandColProps?: TableColumn<TArrayModel>;
+    /**
+     * DetailPage content
+     */
+    children?: ReactNode;
 }
-declare function EditableList<TModel extends FieldValues, TArrayModel extends FieldArray<TModel, TFieldArrayName> & FieldValues, TFieldArrayName extends FieldArrayPath<TModel> = FieldArrayPath<TModel>>({ canCopy, canDelete, canEdit, children, columns, commandColProps, onCommands, onLayout, detailPageProps, detailType, disabled, enableDeleteAllButton, headerProps, name, newItemTitle, onDelete, onSave, rowCommands, uniqueFields, ...tableProps }: EditableListProps<TModel, TArrayModel, TFieldArrayName>): import("react/jsx-runtime").JSX.Element;
+declare function EditableList<TModel extends FieldValues, TArrayModel extends FieldArray<TModel, TFieldArrayName> & FieldValues, TFieldArrayName extends FieldArrayPath<TModel> = FieldArrayPath<TModel>>({ canCopy, canDelete, canEdit, showCopy, showDelete, showEdit, children, columns, commandColProps, onCommands, onLayout, detailPageProps, detailType, disabled, enableDeleteAllButton, headerProps, name, newItemTitle, onDelete, onSave, rowCommands, uniqueFields, ...tableProps }: EditableListProps<TModel, TArrayModel, TFieldArrayName>): import("react/jsx-runtime").JSX.Element;
 declare namespace EditableList {
     var Commands: typeof EditableListCommands;
     var RowCommands: typeof ActionCommands;

package/dist/components/form/Field.d.ts

@@ -8,6 +8,7 @@ import { default as FormCheckbox } from './controls/FormCheckbox';
 import { default as FormComboBox } from './controls/FormComboBox';
 import { default as FormDatePicker } from './controls/FormDatePicker';
 import { default as FormInput } from './controls/FormInput';
+import { default as FormMaskedInput } from './controls/FormMaskedInput';
 import { default as FormMoneyInput } from './controls/FormMoneyInput';
 import { default as FormNumberInput } from './controls/FormNumberInput';
 import { default as FormPhoneInput } from './controls/FormPhoneInput';
@@ -35,6 +36,7 @@ export type FieldProps<TFieldValues extends FieldValues = FieldValues> = Omit<Us
 declare function Field<TFieldValues extends FieldValues = FieldValues>({ children, control, defaultValue, disabled: fieldDisabled, name, render, rules, shouldUnregister, formControlProps, }: FieldProps<TFieldValues>): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 declare namespace Field {
     var Input: typeof FormInput;
+    var MaskedInput: typeof FormMaskedInput;
     var Search: typeof FormSearchInput;
     var NumberInput: typeof FormNumberInput;
     var MoneyInput: typeof FormMoneyInput;

package/dist/components/form/controls/FormComboBox.d.ts

@@ -1,7 +1,7 @@
 import { FieldValues } from 'react-hook-form';
 import { ComboBoxProps, CreatableModel } from '../../combobox/ComboBox';
 import { ControlCommonProps } from '../Field';
-export interface FormComboBoxProps<T extends CreatableModel, Creatable extends boolean = false, TFieldValues extends FieldValues = FieldValues> extends Omit<ComboBoxProps<T, Creatable>, 'name'>, ControlCommonProps<TFieldValues> {
+export interface FormComboBoxProps<T extends CreatableModel = CreatableModel, Creatable extends boolean = false, TFieldValues extends FieldValues = FieldValues> extends Omit<ComboBoxProps<T, Creatable>, 'name'>, ControlCommonProps<TFieldValues> {
 }
 declare function FormComboBox<T extends CreatableModel = CreatableModel, Creatable extends boolean = false, TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, formControlProps, ...comboBoxProps }: FormComboBoxProps<T, Creatable, TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export default FormComboBox;

package/dist/components/form/controls/FormMaskedInput.d.ts

@@ -0,0 +1,7 @@
+import { FieldValues } from 'react-hook-form';
+import { MaskedInputProps } from '../../masked-input/MaskedInput';
+import { ControlCommonProps } from '../Field';
+export interface FormMaskedInputProps<TFieldValues extends FieldValues = FieldValues> extends Omit<MaskedInputProps, 'name'>, ControlCommonProps<TFieldValues> {
+}
+declare function FormMaskedInput<TFieldValues extends FieldValues = FieldValues>({ name, disabled, formControlProps, fieldProps, helperText, ...inputProps }: FormMaskedInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+export default FormMaskedInput;

package/dist/components/form/controls/FormNumberInput.d.ts

@@ -3,5 +3,5 @@ import { NumberInputProps } from '../../number-input/NumberInput';
 import { ControlCommonProps } from '../Field';
 export interface FormNumberInputProps<TFieldValues extends FieldValues = FieldValues> extends Omit<NumberInputProps, 'name'>, ControlCommonProps<TFieldValues> {
 }
-declare function FormNumberInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, formControlProps, disabled, ...inputProps }: FormNumberInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare function FormNumberInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, formControlProps, disabled, helperText, ...inputProps }: FormNumberInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export default FormNumberInput;

package/dist/components/form/controls/FormRadioGroup.d.ts

@@ -11,5 +11,5 @@ export interface FormRadioGroupProps<TFieldValues extends FieldValues = FieldVal
     disabled?: boolean;
 }
 export declare const StyledFormControlLabel: import('@emotion/styled').StyledComponent<import('@mui/material').FormControlLabelProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-declare function FormRadioGroup<TFieldValues extends FieldValues = FieldValues>({ name, label, helperText, placement, fieldProps, disabled, data, ...radioGroupProps }: FormRadioGroupProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare function FormRadioGroup<TFieldValues extends FieldValues = FieldValues>({ name, label, helperText, placement, fieldProps, disabled, formControlProps, data, ...radioGroupProps }: FormRadioGroupProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export default FormRadioGroup;

package/dist/components/list-page/pages/ListPageContent.d.ts

@@ -120,6 +120,10 @@ export interface ListPageContentProps<TModel extends FieldValues> extends Omit<P
      * Render action commands used with detailPage on every row
      */
     enableActionCommands?: boolean;
+    /**
+     * Actionm commands extra props
+     */
+    actionCommandsProps?: Partial<ActionCommandsProps<TModel>>;
     /**
      * Custom render function for action commands
      */
@@ -145,5 +149,5 @@ export interface ListPageContentProps<TModel extends FieldValues> extends Omit<P
      */
     listType?: ListType;
 }
-declare function ListPageContent<TModel extends FieldValues>({ activeSegmentIndex, alerts, autoSearch, cardProps, children, columns, createCommandLabel, data, dataCount, disabled, disableShortCuts, enableActionCommands, enableRowClickToDetails, enableClear, enableCreateItem, enableRefetch, enableExport, enableSearch, error, filterContent, hotkeyScopes, listType, loading, onActionClick, onActionCommands, onClear, onClose, onCommands, onCustomTable, onDetailPage, onExcelExport, onExtraCommands, onHeader, onSearch, onTabChanged, tableProps, onWrapperLayout, showHeader, ...pageProps }: ListPageContentProps<TModel>): import("react/jsx-runtime").JSX.Element;
+declare function ListPageContent<TModel extends FieldValues>({ activeSegmentIndex, actionCommandsProps, alerts, autoSearch, cardProps, children, columns, createCommandLabel, data, dataCount, disabled, disableShortCuts, enableActionCommands, enableRowClickToDetails, enableClear, enableCreateItem, enableRefetch, enableExport, enableSearch, error, filterContent, hotkeyScopes, listType, loading, onActionClick, onActionCommands, onClear, onClose, onCommands, onCustomTable, onDetailPage, onExcelExport, onExtraCommands, onHeader, onSearch, onTabChanged, tableProps, onWrapperLayout, showHeader, ...pageProps }: ListPageContentProps<TModel>): import("react/jsx-runtime").JSX.Element;
 export default ListPageContent;

package/dist/components/masked-input/MaskedInput.d.ts

@@ -0,0 +1,12 @@
+import { Props } from 'react-input-mask';
+import { InputProps } from '../input/Input';
+export type MaskedInputProps = Omit<InputProps, 'value' | 'onChange' | 'ref'> & Pick<Props, 'mask' | 'value' | 'onChange' | 'maskPlaceholder'> & {
+    maskRepeat?: number;
+    maskInputProps?: Props;
+};
+declare function MaskedInput({ caseType, disabled, mask, maskRepeat, maskPlaceholder, maskInputProps, onBlur, value, onChange, getRef, ...inputProps }: MaskedInputProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref" | "onChange" | "value"> & Pick<Props, "mask" | "onChange" | "value" | "maskPlaceholder"> & {
+    maskRepeat?: number;
+    maskInputProps?: Props;
+} & import('react').RefAttributes<typeof MaskedInput>>;
+export default _default;

package/dist/components/masked-input/hooks/useCreateMask.d.ts

@@ -0,0 +1,7 @@
+import { Props } from 'react-input-mask';
+interface UseCreateMaskOptions {
+    maskRepeat?: number;
+    mask?: Props['mask'];
+}
+declare function useCreateMask({ maskRepeat, mask }: UseCreateMaskOptions): string | (string | RegExp)[];
+export default useCreateMask;