react-crud-mui 0.2.0 → 0.2.2

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.
@@ -1,4 +1,4 @@
1
- import { default as React, PropsWithChildren, ReactNode } from 'react';
1
+ import { default as React, ReactNode } from 'react';
2
2
  import { FieldArray, FieldArrayPath, FieldValues, UseFieldArrayReturn } from 'react-hook-form';
3
3
  import { default as ActionCommands, ActionCommandsProps } from '../action-commands/ActionCommands';
4
4
  import { UseDetailPageModalReturn } from '../detail-page/hooks/useDetailPageModal';
@@ -18,7 +18,9 @@ export interface EditingListCommandsProps<TModel extends FieldValues = FieldValu
18
18
  editable?: boolean;
19
19
  onCancel?: () => void;
20
20
  }
21
- 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 {
21
+ 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'> {
22
+ /**,
23
+ PropsWithChildren {
22
24
  /**
23
25
  * Array model name of form
24
26
  */
@@ -81,8 +83,12 @@ export interface EditableListProps<TModel extends FieldValues, TArrayModel exten
81
83
  * Column props of commands
82
84
  */
83
85
  commandColProps?: TableColumn<TArrayModel>;
86
+ /**
87
+ * DetailPage content
88
+ */
89
+ children?: ReactNode;
84
90
  }
85
- 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;
91
+ 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;
86
92
  declare namespace EditableList {
87
93
  var Commands: typeof EditableListCommands;
88
94
  var RowCommands: typeof ActionCommands;
@@ -1,7 +1,7 @@
1
1
  import { FieldValues } from 'react-hook-form';
2
2
  import { ComboBoxProps, CreatableModel } from '../../combobox/ComboBox';
3
3
  import { ControlCommonProps } from '../Field';
4
- export interface FormComboBoxProps<T extends CreatableModel, Creatable extends boolean = false, TFieldValues extends FieldValues = FieldValues> extends Omit<ComboBoxProps<T, Creatable>, 'name'>, ControlCommonProps<TFieldValues> {
4
+ export interface FormComboBoxProps<T extends CreatableModel = CreatableModel, Creatable extends boolean = false, TFieldValues extends FieldValues = FieldValues> extends Omit<ComboBoxProps<T, Creatable>, 'name'>, ControlCommonProps<TFieldValues> {
5
5
  }
6
- declare function FormComboBox<T extends CreatableModel = CreatableModel, Creatable extends boolean = false, TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...comboBoxProps }: FormComboBoxProps<T, Creatable, TFieldValues>): import("react/jsx-runtime").JSX.Element;
6
+ 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;
7
7
  export default FormComboBox;
@@ -4,5 +4,5 @@ import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
4
4
  import { Dayjs } from 'dayjs';
5
5
  import { ControlCommonProps } from '../Field';
6
6
  export type FormDatePickerProps<TFieldValues extends FieldValues = FieldValues> = Partial<DatePickerProps<Dayjs>> & Pick<StandardTextFieldProps, 'size'> & ControlCommonProps<TFieldValues>;
7
- declare function FormDatePicker<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, slotProps, autoFocus, size, disabled, ...dateProps }: FormDatePickerProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
7
+ declare function FormDatePicker<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, slotProps, autoFocus, size, disabled, formControlProps, ...dateProps }: FormDatePickerProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
8
8
  export default FormDatePicker;
@@ -3,5 +3,5 @@ import { InputProps } from '../../input/Input';
3
3
  import { ControlCommonProps } from '../Field';
4
4
  export interface FormInputProps<TFieldValues extends FieldValues = FieldValues> extends Omit<InputProps, 'name'>, ControlCommonProps<TFieldValues> {
5
5
  }
6
- declare function FormInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...inputProps }: FormInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
6
+ declare function FormInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, formControlProps, disabled, ...inputProps }: FormInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
7
7
  export default FormInput;
@@ -3,5 +3,5 @@ import { MoneyInputProps } from '../../money-input/MoneyInput';
3
3
  import { ControlCommonProps } from '../Field';
4
4
  export interface FormMoneyInputProps<TFieldValues extends FieldValues = FieldValues> extends Omit<MoneyInputProps, 'name'>, ControlCommonProps<TFieldValues> {
5
5
  }
6
- declare function FormMoneyInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...inputProps }: FormMoneyInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
6
+ declare function FormMoneyInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, formControlProps, ...inputProps }: FormMoneyInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
7
7
  export default FormMoneyInput;
@@ -3,5 +3,5 @@ import { NumberInputProps } from '../../number-input/NumberInput';
3
3
  import { ControlCommonProps } from '../Field';
4
4
  export interface FormNumberInputProps<TFieldValues extends FieldValues = FieldValues> extends Omit<NumberInputProps, 'name'>, ControlCommonProps<TFieldValues> {
5
5
  }
6
- declare function FormNumberInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...inputProps }: FormNumberInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
6
+ declare function FormNumberInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, formControlProps, disabled, ...inputProps }: FormNumberInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
7
7
  export default FormNumberInput;
@@ -3,5 +3,5 @@ import { PhoneInputProps } from '../../phone-input/PhoneInput';
3
3
  import { ControlCommonProps } from '../Field';
4
4
  export interface FormPhoneInputProps<TFieldValues extends FieldValues = FieldValues> extends Omit<PhoneInputProps, 'name'>, ControlCommonProps<TFieldValues> {
5
5
  }
6
- declare function FormPhoneInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...inputProps }: FormPhoneInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
6
+ declare function FormPhoneInput<TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, formControlProps, ...inputProps }: FormPhoneInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
7
7
  export default FormPhoneInput;
@@ -3,5 +3,5 @@ import { SelectProps } from '../../select/Select';
3
3
  import { ControlCommonProps } from '../Field';
4
4
  export interface FormSelectProps<T extends FieldValues = FieldValues, TFieldValues extends FieldValues = FieldValues> extends Omit<SelectProps<T>, 'name'>, ControlCommonProps<TFieldValues> {
5
5
  }
6
- declare function FormSelect<T extends FieldValues, TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, ...selectProps }: FormSelectProps<T, TFieldValues>): import("react/jsx-runtime").JSX.Element;
6
+ declare function FormSelect<T extends FieldValues, TFieldValues extends FieldValues = FieldValues>({ name, fieldProps, disabled, formControlProps, ...selectProps }: FormSelectProps<T, TFieldValues>): import("react/jsx-runtime").JSX.Element;
7
7
  export default FormSelect;
@@ -58,7 +58,7 @@ export interface ListPageContentProps<TModel extends FieldValues> extends Omit<P
58
58
  /**
59
59
  * ListPage columns
60
60
  */
61
- columns: TableColumn<TModel>[];
61
+ columns?: TableColumn<TModel>[];
62
62
  /**
63
63
  * Enable searching thru commands and shortcuts
64
64
  */
@@ -120,6 +120,10 @@ export interface ListPageContentProps<TModel extends FieldValues> extends Omit<P
120
120
  * Render action commands used with detailPage on every row
121
121
  */
122
122
  enableActionCommands?: boolean;
123
+ /**
124
+ * Actionm commands extra props
125
+ */
126
+ actionCommandsProps?: Partial<ActionCommandsProps<TModel>>;
123
127
  /**
124
128
  * Custom render function for action commands
125
129
  */
@@ -133,13 +137,9 @@ export interface ListPageContentProps<TModel extends FieldValues> extends Omit<P
133
137
  */
134
138
  enableRowClickToDetails?: boolean | NeedDataReason;
135
139
  /**
136
- * Call search after successfull save action of detailpage,default true
137
- */
138
- enableRefetchAfterSave?: boolean;
139
- /**
140
- * Call search after successfull delete action,default true
140
+ * Call search after save & delete actions of detailpage,default true
141
141
  */
142
- enableRefetchAfterDelete?: boolean;
142
+ enableRefetch?: boolean;
143
143
  /**
144
144
  * Card Col props
145
145
  */
@@ -149,5 +149,5 @@ export interface ListPageContentProps<TModel extends FieldValues> extends Omit<P
149
149
  */
150
150
  listType?: ListType;
151
151
  }
152
- declare function ListPageContent<TModel extends FieldValues>({ activeSegmentIndex, alerts, autoSearch, cardProps, children, columns, createCommandLabel, data, dataCount, disabled, disableShortCuts, enableActionCommands, enableRowClickToDetails, enableClear, enableCreateItem, enableRefetchAfterDelete, enableRefetchAfterSave, 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;
152
+ 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;
153
153
  export default ListPageContent;