namirasoft-site-react 1.3.436 → 1.3.438
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 +9 -4
- 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/NSRange.d.ts +7 -1
- package/dist/components/NSRange.js +34 -3
- package/dist/components/NSRange.js.map +1 -1
- package/dist/components/NSRange.module.css +25 -0
- package/dist/components/NSTabPage.module.css +0 -1
- package/dist/pages/NSNotFoundPage.module.css +2 -2
- package/package.json +2 -2
- package/src/App.tsx +18 -6
- 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/NSRange.module.css +25 -0
- package/src/components/NSRange.tsx +71 -5
- 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
|
@@ -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 PhoneIcon from '../assets/images/icon-input-phone.svg';
|
|
6
5
|
import PhoneInput from 'react-phone-input-2';
|
|
7
6
|
import 'react-phone-input-2/lib/style.css';
|
|
8
7
|
import { Validator } from "../Validator";
|
|
@@ -39,7 +38,7 @@ export class NSBoxPhone extends React.Component {
|
|
|
39
38
|
render() {
|
|
40
39
|
var _a;
|
|
41
40
|
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_phone_parent} ${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: [_jsx("div", { className: "d-flex justify-content-between align-item-center", children: _jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }) }), _jsx(PhoneInput, { value: this.state.value, onChange: this.setValue, country: 'us', inputClass: Styles.PhoneIconns_input, placeholder: this.props.placeholder, inputStyle: {
|
|
42
|
-
background: `url(
|
|
41
|
+
background: `url("https://static.namirasoft.com/image/concept/nsbox/phone.png") white no-repeat scroll center right 16px`,
|
|
43
42
|
backgroundSize: "24px"
|
|
44
43
|
} })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }));
|
|
45
44
|
}
|
|
@@ -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
|
+
}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
import { IBaseComponentProps } from
|
|
1
|
+
import { IBaseComponentProps } from '../props/IBaseComponentProps';
|
|
2
|
+
export interface NSRangeRow {
|
|
3
|
+
start_time: Date;
|
|
4
|
+
end_time: Date;
|
|
5
|
+
percentage: number;
|
|
6
|
+
}
|
|
2
7
|
export interface INSRangeProps extends IBaseComponentProps {
|
|
8
|
+
data: NSRangeRow[];
|
|
3
9
|
}
|
|
4
10
|
export declare function NSRange(props: INSRangeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,37 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import Styles from './NSRange.module.css';
|
|
4
|
+
import Color from "../Color";
|
|
2
5
|
export function NSRange(props) {
|
|
3
|
-
|
|
4
|
-
|
|
6
|
+
var _a;
|
|
7
|
+
const [Widths, setWidths] = useState([]);
|
|
8
|
+
const [positions, setPositions] = useState([]);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
var _a, _b;
|
|
11
|
+
const widths = (_a = props.data) === null || _a === void 0 ? void 0 : _a.map((data) => {
|
|
12
|
+
const minutes = calculateMinutesBetween(data.start_time, data.end_time);
|
|
13
|
+
return convertToPercentage(minutes);
|
|
14
|
+
});
|
|
15
|
+
const positions = (_b = props.data) === null || _b === void 0 ? void 0 : _b.map((data) => {
|
|
16
|
+
const minutes = calculateMinutesBetween(new Date('2023-08-14T00:00:00'), data.start_time);
|
|
17
|
+
return convertToPercentage(minutes);
|
|
18
|
+
});
|
|
19
|
+
setWidths(widths);
|
|
20
|
+
setPositions(positions);
|
|
21
|
+
}, [props.data]);
|
|
22
|
+
const calculateMinutesBetween = (start_time, end_time) => {
|
|
23
|
+
const difference_in_milliseconds = Math.abs(start_time.getTime() - end_time.getTime());
|
|
24
|
+
const difference_in_minutes = Math.floor(difference_in_milliseconds / 1000 / 60);
|
|
25
|
+
return difference_in_minutes;
|
|
26
|
+
};
|
|
27
|
+
const convertToPercentage = (minute) => {
|
|
28
|
+
const width = ((minute * 100) / 1440).toString();
|
|
29
|
+
return `${width}%`;
|
|
30
|
+
};
|
|
31
|
+
return (_jsx("div", { className: "container-fluid d-flex justify-content-center direction-ltr", children: _jsx("div", { className: "col-12 col-sm-11 px-0", children: _jsxs("div", { className: ` ${Styles.ns_range_time_box_full} d-flex justify-content-start`, children: [_jsx("div", { children: (_a = props.data) === null || _a === void 0 ? void 0 : _a.map((data, index) => _jsx("span", { className: Styles.ns_range_time_line, style: {
|
|
32
|
+
background: Color.getColor(data === null || data === void 0 ? void 0 : data.percentage),
|
|
33
|
+
width: Widths[index] || '0%',
|
|
34
|
+
left: positions[index] || '%0'
|
|
35
|
+
} }, index)) }), [...Array(24).keys()].map(hour => (_jsx("div", { className: Styles.ns_range_time_item, children: _jsxs("span", { children: [hour.toString().padStart(2, '0'), ":00"] }) }, hour)))] }) }) }));
|
|
5
36
|
}
|
|
6
37
|
//# sourceMappingURL=NSRange.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSRange.js","sourceRoot":"","sources":["../../src/components/NSRange.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"NSRange.js","sourceRoot":"","sources":["../../src/components/NSRange.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
.ns_range_time_item {
|
|
2
|
+
z-index: 99;
|
|
3
|
+
text-align: center;
|
|
4
|
+
padding: 10px;
|
|
5
|
+
width: 4.166666%;
|
|
6
|
+
display: inline-block;
|
|
7
|
+
height: 60px;
|
|
8
|
+
position: relative;
|
|
9
|
+
border-width: 1px;
|
|
10
|
+
border-color: black;
|
|
11
|
+
border-style: groove;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.ns_range_time_box_full {
|
|
15
|
+
background-color: #fff;
|
|
16
|
+
border-radius: 5px;
|
|
17
|
+
margin-bottom: 40px;
|
|
18
|
+
position: relative;
|
|
19
|
+
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 7%);
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
}
|
|
22
|
+
.ns_range_time_line{
|
|
23
|
+
position: absolute;
|
|
24
|
+
height: 100%;
|
|
25
|
+
}
|
|
@@ -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/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.438",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh, Mehrab Bahramian",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"chart.js": "^4.4.3",
|
|
32
32
|
"copyfiles": "^2.4.1",
|
|
33
33
|
"link-react": "^3.0.0",
|
|
34
|
-
"namirasoft-api-link": "^1.4.
|
|
34
|
+
"namirasoft-api-link": "^1.4.3",
|
|
35
35
|
"namirasoft-api-product": "^1.4.3",
|
|
36
36
|
"namirasoft-core": "^1.4.5",
|
|
37
37
|
"path-browserify": "^1.0.1",
|
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';
|
|
@@ -183,7 +183,12 @@ export function App()
|
|
|
183
183
|
return (
|
|
184
184
|
<>
|
|
185
185
|
|
|
186
|
-
<NSRange
|
|
186
|
+
<NSRange data={[
|
|
187
|
+
{ start_time: new Date('2023-08-14T00:00:00'), end_time: new Date('2023-08-14T02:20:20'), percentage: 70 },
|
|
188
|
+
{ start_time: new Date('2023-08-14T03:00:00'), end_time: new Date('2023-08-14T06:10:40'), percentage: 30 },
|
|
189
|
+
{ start_time: new Date('2023-08-14T12:00:00'), end_time: new Date('2023-08-14T13:10:40'), percentage: 10 },
|
|
190
|
+
{ start_time: new Date('2023-08-14T13:20:00'), end_time: new Date('2023-08-14T13:40:40'), percentage: 90 },
|
|
191
|
+
]} />
|
|
187
192
|
<NSTimelineMonthly data={[
|
|
188
193
|
{ title: "Mon", value: 10, percentage: 30 }
|
|
189
194
|
, { title: "Tue", value: 20, percentage: 8 }
|
|
@@ -299,6 +304,8 @@ export function App()
|
|
|
299
304
|
</>
|
|
300
305
|
<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
306
|
<NSBoxEmail title='Email' required />
|
|
307
|
+
<NSLine />
|
|
308
|
+
|
|
302
309
|
<NSBoxString title='String' required />
|
|
303
310
|
<NSBoxRadio title={"Radio Button"} required={false} />
|
|
304
311
|
<NSSpace size={NSSpaceSizeType.LARGE} />
|
|
@@ -315,6 +322,8 @@ export function App()
|
|
|
315
322
|
<NSSpace size={NSSpaceSizeType.MEDUIM} />
|
|
316
323
|
<NSBoxBoolean title='CheckBox' required />
|
|
317
324
|
<NSBoxRadio title='RadioButton' required />
|
|
325
|
+
<NSLine />
|
|
326
|
+
|
|
318
327
|
<NSEntityBar title='' description='' image={{ src: "" }} />
|
|
319
328
|
{
|
|
320
329
|
state &&
|
|
@@ -325,17 +334,20 @@ export function App()
|
|
|
325
334
|
</div>
|
|
326
335
|
</NSDialog>
|
|
327
336
|
}
|
|
328
|
-
<NSBoxBoolean required={
|
|
337
|
+
<NSBoxBoolean required={true} title='boolean' />
|
|
329
338
|
<NSTable {...tableProps} />
|
|
330
339
|
|
|
331
340
|
</NSLayout>
|
|
332
|
-
|
|
341
|
+
<NSBoxDate title='' required />
|
|
342
|
+
<NSBoxDateTime title='' required />
|
|
333
343
|
<NSChartPie
|
|
334
344
|
title="test"
|
|
335
345
|
data={[1, 2, 3]}
|
|
336
|
-
backgroundColor={["", "",""]}
|
|
337
|
-
labels={["","",""]}
|
|
346
|
+
backgroundColor={["", "", ""]}
|
|
347
|
+
labels={["", "", ""]}
|
|
338
348
|
/>
|
|
349
|
+
<NSBoxDuration title='' required />
|
|
350
|
+
<NSBoxDouble title='' required />
|
|
339
351
|
</>
|
|
340
352
|
);
|
|
341
353
|
}
|
|
@@ -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: "" })} />
|