namirasoft-site-react 1.3.51 → 1.3.53
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/NSButton.d.ts +8 -6
- package/dist/components/NSButton.js +10 -24
- package/dist/components/NSButton.js.map +1 -1
- package/dist/components/NSInputDate.d.ts +2 -1
- package/dist/components/NSInputDate.js +2 -1
- package/dist/components/NSInputDate.js.map +1 -1
- package/dist/components/NSInputDuration.d.ts +2 -1
- package/dist/components/NSInputDuration.js +2 -1
- package/dist/components/NSInputDuration.js.map +1 -1
- package/dist/components/NSInputEmail.d.ts +2 -1
- package/dist/components/NSInputEmail.js +2 -1
- package/dist/components/NSInputEmail.js.map +1 -1
- package/dist/components/NSInputIP.d.ts +2 -1
- package/dist/components/NSInputIP.js +2 -1
- package/dist/components/NSInputIP.js.map +1 -1
- package/dist/components/NSInputInteger.d.ts +2 -1
- package/dist/components/NSInputInteger.js +2 -1
- package/dist/components/NSInputInteger.js.map +1 -1
- package/dist/components/NSInputPhone.d.ts +2 -1
- package/dist/components/NSInputPhone.js +2 -1
- package/dist/components/NSInputPhone.js.map +1 -1
- package/dist/components/NSInputPrice.d.ts +2 -1
- package/dist/components/NSInputPrice.js +2 -1
- package/dist/components/NSInputPrice.js.map +1 -1
- package/dist/components/NSInputSearch.d.ts +2 -1
- package/dist/components/NSInputSearch.js +2 -1
- package/dist/components/NSInputSearch.js.map +1 -1
- package/dist/components/NSInputString.d.ts +2 -1
- package/dist/components/NSInputString.js +2 -1
- package/dist/components/NSInputString.js.map +1 -1
- package/dist/components/NSInputText.d.ts +2 -1
- package/dist/components/NSInputText.js +2 -1
- package/dist/components/NSInputText.js.map +1 -1
- package/dist/components/NSInputTime.d.ts +2 -1
- package/dist/components/NSInputTime.js +2 -1
- package/dist/components/NSInputTime.js.map +1 -1
- package/dist/components/NSTable.js +1 -1
- package/dist/components/NSTable.js.map +1 -1
- package/package.json +5 -4
- package/src/components/NSButton.tsx +26 -58
- package/src/components/NSInputDate.tsx +3 -2
- package/src/components/NSInputDuration.tsx +3 -2
- package/src/components/NSInputEmail.tsx +3 -2
- package/src/components/NSInputIP.tsx +3 -2
- package/src/components/NSInputInteger.tsx +5 -4
- package/src/components/NSInputPhone.tsx +3 -2
- package/src/components/NSInputPrice.tsx +3 -2
- package/src/components/NSInputSearch.tsx +3 -2
- package/src/components/NSInputString.tsx +5 -3
- package/src/components/NSInputText.tsx +3 -2
- package/src/components/NSInputTime.tsx +3 -2
- package/src/components/NSTable.tsx +1 -1
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { BackgroundProps } from "../props/BackgroundProps";
|
|
3
3
|
import { ImageProps } from "../props/ImageProps";
|
|
4
|
-
import { NSButtonProps } from "../props/NSButtonProps";
|
|
5
4
|
export interface NSButtonState {
|
|
6
5
|
title: string;
|
|
7
6
|
border?: string;
|
|
8
7
|
background?: BackgroundProps;
|
|
9
8
|
icon?: ImageProps;
|
|
10
9
|
}
|
|
11
|
-
export
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
export interface NSButtonProps {
|
|
11
|
+
title: string;
|
|
12
|
+
border?: string;
|
|
13
|
+
background?: BackgroundProps;
|
|
14
|
+
icon?: ImageProps;
|
|
15
|
+
onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
15
16
|
}
|
|
17
|
+
export default function NSButton(props: NSButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,29 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
super(props);
|
|
8
|
-
this.state = {
|
|
9
|
-
title: props.title,
|
|
3
|
+
import Styles from "./NSButton.module.css";
|
|
4
|
+
export default function NSButton(props) {
|
|
5
|
+
var _a, _b, _c, _d;
|
|
6
|
+
return (_jsxs("button", { onClick: (e) => { props.onClick(e); }, className: Styles.ns_button, style: {
|
|
10
7
|
border: props.border,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
this.setState({ title });
|
|
17
|
-
}
|
|
18
|
-
render() {
|
|
19
|
-
var _a, _b, _c, _d;
|
|
20
|
-
return (_jsxs("button", { onClick: e => this.props.onClick(e), className: Style.ns_button, style: {
|
|
21
|
-
border: this.state.border,
|
|
22
|
-
backgroundColor: (_a = this.state.background) === null || _a === void 0 ? void 0 : _a.color,
|
|
23
|
-
backgroundImage: (_b = this.state.background) === null || _b === void 0 ? void 0 : _b.image,
|
|
24
|
-
backdropFilter: (_c = this.state.background) === null || _c === void 0 ? void 0 : _c.filter,
|
|
25
|
-
backgroundPosition: (_d = this.state.background) === null || _d === void 0 ? void 0 : _d.position,
|
|
26
|
-
}, children: [this.state.icon && _jsx("img", { src: this.state.icon.src, alt: this.state.icon.alt }), this.state.title] }));
|
|
27
|
-
}
|
|
8
|
+
backgroundColor: (_a = props.background) === null || _a === void 0 ? void 0 : _a.color,
|
|
9
|
+
backgroundImage: (_b = props.background) === null || _b === void 0 ? void 0 : _b.image,
|
|
10
|
+
backdropFilter: (_c = props.background) === null || _c === void 0 ? void 0 : _c.filter,
|
|
11
|
+
backgroundPosition: (_d = props.background) === null || _d === void 0 ? void 0 : _d.position,
|
|
12
|
+
}, children: [props.icon && _jsx("img", { src: props.icon.src, alt: props.icon.alt }), props.title] }));
|
|
28
13
|
}
|
|
14
|
+
;
|
|
29
15
|
//# sourceMappingURL=NSButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSButton.js","sourceRoot":"","sources":["../../src/components/NSButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"NSButton.js","sourceRoot":"","sources":["../../src/components/NSButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAkB3C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAoB;;IAEjD,OAAO,CACH,kBAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EACrE,KAAK,EAAE;YACH,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,eAAe,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;YACxC,eAAe,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK;YACxC,cAAc,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,MAAM;YACxC,kBAAkB,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,QAAQ;SACjD,aAEG,KAAK,CAAC,IAAI,IAAI,cAAK,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,GAAI,EAElE,KAAK,CAAC,KAAK,IACN,CACb,CAAC;AACN,CAAC;AAAA,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
|
+
export interface NSInputDateProps extends BaseComponentProps {
|
|
3
4
|
title: string;
|
|
4
5
|
defaultValue?: string;
|
|
5
6
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -24,7 +24,8 @@ export class NSInputDate extends React.Component {
|
|
|
24
24
|
this.props.onChanged(e);
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
|
|
27
|
+
var _a;
|
|
28
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "date", className: Styles.ns_input, placeholder: "YYYY/MM/DD", id: "ns-input-date" })] }));
|
|
28
29
|
}
|
|
29
30
|
}
|
|
30
31
|
//# 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;
|
|
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;AAe9C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAChF,YAAY,KAAuB;QAE/B,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,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,QAAQ,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACvG,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,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,YAAY,EACxB,EAAE,EAAC,eAAe,GACpB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
|
+
export interface NSInputDurationProps extends BaseComponentProps {
|
|
3
4
|
title: string;
|
|
4
5
|
defaultValue?: string;
|
|
5
6
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -26,7 +26,8 @@ export class NSInputDuration extends React.Component {
|
|
|
26
26
|
this.props.onChanged(e);
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
|
|
29
|
+
var _a;
|
|
30
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("span", { 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.onChanged, type: "time", className: Styles.ns_input, placeholder: "21:44:06", step: "2" })] }));
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
//# 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;
|
|
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;AAezE,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAqD;IAC5F,YAAY,KAA2B;;QAEnC,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;IAClD,CAAC;IACD,QAAQ;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IACE,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;IACnC,CAAC;IACQ,MAAM;;QAER,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,QAAQ,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACvG,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,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,EACtC,QAAQ,EAAE,IAAI,CAAC,SAAS,EACT,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,GAAG,GACV,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ValidationProps } from "../props/ValidationProps";
|
|
3
3
|
import { ValidationStringProps } from "../props/ValidationStringProps";
|
|
4
|
-
|
|
4
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
5
|
+
export interface NSInputEmailProps extends BaseComponentProps, ValidationProps, ValidationStringProps {
|
|
5
6
|
title: string;
|
|
6
7
|
defaultValue?: string;
|
|
7
8
|
placeholder?: string;
|
|
@@ -34,7 +34,8 @@ export class NSInputEmail extends React.Component {
|
|
|
34
34
|
this.props.onChanged(e);
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
|
|
37
|
+
var _a;
|
|
38
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "Email Icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "email", className: `${this.state.error ? Styles.ns_input_red : ""} ${Styles.ns_input}`, placeholder: this.props.placeholder })] }), this.state.error && (_jsx(_Fragment, { children: _jsxs("div", { className: "d-flex justify-content-start align-items-center gap-2 ms-2", children: [_jsx("img", { className: "", src: Danger, alt: "Error Icon", width: 13, height: 13 }), _jsx("span", { className: Styles.ns_input_error, children: this.state.error })] }) }))] }));
|
|
38
39
|
}
|
|
39
40
|
}
|
|
40
41
|
//# 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;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"NSInputEmail.js","sourceRoot":"","sources":["../../src/components/NSInputEmail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
|
+
export interface NSInputIPProps extends BaseComponentProps {
|
|
3
4
|
title: string;
|
|
4
5
|
defaultValue?: string;
|
|
5
6
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -26,7 +26,8 @@ export class NSInputIP extends React.Component {
|
|
|
26
26
|
this.props.onChanged(e);
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
|
|
29
|
+
var _a;
|
|
30
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("span", { 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.onChanged, type: "number", className: Styles.ns_input, placeholder: "192.158.1.38" })] }));
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
//# 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;
|
|
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;AAe7D,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyC;IAC1E,YAAY,KAAqB;;QAE7B,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,QAAQ,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACvG,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,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,SAAS,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,cAAc,GAC5B,IAEA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
|
+
export interface NSInputIntegerProps extends BaseComponentProps {
|
|
3
4
|
title: string;
|
|
4
5
|
defaultValue?: string;
|
|
5
6
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -26,7 +26,8 @@ export class NSInputInteger extends React.Component {
|
|
|
26
26
|
this.props.onChanged(e);
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
|
|
29
|
+
var _a;
|
|
30
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("span", { 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.onChanged, type: "number", className: Styles.ns_input, placeholder: "1234" })] }));
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
//# 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;
|
|
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;AAevE,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAmD;IACzF,YAAY,KAA0B;;QAElC,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,QAAQ,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACvG,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,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,SAAS,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,MAAM,GACpB,IAEA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import 'react-phone-input-2/lib/style.css';
|
|
3
|
-
|
|
3
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
4
|
+
export interface NSInputPhoneProps extends BaseComponentProps {
|
|
4
5
|
title: string;
|
|
5
6
|
}
|
|
6
7
|
export interface NSInputPhoneState {
|
|
@@ -25,7 +25,8 @@ export class NSInputPhone extends React.Component {
|
|
|
25
25
|
return this.state.value;
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
|
|
28
|
+
var _a;
|
|
29
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputPhone, alt: "icon", width: 24, height: 24 }), _jsx(PhoneInput, { inputClass: Styles.ns_input, country: 'us', value: this.state.value, onChange: this.setValue })] }));
|
|
29
30
|
}
|
|
30
31
|
}
|
|
31
32
|
//# sourceMappingURL=NSInputPhone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputPhone.js","sourceRoot":"","sources":["../../src/components/NSInputPhone.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,UAAU,MAAM,qBAAqB,CAAA;AAC5C,OAAO,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"NSInputPhone.js","sourceRoot":"","sources":["../../src/components/NSInputPhone.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,UAAU,MAAM,qBAAqB,CAAA;AAC5C,OAAO,mCAAmC,CAAA;AAa1C,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IACnF,YAAY,KAAwB;QAEhC,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,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,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,QAAQ,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACvG,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,KAAC,UAAU,IACP,UAAU,EAAE,MAAM,CAAC,QAAQ,EAC3B,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACzB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
|
+
export interface NSInputPriceProps extends BaseComponentProps {
|
|
3
4
|
title: string;
|
|
4
5
|
defaultValue?: number;
|
|
5
6
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -26,7 +26,8 @@ export class NSInputPrice extends React.Component {
|
|
|
26
26
|
this.props.onChanged(e);
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
|
|
29
|
+
var _a;
|
|
30
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("img", { className: Styles.ns_input_icon, src: IconInputPrice, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "number", step: "20", className: Styles.ns_input, placeholder: "$1000" })] }));
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
//# sourceMappingURL=NSInputPrice.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputPrice.js","sourceRoot":"","sources":["../../src/components/NSInputPrice.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;
|
|
1
|
+
{"version":3,"file":"NSInputPrice.js","sourceRoot":"","sources":["../../src/components/NSInputPrice.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;AAenE,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IACnF,YAAY,KAAwB;;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,SAAS;SACzC,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,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACxC,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,QAAQ,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACvG,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,SAAS,EACxB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,OAAO,GACrB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
|
+
export interface NSInputSearchProps extends BaseComponentProps {
|
|
3
4
|
defaultValue?: string;
|
|
4
5
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
5
6
|
}
|
|
@@ -26,7 +26,8 @@ export class NSInputSearch extends React.Component {
|
|
|
26
26
|
this.props.onChanged(e);
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
|
|
29
|
+
var _a;
|
|
30
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("img", { className: Styles.ns_input_icon, src: IconInputSearch, alt: "icon", width: 22, height: 22 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: "Search" })] }));
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
//# sourceMappingURL=NSInputSearch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputSearch.js","sourceRoot":"","sources":["../../src/components/NSInputSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"NSInputSearch.js","sourceRoot":"","sources":["../../src/components/NSInputSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAcrE,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IAEtF,YAAY,KAAyB;;QAEjC,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;QAC/C,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;IACzC,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,QAAQ,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACvG,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,QAAQ,GACtB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
|
+
export interface NSInputStringProps extends BaseComponentProps {
|
|
3
4
|
title: string;
|
|
4
5
|
defaultValue?: string;
|
|
5
6
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -26,7 +26,8 @@ export class NSInputString extends React.Component {
|
|
|
26
26
|
this.props.onChanged(e);
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
|
|
29
|
+
var _a;
|
|
30
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, 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" })] }));
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
//# sourceMappingURL=NSInputString.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputString.js","sourceRoot":"","sources":["../../src/components/NSInputString.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,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,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAerE,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IAEtF,YAAY,KAAyB;;QAEjC,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,QAAQ,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aAEvG,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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
|
+
export interface NSInputTextProps extends BaseComponentProps {
|
|
3
4
|
title: string;
|
|
4
5
|
defaultValue?: string;
|
|
5
6
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -26,7 +26,8 @@ export class NSInputText extends React.Component {
|
|
|
26
26
|
this.props.onChanged(e);
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
|
|
29
|
+
var _a;
|
|
30
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputText, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: "Enter your Text" })] }));
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
//# sourceMappingURL=NSInputText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputText.js","sourceRoot":"","sources":["../../src/components/NSInputText.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,aAAa,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"NSInputText.js","sourceRoot":"","sources":["../../src/components/NSInputText.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAejE,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAChF,YAAY,KAAuB;;QAE/B,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,QAAQ,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACvG,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,aAAa,EAClB,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,iBAAiB,GAC/B,IAEA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
|
+
export interface NSInputTimeProps extends BaseComponentProps {
|
|
3
4
|
title: string;
|
|
4
5
|
defaultValue?: string;
|
|
5
6
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -26,7 +26,8 @@ export class NSInputTime extends React.Component {
|
|
|
26
26
|
this.props.onChanged(e);
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
|
|
29
|
+
var _a;
|
|
30
|
+
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputTime, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "time", className: Styles.ns_input, placeholder: "21:44:06", step: "2" })] }));
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
//# sourceMappingURL=NSInputTime.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputTime.js","sourceRoot":"","sources":["../../src/components/NSInputTime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,aAAa,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"NSInputTime.js","sourceRoot":"","sources":["../../src/components/NSInputTime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAejE,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAChF,YAAY,KAAuB;;QAE/B,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,QAAQ,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACvG,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,aAAa,EAClB,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,EACtB,IAAI,EAAC,GAAG,GACV,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
3
|
+
import NSButton from './NSButton';
|
|
4
4
|
import { NSInputSearch } from './NSInputSearch';
|
|
5
5
|
import { NSPagination } from './NSPagination';
|
|
6
6
|
import { NSSpace, NSSpaceSizeType } from './NSSpace';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,
|
|
1
|
+
{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"framework": "npm",
|
|
9
9
|
"application": "package",
|
|
10
10
|
"private": false,
|
|
11
|
-
"version": "1.3.
|
|
11
|
+
"version": "1.3.53",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Hooman Shashaeh",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -26,9 +26,11 @@
|
|
|
26
26
|
"@types/react-dom": "^18.2.25",
|
|
27
27
|
"antd": "^5.16.2",
|
|
28
28
|
"bootstrap": "^5.3.3",
|
|
29
|
+
"copyfiles": "^2.4.1",
|
|
29
30
|
"link-react": "^3.0.0",
|
|
30
31
|
"namirasoft-api-link": "^1.3.1",
|
|
31
32
|
"namirasoft-core": "^1.3.18",
|
|
33
|
+
"namirasoft-site-react": "^1.3.51",
|
|
32
34
|
"path-browserify": "^1.0.1",
|
|
33
35
|
"react": "^18.2.0",
|
|
34
36
|
"react-app-rewired": "^2.2.1",
|
|
@@ -37,8 +39,7 @@
|
|
|
37
39
|
"react-phone-input-2": "^2.15.1",
|
|
38
40
|
"react-phone-number-input": "^3.3.12",
|
|
39
41
|
"react-router-dom": "^6.22.3",
|
|
40
|
-
"react-scripts": "5.0.1"
|
|
41
|
-
"copyfiles": "^2.4.1"
|
|
42
|
+
"react-scripts": "5.0.1"
|
|
42
43
|
},
|
|
43
44
|
"eslintConfig": {
|
|
44
45
|
"extends": [
|
|
@@ -63,4 +64,4 @@
|
|
|
63
64
|
"last 1 safari version"
|
|
64
65
|
]
|
|
65
66
|
}
|
|
66
|
-
}
|
|
67
|
+
}
|
|
@@ -1,32 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Style from "./NSButton.module.css";
|
|
5
3
|
import { BackgroundProps } from "../props/BackgroundProps";
|
|
6
4
|
import { ImageProps } from "../props/ImageProps";
|
|
7
|
-
import
|
|
5
|
+
import Styles from "./NSButton.module.css";
|
|
8
6
|
|
|
9
|
-
|
|
10
|
-
// export enum NSButtonBackgroundColor;
|
|
11
|
-
// {
|
|
12
|
-
// red = "#FF0000",
|
|
13
|
-
// blue =" #0000FF",
|
|
14
|
-
// green ="#008000",
|
|
15
|
-
// black ="#000000",
|
|
16
|
-
// white ="#fffaf0",
|
|
17
|
-
// orange ="#ff8c00",
|
|
18
|
-
// yellow ="#FFFF00",
|
|
19
|
-
// }
|
|
20
|
-
// export enum NSButtonBackgroundSize;
|
|
21
|
-
// {
|
|
22
|
-
// xsmal = "",
|
|
23
|
-
// small ="",
|
|
24
|
-
// medium ="",
|
|
25
|
-
// large ="",
|
|
26
|
-
// xlarge ="",
|
|
27
|
-
// xxlarge ="",
|
|
28
|
-
// xxxlarge ="",
|
|
29
|
-
// }
|
|
30
7
|
export interface NSButtonState
|
|
31
8
|
{
|
|
32
9
|
title: string;
|
|
@@ -34,39 +11,30 @@ export interface NSButtonState
|
|
|
34
11
|
background?: BackgroundProps;
|
|
35
12
|
icon?: ImageProps;
|
|
36
13
|
}
|
|
14
|
+
export interface NSButtonProps
|
|
15
|
+
{
|
|
16
|
+
title: string;
|
|
17
|
+
border?: string;
|
|
18
|
+
background?: BackgroundProps;
|
|
19
|
+
icon?: ImageProps;
|
|
20
|
+
onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
21
|
+
}
|
|
37
22
|
|
|
38
|
-
export
|
|
23
|
+
export default function NSButton(props: NSButtonProps)
|
|
39
24
|
{
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
return (
|
|
57
|
-
<button onClick={e => this.props.onClick(e)} className={Style.ns_button}
|
|
58
|
-
style={{
|
|
59
|
-
border: this.state.border,
|
|
60
|
-
backgroundColor: this.state.background?.color,
|
|
61
|
-
backgroundImage: this.state.background?.image,
|
|
62
|
-
backdropFilter: this.state.background?.filter,
|
|
63
|
-
backgroundPosition: this.state.background?.position,
|
|
64
|
-
}}>
|
|
65
|
-
{
|
|
66
|
-
this.state.icon && <img src={this.state.icon.src} alt={this.state.icon.alt} />
|
|
67
|
-
}
|
|
68
|
-
{this.state.title}
|
|
69
|
-
</button >
|
|
70
|
-
)
|
|
71
|
-
}
|
|
72
|
-
}
|
|
25
|
+
return (
|
|
26
|
+
<button onClick={(e) => { props.onClick(e) }} className={Styles.ns_button}
|
|
27
|
+
style={{
|
|
28
|
+
border: props.border,
|
|
29
|
+
backgroundColor: props.background?.color,
|
|
30
|
+
backgroundImage: props.background?.image,
|
|
31
|
+
backdropFilter: props.background?.filter,
|
|
32
|
+
backgroundPosition: props.background?.position,
|
|
33
|
+
}}>
|
|
34
|
+
{
|
|
35
|
+
props.icon && <img src={props.icon.src} alt={props.icon.alt} />
|
|
36
|
+
}
|
|
37
|
+
{props.title}
|
|
38
|
+
</button >
|
|
39
|
+
);
|
|
40
|
+
};
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSInputDate.module.css";
|
|
5
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
5
6
|
|
|
6
|
-
export interface NSInputDateProps
|
|
7
|
+
export interface NSInputDateProps extends BaseComponentProps
|
|
7
8
|
{
|
|
8
9
|
title: string;
|
|
9
10
|
defaultValue?: string;
|
|
@@ -43,7 +44,7 @@ export class NSInputDate extends React.Component<NSInputDateProps, NSInputDateSt
|
|
|
43
44
|
override render()
|
|
44
45
|
{
|
|
45
46
|
return (
|
|
46
|
-
<div className={`${Styles.
|
|
47
|
+
<div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
47
48
|
<span className={Styles.ns_input_title}>{this.props.title}</span>
|
|
48
49
|
<input
|
|
49
50
|
value={this.state.value}
|
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSInputDuration.module.css";
|
|
5
5
|
import IconInputDuration from '../assets/images/icon-input-duration.svg';
|
|
6
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
6
7
|
|
|
7
|
-
export interface NSInputDurationProps
|
|
8
|
+
export interface NSInputDurationProps extends BaseComponentProps
|
|
8
9
|
{
|
|
9
10
|
title: string;
|
|
10
11
|
defaultValue?: string;
|
|
@@ -44,7 +45,7 @@ export class NSInputDuration extends React.Component<NSInputDurationProps, NSInp
|
|
|
44
45
|
override render()
|
|
45
46
|
{
|
|
46
47
|
return (
|
|
47
|
-
<div className={`${Styles.ns_input_parent} p-2`}>
|
|
48
|
+
<div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
48
49
|
<span className={Styles.ns_input_title}>{this.props.title}</span>
|
|
49
50
|
<img
|
|
50
51
|
className={Styles.ns_input_icon}
|
|
@@ -7,8 +7,9 @@ import Danger from '../assets/images/danger.svg';
|
|
|
7
7
|
import { Validator } from "../Validator";
|
|
8
8
|
import { ValidationProps } from "../props/ValidationProps";
|
|
9
9
|
import { ValidationStringProps } from "../props/ValidationStringProps";
|
|
10
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
10
11
|
|
|
11
|
-
export interface NSInputEmailProps extends ValidationProps, ValidationStringProps
|
|
12
|
+
export interface NSInputEmailProps extends BaseComponentProps, ValidationProps, ValidationStringProps
|
|
12
13
|
{
|
|
13
14
|
title: string;
|
|
14
15
|
defaultValue?: string;
|
|
@@ -60,7 +61,7 @@ export class NSInputEmail extends React.Component<NSInputEmailProps, NSInputEmai
|
|
|
60
61
|
{
|
|
61
62
|
return (
|
|
62
63
|
<>
|
|
63
|
-
<div className={`${Styles.ns_input_parent} p-2`}>
|
|
64
|
+
<div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
64
65
|
<span className={Styles.ns_input_title}>{this.props.title}</span>
|
|
65
66
|
<img
|
|
66
67
|
className={Styles.ns_input_icon}
|
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSInputIP.module.css";
|
|
5
5
|
import IconInputId from '../assets/images/icon-input-id.svg';
|
|
6
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
6
7
|
|
|
7
|
-
export interface NSInputIPProps
|
|
8
|
+
export interface NSInputIPProps extends BaseComponentProps
|
|
8
9
|
{
|
|
9
10
|
title: string;
|
|
10
11
|
defaultValue?: string;
|
|
@@ -44,7 +45,7 @@ export class NSInputIP extends React.Component<NSInputIPProps, NSInputIPState> {
|
|
|
44
45
|
override render()
|
|
45
46
|
{
|
|
46
47
|
return (
|
|
47
|
-
<div className={`${Styles.ns_input_parent} p-2`}>
|
|
48
|
+
<div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
48
49
|
<span className={Styles.ns_input_title}>{this.props.title}</span>
|
|
49
50
|
<img
|
|
50
51
|
className={Styles.ns_input_icon}
|
|
@@ -3,11 +3,12 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSInputInteger.module.css";
|
|
5
5
|
import IconInputInteger from '../assets/images/icon-input-integer.svg';
|
|
6
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
6
7
|
|
|
7
|
-
export interface NSInputIntegerProps
|
|
8
|
+
export interface NSInputIntegerProps extends BaseComponentProps
|
|
8
9
|
{
|
|
9
|
-
|
|
10
|
-
|
|
10
|
+
title: string;
|
|
11
|
+
defaultValue?: string;
|
|
11
12
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
12
13
|
}
|
|
13
14
|
|
|
@@ -44,7 +45,7 @@ export class NSInputInteger extends React.Component<NSInputIntegerProps, NSInput
|
|
|
44
45
|
override render()
|
|
45
46
|
{
|
|
46
47
|
return (
|
|
47
|
-
<div className={`${Styles.ns_input_parent} p-2`}>
|
|
48
|
+
<div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
48
49
|
<span className={Styles.ns_input_title}>{this.props.title}</span>
|
|
49
50
|
<img
|
|
50
51
|
className={Styles.ns_input_icon}
|
|
@@ -5,8 +5,9 @@ import Styles from "./NSInputPhone.module.css";
|
|
|
5
5
|
import IconInputPhone from '../assets/images/icon-input-phone.svg';
|
|
6
6
|
import PhoneInput from 'react-phone-input-2'
|
|
7
7
|
import 'react-phone-input-2/lib/style.css'
|
|
8
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
8
9
|
|
|
9
|
-
export interface NSInputPhoneProps
|
|
10
|
+
export interface NSInputPhoneProps extends BaseComponentProps
|
|
10
11
|
{
|
|
11
12
|
title: string;
|
|
12
13
|
}
|
|
@@ -42,7 +43,7 @@ export class NSInputPhone extends React.Component<NSInputPhoneProps, NSInputPhon
|
|
|
42
43
|
override render()
|
|
43
44
|
{
|
|
44
45
|
return (
|
|
45
|
-
<div className={`${Styles.ns_input_parent} p-2`}>
|
|
46
|
+
<div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
46
47
|
<span className={Styles.ns_input_title}>{this.props.title}</span>
|
|
47
48
|
<img
|
|
48
49
|
className={Styles.ns_input_icon}
|
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSInputPrice.module.css";
|
|
5
5
|
import IconInputPrice from '../assets/images/icon-input-price.svg';
|
|
6
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
6
7
|
|
|
7
|
-
export interface NSInputPriceProps
|
|
8
|
+
export interface NSInputPriceProps extends BaseComponentProps
|
|
8
9
|
{
|
|
9
10
|
title: string;
|
|
10
11
|
defaultValue?: number;
|
|
@@ -44,7 +45,7 @@ export class NSInputPrice extends React.Component<NSInputPriceProps, NSInputPric
|
|
|
44
45
|
override render()
|
|
45
46
|
{
|
|
46
47
|
return (
|
|
47
|
-
<div className={`${Styles.ns_input_parent} p-2`}>
|
|
48
|
+
<div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
48
49
|
<img
|
|
49
50
|
className={Styles.ns_input_icon}
|
|
50
51
|
src={IconInputPrice}
|
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSInputSearch.module.css";
|
|
5
5
|
import IconInputSearch from '../assets/images/icon-input-search.svg';
|
|
6
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
6
7
|
|
|
7
|
-
export interface NSInputSearchProps
|
|
8
|
+
export interface NSInputSearchProps extends BaseComponentProps
|
|
8
9
|
{
|
|
9
10
|
defaultValue?: string;
|
|
10
11
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -44,7 +45,7 @@ export class NSInputSearch extends React.Component<NSInputSearchProps, NSInputSe
|
|
|
44
45
|
override render()
|
|
45
46
|
{
|
|
46
47
|
return (
|
|
47
|
-
<div className={`${Styles.
|
|
48
|
+
<div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
48
49
|
<img
|
|
49
50
|
className={Styles.ns_input_icon}
|
|
50
51
|
src={IconInputSearch}
|
|
@@ -3,15 +3,16 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSInputString.module.css";
|
|
5
5
|
import IconInputString from '../assets/images/icon-input-string.svg';
|
|
6
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
6
7
|
|
|
7
|
-
export interface NSInputStringProps
|
|
8
|
+
export interface NSInputStringProps extends BaseComponentProps
|
|
8
9
|
{
|
|
9
10
|
title: string;
|
|
10
11
|
defaultValue?: string;
|
|
11
12
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
12
13
|
}
|
|
13
14
|
|
|
14
|
-
export interface NSInputStringState
|
|
15
|
+
export interface NSInputStringState
|
|
15
16
|
{
|
|
16
17
|
value: string;
|
|
17
18
|
}
|
|
@@ -45,7 +46,8 @@ export class NSInputString extends React.Component<NSInputStringProps, NSInputSt
|
|
|
45
46
|
override render()
|
|
46
47
|
{
|
|
47
48
|
return (
|
|
48
|
-
<div className={`${Styles.ns_input_parent} p-2`}>
|
|
49
|
+
<div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
50
|
+
|
|
49
51
|
<span className={Styles.ns_input_title}>{this.props.title}</span>
|
|
50
52
|
<img
|
|
51
53
|
className={Styles.ns_input_icon}
|
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSInputText.module.css";
|
|
5
5
|
import IconInputText from '../assets/images/icon-input-text.svg';
|
|
6
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
6
7
|
|
|
7
|
-
export interface NSInputTextProps
|
|
8
|
+
export interface NSInputTextProps extends BaseComponentProps
|
|
8
9
|
{
|
|
9
10
|
title: string;
|
|
10
11
|
defaultValue?: string;
|
|
@@ -44,7 +45,7 @@ export class NSInputText extends React.Component<NSInputTextProps, NSInputTextSt
|
|
|
44
45
|
override render()
|
|
45
46
|
{
|
|
46
47
|
return (
|
|
47
|
-
<div className={`${Styles.ns_input_parent} p-2`}>
|
|
48
|
+
<div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
48
49
|
<span className={Styles.ns_input_title}>{this.props.title}</span>
|
|
49
50
|
<img
|
|
50
51
|
className={Styles.ns_input_icon}
|
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSInputTime.module.css";
|
|
5
5
|
import IconInputTime from '../assets/images/icon-input-time.svg';
|
|
6
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
6
7
|
|
|
7
|
-
export interface NSInputTimeProps
|
|
8
|
+
export interface NSInputTimeProps extends BaseComponentProps
|
|
8
9
|
{
|
|
9
10
|
title: string;
|
|
10
11
|
defaultValue?: string;
|
|
@@ -44,7 +45,7 @@ export class NSInputTime extends React.Component<NSInputTimeProps, NSInputTimeSt
|
|
|
44
45
|
override render()
|
|
45
46
|
{
|
|
46
47
|
return (
|
|
47
|
-
<div className={`${Styles.ns_input_parent} p-2`}>
|
|
48
|
+
<div className={`${Styles.ns_input_parent} p-2 ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
48
49
|
<span className={Styles.ns_input_title}>{this.props.title}</span>
|
|
49
50
|
<img
|
|
50
51
|
className={Styles.ns_input_icon}
|