namirasoft-site-react 1.4.165 → 1.4.167
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 +4 -37
- package/dist/App.js.map +1 -1
- package/dist/NSBoxBuilder.d.ts +54 -0
- package/dist/NSBoxBuilder.js +313 -0
- package/dist/NSBoxBuilder.js.map +1 -0
- package/dist/Validator.d.ts +1 -1
- package/dist/Validator.js +13 -3
- package/dist/Validator.js.map +1 -1
- package/dist/components/INSBox.d.ts +6 -0
- package/dist/components/INSBox.js +2 -0
- package/dist/components/INSBox.js.map +1 -0
- package/dist/components/NSBox.js.map +1 -1
- package/dist/components/NSBoxBaseCombo.d.ts +13 -10
- package/dist/components/NSBoxBaseCombo.js +96 -65
- package/dist/components/NSBoxBaseCombo.js.map +1 -1
- package/dist/components/NSBoxBaseLayout.d.ts +2 -2
- package/dist/components/NSBoxBaseLayout.js +3 -2
- package/dist/components/NSBoxBaseLayout.js.map +1 -1
- package/dist/components/NSBoxBaseLayoutRecursive.d.ts +13 -0
- package/dist/components/NSBoxBaseLayoutRecursive.js +38 -0
- package/dist/components/NSBoxBaseLayoutRecursive.js.map +1 -0
- package/dist/components/NSBoxBoolean.d.ts +11 -10
- package/dist/components/NSBoxBoolean.js +31 -29
- package/dist/components/NSBoxBoolean.js.map +1 -1
- package/dist/components/NSBoxBooleans.js +5 -6
- package/dist/components/NSBoxBooleans.js.map +1 -1
- package/dist/components/NSBoxColor.d.ts +20 -0
- package/dist/components/NSBoxColor.js +47 -0
- package/dist/components/NSBoxColor.js.map +1 -0
- package/dist/components/NSBoxCombo.d.ts +10 -5
- package/dist/components/NSBoxCombo.js +34 -13
- package/dist/components/NSBoxCombo.js.map +1 -1
- package/dist/components/NSBoxDate.d.ts +6 -4
- package/dist/components/NSBoxDate.js +12 -8
- package/dist/components/NSBoxDate.js.map +1 -1
- package/dist/components/NSBoxDateTime.d.ts +6 -5
- package/dist/components/NSBoxDateTime.js +14 -13
- package/dist/components/NSBoxDateTime.js.map +1 -1
- package/dist/components/NSBoxDouble.d.ts +8 -6
- package/dist/components/NSBoxDouble.js +13 -13
- package/dist/components/NSBoxDouble.js.map +1 -1
- package/dist/components/NSBoxDuration.d.ts +6 -5
- package/dist/components/NSBoxDuration.js +13 -13
- package/dist/components/NSBoxDuration.js.map +1 -1
- package/dist/components/NSBoxDynamic.d.ts +20 -0
- package/dist/components/NSBoxDynamic.js +36 -0
- package/dist/components/NSBoxDynamic.js.map +1 -0
- package/dist/components/NSBoxEmail.d.ts +6 -5
- package/dist/components/NSBoxEmail.js +16 -13
- package/dist/components/NSBoxEmail.js.map +1 -1
- package/dist/components/NSBoxEntity.d.ts +10 -5
- package/dist/components/NSBoxEntity.js +34 -13
- package/dist/components/NSBoxEntity.js.map +1 -1
- package/dist/components/NSBoxEnum.d.ts +12 -5
- package/dist/components/NSBoxEnum.js +48 -15
- package/dist/components/NSBoxEnum.js.map +1 -1
- package/dist/components/NSBoxFile.d.ts +0 -1
- package/dist/components/NSBoxFile.js +1 -7
- package/dist/components/NSBoxFile.js.map +1 -1
- package/dist/components/NSBoxFilePath.d.ts +20 -0
- package/dist/components/NSBoxFilePath.js +47 -0
- package/dist/components/NSBoxFilePath.js.map +1 -0
- package/dist/components/NSBoxFont.d.ts +20 -0
- package/dist/components/NSBoxFont.js +47 -0
- package/dist/components/NSBoxFont.js.map +1 -0
- package/dist/components/NSBoxIPV4.d.ts +6 -5
- package/dist/components/NSBoxIPV4.js +13 -13
- package/dist/components/NSBoxIPV4.js.map +1 -1
- package/dist/components/NSBoxIPV4Range.d.ts +20 -0
- package/dist/components/NSBoxIPV4Range.js +47 -0
- package/dist/components/NSBoxIPV4Range.js.map +1 -0
- package/dist/components/NSBoxIPV6.d.ts +6 -5
- package/dist/components/NSBoxIPV6.js +13 -13
- package/dist/components/NSBoxIPV6.js.map +1 -1
- package/dist/components/NSBoxIPV6Range.d.ts +20 -0
- package/dist/components/NSBoxIPV6Range.js +47 -0
- package/dist/components/NSBoxIPV6Range.js.map +1 -0
- package/dist/components/NSBoxInteger.d.ts +6 -5
- package/dist/components/NSBoxInteger.js +13 -13
- package/dist/components/NSBoxInteger.js.map +1 -1
- package/dist/components/NSBoxMoney.d.ts +8 -6
- package/dist/components/NSBoxMoney.js +14 -13
- package/dist/components/NSBoxMoney.js.map +1 -1
- package/dist/components/NSBoxPassword.d.ts +6 -5
- package/dist/components/NSBoxPassword.js +12 -14
- package/dist/components/NSBoxPassword.js.map +1 -1
- package/dist/components/NSBoxPhone.d.ts +6 -4
- package/dist/components/NSBoxPhone.js +12 -7
- package/dist/components/NSBoxPhone.js.map +1 -1
- package/dist/components/NSBoxRadio.d.ts +3 -2
- package/dist/components/NSBoxRadio.js +12 -14
- package/dist/components/NSBoxRadio.js.map +1 -1
- package/dist/components/NSBoxSchemaBase.d.ts +39 -0
- package/dist/components/NSBoxSchemaBase.js +327 -0
- package/dist/components/NSBoxSchemaBase.js.map +1 -0
- package/dist/components/NSBoxSchemaBase.module.css +18 -0
- package/dist/components/NSBoxSchemaVariable.d.ts +32 -0
- package/dist/components/NSBoxSchemaVariable.js +127 -0
- package/dist/components/NSBoxSchemaVariable.js.map +1 -0
- package/dist/components/NSBoxSchemaVariable.module.css +17 -0
- package/dist/components/NSBoxSearch.d.ts +6 -5
- package/dist/components/NSBoxSearch.js +16 -12
- package/dist/components/NSBoxSearch.js.map +1 -1
- package/dist/components/NSBoxString.d.ts +6 -5
- package/dist/components/NSBoxString.js +16 -12
- package/dist/components/NSBoxString.js.map +1 -1
- package/dist/components/NSBoxTextArea.d.ts +6 -5
- package/dist/components/NSBoxTextArea.js +16 -21
- package/dist/components/NSBoxTextArea.js.map +1 -1
- package/dist/components/NSBoxTime.d.ts +6 -4
- package/dist/components/NSBoxTime.js +13 -9
- package/dist/components/NSBoxTime.js.map +1 -1
- package/dist/components/NSBoxTimeZone.d.ts +20 -0
- package/dist/components/NSBoxTimeZone.js +47 -0
- package/dist/components/NSBoxTimeZone.js.map +1 -0
- package/dist/components/NSBoxURL.d.ts +20 -0
- package/dist/components/NSBoxURL.js +48 -0
- package/dist/components/NSBoxURL.js.map +1 -0
- package/dist/components/NSBoxVersion.d.ts +20 -0
- package/dist/components/NSBoxVersion.js +47 -0
- package/dist/components/NSBoxVersion.js.map +1 -0
- package/dist/components/NSDialog.module.css +3 -2
- package/dist/components/NSFilterBox.js +4 -2
- package/dist/components/NSFilterBox.js.map +1 -1
- package/dist/components/NSLine.js.map +1 -1
- package/dist/components/NSLine.module.css +1 -0
- package/dist/components/NSMenuButton.d.ts +14 -5
- package/dist/components/NSMenuButton.js +21 -12
- package/dist/components/NSMenuButton.js.map +1 -1
- package/dist/components/NSPagination.js +2 -2
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSPanel.module.css +1 -0
- package/dist/components/NSRepeater.d.ts +18 -10
- package/dist/components/NSRepeater.js +75 -39
- package/dist/components/NSRepeater.js.map +1 -1
- package/dist/components/NSRepeaterNSBoxSchemaVariable.d.ts +23 -0
- package/dist/components/NSRepeaterNSBoxSchemaVariable.js +50 -0
- package/dist/components/NSRepeaterNSBoxSchemaVariable.js.map +1 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +1 -0
- package/dist/main.js.map +1 -1
- package/dist/props/IValidationPrecisionProps.d.ts +3 -0
- package/dist/props/IValidationPrecisionProps.js +2 -0
- package/dist/props/IValidationPrecisionProps.js.map +1 -0
- package/dist/props/IValidationProps.d.ts +2 -0
- package/package.json +6 -6
- package/src/App.tsx +7 -82
- package/src/NSBoxBuilder.tsx +850 -0
- package/src/Validator.ts +16 -4
- package/src/components/INSBox.tsx +7 -0
- package/src/components/NSBox.tsx +1 -0
- package/src/components/NSBoxBaseCombo.tsx +110 -75
- package/src/components/NSBoxBaseLayout.tsx +4 -7
- package/src/components/NSBoxBaseLayoutRecursive.tsx +55 -0
- package/src/components/NSBoxBoolean.tsx +40 -41
- package/src/components/NSBoxBooleans.tsx +4 -7
- package/src/components/NSBoxColor.tsx +88 -0
- package/src/components/NSBoxCombo.tsx +36 -15
- package/src/components/NSBoxDate.tsx +18 -14
- package/src/components/NSBoxDateTime.tsx +20 -21
- package/src/components/NSBoxDouble.tsx +23 -23
- package/src/components/NSBoxDuration.tsx +19 -20
- package/src/components/NSBoxDynamic.tsx +56 -0
- package/src/components/NSBoxEmail.tsx +23 -25
- package/src/components/NSBoxEntity.tsx +36 -15
- package/src/components/NSBoxEnum.tsx +51 -16
- package/src/components/NSBoxFile.tsx +1 -11
- package/src/components/NSBoxFilePath.tsx +88 -0
- package/src/components/NSBoxFont.tsx +88 -0
- package/src/components/NSBoxIPV4.tsx +19 -20
- package/src/components/NSBoxIPV4Range.tsx +88 -0
- package/src/components/NSBoxIPV6.tsx +19 -20
- package/src/components/NSBoxIPV6Range.tsx +88 -0
- package/src/components/NSBoxInteger.tsx +19 -20
- package/src/components/NSBoxMoney.tsx +25 -22
- package/src/components/NSBoxPassword.tsx +18 -21
- package/src/components/NSBoxPhone.tsx +16 -14
- package/src/components/NSBoxRadio.tsx +16 -24
- package/src/components/NSBoxSchemaBase.module.css +18 -0
- package/src/components/NSBoxSchemaBase.tsx +523 -0
- package/src/components/NSBoxSchemaVariable.module.css +17 -0
- package/src/components/NSBoxSchemaVariable.tsx +247 -0
- package/src/components/NSBoxSearch.tsx +24 -19
- package/src/components/NSBoxString.tsx +26 -19
- package/src/components/NSBoxTextArea.tsx +24 -19
- package/src/components/NSBoxTime.tsx +19 -14
- package/src/components/NSBoxTimeZone.tsx +88 -0
- package/src/components/NSBoxURL.tsx +89 -0
- package/src/components/NSBoxVersion.tsx +88 -0
- package/src/components/NSDialog.module.css +3 -2
- package/src/components/NSFilterBox.tsx +6 -2
- package/src/components/NSLine.module.css +1 -0
- package/src/components/NSLine.tsx +1 -3
- package/src/components/NSMenuButton.tsx +28 -11
- package/src/components/NSPagination.tsx +2 -3
- package/src/components/NSPanel.module.css +1 -0
- package/src/components/NSRepeater.tsx +91 -47
- package/src/components/NSRepeaterNSBoxSchemaVariable.tsx +90 -0
- package/src/main.ts +1 -0
- package/src/props/IValidationPrecisionProps.ts +4 -0
- package/src/props/IValidationProps.ts +2 -0
|
@@ -3,17 +3,18 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
5
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
+
import { INSBox } from "./INSBox";
|
|
6
7
|
export interface NSBoxIPV4Props extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxIPV4> {
|
|
7
8
|
}
|
|
8
9
|
export interface NSBoxIPV4State {
|
|
9
|
-
value: string;
|
|
10
|
+
value: string | null;
|
|
10
11
|
}
|
|
11
|
-
export declare class NSBoxIPV4 extends React.Component<NSBoxIPV4Props, NSBoxIPV4State> {
|
|
12
|
+
export declare class NSBoxIPV4 extends React.Component<NSBoxIPV4Props, NSBoxIPV4State> implements INSBox {
|
|
12
13
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
13
14
|
constructor(props: NSBoxIPV4Props);
|
|
15
|
+
isEmpty(value: string): boolean;
|
|
14
16
|
getError(): string | null;
|
|
15
|
-
getValue(checkError?: boolean): string;
|
|
16
|
-
setValue(value: string, callback?: () => void): void;
|
|
17
|
-
private onChanged;
|
|
17
|
+
getValue(checkError?: boolean): string | null;
|
|
18
|
+
setValue(value: string | null, callback?: () => void): void;
|
|
18
19
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
19
20
|
}
|
|
@@ -12,11 +12,16 @@ export class NSBoxIPV4 extends React.Component {
|
|
|
12
12
|
var _a;
|
|
13
13
|
super(props);
|
|
14
14
|
this.NSBoxBaseLayout_Main = createRef();
|
|
15
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a :
|
|
15
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null };
|
|
16
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
16
17
|
this.getError = this.getError.bind(this);
|
|
17
18
|
this.getValue = this.getValue.bind(this);
|
|
18
19
|
this.setValue = this.setValue.bind(this);
|
|
19
|
-
|
|
20
|
+
}
|
|
21
|
+
isEmpty(value) {
|
|
22
|
+
if ((value !== null && value !== void 0 ? value : "").trim())
|
|
23
|
+
return false;
|
|
24
|
+
return true;
|
|
20
25
|
}
|
|
21
26
|
getError() {
|
|
22
27
|
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
@@ -28,21 +33,16 @@ export class NSBoxIPV4 extends React.Component {
|
|
|
28
33
|
}
|
|
29
34
|
setValue(value, callback) {
|
|
30
35
|
this.setState({ value }, () => {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
callback();
|
|
36
|
+
var _a, _b;
|
|
37
|
+
(_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
38
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
35
39
|
});
|
|
36
40
|
}
|
|
37
|
-
onChanged(e) {
|
|
38
|
-
this.setValue(e.target.value);
|
|
39
|
-
}
|
|
40
41
|
render() {
|
|
41
|
-
var _a;
|
|
42
|
+
var _a, _b;
|
|
42
43
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
43
|
-
menu.builtin.
|
|
44
|
-
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, {
|
|
45
|
-
this.props.onClicked(this); }, minLength: 7, maxLength: 15, size: 15, pattern: IPV4Schema.REGEX + "", style: {
|
|
44
|
+
menu.builtin.copy = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; } };
|
|
45
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "text", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: (_b = this.state.value) !== null && _b !== void 0 ? _b : "", onChange: e => this.setValue(e.target.value), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, minLength: 7, maxLength: 15, size: 15, pattern: IPV4Schema.REGEX + "", style: {
|
|
46
46
|
background: `url("https://static.namirasoft.com/image/concept/type/ipv4%266.png") white no-repeat scroll center right 4px`,
|
|
47
47
|
backgroundSize: "24px"
|
|
48
48
|
} }) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxIPV4.js","sourceRoot":"","sources":["../../src/components/NSBoxIPV4.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxIPV4.js","sourceRoot":"","sources":["../../src/components/NSBoxIPV4.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
+
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
+
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
+
import { INSBox } from "./INSBox";
|
|
7
|
+
export interface NSBoxIPV4RangeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxIPV4Range> {
|
|
8
|
+
}
|
|
9
|
+
export interface NSBoxIPV4RangeState {
|
|
10
|
+
value: string | null;
|
|
11
|
+
}
|
|
12
|
+
export declare class NSBoxIPV4Range extends React.Component<NSBoxIPV4RangeProps, NSBoxIPV4RangeState> implements INSBox {
|
|
13
|
+
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
14
|
+
constructor(props: NSBoxIPV4RangeProps);
|
|
15
|
+
isEmpty(value: string): boolean;
|
|
16
|
+
getError(): string | null;
|
|
17
|
+
getValue(checkError?: boolean): string | null;
|
|
18
|
+
setValue(value: string | null, callback?: () => void): void;
|
|
19
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import React, { createRef } from "react";
|
|
4
|
+
import StylesNSBox from "./NSBox.module.css";
|
|
5
|
+
import { Validator } from "../Validator";
|
|
6
|
+
import { safeMenuMenuItem } from "./NSMenuButton";
|
|
7
|
+
import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
8
|
+
export class NSBoxIPV4Range extends React.Component {
|
|
9
|
+
constructor(props) {
|
|
10
|
+
var _a;
|
|
11
|
+
super(props);
|
|
12
|
+
this.NSBoxBaseLayout_Main = createRef();
|
|
13
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null };
|
|
14
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
15
|
+
this.getError = this.getError.bind(this);
|
|
16
|
+
this.getValue = this.getValue.bind(this);
|
|
17
|
+
this.setValue = this.setValue.bind(this);
|
|
18
|
+
}
|
|
19
|
+
isEmpty(value) {
|
|
20
|
+
if ((value !== null && value !== void 0 ? value : "").trim())
|
|
21
|
+
return false;
|
|
22
|
+
return true;
|
|
23
|
+
}
|
|
24
|
+
getError() {
|
|
25
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
26
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props));
|
|
27
|
+
}
|
|
28
|
+
getValue(checkError = true) {
|
|
29
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
30
|
+
}
|
|
31
|
+
setValue(value, callback) {
|
|
32
|
+
this.setState({ value }, () => {
|
|
33
|
+
var _a, _b;
|
|
34
|
+
(_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
35
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
render() {
|
|
39
|
+
let menu = safeMenuMenuItem(this.props, () => { });
|
|
40
|
+
menu.builtin.copy = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; } };
|
|
41
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("div", { id: this.props.id, className: StylesNSBox.ns_box_input, style: {
|
|
42
|
+
background: `url("https://static.namirasoft.com/image/concept/type/ip-range.png") white no-repeat scroll center right 4px`,
|
|
43
|
+
backgroundSize: "24px"
|
|
44
|
+
}, children: "Not implemented" }) })));
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=NSBoxIPV4Range.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSBoxIPV4Range.js","sourceRoot":"","sources":["../../src/components/NSBoxIPV4Range.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,17 +3,18 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
5
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
+
import { INSBox } from "./INSBox";
|
|
6
7
|
export interface NSBoxIPV6Props extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxIPV6> {
|
|
7
8
|
}
|
|
8
9
|
export interface NSBoxIPV6State {
|
|
9
|
-
value: string;
|
|
10
|
+
value: string | null;
|
|
10
11
|
}
|
|
11
|
-
export declare class NSBoxIPV6 extends React.Component<NSBoxIPV6Props, NSBoxIPV6State> {
|
|
12
|
+
export declare class NSBoxIPV6 extends React.Component<NSBoxIPV6Props, NSBoxIPV6State> implements INSBox {
|
|
12
13
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
13
14
|
constructor(props: NSBoxIPV6Props);
|
|
15
|
+
isEmpty(value: string): boolean;
|
|
14
16
|
getError(): string | null;
|
|
15
|
-
getValue(checkError?: boolean): string;
|
|
16
|
-
setValue(value: string, callback?: () => void): void;
|
|
17
|
-
private onChanged;
|
|
17
|
+
getValue(checkError?: boolean): string | null;
|
|
18
|
+
setValue(value: string | null, callback?: () => void): void;
|
|
18
19
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
19
20
|
}
|
|
@@ -12,11 +12,16 @@ export class NSBoxIPV6 extends React.Component {
|
|
|
12
12
|
var _a;
|
|
13
13
|
super(props);
|
|
14
14
|
this.NSBoxBaseLayout_Main = createRef();
|
|
15
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a :
|
|
15
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null };
|
|
16
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
16
17
|
this.getError = this.getError.bind(this);
|
|
17
18
|
this.getValue = this.getValue.bind(this);
|
|
18
19
|
this.setValue = this.setValue.bind(this);
|
|
19
|
-
|
|
20
|
+
}
|
|
21
|
+
isEmpty(value) {
|
|
22
|
+
if ((value !== null && value !== void 0 ? value : "").trim())
|
|
23
|
+
return false;
|
|
24
|
+
return true;
|
|
20
25
|
}
|
|
21
26
|
getError() {
|
|
22
27
|
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
@@ -28,21 +33,16 @@ export class NSBoxIPV6 extends React.Component {
|
|
|
28
33
|
}
|
|
29
34
|
setValue(value, callback) {
|
|
30
35
|
this.setState({ value }, () => {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
callback();
|
|
36
|
+
var _a, _b;
|
|
37
|
+
(_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
38
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
35
39
|
});
|
|
36
40
|
}
|
|
37
|
-
onChanged(e) {
|
|
38
|
-
this.setValue(e.target.value);
|
|
39
|
-
}
|
|
40
41
|
render() {
|
|
41
|
-
var _a;
|
|
42
|
+
var _a, _b;
|
|
42
43
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
43
|
-
menu.builtin.
|
|
44
|
-
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, {
|
|
45
|
-
this.props.onClicked(this); }, pattern: IPV6Schema.REGEX + "", style: {
|
|
44
|
+
menu.builtin.copy = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; } };
|
|
45
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "text", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: (_b = this.state.value) !== null && _b !== void 0 ? _b : "", onChange: e => this.setValue(e.target.value), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, pattern: IPV6Schema.REGEX + "", style: {
|
|
46
46
|
background: `url("https://static.namirasoft.com/image/concept/type/ipv4%266.png") white no-repeat scroll center right 4px`,
|
|
47
47
|
backgroundSize: "24px"
|
|
48
48
|
} }) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxIPV6.js","sourceRoot":"","sources":["../../src/components/NSBoxIPV6.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxIPV6.js","sourceRoot":"","sources":["../../src/components/NSBoxIPV6.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
import { IValidationProps } from "../props/IValidationProps";
|
|
4
|
+
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
+
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
+
import { INSBox } from "./INSBox";
|
|
7
|
+
export interface NSBoxIPV6RangeProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxIPV6Range> {
|
|
8
|
+
}
|
|
9
|
+
export interface NSBoxIPV6RangeState {
|
|
10
|
+
value: string | null;
|
|
11
|
+
}
|
|
12
|
+
export declare class NSBoxIPV6Range extends React.Component<NSBoxIPV6RangeProps, NSBoxIPV6RangeState> implements INSBox {
|
|
13
|
+
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
14
|
+
constructor(props: NSBoxIPV6RangeProps);
|
|
15
|
+
isEmpty(value: string): boolean;
|
|
16
|
+
getError(): string | null;
|
|
17
|
+
getValue(checkError?: boolean): string | null;
|
|
18
|
+
setValue(value: string | null, callback?: () => void): void;
|
|
19
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import React, { createRef } from "react";
|
|
4
|
+
import StylesNSBox from "./NSBox.module.css";
|
|
5
|
+
import { Validator } from "../Validator";
|
|
6
|
+
import { safeMenuMenuItem } from "./NSMenuButton";
|
|
7
|
+
import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
8
|
+
export class NSBoxIPV6Range extends React.Component {
|
|
9
|
+
constructor(props) {
|
|
10
|
+
var _a;
|
|
11
|
+
super(props);
|
|
12
|
+
this.NSBoxBaseLayout_Main = createRef();
|
|
13
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null };
|
|
14
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
15
|
+
this.getError = this.getError.bind(this);
|
|
16
|
+
this.getValue = this.getValue.bind(this);
|
|
17
|
+
this.setValue = this.setValue.bind(this);
|
|
18
|
+
}
|
|
19
|
+
isEmpty(value) {
|
|
20
|
+
if ((value !== null && value !== void 0 ? value : "").trim())
|
|
21
|
+
return false;
|
|
22
|
+
return true;
|
|
23
|
+
}
|
|
24
|
+
getError() {
|
|
25
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
26
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props));
|
|
27
|
+
}
|
|
28
|
+
getValue(checkError = true) {
|
|
29
|
+
return NSBoxBaseLayout.checkGetValue(this, checkError, () => this.state.value);
|
|
30
|
+
}
|
|
31
|
+
setValue(value, callback) {
|
|
32
|
+
this.setState({ value }, () => {
|
|
33
|
+
var _a, _b;
|
|
34
|
+
(_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
35
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
render() {
|
|
39
|
+
let menu = safeMenuMenuItem(this.props, () => { });
|
|
40
|
+
menu.builtin.copy = { enabled: true, getValue: () => { var _a; return (_a = this.state.value) !== null && _a !== void 0 ? _a : ""; } };
|
|
41
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("div", { id: this.props.id, className: StylesNSBox.ns_box_input, style: {
|
|
42
|
+
background: `url("https://static.namirasoft.com/image/concept/type/ip-range.png") white no-repeat scroll center right 4px`,
|
|
43
|
+
backgroundSize: "24px"
|
|
44
|
+
}, children: "Not implemented" }) })));
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=NSBoxIPV6Range.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSBoxIPV6Range.js","sourceRoot":"","sources":["../../src/components/NSBoxIPV6Range.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,17 +3,18 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
|
3
3
|
import { IValidationNumberProps } from "../props/IValidationNumberProps";
|
|
4
4
|
import { IValidationProps } from "../props/IValidationProps";
|
|
5
5
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
+
import { INSBox } from "./INSBox";
|
|
6
7
|
export interface NSBoxIntegerProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps, INSBoxBaseLayoutProps<number, NSBoxInteger> {
|
|
7
8
|
}
|
|
8
9
|
export interface NSBoxIntegerState {
|
|
9
|
-
value: number;
|
|
10
|
+
value: number | null;
|
|
10
11
|
}
|
|
11
|
-
export declare class NSBoxInteger extends React.Component<NSBoxIntegerProps, NSBoxIntegerState> {
|
|
12
|
+
export declare class NSBoxInteger extends React.Component<NSBoxIntegerProps, NSBoxIntegerState> implements INSBox {
|
|
12
13
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
13
14
|
constructor(props: NSBoxIntegerProps);
|
|
15
|
+
isEmpty(value: string): boolean;
|
|
14
16
|
getError(): string | null;
|
|
15
|
-
getValue(checkError?: boolean): number;
|
|
16
|
-
setValue(value: number, callback?: () => void): void;
|
|
17
|
-
private onChanged;
|
|
17
|
+
getValue(checkError?: boolean): number | null;
|
|
18
|
+
setValue(value: number | null, callback?: () => void): void;
|
|
18
19
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
19
20
|
}
|
|
@@ -11,11 +11,16 @@ export class NSBoxInteger 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 : null };
|
|
15
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
15
16
|
this.getError = this.getError.bind(this);
|
|
16
17
|
this.getValue = this.getValue.bind(this);
|
|
17
18
|
this.setValue = this.setValue.bind(this);
|
|
18
|
-
|
|
19
|
+
}
|
|
20
|
+
isEmpty(value) {
|
|
21
|
+
if ((value !== null && value !== void 0 ? value : "").trim())
|
|
22
|
+
return false;
|
|
23
|
+
return true;
|
|
19
24
|
}
|
|
20
25
|
getError() {
|
|
21
26
|
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
@@ -26,21 +31,16 @@ export class NSBoxInteger extends React.Component {
|
|
|
26
31
|
}
|
|
27
32
|
setValue(value, callback) {
|
|
28
33
|
this.setState({ value }, () => {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
callback();
|
|
34
|
+
var _a, _b;
|
|
35
|
+
(_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
36
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
33
37
|
});
|
|
34
38
|
}
|
|
35
|
-
onChanged(e) {
|
|
36
|
-
this.setValue(parseInt(e.target.value));
|
|
37
|
-
}
|
|
38
39
|
render() {
|
|
39
|
-
var _a;
|
|
40
|
+
var _a, _b;
|
|
40
41
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
41
|
-
menu.builtin.
|
|
42
|
-
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, {
|
|
43
|
-
this.props.onClicked(this); }, min: this.props.min, max: this.props.max, style: {
|
|
42
|
+
menu.builtin.copy = { enabled: true, getValue: () => { var _a, _b; return (_b = (_a = this.state.value) === null || _a === void 0 ? void 0 : _a.toLocaleString()) !== null && _b !== void 0 ? _b : ""; } };
|
|
43
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "number", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: (_b = this.state.value) !== null && _b !== void 0 ? _b : "", onChange: e => this.setValue(parseInt(e.target.value)), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, min: this.props.min, max: this.props.max, style: {
|
|
44
44
|
background: `url("https://static.namirasoft.com/image/concept/type/integer.png") white no-repeat scroll center right 4px`,
|
|
45
45
|
backgroundSize: "24px"
|
|
46
46
|
} }) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxInteger.js","sourceRoot":"","sources":["../../src/components/NSBoxInteger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxInteger.js","sourceRoot":"","sources":["../../src/components/NSBoxInteger.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,17 +3,19 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { IValidationNumberProps } from "../props/IValidationNumberProps";
|
|
5
5
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
-
|
|
6
|
+
import { IValidationPrecisionProps } from "../props/IValidationPrecisionProps";
|
|
7
|
+
import { INSBox } from "./INSBox";
|
|
8
|
+
export interface NSBoxMoneyProps extends IBaseComponentProps, IValidationProps, IValidationNumberProps, IValidationPrecisionProps, INSBoxBaseLayoutProps<number, NSBoxMoney> {
|
|
7
9
|
}
|
|
8
10
|
export interface NSBoxMoneyState {
|
|
9
|
-
value
|
|
11
|
+
value: number | null;
|
|
10
12
|
}
|
|
11
|
-
export declare class NSBoxMoney extends React.Component<NSBoxMoneyProps, NSBoxMoneyState> {
|
|
13
|
+
export declare class NSBoxMoney extends React.Component<NSBoxMoneyProps, NSBoxMoneyState> implements INSBox {
|
|
12
14
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
13
15
|
constructor(props: NSBoxMoneyProps);
|
|
16
|
+
isEmpty(value: string): boolean;
|
|
14
17
|
getError(): string | null;
|
|
15
|
-
getValue(checkError?: boolean): number |
|
|
16
|
-
setValue(value: number |
|
|
17
|
-
private onChanged;
|
|
18
|
+
getValue(checkError?: boolean): number | null;
|
|
19
|
+
setValue(value: number | null, callback?: () => void): void;
|
|
18
20
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
19
21
|
}
|
|
@@ -8,13 +8,19 @@ import { NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
|
8
8
|
import { NamingConvention } from "namirasoft-core";
|
|
9
9
|
export class NSBoxMoney extends React.Component {
|
|
10
10
|
constructor(props) {
|
|
11
|
+
var _a;
|
|
11
12
|
super(props);
|
|
12
13
|
this.NSBoxBaseLayout_Main = createRef();
|
|
13
|
-
this.state = { value: props.defaultValue };
|
|
14
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null };
|
|
15
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
14
16
|
this.getError = this.getError.bind(this);
|
|
15
17
|
this.getValue = this.getValue.bind(this);
|
|
16
18
|
this.setValue = this.setValue.bind(this);
|
|
17
|
-
|
|
19
|
+
}
|
|
20
|
+
isEmpty(value) {
|
|
21
|
+
if ((value !== null && value !== void 0 ? value : "").trim())
|
|
22
|
+
return false;
|
|
23
|
+
return true;
|
|
18
24
|
}
|
|
19
25
|
getError() {
|
|
20
26
|
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
@@ -25,21 +31,16 @@ export class NSBoxMoney extends React.Component {
|
|
|
25
31
|
}
|
|
26
32
|
setValue(value, callback) {
|
|
27
33
|
this.setState({ value }, () => {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
callback();
|
|
34
|
+
var _a, _b;
|
|
35
|
+
(_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
36
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
32
37
|
});
|
|
33
38
|
}
|
|
34
|
-
onChanged(e) {
|
|
35
|
-
this.setValue(parseFloat(e.target.value));
|
|
36
|
-
}
|
|
37
39
|
render() {
|
|
38
|
-
var _a;
|
|
40
|
+
var _a, _b, _c;
|
|
39
41
|
let menu = safeMenuMenuItem(this.props, () => { });
|
|
40
|
-
menu.builtin.
|
|
41
|
-
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, {
|
|
42
|
-
this.props.onClicked(this); }, step: "0.01", min: "0", style: {
|
|
42
|
+
menu.builtin.copy = { enabled: true, getValue: () => { var _a, _b; return (_b = (_a = this.state.value) === null || _a === void 0 ? void 0 : _a.toLocaleString()) !== null && _b !== void 0 ? _b : ""; } };
|
|
43
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: "number", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: (_b = this.state.value) !== null && _b !== void 0 ? _b : "", onChange: e => this.setValue(parseFloat(e.target.value)), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, inputMode: "decimal", min: Math.max((_c = this.props.min) !== null && _c !== void 0 ? _c : 0, 0), max: this.props.max, pattern: "[0-9]*[.,]?[0-9]" + (this.props.precision ? `{0,${this.props.precision}}` : "*"), step: "0.01", style: {
|
|
43
44
|
background: `url("https://static.namirasoft.com/image/concept/type/price.png") white no-repeat scroll center right 4px`,
|
|
44
45
|
backgroundSize: "24px"
|
|
45
46
|
} }) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxMoney.js","sourceRoot":"","sources":["../../src/components/NSBoxMoney.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxMoney.js","sourceRoot":"","sources":["../../src/components/NSBoxMoney.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,19 +3,20 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
5
|
import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
6
|
+
import { INSBox } from "./INSBox";
|
|
6
7
|
export interface NSBoxPasswordProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<string, NSBoxPassword> {
|
|
7
8
|
}
|
|
8
9
|
export interface NSBoxPasswordState {
|
|
9
|
-
value: string;
|
|
10
|
+
value: string | null;
|
|
10
11
|
show: boolean;
|
|
11
12
|
}
|
|
12
|
-
export declare class NSBoxPassword extends React.Component<NSBoxPasswordProps, NSBoxPasswordState> {
|
|
13
|
+
export declare class NSBoxPassword extends React.Component<NSBoxPasswordProps, NSBoxPasswordState> implements INSBox {
|
|
13
14
|
private service;
|
|
14
15
|
NSBoxBaseLayout_Main: React.RefObject<NSBoxBaseLayout>;
|
|
15
16
|
constructor(props: NSBoxPasswordProps);
|
|
17
|
+
isEmpty(value: string): boolean;
|
|
16
18
|
getError(): string | null;
|
|
17
|
-
getValue(checkError?: boolean): string;
|
|
18
|
-
setValue(value: string, callback?: () => void): void;
|
|
19
|
-
private onChanged;
|
|
19
|
+
getValue(checkError?: boolean): string | null;
|
|
20
|
+
setValue(value: string | null, callback?: () => void): void;
|
|
20
21
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
21
22
|
}
|
|
@@ -12,11 +12,16 @@ export class NSBoxPassword extends React.Component {
|
|
|
12
12
|
super(props);
|
|
13
13
|
this.service = new SetTimeouService();
|
|
14
14
|
this.NSBoxBaseLayout_Main = createRef();
|
|
15
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a :
|
|
15
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null, show: false };
|
|
16
|
+
this.isEmpty = this.isEmpty.bind(this);
|
|
16
17
|
this.getError = this.getError.bind(this);
|
|
17
18
|
this.getValue = this.getValue.bind(this);
|
|
18
19
|
this.setValue = this.setValue.bind(this);
|
|
19
|
-
|
|
20
|
+
}
|
|
21
|
+
isEmpty(value) {
|
|
22
|
+
if ((value !== null && value !== void 0 ? value : "").trim())
|
|
23
|
+
return false;
|
|
24
|
+
return true;
|
|
20
25
|
}
|
|
21
26
|
getError() {
|
|
22
27
|
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
@@ -27,17 +32,13 @@ export class NSBoxPassword extends React.Component {
|
|
|
27
32
|
}
|
|
28
33
|
setValue(value, callback) {
|
|
29
34
|
this.setState({ value }, () => {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
callback();
|
|
35
|
+
var _a, _b;
|
|
36
|
+
(_b = (_a = this.props).onChanged) === null || _b === void 0 ? void 0 : _b.call(_a, this);
|
|
37
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
34
38
|
});
|
|
35
39
|
}
|
|
36
|
-
onChanged(e) {
|
|
37
|
-
this.setValue(e.target.value);
|
|
38
|
-
}
|
|
39
40
|
render() {
|
|
40
|
-
var _a;
|
|
41
|
+
var _a, _b;
|
|
41
42
|
let menu = safeMenuMenuItem(this.props, (items) => {
|
|
42
43
|
items.push({
|
|
43
44
|
title: this.state.show ? "Hide Password" : "Show Password",
|
|
@@ -52,10 +53,7 @@ export class NSBoxPassword extends React.Component {
|
|
|
52
53
|
}
|
|
53
54
|
});
|
|
54
55
|
});
|
|
55
|
-
menu.
|
|
56
|
-
menu.builtin.fullscreen = false;
|
|
57
|
-
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: this.state.show ? "text" : "password", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: this.state.value, onChange: this.onChanged, onClick: () => { if (this.props.onClicked)
|
|
58
|
-
this.props.onClicked(this); }, style: {
|
|
56
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("input", { id: this.props.id, name: this.props.name, type: this.state.show ? "text" : "password", className: StylesNSBox.ns_box_input, placeholder: (_a = this.props.placeholder) !== null && _a !== void 0 ? _a : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: (_b = this.state.value) !== null && _b !== void 0 ? _b : "", onChange: e => this.setValue(e.target.value), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, style: {
|
|
59
57
|
background: `url("https://static.namirasoft.com/image/concept/type/password.png") white no-repeat scroll center right 4px`,
|
|
60
58
|
backgroundSize: "24px"
|
|
61
59
|
} }) })));
|