namirasoft-site-react 1.3.60 → 1.3.62
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 +2 -2
- package/dist/App.js.map +1 -1
- package/dist/Validator.d.ts +7 -2
- package/dist/Validator.js +57 -15
- package/dist/Validator.js.map +1 -1
- package/dist/components/NSButton.d.ts +0 -9
- package/dist/components/NSButton.js +2 -9
- package/dist/components/NSButton.js.map +1 -1
- package/dist/components/NSButton.module.css +8 -7
- package/dist/components/NSButtonBlue.d.ts +2 -14
- package/dist/components/NSButtonBlue.js +7 -13
- package/dist/components/NSButtonBlue.js.map +1 -1
- package/dist/components/NSButtonBlue.module.css +0 -8
- package/dist/components/NSButtonGreen.d.ts +2 -14
- package/dist/components/NSButtonGreen.js +7 -13
- package/dist/components/NSButtonGreen.js.map +1 -1
- package/dist/components/NSButtonGreen.module.css +0 -8
- package/dist/components/NSButtonRed.d.ts +2 -14
- package/dist/components/NSButtonRed.js +8 -14
- package/dist/components/NSButtonRed.js.map +1 -1
- package/dist/components/NSButtonRed.module.css +0 -8
- package/dist/components/NSCard.d.ts +3 -9
- package/dist/components/NSCard.js +12 -16
- package/dist/components/NSCard.js.map +1 -1
- package/dist/components/NSCopyToClipboard.d.ts +1 -8
- package/dist/components/NSCopyToClipboard.js +6 -14
- package/dist/components/NSCopyToClipboard.js.map +1 -1
- package/dist/components/NSCopyToClipboard.module.css +1 -1
- package/dist/components/NSEntityBar.d.ts +3 -9
- package/dist/components/NSEntityBar.js +3 -6
- package/dist/components/NSEntityBar.js.map +1 -1
- package/dist/components/NSEntityBar.module.css +1 -1
- package/dist/components/NSEntityCardBackground.d.ts +1 -11
- package/dist/components/NSEntityCardBackground.js +4 -23
- package/dist/components/NSEntityCardBackground.js.map +1 -1
- package/dist/components/NSFooter.js +2 -1
- package/dist/components/NSFooter.js.map +1 -1
- package/dist/components/NSHeader.d.ts +1 -2
- package/dist/components/NSHeader.js +9 -4
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSInput.module.css +29 -0
- package/dist/components/NSInputDate.d.ts +3 -1
- package/dist/components/NSInputDate.js +14 -4
- package/dist/components/NSInputDate.js.map +1 -1
- package/dist/components/NSInputDate.module.css +4 -1
- package/dist/components/NSInputDuration.d.ts +6 -1
- package/dist/components/NSInputDuration.js +15 -6
- package/dist/components/NSInputDuration.js.map +1 -1
- package/dist/components/NSInputEmail.d.ts +1 -1
- package/dist/components/NSInputEmail.js +5 -3
- package/dist/components/NSInputEmail.js.map +1 -1
- package/dist/components/NSInputFloat.d.ts +4 -4
- package/dist/components/NSInputFloat.js +8 -9
- package/dist/components/NSInputFloat.js.map +1 -1
- package/dist/components/NSInputIP.d.ts +5 -1
- package/dist/components/NSInputIP.js +17 -7
- package/dist/components/NSInputIP.js.map +1 -1
- package/dist/components/NSInputInteger.d.ts +9 -5
- package/dist/components/NSInputInteger.js +16 -8
- package/dist/components/NSInputInteger.js.map +1 -1
- package/dist/components/NSInputPassword.d.ts +5 -1
- package/dist/components/NSInputPassword.js +15 -6
- package/dist/components/NSInputPassword.js.map +1 -1
- package/dist/components/NSInputPhone.d.ts +8 -3
- package/dist/components/NSInputPhone.js +18 -12
- package/dist/components/NSInputPhone.js.map +1 -1
- package/dist/components/NSInputPrice.d.ts +7 -2
- package/dist/components/NSInputPrice.js +15 -7
- package/dist/components/NSInputPrice.js.map +1 -1
- package/dist/components/NSInputSearch.d.ts +6 -1
- package/dist/components/NSInputSearch.js +15 -6
- package/dist/components/NSInputSearch.js.map +1 -1
- package/dist/components/NSInputString.d.ts +5 -1
- package/dist/components/NSInputString.js +15 -6
- package/dist/components/NSInputString.js.map +1 -1
- package/dist/components/NSInputText.d.ts +5 -1
- package/dist/components/NSInputText.js +15 -6
- package/dist/components/NSInputText.js.map +1 -1
- package/dist/components/NSInputTime.d.ts +5 -1
- package/dist/components/NSInputTime.js +16 -6
- package/dist/components/NSInputTime.js.map +1 -1
- package/dist/components/NSLayout.js +2 -2
- package/dist/components/NSLayout.js.map +1 -1
- package/dist/components/NSLayoutHeroBanner.js.map +1 -1
- package/dist/components/NSLinkBlue.d.ts +1 -9
- package/dist/components/NSLinkBlue.js +3 -17
- package/dist/components/NSLinkBlue.js.map +1 -1
- package/dist/components/NSLoading.d.ts +1 -6
- package/dist/components/NSLoading.js +2 -6
- package/dist/components/NSLoading.js.map +1 -1
- package/dist/components/NSNotification.js +2 -2
- package/dist/components/NSNotification.js.map +1 -1
- package/dist/components/NSPagination.d.ts +1 -1
- package/dist/components/NSPagination.js +2 -1
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSPanel.d.ts +2 -7
- package/dist/components/NSPanel.js +3 -9
- package/dist/components/NSPanel.js.map +1 -1
- package/dist/components/NSSection.d.ts +2 -10
- package/dist/components/NSSection.js +6 -25
- package/dist/components/NSSection.js.map +1 -1
- package/dist/components/NSSectionBars.d.ts +2 -6
- package/dist/components/NSSectionBars.js +4 -8
- package/dist/components/NSSectionBars.js.map +1 -1
- package/dist/components/NSSectionCards.d.ts +4 -14
- package/dist/components/NSSectionCards.js +7 -11
- package/dist/components/NSSectionCards.js.map +1 -1
- package/dist/components/NSSectionTitle.d.ts +3 -10
- package/dist/components/NSSectionTitle.js +2 -6
- package/dist/components/NSSectionTitle.js.map +1 -1
- package/dist/components/NSSelectBox.d.ts +6 -3
- package/dist/components/NSSelectBox.js +21 -6
- package/dist/components/NSSelectBox.js.map +1 -1
- package/dist/components/NSSpace.js +2 -1
- package/dist/components/NSSpace.js.map +1 -1
- package/dist/components/NSTable.js +2 -1
- package/dist/components/NSTable.js.map +1 -1
- package/dist/components/NSTitle.d.ts +1 -6
- package/dist/components/NSTitle.js +3 -6
- package/dist/components/NSTitle.js.map +1 -1
- package/dist/main.d.ts +0 -1
- package/dist/main.js +0 -1
- package/dist/main.js.map +1 -1
- package/dist/pages/NSLoginPage.d.ts +2 -3
- package/dist/pages/NSLoginPage.js +4 -3
- package/dist/pages/NSLoginPage.js.map +1 -1
- package/dist/props/BaseComponentProps.d.ts +1 -0
- package/dist/props/ValidationNumberProps.d.ts +1 -2
- package/dist/props/ValidationProps.d.ts +1 -0
- package/dist/props/ValidationStringProps.d.ts +1 -2
- package/package.json +3 -4
- package/src/App.tsx +14 -4
- package/src/Validator.ts +67 -18
- package/src/components/NSButton.module.css +8 -7
- package/src/components/NSButton.tsx +6 -24
- package/src/components/NSButtonBlue.module.css +0 -8
- package/src/components/NSButtonBlue.tsx +8 -28
- package/src/components/NSButtonGreen.module.css +0 -8
- package/src/components/NSButtonGreen.tsx +8 -29
- package/src/components/NSButtonRed.module.css +0 -8
- package/src/components/NSButtonRed.tsx +9 -30
- package/src/components/NSCard.tsx +49 -56
- package/src/components/NSCopyToClipboard.module.css +1 -1
- package/src/components/NSCopyToClipboard.tsx +21 -35
- package/src/components/NSEntityBar.module.css +1 -1
- package/src/components/NSEntityBar.tsx +17 -23
- package/src/components/NSEntityCardBackground.tsx +22 -56
- package/src/components/NSFooter.tsx +4 -1
- package/src/components/NSHeader.tsx +16 -7
- package/src/components/NSInput.module.css +29 -0
- package/src/components/NSInputDate.module.css +4 -1
- package/src/components/NSInputDate.tsx +29 -10
- package/src/components/NSInputDuration.tsx +44 -23
- package/src/components/NSInputEmail.tsx +10 -5
- package/src/components/NSInputFloat.tsx +33 -32
- package/src/components/NSInputIP.tsx +44 -24
- package/src/components/NSInputInteger.tsx +48 -31
- package/src/components/NSInputPassword.tsx +42 -23
- package/src/components/NSInputPhone.tsx +45 -29
- package/src/components/NSInputPrice.tsx +45 -23
- package/src/components/NSInputSearch.tsx +43 -21
- package/src/components/NSInputString.tsx +42 -23
- package/src/components/NSInputText.tsx +42 -23
- package/src/components/NSInputTime.tsx +44 -23
- package/src/components/NSLayout.tsx +3 -3
- package/src/components/NSLayoutHeroBanner.tsx +0 -1
- package/src/components/NSLinkBlue.tsx +12 -32
- package/src/components/NSLoading.tsx +8 -17
- package/src/components/NSNotification.tsx +19 -14
- package/src/components/NSPagination.tsx +4 -3
- package/src/components/NSPanel.tsx +10 -21
- package/src/components/NSSection.tsx +13 -39
- package/src/components/NSSectionBars.tsx +13 -22
- package/src/components/NSSectionCards.tsx +30 -45
- package/src/components/NSSectionTitle.tsx +10 -20
- package/src/components/NSSelectBox.tsx +48 -23
- package/src/components/NSSpace.tsx +3 -1
- package/src/components/NSTable.tsx +6 -4
- package/src/components/NSTitle.tsx +10 -15
- package/src/main.ts +0 -1
- package/src/pages/NSLoginPage.tsx +8 -6
- package/src/props/BaseComponentProps.ts +1 -0
- package/src/props/ValidationNumberProps.ts +1 -3
- package/src/props/ValidationProps.ts +1 -0
- package/src/props/ValidationStringProps.ts +1 -3
- package/dist/components/NSButtonBlueVector.d.ts +0 -16
- package/dist/components/NSButtonBlueVector.js +0 -17
- package/dist/components/NSButtonBlueVector.js.map +0 -1
- package/dist/components/NSButtonBlueVector.module.css +0 -17
- package/dist/components/NSInputDuration.module.css +0 -26
- package/dist/components/NSInputEmail.module.css +0 -38
- package/dist/components/NSInputFloat.module.css +0 -26
- package/dist/components/NSInputIP.module.css +0 -26
- package/dist/components/NSInputInteger.module.css +0 -26
- package/dist/components/NSInputPassword.module.css +0 -27
- package/dist/components/NSInputPhone.module.css +0 -33
- package/dist/components/NSInputPrice.module.css +0 -27
- package/dist/components/NSInputSearch.module.css +0 -27
- package/dist/components/NSInputString.module.css +0 -27
- package/dist/components/NSInputText.module.css +0 -28
- package/dist/components/NSInputTime.module.css +0 -27
- package/dist/props/BackgroundProps.d.ts +0 -6
- package/dist/props/BackgroundProps.js +0 -2
- package/dist/props/BackgroundProps.js.map +0 -1
- package/dist/props/NSButtonProps.d.ts +0 -11
- package/dist/props/NSButtonProps.js +0 -2
- package/dist/props/NSButtonProps.js.map +0 -1
- package/src/components/NSButtonBlueVector.module.css +0 -17
- package/src/components/NSButtonBlueVector.tsx +0 -42
- package/src/components/NSInputDuration.module.css +0 -26
- package/src/components/NSInputEmail.module.css +0 -38
- package/src/components/NSInputFloat.module.css +0 -26
- package/src/components/NSInputIP.module.css +0 -26
- package/src/components/NSInputInteger.module.css +0 -26
- package/src/components/NSInputPassword.module.css +0 -27
- package/src/components/NSInputPhone.module.css +0 -33
- package/src/components/NSInputPrice.module.css +0 -27
- package/src/components/NSInputSearch.module.css +0 -27
- package/src/components/NSInputString.module.css +0 -27
- package/src/components/NSInputText.module.css +0 -28
- package/src/components/NSInputTime.module.css +0 -27
- package/src/props/BackgroundProps.ts +0 -7
- package/src/props/NSButtonProps.ts +0 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSEntityBar.js","sourceRoot":"","sources":["../../src/components/NSEntityBar.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"NSEntityBar.js","sourceRoot":"","sources":["../../src/components/NSEntityBar.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAW7C,MAAM,UAAU,WAAW,CAAC,KAAuB;;IAElD,OAAO,CACN,mBAAS,EAAE,EAAE,KAAK,CAAC,EAAE,EACpB,SAAS,EAAE,GAAG,MAAM,CAAC,kBAAkB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACvE,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,iBAAQ,SAAS,EAAE,MAAM,CAAC,6BAA6B,YACtD,4BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,IAAM,KAAK,CAAC,KAAK,IAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,GAChF,EACT,eAAK,SAAS,EAAE,MAAM,CAAC,+BAA+B,aACrD,cAAI,SAAS,EAAE,MAAM,CAAC,yBAAyB,kBAAI,KAAK,CAAC,KAAK,SAAO,EACrE,aAAG,SAAS,EAAE,MAAM,CAAC,+BAA+B,kBAAK,KAAK,CAAC,WAAW,SAAM,IAC3E,IACG,CACV,CAAC;AACH,CAAC"}
|
|
@@ -1,17 +1,7 @@
|
|
|
1
|
-
import { Component } from 'react';
|
|
2
|
-
import { BackgroundProps } from '../props/BackgroundProps';
|
|
3
1
|
import { LinkProps } from '../props/LinkProps';
|
|
4
2
|
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
5
3
|
export interface NSEntityCardBackgroundProps extends BaseComponentProps {
|
|
6
|
-
id?: string | number;
|
|
7
4
|
title: string;
|
|
8
5
|
link?: LinkProps;
|
|
9
|
-
background?: BackgroundProps;
|
|
10
|
-
}
|
|
11
|
-
export interface NSEntityCardBackgroundState {
|
|
12
|
-
background?: BackgroundProps;
|
|
13
|
-
}
|
|
14
|
-
export declare class NSEntityCardBackground extends Component<NSEntityCardBackgroundProps, NSEntityCardBackgroundState> {
|
|
15
|
-
constructor(props: NSEntityCardBackgroundProps);
|
|
16
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
17
6
|
}
|
|
7
|
+
export declare function NSEntityCardBackground(props: NSEntityCardBackgroundProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,28 +1,9 @@
|
|
|
1
|
-
"use client";
|
|
2
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import { Component } from 'react';
|
|
4
2
|
import Styles from './NSEntityCardBackground.module.css';
|
|
5
3
|
import { NSLinkBlue } from './NSLinkBlue';
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
this.state = {
|
|
11
|
-
background: {
|
|
12
|
-
image: `url(${(_a = props.background) === null || _a === void 0 ? void 0 : _a.image})`,
|
|
13
|
-
color: (_b = props.background) === null || _b === void 0 ? void 0 : _b.color,
|
|
14
|
-
position: (_c = props.background) === null || _c === void 0 ? void 0 : _c.position
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
render() {
|
|
19
|
-
var _a, _b, _c;
|
|
20
|
-
return (_jsx(_Fragment, { children: _jsxs("article", { className: Styles.card_background, style: {
|
|
21
|
-
backgroundImage: (_a = this.state.background) === null || _a === void 0 ? void 0 : _a.image,
|
|
22
|
-
backgroundColor: (_b = this.state.background) === null || _b === void 0 ? void 0 : _b.color,
|
|
23
|
-
backgroundPosition: (_c = this.state.background) === null || _c === void 0 ? void 0 : _c.position
|
|
24
|
-
}, children: [_jsx("p", { className: Styles.card_background_text, children: this.props.title }), this.props.link &&
|
|
25
|
-
_jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { href: this.props.link.href, target: this.props.link.target }) })] }) }));
|
|
26
|
-
}
|
|
4
|
+
export function NSEntityCardBackground(props) {
|
|
5
|
+
var _a;
|
|
6
|
+
return (_jsx(_Fragment, { children: _jsxs("article", { id: props.id, className: `${Styles.card_background} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: [_jsx("p", { className: Styles.card_background_text, children: props.title }), props.link &&
|
|
7
|
+
_jsx("div", { className: Styles.ns_card_link_container, children: _jsx(NSLinkBlue, { href: props.link.href, target: props.link.target }) })] }) }));
|
|
27
8
|
}
|
|
28
9
|
//# sourceMappingURL=NSEntityCardBackground.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSEntityCardBackground.js","sourceRoot":"","sources":["../../src/components/NSEntityCardBackground.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"NSEntityCardBackground.js","sourceRoot":"","sources":["../../src/components/NSEntityCardBackground.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,qCAAqC,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU1C,MAAM,UAAU,sBAAsB,CAAC,KAAkC;;IAExE,OAAO,CACN,4BACC,mBAAS,EAAE,EAAE,KAAK,CAAC,EAAE,EACpB,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACpE,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,YAAG,SAAS,EAAE,MAAM,CAAC,oBAAoB,YACvC,KAAK,CAAC,KAAK,GACT,EAEH,KAAK,CAAC,IAAI;oBACV,cAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC5C,KAAC,UAAU,IACV,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACrB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,GACxB,GACG,IAEG,GACT,CACH,CAAC;AACH,CAAC"}
|
|
@@ -24,7 +24,8 @@ export class NSFooter extends React.Component {
|
|
|
24
24
|
return this.state.filters.filter(f => f.parent_id === id).length > 0;
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
|
|
27
|
+
var _a;
|
|
28
|
+
return (_jsx("footer", { id: this.props.id, className: `${Styles.ns_footer} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: _jsxs("div", { className: `container ${Styles.ns_package_footer}`, children: [_jsxs("div", { className: `${Styles.ns_footer_parent_items}`, children: [_jsx("div", { className: `${Styles.ns_footer_project_logo_tablet}`, children: _jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: 'Logo', width: 80, height: 80 }) }) }), _jsx("div", { className: `${Styles.ns_footer_menu_container}`, children: this.render_menu(0, null) }), _jsx("div", { className: `${Styles.ns_footer_namira_logo_tablet}`, children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/circle.png", alt: 'Namira Software Corporation Logo', width: 80, height: 80 }) }) })] }), _jsxs("div", { className: `${Styles.ns_footer_logos_mobile}`, children: [_jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: 'Logo', width: 80, height: 80 }) }) }), _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/circle.png", alt: 'Namira Software Corporation Logo', width: 80, height: 80 }) }) })] }), _jsxs("div", { className: `${Styles.ns_footer_copyright}`, children: [_jsxs("span", { children: [" \u00A9Copyright 2010 - ", new Date().getFullYear(), " "] }), _jsx("a", { href: "https://namirasoft.com/", target: "_blank", rel: "noopener noreferrer", children: " Namira Software Corporation" }), ". All rights reserved."] })] }) }));
|
|
28
29
|
}
|
|
29
30
|
render_menu(level, parent_id) {
|
|
30
31
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAiB,MAAM,qBAAqB,CAAC;AAgB7E,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAuC;IAEvE,YAAY,KAAoB;QAE5B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,IAAI;SACjB,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACQ,iBAAiB;QAEtB,IAAI,MAAM,GAAG,IAAI,uBAAuB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxD,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YAEvE,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACP,CAAC;IACO,QAAQ,CAAC,EAAU;QAEvB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACzE,CAAC;IACQ,MAAM
|
|
1
|
+
{"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { FilterLinkRow } from 'namirasoft-api-link';
|
|
3
|
-
import { BackgroundProps } from "../props/BackgroundProps";
|
|
4
3
|
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
5
4
|
export interface NSHeaderProps extends BaseComponentProps {
|
|
6
5
|
scope: string;
|
|
7
6
|
name: string;
|
|
8
7
|
logo: string;
|
|
9
8
|
account?: boolean;
|
|
10
|
-
|
|
9
|
+
nav?: BaseComponentProps;
|
|
11
10
|
}
|
|
12
11
|
export interface NSHeaderState {
|
|
13
12
|
filters: FilterLinkRow[];
|
|
@@ -35,10 +35,15 @@ export class NSHeader extends React.Component {
|
|
|
35
35
|
this.setState({ showNavbar: !this.state.showNavbar });
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
var _a, _b;
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
var _a, _b, _c, _d, _e;
|
|
39
|
+
let nav = this.props.nav;
|
|
40
|
+
if (!nav)
|
|
41
|
+
nav = { style: {} };
|
|
42
|
+
if (!nav.style)
|
|
43
|
+
nav.style = {};
|
|
44
|
+
if (!((_a = nav.style) === null || _a === void 0 ? void 0 : _a.backgroundColor))
|
|
45
|
+
nav.style.backgroundColor = "rgba(20, 27, 92, 1)";
|
|
46
|
+
return (_jsx("header", { id: this.props.id, className: `${Styles.ns_header} ${(_b = this.props.classList) === null || _b === void 0 ? void 0 : _b.join(" ")}`, style: this.props.style, children: _jsx("nav", { id: (_c = this.props.nav) === null || _c === void 0 ? void 0 : _c.id, className: `${Styles.ns_navbar} ${(_e = (_d = this.props.nav) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.join(" ")}`, style: nav === null || nav === void 0 ? void 0 : nav.style, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }) }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), this.props.account &&
|
|
42
47
|
_jsxs("div", { className: `${Styles.ns_navbar_login_status}`, children: [_jsx("span", { className: `${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: 'https://static.namirasoft.com/icons/base/logout.svg', alt: "Exit", width: 24, height: 24 })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: this.state.showNavbar ?
|
|
43
48
|
"https://static.namirasoft.com/icons/base/close-menu.svg"
|
|
44
49
|
: "https://static.namirasoft.com/icons/base/menu.svg", alt: "Menu", width: 19, height: 17 }) })] })] }) }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAiB,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.ns_input_parent {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
width: 326px;
|
|
5
|
+
color: #fff;
|
|
6
|
+
position: relative;
|
|
7
|
+
max-width: 100%;
|
|
8
|
+
padding: 8px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.ns_input {
|
|
12
|
+
border-radius: 8px;
|
|
13
|
+
padding: 10px 12px;
|
|
14
|
+
font-size: 16px;
|
|
15
|
+
font-weight: 400;
|
|
16
|
+
border: 1px solid rgba(47, 0, 236, 0.6);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.ns_input_icon {
|
|
20
|
+
position: absolute;
|
|
21
|
+
right: 20px;
|
|
22
|
+
top: 51%;
|
|
23
|
+
z-index: 1;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ns_input_title {
|
|
27
|
+
font-size: 16px;
|
|
28
|
+
font-weight: 400;
|
|
29
|
+
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
|
-
|
|
3
|
+
import { ValidationProps } from "../props/ValidationProps";
|
|
4
|
+
export interface NSInputDateProps extends BaseComponentProps, ValidationProps {
|
|
4
5
|
title: string;
|
|
5
6
|
defaultValue?: string;
|
|
6
7
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -12,6 +13,7 @@ export interface NSInputDateState {
|
|
|
12
13
|
}
|
|
13
14
|
export declare class NSInputDate extends React.Component<NSInputDateProps, NSInputDateState> {
|
|
14
15
|
constructor(props: NSInputDateProps);
|
|
16
|
+
getError(): string | null;
|
|
15
17
|
getValue(): string;
|
|
16
18
|
setValue(value: string): void;
|
|
17
19
|
private onChanged;
|
|
@@ -2,18 +2,28 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSInputDate.module.css";
|
|
5
|
+
import IconInputDate from '../assets/images/icon-input-date.svg';
|
|
5
6
|
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
7
|
+
import { Validator } from "../Validator";
|
|
6
8
|
export class NSInputDate extends React.Component {
|
|
7
9
|
constructor(props) {
|
|
10
|
+
var _a;
|
|
8
11
|
super(props);
|
|
9
|
-
this.state = {
|
|
10
|
-
value: ""
|
|
11
|
-
};
|
|
12
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
12
13
|
this.setValue = this.setValue.bind(this);
|
|
13
14
|
this.getValue = this.getValue.bind(this);
|
|
14
15
|
this.onChanged = this.onChanged.bind(this);
|
|
15
16
|
}
|
|
17
|
+
getError() {
|
|
18
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
19
|
+
Validator.getErrorDate(this.props.title, this.state.value));
|
|
20
|
+
}
|
|
16
21
|
getValue() {
|
|
22
|
+
let error = this.getError();
|
|
23
|
+
if (error) {
|
|
24
|
+
this.setState({ error });
|
|
25
|
+
throw new Error(error);
|
|
26
|
+
}
|
|
17
27
|
return this.state.value;
|
|
18
28
|
}
|
|
19
29
|
setValue(value) {
|
|
@@ -26,7 +36,7 @@ export class NSInputDate extends React.Component {
|
|
|
26
36
|
}
|
|
27
37
|
render() {
|
|
28
38
|
var _a;
|
|
29
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.
|
|
39
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_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("img", { className: Styles.ns_input_icon, src: IconInputDate, alt: "Date Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "date", className: Styles.ns_input, placeholder: this.props.placeholder, onClick: () => { } })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
30
40
|
}
|
|
31
41
|
}
|
|
32
42
|
//# sourceMappingURL=NSInputDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputDate.js","sourceRoot":"","sources":["../../src/components/NSInputDate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"NSInputDate.js","sourceRoot":"","sources":["../../src/components/NSInputDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
.
|
|
1
|
+
.ns_input_parent {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
width: 326px;
|
|
5
5
|
color: #fff;
|
|
6
6
|
position: relative;
|
|
7
7
|
max-width: 100%;
|
|
8
|
+
padding: 8px;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
.ns_input {
|
|
@@ -12,12 +13,14 @@
|
|
|
12
13
|
padding: 10px 12px;
|
|
13
14
|
font-size: 16px;
|
|
14
15
|
font-weight: 400;
|
|
16
|
+
border: 1px solid rgba(47, 0, 236, 0.6);
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
.ns_input_icon {
|
|
18
20
|
position: absolute;
|
|
19
21
|
right: 20px;
|
|
20
22
|
top: 51%;
|
|
23
|
+
z-index: 1;
|
|
21
24
|
}
|
|
22
25
|
|
|
23
26
|
.ns_input_title {
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
|
-
|
|
3
|
+
import { ValidationProps } from "../props/ValidationProps";
|
|
4
|
+
import { ValidationNumberProps } from "../props/ValidationNumberProps";
|
|
5
|
+
import { ValidationStringProps } from "../props/ValidationStringProps";
|
|
6
|
+
export interface NSInputDurationProps extends BaseComponentProps, ValidationProps, ValidationStringProps, ValidationNumberProps {
|
|
4
7
|
title: string;
|
|
5
8
|
defaultValue?: string;
|
|
6
9
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -8,9 +11,11 @@ export interface NSInputDurationProps extends BaseComponentProps {
|
|
|
8
11
|
}
|
|
9
12
|
export interface NSInputDurationState {
|
|
10
13
|
value: string;
|
|
14
|
+
error?: string;
|
|
11
15
|
}
|
|
12
16
|
export declare class NSInputDuration extends React.Component<NSInputDurationProps, NSInputDurationState> {
|
|
13
17
|
constructor(props: NSInputDurationProps);
|
|
18
|
+
getError(): string | null;
|
|
14
19
|
getValue(): string;
|
|
15
20
|
setValue(value: string): void;
|
|
16
21
|
private onChanged;
|
|
@@ -1,20 +1,29 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
|
-
import Styles from "./
|
|
4
|
+
import Styles from "./NSInput.module.css";
|
|
5
5
|
import IconInputDuration from '../assets/images/icon-input-duration.svg';
|
|
6
|
+
import { Validator } from "../Validator";
|
|
7
|
+
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
6
8
|
export class NSInputDuration extends React.Component {
|
|
7
9
|
constructor(props) {
|
|
8
10
|
var _a;
|
|
9
11
|
super(props);
|
|
10
|
-
this.state = {
|
|
11
|
-
value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
|
|
12
|
-
};
|
|
12
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
13
13
|
this.getValue = this.getValue.bind(this);
|
|
14
14
|
this.setValue = this.setValue.bind(this);
|
|
15
15
|
this.onChanged = this.onChanged.bind(this);
|
|
16
16
|
}
|
|
17
|
+
getError() {
|
|
18
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
19
|
+
Validator.getErrorDuration(this.props.title, this.state.value));
|
|
20
|
+
}
|
|
17
21
|
getValue() {
|
|
22
|
+
let error = this.getError();
|
|
23
|
+
if (error) {
|
|
24
|
+
this.setState({ error });
|
|
25
|
+
throw new Error(error);
|
|
26
|
+
}
|
|
18
27
|
return this.state.value;
|
|
19
28
|
}
|
|
20
29
|
setValue(value) {
|
|
@@ -27,7 +36,7 @@ export class NSInputDuration extends React.Component {
|
|
|
27
36
|
}
|
|
28
37
|
render() {
|
|
29
38
|
var _a;
|
|
30
|
-
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [
|
|
39
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_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("img", { className: Styles.ns_input_icon, src: IconInputDuration, alt: "Duration Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "time", className: Styles.ns_input, placeholder: this.props.placeholder, step: "2" })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
31
40
|
}
|
|
32
41
|
}
|
|
33
42
|
//# sourceMappingURL=NSInputDuration.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputDuration.js","sourceRoot":"","sources":["../../src/components/NSInputDuration.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"NSInputDuration.js","sourceRoot":"","sources":["../../src/components/NSInputDuration.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,8 +5,8 @@ import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
|
5
5
|
export interface NSInputEmailProps extends BaseComponentProps, ValidationProps, ValidationStringProps {
|
|
6
6
|
title: string;
|
|
7
7
|
defaultValue?: string;
|
|
8
|
-
placeholder?: string;
|
|
9
8
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
placeholder?: string;
|
|
10
10
|
}
|
|
11
11
|
export interface NSInputEmailState {
|
|
12
12
|
value: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
|
-
import Styles from "./
|
|
4
|
+
import Styles from "./NSInput.module.css";
|
|
5
5
|
import IconInputEmail from '../assets/images/icon-input-email.svg';
|
|
6
6
|
import { Validator } from "../Validator";
|
|
7
7
|
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
@@ -15,7 +15,9 @@ export class NSInputEmail extends React.Component {
|
|
|
15
15
|
this.onChanged = this.onChanged.bind(this);
|
|
16
16
|
}
|
|
17
17
|
getError() {
|
|
18
|
-
return Validator.
|
|
18
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
19
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props) &&
|
|
20
|
+
Validator.getErrorEmail(this.props.title, this.state.value));
|
|
19
21
|
}
|
|
20
22
|
getValue() {
|
|
21
23
|
let error = this.getError();
|
|
@@ -35,7 +37,7 @@ export class NSInputEmail extends React.Component {
|
|
|
35
37
|
}
|
|
36
38
|
render() {
|
|
37
39
|
var _a;
|
|
38
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [
|
|
40
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_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("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "Email Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "email", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
39
41
|
}
|
|
40
42
|
}
|
|
41
43
|
//# sourceMappingURL=NSInputEmail.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputEmail.js","sourceRoot":"","sources":["../../src/components/NSInputEmail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"NSInputEmail.js","sourceRoot":"","sources":["../../src/components/NSInputEmail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,19 +4,19 @@ import { ValidationProps } from "../props/ValidationProps";
|
|
|
4
4
|
import { ValidationNumberProps } from "../props/ValidationNumberProps";
|
|
5
5
|
export interface NSInputFloatProps extends BaseComponentProps, ValidationProps, ValidationNumberProps {
|
|
6
6
|
title: string;
|
|
7
|
-
defaultValue?:
|
|
7
|
+
defaultValue?: number;
|
|
8
8
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
9
|
placeholder?: string;
|
|
10
10
|
}
|
|
11
11
|
export interface NSInputFloatState {
|
|
12
|
-
value
|
|
12
|
+
value?: number;
|
|
13
13
|
error?: string;
|
|
14
14
|
}
|
|
15
15
|
export declare class NSInputFloat extends React.Component<NSInputFloatProps, NSInputFloatState> {
|
|
16
16
|
constructor(props: NSInputFloatProps);
|
|
17
17
|
getError(): string | null;
|
|
18
|
-
getValue():
|
|
19
|
-
setValue(value:
|
|
18
|
+
getValue(): number | undefined;
|
|
19
|
+
setValue(value: number | undefined): void;
|
|
20
20
|
private onChanged;
|
|
21
21
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
}
|
|
@@ -1,22 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
|
-
import Styles from "./
|
|
4
|
+
import Styles from "./NSInput.module.css";
|
|
5
5
|
import IconInputFloat from '../assets/images/icon-input-float.svg';
|
|
6
6
|
import { Validator } from "../Validator";
|
|
7
|
+
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
7
8
|
export class NSInputFloat extends React.Component {
|
|
8
9
|
constructor(props) {
|
|
9
|
-
var _a;
|
|
10
10
|
super(props);
|
|
11
|
-
this.state = {
|
|
12
|
-
value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
|
|
13
|
-
};
|
|
11
|
+
this.state = { value: props.defaultValue };
|
|
14
12
|
this.setValue = this.setValue.bind(this);
|
|
15
13
|
this.getValue = this.getValue.bind(this);
|
|
16
14
|
this.onChanged = this.onChanged.bind(this);
|
|
17
15
|
}
|
|
18
16
|
getError() {
|
|
19
|
-
return Validator.
|
|
17
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
18
|
+
Validator.getErrorNumber(this.props.title, this.state.value, this.props));
|
|
20
19
|
}
|
|
21
20
|
getValue() {
|
|
22
21
|
let error = this.getError();
|
|
@@ -30,13 +29,13 @@ export class NSInputFloat extends React.Component {
|
|
|
30
29
|
this.setState({ value });
|
|
31
30
|
}
|
|
32
31
|
onChanged(e) {
|
|
33
|
-
this.setValue(e.target.value);
|
|
32
|
+
this.setValue(parseFloat(e.target.value));
|
|
34
33
|
if (this.props.onChanged)
|
|
35
34
|
this.props.onChanged(e);
|
|
36
35
|
}
|
|
37
36
|
render() {
|
|
38
37
|
var _a;
|
|
39
|
-
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_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", { children: "*" }), this.props.title] }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputFloat, alt: "
|
|
38
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_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("img", { className: Styles.ns_input_icon, src: IconInputFloat, alt: "Flaot Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "number", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
40
39
|
}
|
|
41
40
|
}
|
|
42
41
|
//# sourceMappingURL=NSInputFloat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSInputFloat.js","sourceRoot":"","sources":["../../src/components/NSInputFloat.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"NSInputFloat.js","sourceRoot":"","sources":["../../src/components/NSInputFloat.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
|
-
|
|
3
|
+
import { ValidationProps } from "../props/ValidationProps";
|
|
4
|
+
import { ValidationStringProps } from "../props/ValidationStringProps";
|
|
5
|
+
export interface NSInputIPProps extends BaseComponentProps, ValidationProps, ValidationStringProps {
|
|
4
6
|
title: string;
|
|
5
7
|
defaultValue?: string;
|
|
6
8
|
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -8,9 +10,11 @@ export interface NSInputIPProps extends BaseComponentProps {
|
|
|
8
10
|
}
|
|
9
11
|
export interface NSInputIPState {
|
|
10
12
|
value: string;
|
|
13
|
+
error?: string;
|
|
11
14
|
}
|
|
12
15
|
export declare class NSInputIP extends React.Component<NSInputIPProps, NSInputIPState> {
|
|
13
16
|
constructor(props: NSInputIPProps);
|
|
17
|
+
getError(): string | null;
|
|
14
18
|
getValue(): string;
|
|
15
19
|
setValue(value: string): void;
|
|
16
20
|
private onChanged;
|
|
@@ -1,20 +1,30 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
|
-
import Styles from "./
|
|
5
|
-
import
|
|
4
|
+
import Styles from "./NSInput.module.css";
|
|
5
|
+
import IconInputIP from '../assets/images/icon-input-ip.svg';
|
|
6
|
+
import { Validator } from "../Validator";
|
|
7
|
+
import { NSInputErrorNotifier } from "./NSInputErrorNotifier";
|
|
6
8
|
export class NSInputIP extends React.Component {
|
|
7
9
|
constructor(props) {
|
|
8
10
|
var _a;
|
|
9
11
|
super(props);
|
|
10
|
-
this.state = {
|
|
11
|
-
value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
|
|
12
|
-
};
|
|
12
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
13
13
|
this.getValue = this.getValue.bind(this);
|
|
14
14
|
this.setValue = this.setValue.bind(this);
|
|
15
15
|
this.onChanged = this.onChanged.bind(this);
|
|
16
16
|
}
|
|
17
|
+
getError() {
|
|
18
|
+
return (Validator.getError(this.props.title, this.state.value, this.props) &&
|
|
19
|
+
Validator.getErrorString(this.props.title, this.state.value, this.props) &&
|
|
20
|
+
Validator.getErrorIP(this.props.title, this.state.value));
|
|
21
|
+
}
|
|
17
22
|
getValue() {
|
|
23
|
+
let error = this.getError();
|
|
24
|
+
if (error) {
|
|
25
|
+
this.setState({ error });
|
|
26
|
+
throw new Error(error);
|
|
27
|
+
}
|
|
18
28
|
return this.state.value;
|
|
19
29
|
}
|
|
20
30
|
setValue(value) {
|
|
@@ -27,7 +37,7 @@ export class NSInputIP extends React.Component {
|
|
|
27
37
|
}
|
|
28
38
|
render() {
|
|
29
39
|
var _a;
|
|
30
|
-
return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [
|
|
40
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2 ${(_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("img", { className: Styles.ns_input_icon, src: IconInputIP, alt: "IP Icon", width: 24, height: 24 }), _jsx("input", { id: this.props.id, value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder })] }), _jsx(NSInputErrorNotifier, { error: this.state.error })] }));
|
|
31
41
|
}
|
|
32
42
|
}
|
|
33
43
|
//# sourceMappingURL=NSInputIP.js.map
|