namirasoft-site-react 1.4.165 → 1.4.167
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 +4 -37
- package/dist/App.js.map +1 -1
- package/dist/NSBoxBuilder.d.ts +54 -0
- package/dist/NSBoxBuilder.js +313 -0
- package/dist/NSBoxBuilder.js.map +1 -0
- package/dist/Validator.d.ts +1 -1
- package/dist/Validator.js +13 -3
- package/dist/Validator.js.map +1 -1
- package/dist/components/INSBox.d.ts +6 -0
- package/dist/components/INSBox.js +2 -0
- package/dist/components/INSBox.js.map +1 -0
- package/dist/components/NSBox.js.map +1 -1
- package/dist/components/NSBoxBaseCombo.d.ts +13 -10
- package/dist/components/NSBoxBaseCombo.js +96 -65
- package/dist/components/NSBoxBaseCombo.js.map +1 -1
- package/dist/components/NSBoxBaseLayout.d.ts +2 -2
- package/dist/components/NSBoxBaseLayout.js +3 -2
- package/dist/components/NSBoxBaseLayout.js.map +1 -1
- package/dist/components/NSBoxBaseLayoutRecursive.d.ts +13 -0
- package/dist/components/NSBoxBaseLayoutRecursive.js +38 -0
- package/dist/components/NSBoxBaseLayoutRecursive.js.map +1 -0
- package/dist/components/NSBoxBoolean.d.ts +11 -10
- package/dist/components/NSBoxBoolean.js +31 -29
- package/dist/components/NSBoxBoolean.js.map +1 -1
- package/dist/components/NSBoxBooleans.js +5 -6
- package/dist/components/NSBoxBooleans.js.map +1 -1
- package/dist/components/NSBoxColor.d.ts +20 -0
- package/dist/components/NSBoxColor.js +47 -0
- package/dist/components/NSBoxColor.js.map +1 -0
- package/dist/components/NSBoxCombo.d.ts +10 -5
- package/dist/components/NSBoxCombo.js +34 -13
- package/dist/components/NSBoxCombo.js.map +1 -1
- package/dist/components/NSBoxDate.d.ts +6 -4
- package/dist/components/NSBoxDate.js +12 -8
- package/dist/components/NSBoxDate.js.map +1 -1
- package/dist/components/NSBoxDateTime.d.ts +6 -5
- package/dist/components/NSBoxDateTime.js +14 -13
- package/dist/components/NSBoxDateTime.js.map +1 -1
- package/dist/components/NSBoxDouble.d.ts +8 -6
- package/dist/components/NSBoxDouble.js +13 -13
- package/dist/components/NSBoxDouble.js.map +1 -1
- package/dist/components/NSBoxDuration.d.ts +6 -5
- package/dist/components/NSBoxDuration.js +13 -13
- package/dist/components/NSBoxDuration.js.map +1 -1
- package/dist/components/NSBoxDynamic.d.ts +20 -0
- package/dist/components/NSBoxDynamic.js +36 -0
- package/dist/components/NSBoxDynamic.js.map +1 -0
- package/dist/components/NSBoxEmail.d.ts +6 -5
- package/dist/components/NSBoxEmail.js +16 -13
- package/dist/components/NSBoxEmail.js.map +1 -1
- package/dist/components/NSBoxEntity.d.ts +10 -5
- package/dist/components/NSBoxEntity.js +34 -13
- package/dist/components/NSBoxEntity.js.map +1 -1
- package/dist/components/NSBoxEnum.d.ts +12 -5
- package/dist/components/NSBoxEnum.js +48 -15
- package/dist/components/NSBoxEnum.js.map +1 -1
- package/dist/components/NSBoxFile.d.ts +0 -1
- package/dist/components/NSBoxFile.js +1 -7
- package/dist/components/NSBoxFile.js.map +1 -1
- package/dist/components/NSBoxFilePath.d.ts +20 -0
- package/dist/components/NSBoxFilePath.js +47 -0
- package/dist/components/NSBoxFilePath.js.map +1 -0
- package/dist/components/NSBoxFont.d.ts +20 -0
- package/dist/components/NSBoxFont.js +47 -0
- package/dist/components/NSBoxFont.js.map +1 -0
- package/dist/components/NSBoxIPV4.d.ts +6 -5
- package/dist/components/NSBoxIPV4.js +13 -13
- package/dist/components/NSBoxIPV4.js.map +1 -1
- package/dist/components/NSBoxIPV4Range.d.ts +20 -0
- package/dist/components/NSBoxIPV4Range.js +47 -0
- package/dist/components/NSBoxIPV4Range.js.map +1 -0
- package/dist/components/NSBoxIPV6.d.ts +6 -5
- package/dist/components/NSBoxIPV6.js +13 -13
- package/dist/components/NSBoxIPV6.js.map +1 -1
- package/dist/components/NSBoxIPV6Range.d.ts +20 -0
- package/dist/components/NSBoxIPV6Range.js +47 -0
- package/dist/components/NSBoxIPV6Range.js.map +1 -0
- package/dist/components/NSBoxInteger.d.ts +6 -5
- package/dist/components/NSBoxInteger.js +13 -13
- package/dist/components/NSBoxInteger.js.map +1 -1
- package/dist/components/NSBoxMoney.d.ts +8 -6
- package/dist/components/NSBoxMoney.js +14 -13
- package/dist/components/NSBoxMoney.js.map +1 -1
- package/dist/components/NSBoxPassword.d.ts +6 -5
- package/dist/components/NSBoxPassword.js +12 -14
- package/dist/components/NSBoxPassword.js.map +1 -1
- package/dist/components/NSBoxPhone.d.ts +6 -4
- package/dist/components/NSBoxPhone.js +12 -7
- package/dist/components/NSBoxPhone.js.map +1 -1
- package/dist/components/NSBoxRadio.d.ts +3 -2
- package/dist/components/NSBoxRadio.js +12 -14
- package/dist/components/NSBoxRadio.js.map +1 -1
- package/dist/components/NSBoxSchemaBase.d.ts +39 -0
- package/dist/components/NSBoxSchemaBase.js +327 -0
- package/dist/components/NSBoxSchemaBase.js.map +1 -0
- package/dist/components/NSBoxSchemaBase.module.css +18 -0
- package/dist/components/NSBoxSchemaVariable.d.ts +32 -0
- package/dist/components/NSBoxSchemaVariable.js +127 -0
- package/dist/components/NSBoxSchemaVariable.js.map +1 -0
- package/dist/components/NSBoxSchemaVariable.module.css +17 -0
- package/dist/components/NSBoxSearch.d.ts +6 -5
- package/dist/components/NSBoxSearch.js +16 -12
- package/dist/components/NSBoxSearch.js.map +1 -1
- package/dist/components/NSBoxString.d.ts +6 -5
- package/dist/components/NSBoxString.js +16 -12
- package/dist/components/NSBoxString.js.map +1 -1
- package/dist/components/NSBoxTextArea.d.ts +6 -5
- package/dist/components/NSBoxTextArea.js +16 -21
- package/dist/components/NSBoxTextArea.js.map +1 -1
- package/dist/components/NSBoxTime.d.ts +6 -4
- package/dist/components/NSBoxTime.js +13 -9
- package/dist/components/NSBoxTime.js.map +1 -1
- package/dist/components/NSBoxTimeZone.d.ts +20 -0
- package/dist/components/NSBoxTimeZone.js +47 -0
- package/dist/components/NSBoxTimeZone.js.map +1 -0
- package/dist/components/NSBoxURL.d.ts +20 -0
- package/dist/components/NSBoxURL.js +48 -0
- package/dist/components/NSBoxURL.js.map +1 -0
- package/dist/components/NSBoxVersion.d.ts +20 -0
- package/dist/components/NSBoxVersion.js +47 -0
- package/dist/components/NSBoxVersion.js.map +1 -0
- package/dist/components/NSDialog.module.css +3 -2
- package/dist/components/NSFilterBox.js +4 -2
- package/dist/components/NSFilterBox.js.map +1 -1
- package/dist/components/NSLine.js.map +1 -1
- package/dist/components/NSLine.module.css +1 -0
- package/dist/components/NSMenuButton.d.ts +14 -5
- package/dist/components/NSMenuButton.js +21 -12
- package/dist/components/NSMenuButton.js.map +1 -1
- package/dist/components/NSPagination.js +2 -2
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSPanel.module.css +1 -0
- package/dist/components/NSRepeater.d.ts +18 -10
- package/dist/components/NSRepeater.js +75 -39
- package/dist/components/NSRepeater.js.map +1 -1
- package/dist/components/NSRepeaterNSBoxSchemaVariable.d.ts +23 -0
- package/dist/components/NSRepeaterNSBoxSchemaVariable.js +50 -0
- package/dist/components/NSRepeaterNSBoxSchemaVariable.js.map +1 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +1 -0
- package/dist/main.js.map +1 -1
- package/dist/props/IValidationPrecisionProps.d.ts +3 -0
- package/dist/props/IValidationPrecisionProps.js +2 -0
- package/dist/props/IValidationPrecisionProps.js.map +1 -0
- package/dist/props/IValidationProps.d.ts +2 -0
- package/package.json +6 -6
- package/src/App.tsx +7 -82
- package/src/NSBoxBuilder.tsx +850 -0
- package/src/Validator.ts +16 -4
- package/src/components/INSBox.tsx +7 -0
- package/src/components/NSBox.tsx +1 -0
- package/src/components/NSBoxBaseCombo.tsx +110 -75
- package/src/components/NSBoxBaseLayout.tsx +4 -7
- package/src/components/NSBoxBaseLayoutRecursive.tsx +55 -0
- package/src/components/NSBoxBoolean.tsx +40 -41
- package/src/components/NSBoxBooleans.tsx +4 -7
- package/src/components/NSBoxColor.tsx +88 -0
- package/src/components/NSBoxCombo.tsx +36 -15
- package/src/components/NSBoxDate.tsx +18 -14
- package/src/components/NSBoxDateTime.tsx +20 -21
- package/src/components/NSBoxDouble.tsx +23 -23
- package/src/components/NSBoxDuration.tsx +19 -20
- package/src/components/NSBoxDynamic.tsx +56 -0
- package/src/components/NSBoxEmail.tsx +23 -25
- package/src/components/NSBoxEntity.tsx +36 -15
- package/src/components/NSBoxEnum.tsx +51 -16
- package/src/components/NSBoxFile.tsx +1 -11
- package/src/components/NSBoxFilePath.tsx +88 -0
- package/src/components/NSBoxFont.tsx +88 -0
- package/src/components/NSBoxIPV4.tsx +19 -20
- package/src/components/NSBoxIPV4Range.tsx +88 -0
- package/src/components/NSBoxIPV6.tsx +19 -20
- package/src/components/NSBoxIPV6Range.tsx +88 -0
- package/src/components/NSBoxInteger.tsx +19 -20
- package/src/components/NSBoxMoney.tsx +25 -22
- package/src/components/NSBoxPassword.tsx +18 -21
- package/src/components/NSBoxPhone.tsx +16 -14
- package/src/components/NSBoxRadio.tsx +16 -24
- package/src/components/NSBoxSchemaBase.module.css +18 -0
- package/src/components/NSBoxSchemaBase.tsx +523 -0
- package/src/components/NSBoxSchemaVariable.module.css +17 -0
- package/src/components/NSBoxSchemaVariable.tsx +247 -0
- package/src/components/NSBoxSearch.tsx +24 -19
- package/src/components/NSBoxString.tsx +26 -19
- package/src/components/NSBoxTextArea.tsx +24 -19
- package/src/components/NSBoxTime.tsx +19 -14
- package/src/components/NSBoxTimeZone.tsx +88 -0
- package/src/components/NSBoxURL.tsx +89 -0
- package/src/components/NSBoxVersion.tsx +88 -0
- package/src/components/NSDialog.module.css +3 -2
- package/src/components/NSFilterBox.tsx +6 -2
- package/src/components/NSLine.module.css +1 -0
- package/src/components/NSLine.tsx +1 -3
- package/src/components/NSMenuButton.tsx +28 -11
- package/src/components/NSPagination.tsx +2 -3
- package/src/components/NSPanel.module.css +1 -0
- package/src/components/NSRepeater.tsx +91 -47
- package/src/components/NSRepeaterNSBoxSchemaVariable.tsx +90 -0
- package/src/main.ts +1 -0
- package/src/props/IValidationPrecisionProps.ts +4 -0
- package/src/props/IValidationProps.ts +2 -0
|
@@ -4,6 +4,7 @@ import { IValidationProps } from "../props/IValidationProps";
|
|
|
4
4
|
import { BaseOptionType } from "antd/es/select";
|
|
5
5
|
import { FilterItem, SortItem } from "namirasoft-core";
|
|
6
6
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
7
|
+
import { INSBox } from "./INSBox";
|
|
7
8
|
export interface NSBoxBaseComboOption extends BaseOptionType {
|
|
8
9
|
value: string;
|
|
9
10
|
title: string;
|
|
@@ -33,22 +34,24 @@ interface NSBoxBaseComboState<Data> {
|
|
|
33
34
|
set_values: (string[]) | null;
|
|
34
35
|
open: boolean;
|
|
35
36
|
}
|
|
36
|
-
export declare class NSBoxBaseCombo<Data> extends React.Component<NSBoxBaseComboProps<Data, NSBoxBaseCombo<Data>>, NSBoxBaseComboState<Data>> {
|
|
37
|
+
export declare class NSBoxBaseCombo<Data> extends React.Component<NSBoxBaseComboProps<Data, NSBoxBaseCombo<Data>>, NSBoxBaseComboState<Data>> implements INSBox {
|
|
37
38
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
38
39
|
constructor(props: NSBoxBaseComboProps<Data, NSBoxBaseCombo<Data>>);
|
|
40
|
+
isEmpty(value: string): boolean;
|
|
39
41
|
getError(): string | null;
|
|
42
|
+
getValue(checkError?: boolean): string[] | string | null;
|
|
43
|
+
setValue(value: string[] | string | null, callback?: () => void): void;
|
|
44
|
+
getValueOne(checkError?: boolean): string | null;
|
|
45
|
+
setValueOne(value: string | null, callback?: () => void): void;
|
|
46
|
+
getValueAll(): string[];
|
|
47
|
+
setValueAll(values: string[] | null, callback?: () => void): void;
|
|
48
|
+
getDataOne(checkError?: boolean): Data | null;
|
|
49
|
+
setDataOne(data: Data | null, callback?: () => void): void;
|
|
50
|
+
getDataAll(checkError?: boolean): Data[];
|
|
51
|
+
setDataAll(data_list: Data[], callback?: () => void): void;
|
|
40
52
|
find(finder: (data: Data) => boolean): Data | null;
|
|
41
53
|
findAll(finder: (data: Data) => boolean): Data[];
|
|
42
|
-
getData(checkError?: boolean): Data | null;
|
|
43
|
-
getDataList(checkError?: boolean): Data[];
|
|
44
|
-
setData(data: Data | null, callback?: () => void): void;
|
|
45
|
-
setDataList(data_list: Data[], callback?: () => void): void;
|
|
46
|
-
getValue(checkError?: boolean): string | null;
|
|
47
|
-
getValues(): string[];
|
|
48
|
-
setValue(value: string | null, callback?: () => void): void;
|
|
49
|
-
setValues(values: string[], callback?: () => void): void;
|
|
50
54
|
private onChanged;
|
|
51
|
-
private getStringValue;
|
|
52
55
|
componentDidMount(): void;
|
|
53
56
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
54
57
|
}
|
|
@@ -23,69 +23,59 @@ export class NSBoxBaseCombo extends React.Component {
|
|
|
23
23
|
set_values: null,
|
|
24
24
|
open: false
|
|
25
25
|
};
|
|
26
|
-
this.
|
|
27
|
-
this.setValues = this.setValues.bind(this);
|
|
26
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
28
27
|
this.getError = this.getError.bind(this);
|
|
29
28
|
this.getValue = this.getValue.bind(this);
|
|
30
29
|
this.setValue = this.setValue.bind(this);
|
|
30
|
+
this.getValueOne = this.getValueOne.bind(this);
|
|
31
|
+
this.setValueOne = this.setValueOne.bind(this);
|
|
32
|
+
this.getValueAll = this.getValueAll.bind(this);
|
|
33
|
+
this.setValueAll = this.setValueAll.bind(this);
|
|
34
|
+
this.getDataOne = this.getDataOne.bind(this);
|
|
35
|
+
this.setDataOne = this.setDataOne.bind(this);
|
|
36
|
+
this.getDataAll = this.getDataAll.bind(this);
|
|
37
|
+
this.setDataAll = this.setDataAll.bind(this);
|
|
38
|
+
this.find = this.find.bind(this);
|
|
39
|
+
this.findAll = this.findAll.bind(this);
|
|
31
40
|
this.onChanged = this.onChanged.bind(this);
|
|
32
41
|
}
|
|
42
|
+
isEmpty(value) {
|
|
43
|
+
if ((value !== null && value !== void 0 ? value : "").trim())
|
|
44
|
+
return false;
|
|
45
|
+
return true;
|
|
46
|
+
}
|
|
33
47
|
getError() {
|
|
34
|
-
let value_string = this.
|
|
48
|
+
let value_string = this.getValue(false);
|
|
49
|
+
if (Array.isArray(value_string))
|
|
50
|
+
value_string = value_string.join(",");
|
|
35
51
|
return (Validator.getError(this.props.title, value_string, this.props));
|
|
36
52
|
}
|
|
37
|
-
|
|
38
|
-
if (this.
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
if (finder(data))
|
|
42
|
-
return data;
|
|
43
|
-
}
|
|
44
|
-
return null;
|
|
45
|
-
}
|
|
46
|
-
findAll(finder) {
|
|
47
|
-
let ans = [];
|
|
48
|
-
if (this.state.items)
|
|
49
|
-
for (let i = 0; i < this.state.items.length; i++) {
|
|
50
|
-
const data = this.state.items[i];
|
|
51
|
-
if (finder(data))
|
|
52
|
-
ans.push(data);
|
|
53
|
-
}
|
|
54
|
-
return ans;
|
|
55
|
-
}
|
|
56
|
-
getData(checkError = true) {
|
|
57
|
-
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.data);
|
|
58
|
-
}
|
|
59
|
-
getDataList(checkError = true) {
|
|
60
|
-
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.data_list);
|
|
61
|
-
}
|
|
62
|
-
setData(data, callback) {
|
|
63
|
-
this.setState({ data, set_value: null }, () => {
|
|
64
|
-
if (this.props.onChanged)
|
|
65
|
-
this.props.onChanged(this, callback);
|
|
66
|
-
else if (callback)
|
|
67
|
-
callback();
|
|
68
|
-
});
|
|
53
|
+
getValue(checkError = true) {
|
|
54
|
+
if (this.props.multiple)
|
|
55
|
+
return this.getValueAll();
|
|
56
|
+
return this.getValueOne(checkError);
|
|
69
57
|
}
|
|
70
|
-
|
|
71
|
-
this.
|
|
72
|
-
if (
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
58
|
+
setValue(value, callback) {
|
|
59
|
+
if (this.props.multiple) {
|
|
60
|
+
if (value != null)
|
|
61
|
+
if (!Array.isArray(value))
|
|
62
|
+
throw new Error("When props.multiple = ture, Value must be string[] or null. But it is " + typeof value);
|
|
63
|
+
this.setValueAll(value, callback);
|
|
64
|
+
}
|
|
65
|
+
else {
|
|
66
|
+
if (value != null)
|
|
67
|
+
if (typeof value !== "string")
|
|
68
|
+
throw new Error("When props.multiple = false, Value must be string or null. But it is " + typeof value);
|
|
69
|
+
this.setValueOne(value, callback);
|
|
70
|
+
}
|
|
77
71
|
}
|
|
78
|
-
|
|
79
|
-
let data = this.
|
|
72
|
+
getValueOne(checkError = true) {
|
|
73
|
+
let data = this.getDataOne(checkError);
|
|
80
74
|
if (data)
|
|
81
75
|
return this.props.getValue(data);
|
|
82
76
|
return null;
|
|
83
77
|
}
|
|
84
|
-
|
|
85
|
-
let data_list = this.getDataList();
|
|
86
|
-
return data_list.map(data => this.props.getValue(data));
|
|
87
|
-
}
|
|
88
|
-
setValue(value, callback) {
|
|
78
|
+
setValueOne(value, callback) {
|
|
89
79
|
let data = null;
|
|
90
80
|
if (value) {
|
|
91
81
|
data = this.state.items_dict[value];
|
|
@@ -94,29 +84,70 @@ export class NSBoxBaseCombo extends React.Component {
|
|
|
94
84
|
return;
|
|
95
85
|
}
|
|
96
86
|
}
|
|
97
|
-
this.
|
|
87
|
+
this.setDataOne(data, callback);
|
|
98
88
|
}
|
|
99
|
-
|
|
89
|
+
getValueAll() {
|
|
90
|
+
let data_list = this.getDataAll();
|
|
91
|
+
return data_list.map(data => this.props.getValue(data));
|
|
92
|
+
}
|
|
93
|
+
setValueAll(values, callback) {
|
|
94
|
+
if (!values)
|
|
95
|
+
values = [];
|
|
100
96
|
let data_list = values.map(value => this.state.items_dict[value]);
|
|
101
97
|
if (values.length > 0)
|
|
102
98
|
if (data_list.length === 0) {
|
|
103
99
|
this.setState({ set_values: values });
|
|
104
100
|
return;
|
|
105
101
|
}
|
|
106
|
-
this.
|
|
102
|
+
this.setDataAll(data_list, callback);
|
|
103
|
+
}
|
|
104
|
+
getDataOne(checkError = true) {
|
|
105
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.data);
|
|
106
|
+
}
|
|
107
|
+
setDataOne(data, callback) {
|
|
108
|
+
this.setState({ data, set_value: null }, () => {
|
|
109
|
+
var _a, _b;
|
|
110
|
+
(_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
111
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
getDataAll(checkError = true) {
|
|
115
|
+
var _a;
|
|
116
|
+
return (_a = NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.data_list)) !== null && _a !== void 0 ? _a : [];
|
|
117
|
+
}
|
|
118
|
+
setDataAll(data_list, callback) {
|
|
119
|
+
this.setState({ data_list, set_value: null }, () => {
|
|
120
|
+
var _a, _b;
|
|
121
|
+
(_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
122
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
find(finder) {
|
|
126
|
+
if (this.state.items)
|
|
127
|
+
for (let i = 0; i < this.state.items.length; i++) {
|
|
128
|
+
const data = this.state.items[i];
|
|
129
|
+
if (finder(data))
|
|
130
|
+
return data;
|
|
131
|
+
}
|
|
132
|
+
return null;
|
|
133
|
+
}
|
|
134
|
+
findAll(finder) {
|
|
135
|
+
let ans = [];
|
|
136
|
+
if (this.state.items)
|
|
137
|
+
for (let i = 0; i < this.state.items.length; i++) {
|
|
138
|
+
const data = this.state.items[i];
|
|
139
|
+
if (finder(data))
|
|
140
|
+
ans.push(data);
|
|
141
|
+
}
|
|
142
|
+
return ans;
|
|
107
143
|
}
|
|
108
144
|
onChanged(value) {
|
|
109
145
|
if (this.state.items)
|
|
110
146
|
if (this.props.multiple)
|
|
111
|
-
this.
|
|
147
|
+
this.setValueAll(value);
|
|
112
148
|
else
|
|
113
149
|
this.setValue(value);
|
|
114
150
|
}
|
|
115
|
-
getStringValue() {
|
|
116
|
-
if (this.props.multiple)
|
|
117
|
-
return this.state.data_list.map(x => this.props.getTitle(x)).join(",");
|
|
118
|
-
return this.state.data ? this.props.getTitle(this.state.data) : null;
|
|
119
|
-
}
|
|
120
151
|
componentDidMount() {
|
|
121
152
|
this.props.getItems([], null, null, [], null).then(items => {
|
|
122
153
|
let items_list = [];
|
|
@@ -130,8 +161,10 @@ export class NSBoxBaseCombo extends React.Component {
|
|
|
130
161
|
this.setState({ items: items.rows, items_list, items_dict }, () => {
|
|
131
162
|
if (this.state.set_value)
|
|
132
163
|
this.setValue(this.state.set_value);
|
|
133
|
-
if (this.state.set_values)
|
|
134
|
-
this.
|
|
164
|
+
else if (this.state.set_values)
|
|
165
|
+
this.setValueAll(this.state.set_values);
|
|
166
|
+
else if (this.props.defaultValue)
|
|
167
|
+
this.setValue(this.props.defaultValue);
|
|
135
168
|
if (this.props.onLoaded)
|
|
136
169
|
this.props.onLoaded(this);
|
|
137
170
|
});
|
|
@@ -140,16 +173,14 @@ export class NSBoxBaseCombo extends React.Component {
|
|
|
140
173
|
render() {
|
|
141
174
|
var _a, _b;
|
|
142
175
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
143
|
-
menu.builtin.
|
|
144
|
-
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, {
|
|
145
|
-
this.props.onClicked(this); }, options: (_b = this.state.items_list) !== null && _b !== void 0 ? _b : [], loading: this.state.items === null, optionRender: (option) => {
|
|
176
|
+
menu.builtin.copy = { enabled: true, getValue: () => JSON.stringify(this.getValue()) };
|
|
177
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx(Select, { id: this.props.id, mode: this.props.multiple ? "multiple" : undefined, showSearch: this.props.searchable !== false, className: Styles.ns_box_base_combo_select, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : "Please select one", defaultValue: this.props.defaultValue, value: this.props.multiple ? (this.state.data_list.map(v => { return this.props.getValue(v); })) : (this.state.data ? this.props.getValue(this.state.data) : null), optionLabelProp: "label", notFoundContent: this.state.items === null ? _jsx(NSLoading, {}) : _jsx(NSNoData, { lable: "Nothing to select" }), onChange: this.onChanged, onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, options: (_b = this.state.items_list) !== null && _b !== void 0 ? _b : [], loading: this.state.items === null, optionRender: (option) => {
|
|
146
178
|
var _a;
|
|
147
179
|
return (_jsx(Space, { children: (_a = option.data.title) !== null && _a !== void 0 ? _a : "" }));
|
|
148
180
|
}, labelRender: (x) => {
|
|
149
181
|
var _a;
|
|
150
182
|
return (_a = x.title) !== null && _a !== void 0 ? _a : x.value;
|
|
151
|
-
}, onSearch: (
|
|
152
|
-
console.log({ x });
|
|
183
|
+
}, onSearch: (_) => {
|
|
153
184
|
}, filterOption: (search, row) => {
|
|
154
185
|
if (row)
|
|
155
186
|
return SearchOperation.match(row.title, search) || SearchOperation.match(row.value, search);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxBaseCombo.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseCombo.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAc,eAAe,GAAa,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxBaseCombo.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseCombo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ export interface INSBoxBaseLayoutProps<Data, Box> {
|
|
|
8
8
|
placeholder?: string;
|
|
9
9
|
defaultValue?: Data;
|
|
10
10
|
hideHeader?: boolean;
|
|
11
|
-
onChanged?: (e: Box
|
|
11
|
+
onChanged?: (e: Box) => void;
|
|
12
12
|
onClicked?: (e: Box) => void;
|
|
13
13
|
menu?: NSMenuButtonMenuProps;
|
|
14
14
|
}
|
|
@@ -24,7 +24,7 @@ export declare class NSBoxBaseLayout extends React.Component<NSBoxBaseLayoutProp
|
|
|
24
24
|
static checkGetValue<T>(box: {
|
|
25
25
|
NSBoxBaseLayout_Main: RefObject<NSBoxBaseLayout>;
|
|
26
26
|
getError: () => string | null;
|
|
27
|
-
}, checkError: boolean, handler: () => T): T;
|
|
27
|
+
}, checkError: boolean, handler: () => T | null): T | null;
|
|
28
28
|
constructor(props: NSBoxBaseLayoutProps);
|
|
29
29
|
private _onGetValue;
|
|
30
30
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,7 +6,8 @@ import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
|
|
|
6
6
|
import { NSMenuButton } from "./NSMenuButton";
|
|
7
7
|
export class NSBoxBaseLayout extends React.Component {
|
|
8
8
|
static checkGetValue(box, checkError, handler) {
|
|
9
|
-
|
|
9
|
+
var _a, _b;
|
|
10
|
+
return (_b = (_a = box.NSBoxBaseLayout_Main.current) === null || _a === void 0 ? void 0 : _a._onGetValue(checkError, box.getError, handler)) !== null && _b !== void 0 ? _b : null;
|
|
10
11
|
}
|
|
11
12
|
constructor(props) {
|
|
12
13
|
super(props);
|
|
@@ -28,7 +29,7 @@ export class NSBoxBaseLayout extends React.Component {
|
|
|
28
29
|
let id = undefined;
|
|
29
30
|
if (this.props.id)
|
|
30
31
|
id = this.props.id + "_parent";
|
|
31
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { id: id, className: `${StylesNSBox.ns_box_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [!this.props.hideHeader && _jsxs("div", { className: `${StylesNSBox.ns_box_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_box_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, {
|
|
32
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { id: id, className: `${StylesNSBox.ns_box_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: (_b = this.props.style) !== null && _b !== void 0 ? _b : {}, children: [!this.props.hideHeader && _jsxs("div", { className: `${StylesNSBox.ns_box_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_box_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { menu: this.props.menu })] }), this.props.children, _jsx(NSLabelErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: undefined }) })] }) }));
|
|
32
33
|
}
|
|
33
34
|
}
|
|
34
35
|
//# sourceMappingURL=NSBoxBaseLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxBaseLayout.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAA4C,MAAM,gBAAgB,CAAC;AAyBxF,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAqD;IAE/F,MAAM,CAAC,aAAa,CAAI,
|
|
1
|
+
{"version":3,"file":"NSBoxBaseLayout.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAA4C,MAAM,gBAAgB,CAAC;AAyBxF,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAqD;IAE/F,MAAM,CAAC,aAAa,CAAI,GAAwF,EAAE,UAAmB,EAAE,OAAuB;;QAE7J,OAAO,MAAA,MAAA,GAAG,CAAC,oBAAoB,CAAC,OAAO,0CAAE,WAAW,CAAC,UAAU,EAAE,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,mCAAI,IAAI,CAAC;IACjG,CAAC;IACD,YAAY,KAA2B;QAEtC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IACO,WAAW,CAAI,UAAmB,EAAE,QAA6B,EAAE,OAAgB;QAE1F,IAAI,UAAU,EACd,CAAC;YACA,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;YACvB,IAAI,KAAK,EACT,CAAC;gBACA,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACF,CAAC;QACD,OAAO,OAAO,EAAE,CAAC;IAClB,CAAC;IACQ,MAAM;;QAEd,IAAI,EAAE,GAAG,SAAS,CAAC;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE;YAChB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC;QAChC,OAAO,CACN,4BACC,eAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC,mBAAmB,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,EAAE,aAE5H,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,eAAK,SAAS,EAAE,GAAG,WAAW,CAAC,gBAAgB,EAAE,aAC1E,gBAAM,SAAS,EAAE,WAAW,CAAC,kBAAkB,aAC7C,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAC5E,EACP,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,IAClC,EAEN,IAAI,CAAC,KAAK,CAAC,QAAQ,EACpB,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAI,IACnG,GACJ,CACH,CAAC;IACH,CAAC;CACD"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React, { RefObject } from "react";
|
|
2
|
+
import { NSBoxBaseLayout, NSBoxBaseLayoutProps } from "./NSBoxBaseLayout";
|
|
3
|
+
export interface NSBoxBaseLayoutRecursiveProps extends NSBoxBaseLayoutProps {
|
|
4
|
+
depth: number;
|
|
5
|
+
}
|
|
6
|
+
export declare class NSBoxBaseLayoutRecursive extends React.Component<NSBoxBaseLayoutRecursiveProps> {
|
|
7
|
+
static checkGetValue<T>(box: {
|
|
8
|
+
NSBoxBaseLayoutRecursive_Main: RefObject<NSBoxBaseLayoutRecursive>;
|
|
9
|
+
getError: () => string | null;
|
|
10
|
+
}, checkError: boolean, handler: () => T | null): T | null;
|
|
11
|
+
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
12
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import React, { createRef } from "react";
|
|
4
|
+
import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
5
|
+
import { NSColumn } from "./NSColumn";
|
|
6
|
+
export class NSBoxBaseLayoutRecursive extends React.Component {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
this.NSBoxBaseLayout_Main = createRef();
|
|
10
|
+
}
|
|
11
|
+
static checkGetValue(box, checkError, handler) {
|
|
12
|
+
var _a, _b;
|
|
13
|
+
if ((_a = box.NSBoxBaseLayoutRecursive_Main.current) === null || _a === void 0 ? void 0 : _a.NSBoxBaseLayout_Main.current)
|
|
14
|
+
return NSBoxBaseLayout.checkGetValue({
|
|
15
|
+
NSBoxBaseLayout_Main: (_b = box.NSBoxBaseLayoutRecursive_Main.current) === null || _b === void 0 ? void 0 : _b.NSBoxBaseLayout_Main,
|
|
16
|
+
getError: box.getError,
|
|
17
|
+
}, checkError, handler);
|
|
18
|
+
return null;
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
let white = "#ffffff";
|
|
22
|
+
let yellow = "#ffffdd";
|
|
23
|
+
let cyan = "#ddffff";
|
|
24
|
+
let green = "#ddffdd";
|
|
25
|
+
let gray = "#dddddd";
|
|
26
|
+
let colors = [white, green, yellow, cyan, gray];
|
|
27
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { children: _jsx(NSColumn, { style: {
|
|
28
|
+
borderTop: "1px solid black",
|
|
29
|
+
borderLeft: "1px solid black",
|
|
30
|
+
borderRadius: "8px",
|
|
31
|
+
paddingLeft: "14px",
|
|
32
|
+
paddingBottom: "8px",
|
|
33
|
+
paddingRight: "1px",
|
|
34
|
+
backgroundColor: colors[this.props.depth % colors.length]
|
|
35
|
+
}, children: this.props.children }) })));
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=NSBoxBaseLayoutRecursive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSBoxBaseLayoutRecursive.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseLayoutRecursive.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,eAAe,EAAwB,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAOtC,MAAM,OAAO,wBAAyB,SAAQ,KAAK,CAAC,SAAwC;IAA5F;;QAWC,yBAAoB,GAAG,SAAS,EAAmB,CAAC;IAiCrD,CAAC;IA1CA,MAAM,CAAC,aAAa,CAAI,GAA0G,EAAE,UAAmB,EAAE,OAAuB;;QAE/K,IAAI,MAAA,GAAG,CAAC,6BAA6B,CAAC,OAAO,0CAAE,oBAAoB,CAAC,OAAO;YAC1E,OAAO,eAAe,CAAC,aAAa,CAAC;gBACpC,oBAAoB,EAAE,MAAA,GAAG,CAAC,6BAA6B,CAAC,OAAO,0CAAE,oBAAoB;gBACrF,QAAQ,EAAE,GAAG,CAAC,QAAQ;aACtB,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;QACzB,OAAO,IAAI,CAAC;IACb,CAAC;IAEQ,MAAM;QAEd,IAAI,KAAK,GAAG,SAAS,CAAC;QACtB,IAAI,MAAM,GAAG,SAAS,CAAC;QAGvB,IAAI,IAAI,GAAG,SAAS,CAAC;QACrB,IAAI,KAAK,GAAG,SAAS,CAAC;QACtB,IAAI,IAAI,GAAG,SAAS,CAAC;QAErB,IAAI,MAAM,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAChD,OAAO,CACN,KAAC,eAAe,kBACf,GAAG,EAAE,IAAI,CAAC,oBAAoB,IAC1B,IAAI,CAAC,KAAK,cAEd,KAAC,QAAQ,IACR,KAAK,EAAE;oBACN,SAAS,EAAE,iBAAiB;oBAC5B,UAAU,EAAE,iBAAiB;oBAC7B,YAAY,EAAE,KAAK;oBACnB,WAAW,EAAE,MAAM;oBACnB,aAAa,EAAE,KAAK;oBACpB,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;iBACzD,YAEA,IAAI,CAAC,KAAK,CAAC,QAAQ,GACV,IACM,CAClB,CAAC;IACH,CAAC;CACD"}
|
|
@@ -1,25 +1,26 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
-
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
4
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
-
|
|
5
|
+
import { INSBox } from "./INSBox";
|
|
6
|
+
export interface NSBoxBooleanProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<boolean, NSBoxBoolean> {
|
|
7
7
|
checked?: (boolean | null);
|
|
8
|
-
indeterminate?: boolean;
|
|
9
8
|
}
|
|
10
9
|
export interface NSBoxBooleanState {
|
|
11
10
|
value: boolean | null;
|
|
12
11
|
}
|
|
13
|
-
export declare class NSBoxBoolean extends React.Component<NSBoxBooleanProps, NSBoxBooleanState> {
|
|
12
|
+
export declare class NSBoxBoolean extends React.Component<NSBoxBooleanProps, NSBoxBooleanState> implements INSBox {
|
|
13
|
+
private _isdirtied;
|
|
14
14
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
15
15
|
constructor(props: NSBoxBooleanProps);
|
|
16
|
-
private getInterpretedValue;
|
|
17
16
|
getError(): string | null;
|
|
18
|
-
getValue(checkError?: boolean): boolean;
|
|
19
|
-
setValue(value: boolean, callback?: () => void): void;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
17
|
+
getValue(checkError?: boolean): boolean | null;
|
|
18
|
+
setValue(value: boolean | null, callback?: () => void): void;
|
|
19
|
+
getValueBool(checkError?: boolean): boolean;
|
|
20
|
+
setValueBool(value: boolean, callback?: () => void): void;
|
|
21
|
+
getValueNull(checkError?: boolean): boolean | null;
|
|
22
|
+
setValueNull(value: boolean | null, callback?: () => void): void;
|
|
23
|
+
isEmpty(): boolean;
|
|
23
24
|
componentDidUpdate(prevProps: Readonly<NSBoxBooleanProps>): void;
|
|
24
25
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
25
26
|
}
|
|
@@ -4,63 +4,65 @@ import React, { createRef } from "react";
|
|
|
4
4
|
import Styles from "./NSBoxBoolean.module.css";
|
|
5
5
|
import { safeMenuMenuItem } from "./NSMenuButton";
|
|
6
6
|
import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
7
|
+
import { Validator } from "../Validator";
|
|
7
8
|
export class NSBoxBoolean extends React.Component {
|
|
8
9
|
constructor(props) {
|
|
9
10
|
var _a, _b;
|
|
10
11
|
super(props);
|
|
12
|
+
this._isdirtied = false;
|
|
11
13
|
this.NSBoxBaseLayout_Main = createRef();
|
|
12
14
|
this.state = { value: (_b = (_a = props.checked) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : false };
|
|
13
|
-
this.
|
|
15
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
14
16
|
this.getError = this.getError.bind(this);
|
|
15
17
|
this.getValue = this.getValue.bind(this);
|
|
16
18
|
this.setValue = this.setValue.bind(this);
|
|
17
|
-
this.
|
|
18
|
-
|
|
19
|
-
getInterpretedValue() {
|
|
20
|
-
return this.state.value;
|
|
19
|
+
this.getValueNull = this.getValueNull.bind(this);
|
|
20
|
+
this.setValueNull = this.setValueNull.bind(this);
|
|
21
21
|
}
|
|
22
22
|
getError() {
|
|
23
|
-
return
|
|
23
|
+
return (Validator.getError(this.props.title, this.state.value, this.props));
|
|
24
24
|
}
|
|
25
25
|
getValue(checkError = true) {
|
|
26
|
-
if (this.props.
|
|
27
|
-
|
|
28
|
-
return
|
|
26
|
+
if (this.props.required)
|
|
27
|
+
return this.getValueBool(checkError);
|
|
28
|
+
return this.getValueNull(checkError);
|
|
29
29
|
}
|
|
30
30
|
setValue(value, callback) {
|
|
31
|
-
this.
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
31
|
+
this.setValueNull(value, callback);
|
|
32
|
+
}
|
|
33
|
+
getValueBool(checkError = true) {
|
|
34
|
+
var _a;
|
|
35
|
+
if (!this.props.required)
|
|
36
|
+
throw new Error("Please call getValue or getValueNull function");
|
|
37
|
+
return (_a = NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value)) !== null && _a !== void 0 ? _a : false;
|
|
38
|
+
}
|
|
39
|
+
setValueBool(value, callback) {
|
|
40
|
+
this.setValueNull(value, callback);
|
|
37
41
|
}
|
|
38
|
-
|
|
39
|
-
|
|
42
|
+
getValueNull(checkError = true) {
|
|
43
|
+
if (this.props.required)
|
|
44
|
+
throw new Error("Please call getValue or getValueBool function");
|
|
45
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
40
46
|
}
|
|
41
|
-
|
|
47
|
+
setValueNull(value, callback) {
|
|
42
48
|
this.setState({ value }, () => {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
callback();
|
|
49
|
+
var _a, _b;
|
|
50
|
+
(_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
51
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
47
52
|
});
|
|
48
53
|
}
|
|
49
|
-
|
|
50
|
-
this.
|
|
54
|
+
isEmpty() {
|
|
55
|
+
return !this._isdirtied;
|
|
51
56
|
}
|
|
52
57
|
componentDidUpdate(prevProps) {
|
|
53
58
|
if (prevProps.checked !== this.props.checked)
|
|
54
59
|
if (this.props.checked !== undefined)
|
|
55
|
-
this.
|
|
60
|
+
this.setValueNull(this.props.checked);
|
|
56
61
|
}
|
|
57
62
|
render() {
|
|
58
63
|
var _a;
|
|
59
64
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
60
|
-
menu.
|
|
61
|
-
menu.builtin.fullscreen = false;
|
|
62
|
-
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { title: "", getValue: () => "", setValue: () => { }, menu: menu, children: _jsxs("label", { className: `ns-font-16-normal ${Styles.ns_box_boolean_label}`, htmlFor: this.props.name, children: [_jsx("input", { id: this.props.id, name: this.props.name, type: "checkbox", className: `${Styles.ns_box_boolean_input} ${this.getInterpretedValue() === null ? Styles.ns_box_boolean_indeterminate : ""}`, checked: (_a = this.getInterpretedValue()) !== null && _a !== void 0 ? _a : false, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
|
|
63
|
-
this.props.onClicked(this); } }), _jsx("span", { style: { width: "0px" } }), this.props.hideHeader && this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), this.props.title] }) })));
|
|
65
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { title: "", menu: menu, children: _jsxs("label", { className: `ns-font-16-normal ${Styles.ns_box_boolean_label}`, htmlFor: this.props.name, children: [_jsx("input", { id: this.props.id, name: this.props.name, type: "checkbox", className: `${Styles.ns_box_boolean_input} ${this.state.value == null ? Styles.ns_box_boolean_indeterminate : ""}`, checked: (_a = this.state.value) !== null && _a !== void 0 ? _a : false, onChange: e => this.setValue(e.target.checked), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); } }), _jsx("span", { style: { width: "0px" } }), this.props.hideHeader && this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), this.props.title] }) })));
|
|
64
66
|
}
|
|
65
67
|
}
|
|
66
68
|
//# sourceMappingURL=NSBoxBoolean.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxBoolean.js","sourceRoot":"","sources":["../../src/components/NSBoxBoolean.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,MAAM,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxBoolean.js","sourceRoot":"","sources":["../../src/components/NSBoxBoolean.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ export class NSBoxBooleans extends React.Component {
|
|
|
25
25
|
return null;
|
|
26
26
|
}
|
|
27
27
|
onMarkAllChecked(e) {
|
|
28
|
-
let current_value = e.
|
|
28
|
+
let current_value = e.getValueNull();
|
|
29
29
|
if (current_value != null) {
|
|
30
30
|
let tobe_value = this.getMarkAllValue();
|
|
31
31
|
if (current_value !== tobe_value)
|
|
@@ -66,13 +66,12 @@ export class NSBoxBooleans extends React.Component {
|
|
|
66
66
|
return all.filter(item => !values.includes(item));
|
|
67
67
|
}
|
|
68
68
|
onChanged(callback) {
|
|
69
|
+
var _a, _b;
|
|
69
70
|
let values = this.getValues().join(";");
|
|
70
71
|
if (this.lastValues !== values) {
|
|
71
72
|
this.lastValues = values;
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
else if (callback)
|
|
75
|
-
callback();
|
|
73
|
+
(_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
74
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
76
75
|
}
|
|
77
76
|
}
|
|
78
77
|
getValues() {
|
|
@@ -90,7 +89,7 @@ export class NSBoxBooleans extends React.Component {
|
|
|
90
89
|
});
|
|
91
90
|
}
|
|
92
91
|
render() {
|
|
93
|
-
return (_jsxs(_Fragment, { children: [_jsx(NSBoxBoolean, { title: "All", required: false,
|
|
92
|
+
return (_jsxs(_Fragment, { children: [_jsx(NSBoxBoolean, { title: "All", required: false, hideHeader: this.props.hideHeaderAll, checked: this.getMarkAllValue(), style: { maxWidth: "100%", width: "100%" }, onChanged: this.onMarkAllChecked }), this.props.items.map((e, index) => _jsx(NSBoxBoolean, { id: e.value, title: e.text, required: true, hideHeader: this.props.hideHeaderBoxes, checked: this.state.values.includes(e.value), style: { width: NSBox.width.one }, onChanged: this.onItemChecked }, `NSBoxBooleans_NSBoxBoolean_key_${index}`))] }));
|
|
94
93
|
}
|
|
95
94
|
}
|
|
96
95
|
//# sourceMappingURL=NSBoxBooleans.js.map
|