namirasoft-site-react 1.4.23 → 1.4.25
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/NSBoxBoolean.module.css +9 -13
- package/dist/components/NSBoxInteger.d.ts +1 -0
- package/dist/components/NSBoxInteger.js +16 -5
- package/dist/components/NSBoxInteger.js.map +1 -1
- package/package.json +3 -3
- package/src/components/NSBoxBoolean.module.css +9 -13
- package/src/components/NSBoxInteger.tsx +19 -5
|
@@ -14,19 +14,23 @@
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.ns_checkbox_parent {
|
|
17
|
-
|
|
17
|
+
width: 100%;
|
|
18
|
+
height: 48px;
|
|
18
19
|
padding: 10px 12px 10px 12px;
|
|
20
|
+
background-color: #fff;
|
|
21
|
+
color: #141B5C;
|
|
22
|
+
border-radius: 8px;
|
|
23
|
+
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
19
24
|
font-size: 16px;
|
|
20
25
|
font-weight: 400;
|
|
21
|
-
|
|
22
|
-
|
|
26
|
+
font-family: inherit;
|
|
27
|
+
cursor: pointer;
|
|
23
28
|
position: relative;
|
|
24
|
-
width: 100%;
|
|
25
29
|
display: flex;
|
|
26
30
|
flex-direction: row;
|
|
27
31
|
justify-content: left;
|
|
28
32
|
align-items: center;
|
|
29
|
-
|
|
33
|
+
gap: 4px;
|
|
30
34
|
}
|
|
31
35
|
|
|
32
36
|
.ns_input {
|
|
@@ -39,14 +43,6 @@
|
|
|
39
43
|
accent-color: #141B5C;
|
|
40
44
|
}
|
|
41
45
|
|
|
42
|
-
label.ns_checkbox_parent {
|
|
43
|
-
cursor: pointer;
|
|
44
|
-
color: #141B5C;
|
|
45
|
-
font-size: 16px;
|
|
46
|
-
font-weight: 300;
|
|
47
|
-
font-family: inherit;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
46
|
@media only screen and (min-width: 380px) {
|
|
51
47
|
.ns_input_parent {
|
|
52
48
|
max-width: 272px;
|
|
@@ -8,6 +8,7 @@ export interface INSBoxIntegerProps extends IBaseComponentProps, IValidationProp
|
|
|
8
8
|
defaultValue?: number;
|
|
9
9
|
onChanged?: (e: NSBoxInteger) => void;
|
|
10
10
|
onClicked?: (e: NSBoxInteger) => void;
|
|
11
|
+
isPositiveValue?: boolean;
|
|
11
12
|
}
|
|
12
13
|
export interface INSBoxIntegerState {
|
|
13
14
|
value?: number;
|
|
@@ -27,17 +27,28 @@ export class NSBoxInteger extends React.Component {
|
|
|
27
27
|
return this.state.value;
|
|
28
28
|
}
|
|
29
29
|
setValue(value) {
|
|
30
|
-
this.
|
|
31
|
-
if (
|
|
32
|
-
|
|
33
|
-
|
|
30
|
+
if (this.props.isPositiveValue) {
|
|
31
|
+
if (value)
|
|
32
|
+
if (value > 0)
|
|
33
|
+
this.setState({ value }, () => {
|
|
34
|
+
if (this.props.onChanged)
|
|
35
|
+
this.props.onChanged(this);
|
|
36
|
+
});
|
|
37
|
+
else
|
|
38
|
+
throw new Error("Only Positive Value");
|
|
39
|
+
}
|
|
40
|
+
else
|
|
41
|
+
this.setState({ value }, () => {
|
|
42
|
+
if (this.props.onChanged)
|
|
43
|
+
this.props.onChanged(this);
|
|
44
|
+
});
|
|
34
45
|
}
|
|
35
46
|
onChanged(e) {
|
|
36
47
|
this.setValue(parseInt(e.target.value));
|
|
37
48
|
}
|
|
38
49
|
render() {
|
|
39
50
|
var _a;
|
|
40
|
-
return (
|
|
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(" ")}`, 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: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => this.props.onClicked, style: { background: `url("https://static.namirasoft.com/image/concept/nsbox/Integer.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" } }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
41
52
|
}
|
|
42
53
|
}
|
|
43
54
|
//# sourceMappingURL=NSBoxInteger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxInteger.js","sourceRoot":"","sources":["../../src/components/NSBoxInteger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAIxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxInteger.js","sourceRoot":"","sources":["../../src/components/NSBoxInteger.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.4.
|
|
11
|
+
"version": "1.4.25",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -26,14 +26,14 @@
|
|
|
26
26
|
"@types/react": "^18.3.10",
|
|
27
27
|
"@types/react-bootstrap": "^0.32.37",
|
|
28
28
|
"@types/react-dom": "^18.3.0",
|
|
29
|
-
"antd": "^5.21.
|
|
29
|
+
"antd": "^5.21.2",
|
|
30
30
|
"bootstrap": "^5.3.3",
|
|
31
31
|
"chart.js": "^4.4.4",
|
|
32
32
|
"copyfiles": "^2.4.1",
|
|
33
33
|
"link-react": "^3.0.0",
|
|
34
34
|
"namirasoft-api-link": "^1.4.5",
|
|
35
35
|
"namirasoft-api-product": "^1.4.5",
|
|
36
|
-
"namirasoft-core": "^1.4.
|
|
36
|
+
"namirasoft-core": "^1.4.11",
|
|
37
37
|
"path-browserify": "^1.0.1",
|
|
38
38
|
"react": "^18.3.1",
|
|
39
39
|
"react-app-rewired": "^2.2.1",
|
|
@@ -14,19 +14,23 @@
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.ns_checkbox_parent {
|
|
17
|
-
|
|
17
|
+
width: 100%;
|
|
18
|
+
height: 48px;
|
|
18
19
|
padding: 10px 12px 10px 12px;
|
|
20
|
+
background-color: #fff;
|
|
21
|
+
color: #141B5C;
|
|
22
|
+
border-radius: 8px;
|
|
23
|
+
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
19
24
|
font-size: 16px;
|
|
20
25
|
font-weight: 400;
|
|
21
|
-
|
|
22
|
-
|
|
26
|
+
font-family: inherit;
|
|
27
|
+
cursor: pointer;
|
|
23
28
|
position: relative;
|
|
24
|
-
width: 100%;
|
|
25
29
|
display: flex;
|
|
26
30
|
flex-direction: row;
|
|
27
31
|
justify-content: left;
|
|
28
32
|
align-items: center;
|
|
29
|
-
|
|
33
|
+
gap: 4px;
|
|
30
34
|
}
|
|
31
35
|
|
|
32
36
|
.ns_input {
|
|
@@ -39,14 +43,6 @@
|
|
|
39
43
|
accent-color: #141B5C;
|
|
40
44
|
}
|
|
41
45
|
|
|
42
|
-
label.ns_checkbox_parent {
|
|
43
|
-
cursor: pointer;
|
|
44
|
-
color: #141B5C;
|
|
45
|
-
font-size: 16px;
|
|
46
|
-
font-weight: 300;
|
|
47
|
-
font-family: inherit;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
46
|
@media only screen and (min-width: 380px) {
|
|
51
47
|
.ns_input_parent {
|
|
52
48
|
max-width: 272px;
|
|
@@ -15,6 +15,7 @@ export interface INSBoxIntegerProps extends IBaseComponentProps, IValidationProp
|
|
|
15
15
|
defaultValue?: number;
|
|
16
16
|
onChanged?: (e: NSBoxInteger) => void;
|
|
17
17
|
onClicked?: (e: NSBoxInteger) => void;
|
|
18
|
+
isPositiveValue?: boolean;
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
export interface INSBoxIntegerState
|
|
@@ -55,11 +56,24 @@ export class NSBoxInteger extends React.Component<INSBoxIntegerProps, INSBoxInte
|
|
|
55
56
|
}
|
|
56
57
|
setValue(value: number | undefined): void
|
|
57
58
|
{
|
|
58
|
-
this.
|
|
59
|
+
if (this.props.isPositiveValue)
|
|
59
60
|
{
|
|
60
|
-
if (
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
if (value)
|
|
62
|
+
if (value > 0)
|
|
63
|
+
this.setState({ value }, () =>
|
|
64
|
+
{
|
|
65
|
+
if (this.props.onChanged)
|
|
66
|
+
this.props.onChanged(this);
|
|
67
|
+
});
|
|
68
|
+
else
|
|
69
|
+
throw new Error("Only Positive Value"); //todo: Fix Error Message
|
|
70
|
+
}
|
|
71
|
+
else
|
|
72
|
+
this.setState({ value }, () =>
|
|
73
|
+
{
|
|
74
|
+
if (this.props.onChanged)
|
|
75
|
+
this.props.onChanged(this);
|
|
76
|
+
});
|
|
63
77
|
}
|
|
64
78
|
private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
|
|
65
79
|
{
|
|
@@ -81,8 +95,8 @@ export class NSBoxInteger extends React.Component<INSBoxIntegerProps, INSBoxInte
|
|
|
81
95
|
onClick={() => this.props.onClicked}
|
|
82
96
|
style={{ background: `url("https://static.namirasoft.com/image/concept/nsbox/Integer.png") white no-repeat scroll center right 16px`, backgroundSize: "24px" }}
|
|
83
97
|
/>
|
|
84
|
-
</div>
|
|
85
98
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
|
99
|
+
</div>
|
|
86
100
|
</>
|
|
87
101
|
);
|
|
88
102
|
}
|