react-science 6.0.2 → 7.0.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/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/header/PanelHeader.d.ts.map +1 -1
- package/lib/components/header/PanelHeader.js +2 -19
- package/lib/components/header/PanelHeader.js.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +1 -0
- package/lib/components/index.js.map +1 -1
- package/lib/components/info-panel/InfoPanel.d.ts.map +1 -1
- package/lib/components/info-panel/InfoPanel.js +2 -1
- package/lib/components/info-panel/InfoPanel.js.map +1 -1
- package/lib/components/selected-total/SelectedTotal.d.ts +7 -0
- package/lib/components/selected-total/SelectedTotal.d.ts.map +1 -0
- package/lib/components/selected-total/SelectedTotal.js +25 -0
- package/lib/components/selected-total/SelectedTotal.js.map +1 -0
- package/lib/components/selected-total/index.d.ts +2 -0
- package/lib/components/selected-total/index.d.ts.map +1 -0
- package/lib/components/selected-total/index.js +18 -0
- package/lib/components/selected-total/index.js.map +1 -0
- package/lib/components/toolbar/Toolbar.d.ts +5 -14
- package/lib/components/toolbar/Toolbar.d.ts.map +1 -1
- package/lib/components/toolbar/Toolbar.js +28 -13
- package/lib/components/toolbar/Toolbar.js.map +1 -1
- package/lib-esm/components/button/Button.d.ts.map +1 -1
- package/lib-esm/components/button/Button.js +20 -14
- package/lib-esm/components/button/Button.js.map +1 -1
- package/lib-esm/components/header/PanelHeader.d.ts.map +1 -1
- package/lib-esm/components/header/PanelHeader.js +2 -19
- package/lib-esm/components/header/PanelHeader.js.map +1 -1
- package/lib-esm/components/index.d.ts +1 -0
- package/lib-esm/components/index.d.ts.map +1 -1
- package/lib-esm/components/index.js +1 -0
- package/lib-esm/components/index.js.map +1 -1
- package/lib-esm/components/info-panel/InfoPanel.d.ts.map +1 -1
- package/lib-esm/components/info-panel/InfoPanel.js +2 -1
- package/lib-esm/components/info-panel/InfoPanel.js.map +1 -1
- package/lib-esm/components/selected-total/SelectedTotal.d.ts +7 -0
- package/lib-esm/components/selected-total/SelectedTotal.d.ts.map +1 -0
- package/lib-esm/components/selected-total/SelectedTotal.js +22 -0
- package/lib-esm/components/selected-total/SelectedTotal.js.map +1 -0
- package/lib-esm/components/selected-total/index.d.ts +2 -0
- package/lib-esm/components/selected-total/index.d.ts.map +1 -0
- package/lib-esm/components/selected-total/index.js +2 -0
- package/lib-esm/components/selected-total/index.js.map +1 -0
- package/lib-esm/components/toolbar/Toolbar.d.ts +5 -14
- package/lib-esm/components/toolbar/Toolbar.d.ts.map +1 -1
- package/lib-esm/components/toolbar/Toolbar.js +28 -13
- package/lib-esm/components/toolbar/Toolbar.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.tsx +41 -28
- package/src/components/header/PanelHeader.tsx +2 -20
- package/src/components/index.ts +1 -0
- package/src/components/info-panel/InfoPanel.tsx +2 -1
- package/src/components/selected-total/SelectedTotal.tsx +32 -0
- package/src/components/selected-total/index.ts +1 -0
- package/src/components/toolbar/Toolbar.tsx +42 -32
|
@@ -4,6 +4,7 @@ import { Icon, InputGroup } from '@blueprintjs/core';
|
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
5
|
import * as Collapsible from '@radix-ui/react-collapsible';
|
|
6
6
|
import { memo, useCallback, useMemo, useState } from 'react';
|
|
7
|
+
import { SelectedTotal } from '../selected-total/SelectedTotal';
|
|
7
8
|
import { createTableColumnHelper, Table } from '../table';
|
|
8
9
|
import * as ValueRenderers from '../value-renderers';
|
|
9
10
|
const style = {
|
|
@@ -130,7 +131,7 @@ export function InfoPanel(props) {
|
|
|
130
131
|
if (target.value !== undefined) {
|
|
131
132
|
setSearch(target.value);
|
|
132
133
|
}
|
|
133
|
-
}, style: inputStyle, leftIcon: "search", type: "search", fill: true }),
|
|
134
|
+
}, style: inputStyle, leftIcon: "search", type: "search", fill: true }), _jsx(SelectedTotal, { count: count, total: total })] }), _jsx(InfoPanelContent, { filteredData: filteredData })] }));
|
|
134
135
|
}
|
|
135
136
|
const InfoPanelContent = memo((props) => {
|
|
136
137
|
const { filteredData } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectedTotal.d.ts","sourceRoot":"","sources":["../../../src/components/selected-total/SelectedTotal.tsx"],"names":[],"mappings":"AAAA,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAYtD"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export function SelectedTotal(props) {
|
|
3
|
+
const { total, count } = props;
|
|
4
|
+
return (_jsx("div", { style: {
|
|
5
|
+
whiteSpace: 'nowrap',
|
|
6
|
+
margin: 0,
|
|
7
|
+
}, children: formatCounterLabel(count, total) }));
|
|
8
|
+
}
|
|
9
|
+
function formatCounterLabel(count, total) {
|
|
10
|
+
const thinSpace = '\u2009';
|
|
11
|
+
if (count !== undefined && total !== undefined) {
|
|
12
|
+
return `[${thinSpace}${count}${thinSpace}/${thinSpace}${total}${thinSpace}]`;
|
|
13
|
+
}
|
|
14
|
+
if (count !== undefined) {
|
|
15
|
+
return `[${thinSpace}${count}${thinSpace}]`;
|
|
16
|
+
}
|
|
17
|
+
if (total !== undefined) {
|
|
18
|
+
return `[${thinSpace}${total}${thinSpace}]`;
|
|
19
|
+
}
|
|
20
|
+
return '';
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=SelectedTotal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectedTotal.js","sourceRoot":"","sources":["../../../src/components/selected-total/SelectedTotal.tsx"],"names":[],"mappings":";AAKA,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC/B,OAAO,CACL,cACE,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,CAAC;SACV,YAEA,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,GAC7B,CACP,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAc,EAAE,KAAc;IACxD,MAAM,SAAS,GAAG,QAAQ,CAAC;IAC3B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC/C,OAAO,IAAI,SAAS,GAAG,KAAK,GAAG,SAAS,IAAI,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,CAAC;IAC/E,CAAC;IACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,IAAI,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,CAAC;IAC9C,CAAC;IACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,IAAI,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,CAAC;IAC9C,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/selected-total/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/selected-total/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -1,31 +1,22 @@
|
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
|
2
|
-
import { Intent, PopoverProps,
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { ButtonGroupProps, Intent, PopoverProps, TooltipProps } from '@blueprintjs/core';
|
|
3
|
+
import { MouseEvent } from 'react';
|
|
4
|
+
import { ButtonProps } from '../button';
|
|
5
5
|
export type PopoverInteractionType = 'click' | 'hover' | 'click-target' | 'hover-target';
|
|
6
6
|
interface ToolbarBaseProps {
|
|
7
7
|
intent?: Intent;
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export interface ToolbarProps extends ToolbarBaseProps {
|
|
11
|
-
vertical?: boolean;
|
|
12
|
-
large?: boolean;
|
|
13
|
-
children?: Array<ReactElement<ToolbarItemProps>> | ReactElement<ToolbarItemProps> | Iterable<ReactNode> | boolean | null;
|
|
10
|
+
export interface ToolbarProps extends ToolbarBaseProps, Pick<ButtonGroupProps, 'children' | 'minimal' | 'large' | 'vertical' | 'fill'> {
|
|
14
11
|
popoverInteractionKind?: PopoverInteractionType;
|
|
15
12
|
}
|
|
16
|
-
export interface ToolbarItemProps extends ToolbarBaseProps {
|
|
17
|
-
id?: string;
|
|
13
|
+
export interface ToolbarItemProps extends ToolbarBaseProps, Pick<ButtonProps, 'id' | 'icon' | 'active' | 'tag' | 'tagProps'> {
|
|
18
14
|
tooltip?: TooltipProps['content'];
|
|
19
15
|
tooltipProps?: Omit<TooltipProps, 'content'>;
|
|
20
|
-
icon: IconName | ReactElement;
|
|
21
|
-
active?: boolean;
|
|
22
16
|
onClick?: (item: ToolbarItemProps & {
|
|
23
17
|
event: MouseEvent;
|
|
24
18
|
}) => void;
|
|
25
|
-
className?: string;
|
|
26
19
|
isPopover?: boolean;
|
|
27
|
-
tag?: ReactNode;
|
|
28
|
-
tagProps?: Omit<TagProps, 'children'>;
|
|
29
20
|
}
|
|
30
21
|
export interface ToolbarPopoverItemProps extends PopoverProps {
|
|
31
22
|
itemProps: ToolbarItemProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAEL,gBAAgB,EAIhB,MAAM,EAEN,YAAY,EACZ,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAEL,UAAU,EAKX,MAAM,OAAO,CAAC;AAEf,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAQhD,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;AACD,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,IAAI,CACF,gBAAgB,EAChB,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CACvD;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,CACR,IAAI,EAAE,gBAAgB,GAAG;QACvB,KAAK,EAAE,UAAU,CAAC;KACnB,KACE,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAID,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,oDAyE1C;yBAzEe,OAAO;sBA2EoB,gBAAgB;6BA2GlD,uBAAuB"}
|
|
@@ -7,8 +7,14 @@ import { Button } from '../button';
|
|
|
7
7
|
import { toolbarContext, useToolbarContext, } from './toolbarContext';
|
|
8
8
|
const border = '1px solid rgb(247, 247, 247)';
|
|
9
9
|
export function Toolbar(props) {
|
|
10
|
-
const { children, disabled, intent, large, vertical, popoverInteractionKind, } = props;
|
|
11
|
-
const contextValue = useMemo(() => ({
|
|
10
|
+
const { children, disabled, intent, large, vertical, popoverInteractionKind, minimal, fill, } = props;
|
|
11
|
+
const contextValue = useMemo(() => ({
|
|
12
|
+
intent,
|
|
13
|
+
large,
|
|
14
|
+
vertical,
|
|
15
|
+
disabled,
|
|
16
|
+
popoverInteractionKind,
|
|
17
|
+
}), [intent, large, vertical, disabled, popoverInteractionKind]);
|
|
12
18
|
const ref = useRef(null);
|
|
13
19
|
// Work around wrong width on vertical flex when wrapping
|
|
14
20
|
// In Chrome: recently fixed (https://bugs.chromium.org/p/chromium/issues/detail?id=507397)
|
|
@@ -38,46 +44,56 @@ export function Toolbar(props) {
|
|
|
38
44
|
return () => observer.unobserve(element);
|
|
39
45
|
}
|
|
40
46
|
}, [vertical]);
|
|
41
|
-
return (_jsx(ToolbarProvider, { value: contextValue, children: _jsx(ButtonGroup
|
|
42
|
-
// Reset because of layout effect above
|
|
43
|
-
// TODO: remove once the workaround is no longer needed
|
|
44
|
-
, { vertical: vertical, large: large, style: {
|
|
47
|
+
return (_jsx(ToolbarProvider, { value: contextValue, children: _jsx(ButtonGroup, { fill: fill, vertical: vertical, large: large, minimal: minimal, style: {
|
|
45
48
|
flexWrap: 'wrap',
|
|
46
49
|
borderRight: vertical ? border : undefined,
|
|
47
50
|
}, children: children }, String(vertical)) }));
|
|
48
51
|
}
|
|
49
52
|
Toolbar.Item = function ToolbarItem(props) {
|
|
50
|
-
const { active = false, icon, onClick, tooltip, tooltipProps,
|
|
53
|
+
const { active = false, icon, onClick, tooltip, tooltipProps, intent: itemIntent, disabled: itemDisabled, isPopover, ...other } = props;
|
|
51
54
|
const { intent: toolbarIntent, disabled: toolbarDisabled, large, vertical, } = useToolbarContext();
|
|
52
55
|
const intent = itemIntent ?? toolbarIntent;
|
|
53
56
|
const disabled = itemDisabled ?? toolbarDisabled;
|
|
54
|
-
const resizedIcon = typeof icon === 'string'
|
|
57
|
+
const resizedIcon = !icon || typeof icon === 'string'
|
|
55
58
|
? icon
|
|
56
59
|
: cloneElement(icon, {
|
|
57
60
|
className: icon.props.className
|
|
58
61
|
? `${icon.props.className} bp5-icon`
|
|
59
62
|
: 'bp5-icon',
|
|
60
63
|
});
|
|
61
|
-
return (_jsx(Button, { alignText: isPopover ? 'left' : undefined,
|
|
64
|
+
return (_jsx(Button, { alignText: isPopover ? 'left' : undefined, disabled: disabled, css: css `
|
|
62
65
|
.${Classes.ICON} {
|
|
63
66
|
color: ${Colors.DARK_GRAY3};
|
|
64
67
|
}
|
|
68
|
+
.bp5-icon {
|
|
69
|
+
width: ${large ? '20px' : '16px'};
|
|
70
|
+
height: ${large ? '20px' : '16px'};
|
|
71
|
+
font-size: ${large ? '14px' : '12px'};
|
|
72
|
+
}
|
|
73
|
+
.bp5-tag {
|
|
74
|
+
font-size: ${large ? '12px' : '10px'};
|
|
75
|
+
line-height: ${large ? '14px' : '12px'};
|
|
76
|
+
min-width: ${large ? '18px' : '15px'};
|
|
77
|
+
min-height: ${large ? '18px' : '15px'};
|
|
78
|
+
}
|
|
65
79
|
`, intent: intent, style: {
|
|
66
80
|
position: 'relative',
|
|
67
81
|
fontSize: '1.125em',
|
|
68
82
|
width: 'fit-content',
|
|
69
|
-
flex: 'none',
|
|
70
83
|
}, type: "button", active: active, icon: _jsxs("div", { style: {
|
|
71
84
|
display: 'flex',
|
|
72
85
|
justifyContent: 'center',
|
|
73
86
|
alignItems: 'center',
|
|
74
87
|
width: 0,
|
|
75
88
|
height: 0,
|
|
76
|
-
|
|
89
|
+
marginRight: 0,
|
|
90
|
+
}, children: [_jsx(Icon, { icon: resizedIcon, size: large ? 20 : 16 }), isPopover && (_jsx(Icon, { icon: "caret-right", size: large ? 14 : 9, style: {
|
|
77
91
|
transform: 'rotate(45deg)',
|
|
78
92
|
position: 'absolute',
|
|
79
93
|
bottom: 0,
|
|
80
94
|
right: 0,
|
|
95
|
+
width: large ? 14 : 9,
|
|
96
|
+
height: large ? 14 : 9,
|
|
81
97
|
} }))] }), onClick: (event) => {
|
|
82
98
|
onClick?.({ event, ...props });
|
|
83
99
|
}, tooltipProps: !tooltip
|
|
@@ -104,9 +120,8 @@ Toolbar.PopoverItem = function ToolbarPopoverItem(props) {
|
|
|
104
120
|
fontSize: '1.125em',
|
|
105
121
|
width: 'fit-content',
|
|
106
122
|
height: 'fit-content',
|
|
107
|
-
flex: 'none',
|
|
108
123
|
},
|
|
109
|
-
},
|
|
124
|
+
}, renderTarget: () => _jsx(Toolbar.Item, { isPopover: true, ...itemProps }), ...other }));
|
|
110
125
|
};
|
|
111
126
|
function ToolbarProvider(props) {
|
|
112
127
|
return (_jsx(toolbarContext.Provider, { value: props.value, children: props.children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EACL,WAAW,
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -4,13 +4,14 @@ import {
|
|
|
4
4
|
AnchorButtonProps as BlueprintAnchorButtonProps,
|
|
5
5
|
Button as BlueprintButton,
|
|
6
6
|
ButtonProps as BlueprintButtonProps,
|
|
7
|
+
Icon,
|
|
7
8
|
Tag,
|
|
8
9
|
TagProps,
|
|
9
10
|
Tooltip,
|
|
10
11
|
TooltipProps,
|
|
11
12
|
} from '@blueprintjs/core';
|
|
12
13
|
import { css } from '@emotion/react';
|
|
13
|
-
import { ReactNode } from 'react';
|
|
14
|
+
import { Fragment, ReactNode } from 'react';
|
|
14
15
|
|
|
15
16
|
type BlueprintProps = {
|
|
16
17
|
[key in keyof BlueprintButtonProps &
|
|
@@ -41,33 +42,45 @@ export function Button(props: ButtonProps) {
|
|
|
41
42
|
content={content}
|
|
42
43
|
{...otherToolTipProps}
|
|
43
44
|
renderTarget={({ isOpen, ...targetProps }) => (
|
|
44
|
-
<
|
|
45
|
-
{
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
45
|
+
<InnerButton
|
|
46
|
+
css={css({
|
|
47
|
+
position: 'relative',
|
|
48
|
+
'.bp5-icon': !children && {
|
|
49
|
+
marginRight: '0',
|
|
50
|
+
},
|
|
51
|
+
})}
|
|
52
|
+
{...targetProps}
|
|
53
|
+
{...buttonProps}
|
|
54
|
+
icon={
|
|
55
|
+
<Fragment>
|
|
56
|
+
<Icon icon={buttonProps.icon} />
|
|
57
|
+
{tag && (
|
|
58
|
+
<Tag
|
|
59
|
+
css={css`
|
|
60
|
+
position: absolute;
|
|
61
|
+
top: 0;
|
|
62
|
+
left: 0;
|
|
63
|
+
cursor: default;
|
|
64
|
+
font-size: 0.875em;
|
|
65
|
+
padding: 2px !important;
|
|
66
|
+
min-height: 15px;
|
|
67
|
+
min-width: 15px;
|
|
68
|
+
line-height: 1em;
|
|
69
|
+
text-align: center;
|
|
70
|
+
z-index: 20;
|
|
71
|
+
`}
|
|
72
|
+
round
|
|
73
|
+
intent="success"
|
|
74
|
+
{...tagProps}
|
|
75
|
+
>
|
|
76
|
+
{tag}
|
|
77
|
+
</Tag>
|
|
78
|
+
)}
|
|
79
|
+
</Fragment>
|
|
80
|
+
}
|
|
81
|
+
>
|
|
82
|
+
{children}
|
|
83
|
+
</InnerButton>
|
|
71
84
|
)}
|
|
72
85
|
/>
|
|
73
86
|
);
|
|
@@ -3,6 +3,7 @@ import { css } from '@emotion/react';
|
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
4
|
|
|
5
5
|
import { Button } from '../button/Button';
|
|
6
|
+
import { SelectedTotal } from '../selected-total/SelectedTotal';
|
|
6
7
|
|
|
7
8
|
const styles = {
|
|
8
9
|
container: css({
|
|
@@ -21,12 +22,6 @@ const styles = {
|
|
|
21
22
|
minWidth: 'auto',
|
|
22
23
|
},
|
|
23
24
|
}),
|
|
24
|
-
counterLabel: css({
|
|
25
|
-
margin: 0,
|
|
26
|
-
textAlign: 'right',
|
|
27
|
-
lineHeight: '22px',
|
|
28
|
-
whiteSpace: 'nowrap',
|
|
29
|
-
}),
|
|
30
25
|
};
|
|
31
26
|
|
|
32
27
|
interface PanelHeaderProps {
|
|
@@ -45,23 +40,10 @@ export function PanelHeader({
|
|
|
45
40
|
return (
|
|
46
41
|
<div css={styles.container}>
|
|
47
42
|
<div css={styles.leftContainer}>{children}</div>
|
|
48
|
-
<
|
|
43
|
+
<SelectedTotal count={current} total={total} />
|
|
49
44
|
{onClickSettings && (
|
|
50
45
|
<Button color="black" minimal onClick={onClickSettings} icon="cog" />
|
|
51
46
|
)}
|
|
52
47
|
</div>
|
|
53
48
|
);
|
|
54
49
|
}
|
|
55
|
-
|
|
56
|
-
function formatCounterLabel(current?: number, total?: number) {
|
|
57
|
-
if (current !== undefined && total !== undefined) {
|
|
58
|
-
return `${current} / ${total}`;
|
|
59
|
-
}
|
|
60
|
-
if (current !== undefined) {
|
|
61
|
-
return `[ ${current} ]`;
|
|
62
|
-
}
|
|
63
|
-
if (total !== undefined) {
|
|
64
|
-
return `[ ${total} ]`;
|
|
65
|
-
}
|
|
66
|
-
return '';
|
|
67
|
-
}
|
package/src/components/index.ts
CHANGED
|
@@ -4,6 +4,7 @@ import { css } from '@emotion/react';
|
|
|
4
4
|
import * as Collapsible from '@radix-ui/react-collapsible';
|
|
5
5
|
import { CSSProperties, memo, useCallback, useMemo, useState } from 'react';
|
|
6
6
|
|
|
7
|
+
import { SelectedTotal } from '../selected-total/SelectedTotal';
|
|
7
8
|
import { createTableColumnHelper, Table } from '../table';
|
|
8
9
|
import * as ValueRenderers from '../value-renderers';
|
|
9
10
|
|
|
@@ -186,7 +187,7 @@ export function InfoPanel(props: InfoPanelProps) {
|
|
|
186
187
|
type="search"
|
|
187
188
|
fill
|
|
188
189
|
/>
|
|
189
|
-
|
|
190
|
+
<SelectedTotal count={count} total={total} />
|
|
190
191
|
</div>
|
|
191
192
|
<InfoPanelContent filteredData={filteredData} />
|
|
192
193
|
</div>
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
interface SelectedTotalProps {
|
|
2
|
+
total?: number;
|
|
3
|
+
count?: number;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
export function SelectedTotal(props: SelectedTotalProps) {
|
|
7
|
+
const { total, count } = props;
|
|
8
|
+
return (
|
|
9
|
+
<div
|
|
10
|
+
style={{
|
|
11
|
+
whiteSpace: 'nowrap',
|
|
12
|
+
margin: 0,
|
|
13
|
+
}}
|
|
14
|
+
>
|
|
15
|
+
{formatCounterLabel(count, total)}
|
|
16
|
+
</div>
|
|
17
|
+
);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
function formatCounterLabel(count?: number, total?: number) {
|
|
21
|
+
const thinSpace = '\u2009';
|
|
22
|
+
if (count !== undefined && total !== undefined) {
|
|
23
|
+
return `[${thinSpace}${count}${thinSpace}/${thinSpace}${total}${thinSpace}]`;
|
|
24
|
+
}
|
|
25
|
+
if (count !== undefined) {
|
|
26
|
+
return `[${thinSpace}${count}${thinSpace}]`;
|
|
27
|
+
}
|
|
28
|
+
if (total !== undefined) {
|
|
29
|
+
return `[${thinSpace}${total}${thinSpace}]`;
|
|
30
|
+
}
|
|
31
|
+
return '';
|
|
32
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SelectedTotal';
|