@nodeblocks/frontend-list-organization-block 0.0.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.
- package/dist/GridLayout/GridLayout.d.ts +60 -0
- package/dist/GridLayout/GridLayout.d.ts.map +1 -0
- package/dist/GridLayout/index.d.ts +2 -0
- package/dist/GridLayout/index.d.ts.map +1 -0
- package/dist/ListOrganizations.d.ts +67 -0
- package/dist/ListOrganizations.d.ts.map +1 -0
- package/dist/TableLayout/TableLayout.d.ts +90 -0
- package/dist/TableLayout/TableLayout.d.ts.map +1 -0
- package/dist/TableLayout/index.d.ts +2 -0
- package/dist/TableLayout/index.d.ts.map +1 -0
- package/dist/blocks.d.ts +87 -0
- package/dist/blocks.d.ts.map +1 -0
- package/dist/index.cjs.js +48683 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +48663 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/lib.d.ts +35 -0
- package/dist/lib.d.ts.map +1 -0
- package/dist/types.d.ts +16 -0
- package/dist/types.d.ts.map +1 -0
- package/package.json +38 -0
- package/readme.md +57 -0
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { ChipProps, IconType } from "@basaldev/blocks-frontend-framework";
|
|
2
|
+
import { BlocksOverride } from "../types";
|
|
3
|
+
import "./GridLayout.css";
|
|
4
|
+
export type GridCardProps = {
|
|
5
|
+
imageUrl?: string;
|
|
6
|
+
href?: string;
|
|
7
|
+
onNavigate?: "standard-html-link";
|
|
8
|
+
labels?: string;
|
|
9
|
+
subtitle?: string;
|
|
10
|
+
subtitleImageUrl?: string;
|
|
11
|
+
summary?: string;
|
|
12
|
+
title?: string;
|
|
13
|
+
chips?: {
|
|
14
|
+
/** Additional class names for chip */
|
|
15
|
+
className?: string;
|
|
16
|
+
/** Specify chip color */
|
|
17
|
+
color?: ChipProps["color"];
|
|
18
|
+
/** Specify chip type */
|
|
19
|
+
fill?: "solid" | "outline";
|
|
20
|
+
/** Specify chip text */
|
|
21
|
+
label: string;
|
|
22
|
+
/** Icon on the left of the text */
|
|
23
|
+
leftIcon?: IconType;
|
|
24
|
+
/** Icon on the right of the text */
|
|
25
|
+
rightIcon?: IconType;
|
|
26
|
+
/** Specify size of chip */
|
|
27
|
+
size?: "XS" | "S" | "M";
|
|
28
|
+
}[];
|
|
29
|
+
tags?: {
|
|
30
|
+
/** adds IconType icon to tag */
|
|
31
|
+
icon?: IconType | undefined;
|
|
32
|
+
/** adds label or joins labels with / separator */
|
|
33
|
+
label: string | string[];
|
|
34
|
+
/** font and icon size */
|
|
35
|
+
size?: "XS" | "S";
|
|
36
|
+
}[];
|
|
37
|
+
};
|
|
38
|
+
declare const GridCard: ({ imageUrl, href, onNavigate, subtitle, subtitleImageUrl, summary, title, chips, tags, }: GridCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
declare const GridLayout: {
|
|
40
|
+
<T extends {} = GridCardProps>({ subtitle, data, title, titleAlignment, topBottomPaddingSize, titleGapSize, children, }: {
|
|
41
|
+
/** product cards */
|
|
42
|
+
data?: T[];
|
|
43
|
+
/** secondary title */
|
|
44
|
+
subtitle?: string;
|
|
45
|
+
/** main title for list */
|
|
46
|
+
title?: string | React.ReactNode;
|
|
47
|
+
/** title alignment */
|
|
48
|
+
titleAlignment?: "stretch" | "start" | "center" | "end" | "stretch-text-center";
|
|
49
|
+
/** Gap size between title and cards */
|
|
50
|
+
titleGapSize?: "none" | "4XS" | "3XS" | "XXS" | "XS" | "S" | "M" | "L" | "XL";
|
|
51
|
+
/** Top and bottom padding size */
|
|
52
|
+
topBottomPaddingSize?: "none" | "XS" | "S" | "M" | "L" | "XL";
|
|
53
|
+
children?: BlocksOverride<{
|
|
54
|
+
data?: T[];
|
|
55
|
+
}>;
|
|
56
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
57
|
+
displayName: string;
|
|
58
|
+
};
|
|
59
|
+
export { GridLayout, GridCard };
|
|
60
|
+
//# sourceMappingURL=GridLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GridLayout.d.ts","sourceRoot":"","sources":["../../src/GridLayout/GridLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAET,QAAQ,EAIT,MAAM,qCAAqC,CAAC;AAQ7C,OAAO,EAAU,cAAc,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QACN,sCAAsC;QACtC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,yBAAyB;QACzB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;QAC3B,wBAAwB;QACxB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC3B,wBAAwB;QACxB,KAAK,EAAE,MAAM,CAAC;QACd,mCAAmC;QACnC,QAAQ,CAAC,EAAE,QAAQ,CAAC;QACpB,oCAAoC;QACpC,SAAS,CAAC,EAAE,QAAQ,CAAC;QACrB,2BAA2B;QAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;KACzB,EAAE,CAAC;IACJ,IAAI,CAAC,EAAE;QACL,gCAAgC;QAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC5B,mDAAmD;QACnD,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QACzB,yBAAyB;QACzB,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,CAAC;KACnB,EAAE,CAAC;CACL,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,0FAUf,aAAa,4CAyBf,CAAC;AAGF,QAAA,MAAM,UAAU;KAAI,CAAC,SAAS,EAAE,4GAQ7B;QACD,oBAAoB;QACpB,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;QACX,sBAAsB;QACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,0BAA0B;QAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;QACjC,sBAAsB;QACtB,cAAc,CAAC,EACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,KAAK,GACL,qBAAqB,CAAC;QAC1B,uCAAuC;QACvC,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;QAC9E,kCAAkC;QAClC,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;QAE9D,QAAQ,CAAC,EAAE,cAAc,CAAC;YAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAA;SAAE,CAAC,CAAC;KAC3C;;CAqEA,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/GridLayout/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { DefaultBlocks, TabBarProps, SectionHeaderProps, TableListProps } from "./blocks";
|
|
2
|
+
import { ColumnDef } from "@tanstack/react-table";
|
|
3
|
+
import "@basaldev/blocks-frontend-framework/dist/style.css";
|
|
4
|
+
import "./ListOrganizations.css";
|
|
5
|
+
type RowData = unknown | object | any[];
|
|
6
|
+
declare const ListOrganizations: {
|
|
7
|
+
<TData extends RowData>({ children, columns, data, fieldOptions, showTabs, }: {
|
|
8
|
+
showTabs?: boolean;
|
|
9
|
+
columns?: Array<ColumnDef<TData, any>>;
|
|
10
|
+
fieldOptions?: {
|
|
11
|
+
HeaderSection?: SectionHeaderProps["fieldOptions"];
|
|
12
|
+
TabSection?: TabBarProps;
|
|
13
|
+
ContentSection?: TableListProps<TData>;
|
|
14
|
+
name?: {
|
|
15
|
+
headerRow?: {
|
|
16
|
+
title?: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
joinDate?: {
|
|
20
|
+
headerRow?: {
|
|
21
|
+
title?: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
createdAt?: {
|
|
25
|
+
headerRow?: {
|
|
26
|
+
title?: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
auditStatus?: {
|
|
30
|
+
headerRow?: {
|
|
31
|
+
title?: string;
|
|
32
|
+
};
|
|
33
|
+
cellData?: {
|
|
34
|
+
statusApproved?: string;
|
|
35
|
+
statusRejected?: string;
|
|
36
|
+
statusWaitingForReview?: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
actions?: {
|
|
40
|
+
onNavigate?: () => void;
|
|
41
|
+
onClick?: () => void;
|
|
42
|
+
button?: {
|
|
43
|
+
label?: string;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
} | {
|
|
47
|
+
[k: string]: any;
|
|
48
|
+
};
|
|
49
|
+
data?: any[];
|
|
50
|
+
children?: (input: {
|
|
51
|
+
defaultBlocks: DefaultBlocks;
|
|
52
|
+
fieldOptions: {
|
|
53
|
+
[k: string]: any;
|
|
54
|
+
};
|
|
55
|
+
}) => {
|
|
56
|
+
blocks: {
|
|
57
|
+
[k: string]: any;
|
|
58
|
+
};
|
|
59
|
+
fieldOptions: {
|
|
60
|
+
[k: string]: any;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
64
|
+
displayName: string;
|
|
65
|
+
};
|
|
66
|
+
export { ListOrganizations };
|
|
67
|
+
//# sourceMappingURL=ListOrganizations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListOrganizations.d.ts","sourceRoot":"","sources":["../src/ListOrganizations.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,cAAc,EACf,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,SAAS,EACV,MAAM,uBAAuB,CAAC;AAW/B,OAAO,oDAAoD,CAAC;AAC5D,OAAO,yBAAyB,CAAC;AAGjC,KAAK,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,GAAG,EAAE,CAAC;AAsExC,QAAA,MAAM,iBAAiB;KAAI,KAAK,SAAS,OAAO,wDAM7C;QACD,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;QACvC,YAAY,CAAC,EACT;YACE,aAAa,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;YACnD,UAAU,CAAC,EAAE,WAAW,CAAC;YACzB,cAAc,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;YACvC,IAAI,CAAC,EAAE;gBACL,SAAS,CAAC,EAAE;oBACV,KAAK,CAAC,EAAE,MAAM,CAAC;iBAChB,CAAC;aACH,CAAC;YACF,QAAQ,CAAC,EAAE;gBACT,SAAS,CAAC,EAAE;oBACV,KAAK,CAAC,EAAE,MAAM,CAAC;iBAChB,CAAC;aACH,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,SAAS,CAAC,EAAE;oBACV,KAAK,CAAC,EAAE,MAAM,CAAC;iBAChB,CAAC;aACH,CAAC;YACF,WAAW,CAAC,EAAE;gBACZ,SAAS,CAAC,EAAE;oBACV,KAAK,CAAC,EAAE,MAAM,CAAC;iBAChB,CAAC;gBACF,QAAQ,CAAC,EAAE;oBACT,cAAc,CAAC,EAAE,MAAM,CAAC;oBACxB,cAAc,CAAC,EAAE,MAAM,CAAC;oBACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;iBACjC,CAAC;aACH,CAAC;YACF,OAAO,CAAC,EAAE;gBACR,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;gBACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;gBACrB,MAAM,CAAC,EAAE;oBAAE,KAAK,CAAC,EAAE,MAAM,CAAA;iBAAE,CAAC;aAC7B,CAAC;SACH,GACD;YAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,CAAC;QACzB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;YACjB,aAAa,EAAE,aAAa,CAAC;YAC7B,YAAY,EAAE;gBAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;aAAE,CAAC;SACpC,KAAK;YAAE,MAAM,EAAE;gBAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;aAAE,CAAC;YAAC,YAAY,EAAE;gBAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;aAAE,CAAA;SAAE,CAAC;KAC5E;;CAyJA,CAAC;AAIF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MP 2024.12.18, 2025.01.15
|
|
3
|
+
* NOTE
|
|
4
|
+
* For now, we are just migrating and colocating in big handfuls the common blocks.
|
|
5
|
+
* This requires heavy refactoring to effectively allow an common interface between product list layouts.
|
|
6
|
+
*/
|
|
7
|
+
import { PaginationProps } from "@basaldev/blocks-frontend-framework";
|
|
8
|
+
import { ReactNode } from "react";
|
|
9
|
+
import { BlocksOverride } from "../types";
|
|
10
|
+
import './TableLayout.css';
|
|
11
|
+
export type ProductsListTableSupportedTab = "beforePublication" | "published" | "publicationEnded" | "notPublished" | "archive";
|
|
12
|
+
export interface ListProductTableRowData {
|
|
13
|
+
category: string;
|
|
14
|
+
createdAt: string;
|
|
15
|
+
id: string;
|
|
16
|
+
numberOfApplicants: string;
|
|
17
|
+
publication?: {
|
|
18
|
+
since?: string;
|
|
19
|
+
status?: string;
|
|
20
|
+
until?: string;
|
|
21
|
+
};
|
|
22
|
+
title: string;
|
|
23
|
+
updatedAt: string;
|
|
24
|
+
}
|
|
25
|
+
declare const TableLayout: {
|
|
26
|
+
({ children, updateRowHref, title, labels, isLoading, onNavigate, onProductPublic, onProductPrivate, onProductArchive, onProductUnarchive, pagination, rowData, rowHref, currentTab, onTabChange, createHref, showHeader, }: {
|
|
27
|
+
/** Show Header */
|
|
28
|
+
showHeader?: boolean;
|
|
29
|
+
/** Loading state for table */
|
|
30
|
+
isLoading?: boolean;
|
|
31
|
+
/** Table Labels */
|
|
32
|
+
labels: {
|
|
33
|
+
emptyStateMessage: string;
|
|
34
|
+
actions: {
|
|
35
|
+
createProduct: string;
|
|
36
|
+
};
|
|
37
|
+
headerRow: {
|
|
38
|
+
createdAt: string;
|
|
39
|
+
numberOfApplicants: string;
|
|
40
|
+
publicationPeriod: string;
|
|
41
|
+
title: string;
|
|
42
|
+
updatedAt: string;
|
|
43
|
+
};
|
|
44
|
+
rowActions: {
|
|
45
|
+
archive: string;
|
|
46
|
+
edit: string;
|
|
47
|
+
private: string;
|
|
48
|
+
public: string;
|
|
49
|
+
unarchive: string;
|
|
50
|
+
};
|
|
51
|
+
tabs: {
|
|
52
|
+
archive: string;
|
|
53
|
+
beforePublication: string;
|
|
54
|
+
notPublished: string;
|
|
55
|
+
publicationEnded: string;
|
|
56
|
+
published: string;
|
|
57
|
+
};
|
|
58
|
+
unsetDateMessage: string;
|
|
59
|
+
};
|
|
60
|
+
/** Callback for navigating to job page */
|
|
61
|
+
onNavigate: (to: string) => void;
|
|
62
|
+
/** Callback for archiving job */
|
|
63
|
+
onProductArchive: (product: ListProductTableRowData["id"], title: ListProductTableRowData["title"]) => void;
|
|
64
|
+
/** Callback for making job private */
|
|
65
|
+
onProductPrivate: (product: ListProductTableRowData["id"], title: ListProductTableRowData["title"]) => void;
|
|
66
|
+
/** Callback for making job public */
|
|
67
|
+
onProductPublic: (product: ListProductTableRowData["id"], title: ListProductTableRowData["title"]) => void;
|
|
68
|
+
/** Callback for un-archiving job */
|
|
69
|
+
onProductUnarchive: (product: ListProductTableRowData["id"]) => void;
|
|
70
|
+
/** Callback for pagination display */
|
|
71
|
+
pagination?: PaginationProps;
|
|
72
|
+
/** Job product list table data */
|
|
73
|
+
rowData: ListProductTableRowData[];
|
|
74
|
+
/** Callback for linking to show page */
|
|
75
|
+
rowHref: (row: ListProductTableRowData) => string;
|
|
76
|
+
/** Tabs configuration */
|
|
77
|
+
/** Current tab to show as selected */
|
|
78
|
+
currentTab?: ProductsListTableSupportedTab;
|
|
79
|
+
/** Callback when tab is clicked */
|
|
80
|
+
onTabChange?: (tab: ProductsListTableSupportedTab) => void;
|
|
81
|
+
/** Callback for linking to update page */
|
|
82
|
+
updateRowHref: (row: ListProductTableRowData) => string;
|
|
83
|
+
title: ReactNode;
|
|
84
|
+
createHref: string;
|
|
85
|
+
children?: BlocksOverride;
|
|
86
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
87
|
+
displayName: string;
|
|
88
|
+
};
|
|
89
|
+
export { TableLayout };
|
|
90
|
+
//# sourceMappingURL=TableLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableLayout.d.ts","sourceRoot":"","sources":["../../src/TableLayout/TableLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TableLayout/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
package/dist/blocks.d.ts
ADDED
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import { IconType } from "@basaldev/blocks-frontend-framework";
|
|
3
|
+
import { ColumnDef, TableState } from "@tanstack/react-table";
|
|
4
|
+
type RowData = unknown | object | any[];
|
|
5
|
+
export type SectionHeaderProps = {
|
|
6
|
+
fieldOptions?: {
|
|
7
|
+
Search?: {
|
|
8
|
+
onChange?: (value: string, name?: string | undefined) => void;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
};
|
|
11
|
+
Title?: {
|
|
12
|
+
text?: ReactNode | string;
|
|
13
|
+
};
|
|
14
|
+
FilterBtn?: {
|
|
15
|
+
onClick?: () => void;
|
|
16
|
+
label?: string;
|
|
17
|
+
icon?: IconType | undefined;
|
|
18
|
+
};
|
|
19
|
+
} & {
|
|
20
|
+
[k: string]: any;
|
|
21
|
+
};
|
|
22
|
+
children?: (props: {
|
|
23
|
+
defaultBlocks: {
|
|
24
|
+
Left: React.ComponentType<any>;
|
|
25
|
+
Center: React.ComponentType<any>;
|
|
26
|
+
Right: React.ComponentType<any>;
|
|
27
|
+
} | {
|
|
28
|
+
[k: string]: React.ComponentType<any>;
|
|
29
|
+
};
|
|
30
|
+
blockOrder: string[];
|
|
31
|
+
}) => {
|
|
32
|
+
blocks: {
|
|
33
|
+
[k: string]: React.ComponentType<any>;
|
|
34
|
+
};
|
|
35
|
+
blockOrder: string[];
|
|
36
|
+
fieldOptions: {
|
|
37
|
+
[k: string]: any;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
blockOrder?: string[];
|
|
41
|
+
};
|
|
42
|
+
export declare const SectionHeader: ({ fieldOptions, children, blockOrder, }: SectionHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
export type TabBarProps = {
|
|
44
|
+
currentTab?: string;
|
|
45
|
+
onTabChange?: (tab: string) => void;
|
|
46
|
+
tabWidth?: "fixed" | "stretch";
|
|
47
|
+
tabs?: {
|
|
48
|
+
key?: string;
|
|
49
|
+
label: string;
|
|
50
|
+
subtitle?: string;
|
|
51
|
+
isDisabled?: boolean;
|
|
52
|
+
}[];
|
|
53
|
+
};
|
|
54
|
+
export declare const TabBar: ({ currentTab, onTabChange, tabWidth, tabs, }: TabBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
55
|
+
export type TableListProps<TData extends RowData> = {
|
|
56
|
+
columns: Array<ColumnDef<TData, any>>;
|
|
57
|
+
data: TData[];
|
|
58
|
+
rowHref?: (row: any) => string;
|
|
59
|
+
initialState?: Partial<TableState>;
|
|
60
|
+
pagination?: {
|
|
61
|
+
/** Custom class to give the html component */
|
|
62
|
+
className?: string;
|
|
63
|
+
/** Currently selected page in the pagination. Pages are counted from 1. */
|
|
64
|
+
currentPage: number;
|
|
65
|
+
/** Callback when the page is changed */
|
|
66
|
+
onPageChange: (page: number) => void;
|
|
67
|
+
/** Total number of pages in the pagination. */
|
|
68
|
+
totalPages: number;
|
|
69
|
+
};
|
|
70
|
+
emptyState?: {
|
|
71
|
+
icon: IconType;
|
|
72
|
+
message: string;
|
|
73
|
+
};
|
|
74
|
+
onNavigate?: (to: string) => void;
|
|
75
|
+
};
|
|
76
|
+
export declare const TableList: <TData extends RowData>({ columns, rowHref, data, pagination, emptyState, onNavigate, initialState, }: TableListProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
77
|
+
export type DefaultBlocks = {
|
|
78
|
+
HeaderSection: JSX.ElementType;
|
|
79
|
+
TabSection: JSX.ElementType;
|
|
80
|
+
ContentSection: JSX.ElementType;
|
|
81
|
+
};
|
|
82
|
+
export type DefaultOptions = {
|
|
83
|
+
blockOrder?: string[];
|
|
84
|
+
fieldOptions?: {};
|
|
85
|
+
};
|
|
86
|
+
export {};
|
|
87
|
+
//# sourceMappingURL=blocks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../src/blocks.tsx"],"names":[],"mappings":"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"}
|