@dust-tt/sparkle 0.2.224 → 0.2.226
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/cjs/index.js +293 -153
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Breadcrumbs.d.ts +7 -6
- package/dist/esm/components/Breadcrumbs.d.ts.map +1 -1
- package/dist/esm/components/Breadcrumbs.js +3 -2
- package/dist/esm/components/Breadcrumbs.js.map +1 -1
- package/dist/esm/components/DataTable.d.ts +5 -2
- package/dist/esm/components/DataTable.d.ts.map +1 -1
- package/dist/esm/components/DataTable.js +50 -33
- package/dist/esm/components/DataTable.js.map +1 -1
- package/dist/esm/components/DropdownMenu.d.ts +10 -10
- package/dist/esm/components/DropdownMenu.d.ts.map +1 -1
- package/dist/esm/components/DropdownMenu.js +7 -7
- package/dist/esm/components/DropdownMenu.js.map +1 -1
- package/dist/esm/components/Item.d.ts +18 -15
- package/dist/esm/components/Item.d.ts.map +1 -1
- package/dist/esm/components/Item.js +2 -1
- package/dist/esm/components/Item.js.map +1 -1
- package/dist/esm/components/PaginatedCitationsGrid.d.ts.map +1 -1
- package/dist/esm/components/PaginatedCitationsGrid.js +8 -4
- package/dist/esm/components/PaginatedCitationsGrid.js.map +1 -1
- package/dist/esm/components/Pagination.d.ts +5 -4
- package/dist/esm/components/Pagination.d.ts.map +1 -1
- package/dist/esm/components/Pagination.js +35 -35
- package/dist/esm/components/Pagination.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +3 -0
- package/dist/esm/hooks/index.d.ts.map +1 -0
- package/dist/esm/hooks/index.js +3 -0
- package/dist/esm/hooks/index.js.map +1 -0
- package/dist/esm/hooks/useHashParams.d.ts +18 -0
- package/dist/esm/hooks/useHashParams.d.ts.map +1 -0
- package/dist/esm/hooks/useHashParams.js +67 -0
- package/dist/esm/hooks/useHashParams.js.map +1 -0
- package/dist/esm/hooks/usePaginationFromUrl.d.ts +6 -0
- package/dist/esm/hooks/usePaginationFromUrl.d.ts.map +1 -0
- package/dist/esm/hooks/usePaginationFromUrl.js +23 -0
- package/dist/esm/hooks/usePaginationFromUrl.js.map +1 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/stories/DataTable.stories.d.ts +2 -0
- package/dist/esm/stories/DataTable.stories.d.ts.map +1 -1
- package/dist/esm/stories/DataTable.stories.js +133 -105
- package/dist/esm/stories/DataTable.stories.js.map +1 -1
- package/dist/esm/stories/DropdownMenu.stories.d.ts.map +1 -1
- package/dist/esm/stories/DropdownMenu.stories.js +32 -31
- package/dist/esm/stories/DropdownMenu.stories.js.map +1 -1
- package/dist/esm/stories/Item.stories.d.ts.map +1 -1
- package/dist/esm/stories/Item.stories.js +8 -6
- package/dist/esm/stories/Item.stories.js.map +1 -1
- package/dist/esm/stories/Pagination.stories.d.ts +1 -0
- package/dist/esm/stories/Pagination.stories.d.ts.map +1 -1
- package/dist/esm/stories/Pagination.stories.js +25 -3
- package/dist/esm/stories/Pagination.stories.js.map +1 -1
- package/dist/sparkle.css +4 -0
- package/package.json +1 -1
- package/src/components/Breadcrumbs.tsx +11 -10
- package/src/components/DataTable.tsx +116 -81
- package/src/components/DropdownMenu.tsx +13 -13
- package/src/components/Item.tsx +20 -16
- package/src/components/PaginatedCitationsGrid.tsx +11 -6
- package/src/components/Pagination.tsx +48 -45
- package/src/hooks/index.ts +2 -0
- package/src/hooks/useHashParams.ts +95 -0
- package/src/hooks/usePaginationFromUrl.ts +36 -0
- package/src/index.ts +1 -0
- package/src/stories/DataTable.stories.tsx +200 -129
- package/src/stories/DropdownMenu.stories.tsx +43 -31
- package/src/stories/Item.stories.tsx +26 -6
- package/src/stories/Pagination.stories.tsx +38 -10
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import type { ComponentType } from "react";
|
|
2
2
|
import React from "react";
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
import { LinkProps } from "../components/Item";
|
|
4
|
+
interface BreadcrumbItem {
|
|
5
5
|
icon?: ComponentType<{
|
|
6
6
|
className?: string;
|
|
7
7
|
}>;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
label: string;
|
|
9
|
+
link?: LinkProps;
|
|
10
|
+
}
|
|
11
|
+
interface BreadcrumbProps {
|
|
11
12
|
items: BreadcrumbItem[];
|
|
12
|
-
}
|
|
13
|
+
}
|
|
13
14
|
export declare function Breadcrumbs({ items }: BreadcrumbProps): React.JSX.Element;
|
|
14
15
|
export {};
|
|
15
16
|
//# sourceMappingURL=Breadcrumbs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AASrD,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAOD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,qBA2ErD"}
|
|
@@ -25,12 +25,13 @@ export function Breadcrumbs(_a) {
|
|
|
25
25
|
return acc;
|
|
26
26
|
}, { itemsShown: [], itemsHidden: [] }), itemsShown = _b.itemsShown, itemsHidden = _b.itemsHidden;
|
|
27
27
|
return (React.createElement("div", { className: "gap-2 s-flex s-flex-row s-items-center" }, itemsShown.map(function (item, index) {
|
|
28
|
+
var _a;
|
|
28
29
|
return (React.createElement("div", { key: "breadcrumbs-".concat(index), className: "s-flex s-flex-row s-items-center s-gap-1" },
|
|
29
30
|
React.createElement(Icon, { visual: item.icon, className: "s-text-brand" }),
|
|
30
31
|
item.label === ELLIPSIS_STRING ? (React.createElement(DropdownMenu, null,
|
|
31
32
|
React.createElement(DropdownMenu.Button, null, ELLIPSIS_STRING),
|
|
32
|
-
React.createElement(DropdownMenu.Items, { origin: "topLeft" }, itemsHidden.map(function (item, index) { return (React.createElement(DropdownMenu.Item, { icon: item.icon, label: item.label,
|
|
33
|
-
React.createElement(Link, { href: item.href || "#", className: index === items.length - 1
|
|
33
|
+
React.createElement(DropdownMenu.Items, { origin: "topLeft" }, itemsHidden.map(function (item, index) { return (React.createElement(DropdownMenu.Item, { icon: item.icon, label: item.label, link: item.link, key: "breadcrumbs-hidden-".concat(index) }, truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_MIDDLE))); })))) : (React.createElement("div", null,
|
|
34
|
+
React.createElement(Link, { href: ((_a = item.link) === null || _a === void 0 ? void 0 : _a.href) || "#", className: index === items.length - 1
|
|
34
35
|
? "s-text-element-900"
|
|
35
36
|
: "s-text-element-700" }, index === items.length - 1
|
|
36
37
|
? truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_END)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ColumnDef, SortingFn, type SortingState } from "@tanstack/react-table";
|
|
1
|
+
import { type ColumnDef, PaginationState, SortingFn, type SortingState } from "@tanstack/react-table";
|
|
2
2
|
import React, { ReactNode } from "react";
|
|
3
3
|
import { DropdownItemProps } from "../components/DropdownMenu";
|
|
4
4
|
interface TBaseData {
|
|
@@ -10,15 +10,18 @@ interface ColumnBreakpoint {
|
|
|
10
10
|
}
|
|
11
11
|
interface DataTableProps<TData extends TBaseData> {
|
|
12
12
|
data: TData[];
|
|
13
|
+
totalRowCount?: number;
|
|
13
14
|
columns: ColumnDef<TData, any>[];
|
|
14
15
|
className?: string;
|
|
15
16
|
filter?: string;
|
|
16
17
|
filterColumn?: string;
|
|
18
|
+
pagination?: PaginationState;
|
|
19
|
+
setPagination?: (pagination: PaginationState) => void;
|
|
17
20
|
initialColumnOrder?: SortingState;
|
|
18
21
|
columnsBreakpoints?: ColumnBreakpoint;
|
|
19
22
|
sortingFn?: SortingFn<TData>;
|
|
20
23
|
}
|
|
21
|
-
export declare function DataTable<TData extends TBaseData>({ data, columns, className, filter, filterColumn, initialColumnOrder, columnsBreakpoints, }: DataTableProps<TData>): React.JSX.Element;
|
|
24
|
+
export declare function DataTable<TData extends TBaseData>({ data, totalRowCount, columns, className, filter, filterColumn, initialColumnOrder, columnsBreakpoints, pagination, setPagination, }: DataTableProps<TData>): React.JSX.Element;
|
|
22
25
|
export declare namespace DataTable {
|
|
23
26
|
var Root: ({ children, className, ...props }: DataTableRootProps) => React.JSX.Element;
|
|
24
27
|
var Header: ({ children, className, ...props }: HeaderProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAOd,eAAe,EACf,SAAS,EACT,KAAK,YAAY,EAGlB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG9D,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAC;AAU1C,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACrC;AAED,UAAU,gBAAgB;IACxB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACtD;AAED,UAAU,cAAc,CAAC,KAAK,SAAS,SAAS;IAC9C,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAClC,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;CAC9B;AAYD,wBAAgB,SAAS,CAAC,KAAK,SAAS,SAAS,EAAE,EACjD,IAAI,EACJ,aAAa,EACb,OAAO,EACP,SAAS,EACT,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,kBAAuB,EACvB,UAAU,EACV,aAAa,GACd,EAAE,cAAc,CAAC,KAAK,CAAC,qBAqIvB;yBAhJe,SAAS;;;;;;;;;;AAkJzB,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAiBD,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAiBD,UAAU,SAAU,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4BD,UAAU,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACrC;AAsCD,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAgBD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import { flexRender, getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
|
|
2
|
+
import { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
|
|
3
3
|
import React, { useEffect, useState } from "react";
|
|
4
4
|
import { Avatar } from "../components/Avatar";
|
|
5
5
|
import { DropdownMenu, } from "../components/DropdownMenu";
|
|
6
6
|
import { IconButton } from "../components/IconButton";
|
|
7
|
+
import { Pagination } from "../components/Pagination";
|
|
8
|
+
import { Tooltip } from "../components/Tooltip";
|
|
7
9
|
import { ArrowDownIcon, ArrowUpIcon, MoreIcon } from "../icons";
|
|
8
|
-
import { Tooltip } from "../index_with_tw_base";
|
|
9
10
|
import { classNames } from "../lib/utils";
|
|
10
11
|
import { Icon } from "./Icon";
|
|
11
12
|
import { breakpoints, useWindowSize } from "./WindowUtility";
|
|
@@ -16,22 +17,37 @@ function shouldRenderColumn(windowWidth, breakpoint) {
|
|
|
16
17
|
return windowWidth >= breakpoints[breakpoint];
|
|
17
18
|
}
|
|
18
19
|
export function DataTable(_a) {
|
|
19
|
-
var data = _a.data, columns = _a.columns, className = _a.className, filter = _a.filter, filterColumn = _a.filterColumn, initialColumnOrder = _a.initialColumnOrder, _b = _a.columnsBreakpoints, columnsBreakpoints = _b === void 0 ? {} : _b;
|
|
20
|
+
var data = _a.data, totalRowCount = _a.totalRowCount, columns = _a.columns, className = _a.className, filter = _a.filter, filterColumn = _a.filterColumn, initialColumnOrder = _a.initialColumnOrder, _b = _a.columnsBreakpoints, columnsBreakpoints = _b === void 0 ? {} : _b, pagination = _a.pagination, setPagination = _a.setPagination;
|
|
20
21
|
var windowSize = useWindowSize();
|
|
21
22
|
var _c = __read(useState(initialColumnOrder !== null && initialColumnOrder !== void 0 ? initialColumnOrder : []), 2), sorting = _c[0], setSorting = _c[1];
|
|
22
23
|
var _d = __read(useState([]), 2), columnFilters = _d[0], setColumnFilters = _d[1];
|
|
24
|
+
var isServerSidePagination = !!totalRowCount && totalRowCount > data.length;
|
|
25
|
+
var onPaginationChange = pagination && setPagination
|
|
26
|
+
? function (updater) {
|
|
27
|
+
var newValue = typeof updater === "function" ? updater(pagination) : updater;
|
|
28
|
+
setPagination(newValue);
|
|
29
|
+
}
|
|
30
|
+
: undefined;
|
|
23
31
|
var table = useReactTable({
|
|
24
32
|
data: data,
|
|
25
33
|
columns: columns,
|
|
34
|
+
rowCount: totalRowCount,
|
|
35
|
+
manualPagination: isServerSidePagination,
|
|
26
36
|
onSortingChange: setSorting,
|
|
27
37
|
getCoreRowModel: getCoreRowModel(),
|
|
28
38
|
getSortedRowModel: getSortedRowModel(),
|
|
29
39
|
getFilteredRowModel: getFilteredRowModel(),
|
|
40
|
+
getPaginationRowModel: pagination ? getPaginationRowModel() : undefined,
|
|
30
41
|
onColumnFiltersChange: setColumnFilters,
|
|
31
42
|
state: {
|
|
32
43
|
columnFilters: columnFilters,
|
|
33
|
-
sorting: sorting,
|
|
44
|
+
sorting: isServerSidePagination ? undefined : sorting,
|
|
45
|
+
pagination: pagination,
|
|
46
|
+
},
|
|
47
|
+
initialState: {
|
|
48
|
+
pagination: pagination,
|
|
34
49
|
},
|
|
50
|
+
onPaginationChange: onPaginationChange,
|
|
35
51
|
});
|
|
36
52
|
useEffect(function () {
|
|
37
53
|
var _a;
|
|
@@ -39,32 +55,35 @@ export function DataTable(_a) {
|
|
|
39
55
|
(_a = table.getColumn(filterColumn)) === null || _a === void 0 ? void 0 : _a.setFilterValue(filter);
|
|
40
56
|
}
|
|
41
57
|
}, [filter, filterColumn]);
|
|
42
|
-
return (React.createElement(
|
|
43
|
-
React.createElement(DataTable.
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
!
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
React.createElement(
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
!
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
58
|
+
return (React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
|
|
59
|
+
React.createElement(DataTable.Root, { className: className },
|
|
60
|
+
React.createElement(DataTable.Header, null, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(DataTable.Row, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
|
|
61
|
+
var breakpoint = columnsBreakpoints[header.id];
|
|
62
|
+
if (!windowSize.width ||
|
|
63
|
+
!shouldRenderColumn(windowSize.width, breakpoint)) {
|
|
64
|
+
return null;
|
|
65
|
+
}
|
|
66
|
+
return (React.createElement(DataTable.Head, { key: header.id, onClick: header.column.getToggleSortingHandler(), className: classNames(header.column.getCanSort() ? "s-cursor-pointer" : "") },
|
|
67
|
+
React.createElement("div", { className: "s-flex s-items-center s-space-x-1 s-whitespace-nowrap" },
|
|
68
|
+
flexRender(header.column.columnDef.header, header.getContext()),
|
|
69
|
+
header.column.getCanSort() && (React.createElement(Icon, { visual: header.column.getIsSorted() === "asc"
|
|
70
|
+
? ArrowUpIcon
|
|
71
|
+
: header.column.getIsSorted() === "desc"
|
|
72
|
+
? ArrowDownIcon
|
|
73
|
+
: ArrowDownIcon, size: "xs", className: classNames("s-ml-1", header.column.getIsSorted()
|
|
74
|
+
? "s-opacity-100"
|
|
75
|
+
: "s-opacity-0") })))));
|
|
76
|
+
}))); })),
|
|
77
|
+
React.createElement(DataTable.Body, null, table.getRowModel().rows.map(function (row) { return (React.createElement(DataTable.Row, { key: row.id, onClick: row.original.onClick, moreMenuItems: row.original.moreMenuItems }, row.getVisibleCells().map(function (cell) {
|
|
78
|
+
var breakpoint = columnsBreakpoints[cell.column.id];
|
|
79
|
+
if (!windowSize.width ||
|
|
80
|
+
!shouldRenderColumn(windowSize.width, breakpoint)) {
|
|
81
|
+
return null;
|
|
82
|
+
}
|
|
83
|
+
return (React.createElement(DataTable.Cell, { key: cell.id }, flexRender(cell.column.columnDef.cell, cell.getContext())));
|
|
84
|
+
}))); }))),
|
|
85
|
+
pagination && (React.createElement("div", { className: "s-p-1" },
|
|
86
|
+
React.createElement(Pagination, { pagination: table.getState().pagination, setPagination: table.setPagination, rowCount: table.getRowCount() })))));
|
|
68
87
|
}
|
|
69
88
|
DataTable.Root = function DataTableRoot(_a) {
|
|
70
89
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
@@ -87,9 +106,7 @@ DataTable.Row = function Row(_a) {
|
|
|
87
106
|
return (React.createElement("tr", __assign({ className: classNames("s-group/dt s-border-b s-border-structure-200 s-text-sm s-transition-colors s-duration-300 s-ease-out", onClick ? "s-cursor-pointer hover:s-bg-structure-50" : "", className || ""), onClick: onClick ? onClick : undefined }, props),
|
|
88
107
|
children,
|
|
89
108
|
React.createElement("td", { className: "s-w-1 s-cursor-pointer s-pl-1 s-text-element-600" }, moreMenuItems && moreMenuItems.length > 0 && (React.createElement(DropdownMenu, { className: "s-mr-1.5 s-flex" },
|
|
90
|
-
React.createElement(DropdownMenu.Button,
|
|
91
|
-
e.stopPropagation();
|
|
92
|
-
} },
|
|
109
|
+
React.createElement(DropdownMenu.Button, null,
|
|
93
110
|
React.createElement(IconButton, { icon: MoreIcon, size: "sm", variant: "tertiary" })),
|
|
94
111
|
React.createElement(DropdownMenu.Items, { origin: "topRight", width: 220 }, moreMenuItems === null || moreMenuItems === void 0 ? void 0 : moreMenuItems.map(function (item, index) { return (React.createElement(DropdownMenu.Item, __assign({ key: index }, item))); })))))));
|
|
95
112
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import React, { ComponentType, JSXElementConstructor, MouseEvent,
|
|
1
|
+
import React, { ComponentType, JSXElementConstructor, MouseEvent, ReactElement } from "react";
|
|
2
|
+
import { LinkProps } from "./Item";
|
|
2
3
|
import { TooltipProps } from "./Tooltip";
|
|
3
4
|
export interface DropdownMenuProps {
|
|
4
5
|
className?: string;
|
|
@@ -8,8 +9,8 @@ export interface DropdownMenuProps {
|
|
|
8
9
|
}
|
|
9
10
|
export declare function DropdownMenu({ children, className }: DropdownMenuProps): React.JSX.Element;
|
|
10
11
|
export declare namespace DropdownMenu {
|
|
11
|
-
var Button: ({ label, type, size, tooltip, icon, children, tooltipPosition, className, disabled,
|
|
12
|
-
var Item: ({ variant, label, description,
|
|
12
|
+
var Button: ({ label, type, size, tooltip, icon, children, tooltipPosition, className, disabled, }: DropdownButtonProps) => React.JSX.Element;
|
|
13
|
+
var Item: ({ variant, label, description, link, disabled, visual, icon, onClick, hasChildren, children, selected, }: DropdownItemProps) => React.JSX.Element;
|
|
13
14
|
var SectionHeader: ({ label }: DropdownSectionHeaderProps) => React.JSX.Element;
|
|
14
15
|
var Items: ({ origin, width, marginLeft, children, topBar, bottomBar, onKeyDown, overflow, variant, }: DropdownItemsProps) => React.JSX.Element;
|
|
15
16
|
}
|
|
@@ -23,20 +24,19 @@ export interface DropdownButtonProps {
|
|
|
23
24
|
className?: string;
|
|
24
25
|
disabled?: boolean;
|
|
25
26
|
children?: React.ReactNode;
|
|
26
|
-
onClick?: MouseEventHandler;
|
|
27
27
|
}
|
|
28
28
|
export interface DropdownItemProps {
|
|
29
|
-
|
|
30
|
-
label: string;
|
|
29
|
+
children?: React.ReactNode;
|
|
31
30
|
description?: string;
|
|
32
|
-
href?: string;
|
|
33
31
|
disabled?: boolean;
|
|
34
|
-
|
|
32
|
+
hasChildren?: boolean;
|
|
35
33
|
icon?: ComponentType;
|
|
34
|
+
label: string;
|
|
35
|
+
link?: LinkProps;
|
|
36
36
|
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
37
37
|
selected?: boolean;
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
variant?: "default" | "warning";
|
|
39
|
+
visual?: string | React.ReactNode;
|
|
40
40
|
}
|
|
41
41
|
interface DropdownSectionHeaderProps {
|
|
42
42
|
label: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,qBAAqB,EACrB,UAAU,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,qBAAqB,EACrB,UAAU,EAEV,YAAY,EAKb,MAAM,OAAO,CAAC;AAUf,OAAO,EAAwB,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AA8ClD,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,EACA,KAAK,GACN,EAAE;QACD,KAAK,EAAE,MAAM,IAAI,CAAC;KACnB,KAAK,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CAC3E;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,iBAAiB,qBAY3E;yBAZe,YAAY;;;;;;AAc5B,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAkID,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACnC;AA8CD,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAmBD,KAAK,gBAAgB,GAAG,SAAS,GAAG,YAAY,CAAC;AAejD,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B"}
|
|
@@ -51,13 +51,13 @@ export function DropdownMenu(_a) {
|
|
|
51
51
|
React.createElement(Menu, { as: "div", className: classNames(className, "s-relative s-inline-block") }, children)));
|
|
52
52
|
}
|
|
53
53
|
DropdownMenu.Button = function (_a) {
|
|
54
|
-
var label = _a.label, _b = _a.type, type = _b === void 0 ? "menu" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, tooltip = _a.tooltip, icon = _a.icon, children = _a.children, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f
|
|
54
|
+
var label = _a.label, _b = _a.type, type = _b === void 0 ? "menu" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, tooltip = _a.tooltip, icon = _a.icon, children = _a.children, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f;
|
|
55
55
|
var finalLabelClasses = classNames(labelClasses.base, labelSizeClasses[size], labelClasses.dark.base, !disabled ? labelClasses.active : "", !disabled ? labelClasses.dark.active : "", !disabled ? labelClasses.hover : "", !disabled ? labelClasses.dark.hover : "", disabled ? labelClasses.disabled : "");
|
|
56
56
|
var finalIconClasses = classNames(iconClasses.base, iconClasses.dark.base, !disabled ? iconClasses.hover : "", !disabled ? iconClasses.dark.hover : "", disabled ? iconClasses.disabled : "");
|
|
57
57
|
var finalChevronClasses = classNames(chevronClasses.base, !disabled ? chevronClasses.hover : "", chevronClasses.dark.base, !disabled ? chevronClasses.dark.hover : "", disabled ? chevronClasses.disabled : "");
|
|
58
58
|
var buttonRef = useContext(ButtonRefContext);
|
|
59
59
|
if (children) {
|
|
60
|
-
return (React.createElement(Menu.Button, { as: "div", disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group/dm s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? "s-gap-1.5" : "s-gap-0"), onClick:
|
|
60
|
+
return (React.createElement(Menu.Button, { as: "div", disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group/dm s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? "s-gap-1.5" : "s-gap-0"), onClick: function (e) { return e.stopPropagation(); } }, tooltip ? (React.createElement(Tooltip, { position: tooltipPosition, label: tooltip }, children)) : (children)));
|
|
61
61
|
}
|
|
62
62
|
var chevronIcon = type === "select"
|
|
63
63
|
? ChevronUpDownIcon
|
|
@@ -65,20 +65,20 @@ DropdownMenu.Button = function (_a) {
|
|
|
65
65
|
? ChevronRightIcon
|
|
66
66
|
: ChevronDownIcon;
|
|
67
67
|
return (React.createElement(React.Fragment, null, tooltip ? (React.createElement(Tooltip, { label: tooltip, position: tooltipPosition },
|
|
68
|
-
React.createElement(Menu.Button, { disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group/dm s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? (size === "md" ? "s-gap-2" : "s-gap-1.5") : "s-gap-0.5") },
|
|
68
|
+
React.createElement(Menu.Button, { disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group/dm s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? (size === "md" ? "s-gap-2" : "s-gap-1.5") : "s-gap-0.5"), onClick: function (e) { return e.stopPropagation(); } },
|
|
69
69
|
React.createElement(Icon, { visual: icon, size: size, className: finalIconClasses }),
|
|
70
|
-
React.createElement(Icon, { visual: chevronIcon, size: size === "sm" ? "xs" : "sm", className: finalChevronClasses })))) : (React.createElement(Menu.Button, { disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group/dm s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? (size === "md" ? "s-gap-2" : "s-gap-1.5") : "s-gap-0.5", type === "submenu" ? "s-opacity-50" : "") },
|
|
70
|
+
React.createElement(Icon, { visual: chevronIcon, size: size === "sm" ? "xs" : "sm", className: finalChevronClasses })))) : (React.createElement(Menu.Button, { disabled: disabled, ref: buttonRef, className: classNames(disabled ? "s-cursor-default" : "s-cursor-pointer", className, "s-group/dm s-flex s-justify-items-center s-text-sm s-font-medium focus:s-outline-none focus:s-ring-0", label ? (size === "md" ? "s-gap-2" : "s-gap-1.5") : "s-gap-0.5", type === "submenu" ? "s-opacity-50" : ""), onClick: function (e) { return e.stopPropagation(); } },
|
|
71
71
|
React.createElement(Icon, { visual: icon, size: size, className: finalIconClasses }),
|
|
72
72
|
React.createElement("span", { className: classNames(finalLabelClasses, type === "submenu" ? "s-w-full" : "") }, label),
|
|
73
73
|
React.createElement(Icon, { visual: chevronIcon, size: size === "sm" ? "xs" : "sm", className: finalChevronClasses })))));
|
|
74
74
|
};
|
|
75
75
|
DropdownMenu.Item = function (_a) {
|
|
76
|
-
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, label = _a.label, description = _a.description,
|
|
76
|
+
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, label = _a.label, description = _a.description, link = _a.link, disabled = _a.disabled, visual = _a.visual, icon = _a.icon, onClick = _a.onClick, hasChildren = _a.hasChildren, children = _a.children, _c = _a.selected, selected = _c === void 0 ? false : _c;
|
|
77
77
|
return (
|
|
78
78
|
// need to use as="div" -- otherwise we get a "forwardRef" error in the console
|
|
79
79
|
React.createElement(Menu.Item, { disabled: disabled, as: "div" }, hasChildren ? (React.createElement(DropdownMenu, { className: "s-w-full s-gap-x-2 s-py-2" },
|
|
80
80
|
React.createElement(DropdownMenu.Button, { className: "s-w-full", disabled: disabled, label: label, type: "submenu" }),
|
|
81
|
-
children)) : (React.createElement(StandardItem.Dropdown, { className: "s-w-full", description: description, disabled: disabled,
|
|
81
|
+
children)) : (React.createElement(StandardItem.Dropdown, { className: "s-w-full", description: description, disabled: disabled, link: link, icon: icon, label: label, onClick: onClick, selected: selected, style: variant, visual: visual }))));
|
|
82
82
|
};
|
|
83
83
|
DropdownMenu.SectionHeader = function (_a) {
|
|
84
84
|
var label = _a.label;
|
|
@@ -164,7 +164,7 @@ DropdownMenu.Items = function (_a) {
|
|
|
164
164
|
return style;
|
|
165
165
|
};
|
|
166
166
|
return (React.createElement(Transition, { as: Fragment, enter: "s-transition s-ease-out s-duration-200", enterFrom: getOriginTransClass(origin), enterTo: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leave: "s-transition s-ease-in s-duration-75", leaveFrom: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leaveTo: getOriginTransClass(origin) },
|
|
167
|
-
React.createElement(Menu.Items, { onKeyDown: onKeyDown, className: classNames("s-absolute s-z-10", getOriginClass(origin), "s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), style: styleInsert(origin, marginLeft) },
|
|
167
|
+
React.createElement(Menu.Items, { onKeyDown: onKeyDown, className: classNames("s-absolute s-z-10", getOriginClass(origin), "s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), onClick: function (e) { return e.stopPropagation(); }, style: styleInsert(origin, marginLeft) },
|
|
168
168
|
topBar,
|
|
169
169
|
React.createElement("div", { className: classNames(classNamesForVariant(variant, hasDropdownItem), getOverflowClass(overflow)) },
|
|
170
170
|
React.createElement(StandardItem.List, null, children)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/components/DropdownMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,EAEZ,QAAQ,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/components/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
import React, { ComponentType, MouseEvent, ReactNode } from "react";
|
|
2
|
-
|
|
2
|
+
export interface LinkProps {
|
|
3
|
+
href: string;
|
|
4
|
+
target?: string;
|
|
5
|
+
}
|
|
6
|
+
interface ItemProps {
|
|
7
|
+
action?: ComponentType;
|
|
8
|
+
className?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
hasAction?: boolean | "hover";
|
|
12
|
+
icon?: ComponentType;
|
|
13
|
+
label: string;
|
|
14
|
+
link?: LinkProps;
|
|
3
15
|
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
4
|
-
style: "action" | "warning" | "item" | "link";
|
|
5
|
-
spacing?: "sm" | "md" | "lg";
|
|
6
16
|
selectable?: boolean;
|
|
7
17
|
selected?: boolean;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
description?: string;
|
|
18
|
+
spacing?: "sm" | "md" | "lg";
|
|
19
|
+
style: "action" | "warning" | "item" | "link";
|
|
11
20
|
visual?: string | React.ReactNode;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
hasAction?: boolean | "hover";
|
|
15
|
-
className?: string;
|
|
16
|
-
href?: string;
|
|
17
|
-
target?: string;
|
|
18
|
-
};
|
|
19
|
-
export declare function Item({ label, description, visual, icon, style, spacing, action, hasAction, onClick, selected, disabled, className, href, target, }: ItemProps): React.JSX.Element;
|
|
21
|
+
}
|
|
22
|
+
export declare function Item({ label, description, visual, icon, style, spacing, action, hasAction, onClick, selected, disabled, className, link, }: ItemProps): React.JSX.Element;
|
|
20
23
|
export declare namespace Item {
|
|
21
24
|
var Entry: (props: EntryItemProps) => React.JSX.Element;
|
|
22
25
|
var Avatar: ({ description, hasAction, ...otherProps }: AvatarItemProps) => React.JSX.Element;
|
|
@@ -78,7 +81,7 @@ interface DropdownListItemProps {
|
|
|
78
81
|
visual?: string | React.ReactNode;
|
|
79
82
|
icon?: ComponentType;
|
|
80
83
|
className?: string;
|
|
81
|
-
|
|
84
|
+
link?: LinkProps;
|
|
82
85
|
}
|
|
83
86
|
interface ListItemProps {
|
|
84
87
|
children: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA4CpE,
|
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/Item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,8 +29,9 @@ var iconClasses = {
|
|
|
29
29
|
warning: "s-text-warning-400 group-hover/item:s-text-warning-300 group-active/item:s-text-warning-700 dark:group-hover/item:s-text-warning-600-dark dark:group-active/item:s-text-warning-400-dark",
|
|
30
30
|
};
|
|
31
31
|
export function Item(_a) {
|
|
32
|
-
var label = _a.label, description = _a.description, visual = _a.visual, icon = _a.icon, _b = _a.style, style = _b === void 0 ? "action" : _b, _c = _a.spacing, spacing = _c === void 0 ? "sm" : _c, _d = _a.action, action = _d === void 0 ? ChevronRightIcon : _d, _e = _a.hasAction, hasAction = _e === void 0 ? true : _e, onClick = _a.onClick, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? "" : _h,
|
|
32
|
+
var label = _a.label, description = _a.description, visual = _a.visual, icon = _a.icon, _b = _a.style, style = _b === void 0 ? "action" : _b, _c = _a.spacing, spacing = _c === void 0 ? "sm" : _c, _d = _a.action, action = _d === void 0 ? ChevronRightIcon : _d, _e = _a.hasAction, hasAction = _e === void 0 ? true : _e, onClick = _a.onClick, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? "" : _h, link = _a.link;
|
|
33
33
|
var components = React.useContext(SparkleContext).components;
|
|
34
|
+
var _j = link || {}, href = _j.href, target = _j.target;
|
|
34
35
|
var Link = href ? components.link : noHrefLink;
|
|
35
36
|
var visualElement;
|
|
36
37
|
if (visual) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../src/components/Item.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EACL,UAAU,EACV,cAAc,GAEf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,IAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,iBAAiB;IACzB,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAEF,IAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,mNAAmN;IACzN,MAAM,EACJ,mNAAmN;IACrN,IAAI,EAAE,mNAAmN;IACzN,OAAO,EACL,uNAAuN;CAC1N,CAAC;AAEF,IAAM,cAAc,GAAG;IACrB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,kBAAkB;CACvB,CAAC;AAEF,IAAM,WAAW,GAAG;IAClB,IAAI,EAAE,sLAAsL;IAC5L,MAAM,EACJ,sLAAsL;IACxL,IAAI,EAAE,gLAAgL;IACtL,OAAO,EACL,0LAA0L;CAC7L,CAAC;
|
|
1
|
+
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../src/components/Item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedCitationsGrid.d.ts","sourceRoot":"","sources":["../../../src/components/PaginatedCitationsGrid.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PaginatedCitationsGrid.d.ts","sourceRoot":"","sources":["../../../src/components/PaginatedCitationsGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAItE,UAAU,YAAY;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,2BAA2B;IACnC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;CACnC;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,eAAmB,GACpB,EAAE,2BAA2B,4BA2D7B"}
|
|
@@ -6,21 +6,25 @@ import { Pagination } from "../components/Pagination";
|
|
|
6
6
|
import { classNames } from "../lib/utils";
|
|
7
7
|
export function PaginatedCitationsGrid(_a) {
|
|
8
8
|
var items = _a.items, _b = _a.maxItemsPerPage, maxItemsPerPage = _b === void 0 ? 9 : _b;
|
|
9
|
-
var _c = __read(useState(
|
|
9
|
+
var _c = __read(useState({
|
|
10
|
+
pageIndex: 0,
|
|
11
|
+
pageSize: maxItemsPerPage,
|
|
12
|
+
}), 2), pagination = _c[0], setPagination = _c[1];
|
|
10
13
|
var cols = 3;
|
|
11
14
|
var rows = Math.ceil(Math.min(maxItemsPerPage, items.length) / cols);
|
|
12
15
|
if (items.length === 0) {
|
|
13
16
|
return null;
|
|
14
17
|
}
|
|
18
|
+
var pageIndex = pagination.pageIndex, pageSize = pagination.pageSize;
|
|
15
19
|
// Calculate start index.
|
|
16
|
-
var startIndex =
|
|
20
|
+
var startIndex = pageIndex * pageSize;
|
|
17
21
|
// Slice items for current page.
|
|
18
|
-
var paginatedItems = items.slice(startIndex, startIndex +
|
|
22
|
+
var paginatedItems = items.slice(startIndex, startIndex + pageSize);
|
|
19
23
|
return (React.createElement("div", { className: "s-flex s-w-full s-flex-col" },
|
|
20
24
|
React.createElement("div", { className: classNames("s-grid s-w-full s-gap-2 s-overflow-x-hidden s-py-1", "s-grid-cols-".concat(cols), "s-grid-rows-".concat(rows)) }, paginatedItems.map(function (d, idx) {
|
|
21
25
|
return (React.createElement(Citation, { size: "xs", sizing: "fluid", key: idx, description: d.description, href: d.href, title: d.title, type: d.type }));
|
|
22
26
|
})),
|
|
23
27
|
React.createElement("div", { className: classNames("s-pt-3", items.length > maxItemsPerPage ? "s-visible" : "s-collapse") },
|
|
24
|
-
React.createElement(Pagination, {
|
|
28
|
+
React.createElement(Pagination, { rowCount: items.length, pagination: pagination, setPagination: setPagination, size: "xs", showDetails: false, showPageButtons: false }))));
|
|
25
29
|
}
|
|
26
30
|
//# sourceMappingURL=PaginatedCitationsGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedCitationsGrid.js","sourceRoot":"","sources":["../../../src/components/PaginatedCitationsGrid.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"PaginatedCitationsGrid.js","sourceRoot":"","sources":["../../../src/components/PaginatedCitationsGrid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAgB,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAchD,MAAM,UAAU,sBAAsB,CAAC,EAGT;QAF5B,KAAK,WAAA,EACL,uBAAmB,EAAnB,eAAe,mBAAG,CAAC,KAAA;IAEb,IAAA,KAAA,OAA8B,QAAQ,CAAkB;QAC5D,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,eAAe;KAC1B,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACH,IAAM,IAAI,GAAG,CAAC,CAAC;IACf,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;IAEvE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,IAAA,SAAS,GAAe,UAAU,UAAzB,EAAE,QAAQ,GAAK,UAAU,SAAf,CAAgB;IAC3C,yBAAyB;IACzB,IAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC,gCAAgC;IAChC,IAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAC;IAEtE,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BACE,SAAS,EAAE,UAAU,CACnB,oDAAoD,EACpD,sBAAe,IAAI,CAAE,EACrB,sBAAe,IAAI,CAAE,CACtB,IAEA,cAAc,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,GAAG;YACzB,OAAO,CACL,oBAAC,QAAQ,IACP,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,OAAO,EACd,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,CAAC,CAAC,WAAW,EAC1B,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,IAAI,EAAE,CAAC,CAAC,IAAI,GACZ,CACH,CAAC;QACJ,CAAC,CAAC,CACE;QAEN,6BACE,SAAS,EAAE,UAAU,CACnB,QAAQ,EACR,KAAK,CAAC,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAC5D;YAED,oBAAC,UAAU,IACT,QAAQ,EAAE,KAAK,CAAC,MAAM,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,KAAK,EAClB,eAAe,EAAE,KAAK,GACtB,CACE,CACF,CACP,CAAC;AACJ,CAAC"}
|