@nodeblocks/frontend-list-users-block 0.4.1 → 0.5.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { TableCellProps, Stack, StackProps, TypographyProps, TabsProps, TabProps, Box, MenuProps, TableHeadProps, TableRowProps, TableBodyProps, IconButtonProps, TableContainer, TableProps } from '@mui/material';
 import { ReactNode, ComponentProps, SyntheticEvent, ReactElement, MouseEvent } from 'react';
+import { SetRequired, PickDeep } from 'type-fest';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SetRequired } from 'type-fest';
 import { Breakpoint } from '@mui/material/styles';
 
 /**
@@ -135,7 +135,7 @@ declare const defaultHeaderBlocks: {
 /**
  * Composes the header title and action blocks at the top of the table layout.
  */
-declare const BaseTableHeader: <TRow extends Record<string, unknown>, TTabValue extends string | number = string, CustomBlocks extends Record<string, ReactNode> = {}>(props: Partial<Omit<StackProps, "children">> & {
+declare const BaseTableHeader: <TRow extends Record<string, unknown>, TTabValue extends string | number = string, CustomBlocks extends Record<string, ReactNode> = Record<string, ReactNode>>(props: Partial<Omit<StackProps, "children">> & {
     children?: BlocksOverride<typeof defaultHeaderBlocks, CustomBlocks>;
 }) => react_jsx_runtime.JSX.Element | null;
 /**
@@ -218,7 +218,7 @@ declare const defaultContentGridHeadRowBlocks: {
         pinMeta?: BaseTableColumnPinMeta;
     }, (props: BaseTableContentGridHeadActionCellProps) => react_jsx_runtime.JSX.Element>;
 };
-type BaseTableContentGridHeadRowProps<TRow extends Record<string, unknown>, CustomBlocks extends Record<string, ReactNode> = {}> = Partial<Omit<TableRowProps, 'children'>> & {
+type BaseTableContentGridHeadRowProps<TRow extends Record<string, unknown>, CustomBlocks extends Record<string, ReactNode> = Record<string, ReactNode>> = Partial<Omit<TableRowProps, 'children'>> & {
     columns: BaseTableContextValue<TRow>['columns'];
     rowActions?: ((row: TRow) => BaseTableRowAction<TRow>[]) | undefined;
     headCell?: ReactNode | ((args: BaseTableContentGridHeadCellRenderArgs<TRow>) => ReactNode);
@@ -247,7 +247,7 @@ declare const defaultBodyRowBlocks: {
         onOpenRowMenu?: RowMenuOpenHandler<Record<string, unknown>> | undefined;
     }, <TRow extends Record<string, unknown>>(props: BaseTableContentGridBodyActionCellProps<TRow>) => react_jsx_runtime.JSX.Element>;
 };
-type BaseTableContentGridBodyRowProps<TRow extends Record<string, unknown>, CustomBlocks extends Record<string, ReactNode> = {}> = {
+type BaseTableContentGridBodyRowProps<TRow extends Record<string, unknown>, CustomBlocks extends Record<string, ReactNode> = Record<string, ReactNode>> = {
     row: TRow;
     rowIndex: number;
     columns: BaseTableContextValue<TRow>['columns'];
@@ -282,11 +282,11 @@ declare const defaultContentGridHeadBlocks: {
             actionCell: ReactElement<Partial<TableCellProps> & {
                 pinMeta?: BaseTableColumnPinMeta;
             }, (props: BaseTableContentGridHeadActionCellProps) => react_jsx_runtime.JSX.Element>;
-        }, {}>;
+        }, Record<string, ReactNode>>;
     }, <TRow extends Record<string, unknown>>(props: BaseTableContentGridHeadRowProps<TRow>) => react_jsx_runtime.JSX.Element>;
 };
 type BaseTableContentGridHeadRowRenderArgs<TRow extends Record<string, unknown>> = Pick<ComponentProps<typeof BaseTableContentGridHeadRow<TRow>>, 'columns' | 'rowActions' | 'columnPinMeta' | 'actionColumnPinMeta'>;
-type BaseTableContentGridHeadProps<TRow extends Record<string, unknown>, CustomBlocks extends Record<string, ReactNode> = {}> = Partial<Omit<TableHeadProps, 'children'>> & {
+type BaseTableContentGridHeadProps<TRow extends Record<string, unknown>, CustomBlocks extends Record<string, ReactNode> = Record<string, ReactNode>> = Partial<Omit<TableHeadProps, 'children'>> & {
     columns: BaseTableContextValue<TRow>['columns'];
     rowActions?: ((row: TRow) => BaseTableRowAction<TRow>[]) | undefined;
     headRow?: ReactNode | ((args: BaseTableContentGridHeadRowRenderArgs<TRow>) => ReactNode);
@@ -327,11 +327,11 @@ declare const defaultGridBodyBlocks: {
                 icon?: ReactNode;
                 onOpenRowMenu?: RowMenuOpenHandler<Record<string, unknown>> | undefined;
             }, <TRow extends Record<string, unknown>>(props: BaseTableContentGridBodyActionCellProps<TRow>) => react_jsx_runtime.JSX.Element>;
-        }, {}>;
+        }, Record<string, ReactNode>>;
     } & Partial<Omit<TableRowProps, "children">>, <TRow extends Record<string, unknown>>(props: BaseTableContentGridBodyRowProps<TRow>) => react_jsx_runtime.JSX.Element>;
 };
 type BaseTableContentGridBodyRowRenderArgs<TRow extends Record<string, unknown>> = Pick<ComponentProps<typeof BaseTableContentGridBodyRow<TRow>>, 'row' | 'rowIndex' | 'columns' | 'rowActions' | 'onRowClick' | 'onOpenRowMenu' | 'columnPinMeta' | 'actionColumnPinMeta'>;
-type BaseTableContentGridBodyProps<TRow extends Record<string, unknown>, CustomBlocks extends Record<string, ReactNode> = {}> = Partial<Omit<TableBodyProps, 'children'>> & {
+type BaseTableContentGridBodyProps<TRow extends Record<string, unknown>, CustomBlocks extends Record<string, ReactNode> = Record<string, ReactNode>> = Partial<Omit<TableBodyProps, 'children'>> & {
     columns: BaseTableContextValue<TRow>['columns'];
     rows: TRow[];
     rowActions?: ((row: TRow) => BaseTableRowAction<TRow>[]) | undefined;
@@ -382,7 +382,7 @@ declare const defaultGridBlocks: {
     rowMenu: ReactElement<ComponentProps<typeof BaseTableContentGridRowMenu>>;
     emptyState: ReactElement<ComponentProps<typeof BaseTableContentEmptyState>>;
 };
-type BaseTableContentGridProps<TRow extends Record<string, unknown>, TTabValue extends string | number = string, CustomBlocks extends Record<string, ReactNode> = {}> = Partial<Omit<ComponentProps<typeof Stack>, 'children'> & Pick<BaseTableContextValue<TRow, TTabValue>, 'columns' | 'rows' | 'actionColumn' | 'rowActions' | 'noRowsOverlay' | 'onRowClick' | 'getRowId'> & {
+type BaseTableContentGridProps<TRow extends Record<string, unknown>, TTabValue extends string | number = string, CustomBlocks extends Record<string, ReactNode> = Record<string, ReactNode>> = Partial<Omit<ComponentProps<typeof Stack>, 'children'> & Pick<BaseTableContextValue<TRow, TTabValue>, 'columns' | 'rows' | 'actionColumn' | 'rowActions' | 'noRowsOverlay' | 'onRowClick' | 'getRowId'> & {
     emptyState?: ReactNode;
     head?: ReactNode | ((args: Omit<ComponentProps<typeof BaseTable.Content.Grid.Head<TRow>>, 'children'>) => ReactNode);
     body?: ReactNode | ((args: Omit<SetRequired<ComponentProps<typeof BaseTable.Content.Grid.Body<TRow>>, 'onOpenRowMenu'>, 'children'>) => ReactNode);
@@ -407,7 +407,7 @@ declare const defaultContentBlocks: {
 /**
  * Chooses between the loader, empty-state, and grid branches for the content area.
  */
-declare const BaseTableContent: <TRow extends Record<string, unknown>, TTabValue extends string | number = string, CustomBlocks extends Record<string, ReactNode> = {}>(props: Partial<Omit<ComponentProps<typeof Box>, "children"> & Pick<BaseTableContextValue<TRow, TTabValue>, "isLoading" | "rows"> & {
+declare const BaseTableContent: <TRow extends Record<string, unknown>, TTabValue extends string | number = string, CustomBlocks extends Record<string, ReactNode> = Record<string, ReactNode>>(props: Partial<Omit<ComponentProps<typeof Box>, "children"> & Pick<BaseTableContextValue<TRow, TTabValue>, "isLoading" | "rows"> & {
     children?: BlocksOverride<typeof defaultContentBlocks, CustomBlocks>;
 }>) => react_jsx_runtime.JSX.Element;
 /**
@@ -425,7 +425,7 @@ type BaseTableWithChildrenProps<TRow extends Record<string, unknown>, TTabValue
     children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;
 };
 type BaseTableComponent = {
-    <TRow extends Record<string, unknown>, TTabValue extends string | number = string, CustomBlocks extends Record<string, ReactNode> = {}>(props: BaseTableWithChildrenProps<TRow, TTabValue, CustomBlocks>): ReactNode;
+    <TRow extends Record<string, unknown>, TTabValue extends string | number = string, CustomBlocks extends Record<string, ReactNode> = Record<string, ReactNode>>(props: BaseTableWithChildrenProps<TRow, TTabValue, CustomBlocks>): ReactNode;
     Header: typeof BaseTableHeader & {
         Title: typeof BaseTableHeaderTitle;
         Actions: typeof BaseTableHeaderActions;
@@ -537,23 +537,23 @@ type ListUsersDefaultBlocks = {
     pagination: ReactNode;
 };
 type ListUsersRootPassthroughProps = Omit<StackProps, 'children'>;
-type ListUsersProps<TTabs extends TabData[] = TabData[], CustomBlocks extends Record<string, ReactNode> = {}> = ListUsersRootPassthroughProps & Required<Pick<ListUsersValue<TTabs>, 'listUsersTitle' | 'labels' | 'data'>> & Partial<Pick<ListUsersValue<TTabs>, 'isLoading' | 'searchValue' | 'onSearchFieldChange' | 'onSearchSubmit' | 'onItemActivate' | 'onItemDeactivate' | 'shouldShowDropdownMenu' | 'resolveRowAction' | 'statusMatch' | 'onNavigate' | 'pagination' | 'rowHref' | 'tabs' | 'currentTab' | 'onTabChange' | 'searchChipsTitle' | 'searchChips' | 'onSearchChipDelete'>> & {
+type ListUsersProps<TTabs extends TabData[] = TabData[], CustomBlocks extends Record<string, ReactNode> = Record<string, ReactNode>> = ListUsersRootPassthroughProps & Required<Pick<ListUsersValue<TTabs>, 'listUsersTitle' | 'labels' | 'data'>> & Partial<Pick<ListUsersValue<TTabs>, 'isLoading' | 'searchValue' | 'onSearchFieldChange' | 'onSearchSubmit' | 'onItemActivate' | 'onItemDeactivate' | 'shouldShowDropdownMenu' | 'resolveRowAction' | 'statusMatch' | 'onNavigate' | 'pagination' | 'rowHref' | 'tabs' | 'currentTab' | 'onTabChange' | 'searchChipsTitle' | 'searchChips' | 'onSearchChipDelete'>> & {
     children?: BlocksOverride<ListUsersDefaultBlocks, CustomBlocks>;
 };
 type ListUsersTitleProps = ComponentProps<typeof BaseTable.Header.Title> & {
     listUsersTitle?: ReactNode;
 };
 type ListUsersHeaderProps = ComponentProps<typeof BaseTable.Header>;
-type ListUsersActionProps = ComponentProps<typeof BaseTable.Header.Actions> & Partial<Pick<ListUsersValue, 'labels' | 'searchValue' | 'onSearchFieldChange' | 'onSearchSubmit'>>;
+type ListUsersActionProps = ComponentProps<typeof BaseTable.Header.Actions> & Partial<Pick<ListUsersValue, 'searchValue' | 'onSearchFieldChange' | 'onSearchSubmit'> & PickDeep<ListUsersValue, 'labels.searchFieldPlaceholder'>>;
 type ListUsersLoaderProps = ComponentProps<typeof BaseTable.Content.Loader>;
 type ListUsersContentProps = ComponentProps<typeof BaseTable.Content>;
 type ListUsersTabsProps = ComponentProps<typeof BaseTable.Tabs<ListUsersRowData>>;
 type ListUsersBaseTableGridProps = ComponentProps<typeof BaseTable.Content.Grid<ListUsersRowData>>;
-type ListUsersTableProps = Omit<ListUsersBaseTableGridProps, 'rows' | 'noRowsOverlay'> & Partial<Pick<ListUsersValue, 'labels' | 'data' | 'statusMatch' | 'onItemActivate' | 'onItemDeactivate' | 'shouldShowDropdownMenu' | 'resolveRowAction' | 'rowHref' | 'onNavigate' | 'columns' | 'rowActions' | 'actionColumn' | 'onRowClick'>>;
+type ListUsersTableProps = Omit<ListUsersBaseTableGridProps, 'rows' | 'noRowsOverlay'> & Partial<Pick<ListUsersValue, 'data' | 'statusMatch' | 'onItemActivate' | 'onItemDeactivate' | 'shouldShowDropdownMenu' | 'resolveRowAction' | 'rowHref' | 'onNavigate' | 'columns' | 'rowActions' | 'actionColumn' | 'onRowClick'> & PickDeep<ListUsersValue, 'labels.headerRow.name' | 'labels.headerRow.createdAt' | 'labels.headerRow.status' | 'labels.cellData.statusActive' | 'labels.cellData.statusInactive' | 'labels.emptyStateMessage' | 'labels.rowActions.activate' | 'labels.rowActions.deactivate'>>;
 type ListUsersPaginationProps = Partial<Omit<ComponentProps<typeof BaseTable.Pagination>, 'pagination' | 'rows' | 'isLoading'>> & Partial<Pick<ListUsersValue, 'pagination' | 'data' | 'isLoading'>>;
 type ListUsersSearchChipsProps = Partial<ComponentProps<typeof BaseTable.SearchChips>>;
 type ListUsersComponent = {
-    <TTabs extends TabData[] = TabData[], CustomBlocks extends Record<string, ReactNode> = {}>(props: ListUsersProps<TTabs, CustomBlocks>): ReactNode;
+    <TTabs extends TabData[] = TabData[], CustomBlocks extends Record<string, ReactNode> = Record<string, ReactNode>>(props: ListUsersProps<TTabs, CustomBlocks>): ReactNode;
     Title: (props: ListUsersTitleProps) => ReactNode;
     Action: (props: ListUsersActionProps) => ReactNode;
     Header: (props: ListUsersHeaderProps) => ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nodeblocks/frontend-list-users-block",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
@@ -25,8 +25,8 @@
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^9.0.1",
-    "@mui/material": "^9.0.1",
+    "@mui/icons-material": ">=7 <10",
+    "@mui/material": ">=7 <10",
     "react": ">=18 <20",
     "react-dom": ">=18 <20"
   },
@@ -43,9 +43,9 @@
     "@types/react-dom": "19.2.3",
     "jsdom": "^27.4.0",
     "rollup": "^4.55.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-delete": "^3.0.2",
     "rollup-plugin-dts": "^6.4.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-serve": "^1.1.1",
     "tslib": "^2.8.1",
@@ -54,7 +54,8 @@
   },
   "dependencies": {
     "@nodeblocks/frontend-base-block": "*",
-    "luxon": "^3.7.2"
+    "luxon": "^3.7.2",
+    "type-fest": "^5.6.0"
   },
   "bundleDependencies": [
     "@nodeblocks/frontend-base-block"