namirasoft-site-react 1.2.7 → 1.2.8
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/NSButtonGreen.d.ts +4 -1
- package/dist/components/NSButtonGreen.js +8 -1
- package/dist/components/NSButtonGreen.js.map +1 -1
- package/dist/components/NSButtonRed.d.ts +6 -1
- package/dist/components/NSButtonRed.js +8 -1
- package/dist/components/NSButtonRed.js.map +1 -1
- package/dist/components/NSFooter.js.map +1 -1
- package/dist/components/NSInputFloat.js.map +1 -1
- package/dist/components/NSInputString.d.ts +4 -2
- package/dist/components/NSInputString.js +12 -9
- package/dist/components/NSInputString.js.map +1 -1
- package/package.json +3 -3
- package/src/components/NSButtonGreen.tsx +20 -5
- package/src/components/NSButtonRed.tsx +21 -4
- package/src/components/NSFooter.tsx +2 -2
- package/src/components/NSInputFloat.tsx +1 -4
- package/src/components/NSInputString.tsx +16 -13
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
interface IProps {
|
|
3
3
|
title: string;
|
|
4
|
-
onClick: () => void;
|
|
4
|
+
onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
5
5
|
}
|
|
6
6
|
interface IState {
|
|
7
|
+
title: string;
|
|
7
8
|
}
|
|
8
9
|
export declare class NSButtonGreen extends React.Component<IProps, IState> {
|
|
10
|
+
constructor(props: IProps);
|
|
11
|
+
setTitle(title: string): void;
|
|
9
12
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
10
13
|
}
|
|
11
14
|
export {};
|
|
@@ -2,8 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import Style from "./NSButtonGreen.module.css";
|
|
4
4
|
export class NSButtonGreen extends React.Component {
|
|
5
|
+
constructor(props) {
|
|
6
|
+
super(props);
|
|
7
|
+
this.state = { title: props.title };
|
|
8
|
+
}
|
|
9
|
+
setTitle(title) {
|
|
10
|
+
this.setState({ title });
|
|
11
|
+
}
|
|
5
12
|
render() {
|
|
6
|
-
return _jsx("button", { onClick: this.props.onClick, className: Style.ns_button_green, children: this.
|
|
13
|
+
return _jsx("button", { onClick: e => this.props.onClick(e), className: Style.ns_button_green, children: this.state.title });
|
|
7
14
|
}
|
|
8
15
|
}
|
|
9
16
|
//# sourceMappingURL=NSButtonGreen.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSButtonGreen.js","sourceRoot":"","sources":["../../src/components/NSButtonGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"NSButtonGreen.js","sourceRoot":"","sources":["../../src/components/NSButtonGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAa/C,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAyB;IAE9D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACQ,MAAM;QAEX,OAAO,iBAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,eAAe,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAU,CAAC;IACtH,CAAC;CACJ"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
interface IProps {
|
|
3
3
|
title: string;
|
|
4
|
-
onClick: () => void;
|
|
4
|
+
onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
5
|
+
}
|
|
6
|
+
interface IState {
|
|
7
|
+
title: string;
|
|
5
8
|
}
|
|
6
9
|
interface IState {
|
|
7
10
|
}
|
|
8
11
|
export declare class NSButtonRed extends React.Component<IProps, IState> {
|
|
12
|
+
constructor(props: IProps);
|
|
13
|
+
setTitle(title: string): void;
|
|
9
14
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
10
15
|
}
|
|
11
16
|
export {};
|
|
@@ -2,8 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import Style from "./NSButtonRed.module.css";
|
|
4
4
|
export class NSButtonRed extends React.Component {
|
|
5
|
+
constructor(props) {
|
|
6
|
+
super(props);
|
|
7
|
+
this.state = { title: props.title };
|
|
8
|
+
}
|
|
9
|
+
setTitle(title) {
|
|
10
|
+
this.setState({ title });
|
|
11
|
+
}
|
|
5
12
|
render() {
|
|
6
|
-
return _jsx("button", { onClick: this.props.onClick, className: Style.
|
|
13
|
+
return _jsx("button", { onClick: e => this.props.onClick(e), className: Style.ns_button_green, children: this.state.title });
|
|
7
14
|
}
|
|
8
15
|
}
|
|
9
16
|
//# sourceMappingURL=NSButtonRed.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSButtonRed.js","sourceRoot":"","sources":["../../src/components/NSButtonRed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"NSButtonRed.js","sourceRoot":"","sources":["../../src/components/NSButtonRed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAe7C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAE5D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACQ,MAAM;QAEX,OAAO,iBAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,eAAe,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAU,CAAC;IACtH,CAAC;CACJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputFloat.js","sourceRoot":"","sources":["../../src/components/NSInputFloat.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAYnE,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAyB;IAC7D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,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,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,KAAK,GACnB,
|
|
1
|
+
{"version":3,"file":"NSInputFloat.js","sourceRoot":"","sources":["../../src/components/NSInputFloat.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAYnE,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAyB;IAC7D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,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,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,KAAK,GACnB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
interface IProps {
|
|
3
3
|
title: string;
|
|
4
|
+
defaultValue?: string;
|
|
5
|
+
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
4
6
|
}
|
|
5
7
|
interface IState {
|
|
6
8
|
value: string;
|
|
7
9
|
}
|
|
8
10
|
export declare class NSInputString extends React.Component<IProps, IState> {
|
|
9
11
|
constructor(props: IProps);
|
|
10
|
-
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
-
setDefaultValue(value: string): void;
|
|
12
12
|
getValue(): string;
|
|
13
|
+
setValue(value: string): void;
|
|
14
|
+
private onChanged;
|
|
13
15
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
16
|
}
|
|
15
17
|
export {};
|
|
@@ -4,25 +4,28 @@ import Styles from "./NSInputString.module.css";
|
|
|
4
4
|
import IconInputString from '../assets/images/icon-input-string.svg';
|
|
5
5
|
export class NSInputString extends React.Component {
|
|
6
6
|
constructor(props) {
|
|
7
|
+
var _a;
|
|
7
8
|
super(props);
|
|
8
9
|
this.state = {
|
|
9
|
-
value: "",
|
|
10
|
+
value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
|
|
10
11
|
};
|
|
11
|
-
this.setValue = this.setValue.bind(this);
|
|
12
12
|
this.getValue = this.getValue.bind(this);
|
|
13
|
-
this.
|
|
13
|
+
this.setValue = this.setValue.bind(this);
|
|
14
|
+
this.onChanged = this.onChanged.bind(this);
|
|
14
15
|
}
|
|
15
|
-
|
|
16
|
-
this.
|
|
16
|
+
getValue() {
|
|
17
|
+
return this.state.value;
|
|
17
18
|
}
|
|
18
|
-
|
|
19
|
+
setValue(value) {
|
|
19
20
|
this.setState({ value });
|
|
20
21
|
}
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
onChanged(e) {
|
|
23
|
+
this.setValue(e.target.value);
|
|
24
|
+
if (this.props.onChanged)
|
|
25
|
+
this.props.onChanged(e);
|
|
23
26
|
}
|
|
24
27
|
render() {
|
|
25
|
-
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputString, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.
|
|
28
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputString, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: "12AB34cf" })] }));
|
|
26
29
|
}
|
|
27
30
|
}
|
|
28
31
|
//# sourceMappingURL=NSInputString.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputString.js","sourceRoot":"","sources":["../../src/components/NSInputString.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"NSInputString.js","sourceRoot":"","sources":["../../src/components/NSInputString.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAcrE,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAyB;IAE9D,YAAY,KAAa;;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE;SAClC,CAAC;QACF,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;IAC/C,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACO,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,GACxB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "namirasoft-site-react",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.8",
|
|
4
4
|
"main": "./dist/main.js",
|
|
5
5
|
"types": "./dist/main.d.ts",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@types/node": "^20.10.6",
|
|
8
8
|
"@types/react": "^18.2.46",
|
|
9
9
|
"@types/react-dom": "^18.2.18",
|
|
10
|
-
"antd": "^5.12.
|
|
10
|
+
"antd": "^5.12.7",
|
|
11
11
|
"bootstrap": "^5.3.2",
|
|
12
12
|
"namirasoft-api-link": "^1.2.3",
|
|
13
|
-
"namirasoft-core": "^1.2.
|
|
13
|
+
"namirasoft-core": "^1.2.5",
|
|
14
14
|
"path-browserify": "^1.0.1",
|
|
15
15
|
"react": "^18.2.0",
|
|
16
16
|
"react-app-rewired": "^2.2.1",
|
|
@@ -1,15 +1,30 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import Style from "./NSButtonGreen.module.css";
|
|
3
3
|
|
|
4
|
-
interface IProps
|
|
4
|
+
interface IProps
|
|
5
|
+
{
|
|
6
|
+
title: string;
|
|
7
|
+
onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
interface IState
|
|
11
|
+
{
|
|
5
12
|
title: string;
|
|
6
|
-
onClick: () => void;
|
|
7
13
|
}
|
|
8
|
-
interface IState { }
|
|
9
14
|
|
|
10
15
|
export class NSButtonGreen extends React.Component<IProps, IState>
|
|
11
16
|
{
|
|
12
|
-
|
|
13
|
-
|
|
17
|
+
constructor(props: IProps)
|
|
18
|
+
{
|
|
19
|
+
super(props);
|
|
20
|
+
this.state = { title: props.title };
|
|
21
|
+
}
|
|
22
|
+
setTitle(title: string)
|
|
23
|
+
{
|
|
24
|
+
this.setState({ title });
|
|
25
|
+
}
|
|
26
|
+
override render()
|
|
27
|
+
{
|
|
28
|
+
return <button onClick={e => this.props.onClick(e)} className={Style.ns_button_green}>{this.state.title}</button>;
|
|
14
29
|
}
|
|
15
30
|
}
|
|
@@ -1,15 +1,32 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import Style from "./NSButtonRed.module.css";
|
|
3
3
|
|
|
4
|
-
interface IProps
|
|
4
|
+
interface IProps
|
|
5
|
+
{
|
|
6
|
+
title: string;
|
|
7
|
+
onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
interface IState
|
|
11
|
+
{
|
|
5
12
|
title: string;
|
|
6
|
-
onClick: () => void;
|
|
7
13
|
}
|
|
14
|
+
|
|
8
15
|
interface IState { }
|
|
9
16
|
|
|
10
17
|
export class NSButtonRed extends React.Component<IProps, IState>
|
|
11
18
|
{
|
|
12
|
-
|
|
13
|
-
|
|
19
|
+
constructor(props: IProps)
|
|
20
|
+
{
|
|
21
|
+
super(props);
|
|
22
|
+
this.state = { title: props.title };
|
|
23
|
+
}
|
|
24
|
+
setTitle(title: string)
|
|
25
|
+
{
|
|
26
|
+
this.setState({ title });
|
|
27
|
+
}
|
|
28
|
+
override render()
|
|
29
|
+
{
|
|
30
|
+
return <button onClick={e => this.props.onClick(e)} className={Style.ns_button_green}>{this.state.title}</button>;
|
|
14
31
|
}
|
|
15
32
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
// import Namira from '../assets/images/namira.svg';
|
|
3
2
|
import Styles from "./NSFooter.module.css";
|
|
4
3
|
import { NamirasoftAPILinkServer, FilterLinkRow } from 'namirasoft-api-link';
|
|
5
4
|
|
|
@@ -15,7 +14,8 @@ interface IState
|
|
|
15
14
|
selected: FilterLinkRow | null;
|
|
16
15
|
}
|
|
17
16
|
|
|
18
|
-
export class NSFooter extends React.Component<IProps, IState>
|
|
17
|
+
export class NSFooter extends React.Component<IProps, IState>
|
|
18
|
+
{
|
|
19
19
|
constructor(props: IProps)
|
|
20
20
|
{
|
|
21
21
|
super(props);
|
|
@@ -5,6 +5,8 @@ import IconInputString from '../assets/images/icon-input-string.svg';
|
|
|
5
5
|
interface IProps
|
|
6
6
|
{
|
|
7
7
|
title: string;
|
|
8
|
+
defaultValue?: string;
|
|
9
|
+
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8
10
|
}
|
|
9
11
|
|
|
10
12
|
interface IState
|
|
@@ -12,28 +14,31 @@ interface IState
|
|
|
12
14
|
value: string;
|
|
13
15
|
}
|
|
14
16
|
|
|
15
|
-
export class NSInputString extends React.Component<IProps, IState>
|
|
17
|
+
export class NSInputString extends React.Component<IProps, IState>
|
|
18
|
+
{
|
|
16
19
|
constructor(props: IProps)
|
|
17
20
|
{
|
|
18
21
|
super(props);
|
|
19
22
|
this.state = {
|
|
20
|
-
value: "",
|
|
23
|
+
value: props.defaultValue ?? "",
|
|
21
24
|
};
|
|
22
|
-
this.setValue = this.setValue.bind(this);
|
|
23
25
|
this.getValue = this.getValue.bind(this);
|
|
24
|
-
this.
|
|
26
|
+
this.setValue = this.setValue.bind(this);
|
|
27
|
+
this.onChanged = this.onChanged.bind(this);
|
|
25
28
|
}
|
|
26
|
-
|
|
29
|
+
getValue(): string
|
|
27
30
|
{
|
|
28
|
-
this.
|
|
31
|
+
return this.state.value;
|
|
29
32
|
}
|
|
30
|
-
|
|
33
|
+
setValue(value: string): void
|
|
31
34
|
{
|
|
32
35
|
this.setState({ value });
|
|
33
36
|
}
|
|
34
|
-
|
|
37
|
+
private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
|
|
35
38
|
{
|
|
36
|
-
|
|
39
|
+
this.setValue(e.target.value);
|
|
40
|
+
if (this.props.onChanged)
|
|
41
|
+
this.props.onChanged(e);
|
|
37
42
|
}
|
|
38
43
|
override render()
|
|
39
44
|
{
|
|
@@ -49,7 +54,7 @@ export class NSInputString extends React.Component<IProps, IState> {
|
|
|
49
54
|
/>
|
|
50
55
|
<input
|
|
51
56
|
value={this.state.value}
|
|
52
|
-
onChange={this.
|
|
57
|
+
onChange={this.onChanged}
|
|
53
58
|
type="text"
|
|
54
59
|
className={Styles.ns_input}
|
|
55
60
|
placeholder="12AB34cf"
|
|
@@ -57,6 +62,4 @@ export class NSInputString extends React.Component<IProps, IState> {
|
|
|
57
62
|
</div>
|
|
58
63
|
);
|
|
59
64
|
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
|
|
65
|
+
}
|