namirasoft-site-react 1.4.50 → 1.4.52
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/NSBoxEntity.d.ts +2 -1
- package/dist/components/NSBoxEntity.js +11 -4
- package/dist/components/NSBoxEntity.js.map +1 -1
- package/dist/components/NSTabPage.js +1 -1
- package/dist/components/NSTabPage.js.map +1 -1
- package/package.json +2 -2
- package/src/components/NSBoxEntity.tsx +15 -3
- package/src/components/NSTabPage.tsx +1 -1
|
@@ -29,6 +29,7 @@ export interface INSBoxEntityState<Data> {
|
|
|
29
29
|
value: Data | null;
|
|
30
30
|
values: Data[];
|
|
31
31
|
error?: string;
|
|
32
|
+
set_value: ((data: Data) => boolean) | null;
|
|
32
33
|
}
|
|
33
34
|
export declare class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>, INSBoxEntityState<Data>> {
|
|
34
35
|
constructor(props: INSBoxEntityProps<Data>);
|
|
@@ -36,7 +37,7 @@ export declare class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps
|
|
|
36
37
|
getValue(checkError?: boolean): Data | null;
|
|
37
38
|
getValues(): Data[];
|
|
38
39
|
search(finder: (data: Data) => boolean): Data | null;
|
|
39
|
-
setValueBySearch(finder: (data: Data) => boolean):
|
|
40
|
+
setValueBySearch(finder: (data: Data) => boolean): boolean;
|
|
40
41
|
setValue(value: Data | null): void;
|
|
41
42
|
setValues(values: Data[]): void;
|
|
42
43
|
private onChanged;
|
|
@@ -15,6 +15,7 @@ export class NSBoxEntity extends React.Component {
|
|
|
15
15
|
items_string: null,
|
|
16
16
|
value: null,
|
|
17
17
|
values: [],
|
|
18
|
+
set_value: null
|
|
18
19
|
};
|
|
19
20
|
this.getValues = this.getValues.bind(this);
|
|
20
21
|
this.setValues = this.setValues.bind(this);
|
|
@@ -57,17 +58,21 @@ export class NSBoxEntity extends React.Component {
|
|
|
57
58
|
}
|
|
58
59
|
setValueBySearch(finder) {
|
|
59
60
|
let data = this.search(finder);
|
|
60
|
-
if (data)
|
|
61
|
+
if (data) {
|
|
61
62
|
this.setValue(data);
|
|
63
|
+
return true;
|
|
64
|
+
}
|
|
65
|
+
this.setState({ set_value: finder });
|
|
66
|
+
return false;
|
|
62
67
|
}
|
|
63
68
|
setValue(value) {
|
|
64
|
-
this.setState({ value }, () => {
|
|
69
|
+
this.setState({ value, set_value: null }, () => {
|
|
65
70
|
if (this.props.onChanged)
|
|
66
71
|
this.props.onChanged(this);
|
|
67
72
|
});
|
|
68
73
|
}
|
|
69
74
|
setValues(values) {
|
|
70
|
-
this.setState({ values }, () => {
|
|
75
|
+
this.setState({ values, set_value: null }, () => {
|
|
71
76
|
if (this.props.onChanged)
|
|
72
77
|
this.props.onChanged(this);
|
|
73
78
|
});
|
|
@@ -89,6 +94,8 @@ export class NSBoxEntity extends React.Component {
|
|
|
89
94
|
this.props.getItems([], null, null, null).then(items => {
|
|
90
95
|
let items_string = items.rows.map(item => { return { value: this.props.getValue(item), desc: this.props.getText(item) }; });
|
|
91
96
|
this.setState({ items: items.rows, items_string }, () => {
|
|
97
|
+
if (this.state.set_value)
|
|
98
|
+
this.setValueBySearch(this.state.set_value);
|
|
92
99
|
if (this.props.onLoaded)
|
|
93
100
|
this.props.onLoaded(this);
|
|
94
101
|
});
|
|
@@ -96,7 +103,7 @@ export class NSBoxEntity extends React.Component {
|
|
|
96
103
|
}
|
|
97
104
|
render() {
|
|
98
105
|
var _a, _b;
|
|
99
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} ${Styles.ns_input_parent}`, style: this.props.style, children: [_jsxs("span", { className: StyleNSBox.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { value: this.props.multiple ? (this.state.values.map(v => this.props.getValue(v)).join(",")) : (this.state.value ? this.props.getText(this.state.value) : ""), mode: this.props.multiple ? "multiple" : undefined, className: this.props.fullWidth ? Styles.ns_input_entity_full_width : Styles.ns_input_entity, placeholder: this.props.placeholder, onChange: this.onChanged, onClick: () => this.props.onClicked, optionLabelProp: "label", options: (_b = this.state.items_string) !== null && _b !== void 0 ? _b : [], notFoundContent: this.state.items === null ? _jsx(NSLoading, {}) : null, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: "https://static.namirasoft.com/image/concept/arrow/down/blue.svg", alt: "SelectBox Icon", width: 24, height: 24 }) }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
106
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} ${Styles.ns_input_parent}`, style: this.props.style, children: [_jsxs("span", { className: StyleNSBox.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { value: this.props.multiple ? (this.state.values.map(v => this.props.getValue(v)).join(",")) : (this.state.value ? this.props.getText(this.state.value) : ""), mode: this.props.multiple ? "multiple" : undefined, className: this.props.fullWidth ? Styles.ns_input_entity_full_width : Styles.ns_input_entity, placeholder: this.props.placeholder, onChange: this.onChanged, onClick: () => this.props.onClicked, optionLabelProp: "label", options: (_b = this.state.items_string) !== null && _b !== void 0 ? _b : [], loading: this.state.items === null, notFoundContent: this.state.items === null ? _jsx(NSLoading, {}) : null, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: "https://static.namirasoft.com/image/concept/arrow/down/blue.svg", alt: "SelectBox Icon", width: 24, height: 24 }) }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
100
107
|
}
|
|
101
108
|
}
|
|
102
109
|
//# sourceMappingURL=NSBoxEntity.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxEntity.js","sourceRoot":"","sources":["../../src/components/NSBoxEntity.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,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;AAG1D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxEntity.js","sourceRoot":"","sources":["../../src/components/NSBoxEntity.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,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;AAG1D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAiCxC,MAAM,OAAO,WAAkB,SAAQ,KAAK,CAAC,SAA2D;IAEvG,YAAY,KAA8B;QAEzC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,KAAK,EAAE,IAAI;YACX,YAAY,EAAE,IAAI;YAClB,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,IAAI;SACf,CAAC;QACF,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;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IACD,QAAQ,CAAC,KAAkB;QAE1B,IAAI,YAAY,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACnE,OAAO,CACN,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAC9D,CAAC;IACH,CAAC;IACD,QAAQ,CAAC,aAAsB,IAAI;QAElC,IAAI,UAAU,EACd,CAAC;YACA,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC5C,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;QAGD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACzB,CAAC;IACD,SAAS;QAER,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAEjC,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACjC,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,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IAC1B,CAAC;IACD,MAAM,CAAC,MAA+B;QAErC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK;YACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAChD,CAAC;gBACA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACjC,IAAI,MAAM,CAAC,IAAI,CAAC;oBACf,OAAO,IAAI,CAAC;YACd,CAAC;QACF,OAAO,IAAI,CAAC;IACb,CAAC;IACD,gBAAgB,CAAC,MAA+B;QAE/C,IAAI,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAC/B,IAAI,IAAI,EACR,CAAC;YACA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,IAAI,CAAC;QACb,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;QACrC,OAAO,KAAK,CAAC;IACd,CAAC;IACD,QAAQ,CAAC,KAAkB;QAE1B,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE;YAE9C,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACvB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,SAAS,CAAC,MAAc;QAEvB,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE;YAE/C,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACvB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACJ,CAAC;IACO,SAAS,CAAC,KAA+B;;QAEhD,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK;YACnB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EACvB,CAAC;gBACA,IAAI,aAAa,GAAG,KAAiB,CAAC;gBACtC,IAAI,EAAE,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAC;gBAClG,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;iBAED,CAAC;gBACA,IAAI,CAAC,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,mCAAI,IAAI,CAAC;gBACnF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAClB,CAAC;IACH,CAAC;IACQ,iBAAiB;QAEzB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAEtD,IAAI,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAA,CAAC,CAAC,CAAC,CAAC;YAC3H,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,GAAG,EAAE;gBAEvD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;oBACvB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBAC7C,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;oBACtB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IACrB,CAAC;IACQ,MAAM;;QAEd,OAAO,CACN,4BACC,eAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACzH,gBAAM,SAAS,EAAE,UAAU,CAAC,cAAc,kBAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAW,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,EACzI,KAAC,MAAM,IACN,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAC5J,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,EAC5F,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EACnC,eAAe,EAAC,OAAO,EACvB,OAAO,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,YAAY,mCAAI,EAAE,EACtC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,EAClC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,IAAI,EACjE,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACzB,KAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC7C,MAAM,CAAC,IAAI,CAAC,IAAI,GACV,CACR,EACD,UAAU,EAAE,cAAK,GAAG,EAAC,iEAAiE,EAAC,GAAG,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACpI,EACF,KAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAI,IAC1F,GACJ,CACH,CAAC;IACH,CAAC;CACD"}
|
|
@@ -15,7 +15,7 @@ export class NSTabPage extends Component {
|
|
|
15
15
|
let isClicked = this.state.isClicked;
|
|
16
16
|
isClicked[index] = true;
|
|
17
17
|
this.setState({ activeTabIndex: index, isClicked });
|
|
18
|
-
}, children: tab.title }, index))) }), this.props.tabs.map((tab, index) => (_jsx("div", { className: this.props.grid ? Styles.ns_tab_content_grid : Styles.ns_tab_content_column, style: { display: index === this.state.activeTabIndex ? "
|
|
18
|
+
}, children: tab.title }, index))) }), this.props.tabs.map((tab, index) => (_jsx("div", { className: this.props.grid ? Styles.ns_tab_content_grid : Styles.ns_tab_content_column, style: { display: index === this.state.activeTabIndex ? "flex" : "none" }, children: this.state.isClicked[index] ? tab.getContent() : _jsx(_Fragment, {}) })))] }));
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=NSTabPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSTabPage.js","sourceRoot":"","sources":["../../src/components/NSTabPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBlC,MAAM,OAAO,SAAU,SAAQ,SAAyC;IAEvE,YAAY,KAAqB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,cAAc,EAAE,CAAC;YACjB,SAAS,EAAE,CAAC,IAAI,CAAC;SACjB,CAAC;IACH,CAAC;IACQ,MAAM;QAGd,OAAO,CACN,eAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aAC9F,uBAEE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,aAEC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EACnE,OAAO,EAAE,GAAG,EAAE;4BAEb,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;4BACrC,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;4BACxB,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;wBACpD,CAAC,YAEA,GAAG,CAAC,KAAK,IATL,KAAK,CAUN,CACL,CAAC,GAEC,EAEJ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,cACC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,qBAAqB,EACtF,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"NSTabPage.js","sourceRoot":"","sources":["../../src/components/NSTabPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBlC,MAAM,OAAO,SAAU,SAAQ,SAAyC;IAEvE,YAAY,KAAqB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,cAAc,EAAE,CAAC;YACjB,SAAS,EAAE,CAAC,IAAI,CAAC;SACjB,CAAC;IACH,CAAC;IACQ,MAAM;QAGd,OAAO,CACN,eAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aAC9F,uBAEE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,aAEC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EACnE,OAAO,EAAE,GAAG,EAAE;4BAEb,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;4BACrC,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;4BACxB,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;wBACpD,CAAC,YAEA,GAAG,CAAC,KAAK,IATL,KAAK,CAUN,CACL,CAAC,GAEC,EAEJ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,cACC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,qBAAqB,EACtF,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,YAGxE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,mBAAK,GAGlD,CACN,CAAC,IAEE,CACN,CAAC;IACH,CAAC;CACD"}
|
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.52",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"@types/react": "^18.3.12",
|
|
27
27
|
"@types/react-bootstrap": "^0.32.37",
|
|
28
28
|
"@types/react-dom": "^18.3.1",
|
|
29
|
-
"antd": "^5.
|
|
29
|
+
"antd": "^5.22.1",
|
|
30
30
|
"bootstrap": "^5.3.3",
|
|
31
31
|
"chart.js": "^4.4.6",
|
|
32
32
|
"copyfiles": "^2.4.1",
|
|
@@ -39,6 +39,7 @@ export interface INSBoxEntityState<Data>
|
|
|
39
39
|
value: Data | null;
|
|
40
40
|
values: Data[];
|
|
41
41
|
error?: string;
|
|
42
|
+
set_value: ((data: Data) => boolean) | null;
|
|
42
43
|
}
|
|
43
44
|
|
|
44
45
|
export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>, INSBoxEntityState<Data>>
|
|
@@ -51,6 +52,7 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
|
|
|
51
52
|
items_string: null,
|
|
52
53
|
value: null,
|
|
53
54
|
values: [],
|
|
55
|
+
set_value: null
|
|
54
56
|
};
|
|
55
57
|
this.getValues = this.getValues.bind(this);
|
|
56
58
|
this.setValues = this.setValues.bind(this);
|
|
@@ -76,6 +78,8 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
|
|
|
76
78
|
throw new Error(error);
|
|
77
79
|
}
|
|
78
80
|
}
|
|
81
|
+
// if (this.state.set_value)
|
|
82
|
+
// return this.state.set_value;
|
|
79
83
|
return this.state.value;
|
|
80
84
|
}
|
|
81
85
|
getValues(): Data[]
|
|
@@ -102,15 +106,20 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
|
|
|
102
106
|
}
|
|
103
107
|
return null;
|
|
104
108
|
}
|
|
105
|
-
setValueBySearch(finder: (data: Data) => boolean):
|
|
109
|
+
setValueBySearch(finder: (data: Data) => boolean): boolean
|
|
106
110
|
{
|
|
107
111
|
let data = this.search(finder);
|
|
108
112
|
if (data)
|
|
113
|
+
{
|
|
109
114
|
this.setValue(data);
|
|
115
|
+
return true;
|
|
116
|
+
}
|
|
117
|
+
this.setState({ set_value: finder });
|
|
118
|
+
return false;
|
|
110
119
|
}
|
|
111
120
|
setValue(value: Data | null): void
|
|
112
121
|
{
|
|
113
|
-
this.setState({ value }, () =>
|
|
122
|
+
this.setState({ value, set_value: null }, () =>
|
|
114
123
|
{
|
|
115
124
|
if (this.props.onChanged)
|
|
116
125
|
this.props.onChanged(this);
|
|
@@ -118,7 +127,7 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
|
|
|
118
127
|
}
|
|
119
128
|
setValues(values: Data[]): void
|
|
120
129
|
{
|
|
121
|
-
this.setState({ values }, () =>
|
|
130
|
+
this.setState({ values, set_value: null }, () =>
|
|
122
131
|
{
|
|
123
132
|
if (this.props.onChanged)
|
|
124
133
|
this.props.onChanged(this);
|
|
@@ -146,6 +155,8 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
|
|
|
146
155
|
let items_string = items.rows.map(item => { return { value: this.props.getValue(item), desc: this.props.getText(item) } });
|
|
147
156
|
this.setState({ items: items.rows, items_string }, () =>
|
|
148
157
|
{
|
|
158
|
+
if (this.state.set_value)
|
|
159
|
+
this.setValueBySearch(this.state.set_value);
|
|
149
160
|
if (this.props.onLoaded)
|
|
150
161
|
this.props.onLoaded(this);
|
|
151
162
|
});
|
|
@@ -166,6 +177,7 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
|
|
|
166
177
|
onClick={() => this.props.onClicked}
|
|
167
178
|
optionLabelProp="label"
|
|
168
179
|
options={this.state.items_string ?? []}
|
|
180
|
+
loading={this.state.items === null}
|
|
169
181
|
notFoundContent={this.state.items === null ? <NSLoading /> : null}
|
|
170
182
|
optionRender={(option) => (
|
|
171
183
|
<Space className={Styles.ns_input_select_option}>
|
|
@@ -58,7 +58,7 @@ export class NSTabPage extends Component<NSTabPageProps, NSTabPageState>
|
|
|
58
58
|
this.props.tabs.map((tab, index) => (
|
|
59
59
|
<div
|
|
60
60
|
className={this.props.grid ? Styles.ns_tab_content_grid : Styles.ns_tab_content_column}
|
|
61
|
-
style={{ display: index === this.state.activeTabIndex ? "
|
|
61
|
+
style={{ display: index === this.state.activeTabIndex ? "flex" : "none" }}
|
|
62
62
|
>
|
|
63
63
|
{
|
|
64
64
|
this.state.isClicked[index] ? tab.getContent() : <></>
|