@caspeco/casper-ui-library 7.4.0 → 7.6.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/components/table/table-context-provider.d.ts +4 -2
- package/dist/components/table/table-context-provider.d.ts.map +1 -1
- package/dist/components/table/table-context-provider.js +81 -79
- package/dist/components/table/table-header-row.d.ts.map +1 -1
- package/dist/components/table/table-header-row.js +121 -49
- package/dist/components/table/table.d.ts +1 -1
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/table/table.js +10 -8
- package/dist/components/table/translations.d.ts +28 -0
- package/dist/components/table/translations.d.ts.map +1 -1
- package/dist/components/table/translations.js +30 -6
- package/dist/components/table/types.d.ts +7 -0
- package/dist/components/table/types.d.ts.map +1 -1
- package/dist/components/toggle-button/toggle-button.d.ts +1 -1
- package/dist/components/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/toggle-button/toggle-button.js +7 -5
- package/dist/components/toggle-button/types.d.ts +21 -4
- package/dist/components/toggle-button/types.d.ts.map +1 -1
- package/dist/components/toggle-button/use-button-children.d.ts +9 -0
- package/dist/components/toggle-button/use-button-children.d.ts.map +1 -0
- package/dist/components/toggle-button/use-button-children.js +27 -0
- package/dist/node_modules/@tanstack/react-table/build/lib/index.js +0 -10
- package/dist/node_modules/@tanstack/table-core/build/lib/index.js +0 -10
- package/package.json +8 -8
|
@@ -2,7 +2,7 @@ import { ColumnDef, ExpandedState, Row, RowSelectionState, SortingState, Table,
|
|
|
2
2
|
import { PropsWithChildren } from 'react';
|
|
3
3
|
import { MenuList } from '../menu/index.js';
|
|
4
4
|
import { Locales } from './translations.js';
|
|
5
|
-
import { TableData, TableRow } from './types.js';
|
|
5
|
+
import { SelectionAction, TableData, TableRow } from './types.js';
|
|
6
6
|
export interface TableFilterMethods {
|
|
7
7
|
onToggleFilterVisibility: (columnId: string) => void;
|
|
8
8
|
canFilterOnColumn: (columnId: string) => boolean;
|
|
@@ -29,6 +29,7 @@ interface TableProviderInterface<TData extends TableData> extends PropsWithChild
|
|
|
29
29
|
onSelectionChange?: (selectedRowIds: string[]) => void;
|
|
30
30
|
initialSelectionState?: string[];
|
|
31
31
|
selectionState?: string[];
|
|
32
|
+
selectionActions?: SelectionAction[];
|
|
32
33
|
}
|
|
33
34
|
export interface TableContextInterface<TData extends TableData = TableData> {
|
|
34
35
|
data: TableRow<TData>[];
|
|
@@ -61,7 +62,8 @@ export interface TableContextInterface<TData extends TableData = TableData> {
|
|
|
61
62
|
canSelectRows: boolean;
|
|
62
63
|
setSelectedRowIds: React.Dispatch<React.SetStateAction<string[]>>;
|
|
63
64
|
selectedRowIds?: string[] | undefined;
|
|
65
|
+
selectionActions?: SelectionAction[];
|
|
64
66
|
}
|
|
65
|
-
export declare const TableProvider: <TData extends TableData>({ data, columns, children, expandedState, localeString, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, getRowId, getRowActions, onBreakingContentChange, id, customRowIndication, onSortingChange, initialSortingState, sortingState, selectionState, initialSelectionState, onSelectionChange, }: TableProviderInterface<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
67
|
+
export declare const TableProvider: <TData extends TableData>({ data, columns, children, expandedState, localeString, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, getRowId, getRowActions, onBreakingContentChange, id, customRowIndication, onSortingChange, initialSortingState, sortingState, selectionState, initialSelectionState, onSelectionChange, selectionActions, }: TableProviderInterface<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
66
68
|
export {};
|
|
67
69
|
//# sourceMappingURL=table-context-provider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-context-provider.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-context-provider.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,SAAS,EACd,KAAK,aAAa,EAKlB,KAAK,GAAG,EACR,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,KAAK,EAGV,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,iBAAiB,EAAoC,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"table-context-provider.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-context-provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,127 +1,129 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as _ } from "react/jsx-runtime";
|
|
2
2
|
import { useControllableState as s } from "@chakra-ui/react";
|
|
3
|
-
import { useReactTable as
|
|
4
|
-
import { useState as d, useCallback as o, useEffect as
|
|
5
|
-
import { TableContext as
|
|
6
|
-
import { getFilteredRowModel as
|
|
7
|
-
const
|
|
3
|
+
import { useReactTable as $ } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
|
|
4
|
+
import { useState as d, useCallback as o, useEffect as A } from "react";
|
|
5
|
+
import { TableContext as I } from "./table-context.js";
|
|
6
|
+
import { getFilteredRowModel as O, getSortedRowModel as ee, getExpandedRowModel as te, getCoreRowModel as oe } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
|
|
7
|
+
const de = ({
|
|
8
8
|
data: u,
|
|
9
|
-
columns:
|
|
10
|
-
children:
|
|
11
|
-
expandedState:
|
|
12
|
-
localeString:
|
|
13
|
-
initialExpandedState:
|
|
14
|
-
initialBreakingContentState:
|
|
15
|
-
initialColumnVisibilityState:
|
|
16
|
-
columnVisibilityState:
|
|
17
|
-
onColumnVisibilityChange:
|
|
18
|
-
onExpandedChange:
|
|
9
|
+
columns: y,
|
|
10
|
+
children: F,
|
|
11
|
+
expandedState: T,
|
|
12
|
+
localeString: V,
|
|
13
|
+
initialExpandedState: g = {},
|
|
14
|
+
initialBreakingContentState: b = {},
|
|
15
|
+
initialColumnVisibilityState: E = {},
|
|
16
|
+
columnVisibilityState: k,
|
|
17
|
+
onColumnVisibilityChange: H,
|
|
18
|
+
onExpandedChange: c,
|
|
19
19
|
getRowId: f,
|
|
20
|
-
getRowActions:
|
|
21
|
-
onBreakingContentChange:
|
|
22
|
-
id:
|
|
20
|
+
getRowActions: P,
|
|
21
|
+
onBreakingContentChange: j,
|
|
22
|
+
id: q,
|
|
23
23
|
customRowIndication: i,
|
|
24
24
|
onSortingChange: w,
|
|
25
|
-
initialSortingState:
|
|
25
|
+
initialSortingState: z = [],
|
|
26
26
|
sortingState: h,
|
|
27
|
-
selectionState:
|
|
28
|
-
initialSelectionState:
|
|
29
|
-
onSelectionChange: m
|
|
27
|
+
selectionState: B,
|
|
28
|
+
initialSelectionState: D = [],
|
|
29
|
+
onSelectionChange: m,
|
|
30
|
+
selectionActions: C
|
|
30
31
|
}) => {
|
|
31
32
|
const [l, a] = s({
|
|
32
|
-
value:
|
|
33
|
-
onChange:
|
|
34
|
-
defaultValue:
|
|
35
|
-
}), [n,
|
|
36
|
-
value:
|
|
37
|
-
onChange:
|
|
38
|
-
defaultValue:
|
|
39
|
-
}), [
|
|
33
|
+
value: T,
|
|
34
|
+
onChange: c,
|
|
35
|
+
defaultValue: g
|
|
36
|
+
}), [n, R] = s({
|
|
37
|
+
value: k,
|
|
38
|
+
onChange: H,
|
|
39
|
+
defaultValue: E
|
|
40
|
+
}), [S, M] = s({
|
|
40
41
|
value: h,
|
|
41
42
|
onChange: w,
|
|
42
|
-
defaultValue:
|
|
43
|
-
}), [
|
|
44
|
-
value:
|
|
43
|
+
defaultValue: z
|
|
44
|
+
}), [G, J] = s({
|
|
45
|
+
value: B,
|
|
45
46
|
onChange: m,
|
|
46
|
-
defaultValue:
|
|
47
|
-
}), [
|
|
48
|
-
|
|
49
|
-
), [
|
|
50
|
-
|
|
51
|
-
}), []),
|
|
52
|
-
|
|
47
|
+
defaultValue: D
|
|
48
|
+
}), [K, L] = d(
|
|
49
|
+
b || {}
|
|
50
|
+
), [p, r] = d({}), [v, x] = d(null), N = o((e) => (x(e), () => {
|
|
51
|
+
x(null);
|
|
52
|
+
}), []), Q = o(() => v, [v]);
|
|
53
|
+
A(() => {
|
|
53
54
|
i && r(i);
|
|
54
55
|
}, [i, r]);
|
|
55
|
-
const
|
|
56
|
+
const U = o(
|
|
56
57
|
(e) => {
|
|
57
58
|
let t;
|
|
58
|
-
typeof e == "function" ? t = e(n) : t = e,
|
|
59
|
+
typeof e == "function" ? t = e(n) : t = e, R(t);
|
|
59
60
|
},
|
|
60
|
-
[n,
|
|
61
|
-
),
|
|
61
|
+
[n, R]
|
|
62
|
+
), W = o(
|
|
62
63
|
(e) => {
|
|
63
64
|
let t;
|
|
64
65
|
typeof e == "function" ? t = e(l) : t = e, a(t);
|
|
65
66
|
},
|
|
66
67
|
[l, a]
|
|
67
|
-
),
|
|
68
|
+
), X = o(
|
|
68
69
|
(e) => {
|
|
69
|
-
|
|
70
|
+
M(e);
|
|
70
71
|
},
|
|
71
|
-
[
|
|
72
|
-
),
|
|
73
|
-
columns:
|
|
72
|
+
[M]
|
|
73
|
+
), Y = $({
|
|
74
|
+
columns: y,
|
|
74
75
|
data: u,
|
|
75
|
-
getCoreRowModel:
|
|
76
|
-
getExpandedRowModel:
|
|
77
|
-
getSortedRowModel:
|
|
78
|
-
getFilteredRowModel:
|
|
79
|
-
onColumnVisibilityChange:
|
|
80
|
-
onExpandedChange:
|
|
76
|
+
getCoreRowModel: oe(),
|
|
77
|
+
getExpandedRowModel: te(),
|
|
78
|
+
getSortedRowModel: ee(),
|
|
79
|
+
getFilteredRowModel: O(),
|
|
80
|
+
onColumnVisibilityChange: U,
|
|
81
|
+
onExpandedChange: W,
|
|
81
82
|
getSubRows: (e) => e.subRows,
|
|
82
83
|
getRowId: f,
|
|
83
84
|
enableSubRowSelection: !0,
|
|
84
85
|
enableMultiRowSelection: !1,
|
|
85
86
|
enableRowSelection: !0,
|
|
86
87
|
state: {
|
|
87
|
-
sorting:
|
|
88
|
+
sorting: S,
|
|
88
89
|
columnVisibility: n,
|
|
89
90
|
expanded: l,
|
|
90
|
-
rowSelection:
|
|
91
|
+
rowSelection: p
|
|
91
92
|
},
|
|
92
93
|
manualSorting: h !== void 0
|
|
93
|
-
}),
|
|
94
|
+
}), Z = {
|
|
94
95
|
data: u,
|
|
95
|
-
table:
|
|
96
|
-
initialExpandedState:
|
|
97
|
-
initialBreakingContentState:
|
|
98
|
-
localeString:
|
|
99
|
-
onExpandedChange:
|
|
96
|
+
table: Y,
|
|
97
|
+
initialExpandedState: g,
|
|
98
|
+
initialBreakingContentState: b,
|
|
99
|
+
localeString: V,
|
|
100
|
+
onExpandedChange: c,
|
|
100
101
|
expanded: l,
|
|
101
|
-
sorting:
|
|
102
|
-
setSorting:
|
|
102
|
+
sorting: S,
|
|
103
|
+
setSorting: X,
|
|
103
104
|
setExpanded: a,
|
|
104
105
|
getRowId: f,
|
|
105
|
-
getRowActions:
|
|
106
|
-
breakingContentState:
|
|
107
|
-
setBreakingContentState:
|
|
108
|
-
onBreakingContentChange:
|
|
109
|
-
id:
|
|
106
|
+
getRowActions: P,
|
|
107
|
+
breakingContentState: K,
|
|
108
|
+
setBreakingContentState: L,
|
|
109
|
+
onBreakingContentChange: j,
|
|
110
|
+
id: q,
|
|
110
111
|
setRowHighlight: r,
|
|
111
|
-
rowHighlight:
|
|
112
|
+
rowHighlight: p,
|
|
112
113
|
columnVisibility: n,
|
|
113
114
|
onSortingChange: w,
|
|
114
|
-
registerTableFilter:
|
|
115
|
-
getTableFilterMethods:
|
|
116
|
-
canSelectRows: m !== void 0,
|
|
117
|
-
setSelectedRowIds:
|
|
118
|
-
selectedRowIds:
|
|
115
|
+
registerTableFilter: N,
|
|
116
|
+
getTableFilterMethods: Q,
|
|
117
|
+
canSelectRows: m !== void 0 || C !== void 0,
|
|
118
|
+
setSelectedRowIds: J,
|
|
119
|
+
selectedRowIds: G,
|
|
120
|
+
selectionActions: C
|
|
119
121
|
};
|
|
120
122
|
return (
|
|
121
123
|
// This is correct but there's no easy way to type the context statically with generics
|
|
122
|
-
/* @__PURE__ */
|
|
124
|
+
/* @__PURE__ */ _(I.Provider, { value: Z, children: F })
|
|
123
125
|
);
|
|
124
126
|
};
|
|
125
127
|
export {
|
|
126
|
-
|
|
128
|
+
de as TableProvider
|
|
127
129
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAYlF,OAAO,KAAK,EAAmB,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpE,KAAK,mBAAmB,CAAC,KAAK,SAAS,SAAS,IAAI;IACnD,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,KAAK,SAAS,SAAS,EAAE,2CAGvD,mBAAmB,CAAC,KAAK,CAAC,4CA0F5B,CAAC;AAoJF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}
|
|
@@ -1,45 +1,74 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Tr as
|
|
3
|
-
import { flexRender as
|
|
4
|
-
import { memo as
|
|
5
|
-
import { useTableContext as
|
|
6
|
-
import { TableHeaderDropdown as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import { jsx as e, Fragment as h, jsxs as S } from "react/jsx-runtime";
|
|
2
|
+
import { Tr as B, Th as C, useMediaQuery as R, Portal as v } from "@chakra-ui/react";
|
|
3
|
+
import { flexRender as M } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
|
|
4
|
+
import { memo as T, useCallback as w, useMemo as y } from "react";
|
|
5
|
+
import { useTableContext as u } from "./table-context.js";
|
|
6
|
+
import { TableHeaderDropdown as A } from "./table-header-dropdown.js";
|
|
7
|
+
import { translations as k } from "./translations.js";
|
|
8
|
+
import { Box as g } from "../box/box.js";
|
|
9
|
+
import { Flex as f } from "../flex/flex.js";
|
|
10
|
+
import { Divider as V } from "../divider/divider.js";
|
|
11
|
+
import { Menu as z } from "../menu/menu.js";
|
|
12
|
+
import { MenuButton as D } from "../menu/menu-button.js";
|
|
13
|
+
import { Icons as x } from "../icon/types.js";
|
|
14
|
+
import { MenuList as F } from "../menu/menu-list.js";
|
|
15
|
+
import { Checkbox as H } from "../checkbox/checkbox.js";
|
|
16
|
+
import { MenuItem as P } from "../menu/menu-item.js";
|
|
17
|
+
import { IconButton as L } from "../icon-button/icon-button.js";
|
|
18
|
+
import { Button as N } from "../button/button.js";
|
|
19
|
+
import { ThemeColorVariable as d, ThemeSpaceVariable as m, ThemeFontSizeVariable as O, ThemeFontVariable as j } from "../../theme/theme-types.js";
|
|
20
|
+
const $ = ({
|
|
21
|
+
headerGroup: r,
|
|
22
|
+
hideTableHeaderDropdown: l
|
|
14
23
|
}) => {
|
|
15
|
-
const n =
|
|
16
|
-
const t =
|
|
24
|
+
const n = u(), a = !!n.getRowActions, s = w((o) => {
|
|
25
|
+
const t = o.getIsPinned();
|
|
17
26
|
return {
|
|
18
27
|
position: t ? "sticky" : "relative",
|
|
19
|
-
left: t ? `${
|
|
20
|
-
backgroundColor: t ?
|
|
28
|
+
left: t ? `${o.getStart("left")}px` : void 0,
|
|
29
|
+
backgroundColor: t ? d.Background : void 0,
|
|
21
30
|
zIndex: t ? 1 : 0,
|
|
22
|
-
width:
|
|
23
|
-
maxWidth:
|
|
31
|
+
width: o.getSize(),
|
|
32
|
+
maxWidth: o.getSize()
|
|
24
33
|
};
|
|
25
|
-
}, []);
|
|
26
|
-
return /* @__PURE__ */
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
34
|
+
}, []), i = (n.selectedRowIds?.length ?? 0) > 0 && (n.selectionActions?.length ?? 0) > 0;
|
|
35
|
+
return /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(B, { children: i ? /* @__PURE__ */ e(
|
|
36
|
+
C,
|
|
37
|
+
{
|
|
38
|
+
colSpan: r.headers.length,
|
|
39
|
+
sx: {
|
|
40
|
+
cursor: "default",
|
|
41
|
+
"& div:hover": {
|
|
42
|
+
backgroundColor: "transparent !important"
|
|
43
|
+
},
|
|
44
|
+
"div span": {
|
|
45
|
+
color: d.OnBackground
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
zIndex: 1,
|
|
49
|
+
style: {
|
|
50
|
+
borderBottom: `1px solid ${d.OnBackgroundBorder}`,
|
|
51
|
+
paddingLeft: a ? "24px" : void 0
|
|
52
|
+
},
|
|
53
|
+
children: /* @__PURE__ */ e(b, { showSelectAll: !0, children: /* @__PURE__ */ e(E, {}) })
|
|
54
|
+
}
|
|
55
|
+
) : /* @__PURE__ */ e(h, { children: r.headers.map((o) => {
|
|
56
|
+
const { column: t } = o, c = t.getIndex() === 0;
|
|
57
|
+
return /* @__PURE__ */ e(
|
|
58
|
+
C,
|
|
30
59
|
{
|
|
31
60
|
className: "tableHeaderCell",
|
|
32
61
|
isNumeric: t.columnDef.meta?.isNumeric,
|
|
33
62
|
zIndex: t.getIsPinned() ? 2 : 1,
|
|
34
63
|
style: {
|
|
35
64
|
...s(t),
|
|
36
|
-
borderBottom: `1px solid ${
|
|
37
|
-
paddingLeft:
|
|
65
|
+
borderBottom: `1px solid ${d.OnBackgroundBorder}`,
|
|
66
|
+
paddingLeft: c && a ? "24px" : void 0
|
|
38
67
|
},
|
|
39
|
-
children: /* @__PURE__ */
|
|
40
|
-
|
|
68
|
+
children: /* @__PURE__ */ e(b, { showSelectAll: n.canSelectRows && c, children: /* @__PURE__ */ e(h, { children: l ? /* @__PURE__ */ e(g, { paddingLeft: m.Small, children: M(o.column.columnDef.header, o.getContext()) }) : /* @__PURE__ */ e(
|
|
69
|
+
A,
|
|
41
70
|
{
|
|
42
|
-
header:
|
|
71
|
+
header: o,
|
|
43
72
|
breakingContentState: n.breakingContentState,
|
|
44
73
|
columnVisibility: n.columnVisibility,
|
|
45
74
|
headerGroup: n.table.getHeaderGroups(),
|
|
@@ -51,35 +80,78 @@ const T = ({
|
|
|
51
80
|
}
|
|
52
81
|
) }) })
|
|
53
82
|
},
|
|
54
|
-
|
|
83
|
+
o.id
|
|
55
84
|
);
|
|
56
|
-
}) },
|
|
57
|
-
},
|
|
58
|
-
/* @__PURE__ */
|
|
59
|
-
|
|
60
|
-
] }) : /* @__PURE__ */
|
|
61
|
-
const
|
|
85
|
+
}) }) }, r.id) });
|
|
86
|
+
}, b = ({ showSelectAll: r, children: l }) => r ? /* @__PURE__ */ S(f, { w: "100%", align: "center", children: [
|
|
87
|
+
/* @__PURE__ */ e(g, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(W, {}) }),
|
|
88
|
+
l
|
|
89
|
+
] }) : /* @__PURE__ */ e(h, { children: l }), W = () => {
|
|
90
|
+
const r = u(), l = w(
|
|
62
91
|
(s) => {
|
|
63
|
-
const
|
|
64
|
-
|
|
92
|
+
const i = s.target.checked, o = r.table.getRowModel().flatRows.map((t) => t.id);
|
|
93
|
+
i ? r.setSelectedRowIds((t) => [.../* @__PURE__ */ new Set([...t, ...o])]) : r.setSelectedRowIds((t) => t.filter((c) => !o.includes(c)));
|
|
65
94
|
},
|
|
66
|
-
[
|
|
67
|
-
), { allIsSelected: n, shouldShowIndeterminateState: a } =
|
|
68
|
-
const
|
|
95
|
+
[r]
|
|
96
|
+
), { allIsSelected: n, shouldShowIndeterminateState: a } = y(() => {
|
|
97
|
+
const i = r.table.getRowModel().flatRows, o = new Set(r.selectedRowIds), t = i.length > 0 && i.every((p) => o.has(p.id)), c = i.some((p) => o.has(p.id));
|
|
69
98
|
return {
|
|
70
|
-
allIsSelected:
|
|
71
|
-
shouldShowIndeterminateState:
|
|
99
|
+
allIsSelected: t,
|
|
100
|
+
shouldShowIndeterminateState: c && !t
|
|
72
101
|
};
|
|
73
|
-
}, [
|
|
74
|
-
return /* @__PURE__ */
|
|
75
|
-
|
|
102
|
+
}, [r]);
|
|
103
|
+
return /* @__PURE__ */ e(
|
|
104
|
+
H,
|
|
76
105
|
{
|
|
77
106
|
isChecked: n,
|
|
78
107
|
isIndeterminate: a,
|
|
79
|
-
onChange:
|
|
108
|
+
onChange: l
|
|
109
|
+
}
|
|
110
|
+
);
|
|
111
|
+
}, E = () => {
|
|
112
|
+
const { localeString: r, selectedRowIds: l = [], selectionActions: n = [] } = u(), a = k[r], [s] = R("(min-width: 48em)"), i = n.length > 3 || !s, o = l.length === 1 ? a.selectedSingular.replace("{count}", "1") : a.selected.replace("{count}", l.length.toString());
|
|
113
|
+
return /* @__PURE__ */ S(
|
|
114
|
+
f,
|
|
115
|
+
{
|
|
116
|
+
gap: m.Medium,
|
|
117
|
+
align: "center",
|
|
118
|
+
alignContent: "center",
|
|
119
|
+
marginBottom: m.XSmall,
|
|
120
|
+
children: [
|
|
121
|
+
/* @__PURE__ */ e(
|
|
122
|
+
g,
|
|
123
|
+
{
|
|
124
|
+
pl: m.Small,
|
|
125
|
+
color: d.OnBackground,
|
|
126
|
+
fontFamily: j.Body,
|
|
127
|
+
fontSize: O.Medium,
|
|
128
|
+
whiteSpace: "nowrap",
|
|
129
|
+
style: { fontVariantNumeric: "normal" },
|
|
130
|
+
children: o
|
|
131
|
+
}
|
|
132
|
+
),
|
|
133
|
+
/* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(V, { orientation: "vertical", height: "20px" }) }),
|
|
134
|
+
/* @__PURE__ */ e(f, { gap: m.Small, align: "center", children: i ? /* @__PURE__ */ S(z, { children: [
|
|
135
|
+
/* @__PURE__ */ e(D, { variant: "ghost", rightIcon: x.TreeViewCollapse, children: a.action }),
|
|
136
|
+
/* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(F, { children: n.map((t) => /* @__PURE__ */ e(I, { isMenuItem: !0, action: t }, t.name)) }) })
|
|
137
|
+
] }) : n.map((t) => /* @__PURE__ */ e(I, { isMenuItem: !1, action: t }, t.name)) })
|
|
138
|
+
]
|
|
80
139
|
}
|
|
81
140
|
);
|
|
82
|
-
},
|
|
141
|
+
}, I = ({ isMenuItem: r, action: l }) => {
|
|
142
|
+
const { selectedRowIds: n, localeString: a } = u(), s = k[a], i = w(() => {
|
|
143
|
+
l.onClick(n || []);
|
|
144
|
+
}, [l, n]);
|
|
145
|
+
return r ? /* @__PURE__ */ e(P, { onClick: i, children: l.variant === "delete" ? /* @__PURE__ */ e(g, { as: "span", color: d.Error, children: l.name }) : l.name }) : l.variant === "delete" ? /* @__PURE__ */ e(
|
|
146
|
+
L,
|
|
147
|
+
{
|
|
148
|
+
onClick: i,
|
|
149
|
+
icon: x.Delete,
|
|
150
|
+
"aria-label": s.deleteSelectedRows,
|
|
151
|
+
variant: "ghost"
|
|
152
|
+
}
|
|
153
|
+
) : /* @__PURE__ */ e(N, { onClick: i, variant: "ghost", children: l.name });
|
|
154
|
+
}, ce = T($);
|
|
83
155
|
export {
|
|
84
|
-
|
|
156
|
+
ce as TableHeaderRow
|
|
85
157
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TableData, TableProps } from './types.js';
|
|
2
|
-
export declare function Table<TData extends TableData>({ columns, data, localeString, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, getRowId, getRowActions, id, customRowIndication, onSortingChange, initialSortingState, sortingState, onSelectionChange, initialSelectionState, selectionState, children, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function Table<TData extends TableData>({ columns, data, localeString, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, getRowId, getRowActions, id, customRowIndication, onSortingChange, initialSortingState, sortingState, onSelectionChange, initialSelectionState, selectionState, selectionActions, children, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=table.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,KAAK,CAAC,KAAK,SAAS,SAAS,EAAE,EAC9C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,oBAAyB,EACzB,2BAAgC,EAChC,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,QAAQ,EACR,aAAa,EACb,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,KAAK,CAAC,KAAK,SAAS,SAAS,EAAE,EAC9C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,oBAAyB,EACzB,2BAAgC,EAChC,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,QAAQ,EACR,aAAa,EACb,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,2CA6BnB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { TableProvider as
|
|
3
|
-
function
|
|
1
|
+
import { jsx as k } from "react/jsx-runtime";
|
|
2
|
+
import { TableProvider as q } from "./table-context-provider.js";
|
|
3
|
+
function z({
|
|
4
4
|
columns: r,
|
|
5
5
|
data: o,
|
|
6
6
|
localeString: e,
|
|
@@ -22,10 +22,11 @@ function y({
|
|
|
22
22
|
onSelectionChange: s,
|
|
23
23
|
initialSelectionState: v,
|
|
24
24
|
selectionState: P,
|
|
25
|
-
|
|
25
|
+
selectionActions: g,
|
|
26
|
+
children: h
|
|
26
27
|
}) {
|
|
27
|
-
return /* @__PURE__ */
|
|
28
|
-
|
|
28
|
+
return /* @__PURE__ */ k(
|
|
29
|
+
q,
|
|
29
30
|
{
|
|
30
31
|
columns: r,
|
|
31
32
|
data: o,
|
|
@@ -48,10 +49,11 @@ function y({
|
|
|
48
49
|
onSelectionChange: s,
|
|
49
50
|
initialSelectionState: v,
|
|
50
51
|
selectionState: P,
|
|
51
|
-
|
|
52
|
+
selectionActions: g,
|
|
53
|
+
children: h
|
|
52
54
|
}
|
|
53
55
|
);
|
|
54
56
|
}
|
|
55
57
|
export {
|
|
56
|
-
|
|
58
|
+
z as Table
|
|
57
59
|
};
|
|
@@ -21,6 +21,10 @@ export declare const translations: {
|
|
|
21
21
|
toolbarActions: string;
|
|
22
22
|
filterBoxReset: string;
|
|
23
23
|
filterReset: string;
|
|
24
|
+
selected: string;
|
|
25
|
+
selectedSingular: string;
|
|
26
|
+
action: string;
|
|
27
|
+
deleteSelectedRows: string;
|
|
24
28
|
};
|
|
25
29
|
"en-US": {
|
|
26
30
|
sortUp: string;
|
|
@@ -43,6 +47,10 @@ export declare const translations: {
|
|
|
43
47
|
toolbarActions: string;
|
|
44
48
|
filterBoxReset: string;
|
|
45
49
|
filterReset: string;
|
|
50
|
+
selected: string;
|
|
51
|
+
selectedSingular: string;
|
|
52
|
+
action: string;
|
|
53
|
+
deleteSelectedRows: string;
|
|
46
54
|
};
|
|
47
55
|
"en-GB": {
|
|
48
56
|
sortUp: string;
|
|
@@ -65,6 +73,10 @@ export declare const translations: {
|
|
|
65
73
|
toolbarActions: string;
|
|
66
74
|
filterBoxReset: string;
|
|
67
75
|
filterReset: string;
|
|
76
|
+
selected: string;
|
|
77
|
+
selectedSingular: string;
|
|
78
|
+
action: string;
|
|
79
|
+
deleteSelectedRows: string;
|
|
68
80
|
};
|
|
69
81
|
"nb-NO": {
|
|
70
82
|
sortUp: string;
|
|
@@ -87,6 +99,10 @@ export declare const translations: {
|
|
|
87
99
|
toolbarActions: string;
|
|
88
100
|
filterBoxReset: string;
|
|
89
101
|
filterReset: string;
|
|
102
|
+
selected: string;
|
|
103
|
+
selectedSingular: string;
|
|
104
|
+
action: string;
|
|
105
|
+
deleteSelectedRows: string;
|
|
90
106
|
};
|
|
91
107
|
"da-DK": {
|
|
92
108
|
sortUp: string;
|
|
@@ -109,6 +125,10 @@ export declare const translations: {
|
|
|
109
125
|
toolbarActions: string;
|
|
110
126
|
filterBoxReset: string;
|
|
111
127
|
filterReset: string;
|
|
128
|
+
selected: string;
|
|
129
|
+
selectedSingular: string;
|
|
130
|
+
action: string;
|
|
131
|
+
deleteSelectedRows: string;
|
|
112
132
|
};
|
|
113
133
|
"fr-FR": {
|
|
114
134
|
sortUp: string;
|
|
@@ -131,6 +151,10 @@ export declare const translations: {
|
|
|
131
151
|
toolbarActions: string;
|
|
132
152
|
filterBoxReset: string;
|
|
133
153
|
filterReset: string;
|
|
154
|
+
selected: string;
|
|
155
|
+
selectedSingular: string;
|
|
156
|
+
action: string;
|
|
157
|
+
deleteSelectedRows: string;
|
|
134
158
|
};
|
|
135
159
|
"nl-BE": {
|
|
136
160
|
sortUp: string;
|
|
@@ -153,6 +177,10 @@ export declare const translations: {
|
|
|
153
177
|
toolbarActions: string;
|
|
154
178
|
filterBoxReset: string;
|
|
155
179
|
filterReset: string;
|
|
180
|
+
selected: string;
|
|
181
|
+
selectedSingular: string;
|
|
182
|
+
action: string;
|
|
183
|
+
deleteSelectedRows: string;
|
|
156
184
|
};
|
|
157
185
|
};
|
|
158
186
|
//# sourceMappingURL=translations.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/table/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/table/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AA6B1F,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIxB,CAAC"}
|
|
@@ -18,7 +18,11 @@ const e = {
|
|
|
18
18
|
moreActions: "More actions",
|
|
19
19
|
toolbarActions: "Toolbar actions",
|
|
20
20
|
filterBoxReset: "Clear selection",
|
|
21
|
-
filterReset: "Clear filter"
|
|
21
|
+
filterReset: "Clear filter",
|
|
22
|
+
selected: "{count} selected",
|
|
23
|
+
selectedSingular: "{count} selected",
|
|
24
|
+
action: "Action",
|
|
25
|
+
deleteSelectedRows: "Delete selected rows"
|
|
22
26
|
}, n = {
|
|
23
27
|
"sv-SE": {
|
|
24
28
|
sortUp: "Sortera stigande",
|
|
@@ -40,7 +44,11 @@ const e = {
|
|
|
40
44
|
moreActions: "Fler åtgärder",
|
|
41
45
|
toolbarActions: "Verktygsfältsåtgärder",
|
|
42
46
|
filterBoxReset: "Rensa val",
|
|
43
|
-
filterReset: "Rensa filter"
|
|
47
|
+
filterReset: "Rensa filter",
|
|
48
|
+
selected: "{count} valda",
|
|
49
|
+
selectedSingular: "{count} vald",
|
|
50
|
+
action: "Åtgärd",
|
|
51
|
+
deleteSelectedRows: "Ta bort valda rader"
|
|
44
52
|
},
|
|
45
53
|
"en-US": e,
|
|
46
54
|
"en-GB": e,
|
|
@@ -64,7 +72,11 @@ const e = {
|
|
|
64
72
|
moreActions: "Flere handlinger",
|
|
65
73
|
toolbarActions: "Verktøylinjehandlinger",
|
|
66
74
|
filterBoxReset: "Fjern valg",
|
|
67
|
-
filterReset: "Fjern filter"
|
|
75
|
+
filterReset: "Fjern filter",
|
|
76
|
+
selected: "{count} valgte",
|
|
77
|
+
selectedSingular: "{count} valgt",
|
|
78
|
+
action: "Handling",
|
|
79
|
+
deleteSelectedRows: "Fjern valgte rader"
|
|
68
80
|
},
|
|
69
81
|
"da-DK": {
|
|
70
82
|
sortUp: "Sorter stigende",
|
|
@@ -86,7 +98,11 @@ const e = {
|
|
|
86
98
|
moreActions: "Flere handlinger",
|
|
87
99
|
toolbarActions: "Værktøjslinjehandlinger",
|
|
88
100
|
filterBoxReset: "Fjern valg",
|
|
89
|
-
filterReset: "Fjern filter"
|
|
101
|
+
filterReset: "Fjern filter",
|
|
102
|
+
selected: "{count} valgte",
|
|
103
|
+
selectedSingular: "{count} valgt",
|
|
104
|
+
action: "Handling",
|
|
105
|
+
deleteSelectedRows: "Fjern valgte rækker"
|
|
90
106
|
},
|
|
91
107
|
"fr-FR": {
|
|
92
108
|
sortUp: "Trier par ordre croissant",
|
|
@@ -108,7 +124,11 @@ const e = {
|
|
|
108
124
|
moreActions: "Plus d'actions",
|
|
109
125
|
toolbarActions: "Actions de la barre d'outils",
|
|
110
126
|
filterBoxReset: "Effacer la sélection",
|
|
111
|
-
filterReset: "Effacer le filtre"
|
|
127
|
+
filterReset: "Effacer le filtre",
|
|
128
|
+
selected: "{count} sélectionnées",
|
|
129
|
+
selectedSingular: "{count} sélectionnée",
|
|
130
|
+
action: "Action",
|
|
131
|
+
deleteSelectedRows: "Supprimer les lignes sélectionnées"
|
|
112
132
|
},
|
|
113
133
|
"nl-BE": {
|
|
114
134
|
sortUp: "Oplopend sorteren",
|
|
@@ -130,7 +150,11 @@ const e = {
|
|
|
130
150
|
moreActions: "Meer acties",
|
|
131
151
|
toolbarActions: "Werkbalkacties",
|
|
132
152
|
filterBoxReset: "Selectie wissen",
|
|
133
|
-
filterReset: "Filter wissen"
|
|
153
|
+
filterReset: "Filter wissen",
|
|
154
|
+
selected: "{count} geselecteerd",
|
|
155
|
+
selectedSingular: "{count} geselecteerd",
|
|
156
|
+
action: "Actie",
|
|
157
|
+
deleteSelectedRows: "Verwijder geselecteerde rijen"
|
|
134
158
|
}
|
|
135
159
|
};
|
|
136
160
|
export {
|
|
@@ -99,8 +99,15 @@ interface BaseTableProps<TData extends TableData> {
|
|
|
99
99
|
* the row selection functionality to work.
|
|
100
100
|
*/
|
|
101
101
|
selectionState?: string[];
|
|
102
|
+
/** Actions that can be performed on the selected rows */
|
|
103
|
+
selectionActions?: SelectionAction[];
|
|
102
104
|
}
|
|
103
105
|
export type TableProps<TData extends TableData = TableData> = PropsWithChildren<BaseTableProps<TData>>;
|
|
106
|
+
export type SelectionAction = {
|
|
107
|
+
name: string;
|
|
108
|
+
onClick: (selectedRowIds: string[]) => void;
|
|
109
|
+
variant?: "default" | "delete";
|
|
110
|
+
};
|
|
104
111
|
/**
|
|
105
112
|
* Use declaration merging to add our new feature APIs and state types to TanStack Table's existing types.
|
|
106
113
|
* @see https://tanstack.com/table/latest/docs/guide/custom-features#step-2-use-declaration-merging-to-add-new-types-to-tanstack-table
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/table/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/table/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,5 +5,5 @@ import { ToggleButtonProps } from './types.js';
|
|
|
5
5
|
* @see Toggle button role on MDN: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role#toggle_buttons
|
|
6
6
|
* @see Docs https://caspeco.github.io/casper-ui-library/components/toggle-button
|
|
7
7
|
*/
|
|
8
|
-
export declare function ToggleButton(
|
|
8
|
+
export declare function ToggleButton(props: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
//# sourceMappingURL=toggle-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/toggle-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/toggle-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAUpD"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Button as
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { Button as s } from "@chakra-ui/react";
|
|
3
|
+
import { useButtonChildren as i } from "./use-button-children.js";
|
|
4
|
+
function c(t) {
|
|
5
|
+
const { isPressed: r = !1, subText: u, children: l, ...e } = t, o = i(t);
|
|
6
|
+
return /* @__PURE__ */ n(s, { "aria-pressed": r, type: "button", variant: "toggle", ...e, children: o });
|
|
5
7
|
}
|
|
6
8
|
export {
|
|
7
|
-
|
|
9
|
+
c as ToggleButton
|
|
8
10
|
};
|
|
@@ -1,13 +1,30 @@
|
|
|
1
1
|
import { CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps } from '../../theme/index.js';
|
|
2
2
|
import { ButtonProps as ChakraButtonProps, ResponsiveValue } from '@chakra-ui/react';
|
|
3
3
|
type CustomStyleProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps;
|
|
4
|
-
type
|
|
5
|
-
/** Indicate
|
|
4
|
+
type ToggleButtonPropsBase = {
|
|
5
|
+
/** Indicate whether button is pressed or not. Defaults to false. */
|
|
6
6
|
isPressed?: boolean;
|
|
7
7
|
/** The size of the button, default: md */
|
|
8
8
|
size?: ResponsiveValue<"lg" | "sm" | "md"> | undefined;
|
|
9
|
+
} & Pick<ChakraButtonProps, "children" | "isDisabled" | "onClick" | "type"> & CustomStyleProps;
|
|
10
|
+
type ToggleButtonPropsWithSubText = ToggleButtonPropsBase & {
|
|
11
|
+
/**
|
|
12
|
+
* Adds a subtext below the button text.
|
|
13
|
+
* Does not work for sm size.
|
|
14
|
+
* When subText is provided, aria-label is required for accessibility
|
|
15
|
+
* since the button content will be hidden from screen readers.
|
|
16
|
+
*/
|
|
17
|
+
subText: string;
|
|
18
|
+
/**
|
|
19
|
+
* Accessible label for the button. Required when using subText
|
|
20
|
+
* since the button content will be aria-hidden.
|
|
21
|
+
*/
|
|
22
|
+
"aria-label": string;
|
|
9
23
|
};
|
|
10
|
-
type
|
|
11
|
-
|
|
24
|
+
type ToggleButtonPropsWithoutSubText = ToggleButtonPropsBase & {
|
|
25
|
+
subText?: never;
|
|
26
|
+
"aria-label"?: string;
|
|
27
|
+
};
|
|
28
|
+
export type ToggleButtonProps = ToggleButtonPropsWithSubText | ToggleButtonPropsWithoutSubText;
|
|
12
29
|
export {};
|
|
13
30
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE1F,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAExF,KAAK,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE1F,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAExF,KAAK,qBAAqB,GAAG;IAC5B,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CACvD,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC,GAC1E,gBAAgB,CAAC;AAElB,KAAK,4BAA4B,GAAG,qBAAqB,GAAG;IAC3D;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,+BAA+B,GAAG,qBAAqB,GAAG;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG,4BAA4B,GAAG,+BAA+B,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ToggleButtonProps } from './types.js';
|
|
3
|
+
/**
|
|
4
|
+
* Custom hook that returns the children elements for the button, including subText if applicable.
|
|
5
|
+
* For responsive size values, dynamically shows/hides subText based on the current breakpoint.
|
|
6
|
+
* @returns If subText is provided and the current size is allowed, returns a container with the main text and subText. Otherwise it returns just the children.
|
|
7
|
+
*/
|
|
8
|
+
export declare function useButtonChildren(props: ToggleButtonProps): ReactNode;
|
|
9
|
+
//# sourceMappingURL=use-button-children.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-button-children.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/use-button-children.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAKjD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAoCrE"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsxs as a, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useBreakpointValue as u, Flex as d, Text as r } from "@chakra-ui/react";
|
|
3
|
+
import { ThemeFontSizeVariable as f } from "../../theme/theme-types.js";
|
|
4
|
+
const m = ["md", "lg"];
|
|
5
|
+
function T(s) {
|
|
6
|
+
const { size: l, children: t, subText: n } = s, e = l ?? "md", i = u(
|
|
7
|
+
typeof e == "string" || e === void 0 ? { base: e } : e,
|
|
8
|
+
{ ssr: !1 }
|
|
9
|
+
), c = i && m.includes(i);
|
|
10
|
+
return n && c ? /* @__PURE__ */ a(d, { "aria-hidden": "true", flexDirection: "column", alignItems: "center", overflow: "hidden", children: [
|
|
11
|
+
/* @__PURE__ */ o(r, { children: t }),
|
|
12
|
+
/* @__PURE__ */ o(
|
|
13
|
+
r,
|
|
14
|
+
{
|
|
15
|
+
fontSize: f.XSmall,
|
|
16
|
+
textOverflow: "ellipsis",
|
|
17
|
+
whiteSpace: "nowrap",
|
|
18
|
+
overflow: "hidden",
|
|
19
|
+
width: "100%",
|
|
20
|
+
children: n
|
|
21
|
+
}
|
|
22
|
+
)
|
|
23
|
+
] }) : t;
|
|
24
|
+
}
|
|
25
|
+
export {
|
|
26
|
+
T as useButtonChildren
|
|
27
|
+
};
|
|
@@ -1,16 +1,6 @@
|
|
|
1
1
|
import * as o from "react";
|
|
2
2
|
import { createTable as u } from "../../../table-core/build/lib/index.js";
|
|
3
3
|
import { ColumnFaceting as C, ColumnFiltering as S, ColumnGrouping as w, ColumnOrdering as b, ColumnPinning as y, ColumnSizing as F, ColumnVisibility as x, GlobalFaceting as h, GlobalFiltering as O, Headers as E, RowExpanding as M, RowPagination as v, RowPinning as G, RowSelection as P, RowSorting as $, _getVisibleLeafColumns as A, aggregationFns as H, buildHeaderGroups as V, createCell as j, createColumn as k, createColumnHelper as z, createRow as N, defaultColumnSizing as T, expandRows as U, filterFns as _, flattenBy as B, functionalUpdate as L, getCoreRowModel as q, getExpandedRowModel as D, getFilteredRowModel as I, getMemoOptions as J, getSortedRowModel as K, isFunction as Q, isNumberArray as W, isRowSelected as X, isSubRowSelected as Y, makeStateUpdater as Z, memo as ee, orderColumns as te, passiveEventSupported as ne, reSplitAlphaNumeric as oe, selectRowsFn as re, shouldAutoRemoveFilter as ae, sortingFns as ie } from "../../../table-core/build/lib/index.js";
|
|
4
|
-
/**
|
|
5
|
-
* react-table
|
|
6
|
-
*
|
|
7
|
-
* Copyright (c) TanStack
|
|
8
|
-
*
|
|
9
|
-
* This source code is licensed under the MIT license found in the
|
|
10
|
-
* LICENSE.md file in the root directory of this source tree.
|
|
11
|
-
*
|
|
12
|
-
* @license MIT
|
|
13
|
-
*/
|
|
14
4
|
function f(e, t) {
|
|
15
5
|
return e ? s(e) ? /* @__PURE__ */ o.createElement(e, t) : e : null;
|
|
16
6
|
}
|
|
@@ -1,13 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* table-core
|
|
3
|
-
*
|
|
4
|
-
* Copyright (c) TanStack
|
|
5
|
-
*
|
|
6
|
-
* This source code is licensed under the MIT license found in the
|
|
7
|
-
* LICENSE.md file in the root directory of this source tree.
|
|
8
|
-
*
|
|
9
|
-
* @license MIT
|
|
10
|
-
*/
|
|
11
1
|
function ot() {
|
|
12
2
|
return {
|
|
13
3
|
accessor: (e, o) => typeof e == "function" ? {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@caspeco/casper-ui-library",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.6.0",
|
|
4
4
|
"prettier": "@caspeco/prettier-config",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -28,9 +28,9 @@
|
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@arethetypeswrong/cli": "^0.18.2",
|
|
31
|
-
"@caspeco/eslint-config": "^
|
|
31
|
+
"@caspeco/eslint-config-react": "^5.0.0",
|
|
32
32
|
"@caspeco/prettier-config": "^1.0.7",
|
|
33
|
-
"@eslint/js": "^9.39.
|
|
33
|
+
"@eslint/js": "^9.39.1",
|
|
34
34
|
"@testing-library/jest-dom": "^6.9.1",
|
|
35
35
|
"@testing-library/react": "^16.3.0",
|
|
36
36
|
"@testing-library/user-event": "^14.6.1",
|
|
@@ -38,19 +38,19 @@
|
|
|
38
38
|
"@types/node": "^24.10.0",
|
|
39
39
|
"@types/react": "^18.3.12",
|
|
40
40
|
"@types/react-dom": "^18.3.1",
|
|
41
|
-
"@vitejs/plugin-react-swc": "^4.2.
|
|
42
|
-
"eslint": "^9.39.
|
|
41
|
+
"@vitejs/plugin-react-swc": "^4.2.1",
|
|
42
|
+
"eslint": "^9.39.1",
|
|
43
43
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
44
44
|
"eslint-plugin-react-refresh": "^0.4.24",
|
|
45
45
|
"globals": "^16.5.0",
|
|
46
46
|
"jsdom": "^27.1.0",
|
|
47
47
|
"tsc-alias": "^1.8.16",
|
|
48
48
|
"typescript": "~5.9.3",
|
|
49
|
-
"typescript-eslint": "^8.46.
|
|
50
|
-
"vite": "^7.
|
|
49
|
+
"typescript-eslint": "^8.46.3",
|
|
50
|
+
"vite": "^7.2.2",
|
|
51
51
|
"vite-plugin-dts": "^4.5.4",
|
|
52
52
|
"vite-tsconfig-paths": "^5.1.4",
|
|
53
|
-
"vitest": "^4.0.
|
|
53
|
+
"vitest": "^4.0.8"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
56
|
"@chakra-ui/react": "^2.8.2",
|