react-science 18.0.1 → 18.1.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/lib/components/activity_bar/activity_bar.d.ts.map +1 -1
- package/lib/components/activity_bar/activity_bar.js +5 -25
- package/lib/components/activity_bar/activity_bar.js.map +1 -1
- package/lib/components/button/Button.d.ts.map +1 -1
- package/lib/components/button/Button.js +19 -13
- package/lib/components/button/Button.js.map +1 -1
- package/lib/components/icon.d.ts +7 -0
- package/lib/components/icon.d.ts.map +1 -0
- package/lib/components/icon.js +23 -0
- package/lib/components/icon.js.map +1 -0
- package/lib/components/table/index.d.ts +10 -0
- package/lib/components/table/index.d.ts.map +1 -1
- package/lib/components/table/index.js.map +1 -1
- package/lib/components/table/table_body.d.ts +2 -0
- package/lib/components/table/table_body.d.ts.map +1 -1
- package/lib/components/table/table_body.js +5 -5
- package/lib/components/table/table_body.js.map +1 -1
- package/lib/components/table/table_header_cell.js +1 -0
- package/lib/components/table/table_header_cell.js.map +1 -1
- package/lib/components/table/table_root.d.ts +8 -2
- package/lib/components/table/table_root.d.ts.map +1 -1
- package/lib/components/table/table_root.js +2 -2
- package/lib/components/table/table_root.js.map +1 -1
- package/lib/components/table/table_row_cell.d.ts +2 -0
- package/lib/components/table/table_row_cell.d.ts.map +1 -1
- package/lib/components/table/table_row_cell.js +4 -2
- package/lib/components/table/table_row_cell.js.map +1 -1
- package/lib/components/toolbar/Toolbar.d.ts.map +1 -1
- package/lib/components/toolbar/Toolbar.js +13 -25
- package/lib/components/toolbar/Toolbar.js.map +1 -1
- package/package.json +1 -1
- package/src/components/activity_bar/activity_bar.tsx +6 -31
- package/src/components/button/Button.tsx +28 -18
- package/src/components/icon.tsx +27 -0
- package/src/components/table/index.ts +14 -0
- package/src/components/table/table_body.tsx +15 -6
- package/src/components/table/table_header_cell.tsx +1 -0
- package/src/components/table/table_root.tsx +11 -2
- package/src/components/table/table_row_cell.tsx +7 -2
- package/src/components/toolbar/Toolbar.tsx +24 -35
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activity_bar.d.ts","sourceRoot":"","sources":["../../../src/components/activity_bar/activity_bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"activity_bar.d.ts","sourceRoot":"","sources":["../../../src/components/activity_bar/activity_bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;IACxE,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAWD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAQlD;yBARe,WAAW;;;AAyB3B,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAiC1D"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { ButtonGroup, Classes, Colors
|
|
2
|
+
import { ButtonGroup, Classes, Colors } from '@blueprintjs/core';
|
|
3
3
|
import styled from '@emotion/styled';
|
|
4
|
-
import { cloneElement } from 'react';
|
|
5
4
|
import { Button } from '../button/index.js';
|
|
5
|
+
import { normalizeIcon } from '../icon.js';
|
|
6
6
|
const ActivityButtonGroup = styled(ButtonGroup) `
|
|
7
7
|
flex-wrap: wrap-reverse;
|
|
8
8
|
height: 100%;
|
|
@@ -22,12 +22,6 @@ const ActivityButton = styled(Button) `
|
|
|
22
22
|
color: ${Colors.DARK_GRAY3};
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
.${Classes.ICON} {
|
|
26
|
-
width: 20px;
|
|
27
|
-
height: 20px;
|
|
28
|
-
font-size: 14px;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
25
|
.${Classes.TAG} {
|
|
32
26
|
font-size: 12px;
|
|
33
27
|
line-height: 14px;
|
|
@@ -35,24 +29,10 @@ const ActivityButton = styled(Button) `
|
|
|
35
29
|
min-height: 18px;
|
|
36
30
|
}
|
|
37
31
|
`;
|
|
38
|
-
const ActivityButtonIconContainer = styled.div `
|
|
39
|
-
display: flex;
|
|
40
|
-
justify-content: center;
|
|
41
|
-
align-items: center;
|
|
42
|
-
width: 0;
|
|
43
|
-
height: 0;
|
|
44
|
-
margin-right: 0;
|
|
45
|
-
`;
|
|
46
32
|
export function ActivityBarItem(props) {
|
|
47
33
|
const { active = false, icon, onClick, tooltip, tooltipProps, ...otherProps } = props;
|
|
48
|
-
const resizedIcon =
|
|
49
|
-
|
|
50
|
-
: cloneElement(icon, {
|
|
51
|
-
className: icon.props.className
|
|
52
|
-
? `${icon.props.className} ${Classes.ICON}`
|
|
53
|
-
: Classes.ICON,
|
|
54
|
-
});
|
|
55
|
-
return (_jsx(ActivityButton, { type: "button", active: active, icon: _jsx(ActivityButtonIconContainer, { children: _jsx(Icon, { icon: resizedIcon, size: 20 }) }), onClick: onClick, tooltipProps: !tooltip
|
|
34
|
+
const resizedIcon = normalizeIcon(icon, 20);
|
|
35
|
+
return (_jsx(ActivityButton, { type: "button", active: active, onClick: onClick, tooltipProps: !tooltip
|
|
56
36
|
? undefined
|
|
57
37
|
: {
|
|
58
38
|
content: tooltip,
|
|
@@ -60,7 +40,7 @@ export function ActivityBarItem(props) {
|
|
|
60
40
|
compact: false,
|
|
61
41
|
interactionKind: 'hover',
|
|
62
42
|
...tooltipProps,
|
|
63
|
-
}, ...otherProps }));
|
|
43
|
+
}, ...otherProps, children: resizedIcon }));
|
|
64
44
|
}
|
|
65
45
|
ActivityBar.Item = ActivityBarItem;
|
|
66
46
|
//# sourceMappingURL=activity_bar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activity_bar.js","sourceRoot":"","sources":["../../../src/components/activity_bar/activity_bar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"activity_bar.js","sourceRoot":"","sources":["../../../src/components/activity_bar/activity_bar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAc3C,MAAM,mBAAmB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;;;;;2BAKpB,MAAM,CAAC,WAAW;sBACvB,MAAM,CAAC,KAAK;CACjC,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,KAAC,mBAAmB,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,YACzD,QAAQ,GACW,CACvB,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;KAGhC,OAAO,CAAC,IAAI;aACJ,MAAM,CAAC,UAAU;;;KAGzB,OAAO,CAAC,GAAG;;;;;;CAMf,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,IAAI,EACJ,OAAO,EACP,OAAO,EACP,YAAY,EACZ,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAE5C,OAAO,CACL,KAAC,cAAc,IACb,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EACV,CAAC,OAAO;YACN,CAAC,CAAC,SAAS;YACX,CAAC,CAAC;gBACE,OAAO,EAAE,OAAO;gBAChB,SAAS,EAAE,MAAM;gBACjB,OAAO,EAAE,KAAK;gBACd,eAAe,EAAE,OAAO;gBACxB,GAAG,YAAY;aAChB,KAEH,UAAU,YAEb,WAAW,GACG,CAClB,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,IAAI,GAAG,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,IAAI,0BAA0B,EAC/C,WAAW,IAAI,oBAAoB,EACnC,QAAQ,EACR,YAAY,EACb,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,IAAI,0BAA0B,EAC/C,WAAW,IAAI,oBAAoB,EACnC,QAAQ,EACR,YAAY,EACb,MAAM,mBAAmB,CAAC;AAU3B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,cAAc,GAAG;KACnB,GAAG,IAAI,MAAM,oBAAoB,GAChC,MAAM,0BAA0B,CAAC,CAAC,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC7D,0BAA0B,CAAC,GAAG,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC;IACvE,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;CACvC,CAAC;AAgCF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAwDxC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { AnchorButton, Button as BlueprintButton,
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { AnchorButton, Button as BlueprintButton, Icon, Tag, Tooltip, } from '@blueprintjs/core';
|
|
3
3
|
import styled from '@emotion/styled';
|
|
4
|
-
import { Fragment } from 'react';
|
|
5
4
|
const ButtonTag = styled(Tag) `
|
|
6
5
|
position: absolute;
|
|
7
6
|
top: 0;
|
|
@@ -18,21 +17,28 @@ const ButtonTag = styled(Tag) `
|
|
|
18
17
|
// Setting the line-height makes sure regular sized buttons have a
|
|
19
18
|
// height consistent with the input fields and across variants.
|
|
20
19
|
// Using the same line height as in the blueprint docs.
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
const TooltipAnchorButton = styled(AnchorButton)(getStyledCss);
|
|
29
|
-
const TooltipButton = styled(BlueprintButton)(getStyledCss);
|
|
20
|
+
const buttonStyles = {
|
|
21
|
+
lineHeight: 1.15,
|
|
22
|
+
position: 'relative',
|
|
23
|
+
};
|
|
24
|
+
const TooltipAnchorButton = styled(AnchorButton)(buttonStyles);
|
|
25
|
+
const TooltipButton = styled(BlueprintButton)(buttonStyles);
|
|
30
26
|
export function Button(props) {
|
|
31
27
|
const { tooltipProps = {}, children, tag, tagProps, ...buttonProps } = props;
|
|
32
28
|
const { fill, content = '', disabled = !tooltipProps.content, ...otherToolTipProps } = tooltipProps;
|
|
33
29
|
const InnerButton = buttonProps.disabled
|
|
34
30
|
? TooltipAnchorButton
|
|
35
31
|
: TooltipButton;
|
|
36
|
-
return (_jsx(Tooltip, { fill: fill || buttonProps.fill, disabled: disabled, content: content, ...otherToolTipProps, renderTarget: ({ isOpen, ...targetProps }) => (_jsx(InnerButton, { ...targetProps, ...buttonProps, icon:
|
|
32
|
+
return (_jsx(Tooltip, { fill: fill || buttonProps.fill, disabled: disabled, content: content, ...otherToolTipProps, renderTarget: ({ isOpen, ...targetProps }) => (_jsx(InnerButton, { ...targetProps, ...buttonProps, icon:
|
|
33
|
+
/*
|
|
34
|
+
icon and children will be children of the same node.
|
|
35
|
+
Blueprintjs' stylesheet treats the presence of multiple child elements
|
|
36
|
+
as there being icon and text, styling the icon with a right margin
|
|
37
|
+
so that the text is not right next to it.
|
|
38
|
+
In blueprint alone, this only happens when the button has children.
|
|
39
|
+
Here, we need to handle the case when the button has a tag, which
|
|
40
|
+
adds a sibling but should not affect the margin on its own.
|
|
41
|
+
*/
|
|
42
|
+
tag ? (_jsxs(_Fragment, { children: [children ? (_jsx(Icon, { icon: buttonProps.icon })) : (_jsx("div", { style: { display: 'contents' }, children: _jsx(Icon, { icon: buttonProps.icon }) })), _jsx(ButtonTag, { round: true, intent: "success", ...tagProps, children: tag })] })) : (buttonProps.icon), children: children })) }));
|
|
37
43
|
}
|
|
38
44
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAMA,OAAO,EACL,YAAY,EACZ,MAAM,IAAI,eAAe,EACzB,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAMA,OAAO,EACL,YAAY,EACZ,MAAM,IAAI,eAAe,EACzB,IAAI,EACJ,GAAG,EACH,OAAO,GACR,MAAM,mBAAmB,CAAC;AAE3B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAerC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;;CAY5B,CAAC;AAEF,kEAAkE;AAClE,+DAA+D;AAC/D,uDAAuD;AACvD,MAAM,YAAY,GAAc;IAC9B,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,YAAY,CAAC,CAE7C,YAAY,CAAC,CAAC;AAEjB,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAC3C,YAAY,CACb,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EAAE,YAAY,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,EACJ,IAAI,EACJ,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,CAAC,YAAY,CAAC,OAAO,EAChC,GAAG,iBAAiB,EACrB,GAAG,YAAY,CAAC;IAEjB,MAAM,WAAW,GAAG,WAAW,CAAC,QAAQ;QACtC,CAAC,CAAC,mBAAmB;QACrB,CAAC,CAAC,aAAa,CAAC;IAElB,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,IAAI,WAAW,CAAC,IAAI,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,KACZ,iBAAiB,EACrB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,WAAW,OACN,WAAW,KACX,WAAW,EACf,IAAI;YACF;;;;;;;;cAQE;YACF,GAAG,CAAC,CAAC,CAAC,CACJ,8BACG,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,CAAC,IAAI,GAAI,CACjC,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,YACjC,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,CAAC,IAAI,GAAI,GAC5B,CACP,EACD,KAAC,SAAS,IAAC,KAAK,QAAC,MAAM,EAAC,SAAS,KAAK,QAAQ,YAC3C,GAAG,GACM,IACX,CACJ,CAAC,CAAC,CAAC,CACF,WAAW,CAAC,IAAI,CACjB,YAGF,QAAQ,GACG,CACf,GACD,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ButtonProps } from '@blueprintjs/core';
|
|
2
|
+
/**
|
|
3
|
+
* Return a normalized icon.
|
|
4
|
+
* Accepts a blueprint icon id or a custom element.
|
|
5
|
+
*/
|
|
6
|
+
export declare function normalizeIcon(icon: ButtonProps['icon'], size: number): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,2CAkBpE"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Classes, Icon } from '@blueprintjs/core';
|
|
3
|
+
import { cloneElement } from 'react';
|
|
4
|
+
/**
|
|
5
|
+
* Return a normalized icon.
|
|
6
|
+
* Accepts a blueprint icon id or a custom element.
|
|
7
|
+
*/
|
|
8
|
+
export function normalizeIcon(icon, size) {
|
|
9
|
+
return !icon || typeof icon === 'string' ? (_jsx(Icon, { icon: icon, size: size })) : (cloneElement(icon, {
|
|
10
|
+
style: {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
// In a toolbar, icon size is 16 and font size 12
|
|
14
|
+
// In an activity toolbar, icon size is 20 and font size 16
|
|
15
|
+
fontSize: size - 4,
|
|
16
|
+
textAlign: 'center',
|
|
17
|
+
},
|
|
18
|
+
className: icon.props.className
|
|
19
|
+
? `${icon.props.className} ${Classes.ICON}`
|
|
20
|
+
: Classes.ICON,
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/components/icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,IAAyB,EAAE,IAAY;IACnE,OAAO,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CACjC,CAAC,CAAC,CAAC,CACF,YAAY,CAAC,IAAI,EAAE;QACjB,KAAK,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,iDAAiD;YACjD,2DAA2D;YAC3D,QAAQ,EAAE,IAAI,GAAG,CAAC;YAClB,SAAS,EAAE,QAAQ;SACpB;QACD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;YAC7B,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,OAAO,CAAC,IAAI,EAAE;YAC3C,CAAC,CAAC,OAAO,CAAC,IAAI;KACjB,CAAC,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,15 @@
|
|
|
1
|
+
import type { RowData } from '@tanstack/react-table';
|
|
2
|
+
import type { CSSProperties } from 'react';
|
|
1
3
|
export * from './table_root.js';
|
|
2
4
|
export * from './table_utils.js';
|
|
3
5
|
export * from './table_row.js';
|
|
4
6
|
export * from './reorder_rows/index.js';
|
|
7
|
+
declare module '@tanstack/react-table' {
|
|
8
|
+
interface ColumnMeta<TData extends RowData, TValue> {
|
|
9
|
+
/**
|
|
10
|
+
* Merged into the `style` prop of the default-rendered `<th>` element.
|
|
11
|
+
*/
|
|
12
|
+
thStyle?: CSSProperties;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
5
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AAExC,OAAO,QAAQ,uBAAuB,CAAC;IAGrC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD;;WAEG;QACH,OAAO,CAAC,EAAE,aAAa,CAAC;KACzB;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import type { Row, RowData } from '@tanstack/react-table';
|
|
2
2
|
import type { Virtualizer } from '@tanstack/react-virtual';
|
|
3
|
+
import type { CSSProperties } from 'react';
|
|
3
4
|
import type { GetTdProps, TableRowPreviewRenderer, TableRowTrRenderer } from './table_utils.js';
|
|
4
5
|
interface TableBodyProps<TData extends RowData> {
|
|
5
6
|
rows: Array<Row<TData>>;
|
|
7
|
+
tdStyle?: CSSProperties;
|
|
6
8
|
getTdProps?: GetTdProps<TData>;
|
|
7
9
|
renderRowTr: TableRowTrRenderer<TData> | undefined;
|
|
8
10
|
virtualizeRows?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_body.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_body.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAExE,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAMtD,OAAO,KAAK,EACV,UAAU,EACV,uBAAuB,EACvB,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,UAAU,cAAc,CAAC,KAAK,SAAS,OAAO;IAC5C,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC/B,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IAClD,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC;CACnD;AAED,wBAAgB,SAAS,CAAC,KAAK,SAAS,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAoE5E"}
|
|
@@ -5,7 +5,7 @@ import { TableDraggableRowTr } from './reorder_rows/index.js';
|
|
|
5
5
|
import { TableRowTr } from './table_row.js';
|
|
6
6
|
import { TableRowCell } from './table_row_cell.js';
|
|
7
7
|
export function TableBody(props) {
|
|
8
|
-
const { rows, getTdProps, renderRowTr = getDefaultRenderRowTr(props.isReorderingEnabled, props.renderRowPreview), virtualizer, virtualizeRows, } = props;
|
|
8
|
+
const { rows, tdStyle, getTdProps, renderRowTr = getDefaultRenderRowTr(props.isReorderingEnabled, props.renderRowPreview), virtualizer, virtualizeRows, } = props;
|
|
9
9
|
if (virtualizeRows) {
|
|
10
10
|
const virtualItems = virtualizer.getVirtualItems();
|
|
11
11
|
const [before, after] = virtualItems.length > 0
|
|
@@ -15,19 +15,19 @@ export function TableBody(props) {
|
|
|
15
15
|
]
|
|
16
16
|
: [0, 0];
|
|
17
17
|
return (_jsxs("tbody", { children: [before > 0 && (_jsx("tr", { children: _jsx("td", { style: { height: before } }) })), virtualItems.map((virtualItem, index) => (_jsx(TableRow, { row: rows[virtualItem.index], renderRowTr: (row) => {
|
|
18
|
-
const trProps = getTrRenderProps(row, getTdProps, {
|
|
18
|
+
const trProps = getTrRenderProps(row, tdStyle, getTdProps, {
|
|
19
19
|
...virtualItem,
|
|
20
20
|
virtualIndex: index,
|
|
21
21
|
});
|
|
22
22
|
return renderRowTr(trProps, row);
|
|
23
23
|
} }, virtualItem.index))), after > 0 && (_jsx("tr", { children: _jsx("td", { style: { height: after } }) }))] }));
|
|
24
24
|
}
|
|
25
|
-
return (_jsx("tbody", { children: rows.map((row) => (_jsx(TableRow, { row: row, renderRowTr: (row) => renderRowTr(getTrRenderProps(row, getTdProps), row) }, row.id))) }));
|
|
25
|
+
return (_jsx("tbody", { children: rows.map((row) => (_jsx(TableRow, { row: row, renderRowTr: (row) => renderRowTr(getTrRenderProps(row, tdStyle, getTdProps), row) }, row.id))) }));
|
|
26
26
|
}
|
|
27
27
|
function TableRow({ row, renderRowTr, }) {
|
|
28
28
|
return _jsx(Fragment, { children: renderRowTr(row) });
|
|
29
29
|
}
|
|
30
|
-
function getTrRenderProps(row, getTdProps, virtualItem) {
|
|
30
|
+
function getTrRenderProps(row, tdStyle, getTdProps, virtualItem) {
|
|
31
31
|
const index = virtualItem ? virtualItem.index : row.index;
|
|
32
32
|
return {
|
|
33
33
|
// index is 0-indexed, so odd rows are even indices
|
|
@@ -35,7 +35,7 @@ function getTrRenderProps(row, getTdProps, virtualItem) {
|
|
|
35
35
|
style: { position: 'relative' },
|
|
36
36
|
children: row
|
|
37
37
|
.getVisibleCells()
|
|
38
|
-
.map((cell) => (_jsx(TableRowCell, { cell: cell, getTdProps: getTdProps }, cell.id))),
|
|
38
|
+
.map((cell) => (_jsx(TableRowCell, { cell: cell, tdStyle: tdStyle, getTdProps: getTdProps }, cell.id))),
|
|
39
39
|
'data-row-id': row.id,
|
|
40
40
|
};
|
|
41
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_body.js","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,6 +20,7 @@ function getThProps(header) {
|
|
|
20
20
|
style: {
|
|
21
21
|
position: 'relative',
|
|
22
22
|
cursor: canSort ? 'pointer' : undefined,
|
|
23
|
+
...column.columnDef.meta?.thStyle,
|
|
23
24
|
},
|
|
24
25
|
children: (_jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '5px' }, children: [_jsx("div", { children: flexRender(column.columnDef.header, header.getContext()) }), sorted && _jsx(Icon, { icon: sortingIcon })] })),
|
|
25
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_header_cell.js","sourceRoot":"","sources":["../../../src/components/table/table_header_cell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAiBnC,MAAM,UAAU,eAAe,CAC7B,KAAkC;IAElC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IAEnC,IAAI,gBAAgB,EAAE,CAAC;QACrB,OAAO,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,gBAAQ,OAAO,GAAI,CAAC;AAC7B,CAAC;AAED,SAAS,UAAU,CACjB,MAA8B;IAE9B,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAE1B,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAC5D,MAAM,IAAI,KAAK,CAChB,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC,SAAS;QAC/D,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;
|
|
1
|
+
{"version":3,"file":"table_header_cell.js","sourceRoot":"","sources":["../../../src/components/table/table_header_cell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAiBnC,MAAM,UAAU,eAAe,CAC7B,KAAkC;IAElC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IAEnC,IAAI,gBAAgB,EAAE,CAAC;QACrB,OAAO,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAC3C,CAAC;IACD,OAAO,gBAAQ,OAAO,GAAI,CAAC;AAC7B,CAAC;AAED,SAAS,UAAU,CACjB,MAA8B;IAE9B,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAE1B,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAC5D,MAAM,IAAI,KAAK,CAChB,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC,SAAS;QAC/D,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACvC,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO;SAClC;QACD,QAAQ,EAAE,CACR,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,aAC/D,wBAAM,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,GAAO,EACpE,MAAM,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,GAAI,IAClC,CACP;KACF,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CACrB,IAAwC;IAExC,OAAO,KAAK,CAGV,IAAI,CAAC;SACJ,IAAI,CACH,MAAM,EACN,UAAU,EACV,cAAc,EACd,2BAA2B,EAC3B,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,EAAE,UAAU;QACf,IAAI,EAAE,WAAW;KAClB,CAAC,CACH;SACA,IAAI,CAAC,MAAM,EAAE,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC;QACxC,GAAG,EAAE,mBAAmB;QACxB,IAAI,EAAE,wBAAwB;KAC/B,CAAC,CAAC;SACF,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;QACpB,GAAG,EAAE,gBAAgB;QACrB,IAAI,EAAE,qBAAqB;KAC5B,CAAC,CAAC;SACF,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;AAC/D,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { RowData, TableOptions } from '@tanstack/react-table';
|
|
2
|
-
import type { RefObject, TableHTMLAttributes } from 'react';
|
|
2
|
+
import type { CSSProperties, RefObject, TableHTMLAttributes } from 'react';
|
|
3
3
|
import type { HeaderCellRenderer } from './table_header_cell.js';
|
|
4
4
|
import type { GetTdProps, Scroller, TableColumnDef, TableRowPreviewRenderer, TableRowTrRenderer, VirtualScroller } from './table_utils.js';
|
|
5
5
|
interface TableBaseProps<TData extends RowData> {
|
|
@@ -63,9 +63,15 @@ interface TableBaseProps<TData extends RowData> {
|
|
|
63
63
|
*/
|
|
64
64
|
renderHeaderCell?: HeaderCellRenderer<TData>;
|
|
65
65
|
/**
|
|
66
|
-
* Pass custom
|
|
66
|
+
* Pass custom default style to the `<td>` elements.
|
|
67
|
+
* If `getTdProps` returns a `style` object, it will be merged with `tdStyle`.
|
|
68
|
+
*/
|
|
69
|
+
tdStyle?: CSSProperties;
|
|
70
|
+
/**
|
|
71
|
+
* Pass custom props to the `<td>` elements.
|
|
67
72
|
* The callback is called for each cell and receives the row's data.
|
|
68
73
|
* The returned properties are spread onto the `<td>` element.
|
|
74
|
+
* If `style` is returned, it will be merged with `tdStyle`.
|
|
69
75
|
*/
|
|
70
76
|
getTdProps?: GetTdProps<TData>;
|
|
71
77
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_root.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,OAAO,EAEP,YAAY,EACb,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"table_root.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,7 +46,7 @@ const CustomHTMLTable = styled(HTMLTable, {
|
|
|
46
46
|
}
|
|
47
47
|
`;
|
|
48
48
|
export function Table(props) {
|
|
49
|
-
const { data, columns, bordered = false, compact = false, interactive = false, striped = false, noHeader = false, stickyHeader = false, reactTable, tableProps, className, renderRowTr, renderHeaderCell, getTdProps, virtualizeRows, getRowId, onRowOrderChanged, renderRowPreview, scrollToRowRef, } = props;
|
|
49
|
+
const { data, columns, bordered = false, compact = false, interactive = false, striped = false, noHeader = false, stickyHeader = false, reactTable, tableProps, className, renderRowTr, renderHeaderCell, tdStyle, getTdProps, virtualizeRows, getRowId, onRowOrderChanged, renderRowPreview, scrollToRowRef, } = props;
|
|
50
50
|
const isReorderingEnabled = !!onRowOrderChanged;
|
|
51
51
|
const virtualScrollElementRef = useRef(null);
|
|
52
52
|
const columnDefs = useTableColumns(columns);
|
|
@@ -99,7 +99,7 @@ export function Table(props) {
|
|
|
99
99
|
// Props which are not forwarded to the HTMLTable component
|
|
100
100
|
striped: striped, noHeader: noHeader, stickyHeader: stickyHeader,
|
|
101
101
|
// Props which are forwarded to the HTMLTable component
|
|
102
|
-
ref: tableRef, bordered: bordered, compact: compact, interactive: interactive, ...tableProps, className: finalClassName, children: [!noHeader && (_jsx(TableHeader, { sticky: stickyHeader, headers: tableHeaders, renderHeaderCell: renderHeaderCell })), _jsx(TableBody, { rows: table.getRowModel().rows, renderRowTr: renderRowTr, getTdProps: getTdProps, virtualizer: tanstackVirtualizer, virtualizeRows: virtualizeRows, renderRowPreview: renderRowPreview, isReorderingEnabled: isReorderingEnabled })] }) }) }) }) }));
|
|
102
|
+
ref: tableRef, bordered: bordered, compact: compact, interactive: interactive, ...tableProps, className: finalClassName, children: [!noHeader && (_jsx(TableHeader, { sticky: stickyHeader, headers: tableHeaders, renderHeaderCell: renderHeaderCell })), _jsx(TableBody, { rows: table.getRowModel().rows, renderRowTr: renderRowTr, tdStyle: tdStyle, getTdProps: getTdProps, virtualizer: tanstackVirtualizer, virtualizeRows: virtualizeRows, renderRowPreview: renderRowPreview, isReorderingEnabled: isReorderingEnabled })] }) }) }) }) }));
|
|
103
103
|
}
|
|
104
104
|
function useCheckProps(props, headers) {
|
|
105
105
|
const { onRowOrderChanged, getRowId } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAS9D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAA4B;IAC3D,SAAS;IACT,cAAc;IACd,UAAU;CACX,CAAgB,CAAC;AAElB,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE;IACxC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC;CAC1D,CAAC,CAA8C;;IAE5C,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,KAAK,CAAC;KACT,IAAI,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;KACxD,SAAS,CACR,CAAC,KAAK,EAAE,EAAE,CAAC;;;;;;sBAMG,KAAK,CAAC,KAAK,CAAC;KACvB,IAAI,CACH,EAAE,QAAQ,EAAE,IAAI,EAAE,EAClB,GAAG,EAAE,CAAC,sCAAsC,CAC7C;KACA,SAAS,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC;;;;;;KAMxC,CACE;;;;;kBAKW,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS;;CAE5D,CAAC;
|
|
1
|
+
{"version":3,"file":"table_root.js","sourceRoot":"","sources":["../../../src/components/table/table_root.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import type { Cell, RowData } from '@tanstack/react-table';
|
|
2
|
+
import type { CSSProperties } from 'react';
|
|
2
3
|
import type { GetTdProps } from './table_utils.js';
|
|
3
4
|
interface TableRowCellProps<TData extends RowData> {
|
|
4
5
|
cell: Cell<TData, unknown>;
|
|
6
|
+
tdStyle: CSSProperties | undefined;
|
|
5
7
|
getTdProps: GetTdProps<TData> | undefined;
|
|
6
8
|
}
|
|
7
9
|
export declare function TableRowCell<TData extends RowData>(props: TableRowCellProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_row_cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_row_cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,UAAU,iBAAiB,CAAC,KAAK,SAAS,OAAO;IAC/C,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC3B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;CAC3C;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,OAAO,EAChD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAYhC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { flexRender } from '@tanstack/react-table';
|
|
3
3
|
export function TableRowCell(props) {
|
|
4
|
-
const { cell, getTdProps } = props;
|
|
5
|
-
|
|
4
|
+
const { cell, tdStyle, getTdProps } = props;
|
|
5
|
+
const tdProps = getTdProps?.(cell);
|
|
6
|
+
const style = { ...tdStyle, ...tdProps?.style };
|
|
7
|
+
return (_jsx("td", { ...tdProps, style: style, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }));
|
|
6
8
|
}
|
|
7
9
|
//# sourceMappingURL=table_row_cell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_row_cell.js","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"table_row_cell.js","sourceRoot":"","sources":["../../../src/components/table/table_row_cell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAWnD,MAAM,UAAU,YAAY,CAC1B,KAA+B;IAE/B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE5C,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,CAAC;IAEhD,OAAO,CACL,gBAAQ,OAAO,EAAE,KAAK,EAAE,KAAK,YAC1B,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,GACvD,CACN,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,MAAM,EACN,YAAY,EACZ,YAAY,EACb,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,MAAM,EACN,YAAY,EACZ,YAAY,EACb,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,MAAM,sBAAsB,GAC9B,OAAO,GACP,OAAO,GACP,cAAc,GACd,cAAc,CAAC;AAEnB,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,UAAU,CAAC;IACjD;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD;AAED,MAAM,WAAW,gBACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;IAClE,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAMD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC;IACzC,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAoBD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CA+D1C;yBA/De,OAAO;;6BA0Jd,uBAAuB;;AAzFhC,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ButtonGroup, Classes, Colors, Icon, Popover } from '@blueprintjs/core';
|
|
3
3
|
import styled from '@emotion/styled';
|
|
4
|
-
import {
|
|
4
|
+
import { useLayoutEffect, useMemo, useRef } from 'react';
|
|
5
5
|
import { Button } from '../button/index.js';
|
|
6
|
+
import { normalizeIcon } from '../icon.js';
|
|
6
7
|
import { toolbarContext, useToolbarContext } from './toolbarContext.js';
|
|
7
8
|
const border = '1px solid rgb(247, 247, 247)';
|
|
8
9
|
const ToolbarButton = styled(Button) `
|
|
@@ -70,32 +71,19 @@ function ToolbarItemInternal(props) {
|
|
|
70
71
|
const { intent: toolbarIntent, disabled: toolbarDisabled, vertical, } = useToolbarContext();
|
|
71
72
|
const intent = itemIntent ?? toolbarIntent;
|
|
72
73
|
const disabled = itemDisabled ?? toolbarDisabled;
|
|
73
|
-
const
|
|
74
|
-
|
|
75
|
-
: cloneElement(icon, {
|
|
76
|
-
className: icon.props.className
|
|
77
|
-
? `${icon.props.className} ${Classes.ICON}`
|
|
78
|
-
: Classes.ICON,
|
|
79
|
-
});
|
|
80
|
-
return (_jsx(ToolbarButton, { alignText: isPopover ? 'start' : undefined, disabled: disabled, intent: intent, type: "button", active: active, style: {
|
|
74
|
+
const normalizedIcon = normalizeIcon(icon, 16);
|
|
75
|
+
return (_jsx(ToolbarButton, { disabled: disabled, intent: intent, type: "button", active: active, style: {
|
|
81
76
|
position: 'relative',
|
|
82
77
|
fontSize: '1.125em',
|
|
83
78
|
width: 'fit-content',
|
|
84
|
-
}, icon: _jsxs("div", { style: {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
transform: 'rotate(45deg)',
|
|
93
|
-
position: 'absolute',
|
|
94
|
-
bottom: 0,
|
|
95
|
-
right: 0,
|
|
96
|
-
width: 9,
|
|
97
|
-
height: 9,
|
|
98
|
-
} }))] }), onClick: onClick, tooltipProps: !tooltip
|
|
79
|
+
}, icon: _jsx(_Fragment, { children: isPopover ? (_jsxs(_Fragment, { children: [_jsx("div", { style: { display: 'contents' }, children: normalizedIcon }), _jsx(Icon, { icon: "caret-right", size: 9, style: {
|
|
80
|
+
transform: 'rotate(45deg)',
|
|
81
|
+
position: 'absolute',
|
|
82
|
+
bottom: 0,
|
|
83
|
+
right: 0,
|
|
84
|
+
width: 9,
|
|
85
|
+
height: 9,
|
|
86
|
+
} })] })) : (normalizedIcon) }), onClick: onClick, tooltipProps: !tooltip
|
|
99
87
|
? undefined
|
|
100
88
|
: {
|
|
101
89
|
content: tooltip,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { TooltipProps } from '@blueprintjs/core';
|
|
2
|
-
import { ButtonGroup, Classes, Colors
|
|
2
|
+
import { ButtonGroup, Classes, Colors } from '@blueprintjs/core';
|
|
3
3
|
import styled from '@emotion/styled';
|
|
4
4
|
import type { MouseEvent, ReactNode } from 'react';
|
|
5
|
-
import { cloneElement } from 'react';
|
|
6
5
|
|
|
7
6
|
import type { ButtonProps } from '../button/index.js';
|
|
8
7
|
import { Button } from '../button/index.js';
|
|
8
|
+
import { normalizeIcon } from '../icon.js';
|
|
9
9
|
|
|
10
10
|
export interface ActivityBarProps {
|
|
11
11
|
children: ReactNode;
|
|
@@ -45,12 +45,6 @@ const ActivityButton = styled(Button)`
|
|
|
45
45
|
color: ${Colors.DARK_GRAY3};
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
.${Classes.ICON} {
|
|
49
|
-
width: 20px;
|
|
50
|
-
height: 20px;
|
|
51
|
-
font-size: 14px;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
48
|
.${Classes.TAG} {
|
|
55
49
|
font-size: 12px;
|
|
56
50
|
line-height: 14px;
|
|
@@ -59,15 +53,6 @@ const ActivityButton = styled(Button)`
|
|
|
59
53
|
}
|
|
60
54
|
`;
|
|
61
55
|
|
|
62
|
-
const ActivityButtonIconContainer = styled.div`
|
|
63
|
-
display: flex;
|
|
64
|
-
justify-content: center;
|
|
65
|
-
align-items: center;
|
|
66
|
-
width: 0;
|
|
67
|
-
height: 0;
|
|
68
|
-
margin-right: 0;
|
|
69
|
-
`;
|
|
70
|
-
|
|
71
56
|
export function ActivityBarItem(props: ActivityBarItemProps) {
|
|
72
57
|
const {
|
|
73
58
|
active = false,
|
|
@@ -78,24 +63,12 @@ export function ActivityBarItem(props: ActivityBarItemProps) {
|
|
|
78
63
|
...otherProps
|
|
79
64
|
} = props;
|
|
80
65
|
|
|
81
|
-
const resizedIcon =
|
|
82
|
-
!icon || typeof icon === 'string'
|
|
83
|
-
? icon
|
|
84
|
-
: cloneElement(icon, {
|
|
85
|
-
className: icon.props.className
|
|
86
|
-
? `${icon.props.className} ${Classes.ICON}`
|
|
87
|
-
: Classes.ICON,
|
|
88
|
-
});
|
|
66
|
+
const resizedIcon = normalizeIcon(icon, 20);
|
|
89
67
|
|
|
90
68
|
return (
|
|
91
69
|
<ActivityButton
|
|
92
70
|
type="button"
|
|
93
71
|
active={active}
|
|
94
|
-
icon={
|
|
95
|
-
<ActivityButtonIconContainer>
|
|
96
|
-
<Icon icon={resizedIcon} size={20} />
|
|
97
|
-
</ActivityButtonIconContainer>
|
|
98
|
-
}
|
|
99
72
|
onClick={onClick}
|
|
100
73
|
tooltipProps={
|
|
101
74
|
!tooltip
|
|
@@ -109,7 +82,9 @@ export function ActivityBarItem(props: ActivityBarItemProps) {
|
|
|
109
82
|
}
|
|
110
83
|
}
|
|
111
84
|
{...otherProps}
|
|
112
|
-
|
|
85
|
+
>
|
|
86
|
+
{resizedIcon}
|
|
87
|
+
</ActivityButton>
|
|
113
88
|
);
|
|
114
89
|
}
|
|
115
90
|
|
|
@@ -7,7 +7,6 @@ import type {
|
|
|
7
7
|
import {
|
|
8
8
|
AnchorButton,
|
|
9
9
|
Button as BlueprintButton,
|
|
10
|
-
Classes,
|
|
11
10
|
Icon,
|
|
12
11
|
Tag,
|
|
13
12
|
Tooltip,
|
|
@@ -15,7 +14,6 @@ import {
|
|
|
15
14
|
import type { CSSObject } from '@emotion/styled';
|
|
16
15
|
import styled from '@emotion/styled';
|
|
17
16
|
import type { ReactNode } from 'react';
|
|
18
|
-
import { Fragment } from 'react';
|
|
19
17
|
|
|
20
18
|
type BlueprintProps = {
|
|
21
19
|
[key in keyof BlueprintButtonProps &
|
|
@@ -46,22 +44,17 @@ const ButtonTag = styled(Tag)`
|
|
|
46
44
|
// Setting the line-height makes sure regular sized buttons have a
|
|
47
45
|
// height consistent with the input fields and across variants.
|
|
48
46
|
// Using the same line height as in the blueprint docs.
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
lineHeight: 1.15,
|
|
54
|
-
position: 'relative',
|
|
55
|
-
[`.${Classes.ICON}`]: !buttonProps.children && { marginRight: 0 },
|
|
56
|
-
};
|
|
57
|
-
}
|
|
47
|
+
const buttonStyles: CSSObject = {
|
|
48
|
+
lineHeight: 1.15,
|
|
49
|
+
position: 'relative',
|
|
50
|
+
};
|
|
58
51
|
|
|
59
52
|
const TooltipAnchorButton = styled(AnchorButton)<{
|
|
60
53
|
children: ReactNode;
|
|
61
|
-
}>(
|
|
54
|
+
}>(buttonStyles);
|
|
62
55
|
|
|
63
56
|
const TooltipButton = styled(BlueprintButton)<{ children: ReactNode }>(
|
|
64
|
-
|
|
57
|
+
buttonStyles,
|
|
65
58
|
);
|
|
66
59
|
|
|
67
60
|
export function Button(props: ButtonProps) {
|
|
@@ -88,14 +81,31 @@ export function Button(props: ButtonProps) {
|
|
|
88
81
|
{...targetProps}
|
|
89
82
|
{...buttonProps}
|
|
90
83
|
icon={
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
84
|
+
/*
|
|
85
|
+
icon and children will be children of the same node.
|
|
86
|
+
Blueprintjs' stylesheet treats the presence of multiple child elements
|
|
87
|
+
as there being icon and text, styling the icon with a right margin
|
|
88
|
+
so that the text is not right next to it.
|
|
89
|
+
In blueprint alone, this only happens when the button has children.
|
|
90
|
+
Here, we need to handle the case when the button has a tag, which
|
|
91
|
+
adds a sibling but should not affect the margin on its own.
|
|
92
|
+
*/
|
|
93
|
+
tag ? (
|
|
94
|
+
<>
|
|
95
|
+
{children ? (
|
|
96
|
+
<Icon icon={buttonProps.icon} />
|
|
97
|
+
) : (
|
|
98
|
+
<div style={{ display: 'contents' }}>
|
|
99
|
+
<Icon icon={buttonProps.icon} />
|
|
100
|
+
</div>
|
|
101
|
+
)}
|
|
94
102
|
<ButtonTag round intent="success" {...tagProps}>
|
|
95
103
|
{tag}
|
|
96
104
|
</ButtonTag>
|
|
97
|
-
|
|
98
|
-
|
|
105
|
+
</>
|
|
106
|
+
) : (
|
|
107
|
+
buttonProps.icon
|
|
108
|
+
)
|
|
99
109
|
}
|
|
100
110
|
>
|
|
101
111
|
{children}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { ButtonProps } from '@blueprintjs/core';
|
|
2
|
+
import { Classes, Icon } from '@blueprintjs/core';
|
|
3
|
+
import { cloneElement } from 'react';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Return a normalized icon.
|
|
7
|
+
* Accepts a blueprint icon id or a custom element.
|
|
8
|
+
*/
|
|
9
|
+
export function normalizeIcon(icon: ButtonProps['icon'], size: number) {
|
|
10
|
+
return !icon || typeof icon === 'string' ? (
|
|
11
|
+
<Icon icon={icon} size={size} />
|
|
12
|
+
) : (
|
|
13
|
+
cloneElement(icon, {
|
|
14
|
+
style: {
|
|
15
|
+
width: size,
|
|
16
|
+
height: size,
|
|
17
|
+
// In a toolbar, icon size is 16 and font size 12
|
|
18
|
+
// In an activity toolbar, icon size is 20 and font size 16
|
|
19
|
+
fontSize: size - 4,
|
|
20
|
+
textAlign: 'center',
|
|
21
|
+
},
|
|
22
|
+
className: icon.props.className
|
|
23
|
+
? `${icon.props.className} ${Classes.ICON}`
|
|
24
|
+
: Classes.ICON,
|
|
25
|
+
})
|
|
26
|
+
);
|
|
27
|
+
}
|
|
@@ -1,4 +1,18 @@
|
|
|
1
|
+
import type { RowData } from '@tanstack/react-table';
|
|
2
|
+
import type { CSSProperties } from 'react';
|
|
3
|
+
|
|
1
4
|
export * from './table_root.js';
|
|
2
5
|
export * from './table_utils.js';
|
|
3
6
|
export * from './table_row.js';
|
|
4
7
|
export * from './reorder_rows/index.js';
|
|
8
|
+
|
|
9
|
+
declare module '@tanstack/react-table' {
|
|
10
|
+
// Declaration merging
|
|
11
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
12
|
+
interface ColumnMeta<TData extends RowData, TValue> {
|
|
13
|
+
/**
|
|
14
|
+
* Merged into the `style` prop of the default-rendered `<th>` element.
|
|
15
|
+
*/
|
|
16
|
+
thStyle?: CSSProperties;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Row, RowData } from '@tanstack/react-table';
|
|
2
2
|
import type { VirtualItem, Virtualizer } from '@tanstack/react-virtual';
|
|
3
3
|
import { notUndefined } from '@tanstack/react-virtual';
|
|
4
|
-
import type { ReactNode } from 'react';
|
|
4
|
+
import type { CSSProperties, ReactNode } from 'react';
|
|
5
5
|
import { Fragment } from 'react';
|
|
6
6
|
|
|
7
7
|
import { TableDraggableRowTr } from './reorder_rows/index.js';
|
|
@@ -16,6 +16,7 @@ import type {
|
|
|
16
16
|
|
|
17
17
|
interface TableBodyProps<TData extends RowData> {
|
|
18
18
|
rows: Array<Row<TData>>;
|
|
19
|
+
tdStyle?: CSSProperties;
|
|
19
20
|
getTdProps?: GetTdProps<TData>;
|
|
20
21
|
renderRowTr: TableRowTrRenderer<TData> | undefined;
|
|
21
22
|
virtualizeRows?: boolean;
|
|
@@ -27,6 +28,7 @@ interface TableBodyProps<TData extends RowData> {
|
|
|
27
28
|
export function TableBody<TData extends RowData>(props: TableBodyProps<TData>) {
|
|
28
29
|
const {
|
|
29
30
|
rows,
|
|
31
|
+
tdStyle,
|
|
30
32
|
getTdProps,
|
|
31
33
|
renderRowTr = getDefaultRenderRowTr(
|
|
32
34
|
props.isReorderingEnabled,
|
|
@@ -57,10 +59,15 @@ export function TableBody<TData extends RowData>(props: TableBodyProps<TData>) {
|
|
|
57
59
|
key={virtualItem.index}
|
|
58
60
|
row={rows[virtualItem.index]}
|
|
59
61
|
renderRowTr={(row) => {
|
|
60
|
-
const trProps = getTrRenderProps<TData>(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
const trProps = getTrRenderProps<TData>(
|
|
63
|
+
row,
|
|
64
|
+
tdStyle,
|
|
65
|
+
getTdProps,
|
|
66
|
+
{
|
|
67
|
+
...virtualItem,
|
|
68
|
+
virtualIndex: index,
|
|
69
|
+
},
|
|
70
|
+
);
|
|
64
71
|
return renderRowTr(trProps, row);
|
|
65
72
|
}}
|
|
66
73
|
/>
|
|
@@ -80,7 +87,7 @@ export function TableBody<TData extends RowData>(props: TableBodyProps<TData>) {
|
|
|
80
87
|
key={row.id}
|
|
81
88
|
row={row}
|
|
82
89
|
renderRowTr={(row) =>
|
|
83
|
-
renderRowTr(getTrRenderProps(row, getTdProps), row)
|
|
90
|
+
renderRowTr(getTrRenderProps(row, tdStyle, getTdProps), row)
|
|
84
91
|
}
|
|
85
92
|
/>
|
|
86
93
|
))}
|
|
@@ -109,6 +116,7 @@ type RenderRowVirtualItem = VirtualItem & {
|
|
|
109
116
|
|
|
110
117
|
function getTrRenderProps<TData extends RowData>(
|
|
111
118
|
row: Row<TData>,
|
|
119
|
+
tdStyle: CSSProperties | undefined,
|
|
112
120
|
getTdProps: GetTdProps<TData> | undefined,
|
|
113
121
|
virtualItem?: RenderRowVirtualItem,
|
|
114
122
|
): TableRowTrRenderProps {
|
|
@@ -124,6 +132,7 @@ function getTrRenderProps<TData extends RowData>(
|
|
|
124
132
|
<TableRowCell<TData>
|
|
125
133
|
key={cell.id}
|
|
126
134
|
cell={cell}
|
|
135
|
+
tdStyle={tdStyle}
|
|
127
136
|
getTdProps={getTdProps}
|
|
128
137
|
/>
|
|
129
138
|
)),
|
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
useReactTable,
|
|
13
13
|
} from '@tanstack/react-table';
|
|
14
14
|
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
15
|
-
import type { RefObject, TableHTMLAttributes } from 'react';
|
|
15
|
+
import type { CSSProperties, RefObject, TableHTMLAttributes } from 'react';
|
|
16
16
|
import { useEffect, useMemo, useRef } from 'react';
|
|
17
17
|
import { match } from 'ts-pattern';
|
|
18
18
|
|
|
@@ -143,9 +143,16 @@ interface TableBaseProps<TData extends RowData> {
|
|
|
143
143
|
renderHeaderCell?: HeaderCellRenderer<TData>;
|
|
144
144
|
|
|
145
145
|
/**
|
|
146
|
-
* Pass custom
|
|
146
|
+
* Pass custom default style to the `<td>` elements.
|
|
147
|
+
* If `getTdProps` returns a `style` object, it will be merged with `tdStyle`.
|
|
148
|
+
*/
|
|
149
|
+
tdStyle?: CSSProperties;
|
|
150
|
+
|
|
151
|
+
/**
|
|
152
|
+
* Pass custom props to the `<td>` elements.
|
|
147
153
|
* The callback is called for each cell and receives the row's data.
|
|
148
154
|
* The returned properties are spread onto the `<td>` element.
|
|
155
|
+
* If `style` is returned, it will be merged with `tdStyle`.
|
|
149
156
|
*/
|
|
150
157
|
getTdProps?: GetTdProps<TData>;
|
|
151
158
|
|
|
@@ -226,6 +233,7 @@ export function Table<TData extends RowData>(props: TableProps<TData>) {
|
|
|
226
233
|
className,
|
|
227
234
|
renderRowTr,
|
|
228
235
|
renderHeaderCell,
|
|
236
|
+
tdStyle,
|
|
229
237
|
getTdProps,
|
|
230
238
|
|
|
231
239
|
virtualizeRows,
|
|
@@ -333,6 +341,7 @@ export function Table<TData extends RowData>(props: TableProps<TData>) {
|
|
|
333
341
|
<TableBody
|
|
334
342
|
rows={table.getRowModel().rows}
|
|
335
343
|
renderRowTr={renderRowTr}
|
|
344
|
+
tdStyle={tdStyle}
|
|
336
345
|
getTdProps={getTdProps}
|
|
337
346
|
virtualizer={tanstackVirtualizer}
|
|
338
347
|
virtualizeRows={virtualizeRows}
|
|
@@ -1,20 +1,25 @@
|
|
|
1
1
|
import type { Cell, RowData } from '@tanstack/react-table';
|
|
2
2
|
import { flexRender } from '@tanstack/react-table';
|
|
3
|
+
import type { CSSProperties } from 'react';
|
|
3
4
|
|
|
4
5
|
import type { GetTdProps } from './table_utils.js';
|
|
5
6
|
|
|
6
7
|
interface TableRowCellProps<TData extends RowData> {
|
|
7
8
|
cell: Cell<TData, unknown>;
|
|
9
|
+
tdStyle: CSSProperties | undefined;
|
|
8
10
|
getTdProps: GetTdProps<TData> | undefined;
|
|
9
11
|
}
|
|
10
12
|
|
|
11
13
|
export function TableRowCell<TData extends RowData>(
|
|
12
14
|
props: TableRowCellProps<TData>,
|
|
13
15
|
) {
|
|
14
|
-
const { cell, getTdProps } = props;
|
|
16
|
+
const { cell, tdStyle, getTdProps } = props;
|
|
17
|
+
|
|
18
|
+
const tdProps = getTdProps?.(cell);
|
|
19
|
+
const style = { ...tdStyle, ...tdProps?.style };
|
|
15
20
|
|
|
16
21
|
return (
|
|
17
|
-
<td {...
|
|
22
|
+
<td {...tdProps} style={style}>
|
|
18
23
|
{flexRender(cell.column.columnDef.cell, cell.getContext())}
|
|
19
24
|
</td>
|
|
20
25
|
);
|
|
@@ -7,10 +7,11 @@ import type {
|
|
|
7
7
|
import { ButtonGroup, Classes, Colors, Icon, Popover } from '@blueprintjs/core';
|
|
8
8
|
import styled from '@emotion/styled';
|
|
9
9
|
import type { MouseEvent, ReactNode } from 'react';
|
|
10
|
-
import {
|
|
10
|
+
import { useLayoutEffect, useMemo, useRef } from 'react';
|
|
11
11
|
|
|
12
12
|
import type { ButtonProps } from '../button/index.js';
|
|
13
13
|
import { Button } from '../button/index.js';
|
|
14
|
+
import { normalizeIcon } from '../icon.js';
|
|
14
15
|
|
|
15
16
|
import type { ToolbarContext } from './toolbarContext.js';
|
|
16
17
|
import { toolbarContext, useToolbarContext } from './toolbarContext.js';
|
|
@@ -163,18 +164,10 @@ function ToolbarItemInternal(props: ToolbarItemInternalProps) {
|
|
|
163
164
|
const intent = itemIntent ?? toolbarIntent;
|
|
164
165
|
const disabled = itemDisabled ?? toolbarDisabled;
|
|
165
166
|
|
|
166
|
-
const
|
|
167
|
-
!icon || typeof icon === 'string'
|
|
168
|
-
? icon
|
|
169
|
-
: cloneElement(icon, {
|
|
170
|
-
className: icon.props.className
|
|
171
|
-
? `${icon.props.className} ${Classes.ICON}`
|
|
172
|
-
: Classes.ICON,
|
|
173
|
-
});
|
|
167
|
+
const normalizedIcon = normalizeIcon(icon, 16);
|
|
174
168
|
|
|
175
169
|
return (
|
|
176
170
|
<ToolbarButton
|
|
177
|
-
alignText={isPopover ? 'start' : undefined}
|
|
178
171
|
disabled={disabled}
|
|
179
172
|
intent={intent}
|
|
180
173
|
type="button"
|
|
@@ -185,32 +178,28 @@ function ToolbarItemInternal(props: ToolbarItemInternalProps) {
|
|
|
185
178
|
width: 'fit-content',
|
|
186
179
|
}}
|
|
187
180
|
icon={
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
width: 9,
|
|
209
|
-
height: 9,
|
|
210
|
-
}}
|
|
211
|
-
/>
|
|
181
|
+
<>
|
|
182
|
+
{isPopover ? (
|
|
183
|
+
<>
|
|
184
|
+
{/*For the icon to be properly styled, it should not have any siblings*/}
|
|
185
|
+
<div style={{ display: 'contents' }}>{normalizedIcon}</div>
|
|
186
|
+
<Icon
|
|
187
|
+
icon="caret-right"
|
|
188
|
+
size={9}
|
|
189
|
+
style={{
|
|
190
|
+
transform: 'rotate(45deg)',
|
|
191
|
+
position: 'absolute',
|
|
192
|
+
bottom: 0,
|
|
193
|
+
right: 0,
|
|
194
|
+
width: 9,
|
|
195
|
+
height: 9,
|
|
196
|
+
}}
|
|
197
|
+
/>
|
|
198
|
+
</>
|
|
199
|
+
) : (
|
|
200
|
+
normalizedIcon
|
|
212
201
|
)}
|
|
213
|
-
|
|
202
|
+
</>
|
|
214
203
|
}
|
|
215
204
|
onClick={onClick}
|
|
216
205
|
tooltipProps={
|