namirasoft-site-react 1.3.223 → 1.3.225
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/App.js +47 -1
- package/dist/App.js.map +1 -1
- package/dist/components/NSFilterBox.d.ts +27 -35
- package/dist/components/NSFilterBox.js +163 -98
- package/dist/components/NSFilterBox.js.map +1 -1
- package/dist/components/NSFilterItem.d.ts +1 -1
- package/dist/components/NSFilterItem.js +2 -1
- package/dist/components/NSFilterItem.js.map +1 -1
- package/dist/components/NSGroupedList.d.ts +15 -13
- package/dist/components/NSGroupedList.js +5 -4
- package/dist/components/NSGroupedList.js.map +1 -1
- package/dist/components/NSTable.d.ts +1 -3
- package/dist/components/NSTable.js +1 -9
- package/dist/components/NSTable.js.map +1 -1
- package/dist/main.d.ts +1 -1
- package/dist/main.js +1 -1
- package/dist/main.js.map +1 -1
- package/package.json +2 -2
- package/src/App.tsx +42 -4
- package/src/components/NSFilterBox.tsx +223 -174
- package/src/components/NSFilterItem.tsx +6 -5
- package/src/components/NSGroupedList.tsx +45 -37
- package/src/components/NSTable.tsx +2 -11
- package/src/main.ts +1 -1
- package/dist/components/NSBoxSearch.d.ts +0 -22
- package/dist/components/NSBoxSearch.js +0 -54
- package/dist/components/NSBoxSearch.js.map +0 -1
- package/src/components/NSBoxSearch.tsx +0 -90
package/dist/App.js
CHANGED
|
@@ -1,9 +1,20 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
1
10
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
11
|
import './App.css';
|
|
3
12
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
4
13
|
import { NSBarAction, NSBoxEmail, NSBoxString, NSLayout, NSPagination, NSSpace, NSSpaceSizeType, NSTabPage, NSTable } from './main';
|
|
5
14
|
import { NSBoxLabel } from './components/NSBoxLabel';
|
|
6
15
|
import NSAccess from './components/NSAccess';
|
|
16
|
+
import { NSFilterBox } from './components/NSFilterBox';
|
|
17
|
+
import { FilterItemColumnType } from 'namirasoft-core';
|
|
7
18
|
export function App() {
|
|
8
19
|
const onClicked = () => {
|
|
9
20
|
console.log("clicked");
|
|
@@ -57,6 +68,41 @@ export function App() {
|
|
|
57
68
|
return (_jsx(_Fragment, { children: _jsxs(NSLayout, { header: {
|
|
58
69
|
title: "any",
|
|
59
70
|
icons: icons
|
|
60
|
-
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", children: [
|
|
71
|
+
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", children: [_jsx(NSFilterBox, { tables: [
|
|
72
|
+
{
|
|
73
|
+
name: "product",
|
|
74
|
+
text: "Product",
|
|
75
|
+
columns: [{
|
|
76
|
+
name: "a",
|
|
77
|
+
text: "Name",
|
|
78
|
+
type: FilterItemColumnType.Number
|
|
79
|
+
}, {
|
|
80
|
+
name: "b",
|
|
81
|
+
text: "Description",
|
|
82
|
+
type: FilterItemColumnType.Number
|
|
83
|
+
}, {
|
|
84
|
+
name: "c",
|
|
85
|
+
text: "Group",
|
|
86
|
+
type: FilterItemColumnType.Number
|
|
87
|
+
}]
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
name: "tag",
|
|
91
|
+
text: "Tag",
|
|
92
|
+
columns: [{
|
|
93
|
+
name: "a",
|
|
94
|
+
text: "Project",
|
|
95
|
+
type: FilterItemColumnType.String
|
|
96
|
+
}, {
|
|
97
|
+
name: "b",
|
|
98
|
+
text: "Environment",
|
|
99
|
+
type: FilterItemColumnType.String
|
|
100
|
+
}, {
|
|
101
|
+
name: "c",
|
|
102
|
+
text: "Member",
|
|
103
|
+
type: FilterItemColumnType.String
|
|
104
|
+
}]
|
|
105
|
+
}
|
|
106
|
+
], getData: () => __awaiter(this, void 0, void 0, function* () { return ["1", "2"]; }) }), _jsxs(_Fragment, { children: [_jsx(NSTabPage, { tabs: tabs }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSPagination, { pageSize: 5, totalItems: 100, currentPage: 15, onPageChange: () => { } })] }), _jsx(NSTable, { columns: getColumns(), getColumnAttributes: () => { return {}; }, getRowKey: () => "", pageSize: 40, totalItems: 50, reload: () => { } }), _jsx(NSBarAction, { title: '', menus: group }), _jsx(NSBoxEmail, { title: 'Email', required: true }), _jsx(NSAccess, {}), _jsx(NSBoxString, { title: 'String', required: true })] }) }));
|
|
61
107
|
}
|
|
62
108
|
//# sourceMappingURL=App.js.map
|
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,39 +1,33 @@
|
|
|
1
1
|
import { Component } from 'react';
|
|
2
2
|
import { IBaseComponentProps } from '../main';
|
|
3
3
|
import { FilterItem, FilterItemColumnType, FilterItemOperator } from 'namirasoft-core';
|
|
4
|
-
interface INSFilterBoxProps extends IBaseComponentProps {
|
|
4
|
+
export interface INSFilterBoxProps extends IBaseComponentProps {
|
|
5
5
|
placeholder?: string;
|
|
6
|
+
tables: INSFilterBoxProps_Table[];
|
|
7
|
+
getData: (table: INSFilterBoxProps_Table, column: INSFilterBoxProps_Column) => Promise<string[]>;
|
|
6
8
|
onChanged?: () => void;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
9
|
+
}
|
|
10
|
+
export interface INSFilterBoxProps_Table {
|
|
11
|
+
name: string;
|
|
12
|
+
text: string;
|
|
13
|
+
columns: INSFilterBoxProps_Column[];
|
|
14
|
+
}
|
|
15
|
+
export interface INSFilterBoxProps_Column {
|
|
16
|
+
name: string;
|
|
17
|
+
text: string;
|
|
18
|
+
type: FilterItemColumnType;
|
|
17
19
|
}
|
|
18
20
|
interface INSFilterBoxState {
|
|
21
|
+
state: GroupListState;
|
|
22
|
+
value: string;
|
|
23
|
+
computedValue: string;
|
|
24
|
+
selectedColumn: {
|
|
25
|
+
table: INSFilterBoxProps_Table;
|
|
26
|
+
column: INSFilterBoxProps_Column;
|
|
27
|
+
} | null;
|
|
28
|
+
selectedOperator: FilterItemOperator | null;
|
|
29
|
+
values: string[];
|
|
19
30
|
filterItems: FilterItem[];
|
|
20
|
-
showSuggestList: boolean;
|
|
21
|
-
searchValue: string;
|
|
22
|
-
groupListState: GroupListState;
|
|
23
|
-
selectedColumns: {
|
|
24
|
-
name: string;
|
|
25
|
-
text: string;
|
|
26
|
-
columns: {
|
|
27
|
-
name: string;
|
|
28
|
-
text: string;
|
|
29
|
-
type: FilterItemColumnType;
|
|
30
|
-
}[];
|
|
31
|
-
}[];
|
|
32
|
-
selectedOperators: {
|
|
33
|
-
name: string;
|
|
34
|
-
operator: FilterItemOperator;
|
|
35
|
-
};
|
|
36
|
-
selectedValues: [];
|
|
37
31
|
}
|
|
38
32
|
declare enum GroupListState {
|
|
39
33
|
Normal = "Normal",
|
|
@@ -42,14 +36,12 @@ declare enum GroupListState {
|
|
|
42
36
|
Value = "Value"
|
|
43
37
|
}
|
|
44
38
|
export declare class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState> {
|
|
39
|
+
private input_value?;
|
|
45
40
|
constructor(props: INSFilterBoxProps);
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
selectValue(group: string, item: string): void;
|
|
51
|
-
removeSelected(text: string): void;
|
|
52
|
-
private onChanged;
|
|
41
|
+
private findTable;
|
|
42
|
+
private findColumn;
|
|
43
|
+
removeFilterItem(text: FilterItem): void;
|
|
44
|
+
private onInputValueChanged;
|
|
53
45
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
54
46
|
}
|
|
55
47
|
export {};
|
|
@@ -9,10 +9,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
9
9
|
});
|
|
10
10
|
};
|
|
11
11
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
12
|
-
import { Component } from 'react';
|
|
12
|
+
import React, { Component } from 'react';
|
|
13
13
|
import Styles from './NSFilterBox.module.css';
|
|
14
14
|
import { NSFilterItem } from './NSFilterItem';
|
|
15
|
-
import {
|
|
15
|
+
import { FilterItem, FilterItemOperator } from 'namirasoft-core';
|
|
16
16
|
import NSGroupedList from './NSGroupedList';
|
|
17
17
|
var GroupListState;
|
|
18
18
|
(function (GroupListState) {
|
|
@@ -24,118 +24,183 @@ var GroupListState;
|
|
|
24
24
|
export class NSFilterBox extends Component {
|
|
25
25
|
constructor(props) {
|
|
26
26
|
super(props);
|
|
27
|
-
this.
|
|
28
|
-
|
|
27
|
+
this.onInputValueChanged = (e) => __awaiter(this, void 0, void 0, function* () {
|
|
28
|
+
let value = e.target.value;
|
|
29
|
+
if (this.state.computedValue && value.startsWith(this.state.computedValue))
|
|
30
|
+
this.setState({ value });
|
|
31
|
+
else
|
|
32
|
+
this.setState({ value, computedValue: "", selectedColumn: null, selectedOperator: null, state: GroupListState.Column });
|
|
29
33
|
if (this.props.onChanged)
|
|
30
34
|
this.props.onChanged();
|
|
31
35
|
});
|
|
32
36
|
this.state = {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
operator: FilterItemOperator.all.Empty
|
|
41
|
-
},
|
|
42
|
-
selectedValues: []
|
|
37
|
+
state: GroupListState.Normal,
|
|
38
|
+
value: "",
|
|
39
|
+
computedValue: "",
|
|
40
|
+
selectedColumn: null,
|
|
41
|
+
selectedOperator: null,
|
|
42
|
+
values: [],
|
|
43
|
+
filterItems: []
|
|
43
44
|
};
|
|
44
|
-
this.
|
|
45
|
-
this.
|
|
46
|
-
this.
|
|
47
|
-
this.
|
|
48
|
-
this.
|
|
49
|
-
this.getValue = this.getValue.bind(this);
|
|
50
|
-
this.setValue = this.setValue.bind(this);
|
|
45
|
+
this.input_value = React.createRef();
|
|
46
|
+
this.findTable = this.findTable.bind(this);
|
|
47
|
+
this.findColumn = this.findColumn.bind(this);
|
|
48
|
+
this.onInputValueChanged = this.onInputValueChanged.bind(this);
|
|
49
|
+
this.removeFilterItem = this.removeFilterItem.bind(this);
|
|
51
50
|
}
|
|
52
|
-
|
|
53
|
-
|
|
51
|
+
findTable(name) {
|
|
52
|
+
let res = this.props.tables.filter(t => t.name === name);
|
|
53
|
+
if (res.length === 1)
|
|
54
|
+
return res[0];
|
|
55
|
+
throw new Error("Table not found: " + name);
|
|
54
56
|
}
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
searchValue: value
|
|
61
|
-
});
|
|
62
|
-
else
|
|
63
|
-
this.setState({
|
|
64
|
-
showSuggestList: false,
|
|
65
|
-
groupListState: GroupListState.Normal,
|
|
66
|
-
searchValue: ""
|
|
67
|
-
});
|
|
57
|
+
findColumn(table, name) {
|
|
58
|
+
let res = table.columns.filter(c => c.name === name);
|
|
59
|
+
if (res.length === 1)
|
|
60
|
+
return res[0];
|
|
61
|
+
throw new Error("Column not found: " + name);
|
|
68
62
|
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
this.setState({
|
|
73
|
-
groupListState: GroupListState.Opertor,
|
|
74
|
-
searchValue: item
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
selectOperator(group, item) {
|
|
78
|
-
console.log("item", item);
|
|
79
|
-
console.log("group", group);
|
|
80
|
-
debugger;
|
|
81
|
-
this.setState({
|
|
82
|
-
groupListState: GroupListState.Value,
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
selectValue(group, item) {
|
|
86
|
-
console.log("item", item);
|
|
87
|
-
console.log("group", group);
|
|
88
|
-
}
|
|
89
|
-
removeSelected(text) {
|
|
90
|
-
let selectedArray = [...this.state.filterItems];
|
|
91
|
-
selectedArray = selectedArray.filter(item => item.column !== text);
|
|
92
|
-
this.setState({
|
|
93
|
-
filterItems: selectedArray
|
|
94
|
-
});
|
|
63
|
+
removeFilterItem(text) {
|
|
64
|
+
let filterItems = [...this.state.filterItems];
|
|
65
|
+
filterItems = filterItems.filter(item => item !== text);
|
|
66
|
+
this.setState({ filterItems });
|
|
95
67
|
}
|
|
96
68
|
render() {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
69
|
+
let use = this.state.value;
|
|
70
|
+
let computed = false;
|
|
71
|
+
if (this.state.computedValue) {
|
|
72
|
+
if (this.state.value.startsWith(this.state.computedValue)) {
|
|
73
|
+
let index = this.state.value.indexOf(this.state.computedValue);
|
|
74
|
+
if (index !== -1) {
|
|
75
|
+
index += this.state.computedValue.length;
|
|
76
|
+
use = this.state.value.substring(index).trim();
|
|
77
|
+
computed = true;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
let group_use = {
|
|
82
|
+
name: "use",
|
|
83
|
+
text: "Use",
|
|
84
|
+
items: [
|
|
85
|
+
{
|
|
86
|
+
name: use,
|
|
87
|
+
text: this.state.computedValue,
|
|
88
|
+
text_bold: use,
|
|
89
|
+
}
|
|
90
|
+
]
|
|
91
|
+
};
|
|
92
|
+
let groups_column = [];
|
|
93
|
+
if (use && !computed)
|
|
94
|
+
groups_column.push(group_use);
|
|
95
|
+
groups_column.push(...this.props.tables.map((table) => {
|
|
96
|
+
return {
|
|
97
|
+
name: table.name,
|
|
98
|
+
text: table.text,
|
|
99
|
+
items: table.columns.map((column) => {
|
|
100
|
+
return {
|
|
101
|
+
name: column.name,
|
|
102
|
+
text: column.text,
|
|
103
|
+
type: column.type
|
|
104
|
+
};
|
|
105
|
+
})
|
|
106
|
+
};
|
|
107
|
+
}));
|
|
108
|
+
let groups_value = [];
|
|
109
|
+
if (use && computed)
|
|
110
|
+
groups_value.push(group_use);
|
|
111
|
+
groups_value.push({
|
|
112
|
+
name: "value",
|
|
113
|
+
text: "Value",
|
|
114
|
+
items: this.state.values.map(v => {
|
|
115
|
+
return {
|
|
116
|
+
name: v,
|
|
117
|
+
text: this.state.computedValue,
|
|
118
|
+
text_bold: v,
|
|
119
|
+
};
|
|
120
|
+
})
|
|
121
|
+
});
|
|
122
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsxs("div", { className: Styles.ns_input_container, children: [_jsx("figure", { className: Styles.ns_input_icon_container, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/magnifier/blue.svg", alt: "input-icon", width: 24, height: 24 }) }), _jsx("input", { ref: this.input_value, value: this.state.value, onChange: this.onInputValueChanged, onClick: () => {
|
|
123
|
+
if (this.state.state === GroupListState.Normal)
|
|
124
|
+
this.setState({ state: GroupListState.Column });
|
|
125
|
+
}, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder }), this.state.value !== "" &&
|
|
126
|
+
_jsx("figure", { className: Styles.ns_input_close_icon, onClick: () => {
|
|
127
|
+
this.setState({
|
|
128
|
+
state: GroupListState.Normal,
|
|
129
|
+
value: ""
|
|
130
|
+
});
|
|
131
|
+
}, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "input-icon", width: 24, height: 24 }) })] }), this.state.state === GroupListState.Column &&
|
|
132
|
+
_jsx(NSGroupedList, { onClick: (table, name) => {
|
|
133
|
+
let t = this.findTable(table);
|
|
134
|
+
let c = this.findColumn(t, name);
|
|
135
|
+
let value = t.text + "." + c.text + " ";
|
|
136
|
+
this.setState({
|
|
137
|
+
state: GroupListState.Opertor,
|
|
138
|
+
selectedColumn: { table: t, column: c },
|
|
139
|
+
value,
|
|
140
|
+
computedValue: value
|
|
141
|
+
}, () => {
|
|
142
|
+
var _a, _b;
|
|
143
|
+
if ((_a = this.input_value) === null || _a === void 0 ? void 0 : _a.current)
|
|
144
|
+
(_b = this.input_value) === null || _b === void 0 ? void 0 : _b.current.focus();
|
|
145
|
+
});
|
|
146
|
+
}, groups: groups_column }), this.state.state === GroupListState.Opertor &&
|
|
147
|
+
_jsx(NSGroupedList, { onClick: (_, operator) => {
|
|
148
|
+
if (this.state.selectedColumn) {
|
|
149
|
+
let o = FilterItemOperator.getBySign(operator);
|
|
150
|
+
if (o.count === 0) {
|
|
151
|
+
let filterItems = this.state.filterItems;
|
|
152
|
+
if (this.state.selectedColumn)
|
|
153
|
+
filterItems.push(new FilterItem(this.state.selectedColumn.table, this.state.selectedColumn.column, false, o));
|
|
154
|
+
this.setState({ value: "", computedValue: "", selectedColumn: null, selectedOperator: null, state: GroupListState.Normal, filterItems });
|
|
155
|
+
}
|
|
156
|
+
else if (o.count === 1) {
|
|
157
|
+
let value = this.state.computedValue + operator + " ";
|
|
158
|
+
this.setState({
|
|
159
|
+
state: GroupListState.Value,
|
|
160
|
+
selectedOperator: o,
|
|
161
|
+
value,
|
|
162
|
+
computedValue: value
|
|
163
|
+
}, () => {
|
|
164
|
+
var _a, _b;
|
|
165
|
+
if ((_a = this.input_value) === null || _a === void 0 ? void 0 : _a.current)
|
|
166
|
+
(_b = this.input_value) === null || _b === void 0 ? void 0 : _b.current.focus();
|
|
167
|
+
});
|
|
168
|
+
this.props.getData(this.state.selectedColumn.table, this.state.selectedColumn.column).then(values => {
|
|
169
|
+
this.setState({
|
|
170
|
+
values
|
|
171
|
+
}, () => {
|
|
172
|
+
var _a, _b;
|
|
173
|
+
if ((_a = this.input_value) === null || _a === void 0 ? void 0 : _a.current)
|
|
174
|
+
(_b = this.input_value) === null || _b === void 0 ? void 0 : _b.current.focus();
|
|
175
|
+
});
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
else {
|
|
179
|
+
alert("Operator is not supported: " + JSON.stringify(o));
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
}, groups: [
|
|
117
183
|
{
|
|
118
184
|
name: "operators",
|
|
119
185
|
text: "Operators",
|
|
120
|
-
items: FilterItemOperator.getAllByType(
|
|
121
|
-
|
|
122
|
-
name: operator.name,
|
|
123
|
-
text: operator.name,
|
|
124
|
-
};
|
|
125
|
-
})
|
|
126
|
-
}
|
|
127
|
-
] }), this.state.groupListState == GroupListState.Value &&
|
|
128
|
-
_jsx(NSGroupedList, { onClick: this.selectValue, groups: [{
|
|
129
|
-
name: "value",
|
|
130
|
-
text: "Value",
|
|
131
|
-
items: this.props.getData(this.state.searchValue).map((data) => {
|
|
186
|
+
items: this.state.selectedColumn ? FilterItemOperator.getAllByType(this.state.selectedColumn.column.type).map((operator) => {
|
|
187
|
+
var _a, _b;
|
|
132
188
|
return {
|
|
133
|
-
name:
|
|
134
|
-
text:
|
|
189
|
+
name: operator.sign,
|
|
190
|
+
text: (_b = (_a = this.state.selectedColumn) === null || _a === void 0 ? void 0 : _a.column.text) !== null && _b !== void 0 ? _b : "",
|
|
191
|
+
text_bold: operator.sign,
|
|
192
|
+
description: operator.name
|
|
135
193
|
};
|
|
136
|
-
})
|
|
194
|
+
}) : []
|
|
137
195
|
}
|
|
138
|
-
] })
|
|
196
|
+
] }), this.state.state === GroupListState.Value &&
|
|
197
|
+
_jsx(NSGroupedList, { onClick: (_, value) => {
|
|
198
|
+
let filterItems = this.state.filterItems;
|
|
199
|
+
if (this.state.selectedColumn)
|
|
200
|
+
if (this.state.selectedOperator)
|
|
201
|
+
filterItems.push(new FilterItem(this.state.selectedColumn.table, this.state.selectedColumn.column, false, this.state.selectedOperator, value));
|
|
202
|
+
this.setState({ value: "", computedValue: "", selectedColumn: null, selectedOperator: null, state: GroupListState.Normal, filterItems });
|
|
203
|
+
}, groups: groups_value })] }), _jsx("div", { className: Styles.ns_selected_list_parent, children: this.state.filterItems.map((item, index) => _jsx(NSFilterItem, { item: item, removeSelected: () => this.removeFilterItem(item) }, index)) })] }));
|
|
139
204
|
}
|
|
140
205
|
}
|
|
141
206
|
//# sourceMappingURL=NSFilterBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSFilterBox.js","sourceRoot":"","sources":["../../src/components/NSFilterBox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;AAEZ,
|
|
1
|
+
{"version":3,"file":"NSFilterBox.js","sourceRoot":"","sources":["../../src/components/NSFilterBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { IBaseComponentProps } from '../props/IBaseComponentProps';
|
|
|
3
3
|
import { FilterItem } from 'namirasoft-core';
|
|
4
4
|
interface INSFilterItemProps extends IBaseComponentProps {
|
|
5
5
|
item: FilterItem;
|
|
6
|
-
removeSelected: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>,
|
|
6
|
+
removeSelected: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, item: FilterItem) => void;
|
|
7
7
|
}
|
|
8
8
|
interface INSFilterItemState {
|
|
9
9
|
showDialog: boolean;
|
|
@@ -22,7 +22,8 @@ export class NSFilterItem extends Component {
|
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
|
|
25
|
+
console.log(JSON.stringify(this.props.item));
|
|
26
|
+
return (_jsxs("div", { className: Styles.ns_selected_holder, children: [_jsxs("div", { className: Styles.ns_selected_item_parent, onClick: this.onShowDialog, children: [_jsxs("span", { children: [this.props.item.toString(), " "] }), _jsx("button", { className: Styles.ns_selected_close_icon, onClick: (e) => this.props.removeSelected(e, this.props.item), children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "close", width: 24, height: 24 }) })] }), this.state.showDialog &&
|
|
26
27
|
_jsx("div", { className: Styles.ns_dialog_parent, children: _jsx(NSFilterBoxDialog, { onCloseDialog: this.onClsoeDialog, title: 'Edit Filter' }) })] }));
|
|
27
28
|
}
|
|
28
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSFilterItem.js","sourceRoot":"","sources":["../../src/components/NSFilterItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAcxD,MAAM,OAAO,YAAa,SAAQ,SAAiD;IAElF,YAAY,KAAyB;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE,KAAK;SACjB,CAAA;QACD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC;IAED,YAAY;QAEX,IAAI,CAAC,QAAQ,CAAC;YACb,UAAU,EAAE,IAAI;SAChB,CAAC,CAAA;IACH,CAAC;IAED,aAAa;QAEZ,IAAI,CAAC,QAAQ,CAAC;YACb,UAAU,EAAE,KAAK;SACjB,CAAC,CAAA;IACH,CAAC;IAEQ,MAAM;QAEd,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aACxC,eAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,EAC7C,OAAO,EAAE,IAAI,CAAC,YAAY,aAE1B,
|
|
1
|
+
{"version":3,"file":"NSFilterItem.js","sourceRoot":"","sources":["../../src/components/NSFilterItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAcxD,MAAM,OAAO,YAAa,SAAQ,SAAiD;IAElF,YAAY,KAAyB;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE,KAAK;SACjB,CAAA;QACD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC;IAED,YAAY;QAEX,IAAI,CAAC,QAAQ,CAAC;YACb,UAAU,EAAE,IAAI;SAChB,CAAC,CAAA;IACH,CAAC;IAED,aAAa;QAEZ,IAAI,CAAC,QAAQ,CAAC;YACb,UAAU,EAAE,KAAK;SACjB,CAAC,CAAA;IACH,CAAC;IAEQ,MAAM;QAEd,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7C,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aACxC,eAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,EAC7C,OAAO,EAAE,IAAI,CAAC,YAAY,aAE1B,2BAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,EAC1C,iBACC,SAAS,EAAE,MAAM,CAAC,sBAAsB,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAE7D,cAAK,GAAG,EAAC,4DAA4D,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACnG,IACJ,EAGL,IAAI,CAAC,KAAK,CAAC,UAAU;oBACrB,cAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,YACtC,KAAC,iBAAiB,IACjB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,KAAK,EAAC,aAAa,GAClB,GACG,IAEF,CACN,CAAC;IACH,CAAC;CACD"}
|
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
import { Component } from 'react';
|
|
2
2
|
import { IBaseComponentProps } from '../main';
|
|
3
|
-
interface INSGroupedListProps extends IBaseComponentProps {
|
|
4
|
-
groups:
|
|
5
|
-
name: string;
|
|
6
|
-
text: string;
|
|
7
|
-
sign?: string;
|
|
8
|
-
operator_name?: string;
|
|
9
|
-
items: {
|
|
10
|
-
name: string;
|
|
11
|
-
text: string;
|
|
12
|
-
}[];
|
|
13
|
-
}[];
|
|
3
|
+
export interface INSGroupedListProps extends IBaseComponentProps {
|
|
4
|
+
groups: INSGroupedListProps_Group[];
|
|
14
5
|
onClick: (group: string, item: string) => void;
|
|
15
6
|
}
|
|
7
|
+
export interface INSGroupedListProps_Group {
|
|
8
|
+
name: string;
|
|
9
|
+
text: string;
|
|
10
|
+
items: INSGroupedListProps_Item[];
|
|
11
|
+
}
|
|
12
|
+
export interface INSGroupedListProps_Item {
|
|
13
|
+
name: string;
|
|
14
|
+
text: string;
|
|
15
|
+
text_bold?: string;
|
|
16
|
+
description?: string;
|
|
17
|
+
}
|
|
16
18
|
interface INSGroupedListState {
|
|
17
19
|
}
|
|
18
|
-
|
|
20
|
+
export default class NSGroupedList extends Component<INSGroupedListProps, INSGroupedListState> {
|
|
19
21
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
20
22
|
}
|
|
21
|
-
export
|
|
23
|
+
export {};
|
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { Component } from 'react';
|
|
4
4
|
import Styles from "./NSGroupedList.module.css";
|
|
5
|
-
class NSGroupedList extends Component {
|
|
5
|
+
export default class NSGroupedList extends Component {
|
|
6
6
|
render() {
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
console.log(this.props.groups);
|
|
8
|
+
return (_jsx("div", { className: Styles.ns_group_list_parent, children: this.props.groups.map((group, index) => _jsxs("ul", { className: Styles.ns_group_list, children: [_jsxs("span", { className: Styles.ns_group_category, children: [" ", group.text, " "] }), group.items.map((item, index) => _jsx("li", { onClick: () => this.props.onClick(group.name, item.name), children: _jsxs("div", { className: Styles.ns_group_item, children: [_jsx("span", { children: item.text && _jsx("span", { children: item.text }) }), _jsx("span", { style: item.text_bold ? { fontWeight: "bold" } : {}, children: _jsxs("b", { children: [" ", " ", " ", item.text_bold] }) }), item.description &&
|
|
9
|
+
_jsx("span", { className: Styles.ns_block, children: item.description })] }) }, index))] }, index)) }));
|
|
9
10
|
}
|
|
10
11
|
}
|
|
11
|
-
|
|
12
|
+
;
|
|
12
13
|
//# sourceMappingURL=NSGroupedList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSGroupedList.js","sourceRoot":"","sources":["../../src/components/NSGroupedList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"NSGroupedList.js","sourceRoot":"","sources":["../../src/components/NSGroupedList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,4BAA4B,CAAA;AA0B/C,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,SAAmD;IAEpF,MAAM;QAEd,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC/B,OAAO,CACN,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAEzC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACtC,cAAgB,SAAS,EAAE,MAAM,CAAC,aAAa,aAC9C,gBAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,kBAAI,KAAK,CAAC,IAAI,SAAS,EAE/D,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC/B,aAAgB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,YACvE,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aACnC,yBACE,IAAI,CAAC,IAAI,IAAI,yBAAO,IAAI,CAAC,IAAI,GAAQ,GAChC,EACP,eAAM,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,YACxD,6BAAK,GAAG,OAAG,IAAI,CAAC,SAAS,IAAK,GACxB,EAEN,IAAI,CAAC,WAAW;oCAChB,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,IAAI,CAAC,WAAW,GAAQ,IAEvD,IAZE,KAAK,CAaT,CACL,KAlBM,KAAK,CAoBT,CACL,GAEG,CACN,CAAC;IACH,CAAC;CACD;AAAA,CAAC"}
|
|
@@ -31,13 +31,11 @@ export interface NSTableState<RowType> {
|
|
|
31
31
|
};
|
|
32
32
|
}
|
|
33
33
|
export declare class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableState<RowType>> {
|
|
34
|
-
private search?;
|
|
35
34
|
constructor(props: INSTableProps<RowType>);
|
|
36
35
|
setColumns(columns: {
|
|
37
36
|
[key: string]: string;
|
|
38
37
|
}): void;
|
|
39
|
-
setRows(rows: RowType[]): void;
|
|
40
|
-
getSearchValue(): string;
|
|
38
|
+
setRows(rows: RowType[] | null): void;
|
|
41
39
|
showModal(description: string, columnName: string): void;
|
|
42
40
|
hideModal(): void;
|
|
43
41
|
onPageChange: (page: number) => void;
|