namirasoft-site-react 1.3.249 → 1.3.250
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/App.js.map +1 -1
- package/dist/components/NSBoxEnum.d.ts +2 -1
- package/dist/components/NSBoxEnum.js +13 -9
- package/dist/components/NSBoxEnum.js.map +1 -1
- package/dist/components/NSPagination.d.ts +1 -2
- package/dist/components/NSPagination.js +14 -6
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSTable.d.ts +0 -1
- package/dist/components/NSTable.js +1 -1
- package/dist/components/NSTable.js.map +1 -1
- package/package.json +1 -1
- package/src/App.tsx +1 -2
- package/src/components/NSBoxEnum.tsx +15 -9
- package/src/components/NSPagination.tsx +26 -8
- package/src/components/NSTable.tsx +1 -2
package/dist/App.js
CHANGED
|
@@ -59,6 +59,6 @@ export function App() {
|
|
|
59
59
|
return (_jsx(_Fragment, { children: _jsxs(NSLayout, { header: {
|
|
60
60
|
title: "any",
|
|
61
61
|
icons: icons
|
|
62
|
-
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", children: [_jsxs(_Fragment, { children: [_jsx(NSTabPage, { tabs: tabs }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSPagination, {
|
|
62
|
+
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", children: [_jsxs(_Fragment, { children: [_jsx(NSTabPage, { tabs: tabs }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSPagination, { totalItems: 100, currentPage: 15, onPageChange: () => { } })] }), _jsx(NSTable, { columns: getColumns(), getColumnAttributes: () => { return {}; }, getRowKey: () => "", 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(NSBoxBoolean, { checked: true, title: '', required: true }), _jsx(NSButton, { title: 'Clear Filters', onClick: () => window.location.reload(), style: { width: "136px", border: "2px solid #001664" } }), _jsx(NSTag, {})] }) }));
|
|
63
63
|
}
|
|
64
64
|
//# 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":"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
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@ export interface INSBoxEnumProps extends IBaseComponentProps, IValidationProps {
|
|
|
12
12
|
multiple: boolean;
|
|
13
13
|
placeHolder?: string;
|
|
14
14
|
customClass?: string;
|
|
15
|
+
onChange?: () => void;
|
|
15
16
|
}
|
|
16
17
|
export interface INSBoxEnumState {
|
|
17
18
|
value: string | null;
|
|
@@ -25,6 +26,6 @@ export declare class NSBoxEnum extends React.Component<INSBoxEnumProps, INSBoxEn
|
|
|
25
26
|
getValues(): string[];
|
|
26
27
|
setValue(value: string | null): void;
|
|
27
28
|
setValues(values: string[]): void;
|
|
28
|
-
|
|
29
|
+
onChange(value: string | null | string[]): void;
|
|
29
30
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
30
31
|
}
|
|
@@ -17,7 +17,7 @@ export class NSBoxEnum extends React.Component {
|
|
|
17
17
|
this.setValues = this.setValues.bind(this);
|
|
18
18
|
this.setValue = this.setValue.bind(this);
|
|
19
19
|
this.getValue = this.getValue.bind(this);
|
|
20
|
-
this.
|
|
20
|
+
this.onChange = this.onChange.bind(this);
|
|
21
21
|
}
|
|
22
22
|
getError(value) {
|
|
23
23
|
return (Validator.getError(this.props.title, value, this.props));
|
|
@@ -44,22 +44,26 @@ export class NSBoxEnum extends React.Component {
|
|
|
44
44
|
return this.state.values;
|
|
45
45
|
}
|
|
46
46
|
setValue(value) {
|
|
47
|
-
this.setState({ value })
|
|
47
|
+
this.setState({ value }, () => {
|
|
48
|
+
if (this.props.onChange)
|
|
49
|
+
this.props.onChange();
|
|
50
|
+
});
|
|
48
51
|
}
|
|
49
52
|
setValues(values) {
|
|
50
|
-
this.setState({ values })
|
|
53
|
+
this.setState({ values }, () => {
|
|
54
|
+
if (this.props.onChange)
|
|
55
|
+
this.props.onChange();
|
|
56
|
+
});
|
|
51
57
|
}
|
|
52
|
-
|
|
53
|
-
if (this.props.multiple)
|
|
58
|
+
onChange(value) {
|
|
59
|
+
if (this.props.multiple)
|
|
54
60
|
this.setValues(value);
|
|
55
|
-
|
|
56
|
-
else {
|
|
61
|
+
else
|
|
57
62
|
this.setValue(value);
|
|
58
|
-
}
|
|
59
63
|
}
|
|
60
64
|
render() {
|
|
61
65
|
var _a;
|
|
62
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} ${this.props.customClass}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { showSearch: true, mode: this.props.multiple ? "multiple" : undefined, style: { width: '100%' }, className: Styles.ns_input_select, placeholder: (_a = this.props.placeHolder) !== null && _a !== void 0 ? _a : "Combo Box", onChange: this.
|
|
66
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} ${this.props.customClass}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { showSearch: true, mode: this.props.multiple ? "multiple" : undefined, style: { width: '100%' }, className: Styles.ns_input_select, placeholder: (_a = this.props.placeHolder) !== null && _a !== void 0 ? _a : "Combo Box", onChange: this.onChange, optionLabelProp: "label", options: this.props.options, 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 })] }));
|
|
63
67
|
}
|
|
64
68
|
}
|
|
65
69
|
//# sourceMappingURL=NSBoxEnum.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxEnum.js","sourceRoot":"","sources":["../../src/components/NSBoxEnum.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,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;
|
|
1
|
+
{"version":3,"file":"NSBoxEnum.js","sourceRoot":"","sources":["../../src/components/NSBoxEnum.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { IBaseComponentProps } from '../props/IBaseComponentProps';
|
|
2
2
|
export interface INSPaginationProps extends IBaseComponentProps {
|
|
3
|
-
pageSize: number;
|
|
4
3
|
totalItems: number;
|
|
5
4
|
currentPage: number;
|
|
6
|
-
onPageChange: (page: number) => void;
|
|
5
|
+
onPageChange: (page: number, size: number) => void;
|
|
7
6
|
}
|
|
8
7
|
export declare function NSPagination(props: INSPaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useState } from 'react';
|
|
2
3
|
import { NSBoxEnum } from './NSBoxEnum';
|
|
3
4
|
import Styles from './NSPagination.module.css';
|
|
4
|
-
let
|
|
5
|
+
let pageSizes = [25, 50, 100, 200, 500];
|
|
5
6
|
export function NSPagination(props) {
|
|
6
7
|
var _a;
|
|
7
|
-
const
|
|
8
|
+
const PageSize = useRef(null);
|
|
9
|
+
let [state, setState] = useState({ pageSize: pageSizes[0] });
|
|
10
|
+
let pageSize = state.pageSize;
|
|
11
|
+
const { totalItems, currentPage, onPageChange } = props;
|
|
8
12
|
const totalPages = Math.ceil(totalItems / pageSize);
|
|
9
13
|
const windowSize = 2;
|
|
10
14
|
const minPage = Math.max(2, currentPage - windowSize);
|
|
@@ -15,13 +19,13 @@ export function NSPagination(props) {
|
|
|
15
19
|
const pushPage = (page) => {
|
|
16
20
|
pages.push(_jsx("div", { className: `${Styles.ns_select_number_parent}`, children: _jsx("a", { href: "#", className: `${Styles.ns_paginate_link} ${page === currentPage ? Styles.ns_select_number : ''}`, onClick: (e) => {
|
|
17
21
|
e.preventDefault();
|
|
18
|
-
onPageChange(page);
|
|
22
|
+
onPageChange(page, state.pageSize);
|
|
19
23
|
}, children: page }) }, page));
|
|
20
24
|
};
|
|
21
25
|
pages.push(_jsx("div", { children: _jsx("a", { href: "#", onClick: (e) => {
|
|
22
26
|
e.preventDefault();
|
|
23
27
|
if (currentPage > 1)
|
|
24
|
-
onPageChange(currentPage - 1);
|
|
28
|
+
onPageChange(currentPage - 1, state.pageSize);
|
|
25
29
|
}, 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"));
|
|
26
30
|
pushPage(1);
|
|
27
31
|
if (currentPage > windowSize + 2) {
|
|
@@ -38,8 +42,12 @@ export function NSPagination(props) {
|
|
|
38
42
|
pages.push(_jsx("div", { children: _jsx("a", { href: "#", onClick: (e) => {
|
|
39
43
|
e.preventDefault();
|
|
40
44
|
if (currentPage < totalPages)
|
|
41
|
-
onPageChange(currentPage + 1);
|
|
45
|
+
onPageChange(currentPage + 1, state.pageSize);
|
|
42
46
|
}, 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:
|
|
47
|
+
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, { ref: PageSize, title: '', multiple: false, required: false, options: pageSizes.map(pagesize => { return { desc: pagesize.toString(), value: pagesize.toString() }; }), onChange: () => {
|
|
48
|
+
var _a, _b;
|
|
49
|
+
setState({ pageSize: parseInt((_b = (_a = PageSize.current) === null || _a === void 0 ? void 0 : _a.getValue()) !== null && _b !== void 0 ? _b : pageSizes[0].toString()) });
|
|
50
|
+
onPageChange(currentPage + 1, state.pageSize);
|
|
51
|
+
} }) }), _jsx("h6", { children: `(${current_min} - ${current_max}) of ${totalItems}` })] })] }) }));
|
|
44
52
|
}
|
|
45
53
|
//# sourceMappingURL=NSPagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -79,7 +79,7 @@ export class NSTable extends Component {
|
|
|
79
79
|
else {
|
|
80
80
|
content = this.state.rows.map((row, rowIndex) => _jsx("tr", { onClick: (e) => { onRowClick(e, row, rowIndex); }, children: column_keys.map((column, columnIndex) => (_createElement("td", Object.assign({}, getColumnAttributes(column, columnIndex), { key: this.props.getRowKey(row, rowIndex), "data-label": `${this.state.columns[column]} : `, onClick: (e) => { onCellClick(e, row, column, rowIndex, columnIndex); } }), getCell(row, column, rowIndex, columnIndex)))) }, this.props.getRowKey(row, rowIndex)));
|
|
81
81
|
}
|
|
82
|
-
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: _jsx("tr", { children: 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, {
|
|
82
|
+
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: _jsx("tr", { children: 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, { currentPage: this.state.currentPage, totalItems: this.props.totalItems, onPageChange: this.onPageChange }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: Styles.ns_button, children: [_jsx(NSButton, { title: 'Print', icon: { src: "https://static.namirasoft.com/image/concept/export/blue.svg" }, onClick: () => { }, 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: () => { }, style: { border: '1px solid rgba(255, 148, 50, 1)', width: "128px" } }), _jsx(NSButton, { title: 'Refresh', icon: { src: "https://static.namirasoft.com/image/concept/export/blue.svg" }, onClick: () => {
|
|
83
83
|
this.props.reload(this.state.currentPage);
|
|
84
84
|
}, 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 })] }));
|
|
85
85
|
}
|
|
@@ -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;AAGlC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -96,13 +96,12 @@ export function App()
|
|
|
96
96
|
<>
|
|
97
97
|
<NSTabPage tabs={tabs} />
|
|
98
98
|
<NSSpace size={NSSpaceSizeType.SMALL} />
|
|
99
|
-
<NSPagination
|
|
99
|
+
<NSPagination totalItems={100} currentPage={15} onPageChange={() => { }} />
|
|
100
100
|
</>
|
|
101
101
|
<NSTable
|
|
102
102
|
columns={getColumns()}
|
|
103
103
|
getColumnAttributes={() => { return {} }}
|
|
104
104
|
getRowKey={() => ""}
|
|
105
|
-
pageSize={20}
|
|
106
105
|
totalItems={10}
|
|
107
106
|
reload={() => { }}
|
|
108
107
|
/>
|
|
@@ -23,6 +23,7 @@ export interface INSBoxEnumProps extends IBaseComponentProps, IValidationProps
|
|
|
23
23
|
multiple: boolean;
|
|
24
24
|
placeHolder?: string;
|
|
25
25
|
customClass?: string;
|
|
26
|
+
onChange?: () => void;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
export interface INSBoxEnumState
|
|
@@ -45,7 +46,7 @@ export class NSBoxEnum extends React.Component<INSBoxEnumProps, INSBoxEnumState>
|
|
|
45
46
|
this.setValues = this.setValues.bind(this);
|
|
46
47
|
this.setValue = this.setValue.bind(this);
|
|
47
48
|
this.getValue = this.getValue.bind(this);
|
|
48
|
-
this.
|
|
49
|
+
this.onChange = this.onChange.bind(this);
|
|
49
50
|
}
|
|
50
51
|
getError(value: string): string | null
|
|
51
52
|
{
|
|
@@ -82,21 +83,26 @@ export class NSBoxEnum extends React.Component<INSBoxEnumProps, INSBoxEnumState>
|
|
|
82
83
|
}
|
|
83
84
|
setValue(value: string | null): void
|
|
84
85
|
{
|
|
85
|
-
this.setState({ value })
|
|
86
|
+
this.setState({ value }, () =>
|
|
87
|
+
{
|
|
88
|
+
if (this.props.onChange)
|
|
89
|
+
this.props.onChange();
|
|
90
|
+
});
|
|
86
91
|
}
|
|
87
92
|
setValues(values: string[]): void
|
|
88
93
|
{
|
|
89
|
-
this.setState({ values })
|
|
94
|
+
this.setState({ values }, () =>
|
|
95
|
+
{
|
|
96
|
+
if (this.props.onChange)
|
|
97
|
+
this.props.onChange();
|
|
98
|
+
});
|
|
90
99
|
}
|
|
91
|
-
|
|
100
|
+
onChange(value: string | null | string[]): void
|
|
92
101
|
{
|
|
93
102
|
if (this.props.multiple)
|
|
94
|
-
{
|
|
95
103
|
this.setValues(value as string[]);
|
|
96
|
-
|
|
97
|
-
{
|
|
104
|
+
else
|
|
98
105
|
this.setValue(value as string | null);
|
|
99
|
-
}
|
|
100
106
|
}
|
|
101
107
|
override render()
|
|
102
108
|
{
|
|
@@ -110,7 +116,7 @@ export class NSBoxEnum extends React.Component<INSBoxEnumProps, INSBoxEnumState>
|
|
|
110
116
|
style={{ width: '100%' }}
|
|
111
117
|
className={Styles.ns_input_select}
|
|
112
118
|
placeholder={this.props.placeHolder ?? "Combo Box"}
|
|
113
|
-
onChange={this.
|
|
119
|
+
onChange={this.onChange}
|
|
114
120
|
optionLabelProp="label"
|
|
115
121
|
options={this.props.options}
|
|
116
122
|
optionRender={(option) => (
|
|
@@ -1,18 +1,30 @@
|
|
|
1
|
+
import { useRef, useState } from 'react';
|
|
1
2
|
import { IBaseComponentProps } from '../props/IBaseComponentProps';
|
|
2
3
|
import { NSBoxEnum } from './NSBoxEnum';
|
|
3
4
|
import Styles from './NSPagination.module.css';
|
|
4
5
|
|
|
5
6
|
export interface INSPaginationProps extends IBaseComponentProps
|
|
6
7
|
{
|
|
7
|
-
pageSize: number;
|
|
8
8
|
totalItems: number;
|
|
9
9
|
currentPage: number;
|
|
10
|
-
onPageChange: (page: number) => void;
|
|
10
|
+
onPageChange: (page: number, size: number) => void;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
interface INSPaginationState
|
|
14
|
+
{
|
|
15
|
+
pageSize: number;
|
|
11
16
|
}
|
|
12
|
-
|
|
17
|
+
|
|
18
|
+
let pageSizes = [25, 50, 100, 200, 500];
|
|
19
|
+
|
|
13
20
|
export function NSPagination(props: INSPaginationProps)
|
|
14
21
|
{
|
|
15
|
-
const
|
|
22
|
+
const PageSize = useRef<NSBoxEnum>(null);
|
|
23
|
+
|
|
24
|
+
let [state, setState] = useState<INSPaginationState>({ pageSize: pageSizes[0] });
|
|
25
|
+
let pageSize = state.pageSize;
|
|
26
|
+
|
|
27
|
+
const { totalItems, currentPage, onPageChange } = props;
|
|
16
28
|
const totalPages = Math.ceil(totalItems / pageSize);
|
|
17
29
|
const windowSize = 2;
|
|
18
30
|
const minPage = Math.max(2, currentPage - windowSize);
|
|
@@ -31,7 +43,7 @@ export function NSPagination(props: INSPaginationProps)
|
|
|
31
43
|
onClick={(e) =>
|
|
32
44
|
{
|
|
33
45
|
e.preventDefault();
|
|
34
|
-
onPageChange(page);
|
|
46
|
+
onPageChange(page, state.pageSize);
|
|
35
47
|
}}
|
|
36
48
|
>
|
|
37
49
|
{page}
|
|
@@ -48,7 +60,7 @@ export function NSPagination(props: INSPaginationProps)
|
|
|
48
60
|
{
|
|
49
61
|
e.preventDefault();
|
|
50
62
|
if (currentPage > 1)
|
|
51
|
-
onPageChange(currentPage - 1);
|
|
63
|
+
onPageChange(currentPage - 1, state.pageSize);
|
|
52
64
|
}}
|
|
53
65
|
>
|
|
54
66
|
<img
|
|
@@ -95,7 +107,7 @@ export function NSPagination(props: INSPaginationProps)
|
|
|
95
107
|
{
|
|
96
108
|
e.preventDefault();
|
|
97
109
|
if (currentPage < totalPages)
|
|
98
|
-
onPageChange(currentPage + 1);
|
|
110
|
+
onPageChange(currentPage + 1, state.pageSize);
|
|
99
111
|
}}
|
|
100
112
|
>
|
|
101
113
|
<img
|
|
@@ -119,10 +131,16 @@ export function NSPagination(props: INSPaginationProps)
|
|
|
119
131
|
<div className={Styles.ns_pagination_info}>
|
|
120
132
|
<div style={{ width: 70 }}>
|
|
121
133
|
<NSBoxEnum
|
|
134
|
+
ref={PageSize}
|
|
122
135
|
title=''
|
|
123
136
|
multiple={false}
|
|
124
137
|
required={false}
|
|
125
|
-
options={
|
|
138
|
+
options={pageSizes.map(pagesize => { return { desc: pagesize.toString(), value: pagesize.toString() } })}
|
|
139
|
+
onChange={() =>
|
|
140
|
+
{
|
|
141
|
+
setState({ pageSize: parseInt(PageSize.current?.getValue() ?? pageSizes[0].toString()) });
|
|
142
|
+
onPageChange(currentPage + 1, state.pageSize);
|
|
143
|
+
}}
|
|
126
144
|
/>
|
|
127
145
|
</div>
|
|
128
146
|
<h6>
|
|
@@ -13,7 +13,6 @@ import { NSLoading } from './NSLoading';
|
|
|
13
13
|
export interface INSTableProps<RowType> extends IBaseComponentProps
|
|
14
14
|
{
|
|
15
15
|
columns: { [key: string]: string };
|
|
16
|
-
pageSize: number;
|
|
17
16
|
totalItems: number;
|
|
18
17
|
reload: (page: number) => void
|
|
19
18
|
getRowKey: (row: RowType, rowIndex: number) => string;
|
|
@@ -160,7 +159,7 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
|
|
|
160
159
|
</table>
|
|
161
160
|
<NSSpace size={NSSpaceSizeType.MICRO} />
|
|
162
161
|
<section className={Styles.ns_pagination_button}>
|
|
163
|
-
<NSPagination
|
|
162
|
+
<NSPagination currentPage={this.state.currentPage} totalItems={this.props.totalItems} onPageChange={this.onPageChange} />
|
|
164
163
|
<NSSpace size={NSSpaceSizeType.SMALL} />
|
|
165
164
|
<div className={Styles.ns_button}>
|
|
166
165
|
<NSButton title='Print' icon={{ src: "https://static.namirasoft.com/image/concept/export/blue.svg" }} onClick={() => { }} style={{ border: '1px solid rgba(255, 148, 50, 1)', width: "128px" }} />
|