namirasoft-site-react 1.3.40 → 1.3.42

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.
Files changed (49) hide show
  1. package/dist/App.js +30 -2
  2. package/dist/App.js.map +1 -1
  3. package/dist/components/NSButtonGroup.d.ts +2 -0
  4. package/dist/components/NSButtonGroup.js +7 -0
  5. package/dist/components/NSButtonGroup.js.map +1 -0
  6. package/dist/components/NSButtonGroup.module.css +38 -0
  7. package/dist/components/NSInputDuration.d.ts +4 -2
  8. package/dist/components/NSInputDuration.js +12 -9
  9. package/dist/components/NSInputDuration.js.map +1 -1
  10. package/dist/components/NSInputEmail.d.ts +4 -2
  11. package/dist/components/NSInputEmail.js +16 -12
  12. package/dist/components/NSInputEmail.js.map +1 -1
  13. package/dist/components/NSInputFloat.d.ts +4 -2
  14. package/dist/components/NSInputFloat.js +11 -8
  15. package/dist/components/NSInputFloat.js.map +1 -1
  16. package/dist/components/NSInputIP.d.ts +4 -2
  17. package/dist/components/NSInputIP.js +12 -9
  18. package/dist/components/NSInputIP.js.map +1 -1
  19. package/dist/components/NSInputInteger.d.ts +4 -2
  20. package/dist/components/NSInputInteger.js +12 -9
  21. package/dist/components/NSInputInteger.js.map +1 -1
  22. package/dist/components/NSInputSearch.d.ts +4 -4
  23. package/dist/components/NSInputSearch.js +11 -17
  24. package/dist/components/NSInputSearch.js.map +1 -1
  25. package/dist/components/NSInputTime.d.ts +4 -2
  26. package/dist/components/NSInputTime.js +12 -9
  27. package/dist/components/NSInputTime.js.map +1 -1
  28. package/dist/components/NSTable.d.ts +1 -0
  29. package/dist/components/NSTable.js +6 -2
  30. package/dist/components/NSTable.js.map +1 -1
  31. package/dist/components/NSTable.module.css +50 -9
  32. package/dist/main.d.ts +1 -0
  33. package/dist/main.js +1 -0
  34. package/dist/main.js.map +1 -1
  35. package/package.json +1 -1
  36. package/public/assets/images/close-vector.png +0 -0
  37. package/src/App.tsx +46 -8
  38. package/src/components/NSButtonGroup.module.css +38 -0
  39. package/src/components/NSButtonGroup.tsx +12 -0
  40. package/src/components/NSInputDuration.tsx +18 -14
  41. package/src/components/NSInputEmail.tsx +21 -16
  42. package/src/components/NSInputFloat.tsx +16 -11
  43. package/src/components/NSInputIP.tsx +14 -10
  44. package/src/components/NSInputInteger.tsx +14 -10
  45. package/src/components/NSInputSearch.tsx +16 -24
  46. package/src/components/NSInputTime.tsx +13 -9
  47. package/src/components/NSTable.module.css +50 -9
  48. package/src/components/NSTable.tsx +27 -8
  49. package/src/main.ts +1 -0
package/dist/App.js CHANGED
@@ -1,8 +1,36 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import './App.css';
3
3
  import 'bootstrap/dist/css/bootstrap.min.css';
4
- import { NSLayoutTitle } from './main';
4
+ import { NSLayoutTitle, NSTable } from './main';
5
5
  export function App() {
6
- return (_jsx("div", { className: "App", children: _jsx(NSLayoutTitle, { scope: 'Namirasoft Account Console', logo: '', title: "Namirasoft", children: _jsx("div", {}) }) }));
6
+ let columns = {
7
+ "id": "ID",
8
+ "project": "Project",
9
+ "level": "Level",
10
+ "message": "Message",
11
+ "cent": "Cent",
12
+ "status": "Status",
13
+ };
14
+ let rows = [{
15
+ id: 1,
16
+ project: "Namirasoft Account",
17
+ level: "Debug",
18
+ message: "Lorem ipsum dolor sit amet, consetetur ",
19
+ cent: "24",
20
+ status: "Done"
21
+ },
22
+ {
23
+ id: 2,
24
+ project: "Namirasoft Account",
25
+ level: "Debug",
26
+ message: "Lorem ipsum dolor sit amet, consetetur ",
27
+ cent: "24",
28
+ status: "Done"
29
+ }
30
+ ];
31
+ function getCell(row, column) {
32
+ return row[column];
33
+ }
34
+ return (_jsx(NSLayoutTitle, { scope: 'Namirasoft Account Console', logo: '', title: "Namirasoft", children: _jsx("div", { className: "container", children: _jsx(NSTable, { columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString() }) }) }));
7
35
  }
8
36
  //# sourceMappingURL=App.js.map
package/dist/App.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,UAAU,GAAG;IAEf,OAAO,CACH,cAAK,SAAS,EAAC,KAAK,YAChB,KAAC,aAAa,IAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,YAAY,YACxE,eACM,GACM,GACd,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEhD,MAAM,UAAU,GAAG;IAEf,IAAI,OAAO,GAAG;QACV,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAErB,CAAA;IACD,IAAI,IAAI,GAAG,CAAC;YACR,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACjB;QACD;YACI,EAAE,EAAE,CAAC;YACL,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,yCAAyC;YAClD,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,MAAM;SACjB;KACA,CAAA;IAUD,SAAS,OAAO,CAAC,GAAQ,EAAE,MAAc;QAErC,OAAQ,GAAW,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;IACD,OAAO,CACH,KAAC,aAAa,IAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,YAAY,YACxE,cAAK,SAAS,EAAC,WAAW,YACtB,KAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAA,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAI,GACxI,GACM,CACnB,CAAC;AACN,CAAC"}
@@ -0,0 +1,2 @@
1
+ declare function NSButtonGroup(): import("react/jsx-runtime").JSX.Element;
2
+ export default NSButtonGroup;
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import Styles from './NSButtonGroup.module.css';
3
+ function NSButtonGroup() {
4
+ return (_jsxs("div", { className: Styles.ns_button_group_desktop, children: [_jsxs("button", { onClick: () => window.print(), className: Styles.ns_export_button, children: [_jsx("img", { src: "/assets/images/export-vector.png", alt: "Export Table Data", width: 13, height: 16 }), "Export"] }), _jsxs("button", { onClick: () => window.location.reload(), className: Styles.ns_refresh_button, children: [_jsx("img", { src: "/assets/images/refresh-vector.png", alt: "Refresh Table Contnet", width: 15, height: 16 }), "Refresh"] })] }));
5
+ }
6
+ export default NSButtonGroup;
7
+ //# sourceMappingURL=NSButtonGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSButtonGroup.js","sourceRoot":"","sources":["../../src/components/NSButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAC/C,SAAS,aAAa;IAElB,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,aAC1C,kBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,gBAAgB,aAAE,cAAK,GAAG,EAAC,kCAAkC,EAAC,GAAG,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,cAAe,EACvL,kBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,aAAE,cAAK,GAAG,EAAC,mCAAmC,EAAC,GAAG,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,eAAgB,IACtM,CACT,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}
@@ -0,0 +1,38 @@
1
+ .ns_button_group_desktop {
2
+ display: flex;
3
+ flex-direction: row;
4
+ width: 100%;
5
+ justify-content: space-between;
6
+ }
7
+
8
+ .ns_button_group_desktop button {
9
+ display: flex;
10
+ align-items: center;
11
+ justify-content: center;
12
+ font-size: 16px;
13
+ border-radius: 8px;
14
+ width: 128px;
15
+ height: 48px;
16
+ gap: 10px;
17
+ text-decoration: none;
18
+ color: black;
19
+ background-color: transparent;
20
+ }
21
+
22
+ .ns_export_button {
23
+ border: 1px solid rgba(255, 148, 50, 1);
24
+ }
25
+
26
+ .ns_refresh_button {
27
+ border: 1px solid rgba(3, 119, 255, 1);
28
+ }
29
+
30
+ .ns_project img {
31
+ margin-right: 8px;
32
+ }
33
+
34
+ @media only screen and (min-width:768px) {
35
+ .ns_button_group_desktop {
36
+ gap: 24px;
37
+ }
38
+ }
@@ -1,14 +1,16 @@
1
1
  import React from "react";
2
2
  export interface NSInputDurationProps {
3
3
  title: string;
4
+ defaultValue?: string;
5
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
4
6
  }
5
7
  export interface NSInputDurationState {
6
8
  value: string;
7
9
  }
8
10
  export declare class NSInputDuration extends React.Component<NSInputDurationProps, NSInputDurationState> {
9
11
  constructor(props: NSInputDurationProps);
10
- setValue(e: React.ChangeEvent<HTMLInputElement>): void;
11
- setDefaultValue(value: string): void;
12
12
  getValue(): string;
13
+ setValue(value: string): void;
14
+ private onChanged;
13
15
  render(): import("react/jsx-runtime").JSX.Element;
14
16
  }
@@ -5,25 +5,28 @@ import Styles from "./NSInputDuration.module.css";
5
5
  import IconInputDuration from '../assets/images/icon-input-duration.svg';
6
6
  export class NSInputDuration extends React.Component {
7
7
  constructor(props) {
8
+ var _a;
8
9
  super(props);
9
10
  this.state = {
10
- value: "",
11
+ value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
11
12
  };
12
- this.setValue = this.setValue.bind(this);
13
13
  this.getValue = this.getValue.bind(this);
14
- this.setDefaultValue = this.setDefaultValue.bind(this);
14
+ this.setValue = this.setValue.bind(this);
15
+ this.onChanged = this.onChanged.bind(this);
15
16
  }
16
- setValue(e) {
17
- this.setState({ value: e.target.value });
17
+ getValue() {
18
+ return this.state.value;
18
19
  }
19
- setDefaultValue(value) {
20
+ setValue(value) {
20
21
  this.setState({ value });
21
22
  }
22
- getValue() {
23
- return this.state.value;
23
+ onChanged(e) {
24
+ this.setValue(e.target.value);
25
+ if (this.props.onChanged)
26
+ this.props.onChanged(e);
24
27
  }
25
28
  render() {
26
- return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputDuration, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "time", className: Styles.ns_input, placeholder: "21:44:06", step: "2" })] }));
29
+ return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputDuration, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "time", className: Styles.ns_input, placeholder: "21:44:06", step: "2" })] }));
27
30
  }
28
31
  }
29
32
  //# 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,8BAA8B,CAAC;AAClD,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AAYzE,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAqD;IAC5F,YAAY,KAA2B;QAEnC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,GAAG,GACV,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
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,8BAA8B,CAAC;AAClD,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AAczE,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAqD;IAC5F,YAAY,KAA2B;;QAEnC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE;SAClC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC;IACD,QAAQ;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IACE,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACO,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC;IACQ,MAAM;QAER,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACtC,QAAQ,EAAE,IAAI,CAAC,SAAS,EACT,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,GAAG,GACV,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
@@ -1,6 +1,8 @@
1
1
  import React from "react";
2
2
  export interface NSInputEmailProps {
3
3
  title: string;
4
+ defaultValue?: string;
5
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
4
6
  }
5
7
  export interface NSInputEmailState {
6
8
  value: string;
@@ -8,8 +10,8 @@ export interface NSInputEmailState {
8
10
  }
9
11
  export declare class NSInputEmail extends React.Component<NSInputEmailProps, NSInputEmailState> {
10
12
  constructor(props: NSInputEmailProps);
11
- setValue(e: React.ChangeEvent<HTMLInputElement>): void;
12
- setDefaultValue(value: string): void;
13
13
  getValue(): string;
14
+ setValue(value: string): void;
15
+ private onChanged;
14
16
  render(): import("react/jsx-runtime").JSX.Element;
15
17
  }
@@ -6,32 +6,36 @@ import IconInputEmail from '../assets/images/icon-input-email.svg';
6
6
  import Danger from '../assets/images/danger.svg';
7
7
  export class NSInputEmail extends React.Component {
8
8
  constructor(props) {
9
+ var _a;
9
10
  super(props);
10
11
  this.state = {
11
- value: "",
12
+ value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
12
13
  error: false,
13
14
  };
14
15
  this.setValue = this.setValue.bind(this);
15
16
  this.getValue = this.getValue.bind(this);
16
- this.setDefaultValue = this.setDefaultValue.bind(this);
17
+ this.onChanged = this.onChanged.bind(this);
17
18
  }
18
- setValue(e) {
19
+ getValue() {
20
+ return this.state.value;
21
+ }
22
+ setValue(value) {
19
23
  let email = /^(([^<>()[]\\.,;:\s@"]+(\.[^<>()[]\\.,;:\s@"]+)*)|(".+"))@(([[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
20
- if (!email.test(e.target.value)) {
21
- this.setState({ error: true, value: e.target.value });
24
+ debugger;
25
+ if (!email.test(value)) {
26
+ this.setState({ error: true, value });
22
27
  }
23
28
  else {
24
- this.setState({ error: false, value: e.target.value });
29
+ this.setState({ error: false, value });
25
30
  }
26
31
  }
27
- setDefaultValue(value) {
28
- this.setState({ value });
29
- }
30
- getValue() {
31
- return this.state.value;
32
+ onChanged(e) {
33
+ this.setValue(e.target.value);
34
+ if (this.props.onChanged)
35
+ this.props.onChanged(e);
32
36
  }
33
37
  render() {
34
- return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "email", className: `${this.state.error === true ? Styles.ns_input_red : ""} ${Styles.ns_input}`, placeholder: "Sample@gmail.com" })] }), this.state.error === true ? (_jsx(_Fragment, { children: _jsxs("div", { className: "d-flex justify-content-start align-items-center gap-2 ms-2 ", children: [_jsx("img", { className: "", src: Danger, alt: "icon", width: 13, height: 13 }), _jsx("span", { className: Styles.ns_input_error, children: "Enter a valid email." })] }) })) : null] }));
38
+ return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputEmail, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "email", className: `${this.state.error === true ? Styles.ns_input_red : ""} ${Styles.ns_input}`, placeholder: "Sample@gmail.com" })] }), this.state.error === true ? (_jsx(_Fragment, { children: _jsxs("div", { className: "d-flex justify-content-start align-items-center gap-2 ms-2 ", children: [_jsx("img", { className: "", src: Danger, alt: "icon", width: 13, height: 13 }), _jsx("span", { className: Styles.ns_input_error, children: "Enter a valid email." })] }) })) : null] }));
35
39
  }
36
40
  }
37
41
  //# 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,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAajD,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IACnF,YAAY,KAAwB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,KAAK;SACf,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,KAAK,GAAG,mJAAmJ,CAAC;QAChK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/B,CAAC;YACG,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAC1D,CAAC;aAED,CAAC;YACG,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAC3D,CAAC;IACL,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,8BACI,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,QAAQ,EAAE,EACvF,WAAW,EAAC,kBAAkB,GAChC,IACA,EAEF,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACxB,4BACI,eAAK,SAAS,EAAC,6DAA6D,aACxE,cACI,SAAS,EAAE,EAAE,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,qCAA6B,IACjE,GACP,CAAC,CAAC,CAAC,CAAC,IAAI,IAEpB,CACN,CAAC;IACN,CAAC;CACJ"}
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,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAejD,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IACnF,YAAY,KAAwB;;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YAClB,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE;YACtB,KAAK,EAAE,KAAK;SACf,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IACE,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IACE,QAAQ,CAAC,KAAa;QAExB,IAAI,KAAK,GAAG,mJAAmJ,CAAC;QAChK,QAAQ,CAAA;QACF,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EACtB,CAAC;YACG,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC1C,CAAC;aAED,CAAC;YACG,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3C,CAAC;IACR,CAAC;IACU,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,8BACI,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,MAAM,CAAC,QAAQ,EAAE,EACvF,WAAW,EAAC,kBAAkB,GAChC,IACA,EAEF,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACxB,4BACI,eAAK,SAAS,EAAC,6DAA6D,aACxE,cACI,SAAS,EAAE,EAAE,EACb,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,qCAA6B,IACjE,GACP,CAAC,CAAC,CAAC,CAAC,IAAI,IAEpB,CACN,CAAC;IACN,CAAC;CACJ"}
@@ -1,14 +1,16 @@
1
1
  import React from "react";
2
2
  export interface NSInputFloatProps {
3
3
  title: string;
4
+ defaultValue?: string;
5
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
4
6
  }
5
7
  export interface NSInputFloatState {
6
8
  value: string;
7
9
  }
8
10
  export declare class NSInputFloat extends React.Component<NSInputFloatProps, NSInputFloatState> {
9
11
  constructor(props: NSInputFloatProps);
10
- setValue(e: React.ChangeEvent<HTMLInputElement>): void;
11
- setDefaultValue(value: string): void;
12
12
  getValue(): string;
13
+ setValue(value: string): void;
14
+ private onChanged;
13
15
  render(): import("react/jsx-runtime").JSX.Element;
14
16
  }
@@ -5,25 +5,28 @@ import Styles from "./NSInputFloat.module.css";
5
5
  import IconInputFloat from '../assets/images/icon-input-float.svg';
6
6
  export class NSInputFloat extends React.Component {
7
7
  constructor(props) {
8
+ var _a;
8
9
  super(props);
9
10
  this.state = {
10
- value: "",
11
+ value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
11
12
  };
12
13
  this.setValue = this.setValue.bind(this);
13
14
  this.getValue = this.getValue.bind(this);
14
- this.setDefaultValue = this.setDefaultValue.bind(this);
15
+ this.onChanged = this.onChanged.bind(this);
15
16
  }
16
- setValue(e) {
17
- this.setState({ value: e.target.value });
17
+ getValue() {
18
+ return this.state.value;
18
19
  }
19
- setDefaultValue(value) {
20
+ setValue(value) {
20
21
  this.setState({ value });
21
22
  }
22
- getValue() {
23
- return this.state.value;
23
+ onChanged(e) {
24
+ this.setValue(e.target.value);
25
+ if (this.props.onChanged)
26
+ this.props.onChanged(e);
24
27
  }
25
28
  render() {
26
- return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputFloat, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "1.2" })] }));
29
+ return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputFloat, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "number", className: Styles.ns_input, placeholder: "1.2" })] }));
27
30
  }
28
31
  }
29
32
  //# 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,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAYnE,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IACnF,YAAY,KAAwB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,KAAK,GACnB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
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,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAcnE,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IACnF,YAAY,KAAwB;;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE;SAClC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IACE,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAChC,CAAC;IAEU,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,KAAK,GACnB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
@@ -1,14 +1,16 @@
1
1
  import React from "react";
2
2
  export interface NSInputIPProps {
3
3
  title: string;
4
+ defaultValue?: string;
5
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
4
6
  }
5
7
  export interface NSInputIPState {
6
8
  value: string;
7
9
  }
8
10
  export declare class NSInputIP extends React.Component<NSInputIPProps, NSInputIPState> {
9
11
  constructor(props: NSInputIPProps);
10
- setValue(e: React.ChangeEvent<HTMLInputElement>): void;
11
- setDefaultValue(value: string): void;
12
12
  getValue(): string;
13
+ setValue(value: string): void;
14
+ private onChanged;
13
15
  render(): import("react/jsx-runtime").JSX.Element;
14
16
  }
@@ -5,25 +5,28 @@ import Styles from "./NSInputIP.module.css";
5
5
  import IconInputId from '../assets/images/icon-input-id.svg';
6
6
  export class NSInputIP extends React.Component {
7
7
  constructor(props) {
8
+ var _a;
8
9
  super(props);
9
10
  this.state = {
10
- value: "",
11
+ value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
11
12
  };
12
- this.setValue = this.setValue.bind(this);
13
13
  this.getValue = this.getValue.bind(this);
14
- this.setDefaultValue = this.setDefaultValue.bind(this);
14
+ this.setValue = this.setValue.bind(this);
15
+ this.onChanged = this.onChanged.bind(this);
15
16
  }
16
- setValue(e) {
17
- this.setState({ value: e.target.value });
17
+ getValue() {
18
+ return this.state.value;
18
19
  }
19
- setDefaultValue(value) {
20
+ setValue(value) {
20
21
  this.setState({ value });
21
22
  }
22
- getValue() {
23
- return this.state.value;
23
+ onChanged(e) {
24
+ this.setValue(e.target.value);
25
+ if (this.props.onChanged)
26
+ this.props.onChanged(e);
24
27
  }
25
28
  render() {
26
- return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputId, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "192.158.1.38" })] }));
29
+ return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputId, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "number", className: Styles.ns_input, placeholder: "192.158.1.38" })] }));
27
30
  }
28
31
  }
29
32
  //# sourceMappingURL=NSInputIP.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSInputIP.js","sourceRoot":"","sources":["../../src/components/NSInputIP.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAY7D,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyC;IAC1E,YAAY,KAAqB;QAE7B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,WAAW,EAChB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,cAAc,GAC5B,IAEA,CACT,CAAC;IACN,CAAC;CACJ"}
1
+ {"version":3,"file":"NSInputIP.js","sourceRoot":"","sources":["../../src/components/NSInputIP.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAc7D,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyC;IAC1E,YAAY,KAAqB;;QAE7B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE;SAClC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACO,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,WAAW,EAChB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,cAAc,GAC5B,IAEA,CACT,CAAC;IACN,CAAC;CACJ"}
@@ -1,14 +1,16 @@
1
1
  import React from "react";
2
2
  export interface NSInputIntegerProps {
3
3
  title: string;
4
+ defaultValue?: string;
5
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
4
6
  }
5
7
  export interface NSInputIntegerState {
6
8
  value: string;
7
9
  }
8
10
  export declare class NSInputInteger extends React.Component<NSInputIntegerProps, NSInputIntegerState> {
9
11
  constructor(props: NSInputIntegerProps);
10
- setValue(e: React.ChangeEvent<HTMLInputElement>): void;
11
- setDefaultValue(value: string): void;
12
12
  getValue(): string;
13
+ setValue(value: string): void;
14
+ private onChanged;
13
15
  render(): import("react/jsx-runtime").JSX.Element;
14
16
  }
@@ -5,25 +5,28 @@ import Styles from "./NSInputInteger.module.css";
5
5
  import IconInputInteger from '../assets/images/icon-input-integer.svg';
6
6
  export class NSInputInteger extends React.Component {
7
7
  constructor(props) {
8
+ var _a;
8
9
  super(props);
9
10
  this.state = {
10
- value: "",
11
+ value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
11
12
  };
12
- this.setValue = this.setValue.bind(this);
13
13
  this.getValue = this.getValue.bind(this);
14
- this.setDefaultValue = this.setDefaultValue.bind(this);
14
+ this.setValue = this.setValue.bind(this);
15
+ this.onChanged = this.onChanged.bind(this);
15
16
  }
16
- setValue(e) {
17
- this.setState({ value: e.target.value });
17
+ getValue() {
18
+ return this.state.value;
18
19
  }
19
- setDefaultValue(value) {
20
+ setValue(value) {
20
21
  this.setState({ value });
21
22
  }
22
- getValue() {
23
- return this.state.value;
23
+ onChanged(e) {
24
+ this.setValue(e.target.value);
25
+ if (this.props.onChanged)
26
+ this.props.onChanged(e);
24
27
  }
25
28
  render() {
26
- return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputInteger, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "number", className: Styles.ns_input, placeholder: "1234" })] }));
29
+ return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputInteger, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "number", className: Styles.ns_input, placeholder: "1234" })] }));
27
30
  }
28
31
  }
29
32
  //# sourceMappingURL=NSInputInteger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSInputInteger.js","sourceRoot":"","sources":["../../src/components/NSInputInteger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAYvE,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAmD;IACzF,YAAY,KAA0B;QAElC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,MAAM,GACpB,IAEA,CACT,CAAC;IACN,CAAC;CACJ"}
1
+ {"version":3,"file":"NSInputInteger.js","sourceRoot":"","sources":["../../src/components/NSInputInteger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAcvE,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAmD;IACzF,YAAY,KAA0B;;QAElC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE;SAClC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACO,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,MAAM,GACpB,IAEA,CACT,CAAC;IACN,CAAC;CACJ"}
@@ -1,15 +1,15 @@
1
1
  import React from "react";
2
2
  export interface NSInputSearchProps {
3
+ defaultValue?: string;
4
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
3
5
  }
4
6
  export interface NSInputSearchState {
5
7
  value: string;
6
8
  }
7
9
  export declare class NSInputSearch extends React.Component<NSInputSearchProps, NSInputSearchState> {
8
10
  constructor(props: NSInputSearchProps);
9
- setValue(e: React.ChangeEvent<HTMLInputElement>): void;
10
- setDefaultValue(value: string): void;
11
11
  getValue(): string;
12
- onChanged(e: React.ChangeEvent<HTMLInputElement>): void;
13
- keyDownEvent(event: React.KeyboardEvent<HTMLDivElement>): void;
12
+ setValue(value: string): void;
13
+ private onChanged;
14
14
  render(): import("react/jsx-runtime").JSX.Element;
15
15
  }
@@ -5,34 +5,28 @@ import Styles from "./NSInputSearch.module.css";
5
5
  import IconInputSearch from '../assets/images/icon-input-search.svg';
6
6
  export class NSInputSearch extends React.Component {
7
7
  constructor(props) {
8
+ var _a;
8
9
  super(props);
9
10
  this.state = {
10
- value: "",
11
+ value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
11
12
  };
12
- this.setValue = this.setValue.bind(this);
13
13
  this.getValue = this.getValue.bind(this);
14
- this.setDefaultValue = this.setDefaultValue.bind(this);
15
- this.keyDownEvent = this.keyDownEvent.bind(this);
16
- }
17
- setValue(e) {
18
- this.setState({ value: e.target.value });
19
- }
20
- setDefaultValue(value) {
21
- this.setState({ value });
14
+ this.setValue = this.setValue.bind(this);
15
+ this.onChanged = this.onChanged.bind(this);
22
16
  }
23
17
  getValue() {
24
18
  return this.state.value;
25
19
  }
26
- onChanged(e) {
27
- this.setValue(e);
20
+ setValue(value) {
21
+ this.setState({ value });
28
22
  }
29
- keyDownEvent(event) {
30
- if (event.code === "Enter") {
31
- console.log("function");
32
- }
23
+ onChanged(e) {
24
+ this.setValue(e.target.value);
25
+ if (this.props.onChanged)
26
+ this.props.onChanged(e);
33
27
  }
34
28
  render() {
35
- return (_jsxs("div", { className: `${Styles.ns_input_form} p-2`, children: [_jsx("img", { className: Styles.ns_input_icon, src: IconInputSearch, alt: "icon", width: 22, height: 22 }), _jsx("input", { value: this.state.value, onChange: this.setValue, onKeyDown: this.keyDownEvent, type: "text", className: Styles.ns_input, placeholder: "Search" })] }));
29
+ return (_jsxs("div", { className: `${Styles.ns_input_form} p-2`, children: [_jsx("img", { className: Styles.ns_input_icon, src: IconInputSearch, alt: "icon", width: 22, height: 22 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: "Search" })] }));
36
30
  }
37
31
  }
38
32
  //# sourceMappingURL=NSInputSearch.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSInputSearch.js","sourceRoot":"","sources":["../../src/components/NSInputSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAUrE,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACtF,YAAY,KAAyB;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,SAAS,CAAC,CAAsC;QAE5C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;IACD,YAAY,CAAC,KAA0C;QAEnD,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAC1B,CAAC;YAEG,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;QAC3B,CAAC;IACL,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,MAAM,aACzC,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,IAAI,CAAC,YAAY,EAC5B,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,QAAQ,GACtB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
1
+ {"version":3,"file":"NSInputSearch.js","sourceRoot":"","sources":["../../src/components/NSInputSearch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAarE,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IAEtF,YAAY,KAAyB;;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE;SAClC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACO,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,MAAM,aACzC,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,eAAe,EACpB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,QAAQ,GACtB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
@@ -1,14 +1,16 @@
1
1
  import React from "react";
2
2
  export interface NSInputTimeProps {
3
3
  title: string;
4
+ defaultValue?: string;
5
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
4
6
  }
5
7
  export interface NSInputTimeState {
6
8
  value: string;
7
9
  }
8
10
  export declare class NSInputTime extends React.Component<NSInputTimeProps, NSInputTimeState> {
9
11
  constructor(props: NSInputTimeProps);
10
- setValue(e: React.ChangeEvent<HTMLInputElement>): void;
11
- setDefaultValue(value: string): void;
12
12
  getValue(): string;
13
+ setValue(value: string): void;
14
+ private onChanged;
13
15
  render(): import("react/jsx-runtime").JSX.Element;
14
16
  }
@@ -5,25 +5,28 @@ import Styles from "./NSInputTime.module.css";
5
5
  import IconInputTime from '../assets/images/icon-input-time.svg';
6
6
  export class NSInputTime extends React.Component {
7
7
  constructor(props) {
8
+ var _a;
8
9
  super(props);
9
10
  this.state = {
10
- value: "",
11
+ value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
11
12
  };
12
- this.setValue = this.setValue.bind(this);
13
13
  this.getValue = this.getValue.bind(this);
14
- this.setDefaultValue = this.setDefaultValue.bind(this);
14
+ this.setValue = this.setValue.bind(this);
15
+ this.onChanged = this.onChanged.bind(this);
15
16
  }
16
- setValue(e) {
17
- this.setState({ value: e.target.value });
17
+ getValue() {
18
+ return this.state.value;
18
19
  }
19
- setDefaultValue(value) {
20
+ setValue(value) {
20
21
  this.setState({ value });
21
22
  }
22
- getValue() {
23
- return this.state.value;
23
+ onChanged(e) {
24
+ this.setValue(e.target.value);
25
+ if (this.props.onChanged)
26
+ this.props.onChanged(e);
24
27
  }
25
28
  render() {
26
- return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputTime, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "time", className: Styles.ns_input, placeholder: "21:44:06", step: "2" })] }));
29
+ return (_jsxs("div", { className: `${Styles.ns_input_parent} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("img", { className: Styles.ns_input_icon, src: IconInputTime, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "time", className: Styles.ns_input, placeholder: "21:44:06", step: "2" })] }));
27
30
  }
28
31
  }
29
32
  //# sourceMappingURL=NSInputTime.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NSInputTime.js","sourceRoot":"","sources":["../../src/components/NSInputTime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAYjE,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAChF,YAAY,KAAuB;QAE/B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,aAAa,EAClB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,GAAG,GACV,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
1
+ {"version":3,"file":"NSInputTime.js","sourceRoot":"","sources":["../../src/components/NSInputTime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAcjE,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAChF,YAAY,KAAuB;;QAE/B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE;SAClC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACO,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,aAAa,EAClB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,GAAG,GACV,IACA,CACT,CAAC;IACN,CAAC;CACJ"}