namirasoft-site-react 1.3.313 → 1.3.315
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/NSBoxEntity.js +1 -1
- package/dist/components/NSBoxEntity.js.map +1 -1
- package/dist/components/NSBoxEntity.module.css +1 -1
- package/dist/components/NSTable.d.ts +3 -0
- package/dist/components/NSTable.js +15 -2
- package/dist/components/NSTable.js.map +1 -1
- package/dist/components/NSTable.module.css +5 -7
- package/package.json +1 -1
- package/src/components/NSBoxEntity.module.css +1 -1
- package/src/components/NSBoxEntity.tsx +22 -45
- package/src/components/NSTable.module.css +5 -7
- package/src/components/NSTable.tsx +20 -2
|
@@ -80,7 +80,7 @@ export class NSBoxEntity extends React.Component {
|
|
|
80
80
|
if (this.state.items == null) {
|
|
81
81
|
return _jsx(NSLoading, {});
|
|
82
82
|
}
|
|
83
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { mode: this.props.multiple ? "multiple" : undefined,
|
|
83
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { mode: this.props.multiple ? "multiple" : undefined, className: Styles.ns_input_entity, placeholder: this.props.placeholder, onChange: this.onChanged, onClick: () => this.props.onClicked, optionLabelProp: "label", options: (_a = this.state.items_string) !== null && _a !== void 0 ? _a : [], optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: IconSelectBox, alt: "SelectBox Icon" }) }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
//# sourceMappingURL=NSBoxEntity.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxEntity.js","sourceRoot":"","sources":["../../src/components/NSBoxEntity.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxEntity.js","sourceRoot":"","sources":["../../src/components/NSBoxEntity.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,6 +29,7 @@ interface NSTableState<RowType> {
|
|
|
29
29
|
description?: string;
|
|
30
30
|
};
|
|
31
31
|
selectedIDs: string[];
|
|
32
|
+
indeterminate: boolean;
|
|
32
33
|
}
|
|
33
34
|
export declare class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableState<RowType>> {
|
|
34
35
|
NSPagination: React.RefObject<NSPagination>;
|
|
@@ -45,6 +46,8 @@ export declare class NSTable<RowType> extends Component<INSTableProps<RowType>,
|
|
|
45
46
|
exportToExcel(): void;
|
|
46
47
|
getSelectedIDs(): string[];
|
|
47
48
|
setSelectedIDs(ids: string[]): void;
|
|
49
|
+
private isAllChecked;
|
|
50
|
+
private isSomeChecked;
|
|
48
51
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
49
52
|
}
|
|
50
53
|
export {};
|
|
@@ -19,16 +19,19 @@ export class NSTable extends Component {
|
|
|
19
19
|
columns: props.columns,
|
|
20
20
|
rows: null,
|
|
21
21
|
model: { show: false },
|
|
22
|
-
selectedIDs: []
|
|
22
|
+
selectedIDs: [],
|
|
23
|
+
indeterminate: false
|
|
23
24
|
};
|
|
24
25
|
this.setColumns = this.setColumns.bind(this);
|
|
25
26
|
this.setRows = this.setRows.bind(this);
|
|
26
27
|
this.showModal = this.showModal.bind(this);
|
|
27
28
|
this.hideModal = this.hideModal.bind(this);
|
|
28
29
|
this.onPageChange = this.onPageChange.bind(this);
|
|
30
|
+
this.isSomeChecked = this.isSomeChecked.bind(this);
|
|
29
31
|
this.toggleAllCheckboxes = this.toggleAllCheckboxes.bind(this);
|
|
30
32
|
this.print = this.print.bind(this);
|
|
31
33
|
this.exportToExcel = this.exportToExcel.bind(this);
|
|
34
|
+
this.isAllChecked = this.isAllChecked.bind(this);
|
|
32
35
|
}
|
|
33
36
|
setColumns(columns) {
|
|
34
37
|
this.setState({ columns });
|
|
@@ -95,6 +98,13 @@ export class NSTable extends Component {
|
|
|
95
98
|
this.props.onSelectedIDsChanged();
|
|
96
99
|
});
|
|
97
100
|
}
|
|
101
|
+
isAllChecked() {
|
|
102
|
+
return this.state.rows !== null && this.state.rows.length > 0 && this.state.selectedIDs.length === this.state.rows.length;
|
|
103
|
+
}
|
|
104
|
+
isSomeChecked() {
|
|
105
|
+
debugger;
|
|
106
|
+
return this.state.selectedIDs.length > 0 && !this.isAllChecked();
|
|
107
|
+
}
|
|
98
108
|
render() {
|
|
99
109
|
var _a;
|
|
100
110
|
let column_keys = Object.keys(this.state.columns);
|
|
@@ -143,9 +153,12 @@ export class NSTable extends Component {
|
|
|
143
153
|
else
|
|
144
154
|
selectedIDs = selectedIDs.filter(x => x !== id);
|
|
145
155
|
this.setSelectedIDs(selectedIDs);
|
|
156
|
+
this.setState({ selectedIDs }, () => {
|
|
157
|
+
this.setState({ indeterminate: this.isSomeChecked() });
|
|
158
|
+
});
|
|
146
159
|
} }), column_keys.map((column, columnIndex) => (_createElement("td", Object.assign({}, getColumnAttributes(column, columnIndex + 1), { key: columnIndex + 1, "data-label": `${this.state.columns[column]} : `, onClick: (e) => { onCellClick(e, row, column, rowIndex, columnIndex + 1); } }), getCell(row, column, rowIndex, columnIndex + 1))))] }, this.props.getRowKey(row, rowIndex)));
|
|
147
160
|
}
|
|
148
|
-
return (_jsxs("div", { id: this.props.id, className: `${Styles.ns_project_list_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("table", { className: Styles.ns_table, children: [_jsx("thead", { className: Styles.ns_thead, children: _jsxs("tr", { children: [this.props.checkbox && _jsx("th", { className: Styles.ns_check_box, children: _jsx("input", { className: Styles.ns_check_box_input
|
|
161
|
+
return (_jsxs("div", { id: this.props.id, className: `${Styles.ns_project_list_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("table", { className: Styles.ns_table, children: [_jsx("thead", { className: Styles.ns_thead, children: _jsxs("tr", { children: [this.props.checkbox && _jsx("th", { className: Styles.ns_check_box, children: _jsx("input", { className: `${Styles.ns_check_box_input} ${this.state.indeterminate ? "test2" : "test3"}`, id: 'checkbox', type: 'checkbox', onChange: this.toggleAllCheckboxes, checked: this.getSelectedIDs().length > 0 }) }), column_keys.map(column_key => _jsx("th", { scope: "col", children: this.state.columns[column_key] }, column_key))] }) }), _jsx("tbody", { className: Styles.ns_tbody, children: content })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), _jsxs("section", { className: Styles.ns_pagination_button, children: [_jsx(NSPagination, { ref: this.NSPagination, totalItems: this.props.totalItems, onPageChange: this.onPageChange }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: Styles.ns_button, children: [_jsx(NSButton, { title: 'Chart', icon: { src: "https://static.namirasoft.com/image/concept/chart/blue.svg" }, onClick: () => { }, style: { border: '1px solid rgba(255, 148, 50, 1)', width: "128px" } }), _jsx(NSButton, { title: 'Print', icon: { src: "https://static.namirasoft.com/image/concept/print/blue.svg" }, onClick: this.print, style: { border: '1px solid rgba(255, 148, 50, 1)', width: "128px" } }), _jsx(NSButton, { title: 'Export', icon: { src: "https://static.namirasoft.com/image/concept/export/blue.svg" }, onClick: this.exportToExcel, style: { border: '1px solid rgba(255, 148, 50, 1)', width: "128px" } }), _jsx(NSButton, { title: 'Refresh', icon: { src: "https://static.namirasoft.com/image/concept/refresh/blue.svg" }, onClick: () => {
|
|
149
162
|
if (this.NSPagination.current)
|
|
150
163
|
this.props.reload(this.NSPagination.current.getCurrentPage(), this.NSPagination.current.getPageSize());
|
|
151
164
|
}, style: { border: '1px solid rgba(3, 119, 255, 1)', width: "128px" } })] })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSModal, { show: this.state.model.show, description: this.state.model.description, onClose: () => { this.hideModal(); }, title: this.state.title })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAEb,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -156,10 +156,6 @@
|
|
|
156
156
|
align-items: center;
|
|
157
157
|
cursor: pointer;
|
|
158
158
|
}
|
|
159
|
-
|
|
160
|
-
.ns_check_box input {
|
|
161
|
-
scale: 1.5;
|
|
162
|
-
}
|
|
163
159
|
}
|
|
164
160
|
|
|
165
161
|
@media screen and (min-width: 1024px) {
|
|
@@ -203,9 +199,11 @@
|
|
|
203
199
|
}
|
|
204
200
|
|
|
205
201
|
.ns_check_box input {
|
|
206
|
-
width:
|
|
202
|
+
width: 28px !important;
|
|
203
|
+
height: 28px;
|
|
207
204
|
}
|
|
208
205
|
|
|
209
|
-
.ns_td_input{
|
|
210
|
-
|
|
206
|
+
.ns_td_input {
|
|
207
|
+
height: 28px;
|
|
208
|
+
width: 28px !important;
|
|
211
209
|
}
|
package/package.json
CHANGED
|
@@ -11,14 +11,12 @@ import { BaseOptionType } from "antd/es/select";
|
|
|
11
11
|
import { FilterItem } from "namirasoft-core";
|
|
12
12
|
import { NSLoading } from "./NSLoading";
|
|
13
13
|
|
|
14
|
-
interface INSBoxEntitOption extends BaseOptionType
|
|
15
|
-
{
|
|
14
|
+
interface INSBoxEntitOption extends BaseOptionType {
|
|
16
15
|
desc: string;
|
|
17
16
|
value: string;
|
|
18
17
|
}
|
|
19
18
|
|
|
20
|
-
export interface INSBoxEntityProps<Data> extends IBaseComponentProps, IValidationProps
|
|
21
|
-
{
|
|
19
|
+
export interface INSBoxEntityProps<Data> extends IBaseComponentProps, IValidationProps {
|
|
22
20
|
title: string;
|
|
23
21
|
placeholder?: string;
|
|
24
22
|
defaultValue?: string;
|
|
@@ -30,8 +28,7 @@ export interface INSBoxEntityProps<Data> extends IBaseComponentProps, IValidatio
|
|
|
30
28
|
getText: (item: Data) => string;
|
|
31
29
|
}
|
|
32
30
|
|
|
33
|
-
export interface INSBoxEntityState<Data>
|
|
34
|
-
{
|
|
31
|
+
export interface INSBoxEntityState<Data> {
|
|
35
32
|
items: Data[] | null;
|
|
36
33
|
items_string: INSBoxEntitOption[] | null;
|
|
37
34
|
value: Data | null;
|
|
@@ -39,10 +36,8 @@ export interface INSBoxEntityState<Data>
|
|
|
39
36
|
error?: string;
|
|
40
37
|
}
|
|
41
38
|
|
|
42
|
-
export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>, INSBoxEntityState<Data>>
|
|
43
|
-
{
|
|
44
|
-
constructor(props: INSBoxEntityProps<Data>)
|
|
45
|
-
{
|
|
39
|
+
export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>, INSBoxEntityState<Data>> {
|
|
40
|
+
constructor(props: INSBoxEntityProps<Data>) {
|
|
46
41
|
super(props);
|
|
47
42
|
this.state = {
|
|
48
43
|
items: null,
|
|
@@ -56,79 +51,62 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
|
|
|
56
51
|
this.getValue = this.getValue.bind(this);
|
|
57
52
|
this.onChanged = this.onChanged.bind(this);
|
|
58
53
|
}
|
|
59
|
-
getError(value: Data | null): string | null
|
|
60
|
-
{
|
|
54
|
+
getError(value: Data | null): string | null {
|
|
61
55
|
let value_string = value == null ? "" : this.props.getValue(value);
|
|
62
56
|
return (
|
|
63
57
|
Validator.getError(this.props.title, value_string, this.props)
|
|
64
58
|
);
|
|
65
59
|
}
|
|
66
|
-
getValue(): Data | null
|
|
67
|
-
{
|
|
60
|
+
getValue(): Data | null {
|
|
68
61
|
let error = this.getError(this.state.value);
|
|
69
|
-
if (error)
|
|
70
|
-
{
|
|
62
|
+
if (error) {
|
|
71
63
|
this.setState({ error });
|
|
72
64
|
throw new Error(error);
|
|
73
65
|
}
|
|
74
66
|
return this.state.value;
|
|
75
67
|
}
|
|
76
|
-
getValues(): Data[]
|
|
77
|
-
|
|
78
|
-
this.state.values.forEach(value =>
|
|
79
|
-
{
|
|
68
|
+
getValues(): Data[] {
|
|
69
|
+
this.state.values.forEach(value => {
|
|
80
70
|
let error = this.getError(value);
|
|
81
|
-
if (error)
|
|
82
|
-
{
|
|
71
|
+
if (error) {
|
|
83
72
|
this.setState({ error });
|
|
84
73
|
throw new Error(error);
|
|
85
74
|
}
|
|
86
75
|
});
|
|
87
76
|
return this.state.values;
|
|
88
77
|
}
|
|
89
|
-
setValue(value: Data | null): void
|
|
90
|
-
|
|
91
|
-
this.setState({ value }, () =>
|
|
92
|
-
{
|
|
78
|
+
setValue(value: Data | null): void {
|
|
79
|
+
this.setState({ value }, () => {
|
|
93
80
|
if (this.props.onChanged)
|
|
94
81
|
this.props.onChanged(this);
|
|
95
82
|
});
|
|
96
83
|
}
|
|
97
|
-
setValues(values: Data[]): void
|
|
98
|
-
|
|
99
|
-
this.setState({ values }, () =>
|
|
100
|
-
{
|
|
84
|
+
setValues(values: Data[]): void {
|
|
85
|
+
this.setState({ values }, () => {
|
|
101
86
|
if (this.props.onChanged)
|
|
102
87
|
this.props.onChanged(this);
|
|
103
88
|
});
|
|
104
89
|
}
|
|
105
|
-
private onChanged(value: string | null | string[]): void
|
|
106
|
-
{
|
|
90
|
+
private onChanged(value: string | null | string[]): void {
|
|
107
91
|
if (this.state.items)
|
|
108
|
-
if (this.props.multiple)
|
|
109
|
-
{
|
|
92
|
+
if (this.props.multiple) {
|
|
110
93
|
let string_values = value as string[];
|
|
111
94
|
let ds = this.state.items.filter(item => string_values.includes(this.props.getValue(item))) ?? [];
|
|
112
95
|
this.setValues(ds);
|
|
113
96
|
}
|
|
114
|
-
else
|
|
115
|
-
{
|
|
97
|
+
else {
|
|
116
98
|
let d = this.state.items.find(item => this.props.getValue(item) === value) ?? null;
|
|
117
99
|
this.setValue(d);
|
|
118
100
|
}
|
|
119
101
|
}
|
|
120
|
-
override componentDidMount()
|
|
121
|
-
|
|
122
|
-
this.props.getItems([], null, null).then(items =>
|
|
123
|
-
{
|
|
102
|
+
override componentDidMount() {
|
|
103
|
+
this.props.getItems([], null, null).then(items => {
|
|
124
104
|
let items_string = items.rows.map(item => { return { value: this.props.getValue(item), desc: this.props.getText(item) } });
|
|
125
105
|
this.setState({ items: items.rows, items_string });
|
|
126
106
|
}).catch(() => { });
|
|
127
107
|
}
|
|
128
|
-
override render()
|
|
129
|
-
|
|
130
|
-
if (this.state.items == null)
|
|
131
|
-
{
|
|
108
|
+
override render() {
|
|
109
|
+
if (this.state.items == null) {
|
|
132
110
|
// todo
|
|
133
111
|
return <NSLoading></NSLoading>
|
|
134
112
|
}
|
|
@@ -138,7 +116,6 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
|
|
|
138
116
|
<span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
|
|
139
117
|
<Select
|
|
140
118
|
mode={this.props.multiple ? "multiple" : undefined}
|
|
141
|
-
style={{ width: '100%' }}
|
|
142
119
|
className={Styles.ns_input_entity}
|
|
143
120
|
placeholder={this.props.placeholder}
|
|
144
121
|
onChange={this.onChanged}
|
|
@@ -156,10 +156,6 @@
|
|
|
156
156
|
align-items: center;
|
|
157
157
|
cursor: pointer;
|
|
158
158
|
}
|
|
159
|
-
|
|
160
|
-
.ns_check_box input {
|
|
161
|
-
scale: 1.5;
|
|
162
|
-
}
|
|
163
159
|
}
|
|
164
160
|
|
|
165
161
|
@media screen and (min-width: 1024px) {
|
|
@@ -203,9 +199,11 @@
|
|
|
203
199
|
}
|
|
204
200
|
|
|
205
201
|
.ns_check_box input {
|
|
206
|
-
width:
|
|
202
|
+
width: 28px !important;
|
|
203
|
+
height: 28px;
|
|
207
204
|
}
|
|
208
205
|
|
|
209
|
-
.ns_td_input{
|
|
210
|
-
|
|
206
|
+
.ns_td_input {
|
|
207
|
+
height: 28px;
|
|
208
|
+
width: 28px !important;
|
|
211
209
|
}
|
|
@@ -36,6 +36,7 @@ interface NSTableState<RowType>
|
|
|
36
36
|
description?: string;
|
|
37
37
|
};
|
|
38
38
|
selectedIDs: string[];
|
|
39
|
+
indeterminate: boolean;
|
|
39
40
|
}
|
|
40
41
|
|
|
41
42
|
export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableState<RowType>>
|
|
@@ -48,16 +49,19 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
|
|
|
48
49
|
columns: props.columns,
|
|
49
50
|
rows: null,
|
|
50
51
|
model: { show: false },
|
|
51
|
-
selectedIDs: []
|
|
52
|
+
selectedIDs: [],
|
|
53
|
+
indeterminate: false
|
|
52
54
|
};
|
|
53
55
|
this.setColumns = this.setColumns.bind(this);
|
|
54
56
|
this.setRows = this.setRows.bind(this);
|
|
55
57
|
this.showModal = this.showModal.bind(this);
|
|
56
58
|
this.hideModal = this.hideModal.bind(this);
|
|
57
59
|
this.onPageChange = this.onPageChange.bind(this);
|
|
60
|
+
this.isSomeChecked = this.isSomeChecked.bind(this);
|
|
58
61
|
this.toggleAllCheckboxes = this.toggleAllCheckboxes.bind(this);
|
|
59
62
|
this.print = this.print.bind(this);
|
|
60
63
|
this.exportToExcel = this.exportToExcel.bind(this);
|
|
64
|
+
this.isAllChecked = this.isAllChecked.bind(this);
|
|
61
65
|
}
|
|
62
66
|
|
|
63
67
|
setColumns(columns: { [key: string]: string })
|
|
@@ -149,6 +153,16 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
|
|
|
149
153
|
this.props.onSelectedIDsChanged();
|
|
150
154
|
});
|
|
151
155
|
}
|
|
156
|
+
private isAllChecked(): boolean
|
|
157
|
+
{
|
|
158
|
+
return this.state.rows !== null && this.state.rows.length > 0 && this.state.selectedIDs.length === this.state.rows.length;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
private isSomeChecked(): boolean
|
|
162
|
+
{
|
|
163
|
+
debugger
|
|
164
|
+
return this.state.selectedIDs.length > 0 && !this.isAllChecked();
|
|
165
|
+
}
|
|
152
166
|
override render()
|
|
153
167
|
{
|
|
154
168
|
let column_keys = Object.keys(this.state.columns);
|
|
@@ -215,6 +229,10 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
|
|
|
215
229
|
else
|
|
216
230
|
selectedIDs = selectedIDs.filter(x => x !== id);
|
|
217
231
|
this.setSelectedIDs(selectedIDs)
|
|
232
|
+
this.setState({ selectedIDs }, () =>
|
|
233
|
+
{
|
|
234
|
+
this.setState({ indeterminate: this.isSomeChecked() });
|
|
235
|
+
});
|
|
218
236
|
}} />
|
|
219
237
|
}
|
|
220
238
|
{
|
|
@@ -236,7 +254,7 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
|
|
|
236
254
|
<tr>
|
|
237
255
|
{
|
|
238
256
|
this.props.checkbox && <th className={Styles.ns_check_box}>
|
|
239
|
-
<input className={Styles.ns_check_box_input} id='checkbox' type='checkbox' onChange={this.toggleAllCheckboxes} checked={this.getSelectedIDs().length > 0}></input>
|
|
257
|
+
<input className={`${Styles.ns_check_box_input} ${this.state.indeterminate ? "test2" : "test3"}`} id='checkbox' type='checkbox' onChange={this.toggleAllCheckboxes} checked={this.getSelectedIDs().length > 0}></input>
|
|
240
258
|
</th>
|
|
241
259
|
}
|
|
242
260
|
{
|