namirasoft-site-react 1.3.62 → 1.3.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Validator.js.map +1 -1
- package/dist/components/NSButton.module.css +1 -1
- package/dist/components/NSCard.module.css +2 -3
- package/dist/components/NSCopyToClipboard.js +1 -1
- package/dist/components/NSCopyToClipboard.js.map +1 -1
- package/dist/components/NSCopyToClipboard.module.css +1 -1
- package/dist/components/NSEntityBar.module.css +2 -2
- package/dist/components/NSEntityCardBackground.module.css +2 -2
- package/dist/components/NSFooter.js.map +1 -1
- package/dist/components/NSHeader.js +1 -1
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSInput.module.css +1 -1
- package/dist/components/NSInputDate.js.map +1 -1
- package/dist/components/NSInputDate.module.css +1 -1
- package/dist/components/NSInputDuration.js.map +1 -1
- package/dist/components/NSInputEmail.js.map +1 -1
- package/dist/components/NSInputFloat.js.map +1 -1
- package/dist/components/NSInputIP.js.map +1 -1
- package/dist/components/NSInputInteger.js.map +1 -1
- package/dist/components/NSInputPassword.js.map +1 -1
- package/dist/components/NSInputPhone.js.map +1 -1
- package/dist/components/NSInputPrice.js.map +1 -1
- package/dist/components/NSInputSearch.js.map +1 -1
- package/dist/components/NSInputString.js.map +1 -1
- package/dist/components/NSInputText.js.map +1 -1
- package/dist/components/NSInputTime.js.map +1 -1
- package/dist/components/NSLayoutTitle.d.ts +1 -4
- package/dist/components/NSLayoutTitle.js +7 -11
- package/dist/components/NSLayoutTitle.js.map +1 -1
- package/dist/components/NSLink.d.ts +5 -0
- package/dist/components/NSLink.js +7 -0
- package/dist/components/NSLink.js.map +1 -0
- package/dist/components/{NSLinkBlue.module.css → NSLink.module.css} +3 -3
- package/dist/components/NSLinkBlue.d.ts +2 -5
- package/dist/components/NSLinkBlue.js +2 -3
- package/dist/components/NSLinkBlue.js.map +1 -1
- package/dist/components/NSLinkGreen.d.ts +2 -16
- package/dist/components/NSLinkGreen.js +3 -18
- package/dist/components/NSLinkGreen.js.map +1 -1
- package/dist/components/NSLinkRed.d.ts +2 -16
- package/dist/components/NSLinkRed.js +3 -18
- package/dist/components/NSLinkRed.js.map +1 -1
- package/dist/components/NSNotification.d.ts +11 -12
- package/dist/components/NSNotification.js +19 -28
- package/dist/components/NSNotification.js.map +1 -1
- package/dist/components/NSPagination.d.ts +1 -9
- package/dist/components/NSPagination.js +25 -33
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSSelectBox.js.map +1 -1
- package/dist/components/NSSelectBox.module.css +3 -3
- package/dist/pages/NSLoginPage.d.ts +1 -4
- package/dist/pages/NSLoginPage.js +8 -11
- package/dist/pages/NSLoginPage.js.map +1 -1
- package/dist/pages/NSNotFoundPage.d.ts +1 -4
- package/dist/pages/NSNotFoundPage.js +2 -6
- package/dist/pages/NSNotFoundPage.js.map +1 -1
- package/package.json +2 -2
- package/src/components/NSButton.module.css +1 -1
- package/src/components/NSCard.module.css +2 -3
- package/src/components/NSCopyToClipboard.module.css +1 -1
- package/src/components/NSCopyToClipboard.tsx +3 -3
- package/src/components/NSEntityBar.module.css +2 -2
- package/src/components/NSEntityCardBackground.module.css +2 -2
- package/src/components/NSHeader.tsx +3 -3
- package/src/components/NSInput.module.css +1 -1
- package/src/components/NSInputDate.module.css +1 -1
- package/src/components/NSLayoutTitle.tsx +24 -30
- package/src/components/{NSLinkBlue.module.css → NSLink.module.css} +3 -3
- package/src/components/NSLink.tsx +22 -0
- package/src/components/NSLinkBlue.tsx +3 -19
- package/src/components/NSLinkGreen.tsx +3 -42
- package/src/components/NSLinkRed.tsx +3 -42
- package/src/components/NSNotification.tsx +30 -53
- package/src/components/NSPagination.tsx +56 -72
- package/src/components/NSSelectBox.module.css +3 -3
- package/src/pages/NSLoginPage.tsx +20 -24
- package/src/pages/NSNotFoundPage.tsx +7 -13
- package/dist/components/NSLinkGreen.module.css +0 -16
- package/dist/components/NSLinkRed.module.css +0 -16
- package/src/components/NSLinkGreen.module.css +0 -16
- package/src/components/NSLinkRed.module.css +0 -16
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLinkRed.js","sourceRoot":"","sources":["../../src/components/NSLinkRed.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"NSLinkRed.js","sourceRoot":"","sources":["../../src/components/NSLinkRed.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,MAAM,UAAU,SAAS,CAAC,KAAkB;IAExC,OAAO,KAAC,MAAM,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,kCAAO,KAAK,CAAC,KAAK,KAAE,eAAe,EAAE,qBAAqB,KAAI,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAAC;AAC/L,CAAC"}
|
|
@@ -1,22 +1,21 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
3
2
|
export interface NSNotificationProps extends BaseComponentProps {
|
|
4
|
-
|
|
5
|
-
type:
|
|
3
|
+
text: string;
|
|
4
|
+
type: NotificationType;
|
|
5
|
+
color: NSNotificationColor;
|
|
6
|
+
onClose: () => void;
|
|
6
7
|
}
|
|
7
|
-
export
|
|
8
|
-
show: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare enum NSNotificationType {
|
|
8
|
+
export declare enum NSNotificationColor {
|
|
11
9
|
GRAY = "GRAY",
|
|
12
10
|
BLUE = "BLUE",
|
|
13
11
|
GREEN = "GREEN",
|
|
14
12
|
YELLOW = "YELLOW",
|
|
15
13
|
RED = "RED"
|
|
16
14
|
}
|
|
17
|
-
export declare
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
15
|
+
export declare enum NotificationType {
|
|
16
|
+
Information = "Information",
|
|
17
|
+
Warning = "Warning",
|
|
18
|
+
Success = "Success",
|
|
19
|
+
Error = "Error"
|
|
22
20
|
}
|
|
21
|
+
export declare function NSNotification(props: NSNotificationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,32 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import React from "react";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
2
|
import Exit from '../assets/images/close-vector.png';
|
|
5
3
|
import Styles from "./NSNotification.module.css";
|
|
6
|
-
export var
|
|
7
|
-
(function (
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
})(
|
|
14
|
-
export
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
componentDidMount() {
|
|
25
|
-
setTimeout(() => { this.handleDestroy(); }, 8000);
|
|
26
|
-
}
|
|
27
|
-
render() {
|
|
28
|
-
let className = Styles["ns_" + this.props.type.toString().toLowerCase];
|
|
29
|
-
return _jsx(_Fragment, { children: this.state.show && (_jsxs("div", { id: this.props.id, className: `${Styles.ns_messenger} ${className}`, style: this.props.style, children: [_jsx("p", { className: `mb-0 ns-font-16-normal`, children: this.props.title }), _jsx("img", { className: Styles.ns_exit_icon, src: Exit, alt: "exit", width: 32, height: 32, onClick: () => this.handleDestroy() })] })) });
|
|
30
|
-
}
|
|
4
|
+
export var NSNotificationColor;
|
|
5
|
+
(function (NSNotificationColor) {
|
|
6
|
+
NSNotificationColor["GRAY"] = "GRAY";
|
|
7
|
+
NSNotificationColor["BLUE"] = "BLUE";
|
|
8
|
+
NSNotificationColor["GREEN"] = "GREEN";
|
|
9
|
+
NSNotificationColor["YELLOW"] = "YELLOW";
|
|
10
|
+
NSNotificationColor["RED"] = "RED";
|
|
11
|
+
})(NSNotificationColor || (NSNotificationColor = {}));
|
|
12
|
+
export var NotificationType;
|
|
13
|
+
(function (NotificationType) {
|
|
14
|
+
NotificationType["Information"] = "Information";
|
|
15
|
+
NotificationType["Warning"] = "Warning";
|
|
16
|
+
NotificationType["Success"] = "Success";
|
|
17
|
+
NotificationType["Error"] = "Error";
|
|
18
|
+
})(NotificationType || (NotificationType = {}));
|
|
19
|
+
export function NSNotification(props) {
|
|
20
|
+
let className = Styles["ns_" + props.color.toString().toLowerCase];
|
|
21
|
+
return (_jsxs("div", { id: props.id, className: `${Styles.ns_messenger} ${className}`, style: props.style, children: [_jsx("p", { className: `mb-0 ns-font-16-normal`, children: props.text }), _jsx("img", { className: Styles.ns_exit_icon, src: Exit, alt: "exit", width: 32, height: 32, onClick: props.onClose })] }));
|
|
31
22
|
}
|
|
32
23
|
//# sourceMappingURL=NSNotification.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSNotification.js","sourceRoot":"","sources":["../../src/components/NSNotification.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"NSNotification.js","sourceRoot":"","sources":["../../src/components/NSNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,mCAAmC,CAAC;AACrD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAWjD,MAAM,CAAN,IAAY,mBAOX;AAPD,WAAY,mBAAmB;IAE3B,oCAAa,CAAA;IACb,oCAAa,CAAA;IACb,sCAAe,CAAA;IACf,wCAAiB,CAAA;IACjB,kCAAW,CAAA;AACf,CAAC,EAPW,mBAAmB,KAAnB,mBAAmB,QAO9B;AAED,MAAM,CAAN,IAAY,gBAMX;AAND,WAAY,gBAAgB;IAExB,+CAA2B,CAAA;IAC3B,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;IACnB,mCAAe,CAAA;AACnB,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,QAM3B;AAED,MAAM,UAAU,cAAc,CAAC,KAA0B;IAErD,IAAI,SAAS,GAAG,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IACnE,OAAO,CACH,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,SAAS,EAAE,EAChD,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,YAAG,SAAS,EAAE,wBAAwB,YAAG,KAAK,CAAC,IAAI,GAAK,EACxD,cACI,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,GAAG,EAAE,IAAI,EACT,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,KAAK,CAAC,OAAO,GACxB,IACA,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,14 +1,6 @@
|
|
|
1
1
|
import { BaseComponentProps } from '../props/BaseComponentProps';
|
|
2
|
-
import { Component } from 'react';
|
|
3
2
|
export interface NSPaginationProps extends BaseComponentProps {
|
|
4
3
|
size: number;
|
|
5
4
|
page: number;
|
|
6
5
|
}
|
|
7
|
-
export
|
|
8
|
-
size: number;
|
|
9
|
-
page: number;
|
|
10
|
-
}
|
|
11
|
-
export declare class NSPagination extends Component<NSPaginationProps, NSPaginationState> {
|
|
12
|
-
constructor(props: NSPaginationProps);
|
|
13
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
}
|
|
6
|
+
export declare function NSPagination(props: NSPaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,37 +1,29 @@
|
|
|
1
|
-
"use client";
|
|
2
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import Styles from './NSPagination.module.css';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
pushPage(i);
|
|
30
|
-
if (page <= size - window * 2)
|
|
31
|
-
arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: "..." }) }));
|
|
32
|
-
pushPage(size);
|
|
33
|
-
arr.push(_jsx("div", { children: _jsx("a", { href: '#', children: _jsx("img", { src: 'https://static.namirasoft.com/icons/base/circle-chevron-right.png', width: 32, height: 32, alt: 'right_vector' }) }) }));
|
|
34
|
-
return (_jsx("div", { id: this.props.id, className: `${Styles.ns_pagination_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: arr.map(x => (x)) }));
|
|
35
|
-
}
|
|
3
|
+
export function NSPagination(props) {
|
|
4
|
+
var _a;
|
|
5
|
+
let page = props.page;
|
|
6
|
+
let size = props.size;
|
|
7
|
+
let window = 2;
|
|
8
|
+
let min = Math.max(2, page - window);
|
|
9
|
+
let max = Math.min(page + window, size - 1);
|
|
10
|
+
let arr = [];
|
|
11
|
+
let pushPage = (index) => {
|
|
12
|
+
if (index == page)
|
|
13
|
+
arr.push(_jsx("div", { className: `${Styles.ns_select_number_parent}`, children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link} ${Styles.ns_select_number}`, children: index }) }));
|
|
14
|
+
else
|
|
15
|
+
arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: index }) }));
|
|
16
|
+
};
|
|
17
|
+
arr.push(_jsx("div", { children: _jsx("a", { href: '#', children: _jsx("img", { src: 'https://static.namirasoft.com/icons/base/circle-chevron-left.png', alt: 'left_vector', width: 32, height: 32 }) }) }));
|
|
18
|
+
pushPage(1);
|
|
19
|
+
if (page > window * 2)
|
|
20
|
+
arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: "..." }) }));
|
|
21
|
+
for (let i = min; i <= max; i++)
|
|
22
|
+
pushPage(i);
|
|
23
|
+
if (page <= size - window * 2)
|
|
24
|
+
arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: "..." }) }));
|
|
25
|
+
pushPage(size);
|
|
26
|
+
arr.push(_jsx("div", { children: _jsx("a", { href: '#', children: _jsx("img", { src: 'https://static.namirasoft.com/icons/base/circle-chevron-right.png', width: 32, height: 32, alt: 'right_vector' }) }) }));
|
|
27
|
+
return (_jsx("div", { id: props.id, className: `${Styles.ns_pagination_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, children: arr.map(x => (x)) }));
|
|
36
28
|
}
|
|
37
29
|
//# sourceMappingURL=NSPagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAQ/C,MAAM,UAAU,YAAY,CAAC,KAAwB;;IAEjD,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACtB,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACtB,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC;IACrC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;IAC5C,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,IAAI,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QAE7B,IAAI,KAAK,IAAI,IAAI;YACb,GAAG,CAAC,IAAI,CACJ,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,EAAE,YAC/C,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC,gBAAgB,EAAE,YAAG,KAAK,GAAK,GACzF,CACT,CAAC;;YAEF,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,YAAG,KAAK,GAAK,GAC9D,CACT,CAAC;IACV,CAAC,CAAC;IACF,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,YACP,cACI,GAAG,EAAC,kEAAkE,EACtE,GAAG,EAAC,aAAa,EACjB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,GACF,GACF,CACT,CAAC;IACF,QAAQ,CAAC,CAAC,CAAC,CAAC;IACZ,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;QACjB,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,oBAAS,GAC1D,CACT,CAAC;IACN,KAAK,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE;QAC3B,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChB,IAAI,IAAI,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;QACzB,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,oBAAS,GAC1D,CACT,CAAC;IACN,QAAQ,CAAC,IAAI,CAAC,CAAC;IACf,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,YACP,cACI,GAAG,EAAC,mEAAmE,EACvE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,cAAc,GACpB,GACF,GACF,CACT,CAAC;IAEF,OAAO,CACH,cAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC5E,KAAK,EAAE,KAAK,CAAC,KAAK,YACjB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAChB,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSSelectBox.js","sourceRoot":"","sources":["../../src/components/NSSelectBox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAErC,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAe9D,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAEhF,YAAY,KAAuB;QAE/B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,EAAE;SACb,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QAEJ,OAAO,CACH,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CACrE,CAAC;IACN,CAAC;IACD,QAAQ;QAEJ,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,IAAI,KAAK,EACT
|
|
1
|
+
{"version":3,"file":"NSSelectBox.js","sourceRoot":"","sources":["../../src/components/NSSelectBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { Component } from 'react';
|
|
2
1
|
export interface NSLoginPageProps {
|
|
3
2
|
title: string;
|
|
4
3
|
logo: string;
|
|
@@ -6,6 +5,4 @@ export interface NSLoginPageProps {
|
|
|
6
5
|
href?: string;
|
|
7
6
|
onClick?: () => void;
|
|
8
7
|
}
|
|
9
|
-
export declare
|
|
10
|
-
render(): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
}
|
|
8
|
+
export declare function NSLoginPage(props: NSLoginPageProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,18 +1,15 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Component } from 'react';
|
|
3
2
|
import Styles from './NSLoginPage.module.css';
|
|
4
3
|
import { NSButtonGreen } from '../components/NSButtonGreen';
|
|
5
4
|
import { NSLinkBlue } from '../components/NSLinkBlue';
|
|
6
5
|
import { NSSpace, NSSpaceSizeType } from '../components/NSSpace';
|
|
7
|
-
export
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return (_jsx("div", { style: { backgroundImage: this.props.background, width: "100%", backgroundSize: "cover" }, children: _jsxs("div", { className: `${Styles.ns_login_container}`, style: { marginTop: "100px" }, children: [_jsx("div", { className: `${Styles.ns_logo}`, children: _jsx("img", { width: 256, height: 256, src: this.props.logo, alt: `${this.props.title} Logo` }) }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("div", { children: _jsx("h1", { className: `${Styles.ns_title}`, children: this.props.title }) }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("div", { className: `${Styles.ns_button}`, children: button })] }) }));
|
|
16
|
-
}
|
|
6
|
+
export function NSLoginPage(props) {
|
|
7
|
+
var _a;
|
|
8
|
+
let button = _jsx(_Fragment, {});
|
|
9
|
+
if (props.href)
|
|
10
|
+
button = _jsx(NSLinkBlue, { title: "Login", href: (_a = props.href) !== null && _a !== void 0 ? _a : "" });
|
|
11
|
+
else if (props.onClick)
|
|
12
|
+
button = _jsx(NSButtonGreen, { title: "Login", onClick: props.onClick });
|
|
13
|
+
return (_jsx("div", { style: { backgroundImage: props.background, width: "100%", backgroundSize: "cover" }, children: _jsxs("div", { className: `${Styles.ns_login_container}`, style: { marginTop: "100px" }, children: [_jsx("div", { className: `${Styles.ns_logo}`, children: _jsx("img", { width: 256, height: 256, src: props.logo, alt: `${props.title} Logo` }) }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("div", { children: _jsx("h1", { className: `${Styles.ns_title}`, children: props.title }) }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("div", { className: `${Styles.ns_button}`, children: button })] }) }));
|
|
17
14
|
}
|
|
18
15
|
//# sourceMappingURL=NSLoginPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLoginPage.js","sourceRoot":"","sources":["../../src/pages/NSLoginPage.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"NSLoginPage.js","sourceRoot":"","sources":["../../src/pages/NSLoginPage.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAWjE,MAAM,UAAU,WAAW,CAAC,KAAuB;;IAE/C,IAAI,MAAM,GAAG,mBAAK,CAAC;IACnB,IAAI,KAAK,CAAC,IAAI;QACV,MAAM,GAAG,KAAC,UAAU,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,GAAI,CAAC;SAC7D,IAAI,KAAK,CAAC,OAAO;QAClB,MAAM,GAAG,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAAC;IACrE,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,YACrF,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aACzE,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,YAC/B,cAAK,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,OAAO,GAAQ,GAC/E,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACxC,wBAAK,aAAI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,EAAE,YAAG,KAAK,CAAC,KAAK,GAAM,GAAM,EAClE,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACxC,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,YAChC,MAAM,GACL,IACJ,GACH,CACV,CAAC;AACN,CAAC"}
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
"use client";
|
|
2
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Component } from 'react';
|
|
4
2
|
import Styles from './NSNotFoundPage.module.css';
|
|
5
3
|
import { NSLinkBlue } from '../main';
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { className: Styles.ns_not_found_page }), _jsx(NSLinkBlue, { href: '/', target: '_self', title: 'Back To Home' }), "``"] }));
|
|
9
|
-
}
|
|
4
|
+
export function NSNotFoundPage() {
|
|
5
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { className: Styles.ns_not_found_page }), _jsx(NSLinkBlue, { href: '/', target: '_self', title: 'Back To Home' }), "``"] }));
|
|
10
6
|
}
|
|
11
7
|
//# sourceMappingURL=NSNotFoundPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSNotFoundPage.js","sourceRoot":"","sources":["../../src/pages/NSNotFoundPage.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"NSNotFoundPage.js","sourceRoot":"","sources":["../../src/pages/NSNotFoundPage.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,UAAU,cAAc;IAE7B,OAAO,CACN,8BACC,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,GAAQ,EAChD,KAAC,UAAU,IAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,cAAc,GAAG,UACzD,CACH,CAAC;AACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -8,14 +8,14 @@
|
|
|
8
8
|
"framework": "npm",
|
|
9
9
|
"application": "package",
|
|
10
10
|
"private": false,
|
|
11
|
-
"version": "1.3.
|
|
11
|
+
"version": "1.3.64",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
15
15
|
"types": "./dist/main.d.ts",
|
|
16
16
|
"scripts": {
|
|
17
17
|
"start": "react-app-rewired start",
|
|
18
|
-
"build": "npm run copy
|
|
18
|
+
"build": "npm run copy",
|
|
19
19
|
"test": "react-app-rewired test",
|
|
20
20
|
"eject": "react-app-rewired eject",
|
|
21
21
|
"copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
|
|
@@ -9,8 +9,7 @@
|
|
|
9
9
|
box-shadow: 0 2px 10px 4px #00000040;
|
|
10
10
|
padding: 24px;
|
|
11
11
|
border-radius: 24px;
|
|
12
|
-
width:
|
|
13
|
-
max-width: 358px;
|
|
12
|
+
max-width: 272px;
|
|
14
13
|
position: relative;
|
|
15
14
|
}
|
|
16
15
|
|
|
@@ -82,7 +81,7 @@
|
|
|
82
81
|
line-height: normal;
|
|
83
82
|
border-radius: 24px;
|
|
84
83
|
width: 100%;
|
|
85
|
-
max-width:
|
|
84
|
+
max-width: 272px;
|
|
86
85
|
margin-top: 24px;
|
|
87
86
|
}
|
|
88
87
|
|
|
@@ -25,9 +25,9 @@ export function NSCopyToClipboard(props: NSCopyToClipboardProps)
|
|
|
25
25
|
<img
|
|
26
26
|
className={Styles.ns_copy_to_clipboard_icon}
|
|
27
27
|
src={IconInputString}
|
|
28
|
-
alt="
|
|
29
|
-
width={
|
|
30
|
-
height={
|
|
28
|
+
alt="Copy Icon"
|
|
29
|
+
width={24}
|
|
30
|
+
height={24}
|
|
31
31
|
onClick={copyToClipboard}
|
|
32
32
|
/>
|
|
33
33
|
<span>{props.value}</span>
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
padding: 24px;
|
|
8
8
|
box-shadow: 0 2px 10px 4px #00000040;
|
|
9
9
|
width: 100%;
|
|
10
|
-
max-width:
|
|
10
|
+
max-width: 304px;
|
|
11
11
|
border-radius: 24px;
|
|
12
12
|
}
|
|
13
13
|
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
|
|
64
64
|
.ns_entity_bar_image_container {
|
|
65
65
|
width: 30%;
|
|
66
|
-
max-width:
|
|
66
|
+
max-width: 304px;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
.ns_entity_bar_image_title {
|
|
@@ -109,9 +109,9 @@ export class NSHeader extends React.Component<NSHeaderProps, NSHeaderState>
|
|
|
109
109
|
"https://static.namirasoft.com/icons/base/close-menu.svg"
|
|
110
110
|
: "https://static.namirasoft.com/icons/base/menu.svg"
|
|
111
111
|
}
|
|
112
|
-
alt="Menu"
|
|
113
|
-
width={
|
|
114
|
-
height={
|
|
112
|
+
alt="Menu Icon"
|
|
113
|
+
width={24}
|
|
114
|
+
height={24}
|
|
115
115
|
/>
|
|
116
116
|
</div>
|
|
117
117
|
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
1
|
import Styles from './NSLayoutTitle.module.css';
|
|
4
|
-
import { Component } from 'react';
|
|
5
2
|
import { ReactNode } from 'react';
|
|
6
3
|
import { NSLayout, NSLayoutProps } from './NSLayout';
|
|
7
4
|
import { NSSpace, NSSpaceSizeType } from './NSSpace';
|
|
@@ -14,32 +11,29 @@ export interface NSLayoutTitleProps extends NSLayoutProps, BaseComponentProps
|
|
|
14
11
|
children: ReactNode;
|
|
15
12
|
}
|
|
16
13
|
|
|
17
|
-
export
|
|
14
|
+
export function NSLayoutTitle(props: NSLayoutTitleProps)
|
|
18
15
|
{
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
<
|
|
24
|
-
<
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
{
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
</NSLayout>
|
|
43
|
-
);
|
|
44
|
-
}
|
|
16
|
+
let lines = (props.description ?? "").split(/(\n|\\n|<br>|<br\s*\/>)/gm);
|
|
17
|
+
return (
|
|
18
|
+
<NSLayout {...props}>
|
|
19
|
+
<NSSpace size={NSSpaceSizeType.SMALL}></NSSpace>
|
|
20
|
+
<div>
|
|
21
|
+
<h1 className={Styles.title}>{props.title}</h1>
|
|
22
|
+
{
|
|
23
|
+
props.description && lines &&
|
|
24
|
+
<p className={Styles.description}>{
|
|
25
|
+
lines.map((line, index) =>
|
|
26
|
+
{
|
|
27
|
+
return <>
|
|
28
|
+
{line.trim()}
|
|
29
|
+
{index != lines.length - 1 && <br />}
|
|
30
|
+
</>;
|
|
31
|
+
})
|
|
32
|
+
}</p>
|
|
33
|
+
}
|
|
34
|
+
<NSSpace size={NSSpaceSizeType.NORMAL}></NSSpace>
|
|
35
|
+
</div>
|
|
36
|
+
{props.children}
|
|
37
|
+
</NSLayout>
|
|
38
|
+
);
|
|
45
39
|
}
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
|
|
10
10
|
.ns_link {
|
|
11
11
|
text-decoration: none;
|
|
12
|
-
|
|
13
|
-
box-shadow: inset
|
|
12
|
+
/* box-shadow: inset 2px 2px 2px 0 #1754F3; */
|
|
13
|
+
box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
|
|
14
14
|
color: #fff;
|
|
15
15
|
font-size: 16px;
|
|
16
16
|
font-weight: 600;
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
align-items: center;
|
|
21
21
|
padding: 16px 32px;
|
|
22
22
|
border-radius: 24px;
|
|
23
|
-
max-width:
|
|
23
|
+
max-width: 272px;
|
|
24
24
|
width: 100%;
|
|
25
25
|
}
|
|
26
26
|
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { BaseComponentProps } from "../props/BaseComponentProps";
|
|
2
|
+
import { LinkProps } from "../props/LinkProps";
|
|
3
|
+
import Styles from "./NSLink.module.css";
|
|
4
|
+
|
|
5
|
+
export interface NSLinkProps extends LinkProps, BaseComponentProps
|
|
6
|
+
{
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export function NSLink(props: NSLinkProps)
|
|
10
|
+
{
|
|
11
|
+
return (
|
|
12
|
+
<div
|
|
13
|
+
id={props.id}
|
|
14
|
+
className={`${Styles.ns_link_parent} ${props.classList?.join(" ")}`}
|
|
15
|
+
style={props.style}
|
|
16
|
+
>
|
|
17
|
+
<a className={`text-white text-decoration-none ${props.title ? Styles.ns_link : Styles.ns_link_absolute}`} href={props.href} target={props?.target ?? "_self"} >
|
|
18
|
+
{props.title}
|
|
19
|
+
</a>
|
|
20
|
+
</div>
|
|
21
|
+
);
|
|
22
|
+
}
|
|
@@ -1,22 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { LinkProps } from "../props/LinkProps";
|
|
3
|
-
import Styles from "./NSLinkBlue.module.css";
|
|
1
|
+
import { NSLink, NSLinkProps } from "./NSLink";
|
|
4
2
|
|
|
5
|
-
export
|
|
3
|
+
export function NSLinkBlue(props: NSLinkProps)
|
|
6
4
|
{
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export function NSLinkBlue(props: NSLinkBlueProps)
|
|
10
|
-
{
|
|
11
|
-
return (
|
|
12
|
-
<div
|
|
13
|
-
id={props.id}
|
|
14
|
-
className={Styles.ns_link_parent}
|
|
15
|
-
style={props.style}
|
|
16
|
-
>
|
|
17
|
-
<a className={`text-white text-decoration-none ${props.title ? Styles.ns_link : Styles.ns_link_absolute}`} href={props.href} target={props?.target ?? "_self"} >
|
|
18
|
-
{props.title}
|
|
19
|
-
</a>
|
|
20
|
-
</div>
|
|
21
|
-
)
|
|
5
|
+
return <NSLink id={props.id} classList={props.classList} style={{ ...props.style, backgroundColor: "#366EFF" }} title={props.title} href={props.href} target={props.target} />;
|
|
22
6
|
}
|