namirasoft-site-react 1.4.508 → 1.4.510
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/NSBoxTextArea.js +9 -6
- package/dist/components/NSBoxTextArea.js.map +1 -1
- package/dist/components/NSRepeater.d.ts +1 -0
- package/dist/components/NSRepeater.js +5 -3
- package/dist/components/NSRepeater.js.map +1 -1
- package/package.json +5 -5
- package/src/components/NSBoxTextArea.tsx +98 -83
- package/src/components/NSRepeater.tsx +293 -289
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import React, { createRef } from "react";
|
|
4
4
|
import Styles from "./NSBoxTextArea.module.css";
|
|
5
5
|
import { Validator } from "../Validator";
|
|
@@ -49,16 +49,19 @@ export class NSBoxTextArea extends React.Component {
|
|
|
49
49
|
(_a = this.NSBoxBaseLayout_Main.current) === null || _a === void 0 ? void 0 : _a.setDisabled(disabled);
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
52
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
53
53
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
54
54
|
if (!menu.builtin.copy)
|
|
55
55
|
menu.builtin.copy = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; } };
|
|
56
56
|
if (!menu.builtin.fullscreen)
|
|
57
57
|
menu.builtin.fullscreen = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; }, setValue: this.setValue };
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
58
|
+
let min = this.props.min_length;
|
|
59
|
+
let max = this.props.max_length;
|
|
60
|
+
let current = (_b = (_a = this.state.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
|
|
61
|
+
return (_jsxs(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, getValue: () => this.getValue(false), children: [_jsx("textarea", { ref: this.textarea, id: (_c = this.props.textarea) === null || _c === void 0 ? void 0 : _c.id, name: (_d = this.props.textarea) === null || _d === void 0 ? void 0 : _d.name, cols: this.props.cols, rows: (_e = this.props.rows) !== null && _e !== void 0 ? _e : 5, value: (_f = this.state.value) !== null && _f !== void 0 ? _f : "", className: `${Styles.ns_box_text_area} ${(_j = (_h = (_g = this.props.textarea) === null || _g === void 0 ? void 0 : _g.classList) === null || _h === void 0 ? void 0 : _h.join(" ")) !== null && _j !== void 0 ? _j : ""}`, placeholder: (_k = this.props.placeholder) !== null && _k !== void 0 ? _k : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, onChange: e => this.setValue(e.target.value), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, onKeyUp: (e) => {
|
|
62
|
+
if (e.key === "Enter")
|
|
63
|
+
e.stopPropagation();
|
|
64
|
+
}, style: Object.assign({ height: "100%", background: `url("https://static.namirasoft.com/image/concept/type/string.png") white no-repeat scroll top right 4px `, backgroundPositionY: "4px", backgroundSize: "24px" }, (_l = this.props.textarea) === null || _l === void 0 ? void 0 : _l.style) }), _jsxs("div", { className: "d-flex justify-content-end gap-1 text-dark small", children: [min && _jsxs("span", { children: [min, " /"] }), _jsx("span", { className: (min && current < min) || (max && current > max) ? "text-danger" : "text-success", children: current }), max && _jsxs("span", { children: ["/ ", max] })] })] })));
|
|
62
65
|
}
|
|
63
66
|
}
|
|
64
67
|
//# sourceMappingURL=NSBoxTextArea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxTextArea.js","sourceRoot":"","sources":["../../src/components/NSBoxTextArea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAIhD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAclD,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;
|
|
1
|
+
{"version":3,"file":"NSBoxTextArea.js","sourceRoot":"","sources":["../../src/components/NSBoxTextArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@ export interface NSRepeaterProps<ItemType, ValueType> extends IBaseComponentProp
|
|
|
12
12
|
required: boolean;
|
|
13
13
|
min?: number;
|
|
14
14
|
max?: number;
|
|
15
|
+
onExternalAddRef?: (add: () => void) => void;
|
|
15
16
|
ignoreItemsHavingError?: boolean;
|
|
16
17
|
}
|
|
17
18
|
export interface NSRepeaterState {
|
|
@@ -100,7 +100,8 @@ export class NSRepeater extends Component {
|
|
|
100
100
|
onChange() {
|
|
101
101
|
var _a, _b;
|
|
102
102
|
(_b = (_a = this.props).onValuesChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
103
|
-
this.
|
|
103
|
+
if (!this.props.onExternalAddRef)
|
|
104
|
+
this.checkForNew();
|
|
104
105
|
}
|
|
105
106
|
checkForNew() {
|
|
106
107
|
return __awaiter(this, void 0, void 0, function* () {
|
|
@@ -211,10 +212,11 @@ export class NSRepeater extends Component {
|
|
|
211
212
|
(_a = this.NSBoxBaseLayout_Main.current) === null || _a === void 0 ? void 0 : _a.setDisabled(disabled);
|
|
212
213
|
}
|
|
213
214
|
componentDidMount() {
|
|
214
|
-
var _a;
|
|
215
|
+
var _a, _b, _c;
|
|
215
216
|
let min = (_a = this.props.min) !== null && _a !== void 0 ? _a : 1;
|
|
216
217
|
for (let i = 0; i < min; i++)
|
|
217
218
|
this.addItem();
|
|
219
|
+
(_c = (_b = this.props).onExternalAddRef) === null || _c === void 0 ? void 0 : _c.call(_b, () => this.addItem());
|
|
218
220
|
}
|
|
219
221
|
render() {
|
|
220
222
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
@@ -234,7 +236,7 @@ export class NSRepeater extends Component {
|
|
|
234
236
|
onDelete = this.delItem;
|
|
235
237
|
let item = this.props.createItem(GIndex, LIndex, ref, this.onChange, onDelete);
|
|
236
238
|
if (visible && LIndex !== 0)
|
|
237
|
-
return (_jsxs("div", { style: Object.assign({ width: "100%" }, props.style), children: [_jsx(NSSpace, { size: NSSpaceSizeType.
|
|
239
|
+
return (_jsxs("div", { style: Object.assign({ width: "100%" }, props.style), children: [_jsx(NSSpace, { size: NSSpaceSizeType.MINI }), _jsx(NSLine, {}), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), item] }, GIndex));
|
|
238
240
|
return (_jsx("div", { style: Object.assign({ width: "100%" }, props.style), children: item }, GIndex));
|
|
239
241
|
}) })));
|
|
240
242
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSRepeater.js","sourceRoot":"","sources":["../../src/components/NSRepeater.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"NSRepeater.js","sourceRoot":"","sources":["../../src/components/NSRepeater.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"framework": "npm",
|
|
9
9
|
"application": "package",
|
|
10
10
|
"private": false,
|
|
11
|
-
"version": "1.4.
|
|
11
|
+
"version": "1.4.510",
|
|
12
12
|
"author": "Amir Abolhasani",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -21,21 +21,21 @@
|
|
|
21
21
|
"copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@ant-design/charts": "^2.6.
|
|
24
|
+
"@ant-design/charts": "^2.6.7",
|
|
25
25
|
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
|
|
26
|
-
"@types/node": "^25.0.
|
|
26
|
+
"@types/node": "^25.0.3",
|
|
27
27
|
"@types/react": "^18.3.12",
|
|
28
28
|
"@types/react-bootstrap": "^1.1.0",
|
|
29
29
|
"@types/react-dom": "^18.3.1",
|
|
30
30
|
"@types/react-gtm-module": "^2.0.4",
|
|
31
|
-
"antd": "^6.1.
|
|
31
|
+
"antd": "^6.1.2",
|
|
32
32
|
"async-mutex": "^0.5.0",
|
|
33
33
|
"bootstrap": "^5.3.8",
|
|
34
34
|
"chart.js": "^4.5.1",
|
|
35
35
|
"copyfiles": "^2.4.1",
|
|
36
36
|
"link-react": "^3.0.0",
|
|
37
37
|
"namirasoft-api-link": "^1.4.20",
|
|
38
|
-
"namirasoft-api-product": "^1.4.
|
|
38
|
+
"namirasoft-api-product": "^1.4.48",
|
|
39
39
|
"namirasoft-core": "^1.4.110",
|
|
40
40
|
"namirasoft-schema": "^1.4.26",
|
|
41
41
|
"namirasoft-site": "^1.4.44",
|
|
@@ -13,105 +13,120 @@ import { safeMenuMenuItem } from "./NSMenuButton";
|
|
|
13
13
|
|
|
14
14
|
export interface NSBoxTextAreaProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<NSBoxTextArea, string>
|
|
15
15
|
{
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
cols?: number;
|
|
17
|
+
rows?: number;
|
|
18
|
+
textarea?: IBaseComponentProps;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
export interface NSBoxTextAreaState
|
|
22
22
|
{
|
|
23
|
-
|
|
23
|
+
value: string | null;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
export class NSBoxTextArea extends React.Component<NSBoxTextAreaProps, NSBoxTextAreaState> implements INSBox
|
|
27
27
|
{
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
28
|
+
NSBoxBaseLayout_Main = createRef<NSBoxBaseLayout>();
|
|
29
|
+
textarea = createRef<HTMLTextAreaElement>();
|
|
30
|
+
constructor(props: NSBoxTextAreaProps)
|
|
31
|
+
{
|
|
32
|
+
super(props);
|
|
33
|
+
this.state = { value: props.defaultValue ?? null };
|
|
34
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
35
|
+
this.getError = this.getError.bind(this);
|
|
36
|
+
this.getValue = this.getValue.bind(this);
|
|
37
|
+
this.setValue = this.setValue.bind(this);
|
|
38
|
+
}
|
|
39
|
+
isEmpty(value: string)
|
|
40
|
+
{
|
|
41
|
+
if ((value ?? "").trim())
|
|
42
|
+
return false;
|
|
43
|
+
return true;
|
|
44
|
+
}
|
|
45
|
+
getError(): string | null
|
|
46
|
+
{
|
|
47
|
+
return (
|
|
48
|
+
Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
49
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props)
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
getValue(checkError: boolean = true): string | null
|
|
53
|
+
{
|
|
54
54
|
if (this.props.nullable)
|
|
55
55
|
if (this.NSBoxBaseLayout_Main.current?.isNull())
|
|
56
56
|
return null;
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
58
|
+
}
|
|
59
|
+
setValue(value: string | null, callback?: () => void): void
|
|
60
|
+
{
|
|
61
61
|
if (this.props.nullable)
|
|
62
62
|
this.NSBoxBaseLayout_Main.current?.setNull(value == null);
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
63
|
+
|
|
64
|
+
this.setState({ value }, () =>
|
|
65
|
+
{
|
|
66
|
+
this.props.onChanged?.(this);
|
|
67
|
+
callback?.();
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
71
|
setDisabled(disabled: boolean): void
|
|
72
72
|
{
|
|
73
73
|
this.NSBoxBaseLayout_Main.current?.setDisabled(disabled);
|
|
74
74
|
}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
75
|
+
override render()
|
|
76
|
+
{
|
|
77
|
+
let menu = safeMenuMenuItem(this.props, () => { });
|
|
78
|
+
if (!menu.builtin.copy)
|
|
79
|
+
menu.builtin.copy = { enabled: true, getValue: () => this.state.value ?? "" };
|
|
80
|
+
if (!menu.builtin.fullscreen)
|
|
81
|
+
menu.builtin.fullscreen = { enabled: true, getValue: () => this.state.value ?? "", setValue: this.setValue };
|
|
82
|
+
|
|
83
|
+
let min = this.props.min_length;
|
|
84
|
+
let max = this.props.max_length;
|
|
85
|
+
let current = this.state.value?.length ?? 0;
|
|
82
86
|
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
87
|
+
return (
|
|
88
|
+
<NSBoxBaseLayout
|
|
89
|
+
ref={this.NSBoxBaseLayout_Main}
|
|
90
|
+
{...this.props}
|
|
91
|
+
menu={menu}
|
|
92
|
+
getValue={() => this.getValue(false)}
|
|
93
|
+
>
|
|
94
|
+
<textarea
|
|
95
|
+
ref={this.textarea}
|
|
96
|
+
id={this.props.textarea?.id}
|
|
97
|
+
name={this.props.textarea?.name}
|
|
98
|
+
cols={this.props.cols}
|
|
99
|
+
rows={this.props.rows ?? 5}
|
|
100
|
+
value={this.state.value ?? ""}
|
|
101
|
+
className={`${Styles.ns_box_text_area} ${this.props.textarea?.classList?.join(" ") ?? ""}`}
|
|
102
|
+
placeholder={this.props.placeholder ?? `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`}
|
|
103
|
+
onChange={e => this.setValue(e.target.value)}
|
|
104
|
+
onClick={() => { this.props.onClicked?.(this); }}
|
|
105
|
+
onKeyUp={(e) =>
|
|
106
|
+
{
|
|
107
|
+
if (e.key === "Enter")
|
|
108
|
+
e.stopPropagation();
|
|
109
|
+
}}
|
|
110
|
+
style={{
|
|
111
|
+
height: "100%",
|
|
112
|
+
background: `url("https://static.namirasoft.com/image/concept/type/string.png") white no-repeat scroll top right 4px `,
|
|
113
|
+
backgroundPositionY: "4px",
|
|
114
|
+
backgroundSize: "24px",
|
|
115
|
+
...this.props.textarea?.style
|
|
116
|
+
}}
|
|
117
|
+
/>
|
|
118
|
+
<div className="d-flex justify-content-end gap-1 text-dark small">
|
|
119
|
+
{
|
|
120
|
+
min && <span>{min} /</span>
|
|
121
|
+
}
|
|
122
|
+
<span className={(min && current < min) || (max && current > max) ? "text-danger" : "text-success"}>
|
|
123
|
+
{current}
|
|
124
|
+
</span>
|
|
125
|
+
{
|
|
126
|
+
max && <span>/ {max}</span>
|
|
127
|
+
}
|
|
128
|
+
</div>
|
|
129
|
+
</NSBoxBaseLayout>
|
|
130
|
+
);
|
|
131
|
+
}
|
|
117
132
|
}
|
|
@@ -9,312 +9,316 @@ import { NSSpace, NSSpaceSizeType } from './NSSpace';
|
|
|
9
9
|
|
|
10
10
|
export interface NSRepeaterProps<ItemType, ValueType> extends IBaseComponentProps, INSBoxBaseLayoutProps<ItemType, ValueType>
|
|
11
11
|
{
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
12
|
+
createItem: (gIndex: number, lIndex: number, ref: React.RefObject<ItemType>, onChange: () => void, onDelete: undefined | ((lIndex: number) => void)) => ReactNode;
|
|
13
|
+
getValue: (item: ItemType, checkError: boolean) => ValueType | null | Promise<ValueType | null>;
|
|
14
|
+
setValue: (item: ItemType, index: number, value: ValueType | null, callback?: () => void) => void;
|
|
15
|
+
isEmpty: (item: ItemType, value: ValueType | null) => boolean;
|
|
16
|
+
onItemChanged?: (repeater: NSRepeater<ItemType, ValueType>) => void;
|
|
17
|
+
onValuesChanged?: (repeater: NSRepeater<ItemType, ValueType>) => void;
|
|
18
|
+
required: boolean;
|
|
19
|
+
min?: number;
|
|
20
|
+
max?: number;
|
|
21
|
+
onExternalAddRef?: (add: () => void) => void;
|
|
22
|
+
ignoreItemsHavingError?: boolean;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
export interface NSRepeaterState
|
|
25
26
|
{
|
|
26
|
-
|
|
27
|
+
items: boolean[];
|
|
27
28
|
}
|
|
28
29
|
|
|
29
30
|
export class NSRepeater<ItemType, ValueType> extends Component<NSRepeaterProps<ItemType, ValueType>, NSRepeaterState> implements INSBox
|
|
30
31
|
{
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
32
|
+
NSBoxBaseLayout_Main = createRef<NSBoxBaseLayout>();
|
|
33
|
+
private Item_Refs: React.RefObject<ItemType>[] = [];
|
|
34
|
+
private last_value: ValueType[] = [];
|
|
35
|
+
constructor(props: NSRepeaterProps<ItemType, ValueType>)
|
|
36
|
+
{
|
|
37
|
+
super(props);
|
|
38
|
+
this.state = { items: [] };
|
|
39
|
+
this.getCount = this.getCount.bind(this);
|
|
40
|
+
this.canDelete = this.canDelete.bind(this);
|
|
41
|
+
this.getGIndex = this.getGIndex.bind(this);
|
|
42
|
+
this.getIndex = this.getIndex.bind(this);
|
|
43
|
+
this.addItem = this.addItem.bind(this);
|
|
44
|
+
this.delItem = this.delItem.bind(this);
|
|
45
|
+
this.onChange = this.onChange.bind(this);
|
|
46
|
+
this.checkForNew = this.checkForNew.bind(this);
|
|
46
47
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
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
|
-
|
|
48
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
49
|
+
this.getError = this.getError.bind(this);
|
|
50
|
+
this.getValue = this.getValue.bind(this);
|
|
51
|
+
this.setValue = this.setValue.bind(this);
|
|
52
|
+
}
|
|
53
|
+
private getCount(): number
|
|
54
|
+
{
|
|
55
|
+
return this.state.items.filter(x => x).length;
|
|
56
|
+
}
|
|
57
|
+
private canDelete(gIndex: number)
|
|
58
|
+
{
|
|
59
|
+
if (this.Item_Refs.length > 0)
|
|
60
|
+
{
|
|
61
|
+
let count = this.getCount();
|
|
62
|
+
if (count <= (this.props.min ?? 1))
|
|
63
|
+
return false;
|
|
64
|
+
if (count === this.props.max)
|
|
65
|
+
return true;
|
|
66
|
+
if (gIndex === this.state.items.length - 1)
|
|
67
|
+
return false;
|
|
68
|
+
return true
|
|
69
|
+
}
|
|
70
|
+
return false;
|
|
71
|
+
}
|
|
72
|
+
private getGIndex(index: number): number
|
|
73
|
+
{
|
|
74
|
+
if (this.state.items.length === 0)
|
|
75
|
+
return 0;
|
|
76
|
+
for (let i = 0; i < this.state.items.length; i++)
|
|
77
|
+
{
|
|
78
|
+
if (this.state.items[i])
|
|
79
|
+
{
|
|
80
|
+
if (index === 0)
|
|
81
|
+
return i;
|
|
82
|
+
index--;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
return this.state.items.length - 1;
|
|
86
|
+
}
|
|
87
|
+
private getIndex(gindex: number): number
|
|
88
|
+
{
|
|
89
|
+
if (gindex >= this.state.items.length)
|
|
90
|
+
throw new Error("GIndex out of bound: " + gindex);
|
|
91
|
+
let ans = -1;
|
|
92
|
+
for (let i = 0; i <= gindex; i++)
|
|
93
|
+
if (this.state.items[i])
|
|
94
|
+
ans++;
|
|
95
|
+
return ans;
|
|
96
|
+
}
|
|
97
|
+
private addItem(state: boolean = true)
|
|
98
|
+
{
|
|
99
|
+
if (!this.props.max || this.getCount() < this.props.max)
|
|
100
|
+
{
|
|
101
|
+
this.Item_Refs.push(createRef<ItemType>());
|
|
102
|
+
if (state)
|
|
103
|
+
{
|
|
104
|
+
let items = this.state.items;
|
|
105
|
+
items.push(true);
|
|
106
|
+
this.setState({ items }, () =>
|
|
107
|
+
{
|
|
108
|
+
this.props.onItemChanged?.(this);
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
private delItem(lIndex: number)
|
|
114
|
+
{
|
|
115
|
+
let gindex = this.getGIndex(lIndex);
|
|
116
|
+
if (this.canDelete(gindex))
|
|
117
|
+
{
|
|
118
|
+
let items = this.state.items;
|
|
119
|
+
items[gindex] = false;
|
|
120
|
+
this.setState({ items }, () =>
|
|
121
|
+
{
|
|
122
|
+
this.props.onItemChanged?.(this);
|
|
123
|
+
this.onChange();
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
private onChange()
|
|
128
|
+
{
|
|
129
|
+
this.props.onValuesChanged?.(this);
|
|
130
|
+
if (!this.props.onExternalAddRef)
|
|
131
|
+
this.checkForNew();
|
|
132
|
+
}
|
|
133
|
+
private async checkForNew()
|
|
134
|
+
{
|
|
135
|
+
let length = this.state.items.filter(x => x).length;
|
|
136
|
+
if (length === 0)
|
|
137
|
+
this.addItem();
|
|
138
|
+
else
|
|
139
|
+
{
|
|
140
|
+
let last = this.Item_Refs.length - 1;
|
|
141
|
+
while (!this.state.items[last])
|
|
142
|
+
last--;
|
|
143
|
+
let item = this.Item_Refs[last].current;
|
|
144
|
+
if (item)
|
|
145
|
+
{
|
|
146
|
+
let value = await this.props.getValue(item, false)
|
|
147
|
+
if (!this.props.isEmpty(item, value))
|
|
148
|
+
{
|
|
149
|
+
this.addItem();
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
isEmpty(): boolean
|
|
155
|
+
{
|
|
156
|
+
return true;
|
|
157
|
+
}
|
|
158
|
+
getError(): string | null
|
|
159
|
+
{
|
|
160
|
+
return (
|
|
161
|
+
Validator.getErrorArray(this.props.title, this.last_value, this.props.required, this.props.min, this.props.max)
|
|
162
|
+
);
|
|
163
|
+
}
|
|
164
|
+
// todo getValueAsync and getValue are using same logic. Repeatitive code must be removed.
|
|
165
|
+
async getValueAsync(checkError: boolean = true): Promise<ValueType[]>
|
|
166
|
+
{
|
|
167
|
+
if (this.props.nullable)
|
|
168
|
+
if (this.NSBoxBaseLayout_Main.current?.isNull())
|
|
169
|
+
return [];
|
|
168
170
|
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
171
|
+
this.last_value = [];
|
|
172
|
+
for (let index = 0; index < this.state.items.length; index++)
|
|
173
|
+
{
|
|
174
|
+
const exists = this.state.items[index];
|
|
175
|
+
if (exists)
|
|
176
|
+
{
|
|
177
|
+
let item = this.Item_Refs[index].current;
|
|
178
|
+
if (item)
|
|
179
|
+
{
|
|
180
|
+
try
|
|
181
|
+
{
|
|
182
|
+
let empty_value = await this.props.getValue(item, false);
|
|
183
|
+
if (!this.props.isEmpty(item, empty_value))
|
|
184
|
+
{
|
|
185
|
+
let value = await this.props.getValue(item, checkError);
|
|
186
|
+
if (value != null)
|
|
187
|
+
this.last_value.push(value);
|
|
188
|
+
}
|
|
189
|
+
} catch (error)
|
|
190
|
+
{
|
|
191
|
+
if (this.props.ignoreItemsHavingError !== true)
|
|
192
|
+
throw error;
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.last_value) ?? [];
|
|
198
|
+
}
|
|
199
|
+
getValue(checkError: boolean = true): ValueType[]
|
|
200
|
+
{
|
|
201
|
+
if (this.props.nullable)
|
|
202
|
+
if (this.NSBoxBaseLayout_Main.current?.isNull())
|
|
203
|
+
return [];
|
|
202
204
|
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
205
|
+
this.last_value = [];
|
|
206
|
+
for (let index = 0; index < this.state.items.length; index++)
|
|
207
|
+
{
|
|
208
|
+
const exists = this.state.items[index];
|
|
209
|
+
if (exists)
|
|
210
|
+
{
|
|
211
|
+
let item = this.Item_Refs[index].current;
|
|
212
|
+
if (item)
|
|
213
|
+
{
|
|
214
|
+
try
|
|
215
|
+
{
|
|
216
|
+
let empty_value = this.props.getValue(item, false) as ValueType | null;
|
|
217
|
+
if (!this.props.isEmpty(item, empty_value))
|
|
218
|
+
{
|
|
219
|
+
let value = this.props.getValue(item, checkError) as ValueType | null;
|
|
220
|
+
if (value != null)
|
|
221
|
+
this.last_value.push(value);
|
|
222
|
+
}
|
|
223
|
+
} catch (error)
|
|
224
|
+
{
|
|
225
|
+
if (this.props.ignoreItemsHavingError !== true)
|
|
226
|
+
throw error;
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.last_value) ?? [];
|
|
232
|
+
}
|
|
233
|
+
setValue(value: ValueType[], callback?: () => void): void
|
|
234
|
+
{
|
|
235
|
+
if (this.props.nullable)
|
|
236
|
+
this.NSBoxBaseLayout_Main.current?.setNull(false);
|
|
235
237
|
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
}
|
|
265
|
-
override render()
|
|
266
|
-
{
|
|
267
|
-
let menu = safeMenuMenuItem(this.props, () => { });
|
|
238
|
+
this.Item_Refs = [];
|
|
239
|
+
value.forEach(() =>
|
|
240
|
+
{
|
|
241
|
+
this.addItem(false);
|
|
242
|
+
})
|
|
243
|
+
let items = value.map(() => true);
|
|
244
|
+
this.setState({ items }, () =>
|
|
245
|
+
{
|
|
246
|
+
this.props.onItemChanged?.(this);
|
|
247
|
+
value.forEach((value, index) =>
|
|
248
|
+
{
|
|
249
|
+
let item = this.Item_Refs[index].current;
|
|
250
|
+
if (item)
|
|
251
|
+
this.props.setValue(item, index, value);
|
|
252
|
+
});
|
|
253
|
+
this.onChange();
|
|
254
|
+
callback?.();
|
|
255
|
+
});
|
|
256
|
+
}
|
|
257
|
+
setDisabled(disabled: boolean): void
|
|
258
|
+
{
|
|
259
|
+
this.NSBoxBaseLayout_Main.current?.setDisabled(disabled);
|
|
260
|
+
}
|
|
261
|
+
override componentDidMount()
|
|
262
|
+
{
|
|
263
|
+
let min = this.props.min ?? 1;
|
|
264
|
+
for (let i = 0; i < min; i++)
|
|
265
|
+
this.addItem();
|
|
268
266
|
|
|
269
|
-
|
|
267
|
+
this.props.onExternalAddRef?.(() => this.addItem());
|
|
268
|
+
}
|
|
269
|
+
override render()
|
|
270
|
+
{
|
|
271
|
+
let menu = safeMenuMenuItem(this.props, () => { });
|
|
270
272
|
|
|
271
|
-
|
|
272
|
-
<NSBoxBaseLayout
|
|
273
|
-
ref={this.NSBoxBaseLayout_Main}
|
|
274
|
-
{...this.props}
|
|
275
|
-
menu={menu}
|
|
273
|
+
let LIndex = -1;
|
|
276
274
|
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
>
|
|
283
|
-
{
|
|
284
|
-
this.Item_Refs.map((ref, GIndex) =>
|
|
285
|
-
{
|
|
286
|
-
if (this.state.items[GIndex])
|
|
287
|
-
LIndex++;
|
|
288
|
-
let visible = this.state.items[GIndex];
|
|
289
|
-
let props = { ...this.props };
|
|
290
|
-
props.style = { ...props.style };
|
|
291
|
-
if (!visible)
|
|
292
|
-
props.style.display = "none";
|
|
275
|
+
return (
|
|
276
|
+
<NSBoxBaseLayout
|
|
277
|
+
ref={this.NSBoxBaseLayout_Main}
|
|
278
|
+
{...this.props}
|
|
279
|
+
menu={menu}
|
|
293
280
|
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
281
|
+
getValue={() =>
|
|
282
|
+
{
|
|
283
|
+
// TODO: Need to return correct value as a string
|
|
284
|
+
return null;
|
|
285
|
+
}}
|
|
286
|
+
>
|
|
287
|
+
{
|
|
288
|
+
this.Item_Refs.map((ref, GIndex) =>
|
|
289
|
+
{
|
|
290
|
+
if (this.state.items[GIndex])
|
|
291
|
+
LIndex++;
|
|
292
|
+
let visible = this.state.items[GIndex];
|
|
293
|
+
let props = { ...this.props };
|
|
294
|
+
props.style = { ...props.style };
|
|
295
|
+
if (!visible)
|
|
296
|
+
props.style.display = "none";
|
|
297
297
|
|
|
298
|
-
|
|
298
|
+
let onDelete = undefined;
|
|
299
|
+
if (this.canDelete(GIndex))
|
|
300
|
+
onDelete = this.delItem;
|
|
299
301
|
|
|
300
|
-
|
|
301
|
-
return (
|
|
302
|
-
<div key={GIndex} style={{ width: "100%", ...props.style }}>
|
|
303
|
-
<NSSpace size={NSSpaceSizeType.MICRO} />
|
|
304
|
-
<NSLine />
|
|
305
|
-
<NSSpace size={NSSpaceSizeType.MICRO} />
|
|
306
|
-
{item}
|
|
307
|
-
</div>
|
|
308
|
-
)
|
|
302
|
+
let item = this.props.createItem(GIndex, LIndex, ref, this.onChange, onDelete);
|
|
309
303
|
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
304
|
+
if (visible && LIndex !== 0)
|
|
305
|
+
return (
|
|
306
|
+
<div key={GIndex} style={{ width: "100%", ...props.style }}>
|
|
307
|
+
<NSSpace size={NSSpaceSizeType.MINI} />
|
|
308
|
+
<NSLine />
|
|
309
|
+
<NSSpace size={NSSpaceSizeType.MICRO} />
|
|
310
|
+
{item}
|
|
311
|
+
</div>
|
|
312
|
+
)
|
|
313
|
+
|
|
314
|
+
return (
|
|
315
|
+
<div key={GIndex} style={{ width: "100%", ...props.style }}>
|
|
316
|
+
{item}
|
|
317
|
+
</div>
|
|
318
|
+
)
|
|
319
|
+
})
|
|
320
|
+
}
|
|
321
|
+
</NSBoxBaseLayout>
|
|
322
|
+
);
|
|
323
|
+
}
|
|
320
324
|
}
|