namirasoft-site-react 1.2.39 → 1.2.41
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/.gitlab-ci.yml +14 -14
- package/config-overrides.js +65 -65
- package/dist/App.css +0 -0
- package/dist/App.d.ts +3 -3
- package/dist/App.js +8 -8
- package/dist/assets/images/arrow.svg +3 -3
- package/dist/assets/images/background.svg +9 -0
- package/dist/assets/images/danger.svg +3 -3
- package/dist/assets/images/exit.svg +3 -3
- package/dist/assets/images/icon-input-date.svg +9 -9
- package/dist/assets/images/icon-input-duration.svg +9 -9
- package/dist/assets/images/icon-input-email.svg +9 -9
- package/dist/assets/images/icon-input-float.svg +9 -9
- package/dist/assets/images/icon-input-id.svg +9 -9
- package/dist/assets/images/icon-input-integer.svg +9 -9
- package/dist/assets/images/icon-input-phone.svg +9 -9
- package/dist/assets/images/icon-input-price.svg +9 -9
- package/dist/assets/images/icon-input-search.svg +4 -4
- package/dist/assets/images/icon-input-string.svg +9 -9
- package/dist/assets/images/icon-input-text.svg +9 -9
- package/dist/assets/images/icon-input-time.svg +9 -9
- package/dist/assets/images/left-vector.png +0 -0
- package/dist/assets/images/left_vector.png +0 -0
- package/dist/assets/images/logo.svg +9 -9
- package/dist/assets/images/menu.svg +3 -3
- package/dist/assets/images/namira.svg +9 -9
- package/dist/assets/images/rectangle.svg +3 -3
- package/dist/assets/images/right-vector.png +0 -0
- package/dist/assets/images/right_vector.png +0 -0
- package/dist/components/NSButtonGreen.d.ts +16 -16
- package/dist/components/NSButtonGreen.js +16 -16
- package/dist/components/NSButtonRed.d.ts +16 -16
- package/dist/components/NSButtonRed.js +16 -16
- package/dist/components/NSCard.d.ts +20 -20
- package/dist/components/NSCard.js +12 -12
- package/dist/components/NSFooter.d.ts +20 -20
- package/dist/components/NSFooter.js +46 -46
- package/dist/components/NSHeader.d.ts +23 -7
- package/dist/components/NSHeader.js +60 -52
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSInputDate.d.ts +15 -15
- package/dist/components/NSInputDate.js +27 -27
- package/dist/components/NSInputDuration.d.ts +15 -15
- package/dist/components/NSInputDuration.js +28 -28
- package/dist/components/NSInputEmail.d.ts +16 -16
- package/dist/components/NSInputEmail.js +36 -36
- package/dist/components/NSInputEmail.module.css +37 -37
- package/dist/components/NSInputFloat.d.ts +15 -15
- package/dist/components/NSInputFloat.js +28 -28
- package/dist/components/NSInputFloat.module.css +25 -25
- package/dist/components/NSInputIP.d.ts +15 -15
- package/dist/components/NSInputIP.js +28 -28
- package/dist/components/NSInputIP.module.css +25 -25
- package/dist/components/NSInputInteger.d.ts +15 -15
- package/dist/components/NSInputInteger.js +28 -28
- package/dist/components/NSInputInteger.module.css +25 -25
- package/dist/components/NSInputPhone.d.ts +16 -16
- package/dist/components/NSInputPhone.js +30 -30
- package/dist/components/NSInputPhone.module.css +32 -32
- package/dist/components/NSInputPrice.d.ts +17 -17
- package/dist/components/NSInputPrice.js +31 -31
- package/dist/components/NSInputPrice.module.css +26 -26
- package/dist/components/NSInputSearch.d.ts +17 -17
- package/dist/components/NSInputSearch.js +37 -37
- package/dist/components/NSInputSearch.module.css +25 -25
- package/dist/components/NSInputString.d.ts +17 -17
- package/dist/components/NSInputString.js +31 -31
- package/dist/components/NSInputString.module.css +26 -26
- package/dist/components/NSInputText.d.ts +17 -17
- package/dist/components/NSInputText.js +31 -31
- package/dist/components/NSInputText.module.css +27 -27
- package/dist/components/NSInputTime.d.ts +15 -15
- package/dist/components/NSInputTime.js +28 -28
- package/dist/components/NSInputTime.module.css +26 -26
- package/dist/components/NSLayout.d.ts +8 -8
- package/dist/components/NSLayout.js +8 -8
- package/dist/components/NSLayout.js.map +1 -1
- package/dist/components/NSLayout.module.css +16 -16
- package/dist/components/NSLayoutHeroBanner.d.ts +12 -12
- package/dist/components/NSLayoutHeroBanner.js +8 -8
- package/dist/components/NSLayoutHeroBanner.module.css +43 -43
- package/dist/components/NSLayoutTitle.d.ts +10 -10
- package/dist/components/NSLayoutTitle.js +6 -6
- package/dist/components/NSLinkGreen.d.ts +16 -16
- package/dist/components/NSLinkGreen.js +20 -20
- package/dist/components/NSLinkGreen.module.css +15 -15
- package/dist/components/NSLinkRed.d.ts +16 -16
- package/dist/components/NSLinkRed.js +20 -20
- package/dist/components/NSLinkRed.module.css +15 -15
- package/dist/components/NSPagination.d.ts +15 -15
- package/dist/components/NSPagination.js +35 -35
- package/dist/components/NSPagination.module.css +24 -24
- package/dist/components/NSParentCard.d.ts +0 -0
- package/dist/components/NSParentCard.js +2 -0
- package/dist/components/NSParentCard.js.map +1 -0
- package/dist/components/NSParentCard.module.css +34 -34
- package/dist/components/NSSelectBox.d.ts +16 -16
- package/dist/components/NSSelectBox.js +24 -24
- package/dist/components/NSSelectBox.module.css +28 -28
- package/dist/components/NSTable.d.ts +28 -28
- package/dist/components/NSTable.js +20 -20
- package/dist/components/NSTable.modules.css +76 -76
- package/dist/index.css +6 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +6 -6
- package/dist/main.d.ts +26 -26
- package/dist/main.js +26 -26
- package/dist/main.js.map +1 -1
- package/dist/pages/NSLoginPage.d.ts +13 -13
- package/dist/pages/NSLoginPage.js +17 -17
- package/package.json +52 -52
- package/public/index.html +42 -42
- package/public/manifest.json +25 -25
- package/public/robots.txt +3 -3
- package/src/App.tsx +70 -70
- package/src/assets/images/arrow.svg +3 -3
- package/src/assets/images/danger.svg +3 -3
- package/src/assets/images/exit.svg +3 -3
- package/src/assets/images/icon-input-date.svg +9 -9
- package/src/assets/images/icon-input-duration.svg +9 -9
- package/src/assets/images/icon-input-email.svg +9 -9
- package/src/assets/images/icon-input-float.svg +9 -9
- package/src/assets/images/icon-input-id.svg +9 -9
- package/src/assets/images/icon-input-integer.svg +9 -9
- package/src/assets/images/icon-input-phone.svg +9 -9
- package/src/assets/images/icon-input-price.svg +9 -9
- package/src/assets/images/icon-input-search.svg +4 -4
- package/src/assets/images/icon-input-string.svg +9 -9
- package/src/assets/images/icon-input-text.svg +9 -9
- package/src/assets/images/icon-input-time.svg +9 -9
- package/src/assets/images/logo.svg +9 -9
- package/src/assets/images/menu.svg +3 -3
- package/src/assets/images/namira.svg +9 -9
- package/src/assets/images/rectangle.svg +3 -3
- package/src/components/NSButtonGreen.tsx +33 -33
- package/src/components/NSButtonRed.tsx +33 -33
- package/src/components/NSCard.tsx +54 -54
- package/src/components/NSFooter.tsx +123 -123
- package/src/components/NSHeader.tsx +134 -130
- package/src/components/NSInputDate.tsx +57 -57
- package/src/components/NSInputDuration.tsx +65 -65
- package/src/components/NSInputEmail.module.css +37 -37
- package/src/components/NSInputEmail.tsx +92 -92
- package/src/components/NSInputFloat.module.css +25 -25
- package/src/components/NSInputFloat.tsx +61 -61
- package/src/components/NSInputIP.module.css +25 -25
- package/src/components/NSInputIP.tsx +65 -65
- package/src/components/NSInputInteger.module.css +25 -25
- package/src/components/NSInputInteger.tsx +65 -65
- package/src/components/NSInputPhone.module.css +32 -32
- package/src/components/NSInputPhone.tsx +65 -65
- package/src/components/NSInputPrice.module.css +26 -26
- package/src/components/NSInputPrice.tsx +68 -68
- package/src/components/NSInputSearch.module.css +25 -25
- package/src/components/NSInputSearch.tsx +78 -78
- package/src/components/NSInputString.module.css +26 -26
- package/src/components/NSInputString.tsx +66 -66
- package/src/components/NSInputText.module.css +27 -27
- package/src/components/NSInputText.tsx +69 -69
- package/src/components/NSInputTime.module.css +26 -26
- package/src/components/NSInputTime.tsx +65 -65
- package/src/components/NSLayout.module.css +16 -16
- package/src/components/NSLayout.tsx +30 -29
- package/src/components/NSLayoutHeroBanner.module.css +43 -43
- package/src/components/NSLayoutHeroBanner.tsx +85 -85
- package/src/components/NSLayoutTitle.tsx +25 -25
- package/src/components/NSLinkGreen.module.css +15 -15
- package/src/components/NSLinkGreen.tsx +43 -43
- package/src/components/NSLinkRed.module.css +15 -15
- package/src/components/NSLinkRed.tsx +43 -43
- package/src/components/NSPagination.module.css +24 -24
- package/src/components/NSPagination.tsx +54 -54
- package/src/components/NSParentCard.module.css +34 -34
- package/src/components/NSParentCard.tsx.temp +58 -58
- package/src/components/NSSelectBox.module.css +28 -28
- package/src/components/NSSelectBox.tsx +62 -62
- package/src/components/NSTable.modules.css +76 -76
- package/src/components/NSTable.tsx +64 -64
- package/src/index.tsx +7 -7
- package/src/main.ts +25 -26
- package/src/pages/NSLoginPage.tsx +39 -39
- package/src/react-app-env.d.ts +1 -1
- package/tsconfig.json +37 -37
|
@@ -1,27 +1,27 @@
|
|
|
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
|
-
}
|
|
9
|
-
|
|
10
|
-
.ns_input {
|
|
11
|
-
border-radius: 8px;
|
|
12
|
-
padding: 10px 12px;
|
|
13
|
-
font-size: 16px;
|
|
14
|
-
font-weight: 400;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.ns_input_icon {
|
|
18
|
-
position: absolute;
|
|
19
|
-
right: 20px;
|
|
20
|
-
top: 51%;
|
|
21
|
-
z-index: 1;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.ns_input_title {
|
|
25
|
-
font-size: 16px;
|
|
26
|
-
font-weight: 400;
|
|
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
|
+
}
|
|
9
|
+
|
|
10
|
+
.ns_input {
|
|
11
|
+
border-radius: 8px;
|
|
12
|
+
padding: 10px 12px;
|
|
13
|
+
font-size: 16px;
|
|
14
|
+
font-weight: 400;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.ns_input_icon {
|
|
18
|
+
position: absolute;
|
|
19
|
+
right: 20px;
|
|
20
|
+
top: 51%;
|
|
21
|
+
z-index: 1;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.ns_input_title {
|
|
25
|
+
font-size: 16px;
|
|
26
|
+
font-weight: 400;
|
|
27
27
|
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface IProps {
|
|
3
|
-
title: string;
|
|
4
|
-
defaultValue?: string;
|
|
5
|
-
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
6
|
-
}
|
|
7
|
-
interface IState {
|
|
8
|
-
value: string;
|
|
9
|
-
}
|
|
10
|
-
export declare class NSInputText extends React.Component<IProps, IState> {
|
|
11
|
-
constructor(props: IProps);
|
|
12
|
-
getValue(): string;
|
|
13
|
-
setValue(value: string): void;
|
|
14
|
-
private onChanged;
|
|
15
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
defaultValue?: string;
|
|
5
|
+
onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
6
|
+
}
|
|
7
|
+
interface IState {
|
|
8
|
+
value: string;
|
|
9
|
+
}
|
|
10
|
+
export declare class NSInputText extends React.Component<IProps, IState> {
|
|
11
|
+
constructor(props: IProps);
|
|
12
|
+
getValue(): string;
|
|
13
|
+
setValue(value: string): void;
|
|
14
|
+
private onChanged;
|
|
15
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInputText.module.css";
|
|
5
|
-
import IconInputText from '../assets/images/icon-input-text.svg';
|
|
6
|
-
export class NSInputText extends React.Component {
|
|
7
|
-
constructor(props) {
|
|
8
|
-
var _a;
|
|
9
|
-
super(props);
|
|
10
|
-
this.state = {
|
|
11
|
-
value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
|
|
12
|
-
};
|
|
13
|
-
this.getValue = this.getValue.bind(this);
|
|
14
|
-
this.setValue = this.setValue.bind(this);
|
|
15
|
-
this.onChanged = this.onChanged.bind(this);
|
|
16
|
-
}
|
|
17
|
-
getValue() {
|
|
18
|
-
return this.state.value;
|
|
19
|
-
}
|
|
20
|
-
setValue(value) {
|
|
21
|
-
this.setState({ value });
|
|
22
|
-
}
|
|
23
|
-
onChanged(e) {
|
|
24
|
-
this.setValue(e.target.value);
|
|
25
|
-
if (this.props.onChanged)
|
|
26
|
-
this.props.onChanged(e);
|
|
27
|
-
}
|
|
28
|
-
render() {
|
|
29
|
-
return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputText, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: "Enter your Text" })] })));
|
|
30
|
-
}
|
|
31
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInputText.module.css";
|
|
5
|
+
import IconInputText from '../assets/images/icon-input-text.svg';
|
|
6
|
+
export class NSInputText extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
var _a;
|
|
9
|
+
super(props);
|
|
10
|
+
this.state = {
|
|
11
|
+
value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "",
|
|
12
|
+
};
|
|
13
|
+
this.getValue = this.getValue.bind(this);
|
|
14
|
+
this.setValue = this.setValue.bind(this);
|
|
15
|
+
this.onChanged = this.onChanged.bind(this);
|
|
16
|
+
}
|
|
17
|
+
getValue() {
|
|
18
|
+
return this.state.value;
|
|
19
|
+
}
|
|
20
|
+
setValue(value) {
|
|
21
|
+
this.setState({ value });
|
|
22
|
+
}
|
|
23
|
+
onChanged(e) {
|
|
24
|
+
this.setValue(e.target.value);
|
|
25
|
+
if (this.props.onChanged)
|
|
26
|
+
this.props.onChanged(e);
|
|
27
|
+
}
|
|
28
|
+
render() {
|
|
29
|
+
return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ className: Styles.ns_input_title }, { children: this.props.title })), _jsx("img", { className: Styles.ns_input_icon, src: IconInputText, alt: "icon", width: 24, height: 24 }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "text", className: Styles.ns_input, placeholder: "Enter your Text" })] })));
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
32
|
//# sourceMappingURL=NSInputText.js.map
|
|
@@ -1,28 +1,28 @@
|
|
|
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
|
-
}
|
|
17
|
-
|
|
18
|
-
.ns_input_icon {
|
|
19
|
-
position: absolute;
|
|
20
|
-
right: 20px;
|
|
21
|
-
top: 51%;
|
|
22
|
-
z-index: 1;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.ns_input_title {
|
|
26
|
-
font-size: 16px;
|
|
27
|
-
font-weight: 400;
|
|
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
|
+
}
|
|
17
|
+
|
|
18
|
+
.ns_input_icon {
|
|
19
|
+
position: absolute;
|
|
20
|
+
right: 20px;
|
|
21
|
+
top: 51%;
|
|
22
|
+
z-index: 1;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.ns_input_title {
|
|
26
|
+
font-size: 16px;
|
|
27
|
+
font-weight: 400;
|
|
28
28
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface IProps {
|
|
3
|
-
title: string;
|
|
4
|
-
}
|
|
5
|
-
interface IState {
|
|
6
|
-
value: string;
|
|
7
|
-
}
|
|
8
|
-
export declare class NSInputTime 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 {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
}
|
|
5
|
+
interface IState {
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
export declare class NSInputTime 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 {};
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import Styles from "./NSInputTime.module.css";
|
|
5
|
-
import IconInputTime from '../assets/images/icon-input-time.svg';
|
|
6
|
-
export class NSInputTime extends React.Component {
|
|
7
|
-
constructor(props) {
|
|
8
|
-
super(props);
|
|
9
|
-
this.state = {
|
|
10
|
-
value: "",
|
|
11
|
-
};
|
|
12
|
-
this.setValue = this.setValue.bind(this);
|
|
13
|
-
this.getValue = this.getValue.bind(this);
|
|
14
|
-
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
15
|
-
}
|
|
16
|
-
setValue(e) {
|
|
17
|
-
this.setState({ value: e.target.value });
|
|
18
|
-
}
|
|
19
|
-
setDefaultValue(value) {
|
|
20
|
-
this.setState({ value });
|
|
21
|
-
}
|
|
22
|
-
getValue() {
|
|
23
|
-
return this.state.value;
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ 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" })] })));
|
|
27
|
-
}
|
|
28
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Styles from "./NSInputTime.module.css";
|
|
5
|
+
import IconInputTime from '../assets/images/icon-input-time.svg';
|
|
6
|
+
export class NSInputTime extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
super(props);
|
|
9
|
+
this.state = {
|
|
10
|
+
value: "",
|
|
11
|
+
};
|
|
12
|
+
this.setValue = this.setValue.bind(this);
|
|
13
|
+
this.getValue = this.getValue.bind(this);
|
|
14
|
+
this.setDefaultValue = this.setDefaultValue.bind(this);
|
|
15
|
+
}
|
|
16
|
+
setValue(e) {
|
|
17
|
+
this.setState({ value: e.target.value });
|
|
18
|
+
}
|
|
19
|
+
setDefaultValue(value) {
|
|
20
|
+
this.setState({ value });
|
|
21
|
+
}
|
|
22
|
+
getValue() {
|
|
23
|
+
return this.state.value;
|
|
24
|
+
}
|
|
25
|
+
render() {
|
|
26
|
+
return (_jsxs("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: [_jsx("span", Object.assign({ 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" })] })));
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
29
|
//# sourceMappingURL=NSInputTime.js.map
|
|
@@ -1,27 +1,27 @@
|
|
|
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
|
-
}
|
|
9
|
-
|
|
10
|
-
.ns_input {
|
|
11
|
-
border-radius: 8px;
|
|
12
|
-
padding: 10px 12px;
|
|
13
|
-
font-size: 16px;
|
|
14
|
-
font-weight: 400;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.ns_input_icon {
|
|
18
|
-
position: absolute;
|
|
19
|
-
right: 20px;
|
|
20
|
-
top: 51%;
|
|
21
|
-
z-index: 1;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.ns_input_title {
|
|
25
|
-
font-size: 16px;
|
|
26
|
-
font-weight: 400;
|
|
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
|
+
}
|
|
9
|
+
|
|
10
|
+
.ns_input {
|
|
11
|
+
border-radius: 8px;
|
|
12
|
+
padding: 10px 12px;
|
|
13
|
+
font-size: 16px;
|
|
14
|
+
font-weight: 400;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.ns_input_icon {
|
|
18
|
+
position: absolute;
|
|
19
|
+
right: 20px;
|
|
20
|
+
top: 51%;
|
|
21
|
+
z-index: 1;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.ns_input_title {
|
|
25
|
+
font-size: 16px;
|
|
26
|
+
font-weight: 400;
|
|
27
27
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
interface IProps {
|
|
3
|
-
scope: string;
|
|
4
|
-
logo: string;
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare function NSLayout(props: IProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface IProps {
|
|
3
|
+
scope: string;
|
|
4
|
+
logo: string;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare function NSLayout(props: IProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import Styles from './NSLayout.module.css';
|
|
4
|
-
import { NSHeader } from './NSHeader';
|
|
5
|
-
import { NSFooter } from './NSFooter';
|
|
6
|
-
export function NSLayout(props) {
|
|
7
|
-
return (_jsxs("div", Object.assign({ className: Styles.ns_container }, { children: [_jsx("header", Object.assign({ className: Styles.ns_header }, { children: _jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo }) })), _jsx("main", Object.assign({ className: "d-flex flex-column text-white" }, { children: props.children })), _jsx("footer", Object.assign({ className: Styles.ns_footer }, { children: _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo }) }))] })));
|
|
8
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import Styles from './NSLayout.module.css';
|
|
4
|
+
import { NSHeader } from './NSHeader';
|
|
5
|
+
import { NSFooter } from './NSFooter';
|
|
6
|
+
export function NSLayout(props) {
|
|
7
|
+
return (_jsxs("div", Object.assign({ className: Styles.ns_container }, { children: [_jsx("header", Object.assign({ className: Styles.ns_header }, { children: _jsx(NSHeader, { scope: props.scope, name: "Header", logo: props.logo }) })), _jsx("main", Object.assign({ className: "d-flex flex-column text-white" }, { children: props.children })), _jsx("footer", Object.assign({ className: Styles.ns_footer }, { children: _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo }) }))] })));
|
|
8
|
+
}
|
|
9
9
|
//# sourceMappingURL=NSLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":"AACA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC,MAAM,UAAU,QAAQ,CAAC,KAAa;IAErC,OAAO,CACN,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,iBAClC,+BAAQ,SAAS,EAAE,MAAM,CAAC,SAAS,gBAClC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,IACxD,EACT,6BAAM,SAAS,EAAC,+BAA+B,gBAC7C,KAAK,CAAC,QAAQ,IACT,EACP,+BAAQ,SAAS,EAAE,MAAM,CAAC,SAAS,gBAClC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAI,IACxD,KACH,CACP,CAAC;AACH,CAAC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
.ns_container {
|
|
2
|
-
min-height: 100vh;
|
|
3
|
-
width: 100%;
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
justify-content: space-between;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.ns_header {
|
|
10
|
-
margin-bottom: auto;
|
|
11
|
-
width: 100%;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.ns_footer {
|
|
15
|
-
margin-top: auto;
|
|
16
|
-
width: 100%;
|
|
1
|
+
.ns_container {
|
|
2
|
+
min-height: 100vh;
|
|
3
|
+
width: 100%;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
justify-content: space-between;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.ns_header {
|
|
10
|
+
margin-bottom: auto;
|
|
11
|
+
width: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.ns_footer {
|
|
15
|
+
margin-top: auto;
|
|
16
|
+
width: 100%;
|
|
17
17
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
interface IProps {
|
|
3
|
-
scope: string;
|
|
4
|
-
logo: string;
|
|
5
|
-
title: string;
|
|
6
|
-
description?: string;
|
|
7
|
-
description_last?: string;
|
|
8
|
-
banner: string;
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
export declare function NSLayoutHeroBanner(props: IProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface IProps {
|
|
3
|
+
scope: string;
|
|
4
|
+
logo: string;
|
|
5
|
+
title: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
description_last?: string;
|
|
8
|
+
banner: string;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare function NSLayoutHeroBanner(props: IProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { NSLayout } from './NSLayout';
|
|
4
|
-
import Styles from './NSLayoutHeroBanner.module.css';
|
|
5
|
-
import { Link } from 'react-router-dom';
|
|
6
|
-
export function NSLayoutHeroBanner(props) {
|
|
7
|
-
return (_jsxs(NSLayout, Object.assign({ scope: props.scope, logo: props.logo }, { children: [_jsx("div", Object.assign({ className: Styles.hero_holder }, { children: _jsx("section", Object.assign({ className: Styles.hero_wraper }, { children: _jsx("div", Object.assign({ className: "container mx-auto px-4 lg:px-12" }, { children: _jsxs("div", Object.assign({ className: "flex flex-wrap lg:flex-nowrap justify-center lg:justify-between" }, { children: [_jsxs("article", Object.assign({ className: `mb-6 lg:mb-0 lg:mb-12lg:pe-12 ${Styles.hero_text_container}` }, { children: [_jsx("h1", Object.assign({ className: "ns-font-32-bold ns_font_lg_40_bold mb-6" }, { children: props.title })), _jsx("p", Object.assign({ className: "ns-font-16-normal lg:mb-4" }, { children: props.description })), _jsx("p", Object.assign({ className: "ns-font-16-normal" }, { children: props.description_last })), _jsxs("div", Object.assign({ className: "hidden lg:block mt-6" }, { children: [_jsx(Link, Object.assign({ to: "#", style: { width: "100%", marginBottom: "24px" } }, { children: "Contact US" })), _jsx(Link, Object.assign({ to: "#", style: { width: "100%" } }, { children: "Book a Meeting With Us" }))] }))] })), _jsx("div", Object.assign({ style: { backgroundImage: `url(${props.banner})` }, className: `hidden lg:block lg:w-full xl:w-1/2 ${Styles.hero_image_bg}` }, { children: _jsx("div", { className: Styles.ns_hero_vector_bg }) })), _jsx("div", Object.assign({ className: `block lg:hidden ${Styles.hero_img_container}` }, { children: _jsx("img", { src: props.banner, alt: "" }) })), _jsxs("div", Object.assign({ className: "w-full mt-6 block lg:hidden" }, { children: [_jsx(Link, Object.assign({ to: "#", style: { width: "100%", marginBottom: "24px" } }, { children: "Contact US" })), _jsx(Link, Object.assign({ to: "#", style: { width: "100%" } }, { children: "Book a Meeting With Us" }))] }))] })) })) })) })), props.children] })));
|
|
8
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { NSLayout } from './NSLayout';
|
|
4
|
+
import Styles from './NSLayoutHeroBanner.module.css';
|
|
5
|
+
import { Link } from 'react-router-dom';
|
|
6
|
+
export function NSLayoutHeroBanner(props) {
|
|
7
|
+
return (_jsxs(NSLayout, Object.assign({ scope: props.scope, logo: props.logo }, { children: [_jsx("div", Object.assign({ className: Styles.hero_holder }, { children: _jsx("section", Object.assign({ className: Styles.hero_wraper }, { children: _jsx("div", Object.assign({ className: "container mx-auto px-4 lg:px-12" }, { children: _jsxs("div", Object.assign({ className: "flex flex-wrap lg:flex-nowrap justify-center lg:justify-between" }, { children: [_jsxs("article", Object.assign({ className: `mb-6 lg:mb-0 lg:mb-12lg:pe-12 ${Styles.hero_text_container}` }, { children: [_jsx("h1", Object.assign({ className: "ns-font-32-bold ns_font_lg_40_bold mb-6" }, { children: props.title })), _jsx("p", Object.assign({ className: "ns-font-16-normal lg:mb-4" }, { children: props.description })), _jsx("p", Object.assign({ className: "ns-font-16-normal" }, { children: props.description_last })), _jsxs("div", Object.assign({ className: "hidden lg:block mt-6" }, { children: [_jsx(Link, Object.assign({ to: "#", style: { width: "100%", marginBottom: "24px" } }, { children: "Contact US" })), _jsx(Link, Object.assign({ to: "#", style: { width: "100%" } }, { children: "Book a Meeting With Us" }))] }))] })), _jsx("div", Object.assign({ style: { backgroundImage: `url(${props.banner})` }, className: `hidden lg:block lg:w-full xl:w-1/2 ${Styles.hero_image_bg}` }, { children: _jsx("div", { className: Styles.ns_hero_vector_bg }) })), _jsx("div", Object.assign({ className: `block lg:hidden ${Styles.hero_img_container}` }, { children: _jsx("img", { src: props.banner, alt: "" }) })), _jsxs("div", Object.assign({ className: "w-full mt-6 block lg:hidden" }, { children: [_jsx(Link, Object.assign({ to: "#", style: { width: "100%", marginBottom: "24px" } }, { children: "Contact US" })), _jsx(Link, Object.assign({ to: "#", style: { width: "100%" } }, { children: "Book a Meeting With Us" }))] }))] })) })) })) })), props.children] })));
|
|
8
|
+
}
|
|
9
9
|
//# sourceMappingURL=NSLayoutHeroBanner.js.map
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
.hero_holder {
|
|
2
|
-
background-color: #001664;
|
|
3
|
-
position: relative;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.hero_wraper {
|
|
7
|
-
padding-bottom: 24px;
|
|
8
|
-
padding-top: 24px;
|
|
9
|
-
display: flex;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.hero_text_container {
|
|
14
|
-
display: flex;
|
|
15
|
-
flex-direction: column;
|
|
16
|
-
justify-content: flex-start;
|
|
17
|
-
align-items: flex-start;
|
|
18
|
-
color: #fff;
|
|
19
|
-
z-index: 9;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.hero_image_bg {
|
|
23
|
-
background-position: center;
|
|
24
|
-
background-repeat: no-repeat;
|
|
25
|
-
background-size: cover;
|
|
26
|
-
border-radius: 24px;
|
|
27
|
-
overflow: hidden;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@media only screen and (min-width: 1024px) {
|
|
31
|
-
.ns_hero_vector_bg {
|
|
32
|
-
position: absolute;
|
|
33
|
-
width: 100%;
|
|
34
|
-
top: 0;
|
|
35
|
-
left: 0;
|
|
36
|
-
right: 0;
|
|
37
|
-
bottom: 0;
|
|
38
|
-
z-index: 2;
|
|
39
|
-
background-image: url('/images/hero_banner_bg.png');
|
|
40
|
-
background-position: right bottom;
|
|
41
|
-
background-size: auto;
|
|
42
|
-
background-repeat: no-repeat;
|
|
43
|
-
}
|
|
1
|
+
.hero_holder {
|
|
2
|
+
background-color: #001664;
|
|
3
|
+
position: relative;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.hero_wraper {
|
|
7
|
+
padding-bottom: 24px;
|
|
8
|
+
padding-top: 24px;
|
|
9
|
+
display: flex;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.hero_text_container {
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-direction: column;
|
|
16
|
+
justify-content: flex-start;
|
|
17
|
+
align-items: flex-start;
|
|
18
|
+
color: #fff;
|
|
19
|
+
z-index: 9;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.hero_image_bg {
|
|
23
|
+
background-position: center;
|
|
24
|
+
background-repeat: no-repeat;
|
|
25
|
+
background-size: cover;
|
|
26
|
+
border-radius: 24px;
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@media only screen and (min-width: 1024px) {
|
|
31
|
+
.ns_hero_vector_bg {
|
|
32
|
+
position: absolute;
|
|
33
|
+
width: 100%;
|
|
34
|
+
top: 0;
|
|
35
|
+
left: 0;
|
|
36
|
+
right: 0;
|
|
37
|
+
bottom: 0;
|
|
38
|
+
z-index: 2;
|
|
39
|
+
background-image: url('/images/hero_banner_bg.png');
|
|
40
|
+
background-position: right bottom;
|
|
41
|
+
background-size: auto;
|
|
42
|
+
background-repeat: no-repeat;
|
|
43
|
+
}
|
|
44
44
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
interface IProps {
|
|
3
|
-
scope: string;
|
|
4
|
-
logo: string;
|
|
5
|
-
title: string;
|
|
6
|
-
description?: string;
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare function NSLayoutTitle(props: IProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface IProps {
|
|
3
|
+
scope: string;
|
|
4
|
+
logo: string;
|
|
5
|
+
title: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare function NSLayoutTitle(props: IProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { NSLayout } from './NSLayout';
|
|
4
|
-
export function NSLayoutTitle(props) {
|
|
5
|
-
return (_jsxs(NSLayout, Object.assign({ scope: props.scope, logo: props.logo }, { children: [_jsxs("div", { children: [_jsx("h1", Object.assign({ className: 'text-black text-center' }, { children: props.title })), _jsx("p", Object.assign({ className: 'text-black page-description' }, { children: props.description }))] }), props.children] })));
|
|
6
|
-
}
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { NSLayout } from './NSLayout';
|
|
4
|
+
export function NSLayoutTitle(props) {
|
|
5
|
+
return (_jsxs(NSLayout, Object.assign({ scope: props.scope, logo: props.logo }, { children: [_jsxs("div", { children: [_jsx("h1", Object.assign({ className: 'text-black text-center' }, { children: props.title })), _jsx("p", Object.assign({ className: 'text-black page-description' }, { children: props.description }))] }), props.children] })));
|
|
6
|
+
}
|
|
7
7
|
//# sourceMappingURL=NSLayoutTitle.js.map
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface IProps {
|
|
3
|
-
title: string;
|
|
4
|
-
href: string;
|
|
5
|
-
}
|
|
6
|
-
interface IState {
|
|
7
|
-
title: string;
|
|
8
|
-
href: string;
|
|
9
|
-
}
|
|
10
|
-
export declare class NSLinkGreen extends React.Component<IProps, IState> {
|
|
11
|
-
constructor(props: IProps);
|
|
12
|
-
setTitle(title: string): void;
|
|
13
|
-
setHRef(href: string): void;
|
|
14
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
}
|
|
16
|
-
export {};
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
title: string;
|
|
4
|
+
href: string;
|
|
5
|
+
}
|
|
6
|
+
interface IState {
|
|
7
|
+
title: string;
|
|
8
|
+
href: string;
|
|
9
|
+
}
|
|
10
|
+
export declare class NSLinkGreen extends React.Component<IProps, IState> {
|
|
11
|
+
constructor(props: IProps);
|
|
12
|
+
setTitle(title: string): void;
|
|
13
|
+
setHRef(href: string): void;
|
|
14
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
export {};
|