@nodeblocks/frontend-list-users-block 0.1.0 → 0.2.0
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.
- package/dist/blocks.d.ts +17 -0
- package/dist/blocks.d.ts.map +1 -0
- package/dist/context.d.ts +5 -6
- package/dist/context.d.ts.map +1 -1
- package/dist/index.cjs.js +7178 -49725
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +7178 -49707
- package/dist/index.esm.js.map +1 -1
- package/dist/list-users.d.ts +35 -14
- package/dist/list-users.d.ts.map +1 -1
- package/package.json +10 -8
package/dist/list-users.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import '@basaldev/blocks-frontend-framework/dist/style.css';
|
|
1
|
+
import { Typography, Stack, Box, TabsProps } from '@mui/material';
|
|
3
2
|
import { ComponentProps, ReactNode } from 'react';
|
|
4
3
|
import { BlocksOverride } from './lib';
|
|
5
4
|
import './list-users.css';
|
|
@@ -9,8 +8,24 @@ export interface ListUsersRowData {
|
|
|
9
8
|
name: string;
|
|
10
9
|
status: string;
|
|
11
10
|
}
|
|
11
|
+
export type TabData = {
|
|
12
|
+
key?: string;
|
|
13
|
+
label: string;
|
|
14
|
+
isDisabled?: boolean;
|
|
15
|
+
subtitle?: string;
|
|
16
|
+
};
|
|
17
|
+
export interface PaginationProps {
|
|
18
|
+
/** Custom class to give the html component */
|
|
19
|
+
className?: string;
|
|
20
|
+
/** Currently selected page in the pagination. Pages are counted from 1. */
|
|
21
|
+
currentPage: number;
|
|
22
|
+
/** Callback when the page is changed */
|
|
23
|
+
onPageChange: (page: number) => void;
|
|
24
|
+
/** Total number of pages in the pagination. */
|
|
25
|
+
totalPages: number;
|
|
26
|
+
}
|
|
12
27
|
declare const ListUsers: {
|
|
13
|
-
<Tabs extends
|
|
28
|
+
<Tabs extends TabData[] = TabData[], CustomBlocks extends Record<string, ReactNode> = {}>({ listUsersTitle, isLoading, labels, onNavigate, pagination, data, rowHref, tabs, currentTab, onTabChange, className, children, ...props }: Omit<ComponentProps<typeof Stack>, "children"> & {
|
|
14
29
|
listUsersTitle: ReactNode;
|
|
15
30
|
isLoading?: boolean;
|
|
16
31
|
labels: {
|
|
@@ -34,19 +49,25 @@ declare const ListUsers: {
|
|
|
34
49
|
onTabChange?: (tab: Tabs[number]["label"]) => void;
|
|
35
50
|
children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;
|
|
36
51
|
}): import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
Title(props: Partial<ComponentProps<typeof Typography>>
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
52
|
+
Title(props: Partial<ComponentProps<typeof Typography>> & {
|
|
53
|
+
component?: React.ElementType;
|
|
54
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
55
|
+
Header(props: Partial<ComponentProps<typeof Box>>): import("react/jsx-runtime").JSX.Element;
|
|
56
|
+
Loader(props: Partial<ComponentProps<typeof Stack>>): import("react/jsx-runtime").JSX.Element;
|
|
57
|
+
Content(props: Partial<ComponentProps<typeof Box>>): import("react/jsx-runtime").JSX.Element;
|
|
58
|
+
Tabs<Tabs extends TabData[]>(props: Partial<Omit<TabsProps, "value" | "onChange" | "variant">>): import("react/jsx-runtime").JSX.Element | null;
|
|
59
|
+
Table<Tabs extends TabData[]>(props: Partial<ComponentProps<typeof Stack>>): import("react/jsx-runtime").JSX.Element | null;
|
|
43
60
|
};
|
|
44
61
|
declare const defaultBlocks: {
|
|
45
|
-
title: import("react").ReactElement<Partial<import("@
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
62
|
+
title: import("react").ReactElement<Partial<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "p" | "style" | "color" | "left" | "right" | "children" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "sx" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping">> & {
|
|
63
|
+
component?: React.ElementType;
|
|
64
|
+
}, (props: Partial<ComponentProps<typeof Typography>> & {
|
|
65
|
+
component?: React.ElementType;
|
|
66
|
+
}) => import("react/jsx-runtime").JSX.Element>;
|
|
67
|
+
header: import("react").ReactElement<Partial<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>>>, (props: Partial<ComponentProps<typeof Box>>) => import("react/jsx-runtime").JSX.Element>;
|
|
68
|
+
content: import("react").ReactElement<Partial<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>>>, (props: Partial<ComponentProps<typeof Box>>) => import("react/jsx-runtime").JSX.Element>;
|
|
69
|
+
tabs: import("react").ReactElement<Partial<Omit<TabsProps, "onChange" | "variant" | "value">>, <Tabs extends TabData[]>(props: Partial<Omit<TabsProps, "value" | "onChange" | "variant">>) => import("react/jsx-runtime").JSX.Element | null>;
|
|
70
|
+
table: import("react").ReactElement<Partial<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps>>, <Tabs extends TabData[]>(props: Partial<ComponentProps<typeof Stack>>) => import("react/jsx-runtime").JSX.Element | null>;
|
|
50
71
|
};
|
|
51
72
|
export default ListUsers;
|
|
52
73
|
//# sourceMappingURL=list-users.d.ts.map
|
package/dist/list-users.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-users.d.ts","sourceRoot":"","sources":["../src/list-users.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"list-users.d.ts","sourceRoot":"","sources":["../src/list-users.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nodeblocks/frontend-list-users-block",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"main": "dist/index.cjs.js",
|
|
5
5
|
"module": "dist/index.esm.js",
|
|
6
6
|
"browser": "dist/index.iife.js",
|
|
@@ -14,16 +14,20 @@
|
|
|
14
14
|
"watch": "rm -rf dist && cross-env NODE_ENV=development rollup -c --watch"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"react": "^
|
|
18
|
-
"
|
|
17
|
+
"@emotion/react": "^11.14.0",
|
|
18
|
+
"@emotion/styled": "^11.14.1",
|
|
19
|
+
"@mui/material": "^7.3.5",
|
|
20
|
+
"react": ">=18 <20",
|
|
21
|
+
"react-dom": ">=18 <20"
|
|
19
22
|
},
|
|
20
23
|
"devDependencies": {
|
|
21
24
|
"@rollup/plugin-commonjs": "^28.0.6",
|
|
22
25
|
"@rollup/plugin-json": "^6.1.0",
|
|
23
26
|
"@rollup/plugin-node-resolve": "^15.3.0",
|
|
24
27
|
"@rollup/plugin-typescript": "^12.1.1",
|
|
25
|
-
"@types/
|
|
26
|
-
"@types/react
|
|
28
|
+
"@types/luxon": "^3.7.1",
|
|
29
|
+
"@types/react": "19.2.7",
|
|
30
|
+
"@types/react-dom": "19.2.3",
|
|
27
31
|
"rollup": "^4.28.0",
|
|
28
32
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
29
33
|
"rollup-plugin-polyfill-node": "^0.13.0",
|
|
@@ -33,8 +37,6 @@
|
|
|
33
37
|
"typescript": "^5.7.2"
|
|
34
38
|
},
|
|
35
39
|
"dependencies": {
|
|
36
|
-
"
|
|
37
|
-
"@fontsource/material-symbols-outlined": "^5.2.5",
|
|
38
|
-
"@tanstack/react-table": "^8.21.2"
|
|
40
|
+
"luxon": "^3.7.2"
|
|
39
41
|
}
|
|
40
42
|
}
|