namirasoft-site-react 1.4.21 → 1.4.23
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 +7 -2
- package/dist/App.js.map +1 -1
- package/dist/components/NSBoxCombo.d.ts +1 -1
- package/dist/components/NSBoxCombo.js +12 -1
- package/dist/components/NSBoxCombo.js.map +1 -1
- package/dist/components/NSBoxEnum.d.ts +0 -1
- package/dist/components/NSBoxEnum.js +3 -3
- package/dist/components/NSBoxEnum.js.map +1 -1
- package/dist/components/NSFilterBoxDialog.js +1 -1
- package/dist/components/NSPagination.d.ts +0 -1
- package/dist/components/NSPagination.js +16 -13
- package/dist/components/NSPagination.js.map +1 -1
- package/package.json +1 -1
- package/src/App.tsx +15 -1
- package/src/components/NSBoxCombo.tsx +14 -2
- package/src/components/NSBoxEnum.tsx +3 -4
- package/src/components/NSFilterBoxDialog.tsx +2 -2
- package/src/components/NSPagination.tsx +17 -15
package/dist/App.js
CHANGED
|
@@ -11,7 +11,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
11
11
|
import './App.css';
|
|
12
12
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
13
13
|
import { NSTable } from './components/NSTable';
|
|
14
|
-
import { NSBarAlert, NSBoxDate, NSBoxPhone, NSNotFoundPage } from './main';
|
|
14
|
+
import { NSBarAlert, NSBoxDate, NSBoxEnum, NSBoxPhone, NSNotFoundPage } from './main';
|
|
15
15
|
const fakeFormatter = {
|
|
16
16
|
format: (value) => { return value; }
|
|
17
17
|
};
|
|
@@ -160,7 +160,12 @@ export function App() {
|
|
|
160
160
|
getRows: getFakeRows,
|
|
161
161
|
getRowKey: getFakeRowKey,
|
|
162
162
|
};
|
|
163
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { children: "NSLayout " }), _jsx("div", { children: "NSLayout " }), _jsx("div", { children: "NSLayout " }), _jsx(NSTable, Object.assign({}, tableProps)), _jsx(NSNotFoundPage, {}), _jsx(NSBoxDate, { required: true, title: '' }), _jsx(NSBoxPhone, { required: true, title: '' }), _jsx(
|
|
163
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { children: "NSLayout " }), _jsx("div", { children: "NSLayout " }), _jsx("div", { children: "NSLayout " }), _jsx(NSTable, Object.assign({}, tableProps)), _jsx(NSNotFoundPage, {}), _jsx(NSBoxDate, { required: true, title: '' }), _jsx(NSBoxPhone, { required: true, title: '' }), _jsx(NSBoxEnum, { title: 'Retention Unit', required: true, multiple: false, options: [
|
|
164
|
+
{ title: "LogGroupRetentionUnit.Day", value: "LogGroupRetentionUnit.Day" },
|
|
165
|
+
{ title: "LogGroupRetentionUnit.Week", value: "LogGroupRetentionUnit.Week" },
|
|
166
|
+
{ title: "LogGroupRetentionUnit.Month", value: "LogGroupRetentionUnit.Month" },
|
|
167
|
+
{ title: "LogGroupRetentionUnit.Year", value: "LogGroupRetentionUnit.Year" },
|
|
168
|
+
] }), _jsx(NSBarAlert, { isVisible: () => true, onContinue: () => window.open("/"), title: {
|
|
164
169
|
title: "Verify Your Email",
|
|
165
170
|
description: "Lorem ipsum dolor sit amet consectetur. In ipsum gravida libero vitae tempor.Ipsum"
|
|
166
171
|
} }), _jsx(NSBarAlert, { isVisible: () => true, onContinue: () => window.open("/"), title: {
|
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAgD,MAAM,sBAAsB,CAAC;AAC7F,OAAO,EAAuB,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,6 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { BaseOptionType } from "antd/es/select";
|
|
5
5
|
export interface INSBoxComboOption extends BaseOptionType {
|
|
6
|
-
desc: string;
|
|
7
6
|
value: string;
|
|
8
7
|
}
|
|
9
8
|
export interface INSBoxComboProps extends IBaseComponentProps, IValidationProps {
|
|
@@ -29,5 +28,6 @@ export declare class NSBoxCombo extends React.Component<INSBoxComboProps, INSBox
|
|
|
29
28
|
setValue(value: string | null): void;
|
|
30
29
|
setValues(values: string[]): void;
|
|
31
30
|
onChange(value: string | null | string[]): void;
|
|
31
|
+
componentDidMount(): void;
|
|
32
32
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
33
33
|
}
|
|
@@ -60,8 +60,19 @@ export class NSBoxCombo extends React.Component {
|
|
|
60
60
|
else
|
|
61
61
|
this.setValue(value);
|
|
62
62
|
}
|
|
63
|
+
componentDidMount() {
|
|
64
|
+
if (this.props.defaultValue) {
|
|
65
|
+
let value = this.getValue(false);
|
|
66
|
+
if (!value) {
|
|
67
|
+
this.setState({ value: this.props.defaultValue });
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
63
71
|
render() {
|
|
64
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${StyleNSBox.ns_input_parent} ${this.props.customClass}`, children: [_jsxs("span", { className: StyleNSBox.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { showSearch: this.props.searchable, value: this.props.multiple ? (this.state.values) : (this.state.value), mode: this.props.multiple ? "multiple" : undefined, className: Styles.ns_input_select, placeholder: this.props.placeholder, onChange: this.onChange, optionLabelProp: "label", options: this.props.options, defaultValue: this.props.defaultValue, optionRender: (option) =>
|
|
72
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${StyleNSBox.ns_input_parent} ${this.props.customClass}`, children: [_jsxs("span", { className: StyleNSBox.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { showSearch: this.props.searchable, value: this.props.multiple ? (this.state.values) : (this.state.value), mode: this.props.multiple ? "multiple" : undefined, className: Styles.ns_input_select, placeholder: this.props.placeholder, onChange: this.onChange, optionLabelProp: "label", options: this.props.options, defaultValue: this.props.defaultValue, optionRender: (option) => {
|
|
73
|
+
var _a;
|
|
74
|
+
return (_jsx(Space, { className: StyleNSBox.ns_input_select_option, children: (_a = option.data.title) !== null && _a !== void 0 ? _a : "" }));
|
|
75
|
+
}, suffixIcon: _jsx("img", { src: "https://static.namirasoft.com/image/concept/arrow/down/blue.svg", width: 24, height: 24, alt: "SelectBox Icon" }) }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
65
76
|
}
|
|
66
77
|
}
|
|
67
78
|
//# sourceMappingURL=NSBoxCombo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxCombo.js","sourceRoot":"","sources":["../../src/components/NSBoxCombo.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxCombo.js","sourceRoot":"","sources":["../../src/components/NSBoxCombo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { INSBoxComboProps, NSBoxCombo } from "./NSBoxCombo";
|
|
3
3
|
export interface INSBoxEnumProps extends INSBoxComboProps {
|
|
4
|
-
options: any;
|
|
5
4
|
}
|
|
6
5
|
export declare class NSBoxEnum extends React.Component<INSBoxEnumProps> {
|
|
7
6
|
NSBoxCombo: React.RefObject<NSBoxCombo>;
|
|
@@ -34,10 +34,10 @@ export class NSBoxEnum extends React.Component {
|
|
|
34
34
|
(_a = this.NSBoxCombo.current) === null || _a === void 0 ? void 0 : _a.setValues(values);
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
let options =
|
|
37
|
+
let options = this.props.options.map((option) => {
|
|
38
38
|
return {
|
|
39
|
-
|
|
40
|
-
value:
|
|
39
|
+
title: option.title,
|
|
40
|
+
value: option.value,
|
|
41
41
|
};
|
|
42
42
|
});
|
|
43
43
|
return (_jsx(NSBoxCombo, Object.assign({ ref: this.NSBoxCombo }, this.props, { options: options })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxEnum.js","sourceRoot":"","sources":["../../src/components/NSBoxEnum.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAuC,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxEnum.js","sourceRoot":"","sources":["../../src/components/NSBoxEnum.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAuC,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/E,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA0B;IAG9D,YAAY,KAAsB;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHP,eAAU,GAAG,SAAS,EAAc,CAAC;QAI3C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IACD,QAAQ,CAAC,KAAa;;QAErB,OAAO,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,mCAAI,IAAI,CAAC;IACzD,CAAC;IACD,QAAQ,CAAI,OAA2B,EAAE,QAAW;;QAEnD,OAAO,IAAI,aAAa,CAAC,MAAA,IAAI,CAAC,UAAU,CAAC,OAAO,0CAAE,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC1F,CAAC;IACD,SAAS,CAAI,OAA2B,EAAE,QAAW;;QAEpD,IAAI,MAAM,GAAG,MAAA,MAAA,IAAI,CAAC,UAAU,CAAC,OAAO,0CAAE,SAAS,EAAE,mCAAI,EAAE,CAAC;QACxD,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IACjF,CAAC;IACD,QAAQ,CAAC,KAAoB;;QAE5B,MAAA,IAAI,CAAC,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;IACD,SAAS,CAAC,MAAgB;;QAEzB,MAAA,IAAI,CAAC,UAAU,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC;IACQ,MAAM;QAEd,IAAI,OAAO,GAAuB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAwB,EAAE,EAAE;YAErF,OAAO;gBACN,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,MAAM,CAAC,KAAK;aACnB,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,CACN,KAAC,UAAU,kBAAC,GAAG,EAAE,IAAI,CAAC,UAAU,IAAM,IAAI,CAAC,KAAK,IAAE,OAAO,EAAE,OAAO,IAAe,CACjF,CAAC;IACH,CAAC;CACD"}
|
|
@@ -7,7 +7,7 @@ import { NSButtonBlue } from './NSButtonBlue';
|
|
|
7
7
|
import { NSButtonRed } from './NSButtonRed';
|
|
8
8
|
export class NSFilterBoxDialog extends Component {
|
|
9
9
|
render() {
|
|
10
|
-
return (_jsxs("div", { className: Styles.ns_dialog_holder, children: [_jsx("button", { className: Styles.ns_dialog_close, onClick: this.props.onCloseDialog, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "close-dialog", width: 24, height: 24 }) }), _jsx("h3", { className: Styles.ns_dialog_title, children: "Edit Dialog" }), _jsx(NSBoxEnum, { searchable: true, title: this.props.title, placeholder: "", options:
|
|
10
|
+
return (_jsxs("div", { className: Styles.ns_dialog_holder, children: [_jsx("button", { className: Styles.ns_dialog_close, onClick: this.props.onCloseDialog, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "close-dialog", width: 24, height: 24 }) }), _jsx("h3", { className: Styles.ns_dialog_title, children: "Edit Dialog" }), _jsx(NSBoxEnum, { searchable: true, title: this.props.title, placeholder: "", options: [], multiple: false, required: false }), _jsx(NSBoxEnum, { searchable: true, title: this.props.title, placeholder: "", options: [], multiple: false, required: false }), _jsx(NSBoxString, { title: '', required: false }), _jsxs("div", { className: Styles.ns_dialog_btn_container, children: [_jsx(NSButtonBlue, { title: 'Apply', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Cancel', onClick: this.props.onCloseDialog, style: {
|
|
11
11
|
border: "solid 1px red",
|
|
12
12
|
color: "red",
|
|
13
13
|
backgroundColor: "#fff"
|
|
@@ -8,7 +8,6 @@ export interface INSPaginationProps extends IBaseComponentProps {
|
|
|
8
8
|
}
|
|
9
9
|
interface INSPaginationState {
|
|
10
10
|
currentPage: number;
|
|
11
|
-
pageSize: number;
|
|
12
11
|
}
|
|
13
12
|
export declare class NSPagination extends Component<INSPaginationProps, INSPaginationState> {
|
|
14
13
|
PageSize: React.RefObject<NSBoxCombo>;
|
|
@@ -8,17 +8,21 @@ export class NSPagination extends Component {
|
|
|
8
8
|
constructor(props) {
|
|
9
9
|
super(props);
|
|
10
10
|
this.PageSize = React.createRef();
|
|
11
|
-
this.state = { currentPage: 1
|
|
11
|
+
this.state = { currentPage: 1 };
|
|
12
12
|
}
|
|
13
13
|
getCurrentPage() {
|
|
14
14
|
return this.state.currentPage;
|
|
15
15
|
}
|
|
16
16
|
getPageSize() {
|
|
17
|
-
|
|
17
|
+
var _a;
|
|
18
|
+
let ans = (_a = this.PageSize.current) === null || _a === void 0 ? void 0 : _a.getValue(false);
|
|
19
|
+
if (!ans)
|
|
20
|
+
ans = pageSizes[0].toString();
|
|
21
|
+
return parseInt(ans);
|
|
18
22
|
}
|
|
19
23
|
render() {
|
|
20
24
|
var _a;
|
|
21
|
-
let pageSize = this.
|
|
25
|
+
let pageSize = this.getPageSize();
|
|
22
26
|
const { totalItems, onPageChange } = this.props;
|
|
23
27
|
const totalPages = Math.ceil(totalItems / pageSize);
|
|
24
28
|
const windowSize = 2;
|
|
@@ -31,8 +35,8 @@ export class NSPagination extends Component {
|
|
|
31
35
|
pages.push(_jsx("div", { className: `${Styles.ns_select_number_parent}`, children: _jsx("a", { href: "#", className: `${Styles.ns_paginate_link} ${page === this.state.currentPage ? Styles.ns_select_number : ''}`, onClick: (e) => {
|
|
32
36
|
e.preventDefault();
|
|
33
37
|
let currentPage = page;
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
this.setState({ currentPage }, () => {
|
|
39
|
+
let pageSize = this.getPageSize();
|
|
36
40
|
onPageChange(currentPage, pageSize);
|
|
37
41
|
});
|
|
38
42
|
}, children: page }) }, page));
|
|
@@ -41,8 +45,8 @@ export class NSPagination extends Component {
|
|
|
41
45
|
e.preventDefault();
|
|
42
46
|
if (this.state.currentPage > 1) {
|
|
43
47
|
let currentPage = this.state.currentPage - 1;
|
|
44
|
-
|
|
45
|
-
|
|
48
|
+
this.setState({ currentPage }, () => {
|
|
49
|
+
let pageSize = this.getPageSize();
|
|
46
50
|
onPageChange(currentPage, pageSize);
|
|
47
51
|
});
|
|
48
52
|
}
|
|
@@ -63,17 +67,16 @@ export class NSPagination extends Component {
|
|
|
63
67
|
e.preventDefault();
|
|
64
68
|
if (this.state.currentPage < totalPages) {
|
|
65
69
|
let currentPage = this.state.currentPage + 1;
|
|
66
|
-
|
|
67
|
-
|
|
70
|
+
this.setState({ currentPage }, () => {
|
|
71
|
+
let pageSize = this.getPageSize();
|
|
68
72
|
onPageChange(currentPage, pageSize);
|
|
69
73
|
});
|
|
70
74
|
}
|
|
71
75
|
}, 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"));
|
|
72
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_pagination_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: this.props.style, children: [pages, _jsxs("div", { className: Styles.ns_pagination_info, children: [_jsx("div", { className: Styles.ns_pagination_combobox, children: _jsx(NSBoxCombo, {
|
|
73
|
-
var _a, _b;
|
|
76
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_pagination_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: this.props.style, children: [pages, _jsxs("div", { className: Styles.ns_pagination_info, children: [_jsx("div", { className: Styles.ns_pagination_combobox, children: _jsx(NSBoxCombo, { ref: this.PageSize, title: '', required: false, searchable: false, multiple: false, defaultValue: "25", options: pageSizes.map(pagesize => { return { title: pagesize.toString(), value: pagesize.toString() }; }), onChanged: () => {
|
|
74
77
|
let currentPage = this.state.currentPage;
|
|
75
|
-
|
|
76
|
-
|
|
78
|
+
this.setState({ currentPage }, () => {
|
|
79
|
+
let pageSize = this.getPageSize();
|
|
77
80
|
onPageChange(currentPage, pageSize);
|
|
78
81
|
});
|
|
79
82
|
} }) }), _jsx("h6", { children: `(${current_min} - ${current_max}) of ${totalItems}` })] })] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,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
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
3
|
import { NSTable, INSTableProps, TableColumnInfo, TableRowInfo } from './components/NSTable';
|
|
4
|
-
import { BaseColumnFormatter, NSBarAlert, NSBoxDate, NSBoxPhone, NSNotFoundPage } from './main';
|
|
4
|
+
import { BaseColumnFormatter, NSBarAlert, NSBoxDate, NSBoxEnum, NSBoxPhone, NSNotFoundPage } from './main';
|
|
5
5
|
|
|
6
6
|
export interface INSBarActionState
|
|
7
7
|
{
|
|
@@ -182,6 +182,20 @@ export function App()
|
|
|
182
182
|
required
|
|
183
183
|
title=''
|
|
184
184
|
/>
|
|
185
|
+
|
|
186
|
+
|
|
187
|
+
<NSBoxEnum
|
|
188
|
+
title='Retention Unit'
|
|
189
|
+
required
|
|
190
|
+
multiple={false}
|
|
191
|
+
options={[
|
|
192
|
+
{ title: "LogGroupRetentionUnit.Day", value: "LogGroupRetentionUnit.Day" },
|
|
193
|
+
{ title: "LogGroupRetentionUnit.Week", value: "LogGroupRetentionUnit.Week" },
|
|
194
|
+
{ title: "LogGroupRetentionUnit.Month", value: "LogGroupRetentionUnit.Month" },
|
|
195
|
+
{ title: "LogGroupRetentionUnit.Year", value: "LogGroupRetentionUnit.Year" },
|
|
196
|
+
]}
|
|
197
|
+
/>
|
|
198
|
+
|
|
185
199
|
<NSBarAlert
|
|
186
200
|
isVisible={() => true}
|
|
187
201
|
onContinue={() => window.open("/")}
|
|
@@ -12,7 +12,6 @@ import { BaseOptionType } from "antd/es/select";
|
|
|
12
12
|
|
|
13
13
|
export interface INSBoxComboOption extends BaseOptionType
|
|
14
14
|
{
|
|
15
|
-
desc: string;
|
|
16
15
|
value: string;
|
|
17
16
|
}
|
|
18
17
|
|
|
@@ -105,6 +104,19 @@ export class NSBoxCombo extends React.Component<INSBoxComboProps, INSBoxComboSta
|
|
|
105
104
|
else
|
|
106
105
|
this.setValue(value as string | null);
|
|
107
106
|
}
|
|
107
|
+
override componentDidMount()
|
|
108
|
+
{
|
|
109
|
+
if (this.props.defaultValue)
|
|
110
|
+
{
|
|
111
|
+
let value = this.getValue(false);
|
|
112
|
+
if (!value)
|
|
113
|
+
{
|
|
114
|
+
// This set vlaue must call setState directly to avoid calling onChange event twice at the begining.
|
|
115
|
+
// DO NOT replace this setState with setValue
|
|
116
|
+
this.setState({ value: this.props.defaultValue });
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|
|
108
120
|
override render()
|
|
109
121
|
{
|
|
110
122
|
return (
|
|
@@ -123,7 +135,7 @@ export class NSBoxCombo extends React.Component<INSBoxComboProps, INSBoxComboSta
|
|
|
123
135
|
defaultValue={this.props.defaultValue}
|
|
124
136
|
optionRender={(option) => (
|
|
125
137
|
<Space className={StyleNSBox.ns_input_select_option}>
|
|
126
|
-
{option.data.
|
|
138
|
+
{option.data.title ?? ""}
|
|
127
139
|
</Space>
|
|
128
140
|
)}
|
|
129
141
|
suffixIcon={<img src="https://static.namirasoft.com/image/concept/arrow/down/blue.svg" width={24} height={24} alt="SelectBox Icon" />}
|
|
@@ -6,7 +6,6 @@ import { INSBoxComboOption, INSBoxComboProps, NSBoxCombo } from "./NSBoxCombo";
|
|
|
6
6
|
|
|
7
7
|
export interface INSBoxEnumProps extends INSBoxComboProps
|
|
8
8
|
{
|
|
9
|
-
options: any;
|
|
10
9
|
}
|
|
11
10
|
|
|
12
11
|
export class NSBoxEnum extends React.Component<INSBoxEnumProps>
|
|
@@ -43,11 +42,11 @@ export class NSBoxEnum extends React.Component<INSBoxEnumProps>
|
|
|
43
42
|
}
|
|
44
43
|
override render()
|
|
45
44
|
{
|
|
46
|
-
let options: INSBoxComboOption[] =
|
|
45
|
+
let options: INSBoxComboOption[] =this.props.options.map((option:INSBoxComboOption) =>
|
|
47
46
|
{
|
|
48
47
|
return {
|
|
49
|
-
|
|
50
|
-
value:
|
|
48
|
+
title: option.title,
|
|
49
|
+
value: option.value,
|
|
51
50
|
};
|
|
52
51
|
});
|
|
53
52
|
return (
|
|
@@ -32,7 +32,7 @@ export class NSFilterBoxDialog extends Component<INSFilterBoxDialogProps, INSFil
|
|
|
32
32
|
searchable={true}
|
|
33
33
|
title={this.props.title}
|
|
34
34
|
placeholder=""
|
|
35
|
-
options={
|
|
35
|
+
options={[]}
|
|
36
36
|
multiple={false}
|
|
37
37
|
required={false}
|
|
38
38
|
/>
|
|
@@ -41,7 +41,7 @@ export class NSFilterBoxDialog extends Component<INSFilterBoxDialogProps, INSFil
|
|
|
41
41
|
searchable={true}
|
|
42
42
|
title={this.props.title}
|
|
43
43
|
placeholder=""
|
|
44
|
-
options={
|
|
44
|
+
options={[]}
|
|
45
45
|
multiple={false}
|
|
46
46
|
required={false}
|
|
47
47
|
/>
|
|
@@ -13,7 +13,6 @@ export interface INSPaginationProps extends IBaseComponentProps
|
|
|
13
13
|
interface INSPaginationState
|
|
14
14
|
{
|
|
15
15
|
currentPage: number;
|
|
16
|
-
pageSize: number;
|
|
17
16
|
}
|
|
18
17
|
let pageSizes = [25, 50, 100, 200, 500];
|
|
19
18
|
|
|
@@ -23,7 +22,7 @@ export class NSPagination extends Component<INSPaginationProps, INSPaginationSta
|
|
|
23
22
|
constructor(props: INSPaginationProps)
|
|
24
23
|
{
|
|
25
24
|
super(props);
|
|
26
|
-
this.state = { currentPage: 1
|
|
25
|
+
this.state = { currentPage: 1 };
|
|
27
26
|
}
|
|
28
27
|
getCurrentPage(): number
|
|
29
28
|
{
|
|
@@ -31,11 +30,14 @@ export class NSPagination extends Component<INSPaginationProps, INSPaginationSta
|
|
|
31
30
|
}
|
|
32
31
|
getPageSize(): number
|
|
33
32
|
{
|
|
34
|
-
|
|
33
|
+
let ans = this.PageSize.current?.getValue(false);
|
|
34
|
+
if (!ans)
|
|
35
|
+
ans = pageSizes[0].toString();
|
|
36
|
+
return parseInt(ans);
|
|
35
37
|
}
|
|
36
38
|
override render()
|
|
37
39
|
{
|
|
38
|
-
let pageSize = this.
|
|
40
|
+
let pageSize = this.getPageSize();
|
|
39
41
|
const { totalItems, onPageChange } = this.props;
|
|
40
42
|
const totalPages = Math.ceil(totalItems / pageSize);
|
|
41
43
|
const windowSize = 2;
|
|
@@ -56,9 +58,9 @@ export class NSPagination extends Component<INSPaginationProps, INSPaginationSta
|
|
|
56
58
|
{
|
|
57
59
|
e.preventDefault();
|
|
58
60
|
let currentPage = page;
|
|
59
|
-
|
|
60
|
-
this.setState({ currentPage, pageSize }, () =>
|
|
61
|
+
this.setState({ currentPage }, () =>
|
|
61
62
|
{
|
|
63
|
+
let pageSize = this.getPageSize();
|
|
62
64
|
onPageChange(currentPage, pageSize);
|
|
63
65
|
});
|
|
64
66
|
}}
|
|
@@ -78,9 +80,9 @@ export class NSPagination extends Component<INSPaginationProps, INSPaginationSta
|
|
|
78
80
|
if (this.state.currentPage > 1)
|
|
79
81
|
{
|
|
80
82
|
let currentPage = this.state.currentPage - 1;
|
|
81
|
-
|
|
82
|
-
this.setState({ currentPage, pageSize }, () =>
|
|
83
|
+
this.setState({ currentPage }, () =>
|
|
83
84
|
{
|
|
85
|
+
let pageSize = this.getPageSize();
|
|
84
86
|
onPageChange(currentPage, pageSize);
|
|
85
87
|
});
|
|
86
88
|
}
|
|
@@ -132,9 +134,9 @@ export class NSPagination extends Component<INSPaginationProps, INSPaginationSta
|
|
|
132
134
|
if (this.state.currentPage < totalPages)
|
|
133
135
|
{
|
|
134
136
|
let currentPage = this.state.currentPage + 1;
|
|
135
|
-
|
|
136
|
-
this.setState({ currentPage, pageSize }, () =>
|
|
137
|
+
this.setState({ currentPage }, () =>
|
|
137
138
|
{
|
|
139
|
+
let pageSize = this.getPageSize();
|
|
138
140
|
onPageChange(currentPage, pageSize);
|
|
139
141
|
});
|
|
140
142
|
}
|
|
@@ -161,19 +163,19 @@ export class NSPagination extends Component<INSPaginationProps, INSPaginationSta
|
|
|
161
163
|
<div className={Styles.ns_pagination_info}>
|
|
162
164
|
<div className={Styles.ns_pagination_combobox}>
|
|
163
165
|
<NSBoxCombo
|
|
164
|
-
searchable={false}
|
|
165
166
|
ref={this.PageSize}
|
|
166
|
-
multiple={false}
|
|
167
167
|
title=''
|
|
168
168
|
required={false}
|
|
169
|
+
searchable={false}
|
|
170
|
+
multiple={false}
|
|
169
171
|
defaultValue="25"
|
|
170
|
-
options={pageSizes.map(pagesize => { return {
|
|
172
|
+
options={pageSizes.map(pagesize => { return { title: pagesize.toString(), value: pagesize.toString() } })}
|
|
171
173
|
onChanged={() =>
|
|
172
174
|
{
|
|
173
175
|
let currentPage = this.state.currentPage;
|
|
174
|
-
|
|
175
|
-
this.setState({ currentPage, pageSize }, () =>
|
|
176
|
+
this.setState({ currentPage }, () =>
|
|
176
177
|
{
|
|
178
|
+
let pageSize = this.getPageSize();
|
|
177
179
|
onPageChange(currentPage, pageSize);
|
|
178
180
|
});
|
|
179
181
|
}}
|