namirasoft-site-react 1.2.0 → 1.2.1

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 (67) hide show
  1. package/dist/App.d.ts +4 -0
  2. package/dist/App.js +47 -0
  3. package/dist/App.js.map +1 -0
  4. package/dist/components/NSButtonGreen.d.ts +11 -0
  5. package/dist/components/NSButtonGreen.js +9 -0
  6. package/dist/components/NSButtonGreen.js.map +1 -0
  7. package/dist/components/NSButtonRed.d.ts +11 -0
  8. package/dist/components/NSButtonRed.js +9 -0
  9. package/dist/components/NSButtonRed.js.map +1 -0
  10. package/dist/components/NSFooter.d.ts +19 -0
  11. package/dist/components/NSFooter.js +45 -0
  12. package/dist/components/NSFooter.js.map +1 -0
  13. package/dist/components/NSHeader.d.ts +22 -0
  14. package/dist/components/NSHeader.js +63 -0
  15. package/dist/components/NSHeader.js.map +1 -0
  16. package/dist/components/NSInputDate.d.ts +15 -0
  17. package/dist/components/NSInputDate.js +27 -0
  18. package/dist/components/NSInputDate.js.map +1 -0
  19. package/dist/components/NSInputDuration.d.ts +15 -0
  20. package/dist/components/NSInputDuration.js +28 -0
  21. package/dist/components/NSInputDuration.js.map +1 -0
  22. package/dist/components/NSInputEmail.d.ts +16 -0
  23. package/dist/components/NSInputEmail.js +36 -0
  24. package/dist/components/NSInputEmail.js.map +1 -0
  25. package/dist/components/NSInputFloat.d.ts +15 -0
  26. package/dist/components/NSInputFloat.js +28 -0
  27. package/dist/components/NSInputFloat.js.map +1 -0
  28. package/dist/components/NSInputIP.d.ts +15 -0
  29. package/dist/components/NSInputIP.js +28 -0
  30. package/dist/components/NSInputIP.js.map +1 -0
  31. package/dist/components/NSInputInteger.d.ts +15 -0
  32. package/dist/components/NSInputInteger.js +28 -0
  33. package/dist/components/NSInputInteger.js.map +1 -0
  34. package/dist/components/NSInputPhone.d.ts +16 -0
  35. package/dist/components/NSInputPhone.js +30 -0
  36. package/dist/components/NSInputPhone.js.map +1 -0
  37. package/dist/components/NSInputPrice.d.ts +15 -0
  38. package/dist/components/NSInputPrice.js +28 -0
  39. package/dist/components/NSInputPrice.js.map +1 -0
  40. package/dist/components/NSInputSearch.d.ts +17 -0
  41. package/dist/components/NSInputSearch.js +37 -0
  42. package/dist/components/NSInputSearch.js.map +1 -0
  43. package/dist/components/NSInputString.d.ts +15 -0
  44. package/dist/components/NSInputString.js +28 -0
  45. package/dist/components/NSInputString.js.map +1 -0
  46. package/dist/components/NSInputText.d.ts +15 -0
  47. package/dist/components/NSInputText.js +28 -0
  48. package/dist/components/NSInputText.js.map +1 -0
  49. package/dist/components/NSInputTime.d.ts +15 -0
  50. package/dist/components/NSInputTime.js +28 -0
  51. package/dist/components/NSInputTime.js.map +1 -0
  52. package/dist/components/NSSelectBox.d.ts +16 -0
  53. package/dist/components/NSSelectBox.js +24 -0
  54. package/dist/components/NSSelectBox.js.map +1 -0
  55. package/dist/index.d.ts +1 -0
  56. package/dist/index.js +7 -0
  57. package/dist/index.js.map +1 -0
  58. package/dist/main.d.ts +17 -0
  59. package/dist/main.js +18 -0
  60. package/dist/main.js.map +1 -0
  61. package/package.json +18 -10
  62. package/src/App.tsx +48 -49
  63. package/src/components/NSButtonGreen.tsx +3 -6
  64. package/src/components/NSButtonRed.tsx +3 -6
  65. package/src/components/NSHeader.tsx +14 -28
  66. package/src/main.ts +17 -0
  67. package/tsconfig.json +32 -32
package/dist/App.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import './App.css';
2
+ import 'bootstrap/dist/css/bootstrap.min.css';
3
+ declare function App(): import("react/jsx-runtime").JSX.Element;
4
+ export default App;
package/dist/App.js ADDED
@@ -0,0 +1,47 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import './App.css';
3
+ import 'bootstrap/dist/css/bootstrap.min.css';
4
+ import NSHeader from './components/NSHeader';
5
+ import NSFooter from './components/NSFooter';
6
+ import NSInputText from './components/NSInputText';
7
+ import NSInputInteger from './components/NSInputInteger';
8
+ import NSInputFloat from './components/NSInputFloat';
9
+ import NSInputPrice from './components/NSInputPrice';
10
+ import NSInputDate from './components/NSInputDate';
11
+ import NSInputTime from './components/NSInputTime';
12
+ import NSInputDuration from './components/NSInputDuration';
13
+ import NSInputString from './components/NSInputString';
14
+ import NSInputIP from './components/NSInputIP';
15
+ import NSInputEmail from './components/NSInputEmail';
16
+ import NSInputSearch from './components/NSInputSearch';
17
+ import NSInputPhone from './components/NSInputPhone';
18
+ import { NSButtonGreen } from './components/NSButtonGreen';
19
+ import { NSButtonRed } from './components/NSButtonRed';
20
+ import NSSelectBox from './components/NSSelectBox';
21
+ function App() {
22
+ const options = [
23
+ {
24
+ label: 'Test1',
25
+ value: 'test1',
26
+ desc: 'Test1',
27
+ },
28
+ {
29
+ label: 'Test2',
30
+ value: 'test2',
31
+ desc: 'Test2',
32
+ },
33
+ {
34
+ label: 'Test3',
35
+ value: 'test3',
36
+ desc: 'Test3',
37
+ },
38
+ {
39
+ label: 'Test4',
40
+ value: 'test4',
41
+ desc: 'Test4',
42
+ },
43
+ ];
44
+ return (_jsxs("div", { className: "App", children: [_jsx(NSHeader, { scope: 'test', name: 'test' }), _jsxs("div", { className: 'my-4', children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } })] }), _jsx(NSFooter, { scope: 'test', name: 'test' })] }));
45
+ }
46
+ export default App;
47
+ //# sourceMappingURL=App.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD,SAAS,GAAG;IACR,MAAM,OAAO,GAA2B;QACpC;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,OAAO;SAChB;KACJ,CAAC;IACF,OAAO,CACH,eAAK,SAAS,EAAC,KAAK,aAChB,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG,EACrC,eAAK,SAAS,EAAC,MAAM,aACjB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,GAAG,EAClC,KAAC,YAAY,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACvC,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,eAAe,IAAC,KAAK,EAAC,UAAU,GAAG,EACpC,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,GAAG,EAChC,KAAC,SAAS,IAAC,KAAK,EAAC,IAAI,GAAG,EACxB,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,aAAa,IAAC,KAAK,EAAC,QAAQ,GAAG,EAChC,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,WAAW,IAAC,KAAK,EAAC,GAAG,EAAC,OAAO,EAAE,OAAO,GAAI,EAC3C,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EAClD,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,IAChD,EACN,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG,IACnC,CACT,CAAC;AACN,CAAC;AAED,eAAe,GAAG,CAAC"}
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ interface IProps {
3
+ title: string;
4
+ onClick: () => void;
5
+ }
6
+ interface IState {
7
+ }
8
+ export declare class NSButtonGreen extends React.Component<IProps, IState> {
9
+ render(): import("react/jsx-runtime").JSX.Element;
10
+ }
11
+ export {};
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import Style from "./NSButtonGreen.module.css";
4
+ export class NSButtonGreen extends React.Component {
5
+ render() {
6
+ return _jsx("button", { onClick: this.props.onClick, className: Style.ns_button_green, children: this.props.title });
7
+ }
8
+ }
9
+ //# sourceMappingURL=NSButtonGreen.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSButtonGreen.js","sourceRoot":"","sources":["../../src/components/NSButtonGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAQ/C,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAyB;IAErD,MAAM;QACX,OAAO,iBAAQ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,eAAe,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAU,CAAC;IAC9G,CAAC;CACJ"}
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ interface IProps {
3
+ title: string;
4
+ onClick: () => void;
5
+ }
6
+ interface IState {
7
+ }
8
+ export declare class NSButtonRed extends React.Component<IProps, IState> {
9
+ render(): import("react/jsx-runtime").JSX.Element;
10
+ }
11
+ export {};
@@ -0,0 +1,9 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import Style from "./NSButtonRed.module.css";
4
+ export class NSButtonRed extends React.Component {
5
+ render() {
6
+ return _jsx("button", { onClick: this.props.onClick, className: Style.ns_button_red, children: this.props.title });
7
+ }
8
+ }
9
+ //# sourceMappingURL=NSButtonRed.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSButtonRed.js","sourceRoot":"","sources":["../../src/components/NSButtonRed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAQ7C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAEnD,MAAM;QACX,OAAO,iBAAQ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,aAAa,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAU,CAAC;IAC5G,CAAC;CACJ"}
@@ -0,0 +1,19 @@
1
+ import React from "react";
2
+ import { FilterLinkRow } from 'namirasoft-api-link';
3
+ interface IProps {
4
+ scope: string;
5
+ name: string;
6
+ }
7
+ interface IState {
8
+ filters: FilterLinkRow[];
9
+ selected: FilterLinkRow | null;
10
+ }
11
+ export default class NSFooter extends React.Component<IProps, IState> {
12
+ constructor(props: IProps);
13
+ componentDidMount(): void;
14
+ private hasChild;
15
+ render(): import("react/jsx-runtime").JSX.Element;
16
+ private render_menu;
17
+ private render_menuItem;
18
+ }
19
+ export {};
@@ -0,0 +1,45 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import Styles from "./NSFooter.module.css";
4
+ import { NamirasoftAPILinkServer } from 'namirasoft-api-link';
5
+ export default class NSFooter extends React.Component {
6
+ constructor(props) {
7
+ super(props);
8
+ this.state = {
9
+ filters: [],
10
+ selected: null
11
+ };
12
+ this.hasChild = this.hasChild.bind(this);
13
+ this.render_menu = this.render_menu.bind(this);
14
+ this.render_menuItem = this.render_menuItem.bind(this);
15
+ }
16
+ componentDidMount() {
17
+ let server = new NamirasoftAPILinkServer(console.error);
18
+ server.filter.GetFilters(this.props.scope, this.props.name).then(filters => {
19
+ this.setState({ filters });
20
+ });
21
+ }
22
+ hasChild(id) {
23
+ return this.state.filters.filter(f => f.parent_id === id).length > 0;
24
+ }
25
+ render() {
26
+ return (_jsx("div", { className: Styles.ns_footer, children: _jsxs("div", { className: "container", children: [_jsxs("div", { className: `d-flex justify-content-between ${Styles.ns_footer_parent_items}`, children: [_jsx("div", { className: "d-none d-md-block", children: _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/account/base.png", alt: 'footer', width: 48, height: 48 }) }) }) }), _jsx("div", { className: "d-flex flex-wrap w-100 gap-5", children: this.render_menu(0, null) }), _jsx("div", { className: "justify-content-end d-none d-md-flex", children: _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 48, height: 48 }) }) }) })] }), _jsxs("div", { className: "d-flex justify-content-center gap-4 mb-3 d-block d-md-none", children: [_jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/account/base.png", alt: 'footer', width: 48, height: 48 }) }) }), _jsx("div", { children: _jsx("a", { href: "/", children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 48, height: 48 }) }) })] }), _jsx("div", { className: `row ${Styles.ns_footer_copyright}`, children: "\u00A9Copyright 2010 - 2023 Namira Software Corporation. All rights reserved." })] }) }));
27
+ }
28
+ render_menu(level, parent_id) {
29
+ var _a;
30
+ let fs = (_a = this.state.filters) === null || _a === void 0 ? void 0 : _a.filter(f => f.parent_id === parent_id);
31
+ return (_jsx(_Fragment, { children: (fs === null || fs === void 0 ? void 0 : fs.map(f => this.render_menuItem(level, f))) }));
32
+ }
33
+ render_menuItem(level, filter) {
34
+ if (this.hasChild(filter.id)) {
35
+ return (_jsx(_Fragment, { children: _jsxs("ul", { id: `dropdown_parent${filter.id}`, children: [filter.name, this.render_menu(1, filter.id)] }) }));
36
+ }
37
+ else if (level == 0) {
38
+ return (_jsx(_Fragment, { children: _jsx("ul", { id: `dropdown_parent${filter.id}`, children: filter.name }) }));
39
+ }
40
+ else {
41
+ return (_jsx("li", { className: "mb-2", children: filter.name }));
42
+ }
43
+ }
44
+ }
45
+ //# sourceMappingURL=NSFooter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ import { FilterLinkRow } from 'namirasoft-api-link';
3
+ interface IProps {
4
+ scope: string;
5
+ name: string;
6
+ }
7
+ interface IState {
8
+ filters: FilterLinkRow[];
9
+ selected: FilterLinkRow | null;
10
+ showNavbar: boolean;
11
+ }
12
+ export default class NSHeader extends React.Component<IProps, IState> {
13
+ constructor(props: IProps);
14
+ componentDidMount(): void;
15
+ private onMenuItemToggled;
16
+ private hasChild;
17
+ handleShowNavbar(): void;
18
+ render(): import("react/jsx-runtime").JSX.Element;
19
+ private render_menu;
20
+ private render_menuItem;
21
+ }
22
+ export {};
@@ -0,0 +1,63 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import Styles from "./NSHeader.module.css";
4
+ import Nav from 'react-bootstrap/Nav';
5
+ import Menu from '../assets/images/menu.svg';
6
+ import Exit from '../assets/images/exit.svg';
7
+ import NavDropdown from 'react-bootstrap/NavDropdown';
8
+ import { NamirasoftAPILinkServer } from 'namirasoft-api-link';
9
+ export default class NSHeader extends React.Component {
10
+ constructor(props) {
11
+ super(props);
12
+ this.state = {
13
+ filters: [],
14
+ selected: null,
15
+ showNavbar: false
16
+ };
17
+ this.hasChild = this.hasChild.bind(this);
18
+ this.onMenuItemToggled = this.onMenuItemToggled.bind(this);
19
+ this.render_menu = this.render_menu.bind(this);
20
+ this.render_menuItem = this.render_menuItem.bind(this);
21
+ this.handleShowNavbar = this.handleShowNavbar.bind(this);
22
+ }
23
+ componentDidMount() {
24
+ let server = new NamirasoftAPILinkServer(console.error);
25
+ server.filter.GetFilters(this.props.scope, this.props.name).then(filters => {
26
+ this.setState({ filters });
27
+ });
28
+ }
29
+ onMenuItemToggled(checked, selected) {
30
+ if (checked)
31
+ this.setState({ selected });
32
+ }
33
+ hasChild(id) {
34
+ return this.state.filters.filter(f => f.parent_id === id).length > 0;
35
+ }
36
+ handleShowNavbar() {
37
+ this.setState({ showNavbar: !this.state.showNavbar });
38
+ }
39
+ render() {
40
+ return (_jsx("nav", { className: Styles.ns_navbar, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("img", { src: "https://static.namirasoft.com/logo/account/base.png", alt: "logo", width: 48, height: 48 }), _jsxs("div", { className: `${Styles.ns_navbar_content} gap-2 d-flex justify-content-between`, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), _jsxs("div", { className: "d-flex justify-content-center align-items-center", children: [_jsx("span", { className: `me-2 ${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: Exit, alt: "exit", width: 20, height: 20 })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: Menu, alt: "menu", width: 19, height: 17 }) })] })] }) }));
41
+ }
42
+ render_menu(level, parent_id) {
43
+ var _a;
44
+ let fs = (_a = this.state.filters) === null || _a === void 0 ? void 0 : _a.filter(f => f.parent_id === parent_id);
45
+ return (_jsx(Nav, { className: "me-auto", children: (fs === null || fs === void 0 ? void 0 : fs.map(f => this.render_menuItem(level, f))) }));
46
+ }
47
+ render_menuItem(level, filter) {
48
+ var _a;
49
+ if (this.hasChild(filter.id)) {
50
+ let sub_menus = _jsx(_Fragment, {});
51
+ if (level === 0)
52
+ if (this.state.selected) {
53
+ sub_menus =
54
+ _jsx("div", { id: `dropdown_items${filter.id}`, children: this.render_menu(1, this.state.selected.id) });
55
+ }
56
+ return (_jsx(_Fragment, { children: _jsx(NavDropdown, { onToggle: (checked) => this.onMenuItemToggled(checked, filter), className: level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item, title: filter.name, id: `dropdown_parent${filter.id}`, children: sub_menus }) }));
57
+ }
58
+ else {
59
+ return (_jsxs(Nav.Link, { className: level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item, href: (_a = filter.link) === null || _a === void 0 ? void 0 : _a.url, children: [filter.name, "li"] }));
60
+ }
61
+ }
62
+ }
63
+ //# sourceMappingURL=NSHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ interface IProps {
3
+ title: string;
4
+ }
5
+ interface IState {
6
+ value: string;
7
+ }
8
+ export default class NSInputDate extends React.Component<IProps, IState> {
9
+ constructor(props: IProps);
10
+ setValue(e: React.ChangeEvent<HTMLInputElement>): void;
11
+ setDefaultValue(value: string): void;
12
+ getValue(): string;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
+ }
15
+ export {};
@@ -0,0 +1,27 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import Styles from "./NSInputDate.module.css";
4
+ export default class NSInputDate extends React.Component {
5
+ constructor(props) {
6
+ super(props);
7
+ this.state = {
8
+ value: "",
9
+ };
10
+ this.setValue = this.setValue.bind(this);
11
+ this.getValue = this.getValue.bind(this);
12
+ this.setDefaultValue = this.setDefaultValue.bind(this);
13
+ }
14
+ setValue(e) {
15
+ this.setState({ value: e.target.value });
16
+ }
17
+ setDefaultValue(value) {
18
+ this.setState({ value });
19
+ }
20
+ getValue() {
21
+ return this.state.value;
22
+ }
23
+ render() {
24
+ return (_jsxs("div", { className: `${Styles.ns_parent_input} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "date", className: Styles.ns_input, placeholder: "YYYY/MM/DD" })] }));
25
+ }
26
+ }
27
+ //# sourceMappingURL=NSInputDate.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputDate.js","sourceRoot":"","sources":["../../src/components/NSInputDate.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAY9C,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IACpE,YAAY,KAAa;QAErB,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,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,YAAY,GAC1B,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ interface IProps {
3
+ title: string;
4
+ }
5
+ interface IState {
6
+ value: string;
7
+ }
8
+ export default class NSInputDuration extends React.Component<IProps, IState> {
9
+ constructor(props: IProps);
10
+ setValue(e: React.ChangeEvent<HTMLInputElement>): void;
11
+ setDefaultValue(value: string): void;
12
+ getValue(): string;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
+ }
15
+ export {};
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import Styles from "./NSInputDuration.module.css";
4
+ import IconInputDuration from '../assets/images/icon-input-duration.svg';
5
+ export default class NSInputDuration extends React.Component {
6
+ constructor(props) {
7
+ super(props);
8
+ this.state = {
9
+ value: "",
10
+ };
11
+ this.setValue = this.setValue.bind(this);
12
+ this.getValue = this.getValue.bind(this);
13
+ this.setDefaultValue = this.setDefaultValue.bind(this);
14
+ }
15
+ setValue(e) {
16
+ this.setState({ value: e.target.value });
17
+ }
18
+ setDefaultValue(value) {
19
+ this.setState({ value });
20
+ }
21
+ getValue() {
22
+ return this.state.value;
23
+ }
24
+ render() {
25
+ 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" })] }));
26
+ }
27
+ }
28
+ //# sourceMappingURL=NSInputDuration.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputDuration.js","sourceRoot":"","sources":["../../src/components/NSInputDuration.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAClD,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AAYzE,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAyB;IACxE,YAAY,KAAa;QAErB,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"}
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ interface IProps {
3
+ title: string;
4
+ }
5
+ interface IState {
6
+ value: string;
7
+ error: boolean;
8
+ }
9
+ export default class NSInputEmail extends React.Component<IProps, IState> {
10
+ constructor(props: IProps);
11
+ setValue(e: React.ChangeEvent<HTMLInputElement>): void;
12
+ setDefaultValue(value: string): void;
13
+ getValue(): string;
14
+ render(): import("react/jsx-runtime").JSX.Element;
15
+ }
16
+ export {};
@@ -0,0 +1,36 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import Styles from "./NSInputEmail.module.css";
4
+ import IconInputEmail from '../assets/images/icon-input-email.svg';
5
+ import Danger from '../assets/images/danger.svg';
6
+ export default class NSInputEmail extends React.Component {
7
+ constructor(props) {
8
+ super(props);
9
+ this.state = {
10
+ value: "",
11
+ error: false,
12
+ };
13
+ this.setValue = this.setValue.bind(this);
14
+ this.getValue = this.getValue.bind(this);
15
+ this.setDefaultValue = this.setDefaultValue.bind(this);
16
+ }
17
+ setValue(e) {
18
+ 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,}))$/;
19
+ if (!email.test(e.target.value)) {
20
+ this.setState({ error: true, value: e.target.value });
21
+ }
22
+ else {
23
+ this.setState({ error: false, value: e.target.value });
24
+ }
25
+ }
26
+ setDefaultValue(value) {
27
+ this.setState({ value });
28
+ }
29
+ getValue() {
30
+ return this.state.value;
31
+ }
32
+ render() {
33
+ 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] }));
34
+ }
35
+ }
36
+ //# sourceMappingURL=NSInputEmail.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputEmail.js","sourceRoot":"","sources":["../../src/components/NSInputEmail.tsx"],"names":[],"mappings":";AAAA,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,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAyB;IACrE,YAAY,KAAa;QAErB,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;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;SACzD;aAED;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;SAC1D;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,EAEL,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACzB,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,sCAA8B,IAClE,GACP,CAAC,CAAC,CAAC,CAAC,IAAI,IAEhB,CACN,CAAC;IACN,CAAC;CACJ"}
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ interface IProps {
3
+ title: string;
4
+ }
5
+ interface IState {
6
+ value: string;
7
+ }
8
+ export default class NSInputFloat extends React.Component<IProps, IState> {
9
+ constructor(props: IProps);
10
+ setValue(e: React.ChangeEvent<HTMLInputElement>): void;
11
+ setDefaultValue(value: string): void;
12
+ getValue(): string;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
+ }
15
+ export {};
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import Styles from "./NSInputFloat.module.css";
4
+ import IconInputFloat from '../assets/images/icon-input-float.svg';
5
+ export default class NSInputFloat extends React.Component {
6
+ constructor(props) {
7
+ super(props);
8
+ this.state = {
9
+ value: "",
10
+ };
11
+ this.setValue = this.setValue.bind(this);
12
+ this.getValue = this.getValue.bind(this);
13
+ this.setDefaultValue = this.setDefaultValue.bind(this);
14
+ }
15
+ setValue(e) {
16
+ this.setState({ value: e.target.value });
17
+ }
18
+ setDefaultValue(value) {
19
+ this.setState({ value });
20
+ }
21
+ getValue() {
22
+ return this.state.value;
23
+ }
24
+ render() {
25
+ 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" })] }));
26
+ }
27
+ }
28
+ //# sourceMappingURL=NSInputFloat.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputFloat.js","sourceRoot":"","sources":["../../src/components/NSInputFloat.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAYnE,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAyB;IACrE,YAAY,KAAa;QAErB,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,IAEA,CACT,CAAC;IACN,CAAC;CACJ"}
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ interface IProps {
3
+ title: string;
4
+ }
5
+ interface IState {
6
+ value: string;
7
+ }
8
+ export default class NSInputIP extends React.Component<IProps, IState> {
9
+ constructor(props: IProps);
10
+ setValue(e: React.ChangeEvent<HTMLInputElement>): void;
11
+ setDefaultValue(value: string): void;
12
+ getValue(): string;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
+ }
15
+ export {};
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import Styles from "./NSInputIP.module.css";
4
+ import IconInputId from '../assets/images/icon-input-id.svg';
5
+ export default class NSInputIP extends React.Component {
6
+ constructor(props) {
7
+ super(props);
8
+ this.state = {
9
+ value: "",
10
+ };
11
+ this.setValue = this.setValue.bind(this);
12
+ this.getValue = this.getValue.bind(this);
13
+ this.setDefaultValue = this.setDefaultValue.bind(this);
14
+ }
15
+ setValue(e) {
16
+ this.setState({ value: e.target.value });
17
+ }
18
+ setDefaultValue(value) {
19
+ this.setState({ value });
20
+ }
21
+ getValue() {
22
+ return this.state.value;
23
+ }
24
+ render() {
25
+ 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" })] }));
26
+ }
27
+ }
28
+ //# sourceMappingURL=NSInputIP.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputIP.js","sourceRoot":"","sources":["../../src/components/NSInputIP.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAY7D,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAClE,YAAY,KAAa;QAErB,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"}
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ interface IProps {
3
+ title: string;
4
+ }
5
+ interface IState {
6
+ value: string;
7
+ }
8
+ export default class NSInputInteger extends React.Component<IProps, IState> {
9
+ constructor(props: IProps);
10
+ setValue(e: React.ChangeEvent<HTMLInputElement>): void;
11
+ setDefaultValue(value: string): void;
12
+ getValue(): string;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
+ }
15
+ export {};
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import Styles from "./NSInputInteger.module.css";
4
+ import IconInputInteger from '../assets/images/icon-input-integer.svg';
5
+ export default class NSInputInteger extends React.Component {
6
+ constructor(props) {
7
+ super(props);
8
+ this.state = {
9
+ value: "",
10
+ };
11
+ this.setValue = this.setValue.bind(this);
12
+ this.getValue = this.getValue.bind(this);
13
+ this.setDefaultValue = this.setDefaultValue.bind(this);
14
+ }
15
+ setValue(e) {
16
+ this.setState({ value: e.target.value });
17
+ }
18
+ setDefaultValue(value) {
19
+ this.setState({ value });
20
+ }
21
+ getValue() {
22
+ return this.state.value;
23
+ }
24
+ render() {
25
+ 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" })] }));
26
+ }
27
+ }
28
+ //# sourceMappingURL=NSInputInteger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSInputInteger.js","sourceRoot":"","sources":["../../src/components/NSInputInteger.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAYvE,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAyB;IACvE,YAAY,KAAa;QAErB,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"}
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ import 'react-phone-input-2/lib/style.css';
3
+ interface IProps {
4
+ title: string;
5
+ }
6
+ interface IState {
7
+ value: string;
8
+ }
9
+ export default class NSInputPhone extends React.Component<IProps, IState> {
10
+ constructor(props: IProps);
11
+ setValue(value: string): void;
12
+ setDefaultValue(value: string): void;
13
+ getValue(): string;
14
+ render(): import("react/jsx-runtime").JSX.Element;
15
+ }
16
+ export {};