namirasoft-site-react 1.3.237 → 1.3.239
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 +1 -1
- package/dist/components/NSFilterBox.js +82 -82
- package/dist/components/NSFilterBox.js.map +1 -1
- package/dist/components/NSFilterBox.module.css +9 -2
- package/dist/components/NSGroupedList.module.css +2 -0
- package/dist/components/NSModal.js +1 -2
- package/dist/components/NSModal.js.map +1 -1
- package/dist/components/NSPagination.js +4 -3
- package/dist/components/NSPagination.js.map +1 -1
- package/package.json +1 -1
- package/src/App.tsx +2 -2
- package/src/components/NSFilterBox.module.css +9 -2
- package/src/components/NSFilterBox.tsx +12 -12
- package/src/components/NSGroupedList.module.css +2 -0
- package/src/components/NSModal.tsx +1 -7
- package/src/components/NSPagination.tsx +6 -4
package/dist/App.js
CHANGED
|
@@ -58,6 +58,6 @@ export function App() {
|
|
|
58
58
|
return (_jsx(_Fragment, { children: _jsxs(NSLayout, { header: {
|
|
59
59
|
title: "any",
|
|
60
60
|
icons: icons
|
|
61
|
-
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", children: [_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:
|
|
61
|
+
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", children: [_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: 20, totalItems: 10, reload: () => { } }), _jsx(NSBarAction, { title: '', menus: group }), _jsx(NSBoxEmail, { title: 'Email', required: true }), _jsx(NSBoxString, { title: 'String', required: true }), _jsx(NSRadioButton, { title: "Radio Button" }), _jsx(NSSpace, { size: NSSpaceSizeType.LARGE }), _jsx(NSTag, {})] }) }));
|
|
62
62
|
}
|
|
63
63
|
//# sourceMappingURL=App.js.map
|
|
@@ -131,96 +131,96 @@ export class NSFilterBox extends Component {
|
|
|
131
131
|
};
|
|
132
132
|
})
|
|
133
133
|
});
|
|
134
|
-
return (
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
134
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { className: Styles.ns_select_container, 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: () => {
|
|
135
|
+
if (this.state.state === GroupListState.Normal)
|
|
136
|
+
this.setState({ state: GroupListState.Column, values: [] });
|
|
137
|
+
}, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder }), this.state.value !== "" &&
|
|
138
|
+
_jsx("figure", { className: Styles.ns_input_close_icon, onClick: () => {
|
|
139
|
+
this.setState({
|
|
140
|
+
state: GroupListState.Normal,
|
|
141
|
+
value: "",
|
|
142
|
+
values: []
|
|
143
|
+
});
|
|
144
|
+
}, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "input-icon", width: 24, height: 24 }) })] }), _jsx("div", { className: Styles.ns_selected_list_parent, children: this.state.filterItems.map((item, index) => _jsx(NSFilterItem, { item: item, removeSelected: () => this.removeFilterItem(item) }, index)) }), this.state.state === GroupListState.Column &&
|
|
145
|
+
_jsx(NSGroupedList, { onClick: (table, name) => {
|
|
146
|
+
let t = this.findTable(table);
|
|
147
|
+
let c = this.findColumn(t, name);
|
|
148
|
+
let value = t.text + "." + c.text + " ";
|
|
149
|
+
this.setState({
|
|
150
|
+
state: GroupListState.Opertor,
|
|
151
|
+
selectedColumn: { table: t, column: c },
|
|
152
|
+
value,
|
|
153
|
+
computedValue: value,
|
|
154
|
+
values: []
|
|
155
|
+
}, () => {
|
|
156
|
+
var _a, _b;
|
|
157
|
+
if ((_a = this.input_value) === null || _a === void 0 ? void 0 : _a.current)
|
|
158
|
+
(_b = this.input_value) === null || _b === void 0 ? void 0 : _b.current.focus();
|
|
159
|
+
});
|
|
160
|
+
}, groups: groups_column }), this.state.state === GroupListState.Opertor &&
|
|
161
|
+
_jsx(NSGroupedList, { onClick: (_, operator) => {
|
|
162
|
+
if (this.state.selectedColumn) {
|
|
163
|
+
let o = FilterItemOperator.getBySign(operator);
|
|
164
|
+
if (o.count === 0) {
|
|
165
|
+
let filterItems = this.state.filterItems;
|
|
166
|
+
if (this.state.selectedColumn)
|
|
167
|
+
filterItems.push(new FilterItem(this.state.selectedColumn.table, this.state.selectedColumn.column, false, o));
|
|
168
|
+
this.setState({ value: "", computedValue: "", selectedColumn: null, selectedOperator: null, state: GroupListState.Normal, filterItems }, () => {
|
|
169
|
+
if (this.props.onChanged)
|
|
170
|
+
this.props.onChanged();
|
|
171
|
+
});
|
|
172
|
+
}
|
|
173
|
+
else if (o.count === 1) {
|
|
174
|
+
let value = this.state.computedValue + operator + " ";
|
|
175
|
+
this.setState({
|
|
176
|
+
state: GroupListState.Value,
|
|
177
|
+
selectedOperator: o,
|
|
178
|
+
value,
|
|
179
|
+
computedValue: value
|
|
180
|
+
}, () => {
|
|
181
|
+
var _a, _b;
|
|
182
|
+
if ((_a = this.input_value) === null || _a === void 0 ? void 0 : _a.current)
|
|
183
|
+
(_b = this.input_value) === null || _b === void 0 ? void 0 : _b.current.focus();
|
|
184
|
+
});
|
|
185
|
+
this.props.getData(this.state.selectedColumn.table, this.state.selectedColumn.column).then(values => {
|
|
175
186
|
this.setState({
|
|
176
|
-
|
|
177
|
-
selectedOperator: o,
|
|
178
|
-
value,
|
|
179
|
-
computedValue: value
|
|
187
|
+
values
|
|
180
188
|
}, () => {
|
|
181
189
|
var _a, _b;
|
|
182
190
|
if ((_a = this.input_value) === null || _a === void 0 ? void 0 : _a.current)
|
|
183
191
|
(_b = this.input_value) === null || _b === void 0 ? void 0 : _b.current.focus();
|
|
184
192
|
});
|
|
185
|
-
|
|
186
|
-
this.setState({
|
|
187
|
-
values
|
|
188
|
-
}, () => {
|
|
189
|
-
var _a, _b;
|
|
190
|
-
if ((_a = this.input_value) === null || _a === void 0 ? void 0 : _a.current)
|
|
191
|
-
(_b = this.input_value) === null || _b === void 0 ? void 0 : _b.current.focus();
|
|
192
|
-
});
|
|
193
|
-
});
|
|
194
|
-
}
|
|
195
|
-
else {
|
|
196
|
-
alert("Operator is not supported: " + JSON.stringify(o));
|
|
197
|
-
}
|
|
193
|
+
});
|
|
198
194
|
}
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
name: "operators",
|
|
202
|
-
text: "Operators",
|
|
203
|
-
items: this.state.selectedColumn ? FilterItemOperator.getAllByType(this.state.selectedColumn.column.type).map((operator) => {
|
|
204
|
-
var _a, _b;
|
|
205
|
-
return {
|
|
206
|
-
name: operator.sign,
|
|
207
|
-
text: (_b = (_a = this.state.selectedColumn) === null || _a === void 0 ? void 0 : _a.column.text) !== null && _b !== void 0 ? _b : "",
|
|
208
|
-
text_bold: operator.sign,
|
|
209
|
-
description: operator.name
|
|
210
|
-
};
|
|
211
|
-
}) : []
|
|
195
|
+
else {
|
|
196
|
+
alert("Operator is not supported: " + JSON.stringify(o));
|
|
212
197
|
}
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
198
|
+
}
|
|
199
|
+
}, groups: [
|
|
200
|
+
{
|
|
201
|
+
name: "operators",
|
|
202
|
+
text: "Operators",
|
|
203
|
+
items: this.state.selectedColumn ? FilterItemOperator.getAllByType(this.state.selectedColumn.column.type).map((operator) => {
|
|
204
|
+
var _a, _b;
|
|
205
|
+
return {
|
|
206
|
+
name: operator.sign,
|
|
207
|
+
text: (_b = (_a = this.state.selectedColumn) === null || _a === void 0 ? void 0 : _a.column.text) !== null && _b !== void 0 ? _b : "",
|
|
208
|
+
text_bold: operator.sign,
|
|
209
|
+
description: operator.name
|
|
210
|
+
};
|
|
211
|
+
}) : []
|
|
212
|
+
}
|
|
213
|
+
] }), this.state.state === GroupListState.Value &&
|
|
214
|
+
_jsx(NSGroupedList, { onClick: (_, value) => {
|
|
215
|
+
let filterItems = this.state.filterItems;
|
|
216
|
+
if (this.state.selectedColumn)
|
|
217
|
+
if (this.state.selectedOperator)
|
|
218
|
+
filterItems.push(new FilterItem(this.state.selectedColumn.table, this.state.selectedColumn.column, false, this.state.selectedOperator, value));
|
|
219
|
+
this.setState({ value: "", computedValue: "", selectedColumn: null, selectedOperator: null, state: GroupListState.Normal, filterItems }, () => {
|
|
220
|
+
if (this.props.onChanged)
|
|
221
|
+
this.props.onChanged();
|
|
222
|
+
});
|
|
223
|
+
}, groups: groups_value })] }) }));
|
|
224
224
|
}
|
|
225
225
|
}
|
|
226
226
|
//# sourceMappingURL=NSFilterBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSFilterBox.js","sourceRoot":"","sources":["../../src/components/NSFilterBox.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NSFilterBox.js","sourceRoot":"","sources":["../../src/components/NSFilterBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
.ns_select_container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
justify-content: left;
|
|
5
|
+
align-items: flex-start;
|
|
6
|
+
width: 100%;
|
|
7
|
+
gap: 16px;
|
|
8
|
+
}
|
|
9
|
+
|
|
1
10
|
.ns_input_container {
|
|
2
11
|
display: flex;
|
|
3
12
|
align-items: center;
|
|
@@ -29,11 +38,9 @@
|
|
|
29
38
|
cursor: pointer;
|
|
30
39
|
}
|
|
31
40
|
|
|
32
|
-
|
|
33
41
|
.ns_selected_list_parent {
|
|
34
42
|
display: flex;
|
|
35
43
|
flex-direction: row;
|
|
36
44
|
flex-wrap: wrap;
|
|
37
|
-
max-width: 560px;
|
|
38
45
|
gap: 8px;
|
|
39
46
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { NSSpace, NSSpaceSizeType, NSTitle } from "../main";
|
|
3
3
|
import Styles from './NSModal.module.css';
|
|
4
|
-
import NSButton from "./NSButton";
|
|
5
4
|
export function NSModal(props) {
|
|
6
5
|
var _a;
|
|
7
6
|
const handleModalClick = (event) => {
|
|
@@ -9,6 +8,6 @@ export function NSModal(props) {
|
|
|
9
8
|
};
|
|
10
9
|
return (_jsx("div", { onClick: props.onClose, children: _jsx("section", { id: props.id, className: `${props.show ? Styles.ns_show : Styles.ns_hide}
|
|
11
10
|
${Styles.ns_modal}
|
|
12
|
-
${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, onClick: props.onClose, children:
|
|
11
|
+
${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, onClick: props.onClose, children: _jsx("div", { className: Styles.ns_modal_container, onClick: handleModalClick, children: _jsxs("div", { className: Styles.ns_modal_content, children: [props.title && (_jsxs(_Fragment, { children: [_jsx(NSTitle, { title: props.title, style: { marginBottom: "0" } }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] })), props.description && (_jsx("div", { children: _jsx("p", { style: { marginBottom: "0" }, className: Styles.ns_modal_description, children: props.description }) })), props.children && (_jsx("div", { children: props.children }))] }) }) }) }));
|
|
13
12
|
}
|
|
14
13
|
//# sourceMappingURL=NSModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSModal.js","sourceRoot":"","sources":["../../src/components/NSModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,MAAM,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSModal.js","sourceRoot":"","sources":["../../src/components/NSModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAS1C,MAAM,UAAU,OAAO,CAAC,KAAoB;;IAE3C,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,EAAE;QAEpD,KAAK,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACN,cAAK,OAAO,EAAE,KAAK,CAAC,OAAO,YAC1B,kBACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO;OACvD,MAAM,CAAC,QAAQ;OACf,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,YAEtB,cAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE,OAAO,EAAE,gBAAgB,YACnE,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACrC,KAAK,CAAC,KAAK,IAAI,CACf,8BACC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,GAAI,EAC7D,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,IACvC,CACH,EACA,KAAK,CAAC,WAAW,IAAI,CACrB,wBACC,YAAG,KAAK,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAAG,KAAK,CAAC,WAAW,GAAK,GAC3F,CACN,EACA,KAAK,CAAC,QAAQ,IAAI,CAClB,wBACE,KAAK,CAAC,QAAQ,GACV,CACN,IACI,GACD,GACG,GACL,CACN,CAAC;AACH,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { NSBoxEnum } from './NSBoxEnum';
|
|
3
3
|
import Styles from './NSPagination.module.css';
|
|
4
|
+
let pageNumber = ["10", "25", "50", "100", "200", "500"];
|
|
4
5
|
export function NSPagination(props) {
|
|
5
6
|
var _a;
|
|
6
7
|
const { pageSize, totalItems, currentPage, onPageChange } = props;
|
|
@@ -21,7 +22,7 @@ export function NSPagination(props) {
|
|
|
21
22
|
e.preventDefault();
|
|
22
23
|
if (currentPage > 1)
|
|
23
24
|
onPageChange(currentPage - 1);
|
|
24
|
-
}, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/arrow/left/white-blue.svg", alt: "left_vector", width: 32, height: 32 }) }) }, "prev"));
|
|
25
|
+
}, children: _jsx("img", { style: { margin: "0 8px 0 0" }, src: "https://static.namirasoft.com/image/concept/arrow/left/white-blue.svg", alt: "left_vector", width: 32, height: 32 }) }) }, "prev"));
|
|
25
26
|
pushPage(1);
|
|
26
27
|
if (currentPage > windowSize + 2) {
|
|
27
28
|
pages.push(_jsx("div", { className: Styles.ns_pagination_left_ellipses, children: _jsx("a", { href: "#", className: `${Styles.ns_paginate_link}`, onClick: (e) => e.preventDefault(), children: "..." }) }, "ellipsis1"));
|
|
@@ -38,7 +39,7 @@ export function NSPagination(props) {
|
|
|
38
39
|
e.preventDefault();
|
|
39
40
|
if (currentPage < totalPages)
|
|
40
41
|
onPageChange(currentPage + 1);
|
|
41
|
-
}, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/arrow/right/white-blue.svg", width: 32, height: 32, alt: "right_vector" }) }) }, "next"));
|
|
42
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { id: props.id, className: `${Styles.ns_pagination_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: props.style, children: [pages, _jsxs("div", { className: Styles.ns_pagination_info, children: [_jsx("div", { style: { width:
|
|
42
|
+
}, children: _jsx("img", { style: { margin: "0 0 0 8px" }, src: "https://static.namirasoft.com/image/concept/arrow/right/white-blue.svg", width: 32, height: 32, alt: "right_vector" }) }) }, "next"));
|
|
43
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { id: props.id, className: `${Styles.ns_pagination_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: props.style, children: [pages, _jsxs("div", { className: Styles.ns_pagination_info, children: [_jsx("div", { style: { width: 70 }, children: _jsx(NSBoxEnum, { title: '', multiple: false, required: false, options: pageNumber.map(pages => { return { desc: pages, value: pages }; }) }) }), _jsx("h6", { children: `(${current_min} - ${current_max}) of ${totalItems}` })] })] }) }));
|
|
43
44
|
}
|
|
44
45
|
//# sourceMappingURL=NSPagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,MAAM,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -101,8 +101,8 @@ export function App()
|
|
|
101
101
|
columns={getColumns()}
|
|
102
102
|
getColumnAttributes={() => { return {} }}
|
|
103
103
|
getRowKey={() => ""}
|
|
104
|
-
pageSize={
|
|
105
|
-
totalItems={
|
|
104
|
+
pageSize={20}
|
|
105
|
+
totalItems={10}
|
|
106
106
|
reload={() => { }}
|
|
107
107
|
/>
|
|
108
108
|
<NSBarAction title='' menus={group} />
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
.ns_select_container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
justify-content: left;
|
|
5
|
+
align-items: flex-start;
|
|
6
|
+
width: 100%;
|
|
7
|
+
gap: 16px;
|
|
8
|
+
}
|
|
9
|
+
|
|
1
10
|
.ns_input_container {
|
|
2
11
|
display: flex;
|
|
3
12
|
align-items: center;
|
|
@@ -29,11 +38,9 @@
|
|
|
29
38
|
cursor: pointer;
|
|
30
39
|
}
|
|
31
40
|
|
|
32
|
-
|
|
33
41
|
.ns_selected_list_parent {
|
|
34
42
|
display: flex;
|
|
35
43
|
flex-direction: row;
|
|
36
44
|
flex-wrap: wrap;
|
|
37
|
-
max-width: 560px;
|
|
38
45
|
gap: 8px;
|
|
39
46
|
}
|
|
@@ -183,7 +183,7 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
|
|
|
183
183
|
});
|
|
184
184
|
return (
|
|
185
185
|
<>
|
|
186
|
-
<div>
|
|
186
|
+
<div className={Styles.ns_select_container}>
|
|
187
187
|
<div className={Styles.ns_input_container}>
|
|
188
188
|
<figure className={Styles.ns_input_icon_container}>
|
|
189
189
|
<img
|
|
@@ -227,6 +227,17 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
|
|
|
227
227
|
</figure>
|
|
228
228
|
}
|
|
229
229
|
</div>
|
|
230
|
+
<div className={Styles.ns_selected_list_parent}>
|
|
231
|
+
{
|
|
232
|
+
this.state.filterItems.map((item, index) =>
|
|
233
|
+
<NSFilterItem
|
|
234
|
+
item={item}
|
|
235
|
+
key={index}
|
|
236
|
+
removeSelected={() => this.removeFilterItem(item)}
|
|
237
|
+
/>
|
|
238
|
+
)
|
|
239
|
+
}
|
|
240
|
+
</div>
|
|
230
241
|
{
|
|
231
242
|
this.state.state === GroupListState.Column &&
|
|
232
243
|
<NSGroupedList
|
|
@@ -337,17 +348,6 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
|
|
|
337
348
|
/>
|
|
338
349
|
}
|
|
339
350
|
</div>
|
|
340
|
-
<div className={Styles.ns_selected_list_parent}>
|
|
341
|
-
{
|
|
342
|
-
this.state.filterItems.map((item, index) =>
|
|
343
|
-
<NSFilterItem
|
|
344
|
-
item={item}
|
|
345
|
-
key={index}
|
|
346
|
-
removeSelected={() => this.removeFilterItem(item)}
|
|
347
|
-
/>
|
|
348
|
-
)
|
|
349
|
-
}
|
|
350
|
-
</div>
|
|
351
351
|
</>
|
|
352
352
|
);
|
|
353
353
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { IBaseComponentProps, NSSpace, NSSpaceSizeType, NSTitle } from "../main";
|
|
2
2
|
import Styles from './NSModal.module.css';
|
|
3
|
-
import NSButton from "./NSButton";
|
|
4
3
|
export interface INSModalProps extends IBaseComponentProps
|
|
5
4
|
{
|
|
6
5
|
title?: string;
|
|
@@ -26,15 +25,10 @@ export function NSModal(props: INSModalProps)
|
|
|
26
25
|
onClick={props.onClose}
|
|
27
26
|
>
|
|
28
27
|
<div className={Styles.ns_modal_container} onClick={handleModalClick}>
|
|
29
|
-
<NSButton
|
|
30
|
-
onClick={props.onClose}
|
|
31
|
-
icon={{ src: "https://static.namirasoft.com/image/concept/close/white.svg", alt: "close modal" }}
|
|
32
|
-
classList={[Styles.ns_close_modal]}
|
|
33
|
-
/>
|
|
34
28
|
<div className={Styles.ns_modal_content}>
|
|
35
29
|
{props.title && (
|
|
36
30
|
<>
|
|
37
|
-
<NSTitle title={props.title} style={{marginBottom
|
|
31
|
+
<NSTitle title={props.title} style={{ marginBottom: "0" }} />
|
|
38
32
|
<NSSpace size={NSSpaceSizeType.NORMAL} />
|
|
39
33
|
</>
|
|
40
34
|
)}
|
|
@@ -9,7 +9,7 @@ export interface INSPaginationProps extends IBaseComponentProps
|
|
|
9
9
|
currentPage: number;
|
|
10
10
|
onPageChange: (page: number) => void;
|
|
11
11
|
}
|
|
12
|
-
|
|
12
|
+
let pageNumber = ["10", "25", "50", "100", "200", "500"]
|
|
13
13
|
export function NSPagination(props: INSPaginationProps)
|
|
14
14
|
{
|
|
15
15
|
const { pageSize, totalItems, currentPage, onPageChange } = props;
|
|
@@ -52,6 +52,7 @@ export function NSPagination(props: INSPaginationProps)
|
|
|
52
52
|
}}
|
|
53
53
|
>
|
|
54
54
|
<img
|
|
55
|
+
style={{ margin: "0 8px 0 0" }}
|
|
55
56
|
src="https://static.namirasoft.com/image/concept/arrow/left/white-blue.svg"
|
|
56
57
|
alt="left_vector"
|
|
57
58
|
width={32}
|
|
@@ -98,6 +99,7 @@ export function NSPagination(props: INSPaginationProps)
|
|
|
98
99
|
}}
|
|
99
100
|
>
|
|
100
101
|
<img
|
|
102
|
+
style={{ margin: "0 0 0 8px" }}
|
|
101
103
|
src="https://static.namirasoft.com/image/concept/arrow/right/white-blue.svg"
|
|
102
104
|
width={32}
|
|
103
105
|
height={32}
|
|
@@ -115,12 +117,12 @@ export function NSPagination(props: INSPaginationProps)
|
|
|
115
117
|
>
|
|
116
118
|
{pages}
|
|
117
119
|
<div className={Styles.ns_pagination_info}>
|
|
118
|
-
<div style={{ width:
|
|
120
|
+
<div style={{ width: 70 }}>
|
|
119
121
|
<NSBoxEnum
|
|
120
122
|
title=''
|
|
121
|
-
multiple
|
|
123
|
+
multiple={false}
|
|
122
124
|
required={false}
|
|
123
|
-
options={
|
|
125
|
+
options={pageNumber.map(pages => { return { desc: pages, value: pages } })}
|
|
124
126
|
/>
|
|
125
127
|
</div>
|
|
126
128
|
<h6>
|