react-crud-mui 0.0.1-beta.21 → 0.0.1-beta.23

package/dist/components/combobox/ComboBox.d.ts

@@ -19,6 +19,7 @@ export interface ComboBoxProps<T extends CreatableModel, Creatable extends boole
     onCreate?: (text: string) => Promise<T>;
     selectRef?: Ref<unknown>;
 }
+export declare const DEFAULT_OPTION_TEMPLATE = "${name}";
 declare function ComboBox<T extends CreatableModel, Creatable extends boolean>({ autoFocus, creatable, data, descriptionTemplate, direction, displayTemplate, error, getOptionLabel, helperText, loading, onBlur, onCreate, optionTemplate, label, renderOption: onRenderOption, selectRef, ...rest }: ComboBoxProps<T, Creatable>): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof ComboBox;
 export default _default;

package/dist/components/detail-page/hooks/useDetailPageModal.d.ts

@@ -408,6 +408,7 @@ declare function useDetailPageModal<TModel extends FieldValues>({ models, unique
     readonly loading?: boolean;
     readonly size?: import('../../page/components/PageProvider').PaddingSize;
     readonly icon?: import('react').ReactNode;
+    readonly rightContent?: import('react').ReactNode;
     readonly centerContent?: import('react').ReactNode;
     readonly helperText?: import('react').ReactNode;
     readonly headerProps?: import('@mui/material').BoxProps;

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

@@ -7,8 +7,9 @@ export type RadioGroupData = {
     label: string;
 };
 export interface FormRadioGroupProps<TFieldValues extends FieldValues = FieldValues> extends Omit<MuiRadioGroupProps, 'name'>, ControlCommonProps<TFieldValues>, FormControlProps {
-    data: RadioGroupData[];
+    data?: RadioGroupData[];
+    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, data, ...radioGroupProps }: FormRadioGroupProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+declare function FormRadioGroup<TFieldValues extends FieldValues = FieldValues>({ name, label, helperText, placement, fieldProps, disabled, data, ...radioGroupProps }: FormRadioGroupProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
 export default FormRadioGroup;

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

@@ -101,6 +101,10 @@ export interface ListPageContentProps<TModel extends FieldValues, TDetailPageMod
      * Total data row count of paging
      */
     dataCount?: number;
+    /**
+     * Enable table pagination default true
+     */
+    enablePagination?: boolean;
     /**
      * Custom list region component
      */

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

@@ -41,5 +41,5 @@ export interface ListPageFilterProps<TModel extends FieldValues, TFilter extends
 /**
  * ListPage with filtering features
  */
-declare function ListPageFilter<TModel extends FieldValues, TFilter extends FieldValues = FieldValues, TDetailPageModel extends FieldValues = FieldValues>({ form, meta, tableProps: extableProps, onChange, defaultSegmentIndex, onClear, defaultMeta, searchOnLoad, ...lpProps }: ListPageFilterProps<TModel, TFilter, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
+declare function ListPageFilter<TModel extends FieldValues, TFilter extends FieldValues = FieldValues, TDetailPageModel extends FieldValues = FieldValues>({ form, meta, tableProps: extableProps, onChange, defaultSegmentIndex, enablePagination, onClear, defaultMeta, searchOnLoad, ...lpProps }: ListPageFilterProps<TModel, TFilter, TDetailPageModel>): import("react/jsx-runtime").JSX.Element;
 export default ListPageFilter;

package/dist/components/more-button/MoreButton.d.ts

@@ -6,6 +6,7 @@ export type MoreButtonItem = {
     children: ReactNode;
     key: Key;
     danger?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
 };
 export interface MoreButtonProps extends IconButtonProps {
     options?: MoreButtonItem[];

package/dist/components/page/Page.d.ts

@@ -9,7 +9,7 @@ import { PaddingSize } from './components/PageProvider';
 export type CloseReason = 'backdrop' | 'close-button' | 'action';
 export type CommandsPosition = 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right' | 'bottom' | 'top';
 export type TabsPosition = 'in-center' | 'in-subrow';
-export interface PageProps extends Omit<HeaderProps, 'rightContent'> {
+export interface PageProps extends HeaderProps {
     commandsContent?: ReactNode;
     commandsPosition?: CommandsPosition;
     onHeader?: (props: HeaderProps) => ReactNode;
@@ -31,7 +31,7 @@ export interface PageProps extends Omit<HeaderProps, 'rightContent'> {
     onTabs?: (props: DefaultTabsProps) => ReactNode;
 }
 export declare const PagePadding: Record<PaddingSize, number>;
-declare function Page({ alertsContent, children, commandsContent, commandsPosition, onTabs, disabled, footerContent, loading, onHeader, onLayout, moreContent, morePanelProps, showHeader, size, style, sx, tabs, onTabChanged, selectedTabIndex, tabsPosition, ...headerProps }: PageProps): import("react/jsx-runtime").JSX.Element;
+declare function Page({ alertsContent, children, commandsContent, commandsPosition, onTabs, disabled, footerContent, loading, onHeader, onLayout, moreContent, morePanelProps, showHeader, size, style, sx, tabs, onTabChanged, selectedTabIndex, tabsPosition, rightContent, centerContent, ...headerProps }: PageProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Page {
     var Content: typeof PageContent;
     var Divider: typeof PageDivider;

package/dist/components/select/Select.d.ts

@@ -8,14 +8,15 @@ export type SelectProps<T extends FieldValues = FieldValues> = Partial<MuiSelect
     valueField?: string;
     groupBy?: (model: T) => string;
     data?: T[];
-    optionTemplate: ComboboxTemplate<T>;
+    optionTemplate?: ComboboxTemplate<T>;
     displayTemplate?: ComboboxTemplate<T>;
     descriptionTemplate?: ComboboxTemplate<T>;
     optionImg?: Path<T>;
     optionImgProps?: AvatarProps;
     helperText?: ReactNode;
     selectRef?: Ref<unknown>;
+    optionAsValue?: boolean;
 };
-declare function Select<T extends FieldValues>({ allowClear, children, data, descriptionTemplate, disabled, displayTemplate, dropDownHeight, error, groupBy: groupByFn, helperText, id, label, onChange, optionImg, optionImgProps, optionTemplate, selectRef, sx, value, valueField, ...rest }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Select<T extends FieldValues = FieldValues>({ allowClear, children, data, descriptionTemplate, disabled, displayTemplate, dropDownHeight, error, groupBy: groupByFn, helperText, id, label, onChange, optionImg, optionImgProps, optionTemplate, optionAsValue, selectRef, sx, value, valueField, multiple, ...rest }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof Select;
 export default _default;

package/dist/components/table/Table.d.ts

@@ -5,6 +5,8 @@ import { ColumnDef, Table as ReactTable, Row, RowData, TableOptions } from '@tan
 import { ScrollbarProps } from '../scrollbar/Scrollbar';
 import { BodyTableRow } from './components/BodyTableRow';
 import { EmptyTextProps } from './components/EmptyText';
+import { default as TableMoreMenu } from './components/TableMoreMenu';
+import { default as TableMoreMenuItem } from './components/TableMoreMenuItem';
 declare module '@tanstack/react-table' {
     interface CoreColumn<TData extends RowData, TValue = unknown> {
         link?: (row: Row<TData>) => string;
@@ -34,7 +36,7 @@ export interface TableProps<TData extends FieldValues> extends Omit<TableOptions
     columns: TableColumn<TData>[];
     descriptionField?: Path<TData> | ((row: Row<TData>) => ReactNode);
     enableNestedComponent?: boolean | ((row: Row<TData>) => boolean | undefined);
-    enablePaging?: boolean;
+    enablePagination?: boolean;
     enableSkeleton?: boolean;
     enableRowClickSelect?: boolean;
     footerContent?: ReactNode | ((table: ReactTable<TData>) => ReactNode);
@@ -50,9 +52,15 @@ export interface TableProps<TData extends FieldValues> extends Omit<TableOptions
     scrollProps?: Partial<ScrollbarProps>;
     skeletonRows?: number;
     showNewRowButton?: boolean;
+    showHeader?: boolean;
     paginationProps?: Partial<TablePaginationProps>;
     headerSx?: TableRowProps['sx'];
     rowSx?: TableRowProps['sx'];
+    newRowButtonContent?: ReactNode;
+}
+declare function Table<TData extends FieldValues>({ autoFocus, bordered, columns, data, descriptionField, emptyText, enablePagination, enableRowClickSelect, enableNestedComponent, enableSkeleton, footerContent, headerSx, loading, newRowButtonText, newRowButtonContent, onNewRow, onRenderNestedComponent, onRowClick, onRowEnterPress, onRowProps, onSubTreeRows, paginationProps, rowIdField, rowSx, size, showHeader, stickyHeader, scrollProps, showEmptyImage, showNewRowButton, skeletonRows, sx, state, ...tableProps }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare namespace Table {
+    var MoreMenu: typeof TableMoreMenu;
+    var MoreMenuItem: typeof TableMoreMenuItem;
 }
-declare function Table<TData extends FieldValues>({ autoFocus, bordered, columns, data, descriptionField, emptyText, enablePaging, enableRowClickSelect, enableNestedComponent, enableSkeleton, footerContent, headerSx, loading, newRowButtonText, onNewRow, onRenderNestedComponent, onRowClick, onRowEnterPress, onRowProps, onSubTreeRows, paginationProps, rowIdField, rowSx, size, stickyHeader, scrollProps, showEmptyImage, showNewRowButton, skeletonRows, sx, state, ...tableProps }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/components/utils/base.d.ts

@@ -1,6 +1,7 @@
 import { Theme } from '@mui/material';
 export type ServerError = {
     message?: string;
+    _error?: string;
     statusCode?: string;
     errors?: {
         message: string;