namirasoft-site-react 1.4.152 → 1.4.154
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/Validator.d.ts +3 -2
- package/dist/Validator.js +20 -2
- package/dist/Validator.js.map +1 -1
- package/dist/components/NSBox.d.ts +16 -0
- package/dist/components/NSBox.js +20 -0
- package/dist/components/NSBox.js.map +1 -0
- package/dist/components/NSBoxBooleans.js +2 -1
- package/dist/components/NSBoxBooleans.js.map +1 -1
- package/dist/components/NSBoxDate.d.ts +3 -4
- package/dist/components/NSBoxDate.js +6 -9
- package/dist/components/NSBoxDate.js.map +1 -1
- package/dist/components/NSBoxDateTime.d.ts +4 -4
- package/dist/components/NSBoxDateTime.js +6 -5
- package/dist/components/NSBoxDateTime.js.map +1 -1
- package/dist/components/NSBoxTime.d.ts +4 -4
- package/dist/components/NSBoxTime.js +6 -5
- package/dist/components/NSBoxTime.js.map +1 -1
- package/dist/components/NSLinkBlue.js +3 -2
- package/dist/components/NSLinkBlue.js.map +1 -1
- package/dist/components/NSPagination.js +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +1 -0
- package/dist/main.js.map +1 -1
- package/package.json +1 -1
- package/src/Validator.ts +26 -4
- package/src/components/NSBox.tsx +19 -0
- package/src/components/NSBoxBooleans.tsx +2 -1
- package/src/components/NSBoxDate.tsx +11 -15
- package/src/components/NSBoxDateTime.tsx +11 -10
- package/src/components/NSBoxTime.tsx +11 -10
- package/src/components/NSLinkBlue.tsx +3 -2
- package/src/components/NSPagination.tsx +1 -1
- package/src/main.ts +1 -0
package/dist/Validator.d.ts
CHANGED
|
@@ -6,8 +6,9 @@ export declare class Validator {
|
|
|
6
6
|
static getErrorString(name: string, value: string | null | undefined, validator: IValidationStringProps): string | null;
|
|
7
7
|
static getErrorNumber(name: string, value: number | null | undefined, validator: IValidationNumberProps): string | null;
|
|
8
8
|
static getErrorEmail(name: string, value: string | null | undefined, validator: IValidationProps): string | null;
|
|
9
|
-
static getErrorDate(name: string, value:
|
|
10
|
-
static getErrorTime(name: string, value:
|
|
9
|
+
static getErrorDate(name: string, value: Date | null | undefined): string | null;
|
|
10
|
+
static getErrorTime(name: string, value: Date | null | undefined): string | null;
|
|
11
|
+
static getErrorDateTime(name: string, value: Date | null | undefined): string | null;
|
|
11
12
|
static getErrorDuration(name: string, value: string | null | undefined): string | null;
|
|
12
13
|
static getErrorIPV4(name: string, value: string | null | undefined): string | null;
|
|
13
14
|
static getErrorIPV6(name: string, value: string | null | undefined): string | null;
|
package/dist/Validator.js
CHANGED
|
@@ -54,7 +54,12 @@ export class Validator {
|
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
56
|
static getErrorDate(name, value) {
|
|
57
|
-
|
|
57
|
+
if (value != null) {
|
|
58
|
+
const dateTime = new Date(value);
|
|
59
|
+
if (isNaN(dateTime.getTime()))
|
|
60
|
+
return `${value} is not a valid Date for ${name}.`;
|
|
61
|
+
}
|
|
62
|
+
return Validator.getError(name, value === null || value === void 0 ? void 0 : value.toLocaleDateString(), {
|
|
58
63
|
required: true, regex: {
|
|
59
64
|
name: "Date",
|
|
60
65
|
regex: DateSchema.REGEX
|
|
@@ -62,13 +67,26 @@ export class Validator {
|
|
|
62
67
|
});
|
|
63
68
|
}
|
|
64
69
|
static getErrorTime(name, value) {
|
|
65
|
-
|
|
70
|
+
if (value != null) {
|
|
71
|
+
const dateTime = new Date(value);
|
|
72
|
+
if (isNaN(dateTime.getTime()))
|
|
73
|
+
return `${value} is not a valid Time for ${name}.`;
|
|
74
|
+
}
|
|
75
|
+
return Validator.getError(name, value === null || value === void 0 ? void 0 : value.toLocaleTimeString(), {
|
|
66
76
|
required: true, regex: {
|
|
67
77
|
name: "Time",
|
|
68
78
|
regex: TimeSchema.REGEX
|
|
69
79
|
}
|
|
70
80
|
});
|
|
71
81
|
}
|
|
82
|
+
static getErrorDateTime(name, value) {
|
|
83
|
+
if (value != null) {
|
|
84
|
+
const dateTime = new Date(value);
|
|
85
|
+
if (isNaN(dateTime.getTime()))
|
|
86
|
+
return `${value} is not a valid DateTime for ${name}.`;
|
|
87
|
+
}
|
|
88
|
+
return null;
|
|
89
|
+
}
|
|
72
90
|
static getErrorDuration(name, value) {
|
|
73
91
|
return Validator.getError(name, value, {
|
|
74
92
|
required: true, regex: {
|
package/dist/Validator.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Validator.js","sourceRoot":"","sources":["../src/Validator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEhH,MAAM,OAAO,SAAS;IAElB,MAAM,CAAC,QAAQ,CAAC,IAAY,EAAE,KAAyC,EAAE,SAA2B;QAEhG,IAAI,SAAS,CAAC,QAAQ;YAClB,IAAI,CAAC,KAAK;gBACN,OAAO,GAAG,IAAI,eAAe,CAAC;QACtC,IAAI,KAAK,IAAI,IAAI;YACb,IAAI,SAAS,CAAC,KAAK,EACnB,CAAC;gBACG,IAAI,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;oBACnD,OAAO,GAAG,IAAI,mBAAmB,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC;YACjE,CAAC;QACL,IAAI,KAAK,IAAI,IAAI;YACb,IAAI,SAAS,CAAC,SAAS,EACvB,CAAC;gBACG,IAAI,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAC7C,IAAI,KAAK;oBACL,OAAO,KAAK,CAAC;YACrB,CAAC;QACL,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,cAAc,CAAC,IAAY,EAAE,KAAgC,EAAE,SAAiC;QAEnG,IAAI,KAAK,IAAI,IAAI,EACjB,CAAC;YACG,IAAI,SAAS,CAAC,UAAU,IAAI,IAAI;gBAC5B,IAAI,SAAS,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM;oBACnC,OAAO,iBAAiB,IAAI,cAAc,SAAS,CAAC,UAAU,cAAc,CAAC;YACrF,IAAI,SAAS,CAAC,UAAU,IAAI,IAAI;gBAC5B,IAAI,SAAS,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM;oBACnC,OAAO,gBAAgB,IAAI,cAAc,SAAS,CAAC,UAAU,cAAc,CAAC;QACxF,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,cAAc,CAAC,IAAY,EAAE,KAAgC,EAAE,SAAiC;QAEnG,IAAI,KAAK,IAAI,IAAI,EACjB,CAAC;YACG,IAAI,KAAK,CAAC,KAAK,CAAC;gBACZ,OAAO,GAAG,IAAI,mBAAmB,CAAC;YACtC,IAAI,SAAS,CAAC,GAAG,IAAI,IAAI;gBACrB,IAAI,SAAS,CAAC,GAAG,GAAG,KAAK;oBACrB,OAAO,gBAAgB,IAAI,cAAc,SAAS,CAAC,GAAG,cAAc,CAAC;YAC7E,IAAI,SAAS,CAAC,GAAG,IAAI,IAAI;gBACrB,IAAI,SAAS,CAAC,GAAG,GAAG,KAAK;oBACrB,OAAO,gBAAgB,IAAI,cAAc,SAAS,CAAC,GAAG,cAAc,CAAC;QACjF,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,aAAa,CAAC,IAAY,EAAE,KAAgC,EAAE,SAA2B;QAE5F,IAAI,CAAC,SAAS,CAAC,QAAQ;YACnB,IAAI,CAAC,KAAK;gBACN,OAAO,IAAI,CAAC;QACpB,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE;YACnC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE;gBACnB,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,WAAW,CAAC,KAAK;aAC3B;SACJ,CAAC,CAAC;IACP,CAAC;IACD,MAAM,CAAC,YAAY,CAAC,IAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"Validator.js","sourceRoot":"","sources":["../src/Validator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEhH,MAAM,OAAO,SAAS;IAElB,MAAM,CAAC,QAAQ,CAAC,IAAY,EAAE,KAAyC,EAAE,SAA2B;QAEhG,IAAI,SAAS,CAAC,QAAQ;YAClB,IAAI,CAAC,KAAK;gBACN,OAAO,GAAG,IAAI,eAAe,CAAC;QACtC,IAAI,KAAK,IAAI,IAAI;YACb,IAAI,SAAS,CAAC,KAAK,EACnB,CAAC;gBACG,IAAI,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;oBACnD,OAAO,GAAG,IAAI,mBAAmB,SAAS,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC;YACjE,CAAC;QACL,IAAI,KAAK,IAAI,IAAI;YACb,IAAI,SAAS,CAAC,SAAS,EACvB,CAAC;gBACG,IAAI,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAC7C,IAAI,KAAK;oBACL,OAAO,KAAK,CAAC;YACrB,CAAC;QACL,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,cAAc,CAAC,IAAY,EAAE,KAAgC,EAAE,SAAiC;QAEnG,IAAI,KAAK,IAAI,IAAI,EACjB,CAAC;YACG,IAAI,SAAS,CAAC,UAAU,IAAI,IAAI;gBAC5B,IAAI,SAAS,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM;oBACnC,OAAO,iBAAiB,IAAI,cAAc,SAAS,CAAC,UAAU,cAAc,CAAC;YACrF,IAAI,SAAS,CAAC,UAAU,IAAI,IAAI;gBAC5B,IAAI,SAAS,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM;oBACnC,OAAO,gBAAgB,IAAI,cAAc,SAAS,CAAC,UAAU,cAAc,CAAC;QACxF,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,cAAc,CAAC,IAAY,EAAE,KAAgC,EAAE,SAAiC;QAEnG,IAAI,KAAK,IAAI,IAAI,EACjB,CAAC;YACG,IAAI,KAAK,CAAC,KAAK,CAAC;gBACZ,OAAO,GAAG,IAAI,mBAAmB,CAAC;YACtC,IAAI,SAAS,CAAC,GAAG,IAAI,IAAI;gBACrB,IAAI,SAAS,CAAC,GAAG,GAAG,KAAK;oBACrB,OAAO,gBAAgB,IAAI,cAAc,SAAS,CAAC,GAAG,cAAc,CAAC;YAC7E,IAAI,SAAS,CAAC,GAAG,IAAI,IAAI;gBACrB,IAAI,SAAS,CAAC,GAAG,GAAG,KAAK;oBACrB,OAAO,gBAAgB,IAAI,cAAc,SAAS,CAAC,GAAG,cAAc,CAAC;QACjF,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,aAAa,CAAC,IAAY,EAAE,KAAgC,EAAE,SAA2B;QAE5F,IAAI,CAAC,SAAS,CAAC,QAAQ;YACnB,IAAI,CAAC,KAAK;gBACN,OAAO,IAAI,CAAC;QACpB,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE;YACnC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE;gBACnB,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,WAAW,CAAC,KAAK;aAC3B;SACJ,CAAC,CAAC;IACP,CAAC;IACD,MAAM,CAAC,YAAY,CAAC,IAAY,EAAE,KAA8B;QAE5D,IAAI,KAAK,IAAI,IAAI,EACjB,CAAC;YACG,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACzB,OAAO,GAAG,KAAK,4BAA4B,IAAI,GAAG,CAAC;QAC3D,CAAC;QACD,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,EAAE,EAAE;YACzD,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE;gBACnB,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,UAAU,CAAC,KAAK;aAC1B;SACJ,CAAC,CAAC;IACP,CAAC;IACD,MAAM,CAAC,YAAY,CAAC,IAAY,EAAE,KAA8B;QAE5D,IAAI,KAAK,IAAI,IAAI,EACjB,CAAC;YACG,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACzB,OAAO,GAAG,KAAK,4BAA4B,IAAI,GAAG,CAAC;QAC3D,CAAC;QACD,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,EAAE,EAAE;YACzD,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE;gBACnB,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,UAAU,CAAC,KAAK;aAC1B;SACJ,CAAC,CAAC;IACP,CAAC;IACD,MAAM,CAAC,gBAAgB,CAAC,IAAY,EAAE,KAA8B;QAEhE,IAAI,KAAK,IAAI,IAAI,EACjB,CAAC;YACG,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACzB,OAAO,GAAG,KAAK,gCAAgC,IAAI,GAAG,CAAC;QAC/D,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,gBAAgB,CAAC,IAAY,EAAE,KAAgC;QAElE,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE;YACnC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE;gBACnB,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE,cAAc,CAAC,KAAK;aAC9B;SACJ,CAAC,CAAC;IACP,CAAC;IACD,MAAM,CAAC,YAAY,CAAC,IAAY,EAAE,KAAgC;QAE9D,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE;YACnC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE;gBACnB,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,UAAU,CAAC,KAAK;aAC1B;SACJ,CAAC,CAAC;IACP,CAAC;IACD,MAAM,CAAC,YAAY,CAAC,IAAY,EAAE,KAAgC;QAE9D,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE;YACnC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE;gBACnB,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,UAAU,CAAC,KAAK;aAC1B;SACJ,CAAC,CAAC;IACP,CAAC;IACD,MAAM,CAAC,aAAa,CAAC,IAAY,EAAE,KAAgC;QAE/D,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE;YACnC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE;gBAE5B,IAAI,KAAK;oBACL,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC;wBAC9B,OAAO,GAAG,IAAI,8BAA8B,CAAC;gBACrD,OAAO,IAAI,CAAC;YAChB,CAAC;SACJ,CAAC,CAAC;IACP,CAAC;CACJ"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
declare class NSBoxWidth {
|
|
2
|
+
one: string;
|
|
3
|
+
double: string;
|
|
4
|
+
triple: string;
|
|
5
|
+
quadruple: string;
|
|
6
|
+
}
|
|
7
|
+
declare class NSBoxHeight {
|
|
8
|
+
box: string;
|
|
9
|
+
header: string;
|
|
10
|
+
total: string;
|
|
11
|
+
}
|
|
12
|
+
export declare class NSBox {
|
|
13
|
+
static width: NSBoxWidth;
|
|
14
|
+
static height: NSBoxHeight;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
class NSBoxWidth {
|
|
2
|
+
constructor() {
|
|
3
|
+
this.one = "272px";
|
|
4
|
+
this.double = "560px";
|
|
5
|
+
this.triple = "848px";
|
|
6
|
+
this.quadruple = "1136px";
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
class NSBoxHeight {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.box = "48px";
|
|
12
|
+
this.header = "28px";
|
|
13
|
+
this.total = "76px";
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
export class NSBox {
|
|
17
|
+
}
|
|
18
|
+
NSBox.width = new NSBoxWidth();
|
|
19
|
+
NSBox.height = new NSBoxHeight();
|
|
20
|
+
//# sourceMappingURL=NSBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSBox.js","sourceRoot":"","sources":["../../src/components/NSBox.tsx"],"names":[],"mappings":"AAAA,MAAM,UAAU;IAAhB;QAEC,QAAG,GAAW,OAAO,CAAC;QACtB,WAAM,GAAW,OAAO,CAAC;QACzB,WAAM,GAAW,OAAO,CAAC;QACzB,cAAS,GAAW,QAAQ,CAAC;IAC9B,CAAC;CAAA;AAED,MAAM,WAAW;IAAjB;QAEC,QAAG,GAAW,MAAM,CAAC;QACrB,WAAM,GAAW,MAAM,CAAC;QACxB,UAAK,GAAW,MAAM,CAAC;IACxB,CAAC;CAAA;AACD,MAAM,OAAO,KAAK;;AAEV,WAAK,GAAe,IAAI,UAAU,EAAE,CAAC;AACrC,YAAM,GAAgB,IAAI,WAAW,EAAE,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { NSBoxBoolean } from "./NSBoxBoolean";
|
|
4
|
+
import { NSBox } from "./NSBox";
|
|
4
5
|
export class NSBoxBooleans extends React.Component {
|
|
5
6
|
constructor(props) {
|
|
6
7
|
super(props);
|
|
@@ -89,7 +90,7 @@ export class NSBoxBooleans extends React.Component {
|
|
|
89
90
|
});
|
|
90
91
|
}
|
|
91
92
|
render() {
|
|
92
|
-
return (_jsxs(_Fragment, { children: [_jsx(NSBoxBoolean, { title: "All", required: false, indeterminate: true, hideHeader: this.props.hideHeaderAll, checked: this.getMarkAllValue(), style: { maxWidth: "100%", width: "100%" }, onChanged: this.onMarkAllChecked }), this.props.items.map((e, index) => _jsx(NSBoxBoolean, { id: e.value, title: e.text, required: false, hideHeader: this.props.hideHeaderBoxes, checked: this.state.values.includes(e.value), style: { width:
|
|
93
|
+
return (_jsxs(_Fragment, { children: [_jsx(NSBoxBoolean, { title: "All", required: false, indeterminate: true, hideHeader: this.props.hideHeaderAll, checked: this.getMarkAllValue(), style: { maxWidth: "100%", width: "100%" }, onChanged: this.onMarkAllChecked }), this.props.items.map((e, index) => _jsx(NSBoxBoolean, { id: e.value, title: e.text, required: false, hideHeader: this.props.hideHeaderBoxes, checked: this.state.values.includes(e.value), style: { width: NSBox.width.one }, onChanged: this.onItemChecked }, `NSBoxBooleans_NSBoxBoolean_key_${index}`))] }));
|
|
93
94
|
}
|
|
94
95
|
}
|
|
95
96
|
//# sourceMappingURL=NSBoxBooleans.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxBooleans.js","sourceRoot":"","sources":["../../src/components/NSBoxBooleans.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxBooleans.js","sourceRoot":"","sources":["../../src/components/NSBoxBooleans.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,17 +3,16 @@ import "./NSBoxDate.module.css";
|
|
|
3
3
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
4
4
|
import { IValidationProps } from "../props/IValidationProps";
|
|
5
5
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
-
export interface NSBoxDateProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<
|
|
6
|
+
export interface NSBoxDateProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<Date, NSBoxDate> {
|
|
7
7
|
}
|
|
8
8
|
export interface NSBoxDateState {
|
|
9
|
-
value:
|
|
9
|
+
value: Date;
|
|
10
10
|
}
|
|
11
11
|
export declare class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState> {
|
|
12
12
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
13
13
|
constructor(props: NSBoxDateProps);
|
|
14
14
|
getError(): string | null;
|
|
15
15
|
getValue(checkError?: boolean): Date;
|
|
16
|
-
setValue(value: string, callback?: () => void): void;
|
|
17
|
-
private onChanged;
|
|
16
|
+
setValue(value: string | Date, callback?: () => void): void;
|
|
18
17
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
19
18
|
}
|
|
@@ -11,34 +11,31 @@ export class NSBoxDate extends React.Component {
|
|
|
11
11
|
var _a;
|
|
12
12
|
super(props);
|
|
13
13
|
this.NSBoxBaseLayout_Main = createRef();
|
|
14
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a :
|
|
14
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : new Date() };
|
|
15
15
|
this.getError = this.getError.bind(this);
|
|
16
16
|
this.getValue = this.getValue.bind(this);
|
|
17
17
|
this.setValue = this.setValue.bind(this);
|
|
18
|
-
this.onChanged = this.onChanged.bind(this);
|
|
19
18
|
}
|
|
20
19
|
getError() {
|
|
21
|
-
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
20
|
+
return (Validator.getError(this.props.title, this.state.value.toLocaleDateString(), this.props) ||
|
|
22
21
|
Validator.getErrorDate(this.props.title, this.state.value));
|
|
23
22
|
}
|
|
24
23
|
getValue(checkError = true) {
|
|
25
|
-
return NSBoxBaseLayout.checkGetValue(this, checkError, () =>
|
|
24
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
26
25
|
}
|
|
27
26
|
setValue(value, callback) {
|
|
28
|
-
|
|
27
|
+
let date_value = new Date(value);
|
|
28
|
+
this.setState({ value: date_value }, () => {
|
|
29
29
|
if (this.props.onChanged)
|
|
30
30
|
this.props.onChanged(this, callback);
|
|
31
31
|
else if (callback)
|
|
32
32
|
callback();
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
|
-
onChanged(e) {
|
|
36
|
-
this.setValue(e.target.value);
|
|
37
|
-
}
|
|
38
35
|
render() {
|
|
39
36
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
40
37
|
menu.builtin.fullscreen = false;
|
|
41
|
-
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value, setValue: this.setValue, menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "date", className: StylesNSBox.ns_box_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.
|
|
38
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value.toLocaleDateString(), setValue: this.setValue, menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "date", className: StylesNSBox.ns_box_input, placeholder: this.props.placeholder, value: this.state.value.toLocaleDateString(), onChange: e => this.setValue(e.target.value), onClick: () => { if (this.props.onClicked)
|
|
42
39
|
this.props.onClicked(this); }, style: {
|
|
43
40
|
background: `url("https://static.namirasoft.com/image/concept/type/date.png") white no-repeat scroll center right 4px`,
|
|
44
41
|
backgroundSize: "24px",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxDate.js","sourceRoot":"","sources":["../../src/components/NSBoxDate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,wBAAwB,CAAC;AAChC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAG7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAU3E,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyC;IAG7E,YAAY,KAAqB;;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHd,yBAAoB,GAAG,SAAS,EAAmB,CAAC;QAInD,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxDate.js","sourceRoot":"","sources":["../../src/components/NSBoxDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,17 +3,17 @@ import "./NSBoxDateTime.module.css";
|
|
|
3
3
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
4
4
|
import { IValidationProps } from "../props/IValidationProps";
|
|
5
5
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
-
export interface NSBoxDateTimeProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<
|
|
6
|
+
export interface NSBoxDateTimeProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<Date, NSBoxDateTime> {
|
|
7
7
|
}
|
|
8
8
|
export interface NSBoxDateTimeState {
|
|
9
|
-
value:
|
|
9
|
+
value: Date;
|
|
10
10
|
}
|
|
11
11
|
export declare class NSBoxDateTime extends React.Component<NSBoxDateTimeProps, NSBoxDateTimeState> {
|
|
12
12
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
13
13
|
constructor(props: NSBoxDateTimeProps);
|
|
14
14
|
getError(): string | null;
|
|
15
|
-
getValue(checkError?: boolean):
|
|
16
|
-
setValue(value: string, callback?: () => void): void;
|
|
15
|
+
getValue(checkError?: boolean): Date;
|
|
16
|
+
setValue(value: string | Date, callback?: () => void): void;
|
|
17
17
|
private onChanged;
|
|
18
18
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
}
|
|
@@ -11,21 +11,22 @@ export class NSBoxDateTime extends React.Component {
|
|
|
11
11
|
var _a;
|
|
12
12
|
super(props);
|
|
13
13
|
this.NSBoxBaseLayout_Main = createRef();
|
|
14
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a :
|
|
14
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : new Date() };
|
|
15
15
|
this.getError = this.getError.bind(this);
|
|
16
16
|
this.getValue = this.getValue.bind(this);
|
|
17
17
|
this.setValue = this.setValue.bind(this);
|
|
18
18
|
this.onChanged = this.onChanged.bind(this);
|
|
19
19
|
}
|
|
20
20
|
getError() {
|
|
21
|
-
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
22
|
-
Validator.
|
|
21
|
+
return (Validator.getError(this.props.title, this.state.value.toLocaleString(), this.props) ||
|
|
22
|
+
Validator.getErrorDateTime(this.props.title, this.state.value));
|
|
23
23
|
}
|
|
24
24
|
getValue(checkError = true) {
|
|
25
25
|
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
26
26
|
}
|
|
27
27
|
setValue(value, callback) {
|
|
28
|
-
|
|
28
|
+
let value_date = new Date(value);
|
|
29
|
+
this.setState({ value: value_date }, () => {
|
|
29
30
|
if (this.props.onChanged)
|
|
30
31
|
this.props.onChanged(this, callback);
|
|
31
32
|
else if (callback)
|
|
@@ -38,7 +39,7 @@ export class NSBoxDateTime extends React.Component {
|
|
|
38
39
|
render() {
|
|
39
40
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
40
41
|
menu.builtin.fullscreen = false;
|
|
41
|
-
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value, setValue: this.setValue, menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "datetime-local", className: StylesNSBox.ns_box_input, placeholder: this.props.placeholder, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
|
|
42
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value.toLocaleString(), setValue: this.setValue, menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "datetime-local", className: StylesNSBox.ns_box_input, placeholder: this.props.placeholder, value: this.state.value.toLocaleString(), onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
|
|
42
43
|
this.props.onClicked(this); }, style: {
|
|
43
44
|
background: `url("https://static.namirasoft.com/image/concept/type/date-time.png") white no-repeat scroll center right 4px`,
|
|
44
45
|
backgroundSize: "24px",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxDateTime.js","sourceRoot":"","sources":["../../src/components/NSBoxDateTime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAG7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAU3E,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IAGzF,YAAY,KAAyB;;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHd,yBAAoB,GAAG,SAAS,EAAmB,CAAC;QAInD,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxDateTime.js","sourceRoot":"","sources":["../../src/components/NSBoxDateTime.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,16 +4,16 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
|
4
4
|
import { IValidationProps } from "../props/IValidationProps";
|
|
5
5
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
6
6
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
7
|
-
export interface NSBoxTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<
|
|
7
|
+
export interface NSBoxTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<Date, NSBoxTime> {
|
|
8
8
|
}
|
|
9
9
|
export interface NSBoxTimeState {
|
|
10
|
-
value:
|
|
10
|
+
value: Date;
|
|
11
11
|
}
|
|
12
12
|
export declare class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState> {
|
|
13
13
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
14
14
|
constructor(props: NSBoxTimeProps);
|
|
15
15
|
getError(): string | null;
|
|
16
|
-
getValue(checkError?: boolean):
|
|
17
|
-
setValue(value: string, callback?: () => void): void;
|
|
16
|
+
getValue(checkError?: boolean): Date;
|
|
17
|
+
setValue(value: string | Date, callback?: () => void): void;
|
|
18
18
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
}
|
|
@@ -11,21 +11,22 @@ export class NSBoxTime extends React.Component {
|
|
|
11
11
|
var _a;
|
|
12
12
|
super(props);
|
|
13
13
|
this.NSBoxBaseLayout_Main = createRef();
|
|
14
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a :
|
|
14
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : new Date() };
|
|
15
15
|
this.getError = this.getError.bind(this);
|
|
16
16
|
this.getValue = this.getValue.bind(this);
|
|
17
17
|
this.setValue = this.setValue.bind(this);
|
|
18
18
|
}
|
|
19
19
|
getError() {
|
|
20
|
-
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
21
|
-
Validator.getErrorString(this.props.title, this.state.value, this.props) ||
|
|
20
|
+
return (Validator.getError(this.props.title, this.state.value.toLocaleTimeString(), this.props) ||
|
|
21
|
+
Validator.getErrorString(this.props.title, this.state.value.toLocaleTimeString(), this.props) ||
|
|
22
22
|
Validator.getErrorTime(this.props.title, this.state.value));
|
|
23
23
|
}
|
|
24
24
|
getValue(checkError = true) {
|
|
25
25
|
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
26
26
|
}
|
|
27
27
|
setValue(value, callback) {
|
|
28
|
-
|
|
28
|
+
let value_date = new Date(value);
|
|
29
|
+
this.setState({ value: value_date }, () => {
|
|
29
30
|
if (this.props.onChanged)
|
|
30
31
|
this.props.onChanged(this, callback);
|
|
31
32
|
else if (callback)
|
|
@@ -35,7 +36,7 @@ export class NSBoxTime extends React.Component {
|
|
|
35
36
|
render() {
|
|
36
37
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
37
38
|
menu.builtin.fullscreen = false;
|
|
38
|
-
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () =>
|
|
39
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { getValue: () => this.state.value.toLocaleTimeString(), setValue: () => { }, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "time", className: StylesNSBox.ns_box_input, placeholder: this.props.placeholder, value: this.state.value.toLocaleTimeString(), onChange: e => this.setValue(e.target.value), onClick: () => { if (this.props.onClicked)
|
|
39
40
|
this.props.onClicked(this); }, step: "5", style: {
|
|
40
41
|
background: `url("https://static.namirasoft.com/image/concept/type/time.png") white no-repeat scroll center right 4px`,
|
|
41
42
|
backgroundSize: "24px",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxTime.js","sourceRoot":"","sources":["../../src/components/NSBoxTime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAUlD,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyC;IAG7E,YAAY,KAAqB;;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHd,yBAAoB,GAAG,SAAS,EAAmB,CAAC;QAInD,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxTime.js","sourceRoot":"","sources":["../../src/components/NSBoxTime.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { NSBox } from "./NSBox";
|
|
2
3
|
import { NSLink } from "./NSLink";
|
|
3
4
|
export function NSLinkBlue(props) {
|
|
4
5
|
return (_jsx(NSLink, { id: props.id, style: {
|
|
5
6
|
color: "#fff",
|
|
6
7
|
border: "none",
|
|
7
8
|
backgroundColor: "rgba(3, 119, 255, 1)",
|
|
8
|
-
width:
|
|
9
|
-
height:
|
|
9
|
+
width: NSBox.width.one,
|
|
10
|
+
height: NSBox.height.box,
|
|
10
11
|
boxShadow: "inset 0 - 4px 4px 0px rgb(0 0 0 / 25 %)"
|
|
11
12
|
}, title: props.title, href: props.href, target: props.target }));
|
|
12
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLinkBlue.js","sourceRoot":"","sources":["../../src/components/NSLinkBlue.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,MAAM,UAAU,UAAU,CAAC,KAAkB;IAE5C,OAAO,CACN,KAAC,MAAM,IACN,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EACJ;YACA,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,eAAe,EAAE,sBAAsB;YACvC,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"NSLinkBlue.js","sourceRoot":"","sources":["../../src/components/NSLinkBlue.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,MAAM,UAAU,UAAU,CAAC,KAAkB;IAE5C,OAAO,CACN,KAAC,MAAM,IACN,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EACJ;YACA,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,eAAe,EAAE,sBAAsB;YACvC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG;YACtB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG;YACxB,SAAS,EAAE,yCAAyC;SACpD,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,GACnB,CAAC,CAAC;AACN,CAAC"}
|
|
@@ -88,7 +88,7 @@ export class NSPagination extends Component {
|
|
|
88
88
|
let pageSize = this.getPageSize();
|
|
89
89
|
onPageChange(currentPage, pageSize);
|
|
90
90
|
});
|
|
91
|
-
}, style: { width: "
|
|
91
|
+
}, style: { width: "80px" } }), _jsx("p", { className: Styles.ns_pagination_info, children: `(${current_min.toLocaleString()} - ${current_max.toLocaleString()}) of ${totalItems.toLocaleString()}` })] }) }));
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
94
|
//# sourceMappingURL=NSPagination.js.map
|
package/dist/main.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export * from "./components/NSBarAction";
|
|
|
2
2
|
export * from "./components/NSBarAlert";
|
|
3
3
|
export * from "./components/NSBarNotification";
|
|
4
4
|
export * from "./components/NSBarTitle";
|
|
5
|
+
export * from "./components/NSBox";
|
|
5
6
|
export * from "./components/NSBoxBaseCombo";
|
|
6
7
|
export * from "./components/NSBoxBoolean";
|
|
7
8
|
export * from "./components/NSBoxBooleans";
|
package/dist/main.js
CHANGED
|
@@ -2,6 +2,7 @@ export * from "./components/NSBarAction";
|
|
|
2
2
|
export * from "./components/NSBarAlert";
|
|
3
3
|
export * from "./components/NSBarNotification";
|
|
4
4
|
export * from "./components/NSBarTitle";
|
|
5
|
+
export * from "./components/NSBox";
|
|
5
6
|
export * from "./components/NSBoxBaseCombo";
|
|
6
7
|
export * from "./components/NSBoxBoolean";
|
|
7
8
|
export * from "./components/NSBoxBooleans";
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/Validator.ts
CHANGED
|
@@ -66,24 +66,46 @@ export class Validator
|
|
|
66
66
|
}
|
|
67
67
|
});
|
|
68
68
|
}
|
|
69
|
-
static getErrorDate(name: string, value:
|
|
69
|
+
static getErrorDate(name: string, value: Date | null | undefined): string | null
|
|
70
70
|
{
|
|
71
|
-
|
|
71
|
+
if (value != null)
|
|
72
|
+
{
|
|
73
|
+
const dateTime = new Date(value);
|
|
74
|
+
if (isNaN(dateTime.getTime()))
|
|
75
|
+
return `${value} is not a valid Date for ${name}.`;
|
|
76
|
+
}
|
|
77
|
+
return Validator.getError(name, value?.toLocaleDateString(), {
|
|
72
78
|
required: true, regex: {
|
|
73
79
|
name: "Date",
|
|
74
80
|
regex: DateSchema.REGEX
|
|
75
81
|
}
|
|
76
82
|
});
|
|
77
83
|
}
|
|
78
|
-
static getErrorTime(name: string, value:
|
|
84
|
+
static getErrorTime(name: string, value: Date | null | undefined): string | null
|
|
79
85
|
{
|
|
80
|
-
|
|
86
|
+
if (value != null)
|
|
87
|
+
{
|
|
88
|
+
const dateTime = new Date(value);
|
|
89
|
+
if (isNaN(dateTime.getTime()))
|
|
90
|
+
return `${value} is not a valid Time for ${name}.`;
|
|
91
|
+
}
|
|
92
|
+
return Validator.getError(name, value?.toLocaleTimeString(), {
|
|
81
93
|
required: true, regex: {
|
|
82
94
|
name: "Time",
|
|
83
95
|
regex: TimeSchema.REGEX
|
|
84
96
|
}
|
|
85
97
|
});
|
|
86
98
|
}
|
|
99
|
+
static getErrorDateTime(name: string, value: Date | null | undefined): string | null
|
|
100
|
+
{
|
|
101
|
+
if (value != null)
|
|
102
|
+
{
|
|
103
|
+
const dateTime = new Date(value);
|
|
104
|
+
if (isNaN(dateTime.getTime()))
|
|
105
|
+
return `${value} is not a valid DateTime for ${name}.`;
|
|
106
|
+
}
|
|
107
|
+
return null;
|
|
108
|
+
}
|
|
87
109
|
static getErrorDuration(name: string, value: string | null | undefined): string | null
|
|
88
110
|
{
|
|
89
111
|
return Validator.getError(name, value, {
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
class NSBoxWidth
|
|
2
|
+
{
|
|
3
|
+
one: string = "272px";
|
|
4
|
+
double: string = "560px";
|
|
5
|
+
triple: string = "848px";
|
|
6
|
+
quadruple: string = "1136px";
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
class NSBoxHeight
|
|
10
|
+
{
|
|
11
|
+
box: string = "48px";
|
|
12
|
+
header: string = "28px";
|
|
13
|
+
total: string = "76px";
|
|
14
|
+
}
|
|
15
|
+
export class NSBox
|
|
16
|
+
{
|
|
17
|
+
static width: NSBoxWidth = new NSBoxWidth();
|
|
18
|
+
static height: NSBoxHeight = new NSBoxHeight();
|
|
19
|
+
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
3
|
import { NSBoxBoolean } from "./NSBoxBoolean";
|
|
4
|
+
import { NSBox } from "./NSBox";
|
|
4
5
|
|
|
5
6
|
export interface NSBoxBooleansProps extends IBaseComponentProps
|
|
6
7
|
{
|
|
@@ -153,7 +154,7 @@ export class NSBoxBooleans extends React.Component<NSBoxBooleansProps, NSboxBool
|
|
|
153
154
|
hideHeader={this.props.hideHeaderBoxes}
|
|
154
155
|
checked={this.state.values.includes(e.value)}
|
|
155
156
|
key={`NSBoxBooleans_NSBoxBoolean_key_${index}`}
|
|
156
|
-
style={{ width:
|
|
157
|
+
style={{ width: NSBox.width.one }}
|
|
157
158
|
onChanged={this.onItemChecked}
|
|
158
159
|
/>
|
|
159
160
|
)
|
|
@@ -9,12 +9,12 @@ import { Validator } from "../Validator";
|
|
|
9
9
|
import { safeMenuMenuItem } from "./NSMenuButton";
|
|
10
10
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
11
11
|
|
|
12
|
-
export interface NSBoxDateProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<
|
|
12
|
+
export interface NSBoxDateProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<Date, NSBoxDate>
|
|
13
13
|
{ }
|
|
14
14
|
|
|
15
15
|
export interface NSBoxDateState
|
|
16
16
|
{
|
|
17
|
-
value:
|
|
17
|
+
value: Date;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
export class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState>
|
|
@@ -23,26 +23,26 @@ export class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState>
|
|
|
23
23
|
constructor(props: NSBoxDateProps)
|
|
24
24
|
{
|
|
25
25
|
super(props);
|
|
26
|
-
this.state = { value: props.defaultValue ??
|
|
26
|
+
this.state = { value: props.defaultValue ?? new Date() };
|
|
27
27
|
this.getError = this.getError.bind(this);
|
|
28
28
|
this.getValue = this.getValue.bind(this);
|
|
29
29
|
this.setValue = this.setValue.bind(this);
|
|
30
|
-
this.onChanged = this.onChanged.bind(this);
|
|
31
30
|
}
|
|
32
31
|
getError(): string | null
|
|
33
32
|
{
|
|
34
33
|
return (
|
|
35
|
-
Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
34
|
+
Validator.getError(this.props.title, this.state.value.toLocaleDateString(), this.props) ||
|
|
36
35
|
Validator.getErrorDate(this.props.title, this.state.value)
|
|
37
36
|
);
|
|
38
37
|
}
|
|
39
38
|
getValue(checkError: boolean = true): Date
|
|
40
39
|
{
|
|
41
|
-
return NSBoxBaseLayout.checkGetValue(this, checkError, () =>
|
|
40
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
42
41
|
}
|
|
43
|
-
setValue(value: string, callback?: () => void): void
|
|
42
|
+
setValue(value: string | Date, callback?: () => void): void
|
|
44
43
|
{
|
|
45
|
-
|
|
44
|
+
let date_value = new Date(value);
|
|
45
|
+
this.setState({ value: date_value }, () =>
|
|
46
46
|
{
|
|
47
47
|
if (this.props.onChanged)
|
|
48
48
|
this.props.onChanged(this, callback);
|
|
@@ -50,10 +50,6 @@ export class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState>
|
|
|
50
50
|
callback();
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
|
-
private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
|
|
54
|
-
{
|
|
55
|
-
this.setValue(e.target.value);
|
|
56
|
-
}
|
|
57
53
|
override render()
|
|
58
54
|
{
|
|
59
55
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
@@ -63,7 +59,7 @@ export class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState>
|
|
|
63
59
|
<NSBoxBaseLayout
|
|
64
60
|
ref={this.NSBoxBaseLayout_Main}
|
|
65
61
|
{...this.props}
|
|
66
|
-
getValue={() => this.state.value}
|
|
62
|
+
getValue={() => this.state.value.toLocaleDateString()}
|
|
67
63
|
setValue={this.setValue}
|
|
68
64
|
menu={menu}
|
|
69
65
|
>
|
|
@@ -73,8 +69,8 @@ export class NSBoxDate extends React.Component<NSBoxDateProps, NSBoxDateState>
|
|
|
73
69
|
type="date"
|
|
74
70
|
className={StylesNSBox.ns_box_input}
|
|
75
71
|
placeholder={this.props.placeholder}
|
|
76
|
-
value={this.state.value}
|
|
77
|
-
onChange={this.
|
|
72
|
+
value={this.state.value.toLocaleDateString()}
|
|
73
|
+
onChange={e => this.setValue(e.target.value)}
|
|
78
74
|
onClick={() => { if (this.props.onClicked) this.props.onClicked(this); }}
|
|
79
75
|
style={{
|
|
80
76
|
background: `url("https://static.namirasoft.com/image/concept/type/date.png") white no-repeat scroll center right 4px`,
|
|
@@ -9,12 +9,12 @@ import { Validator } from "../Validator";
|
|
|
9
9
|
import { safeMenuMenuItem } from "./NSMenuButton";
|
|
10
10
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
11
11
|
|
|
12
|
-
export interface NSBoxDateTimeProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<
|
|
12
|
+
export interface NSBoxDateTimeProps extends IBaseComponentProps, IValidationProps, INSBoxBaseLayoutProps<Date, NSBoxDateTime>
|
|
13
13
|
{ }
|
|
14
14
|
|
|
15
15
|
export interface NSBoxDateTimeState
|
|
16
16
|
{
|
|
17
|
-
value:
|
|
17
|
+
value: Date;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
export class NSBoxDateTime extends React.Component<NSBoxDateTimeProps, NSBoxDateTimeState>
|
|
@@ -23,7 +23,7 @@ export class NSBoxDateTime extends React.Component<NSBoxDateTimeProps, NSBoxDate
|
|
|
23
23
|
constructor(props: NSBoxDateTimeProps)
|
|
24
24
|
{
|
|
25
25
|
super(props);
|
|
26
|
-
this.state = { value: props.defaultValue ??
|
|
26
|
+
this.state = { value: props.defaultValue ?? new Date() };
|
|
27
27
|
this.getError = this.getError.bind(this);
|
|
28
28
|
this.getValue = this.getValue.bind(this);
|
|
29
29
|
this.setValue = this.setValue.bind(this);
|
|
@@ -32,17 +32,18 @@ export class NSBoxDateTime extends React.Component<NSBoxDateTimeProps, NSBoxDate
|
|
|
32
32
|
getError(): string | null
|
|
33
33
|
{
|
|
34
34
|
return (
|
|
35
|
-
Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
36
|
-
Validator.
|
|
35
|
+
Validator.getError(this.props.title, this.state.value.toLocaleString(), this.props) ||
|
|
36
|
+
Validator.getErrorDateTime(this.props.title, this.state.value)
|
|
37
37
|
);
|
|
38
38
|
}
|
|
39
|
-
getValue(checkError: boolean = true):
|
|
39
|
+
getValue(checkError: boolean = true): Date
|
|
40
40
|
{
|
|
41
41
|
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
42
42
|
}
|
|
43
|
-
setValue(value: string, callback?: () => void): void
|
|
43
|
+
setValue(value: string | Date, callback?: () => void): void
|
|
44
44
|
{
|
|
45
|
-
|
|
45
|
+
let value_date = new Date(value);
|
|
46
|
+
this.setState({ value: value_date }, () =>
|
|
46
47
|
{
|
|
47
48
|
if (this.props.onChanged)
|
|
48
49
|
this.props.onChanged(this, callback);
|
|
@@ -63,7 +64,7 @@ export class NSBoxDateTime extends React.Component<NSBoxDateTimeProps, NSBoxDate
|
|
|
63
64
|
<NSBoxBaseLayout
|
|
64
65
|
ref={this.NSBoxBaseLayout_Main}
|
|
65
66
|
{...this.props}
|
|
66
|
-
getValue={() => this.state.value}
|
|
67
|
+
getValue={() => this.state.value.toLocaleString()}
|
|
67
68
|
setValue={this.setValue}
|
|
68
69
|
menu={menu}
|
|
69
70
|
>
|
|
@@ -73,7 +74,7 @@ export class NSBoxDateTime extends React.Component<NSBoxDateTimeProps, NSBoxDate
|
|
|
73
74
|
type="datetime-local"
|
|
74
75
|
className={StylesNSBox.ns_box_input}
|
|
75
76
|
placeholder={this.props.placeholder}
|
|
76
|
-
value={this.state.value}
|
|
77
|
+
value={this.state.value.toLocaleString()}
|
|
77
78
|
onChange={this.onChanged}
|
|
78
79
|
onClick={() => { if (this.props.onClicked) this.props.onClicked(this); }}
|
|
79
80
|
style={{
|
|
@@ -10,12 +10,12 @@ import { Validator } from "../Validator";
|
|
|
10
10
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
11
11
|
import { safeMenuMenuItem } from "./NSMenuButton";
|
|
12
12
|
|
|
13
|
-
export interface NSBoxTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<
|
|
13
|
+
export interface NSBoxTimeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<Date, NSBoxTime>
|
|
14
14
|
{ }
|
|
15
15
|
|
|
16
16
|
export interface NSBoxTimeState
|
|
17
17
|
{
|
|
18
|
-
value:
|
|
18
|
+
value: Date;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
export class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState>
|
|
@@ -24,7 +24,7 @@ export class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState>
|
|
|
24
24
|
constructor(props: NSBoxTimeProps)
|
|
25
25
|
{
|
|
26
26
|
super(props);
|
|
27
|
-
this.state = { value: props.defaultValue ??
|
|
27
|
+
this.state = { value: props.defaultValue ?? new Date() };
|
|
28
28
|
this.getError = this.getError.bind(this);
|
|
29
29
|
this.getValue = this.getValue.bind(this);
|
|
30
30
|
this.setValue = this.setValue.bind(this);
|
|
@@ -32,18 +32,19 @@ export class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState>
|
|
|
32
32
|
getError(): string | null
|
|
33
33
|
{
|
|
34
34
|
return (
|
|
35
|
-
Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
36
|
-
Validator.getErrorString(this.props.title, this.state.value, this.props) ||
|
|
35
|
+
Validator.getError(this.props.title, this.state.value.toLocaleTimeString(), this.props) ||
|
|
36
|
+
Validator.getErrorString(this.props.title, this.state.value.toLocaleTimeString(), this.props) ||
|
|
37
37
|
Validator.getErrorTime(this.props.title, this.state.value)
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
|
-
getValue(checkError: boolean = true):
|
|
40
|
+
getValue(checkError: boolean = true): Date
|
|
41
41
|
{
|
|
42
42
|
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
43
43
|
}
|
|
44
|
-
setValue(value: string, callback?: () => void): void
|
|
44
|
+
setValue(value: string | Date, callback?: () => void): void
|
|
45
45
|
{
|
|
46
|
-
|
|
46
|
+
let value_date = new Date(value);
|
|
47
|
+
this.setState({ value: value_date }, () =>
|
|
47
48
|
{
|
|
48
49
|
if (this.props.onChanged)
|
|
49
50
|
this.props.onChanged(this, callback);
|
|
@@ -60,7 +61,7 @@ export class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState>
|
|
|
60
61
|
<NSBoxBaseLayout
|
|
61
62
|
ref={this.NSBoxBaseLayout_Main}
|
|
62
63
|
{...this.props}
|
|
63
|
-
getValue={() => this.state.value
|
|
64
|
+
getValue={() => this.state.value.toLocaleTimeString()}
|
|
64
65
|
setValue={() => { }}
|
|
65
66
|
>
|
|
66
67
|
<input
|
|
@@ -69,7 +70,7 @@ export class NSBoxTime extends React.Component<NSBoxTimeProps, NSBoxTimeState>
|
|
|
69
70
|
type="time"
|
|
70
71
|
className={StylesNSBox.ns_box_input}
|
|
71
72
|
placeholder={this.props.placeholder}
|
|
72
|
-
value={this.state.value}
|
|
73
|
+
value={this.state.value.toLocaleTimeString()}
|
|
73
74
|
onChange={e => this.setValue(e.target.value)}
|
|
74
75
|
onClick={() => { if (this.props.onClicked) this.props.onClicked(this); }}
|
|
75
76
|
step="5"
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { NSBox } from "./NSBox";
|
|
1
2
|
import { NSLink, NSLinkProps } from "./NSLink";
|
|
2
3
|
|
|
3
4
|
export function NSLinkBlue(props: NSLinkProps)
|
|
@@ -10,8 +11,8 @@ export function NSLinkBlue(props: NSLinkProps)
|
|
|
10
11
|
color: "#fff",
|
|
11
12
|
border: "none",
|
|
12
13
|
backgroundColor: "rgba(3, 119, 255, 1)",
|
|
13
|
-
width:
|
|
14
|
-
height:
|
|
14
|
+
width: NSBox.width.one,
|
|
15
|
+
height: NSBox.height.box,
|
|
15
16
|
boxShadow: "inset 0 - 4px 4px 0px rgb(0 0 0 / 25 %)"
|
|
16
17
|
}}
|
|
17
18
|
title={props.title}
|
|
@@ -172,7 +172,7 @@ export class NSPagination extends Component<NSPaginationProps, NSPaginationState
|
|
|
172
172
|
onPageChange(currentPage, pageSize);
|
|
173
173
|
});
|
|
174
174
|
}}
|
|
175
|
-
style={{ width: "
|
|
175
|
+
style={{ width: "80px" }}
|
|
176
176
|
/>
|
|
177
177
|
<p className={Styles.ns_pagination_info}>
|
|
178
178
|
{`(${current_min.toLocaleString()} - ${current_max.toLocaleString()}) of ${totalItems.toLocaleString()}`}
|
package/src/main.ts
CHANGED
|
@@ -5,6 +5,7 @@ export * from "./components/NSBarNotification";
|
|
|
5
5
|
export * from "./components/NSBarTitle";
|
|
6
6
|
|
|
7
7
|
// Box
|
|
8
|
+
export * from "./components/NSBox";
|
|
8
9
|
export * from "./components/NSBoxBaseCombo";
|
|
9
10
|
export * from "./components/NSBoxBoolean";
|
|
10
11
|
export * from "./components/NSBoxBooleans";
|