namirasoft-site-react 1.3.436 → 1.3.437
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.js +3 -3
- package/dist/App.js.map +1 -1
- package/dist/components/NSAssistantButton.js +1 -3
- package/dist/components/NSAssistantButton.js.map +1 -1
- package/dist/components/NSBoxBoolean.module.css +2 -0
- package/dist/components/NSBoxCombo.js +1 -2
- package/dist/components/NSBoxCombo.js.map +1 -1
- package/dist/components/NSBoxDate.module.css +2 -1
- package/dist/components/NSBoxDateTime.js +1 -1
- package/dist/components/NSBoxDateTime.js.map +1 -1
- package/dist/components/NSBoxDateTime.module.css +41 -0
- package/dist/components/NSBoxDouble.js +1 -2
- package/dist/components/NSBoxDouble.js.map +1 -1
- package/dist/components/NSBoxDuration.js +1 -2
- package/dist/components/NSBoxDuration.js.map +1 -1
- package/dist/components/NSBoxEmail.js +1 -2
- package/dist/components/NSBoxEmail.js.map +1 -1
- package/dist/components/NSBoxEntity.js +1 -2
- package/dist/components/NSBoxEntity.js.map +1 -1
- package/dist/components/NSBoxErrorNotifier.js +1 -2
- package/dist/components/NSBoxErrorNotifier.js.map +1 -1
- package/dist/components/NSBoxIPV4.js +1 -2
- package/dist/components/NSBoxIPV4.js.map +1 -1
- package/dist/components/NSBoxIPV6.js +1 -2
- package/dist/components/NSBoxIPV6.js.map +1 -1
- package/dist/components/NSBoxInteger.js +1 -2
- package/dist/components/NSBoxInteger.js.map +1 -1
- package/dist/components/NSBoxPassword.js +1 -2
- package/dist/components/NSBoxPassword.js.map +1 -1
- package/dist/components/NSBoxPhone.js +1 -2
- package/dist/components/NSBoxPhone.js.map +1 -1
- package/dist/components/NSBoxPrice.js +1 -2
- package/dist/components/NSBoxPrice.js.map +1 -1
- package/dist/components/NSBoxSearch.js +1 -1
- package/dist/components/NSBoxString.js +1 -2
- package/dist/components/NSBoxString.js.map +1 -1
- package/dist/components/NSBoxTextArea.js +1 -2
- package/dist/components/NSBoxTextArea.js.map +1 -1
- package/dist/components/NSBoxTime.js +1 -2
- package/dist/components/NSBoxTime.js.map +1 -1
- package/dist/components/NSCopyToClipboard.js +1 -2
- package/dist/components/NSCopyToClipboard.js.map +1 -1
- package/dist/components/NSLine.js +2 -2
- package/dist/components/NSLine.js.map +1 -1
- package/dist/components/NSLine.module.css +14 -0
- package/dist/components/NSTabPage.module.css +0 -1
- package/dist/pages/NSNotFoundPage.module.css +2 -2
- package/logo.png +0 -0
- package/package.json +1 -1
- package/src/App.tsx +13 -5
- package/src/components/NSAssistantButton.tsx +2 -4
- package/src/components/NSBoxBoolean.module.css +2 -0
- package/src/components/NSBoxCombo.tsx +1 -2
- package/src/components/NSBoxDate.module.css +2 -1
- package/src/components/NSBoxDateTime.module.css +41 -0
- package/src/components/NSBoxDateTime.tsx +1 -1
- package/src/components/NSBoxDouble.tsx +1 -2
- package/src/components/NSBoxDuration.tsx +1 -2
- package/src/components/NSBoxEmail.tsx +1 -2
- package/src/components/NSBoxEntity.tsx +1 -2
- package/src/components/NSBoxErrorNotifier.tsx +1 -2
- package/src/components/NSBoxIPV4.tsx +1 -2
- package/src/components/NSBoxIPV6.tsx +1 -2
- package/src/components/NSBoxInteger.tsx +1 -2
- package/src/components/NSBoxPassword.tsx +1 -2
- package/src/components/NSBoxPhone.tsx +1 -2
- package/src/components/NSBoxPrice.tsx +1 -2
- package/src/components/NSBoxSearch.tsx +1 -1
- package/src/components/NSBoxString.tsx +1 -2
- package/src/components/NSBoxTextArea.tsx +1 -2
- package/src/components/NSBoxTime.tsx +1 -2
- package/src/components/NSCopyToClipboard.tsx +1 -2
- package/src/components/NSLine.module.css +14 -0
- package/src/components/NSLine.tsx +4 -8
- package/src/components/NSTabPage.module.css +0 -1
- package/src/pages/NSNotFoundPage.module.css +2 -2
- package/dist/assets/images/404 image.svg +0 -9
- package/dist/assets/images/404 image_mobile.svg +0 -9
- package/dist/assets/images/arrow.svg +0 -3
- package/dist/assets/images/close-vector.png +0 -0
- package/dist/assets/images/danger.svg +0 -3
- package/dist/assets/images/exit.svg +0 -3
- package/dist/assets/images/icon-copy.png +0 -0
- package/dist/assets/images/icon-fullscreen.png +0 -0
- package/dist/assets/images/icon-input-copy.svg +0 -3
- package/dist/assets/images/icon-input-date.svg +0 -9
- package/dist/assets/images/icon-input-duration.svg +0 -9
- package/dist/assets/images/icon-input-email.svg +0 -9
- package/dist/assets/images/icon-input-float.svg +0 -9
- package/dist/assets/images/icon-input-integer.svg +0 -9
- package/dist/assets/images/icon-input-ip.svg +0 -9
- package/dist/assets/images/icon-input-phone.svg +0 -9
- package/dist/assets/images/icon-input-price.svg +0 -9
- package/dist/assets/images/icon-input-search.svg +0 -3
- package/dist/assets/images/icon-input-string.svg +0 -9
- package/dist/assets/images/icon-input-text.svg +0 -9
- package/dist/assets/images/icon-input-time.svg +0 -9
- package/dist/assets/images/icon-logout.png +0 -0
- package/dist/assets/images/icon-notification.png +0 -0
- package/dist/assets/images/icon-select-box.svg +0 -3
- package/dist/assets/images/line.png +0 -0
- package/dist/assets/images/logo.svg +0 -9
- package/dist/assets/images/map_location.png +0 -0
- package/dist/assets/images/menu.svg +0 -3
- package/dist/assets/images/namira.svg +0 -9
- package/dist/assets/images/rectangle.svg +0 -3
- package/dist/assets/images/verify.png +0 -0
- package/src/assets/images/404 image.svg +0 -9
- package/src/assets/images/404 image_mobile.svg +0 -9
- package/src/assets/images/arrow.svg +0 -3
- package/src/assets/images/close-vector.png +0 -0
- package/src/assets/images/danger.svg +0 -3
- package/src/assets/images/exit.svg +0 -3
- package/src/assets/images/icon-copy.png +0 -0
- package/src/assets/images/icon-fullscreen.png +0 -0
- package/src/assets/images/icon-input-copy.svg +0 -3
- package/src/assets/images/icon-input-date.svg +0 -9
- package/src/assets/images/icon-input-duration.svg +0 -9
- package/src/assets/images/icon-input-email.svg +0 -9
- package/src/assets/images/icon-input-float.svg +0 -9
- package/src/assets/images/icon-input-integer.svg +0 -9
- package/src/assets/images/icon-input-ip.svg +0 -9
- package/src/assets/images/icon-input-phone.svg +0 -9
- package/src/assets/images/icon-input-price.svg +0 -9
- package/src/assets/images/icon-input-search.svg +0 -3
- package/src/assets/images/icon-input-string.svg +0 -9
- package/src/assets/images/icon-input-text.svg +0 -9
- package/src/assets/images/icon-input-time.svg +0 -9
- package/src/assets/images/icon-logout.png +0 -0
- package/src/assets/images/icon-notification.png +0 -0
- package/src/assets/images/icon-select-box.svg +0 -3
- package/src/assets/images/line.png +0 -0
- package/src/assets/images/logo.svg +0 -9
- package/src/assets/images/map_location.png +0 -0
- package/src/assets/images/menu.svg +0 -3
- package/src/assets/images/namira.svg +0 -9
- package/src/assets/images/rectangle.svg +0 -3
- package/src/assets/images/verify.png +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxPhone.js","sourceRoot":"","sources":["../../src/components/NSBoxPhone.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,
|
|
1
|
+
{"version":3,"file":"NSBoxPhone.js","sourceRoot":"","sources":["../../src/components/NSBoxPhone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSBox.module.css";
|
|
5
|
-
import IconInputFloat from '../assets/images/icon-input-float.svg';
|
|
6
5
|
import { Validator } from "../Validator";
|
|
7
6
|
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
8
7
|
export class NSBoxPrice extends React.Component {
|
|
@@ -38,7 +37,7 @@ export class NSBoxPrice extends React.Component {
|
|
|
38
37
|
}
|
|
39
38
|
render() {
|
|
40
39
|
var _a, _b;
|
|
41
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("input", { type: "number", name: this.props.name, className: Styles.ns_input, placeholder: (_b = this.props.placeholder) === null || _b === void 0 ? void 0 : _b.toString.name, value: this.state.value, onChange: this.onChanged, onClick: () => this.props.onClicked, step: "0.01", min: "0", style: { background: `url(
|
|
40
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("input", { type: "number", name: this.props.name, className: Styles.ns_input, placeholder: (_b = this.props.placeholder) === null || _b === void 0 ? void 0 : _b.toString.name, value: this.state.value, onChange: this.onChanged, onClick: () => this.props.onClicked, step: "0.01", min: "0", style: { background: `url("https://static.namirasoft.com/image/concept/nsbox/price.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" } })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }));
|
|
42
41
|
}
|
|
43
42
|
}
|
|
44
43
|
//# sourceMappingURL=NSBoxPrice.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxPrice.js","sourceRoot":"","sources":["../../src/components/NSBoxPrice.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxPrice.js","sourceRoot":"","sources":["../../src/components/NSBoxPrice.tsx"],"names":[],"mappings":"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"}
|
|
@@ -45,7 +45,7 @@ export class NSBoxSearch extends React.Component {
|
|
|
45
45
|
var _a;
|
|
46
46
|
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`, style: this.props.style, children: [_jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [_jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSAssistantButton, { value: this.state.value, setValue: this.setValue })] }), _jsx("input", { type: "text", name: this.props.name, className: Styles.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => this.props.onClicked, style: {
|
|
47
47
|
background: `url(${"https://static.namirasoft.com/image/concept/search/blue.svg"}) white no-repeat left`,
|
|
48
|
-
backgroundSize: "
|
|
48
|
+
backgroundSize: "24px",
|
|
49
49
|
backgroundPosition: "10px",
|
|
50
50
|
paddingLeft: "48px",
|
|
51
51
|
} })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }));
|
|
@@ -5,7 +5,6 @@ import { Validator } from "../Validator";
|
|
|
5
5
|
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
6
6
|
import { NSAssistantButton } from "./NSAssistantButton";
|
|
7
7
|
import Styles from "./NSBox.module.css";
|
|
8
|
-
import IconInputString from '../assets/images/icon-input-string.svg';
|
|
9
8
|
export class NSBoxString extends React.Component {
|
|
10
9
|
constructor(props) {
|
|
11
10
|
var _a;
|
|
@@ -48,7 +47,7 @@ export class NSBoxString extends React.Component {
|
|
|
48
47
|
}
|
|
49
48
|
render() {
|
|
50
49
|
var _a;
|
|
51
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`, style: this.props.style, children: [_jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [_jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSAssistantButton, { value: this.state.value, setValue: this.setValue })] }), _jsx("input", { type: "text", name: this.props.name, className: Styles.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => this.props.onClicked, style: { background: `url(
|
|
50
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`, style: this.props.style, children: [_jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [_jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSAssistantButton, { value: this.state.value, setValue: this.setValue })] }), _jsx("input", { type: "text", name: this.props.name, className: Styles.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => this.props.onClicked, style: { background: `url("https://static.namirasoft.com/image/concept/nsbox/string.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" } }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
52
51
|
}
|
|
53
52
|
}
|
|
54
53
|
//# sourceMappingURL=NSBoxString.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxString.js","sourceRoot":"","sources":["../../src/components/NSBoxString.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,MAAM,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxString.js","sourceRoot":"","sources":["../../src/components/NSBoxString.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,6 @@ import React from "react";
|
|
|
13
13
|
import Styles from "./NSBoxTextArea.module.css";
|
|
14
14
|
import { Validator } from "../Validator";
|
|
15
15
|
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
16
|
-
import IconInputString from '../assets/images/icon-input-string.svg';
|
|
17
16
|
export class NSBoxTextArea extends React.Component {
|
|
18
17
|
constructor(props) {
|
|
19
18
|
var _a;
|
|
@@ -54,7 +53,7 @@ export class NSBoxTextArea extends React.Component {
|
|
|
54
53
|
var _a;
|
|
55
54
|
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_text_area_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")} ${this.state.isFullScreen ? Styles.ns_full_screen : ""}`, style: this.props.style, onClick: this.state.isFullScreen ? () => { } : () => { }, children: [_jsx("div", { className: "d-flex justify-content-between align-items-center", children: _jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }) }), _jsx("div", { className: Styles.ns_text_area_container, children: _jsx("textarea", { style: {
|
|
56
55
|
height: !this.props.rows ? "96px" : "",
|
|
57
|
-
background: `url(
|
|
56
|
+
background: `url("https://static.namirasoft.com/image/concept/nsbox/string.png") white no-repeat scroll top right 16px `,
|
|
58
57
|
backgroundPositionY: "12px"
|
|
59
58
|
}, cols: this.props.cols, rows: this.props.rows, value: this.state.value, className: Styles.ns_text_area, placeholder: this.props.placeholder, onChange: this.onChanged, onClick: () => this.props.onClicked }) })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }));
|
|
60
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxTextArea.js","sourceRoot":"","sources":["../../src/components/NSBoxTextArea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAIhD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxTextArea.js","sourceRoot":"","sources":["../../src/components/NSBoxTextArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSBox.module.css";
|
|
5
|
-
import IconInputTime from '../assets/images/icon-input-time.svg';
|
|
6
5
|
import { Validator } from "../Validator";
|
|
7
6
|
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
8
7
|
export class NSBoxTime extends React.Component {
|
|
@@ -40,7 +39,7 @@ export class NSBoxTime extends React.Component {
|
|
|
40
39
|
}
|
|
41
40
|
render() {
|
|
42
41
|
var _a;
|
|
43
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("input", { type: "time", name: this.props.name, className: Styles.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => this.props.onClicked, step: "2", style: { background: `url(
|
|
42
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("input", { type: "time", name: this.props.name, className: Styles.ns_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => this.props.onClicked, step: "2", style: { background: `url("https://static.namirasoft.com/image/concept/nsbox/time.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" } })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }));
|
|
44
43
|
}
|
|
45
44
|
}
|
|
46
45
|
//# sourceMappingURL=NSBoxTime.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxTime.js","sourceRoot":"","sources":["../../src/components/NSBoxTime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxTime.js","sourceRoot":"","sources":["../../src/components/NSBoxTime.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Styles from "./NSCopyToClipboard.module.css";
|
|
3
|
-
import IconInputString from '../assets/images/icon-input-copy.svg';
|
|
4
3
|
export function NSCopyToClipboard(props) {
|
|
5
4
|
var _a;
|
|
6
5
|
function copyToClipboard() {
|
|
7
6
|
if (navigator.clipboard && navigator.clipboard.writeText)
|
|
8
7
|
navigator.clipboard.writeText(props.value);
|
|
9
8
|
}
|
|
10
|
-
return (_jsx("div", { id: props.id, className: `${Styles.ns_copy_to_clipboard} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: _jsxs("div", { className: Styles.ns_copy_to_clipboard_value, children: [_jsx("p", { className: "m-0", children: props.value }), _jsx("img", { className: Styles.ns_copy_to_clipboard_icon, src:
|
|
9
|
+
return (_jsx("div", { id: props.id, className: `${Styles.ns_copy_to_clipboard} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: _jsxs("div", { className: Styles.ns_copy_to_clipboard_value, children: [_jsx("p", { className: "m-0", children: props.value }), _jsx("img", { className: Styles.ns_copy_to_clipboard_icon, src: "https://static.namirasoft.com/image/concept/copy/blue.svg", alt: "Copy Icon", width: 24, height: 24, onClick: copyToClipboard })] }) }));
|
|
11
10
|
}
|
|
12
11
|
//# sourceMappingURL=NSCopyToClipboard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSCopyToClipboard.js","sourceRoot":"","sources":["../../src/components/NSCopyToClipboard.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"NSCopyToClipboard.js","sourceRoot":"","sources":["../../src/components/NSCopyToClipboard.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AASpD,MAAM,UAAU,iBAAiB,CAAC,KAA8B;;IAE/D,SAAS,eAAe;QAEvB,IAAI,SAAS,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,SAAS;YACvD,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IACD,OAAO,CACN,cAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,MAAM,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC3E,KAAK,EAAE,KAAK,CAAC,KAAK,YAElB,eAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,aAChD,YAAG,SAAS,EAAC,KAAK,YAAE,KAAK,CAAC,KAAK,GAAK,EACpC,cACC,SAAS,EAAE,MAAM,CAAC,yBAAyB,EAC3C,GAAG,EAAC,2DAA2D,EAC/D,GAAG,EAAC,WAAW,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,eAAe,GACvB,IACG,GACD,CACN,CAAC;AACH,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import Styles from './NSLine.module.css';
|
|
3
3
|
export function NSLine() {
|
|
4
|
-
return (_jsx("
|
|
4
|
+
return (_jsx("div", { className: Styles.ns_line_container, children: _jsx("hr", { className: Styles.ns_line }) }));
|
|
5
5
|
}
|
|
6
6
|
//# sourceMappingURL=NSLine.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLine.js","sourceRoot":"","sources":["../../src/components/NSLine.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"NSLine.js","sourceRoot":"","sources":["../../src/components/NSLine.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAOzC,MAAM,UAAU,MAAM;IAElB,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACxC,aAAI,SAAS,EAAE,MAAM,CAAC,OAAO,GAAO,GAC9B,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
.ns_line_container {
|
|
2
|
+
display: flex;
|
|
3
|
+
justify-content: center;
|
|
4
|
+
align-items: center;
|
|
5
|
+
margin: 0;
|
|
6
|
+
padding: 0;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.ns_line {
|
|
10
|
+
border: 1px solid rgb(0, 0, 0);
|
|
11
|
+
border-left: 300px solid transparent;
|
|
12
|
+
border-right: 300px solid transparent;
|
|
13
|
+
width: 80%;
|
|
14
|
+
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
display: flex;
|
|
3
3
|
justify-content: center;
|
|
4
4
|
align-items: center;
|
|
5
|
-
background-image: url('
|
|
5
|
+
background-image: url('https://static.namirasoft.com/image/concept/404/image.png');
|
|
6
6
|
background-repeat: no-repeat;
|
|
7
7
|
background-size: contain;
|
|
8
8
|
background-position: center;
|
|
@@ -14,6 +14,6 @@
|
|
|
14
14
|
|
|
15
15
|
@media only screen and (min-width: 1024px) {
|
|
16
16
|
.ns_not_found_page {
|
|
17
|
-
background-image: url('
|
|
17
|
+
background-image: url('https://static.namirasoft.com/image/concept/404/image.png');
|
|
18
18
|
}
|
|
19
19
|
}
|
package/logo.png
CHANGED
|
Binary file
|
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.437",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh, Mehrab Bahramian",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
package/src/App.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
-
import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPanel, NSRepeater, NSSpace, NSSpaceSizeType, NSTabPage, NSHeaderScreenshot, NSBoxRadio, NSTimelineMonthly, NSRange, NSChartPie } from './main';
|
|
3
|
+
import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPanel, NSRepeater, NSSpace, NSSpaceSizeType, NSTabPage, NSHeaderScreenshot, NSBoxRadio, NSTimelineMonthly, NSRange, NSChartPie, NSBoxDate, NSBoxDateTime, NSBoxDuration, NSBoxDouble, NSLine } from './main';
|
|
4
4
|
import { NSBoxLabel } from './components/NSBoxLabel';
|
|
5
5
|
import { NSTag, NSTagValue } from './components/NSTag';
|
|
6
6
|
import { NSButton } from './components/NSButton';
|
|
@@ -299,6 +299,8 @@ export function App()
|
|
|
299
299
|
</>
|
|
300
300
|
<NSBarAction title='test' description='test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test ' menus={group} />
|
|
301
301
|
<NSBoxEmail title='Email' required />
|
|
302
|
+
<NSLine />
|
|
303
|
+
|
|
302
304
|
<NSBoxString title='String' required />
|
|
303
305
|
<NSBoxRadio title={"Radio Button"} required={false} />
|
|
304
306
|
<NSSpace size={NSSpaceSizeType.LARGE} />
|
|
@@ -315,6 +317,8 @@ export function App()
|
|
|
315
317
|
<NSSpace size={NSSpaceSizeType.MEDUIM} />
|
|
316
318
|
<NSBoxBoolean title='CheckBox' required />
|
|
317
319
|
<NSBoxRadio title='RadioButton' required />
|
|
320
|
+
<NSLine />
|
|
321
|
+
|
|
318
322
|
<NSEntityBar title='' description='' image={{ src: "" }} />
|
|
319
323
|
{
|
|
320
324
|
state &&
|
|
@@ -325,17 +329,21 @@ export function App()
|
|
|
325
329
|
</div>
|
|
326
330
|
</NSDialog>
|
|
327
331
|
}
|
|
328
|
-
<NSBoxBoolean required={
|
|
332
|
+
<NSBoxBoolean required={true} title='boolean' />
|
|
329
333
|
<NSTable {...tableProps} />
|
|
330
334
|
|
|
331
335
|
</NSLayout>
|
|
332
|
-
|
|
336
|
+
<NSBoxDate title='' required />
|
|
337
|
+
<NSBoxDateTime title='' required />
|
|
333
338
|
<NSChartPie
|
|
334
339
|
title="test"
|
|
335
340
|
data={[1, 2, 3]}
|
|
336
|
-
backgroundColor={["", "",""]}
|
|
337
|
-
labels={["","",""]}
|
|
341
|
+
backgroundColor={["", "", ""]}
|
|
342
|
+
labels={["", "", ""]}
|
|
343
|
+
|
|
338
344
|
/>
|
|
345
|
+
<NSBoxDuration title='' required />
|
|
346
|
+
<NSBoxDouble title='' required />
|
|
339
347
|
</>
|
|
340
348
|
);
|
|
341
349
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
2
|
import { CopyToClipboard } from '../CopyToClipboard';
|
|
3
3
|
import Styles from './NSAssistantButton.module.css';
|
|
4
|
-
import IconCopy from '../assets/images/icon-copy.png';
|
|
5
|
-
import IconFullScreen from '../assets/images/icon-fullscreen.png';
|
|
6
4
|
|
|
7
5
|
export interface INSAssistantProps
|
|
8
6
|
{
|
|
@@ -33,7 +31,7 @@ export function NSAssistantButton(props: INSAssistantProps)
|
|
|
33
31
|
<div>
|
|
34
32
|
<button className={Styles.ns_btn_box} onClick={() => CopyToClipboard.copyToClipboard(props.value)}>
|
|
35
33
|
<img
|
|
36
|
-
src=
|
|
34
|
+
src="https://static.namirasoft.com/image/concept/copy/blue.svg"
|
|
37
35
|
alt="Copy"
|
|
38
36
|
width={14}
|
|
39
37
|
height={14}
|
|
@@ -41,7 +39,7 @@ export function NSAssistantButton(props: INSAssistantProps)
|
|
|
41
39
|
</button>
|
|
42
40
|
<button className={Styles.ns_btn_box} onClick={() => { setFullscreen(!fullscreen) }}>
|
|
43
41
|
<img
|
|
44
|
-
src=
|
|
42
|
+
src="https://static.namirasoft.com/image/concept/full-screen/blue.svg"
|
|
45
43
|
alt="FullScreen"
|
|
46
44
|
width={14}
|
|
47
45
|
height={14}
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSBoxCombo.module.css";
|
|
5
5
|
import { Select, Space } from 'antd';
|
|
6
|
-
import IconSelectBox from '../assets/images/icon-select-box.svg';
|
|
7
6
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
8
7
|
import { IValidationProps } from "../props/IValidationProps";
|
|
9
8
|
import { Validator } from "../Validator";
|
|
@@ -126,7 +125,7 @@ export class NSBoxCombo extends React.Component<INSBoxComboProps, INSBoxComboSta
|
|
|
126
125
|
{option.data.desc}
|
|
127
126
|
</Space>
|
|
128
127
|
)}
|
|
129
|
-
suffixIcon={<img src={
|
|
128
|
+
suffixIcon={<img src="https://static.namirasoft.com/image/concept/arrow/down/blue.svg" width={24} height={24} alt="SelectBox Icon" />}
|
|
130
129
|
/>
|
|
131
130
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
|
132
131
|
</div>
|
|
@@ -30,7 +30,8 @@
|
|
|
30
30
|
|
|
31
31
|
.ns_input::-webkit-calendar-picker-indicator {
|
|
32
32
|
display: block;
|
|
33
|
-
background: url(
|
|
33
|
+
background: url("https://static.namirasoft.com/image/concept/nsbox/date.png") no-repeat;
|
|
34
|
+
background-size: 24px;
|
|
34
35
|
background-position: 90% 35%;
|
|
35
36
|
width: 100%;
|
|
36
37
|
height: 100%;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
.ns_input_parent {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
width: 272px;
|
|
5
|
+
color: #141B5C;
|
|
6
|
+
position: relative;
|
|
7
|
+
max-width: 100%;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.ns_input {
|
|
11
|
+
border-radius: 8px;
|
|
12
|
+
padding: 10px 12px;
|
|
13
|
+
font-size: 16px;
|
|
14
|
+
font-weight: 400;
|
|
15
|
+
border: 1px solid rgba(0, 0, 0, 1);
|
|
16
|
+
position: relative;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.ns_input_icon {
|
|
20
|
+
position: absolute;
|
|
21
|
+
right: 20px;
|
|
22
|
+
top: 51%;
|
|
23
|
+
z-index: 1;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ns_input_title {
|
|
27
|
+
font-size: 16px;
|
|
28
|
+
font-weight: 400;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.ns_input::-webkit-calendar-picker-indicator {
|
|
32
|
+
display: block;
|
|
33
|
+
background: url("https://static.namirasoft.com/image/concept/nsbox/date-time.png") no-repeat;
|
|
34
|
+
background-size: 24px;
|
|
35
|
+
background-position: 90% 35%;
|
|
36
|
+
width: 100%;
|
|
37
|
+
height: 100%;
|
|
38
|
+
position: absolute;
|
|
39
|
+
top: 3px;
|
|
40
|
+
left: 4px;
|
|
41
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import Styles from "./
|
|
4
|
+
import Styles from "./NSBoxDateTime.module.css";
|
|
5
5
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
6
6
|
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
7
7
|
import { IValidationProps } from "../props/IValidationProps";
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSBox.module.css";
|
|
5
|
-
import IconInputFloat from '../assets/images/icon-input-float.svg';
|
|
6
5
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
7
6
|
import { IValidationProps } from "../props/IValidationProps";
|
|
8
7
|
import { IValidationNumberProps } from "../props/IValidationNumberProps";
|
|
@@ -82,7 +81,7 @@ export class NSBoxDouble extends React.Component<INSBoxDoubleProps, INSBoxDouble
|
|
|
82
81
|
onClick={() => this.props.onClicked}
|
|
83
82
|
inputMode="decimal"
|
|
84
83
|
pattern="[0-9]*[.,]?[0-9]*"
|
|
85
|
-
style={{ background: `url(
|
|
84
|
+
style={{ background: `url("https://static.namirasoft.com/image/concept/nsbox/Float.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" }}
|
|
86
85
|
/>
|
|
87
86
|
</div>
|
|
88
87
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSBox.module.css";
|
|
5
|
-
import IconInputDuration from '../assets/images/icon-input-duration.svg';
|
|
6
5
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
7
6
|
import { IValidationProps } from "../props/IValidationProps";
|
|
8
7
|
import { IValidationNumberProps } from "../props/IValidationNumberProps";
|
|
@@ -82,7 +81,7 @@ export class NSBoxDuration extends React.Component<INSBoxDurationProps, INSBoxDu
|
|
|
82
81
|
onChange={this.onChanged}
|
|
83
82
|
onClick={() => this.props.onClicked}
|
|
84
83
|
step="2"
|
|
85
|
-
style={{ background: `url(
|
|
84
|
+
style={{ background: `url("https://static.namirasoft.com/image/concept/nsbox/duration.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" }}
|
|
86
85
|
/>
|
|
87
86
|
</div>
|
|
88
87
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
|
@@ -7,7 +7,6 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
|
7
7
|
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
8
8
|
import { NSAssistantButton } from "./NSAssistantButton";
|
|
9
9
|
import Styles from "./NSBox.module.css";
|
|
10
|
-
import IconInputEmail from '../assets/images/icon-input-email.svg';
|
|
11
10
|
|
|
12
11
|
export interface INSBoxEmailProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
|
|
13
12
|
{
|
|
@@ -95,7 +94,7 @@ export class NSBoxEmail extends React.Component<INSBoxEmailProps, INSBoxEmailSta
|
|
|
95
94
|
type="email"
|
|
96
95
|
className={Styles.ns_input}
|
|
97
96
|
placeholder={this.props.placeholder}
|
|
98
|
-
style={{ background: `url(
|
|
97
|
+
style={{ background: `url("https://static.namirasoft.com/image/concept/nsbox/email.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" }}
|
|
99
98
|
/>
|
|
100
99
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
|
101
100
|
</div>
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import Styles from "./NSBoxEntity.module.css";
|
|
4
4
|
import { Select, Space } from 'antd';
|
|
5
|
-
import IconSelectBox from '../assets/images/icon-select-box.svg';
|
|
6
5
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
7
6
|
import { IValidationProps } from "../props/IValidationProps";
|
|
8
7
|
import { Validator } from "../Validator";
|
|
@@ -172,7 +171,7 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
|
|
|
172
171
|
{option.data.desc}
|
|
173
172
|
</Space>
|
|
174
173
|
)}
|
|
175
|
-
suffixIcon={<img src=
|
|
174
|
+
suffixIcon={<img src="https://static.namirasoft.com/image/concept/arrow/down/blue.svg" alt="SelectBox Icon" />}
|
|
176
175
|
/>
|
|
177
176
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
|
178
177
|
</div>
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import Styles from "./NSBoxErrorNotifier.module.css";
|
|
2
|
-
import Danger from '../assets/images/danger.svg';
|
|
3
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
4
3
|
|
|
5
4
|
export interface INSBoxErrorNotifierProps extends IBaseComponentProps
|
|
@@ -21,7 +20,7 @@ export function NSBoxErrorNotifier(props: INSBoxErrorNotifierProps)
|
|
|
21
20
|
<div id={props.id} className="d-flex justify-content-start align-items-center gap-2 ms-2">
|
|
22
21
|
<img
|
|
23
22
|
className={""}
|
|
24
|
-
src=
|
|
23
|
+
src="https://static.namirasoft.com/image/concept/danger/red.svg"
|
|
25
24
|
alt="Error Icon"
|
|
26
25
|
width={13}
|
|
27
26
|
height={13}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSBox.module.css";
|
|
5
|
-
import IconInputIP from '../assets/images/icon-input-ip.svg';
|
|
6
5
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
7
6
|
import { IValidationProps } from "../props/IValidationProps";
|
|
8
7
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
@@ -87,7 +86,7 @@ export class NSBoxIPV4 extends React.Component<INSBoxIPV4Props, INSBoxIPV4State>
|
|
|
87
86
|
maxLength={15}
|
|
88
87
|
size={15}
|
|
89
88
|
pattern={IPV4_PATTERN}
|
|
90
|
-
style={{ background: `url(
|
|
89
|
+
style={{ background: `url("https://static.namirasoft.com/image/concept/nsbox/ipv4%266.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" }}
|
|
91
90
|
/>
|
|
92
91
|
</div>
|
|
93
92
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSBox.module.css";
|
|
5
|
-
import IconInputIP from '../assets/images/icon-input-ip.svg';
|
|
6
5
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
7
6
|
import { IValidationProps } from "../props/IValidationProps";
|
|
8
7
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
@@ -84,7 +83,7 @@ export class NSBoxIPV6 extends React.Component<INSBoxIPV6Props, INSBoxIPV6State>
|
|
|
84
83
|
onChange={this.onChanged}
|
|
85
84
|
onClick={() => this.props.onClicked}
|
|
86
85
|
pattern={IPV6_PATTERN}
|
|
87
|
-
style={{ background: `url(
|
|
86
|
+
style={{ background: `url("https://static.namirasoft.com/image/concept/nsbox/ipv4%266.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" }}
|
|
88
87
|
/>
|
|
89
88
|
</div>
|
|
90
89
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSBox.module.css";
|
|
5
|
-
import IconInputInteger from '../assets/images/icon-input-integer.svg';
|
|
6
5
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
7
6
|
import { IValidationNumberProps } from "../props/IValidationNumberProps";
|
|
8
7
|
import { IValidationProps } from "../props/IValidationProps";
|
|
@@ -80,7 +79,7 @@ export class NSBoxInteger extends React.Component<INSBoxIntegerProps, INSBoxInte
|
|
|
80
79
|
value={this.state.value}
|
|
81
80
|
onChange={this.onChanged}
|
|
82
81
|
onClick={() => this.props.onClicked}
|
|
83
|
-
style={{ background: `url(
|
|
82
|
+
style={{ background: `url("https://static.namirasoft.com/image/concept/nsbox/Integer.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" }}
|
|
84
83
|
/>
|
|
85
84
|
</div>
|
|
86
85
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSBox.module.css";
|
|
5
|
-
import IconInputString from '../assets/images/icon-input-string.svg';
|
|
6
5
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
7
6
|
import { IValidationProps } from "../props/IValidationProps";
|
|
8
7
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
@@ -80,7 +79,7 @@ export class NSBoxPassword extends React.Component<INSBoxPasswordProps, INSBoxPa
|
|
|
80
79
|
value={this.state.value}
|
|
81
80
|
onChange={this.onChanged}
|
|
82
81
|
onClick={() => this.props.onClicked}
|
|
83
|
-
style={{ background: `url(
|
|
82
|
+
style={{ background: `url("https://static.namirasoft.com/image/concept/nsbox/string.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" }}
|
|
84
83
|
/>
|
|
85
84
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
|
86
85
|
</div>
|