namirasoft-site-react 1.2.40 → 1.2.41
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.d.ts +3 -3
- package/dist/App.js +8 -8
- package/dist/App.js.map +1 -1
- package/dist/components/NSButtonGreen.d.ts +16 -16
- package/dist/components/NSButtonGreen.js +16 -16
- package/dist/components/NSButtonGreen.js.map +1 -1
- package/dist/components/NSButtonRed.d.ts +16 -16
- package/dist/components/NSButtonRed.js +16 -16
- package/dist/components/NSButtonRed.js.map +1 -1
- package/dist/components/NSCard.d.ts +20 -20
- package/dist/components/NSCard.js +12 -12
- package/dist/components/NSCard.js.map +1 -1
- package/dist/components/NSFooter.d.ts +20 -20
- package/dist/components/NSFooter.js +46 -46
- package/dist/components/NSFooter.js.map +1 -1
- package/dist/components/NSHeader.d.ts +23 -7
- package/dist/components/NSHeader.js +60 -57
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSInputDate.d.ts +15 -15
- package/dist/components/NSInputDate.js +27 -27
- package/dist/components/NSInputDate.js.map +1 -1
- package/dist/components/NSInputDuration.d.ts +15 -15
- package/dist/components/NSInputDuration.js +28 -28
- package/dist/components/NSInputDuration.js.map +1 -1
- package/dist/components/NSInputEmail.d.ts +16 -16
- package/dist/components/NSInputEmail.js +36 -36
- package/dist/components/NSInputEmail.js.map +1 -1
- package/dist/components/NSInputFloat.d.ts +15 -15
- package/dist/components/NSInputFloat.js +28 -28
- package/dist/components/NSInputFloat.js.map +1 -1
- package/dist/components/NSInputIP.d.ts +15 -15
- package/dist/components/NSInputIP.js +28 -28
- package/dist/components/NSInputIP.js.map +1 -1
- package/dist/components/NSInputInteger.d.ts +15 -15
- package/dist/components/NSInputInteger.js +28 -28
- package/dist/components/NSInputInteger.js.map +1 -1
- package/dist/components/NSInputPhone.d.ts +16 -16
- package/dist/components/NSInputPhone.js +30 -30
- package/dist/components/NSInputPhone.js.map +1 -1
- package/dist/components/NSInputPrice.d.ts +17 -17
- package/dist/components/NSInputPrice.js +31 -31
- package/dist/components/NSInputPrice.js.map +1 -1
- package/dist/components/NSInputSearch.d.ts +17 -17
- package/dist/components/NSInputSearch.js +37 -37
- package/dist/components/NSInputSearch.js.map +1 -1
- package/dist/components/NSInputString.d.ts +17 -17
- package/dist/components/NSInputString.js +31 -31
- package/dist/components/NSInputString.js.map +1 -1
- package/dist/components/NSInputText.d.ts +17 -17
- package/dist/components/NSInputText.js +31 -31
- package/dist/components/NSInputText.js.map +1 -1
- package/dist/components/NSInputTime.d.ts +15 -15
- package/dist/components/NSInputTime.js +28 -28
- package/dist/components/NSInputTime.js.map +1 -1
- package/dist/components/NSLayout.d.ts +8 -8
- package/dist/components/NSLayout.js +8 -8
- package/dist/components/NSLayout.js.map +1 -1
- package/dist/components/NSLayoutHeroBanner.d.ts +12 -12
- package/dist/components/NSLayoutHeroBanner.js +8 -8
- package/dist/components/NSLayoutHeroBanner.js.map +1 -1
- package/dist/components/NSLayoutTitle.d.ts +10 -10
- package/dist/components/NSLayoutTitle.js +6 -6
- package/dist/components/NSLayoutTitle.js.map +1 -1
- package/dist/components/NSLinkGreen.d.ts +16 -16
- package/dist/components/NSLinkGreen.js +20 -20
- package/dist/components/NSLinkGreen.js.map +1 -1
- package/dist/components/NSLinkRed.d.ts +16 -16
- package/dist/components/NSLinkRed.js +20 -20
- package/dist/components/NSLinkRed.js.map +1 -1
- package/dist/components/NSPagination.d.ts +15 -15
- package/dist/components/NSPagination.js +35 -35
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSSelectBox.d.ts +16 -16
- package/dist/components/NSSelectBox.js +24 -24
- package/dist/components/NSSelectBox.js.map +1 -1
- package/dist/components/NSTable.d.ts +28 -28
- package/dist/components/NSTable.js +20 -20
- package/dist/components/NSTable.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +6 -6
- package/dist/main.d.ts +26 -26
- package/dist/main.js +26 -26
- package/dist/pages/NSLoginPage.d.ts +13 -13
- package/dist/pages/NSLoginPage.js +17 -17
- package/dist/pages/NSLoginPage.js.map +1 -1
- package/package.json +1 -1
- package/src/components/NSHeader.tsx +85 -73
- package/src/components/NSLayout.tsx +0 -1
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface IProps {
|
|
3
|
-
title: string;
|
|
4
|
-
}
|
|
5
|
-
interface IState {
|
|
6
|
-
value: string;
|
|
7
|
-
}
|
|
8
|
-
export declare class NSInputDate extends React.Component<IProps, IState> {
|
|
9
|
-
constructor(props: IProps);
|
|
10
|
-
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
-
setDefaultValue(value: string): void;
|
|
12
|
-
getValue(): string;
|
|
13
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
}
|
|
15
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
export declare class NSInputDate extends React.Component<IProps, IState> {
|
|
9
|
+
constructor(props: IProps);
|
|
10
|
+
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
+
setDefaultValue(value: string): void;
|
|
12
|
+
getValue(): string;
|
|
13
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInputDate.module.css";
|
|
5
|
-
export class NSInputDate extends React.Component {
|
|
6
|
-
constructor(props) {
|
|
7
|
-
super(props);
|
|
8
|
-
this.state = {
|
|
9
|
-
value: "",
|
|
10
|
-
};
|
|
11
|
-
this.setValue = this.setValue.bind(this);
|
|
12
|
-
this.getValue = this.getValue.bind(this);
|
|
13
|
-
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
14
|
-
}
|
|
15
|
-
setValue(e) {
|
|
16
|
-
this.setState({ value: e.target.value });
|
|
17
|
-
}
|
|
18
|
-
setDefaultValue(value) {
|
|
19
|
-
this.setState({ value });
|
|
20
|
-
}
|
|
21
|
-
getValue() {
|
|
22
|
-
return this.state.value;
|
|
23
|
-
}
|
|
24
|
-
render() {
|
|
25
|
-
return (_jsxs("div", { className: `${Styles.ns_parent_input} p-2
|
|
26
|
-
}
|
|
27
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInputDate.module.css";
|
|
5
|
+
export class NSInputDate extends React.Component {
|
|
6
|
+
constructor(props) {
|
|
7
|
+
super(props);
|
|
8
|
+
this.state = {
|
|
9
|
+
value: "",
|
|
10
|
+
};
|
|
11
|
+
this.setValue = this.setValue.bind(this);
|
|
12
|
+
this.getValue = this.getValue.bind(this);
|
|
13
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
14
|
+
}
|
|
15
|
+
setValue(e) {
|
|
16
|
+
this.setState({ value: e.target.value });
|
|
17
|
+
}
|
|
18
|
+
setDefaultValue(value) {
|
|
19
|
+
this.setState({ value });
|
|
20
|
+
}
|
|
21
|
+
getValue() {
|
|
22
|
+
return this.state.value;
|
|
23
|
+
}
|
|
24
|
+
render() {
|
|
25
|
+
return (_jsxs("div", Object.assign({ className: `${Styles.ns_parent_input} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "date", className: Styles.ns_input, placeholder: "YYYY/MM/DD", id: "ns-input-date" })] })));
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
28
|
//# sourceMappingURL=NSInputDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputDate.js","sourceRoot":"","sources":["../../src/components/NSInputDate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAY9C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAC5D,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,
|
|
1
|
+
{"version":3,"file":"NSInputDate.js","sourceRoot":"","sources":["../../src/components/NSInputDate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAY9C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAC5D,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,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EACzC,WAAW,EAAC,YAAY,EACxB,EAAE,EAAC,eAAe,GACL,KACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface IProps {
|
|
3
|
-
title: string;
|
|
4
|
-
}
|
|
5
|
-
interface IState {
|
|
6
|
-
value: string;
|
|
7
|
-
}
|
|
8
|
-
export declare class NSInputDuration extends React.Component<IProps, IState> {
|
|
9
|
-
constructor(props: IProps);
|
|
10
|
-
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
-
setDefaultValue(value: string): void;
|
|
12
|
-
getValue(): string;
|
|
13
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
}
|
|
15
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
export declare class NSInputDuration extends React.Component<IProps, IState> {
|
|
9
|
+
constructor(props: IProps);
|
|
10
|
+
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
+
setDefaultValue(value: string): void;
|
|
12
|
+
getValue(): string;
|
|
13
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInputDuration.module.css";
|
|
5
|
-
import IconInputDuration from '../assets/images/icon-input-duration.svg';
|
|
6
|
-
export class NSInputDuration extends React.Component {
|
|
7
|
-
constructor(props) {
|
|
8
|
-
super(props);
|
|
9
|
-
this.state = {
|
|
10
|
-
value: "",
|
|
11
|
-
};
|
|
12
|
-
this.setValue = this.setValue.bind(this);
|
|
13
|
-
this.getValue = this.getValue.bind(this);
|
|
14
|
-
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
15
|
-
}
|
|
16
|
-
setValue(e) {
|
|
17
|
-
this.setState({ value: e.target.value });
|
|
18
|
-
}
|
|
19
|
-
setDefaultValue(value) {
|
|
20
|
-
this.setState({ value });
|
|
21
|
-
}
|
|
22
|
-
getValue() {
|
|
23
|
-
return this.state.value;
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2
|
|
27
|
-
}
|
|
28
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInputDuration.module.css";
|
|
5
|
+
import IconInputDuration from '../assets/images/icon-input-duration.svg';
|
|
6
|
+
export class NSInputDuration extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
super(props);
|
|
9
|
+
this.state = {
|
|
10
|
+
value: "",
|
|
11
|
+
};
|
|
12
|
+
this.setValue = this.setValue.bind(this);
|
|
13
|
+
this.getValue = this.getValue.bind(this);
|
|
14
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
15
|
+
}
|
|
16
|
+
setValue(e) {
|
|
17
|
+
this.setState({ value: e.target.value });
|
|
18
|
+
}
|
|
19
|
+
setDefaultValue(value) {
|
|
20
|
+
this.setState({ value });
|
|
21
|
+
}
|
|
22
|
+
getValue() {
|
|
23
|
+
return this.state.value;
|
|
24
|
+
}
|
|
25
|
+
render() {
|
|
26
|
+
return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputDuration, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "time", className: Styles.ns_input, placeholder: "21:44:06", step: "2" })] })));
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
29
|
//# sourceMappingURL=NSInputDuration.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputDuration.js","sourceRoot":"","sources":["../../src/components/NSInputDuration.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAClD,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AAYzE,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAyB;IAChE,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,
|
|
1
|
+
{"version":3,"file":"NSInputDuration.js","sourceRoot":"","sources":["../../src/components/NSInputDuration.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAClD,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AAYzE,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAyB;IAChE,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,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,iBAAiB,EACtB,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,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,GAAG,GACV,KACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface IProps {
|
|
3
|
-
title: string;
|
|
4
|
-
}
|
|
5
|
-
interface IState {
|
|
6
|
-
value: string;
|
|
7
|
-
error: boolean;
|
|
8
|
-
}
|
|
9
|
-
export declare class NSInputEmail extends React.Component<IProps, IState> {
|
|
10
|
-
constructor(props: IProps);
|
|
11
|
-
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
12
|
-
setDefaultValue(value: string): void;
|
|
13
|
-
getValue(): string;
|
|
14
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
}
|
|
16
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
error: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare class NSInputEmail extends React.Component<IProps, IState> {
|
|
10
|
+
constructor(props: IProps);
|
|
11
|
+
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
12
|
+
setDefaultValue(value: string): void;
|
|
13
|
+
getValue(): string;
|
|
14
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInputEmail.module.css";
|
|
5
|
-
import IconInputEmail from '../assets/images/icon-input-email.svg';
|
|
6
|
-
import Danger from '../assets/images/danger.svg';
|
|
7
|
-
export class NSInputEmail extends React.Component {
|
|
8
|
-
constructor(props) {
|
|
9
|
-
super(props);
|
|
10
|
-
this.state = {
|
|
11
|
-
value: "",
|
|
12
|
-
error: false,
|
|
13
|
-
};
|
|
14
|
-
this.setValue = this.setValue.bind(this);
|
|
15
|
-
this.getValue = this.getValue.bind(this);
|
|
16
|
-
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
17
|
-
}
|
|
18
|
-
setValue(e) {
|
|
19
|
-
let email = /^(([^<>()[]\\.,;:\s@"]+(\.[^<>()[]\\.,;:\s@"]+)*)|(".+"))@(([[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
|
20
|
-
if (!email.test(e.target.value)) {
|
|
21
|
-
this.setState({ error: true, value: e.target.value });
|
|
22
|
-
}
|
|
23
|
-
else {
|
|
24
|
-
this.setState({ error: false, value: e.target.value });
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
setDefaultValue(value) {
|
|
28
|
-
this.setState({ value });
|
|
29
|
-
}
|
|
30
|
-
getValue() {
|
|
31
|
-
return this.state.value;
|
|
32
|
-
}
|
|
33
|
-
render() {
|
|
34
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2
|
|
35
|
-
}
|
|
36
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInputEmail.module.css";
|
|
5
|
+
import IconInputEmail from '../assets/images/icon-input-email.svg';
|
|
6
|
+
import Danger from '../assets/images/danger.svg';
|
|
7
|
+
export class NSInputEmail extends React.Component {
|
|
8
|
+
constructor(props) {
|
|
9
|
+
super(props);
|
|
10
|
+
this.state = {
|
|
11
|
+
value: "",
|
|
12
|
+
error: false,
|
|
13
|
+
};
|
|
14
|
+
this.setValue = this.setValue.bind(this);
|
|
15
|
+
this.getValue = this.getValue.bind(this);
|
|
16
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
17
|
+
}
|
|
18
|
+
setValue(e) {
|
|
19
|
+
let email = /^(([^<>()[]\\.,;:\s@"]+(\.[^<>()[]\\.,;:\s@"]+)*)|(".+"))@(([[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
|
20
|
+
if (!email.test(e.target.value)) {
|
|
21
|
+
this.setState({ error: true, value: e.target.value });
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
this.setState({ error: false, value: e.target.value });
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
setDefaultValue(value) {
|
|
28
|
+
this.setState({ value });
|
|
29
|
+
}
|
|
30
|
+
getValue() {
|
|
31
|
+
return this.state.value;
|
|
32
|
+
}
|
|
33
|
+
render() {
|
|
34
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "email", className: `${this.state.error === true ? Styles.ns_input_red : ""} ${Styles.ns_input}`, placeholder: "Sample@gmail.com" })] })), this.state.error === true ? (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ className: "d-flex justify-content-start align-items-center gap-2 ms-2 " }, { children: [_jsx("img", { className: "", src: Danger, alt: "icon", width: 13, height: 13 }), _jsx("span", Object.assign({ className: Styles.ns_input_error }, { children: "Enter a valid email. " }))] })) })) : null] }));
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
37
|
//# sourceMappingURL=NSInputEmail.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputEmail.js","sourceRoot":"","sources":["../../src/components/NSInputEmail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAajD,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;YACT,KAAK,EAAE,KAAK;SACf,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,KAAK,GAAG,mJAAmJ,CAAC;QAChK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/B;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;SACzD;aAED;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;SAC1D;IACL,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,8BACI,
|
|
1
|
+
{"version":3,"file":"NSInputEmail.js","sourceRoot":"","sources":["../../src/components/NSInputEmail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAajD,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;YACT,KAAK,EAAE,KAAK;SACf,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,KAAK,GAAG,mJAAmJ,CAAC;QAChK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/B;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;SACzD;aAED;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;SAC1D;IACL,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,8BACI,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,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,OAAO,EACZ,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,QAAQ,EAAE,EACvF,WAAW,EAAC,kBAAkB,GAChC,KACA,EAEL,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACzB,4BACI,6BAAK,SAAS,EAAC,6DAA6D,iBACxE,cACI,SAAS,EAAE,EAAE,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,2CAA8B,KAClE,GACP,CAAC,CAAC,CAAC,CAAC,IAAI,IAEhB,CACN,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface IProps {
|
|
3
|
-
title: string;
|
|
4
|
-
}
|
|
5
|
-
interface IState {
|
|
6
|
-
value: string;
|
|
7
|
-
}
|
|
8
|
-
export declare class NSInputFloat extends React.Component<IProps, IState> {
|
|
9
|
-
constructor(props: IProps);
|
|
10
|
-
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
-
setDefaultValue(value: string): void;
|
|
12
|
-
getValue(): string;
|
|
13
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
}
|
|
15
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
export declare class NSInputFloat extends React.Component<IProps, IState> {
|
|
9
|
+
constructor(props: IProps);
|
|
10
|
+
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
+
setDefaultValue(value: string): void;
|
|
12
|
+
getValue(): string;
|
|
13
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInputFloat.module.css";
|
|
5
|
-
import IconInputFloat from '../assets/images/icon-input-float.svg';
|
|
6
|
-
export class NSInputFloat extends React.Component {
|
|
7
|
-
constructor(props) {
|
|
8
|
-
super(props);
|
|
9
|
-
this.state = {
|
|
10
|
-
value: "",
|
|
11
|
-
};
|
|
12
|
-
this.setValue = this.setValue.bind(this);
|
|
13
|
-
this.getValue = this.getValue.bind(this);
|
|
14
|
-
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
15
|
-
}
|
|
16
|
-
setValue(e) {
|
|
17
|
-
this.setState({ value: e.target.value });
|
|
18
|
-
}
|
|
19
|
-
setDefaultValue(value) {
|
|
20
|
-
this.setState({ value });
|
|
21
|
-
}
|
|
22
|
-
getValue() {
|
|
23
|
-
return this.state.value;
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2
|
|
27
|
-
}
|
|
28
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInputFloat.module.css";
|
|
5
|
+
import IconInputFloat from '../assets/images/icon-input-float.svg';
|
|
6
|
+
export class NSInputFloat extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
super(props);
|
|
9
|
+
this.state = {
|
|
10
|
+
value: "",
|
|
11
|
+
};
|
|
12
|
+
this.setValue = this.setValue.bind(this);
|
|
13
|
+
this.getValue = this.getValue.bind(this);
|
|
14
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
15
|
+
}
|
|
16
|
+
setValue(e) {
|
|
17
|
+
this.setState({ value: e.target.value });
|
|
18
|
+
}
|
|
19
|
+
setDefaultValue(value) {
|
|
20
|
+
this.setState({ value });
|
|
21
|
+
}
|
|
22
|
+
getValue() {
|
|
23
|
+
return this.state.value;
|
|
24
|
+
}
|
|
25
|
+
render() {
|
|
26
|
+
return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputFloat, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "1.2" })] })));
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
29
|
//# sourceMappingURL=NSInputFloat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputFloat.js","sourceRoot":"","sources":["../../src/components/NSInputFloat.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,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,
|
|
1
|
+
{"version":3,"file":"NSInputFloat.js","sourceRoot":"","sources":["../../src/components/NSInputFloat.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,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,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,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,KACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface IProps {
|
|
3
|
-
title: string;
|
|
4
|
-
}
|
|
5
|
-
interface IState {
|
|
6
|
-
value: string;
|
|
7
|
-
}
|
|
8
|
-
export declare class NSInputIP extends React.Component<IProps, IState> {
|
|
9
|
-
constructor(props: IProps);
|
|
10
|
-
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
-
setDefaultValue(value: string): void;
|
|
12
|
-
getValue(): string;
|
|
13
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
}
|
|
15
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
export declare class NSInputIP extends React.Component<IProps, IState> {
|
|
9
|
+
constructor(props: IProps);
|
|
10
|
+
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
+
setDefaultValue(value: string): void;
|
|
12
|
+
getValue(): string;
|
|
13
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInputIP.module.css";
|
|
5
|
-
import IconInputId from '../assets/images/icon-input-id.svg';
|
|
6
|
-
export class NSInputIP extends React.Component {
|
|
7
|
-
constructor(props) {
|
|
8
|
-
super(props);
|
|
9
|
-
this.state = {
|
|
10
|
-
value: "",
|
|
11
|
-
};
|
|
12
|
-
this.setValue = this.setValue.bind(this);
|
|
13
|
-
this.getValue = this.getValue.bind(this);
|
|
14
|
-
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
15
|
-
}
|
|
16
|
-
setValue(e) {
|
|
17
|
-
this.setState({ value: e.target.value });
|
|
18
|
-
}
|
|
19
|
-
setDefaultValue(value) {
|
|
20
|
-
this.setState({ value });
|
|
21
|
-
}
|
|
22
|
-
getValue() {
|
|
23
|
-
return this.state.value;
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2
|
|
27
|
-
}
|
|
28
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInputIP.module.css";
|
|
5
|
+
import IconInputId from '../assets/images/icon-input-id.svg';
|
|
6
|
+
export class NSInputIP extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
super(props);
|
|
9
|
+
this.state = {
|
|
10
|
+
value: "",
|
|
11
|
+
};
|
|
12
|
+
this.setValue = this.setValue.bind(this);
|
|
13
|
+
this.getValue = this.getValue.bind(this);
|
|
14
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
15
|
+
}
|
|
16
|
+
setValue(e) {
|
|
17
|
+
this.setState({ value: e.target.value });
|
|
18
|
+
}
|
|
19
|
+
setDefaultValue(value) {
|
|
20
|
+
this.setState({ value });
|
|
21
|
+
}
|
|
22
|
+
getValue() {
|
|
23
|
+
return this.state.value;
|
|
24
|
+
}
|
|
25
|
+
render() {
|
|
26
|
+
return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputId, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "192.158.1.38" })] })));
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
29
|
//# sourceMappingURL=NSInputIP.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputIP.js","sourceRoot":"","sources":["../../src/components/NSInputIP.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAY7D,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAC1D,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,
|
|
1
|
+
{"version":3,"file":"NSInputIP.js","sourceRoot":"","sources":["../../src/components/NSInputIP.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAY7D,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAC1D,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,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,WAAW,EAChB,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,cAAc,GAC5B,KAEA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface IProps {
|
|
3
|
-
title: string;
|
|
4
|
-
}
|
|
5
|
-
interface IState {
|
|
6
|
-
value: string;
|
|
7
|
-
}
|
|
8
|
-
export declare class NSInputInteger extends React.Component<IProps, IState> {
|
|
9
|
-
constructor(props: IProps);
|
|
10
|
-
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
-
setDefaultValue(value: string): void;
|
|
12
|
-
getValue(): string;
|
|
13
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
}
|
|
15
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
export declare class NSInputInteger extends React.Component<IProps, IState> {
|
|
9
|
+
constructor(props: IProps);
|
|
10
|
+
setValue(e: React.ChangeEvent<HTMLInputElement>): void;
|
|
11
|
+
setDefaultValue(value: string): void;
|
|
12
|
+
getValue(): string;
|
|
13
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInputInteger.module.css";
|
|
5
|
-
import IconInputInteger from '../assets/images/icon-input-integer.svg';
|
|
6
|
-
export class NSInputInteger extends React.Component {
|
|
7
|
-
constructor(props) {
|
|
8
|
-
super(props);
|
|
9
|
-
this.state = {
|
|
10
|
-
value: "",
|
|
11
|
-
};
|
|
12
|
-
this.setValue = this.setValue.bind(this);
|
|
13
|
-
this.getValue = this.getValue.bind(this);
|
|
14
|
-
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
15
|
-
}
|
|
16
|
-
setValue(e) {
|
|
17
|
-
this.setState({ value: e.target.value });
|
|
18
|
-
}
|
|
19
|
-
setDefaultValue(value) {
|
|
20
|
-
this.setState({ value });
|
|
21
|
-
}
|
|
22
|
-
getValue() {
|
|
23
|
-
return this.state.value;
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2
|
|
27
|
-
}
|
|
28
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInputInteger.module.css";
|
|
5
|
+
import IconInputInteger from '../assets/images/icon-input-integer.svg';
|
|
6
|
+
export class NSInputInteger extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
super(props);
|
|
9
|
+
this.state = {
|
|
10
|
+
value: "",
|
|
11
|
+
};
|
|
12
|
+
this.setValue = this.setValue.bind(this);
|
|
13
|
+
this.getValue = this.getValue.bind(this);
|
|
14
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
15
|
+
}
|
|
16
|
+
setValue(e) {
|
|
17
|
+
this.setState({ value: e.target.value });
|
|
18
|
+
}
|
|
19
|
+
setDefaultValue(value) {
|
|
20
|
+
this.setState({ value });
|
|
21
|
+
}
|
|
22
|
+
getValue() {
|
|
23
|
+
return this.state.value;
|
|
24
|
+
}
|
|
25
|
+
render() {
|
|
26
|
+
return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputInteger, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "1234" })] })));
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
29
|
//# sourceMappingURL=NSInputInteger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputInteger.js","sourceRoot":"","sources":["../../src/components/NSInputInteger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAYvE,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAyB;IAC/D,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,
|
|
1
|
+
{"version":3,"file":"NSInputInteger.js","sourceRoot":"","sources":["../../src/components/NSInputInteger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAYvE,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAyB;IAC/D,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,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,gBAAgB,EACrB,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,MAAM,GACpB,KAEA,CACT,CAAC;IACN,CAAC;CACJ"}
|