namirasoft-site-react 1.4.331 → 1.4.332
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/components/NSBarNotification.d.ts +3 -3
- package/dist/components/NSBarNotification.js +5 -12
- package/dist/components/NSBarNotification.js.map +1 -1
- package/dist/components/NSLayout.js +3 -1
- package/dist/components/NSLayout.js.map +1 -1
- package/dist/routing/NSNotifier.js +2 -2
- package/dist/routing/NSNotifier.js.map +1 -1
- package/package.json +1 -1
- package/src/components/NSBarNotification.tsx +20 -37
- package/src/components/NSLayout.tsx +4 -1
- package/src/routing/NSNotifier.ts +2 -2
|
@@ -6,8 +6,8 @@ export interface NSBarNotificationProps extends IBaseComponentProps {
|
|
|
6
6
|
color: NSBarNotificationColor;
|
|
7
7
|
expired_at?: Date;
|
|
8
8
|
}
|
|
9
|
-
export interface
|
|
10
|
-
|
|
9
|
+
export interface NSBarNotificationPropsInner extends NSBarNotificationProps {
|
|
10
|
+
onClose: () => void;
|
|
11
11
|
}
|
|
12
12
|
export declare enum NSBarNotificationColor {
|
|
13
13
|
GRAY = "GRAY",
|
|
@@ -22,4 +22,4 @@ export declare enum NotificationType {
|
|
|
22
22
|
Success = "Success",
|
|
23
23
|
Error = "Error"
|
|
24
24
|
}
|
|
25
|
-
export declare function NSBarNotification(props:
|
|
25
|
+
export declare function NSBarNotification(props: NSBarNotificationPropsInner): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Styles from "./NSBarNotification.module.css";
|
|
3
|
-
import { useState } from "react";
|
|
4
3
|
export var NSBarNotificationColor;
|
|
5
4
|
(function (NSBarNotificationColor) {
|
|
6
5
|
NSBarNotificationColor["GRAY"] = "GRAY";
|
|
@@ -17,13 +16,9 @@ export var NotificationType;
|
|
|
17
16
|
NotificationType["Error"] = "Error";
|
|
18
17
|
})(NotificationType || (NotificationType = {}));
|
|
19
18
|
export function NSBarNotification(props) {
|
|
20
|
-
const [state, setState] = useState({ show: true });
|
|
21
19
|
let className = Styles["ns_" + props.color.toString().toLowerCase()];
|
|
22
20
|
let type = props.type;
|
|
23
21
|
let src = "";
|
|
24
|
-
function onClose() {
|
|
25
|
-
setState({ show: false });
|
|
26
|
-
}
|
|
27
22
|
switch (type) {
|
|
28
23
|
case "Error":
|
|
29
24
|
src = "https://static.namirasoft.com/image/concept/close/error.svg";
|
|
@@ -37,12 +32,10 @@ export function NSBarNotification(props) {
|
|
|
37
32
|
case "Information":
|
|
38
33
|
src = "https://static.namirasoft.com/image/concept/close/info.svg";
|
|
39
34
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
return (_jsx(_Fragment, { children: state.show &&
|
|
45
|
-
_jsx(_Fragment, { children: _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: src, alt: "exit", width: 32, height: 32, onClick: onClose })] }) }) }));
|
|
35
|
+
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: src, alt: "exit", width: 32, height: 32, onClick: () => {
|
|
36
|
+
var _a;
|
|
37
|
+
(_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
|
|
38
|
+
} })] }));
|
|
46
39
|
}
|
|
47
40
|
;
|
|
48
41
|
//# sourceMappingURL=NSBarNotification.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBarNotification.js","sourceRoot":"","sources":["../../src/components/NSBarNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBarNotification.js","sourceRoot":"","sources":["../../src/components/NSBarNotification.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAiBpD,MAAM,CAAN,IAAY,sBAOX;AAPD,WAAY,sBAAsB;IAE9B,uCAAa,CAAA;IACb,uCAAa,CAAA;IACb,yCAAe,CAAA;IACf,2CAAiB,CAAA;IACjB,qCAAW,CAAA;AACf,CAAC,EAPW,sBAAsB,KAAtB,sBAAsB,QAOjC;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,iBAAiB,CAAC,KAAkC;IAEhE,IAAI,SAAS,GAAG,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;IACrE,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACtB,IAAI,GAAG,GAAG,EAAE,CAAC;IAEb,QAAQ,IAAI,EACZ,CAAC;QACG,KAAK,OAAO;YACR,GAAG,GAAG,6DAA6D,CAAC;YACpE,MAAM;QACV,KAAK,SAAS;YACV,GAAG,GAAG,+DAA+D,CAAC;YACtE,MAAM;QACV,KAAK,SAAS;YACV,GAAG,GAAG,+DAA+D,CAAC;YACtE,MAAM;QACV,KAAK,aAAa;YACd,GAAG,GAAG,4DAA4D,CAAC;IAC3E,CAAC;IAED,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,GAAG,EACR,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,GAAG,EAAE;;oBAEV,MAAA,KAAK,CAAC,OAAO,qDAAI,CAAC;gBACtB,CAAC,GACH,IACA,CACT,CAAA;AACL,CAAC;AAAA,CAAC"}
|
|
@@ -26,7 +26,9 @@ export function NSLayout(props) {
|
|
|
26
26
|
if (e.key === "Enter")
|
|
27
27
|
(_a = props.onEnterPressed) === null || _a === void 0 ? void 0 : _a.call(props);
|
|
28
28
|
}, children: [_jsxs(NSHeader, { scope: props.scope, name: "Header", logo: props.logo, header: props.header, isLoggedIn: props.isLoggedIn, notifier: props.notifier, children: [props.notifications.length !== 0 &&
|
|
29
|
-
_jsx(_Fragment, { children: props.notifications.map((notification, index) => _jsx(Fragment, { children: _jsx(NSBarNotification, Object.assign({}, notification
|
|
29
|
+
_jsx(_Fragment, { children: props.notifications.map((notification, index) => _jsx(Fragment, { children: _jsx(NSBarNotification, Object.assign({}, notification, { onClose: () => {
|
|
30
|
+
props.notifier.delNotification(notification.id);
|
|
31
|
+
} })) }, `NSLayout_fragment_key_${index}`)) }), _jsxs("div", { className: 'd-none d-lg-block', children: [alerts.length !== 0 && alerts.map((alert, index) => _jsx(NSBarAlert, Object.assign({}, alert), `NSLayout_NSBarAlert_key_${index}`)), isValidAction(props.action) &&
|
|
30
32
|
_jsx(NSBarAction, Object.assign({}, props.action))] })] }), _jsxs("div", { className: 'd-block d-lg-none', children: [alerts.length !== 0 && alerts.map((alert, index) => _jsx(NSBarAlert, Object.assign({}, alert), `NSLayout_NSBarAlert_key_${index}`)), isValidAction(props.action) && _jsx(NSBarAction, Object.assign({}, props.action))] }), props.title &&
|
|
31
33
|
_jsxs(_Fragment, { children: [_jsx(NSSpace, { size: NSSpaceSizeType.MINI }), _jsx(NSBarTitle, Object.assign({}, props.title))] }), _jsx("main", { className: `d-flex flex-column text-white ${Styles.ns_layout_main}`, children: props.children }), _jsx(NSFooter, { scope: props.scope, name: "Footer", logo: props.logo, isLoggedIn: props.isLoggedIn })] }));
|
|
32
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAoB,WAAW,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAkBrD,MAAM,UAAU,QAAQ,CAAC,KAAoB;;IAE5C,IAAI,MAAM,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,CAAC;IAChC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;IAgB7C,OAAO,CACN,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EACvE,KAAK,EAAE;YACN,SAAS,EAAE,OAAO;YAClB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,CAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,EAAC,CAAC,CAAC,OAAO,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;YAC5E,cAAc,EAAE,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,IAAI,mCAAI,OAAO;YACjD,oBAAoB,EAAE,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,UAAU,mCAAI,OAAO;SAC7D,EACD,OAAO,EAAE,CAAC,CAAC,EAAE;;YAEZ,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;gBACpB,MAAA,KAAK,CAAC,cAAc,qDAAI,CAAC;QAC3B,CAAC,aAED,MAAC,QAAQ,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,aAGvB,KAAK,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC;wBAChC,4BAEE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAC/C,KAAC,QAAQ,cACR,KAAC,iBAAiB,oBAAK,YAAY,
|
|
1
|
+
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -55,15 +55,15 @@ export class NSNotifier {
|
|
|
55
55
|
}
|
|
56
56
|
notify(message) {
|
|
57
57
|
NSNotifier.mutex_mofify.runExclusive(() => {
|
|
58
|
-
console.log("notify", message);
|
|
59
58
|
let notifications = this.getNotifications();
|
|
60
59
|
notifications.push(message);
|
|
60
|
+
console.log("notify", notifications, message);
|
|
61
61
|
this.setNotifications(notifications);
|
|
62
|
+
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
|
|
62
63
|
});
|
|
63
64
|
setTimeout(() => {
|
|
64
65
|
this.delNotification(message.id);
|
|
65
66
|
}, this.timeout);
|
|
66
|
-
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
|
|
67
67
|
}
|
|
68
68
|
onInformation(text) {
|
|
69
69
|
let id = BaseUUID.uuid();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSNotifier.js","sourceRoot":"","sources":["../../src/routing/NSNotifier.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NSNotifier.js","sourceRoot":"","sources":["../../src/routing/NSNotifier.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import Styles from "./NSBarNotification.module.css";
|
|
2
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
-
import { useState } from "react"
|
|
4
3
|
|
|
5
4
|
export interface NSBarNotificationProps extends IBaseComponentProps
|
|
6
5
|
{
|
|
@@ -11,9 +10,9 @@ export interface NSBarNotificationProps extends IBaseComponentProps
|
|
|
11
10
|
expired_at?: Date;
|
|
12
11
|
}
|
|
13
12
|
|
|
14
|
-
export interface
|
|
13
|
+
export interface NSBarNotificationPropsInner extends NSBarNotificationProps
|
|
15
14
|
{
|
|
16
|
-
|
|
15
|
+
onClose: () => void;
|
|
17
16
|
}
|
|
18
17
|
|
|
19
18
|
export enum NSBarNotificationColor
|
|
@@ -33,18 +32,12 @@ export enum NotificationType
|
|
|
33
32
|
Error = "Error",
|
|
34
33
|
}
|
|
35
34
|
|
|
36
|
-
export function NSBarNotification(props:
|
|
35
|
+
export function NSBarNotification(props: NSBarNotificationPropsInner)
|
|
37
36
|
{
|
|
38
|
-
const [state, setState] = useState<NSBarNotificationState>({ show: true });
|
|
39
37
|
let className = Styles["ns_" + props.color.toString().toLowerCase()];
|
|
40
38
|
let type = props.type;
|
|
41
39
|
let src = "";
|
|
42
40
|
|
|
43
|
-
function onClose()
|
|
44
|
-
{
|
|
45
|
-
setState({ show: false });
|
|
46
|
-
}
|
|
47
|
-
|
|
48
41
|
switch (type)
|
|
49
42
|
{
|
|
50
43
|
case "Error":
|
|
@@ -60,33 +53,23 @@ export function NSBarNotification(props: NSBarNotificationProps)
|
|
|
60
53
|
src = "https://static.namirasoft.com/image/concept/close/info.svg";
|
|
61
54
|
}
|
|
62
55
|
|
|
63
|
-
if (state.show)
|
|
64
|
-
setTimeout(() =>
|
|
65
|
-
{
|
|
66
|
-
onClose();
|
|
67
|
-
}, 5000);
|
|
68
|
-
|
|
69
56
|
return (
|
|
70
|
-
|
|
71
|
-
{
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
</div>
|
|
88
|
-
</>
|
|
89
|
-
}
|
|
90
|
-
</>
|
|
57
|
+
<div id={props.id}
|
|
58
|
+
className={`${Styles.ns_messenger} ${className}`}
|
|
59
|
+
style={props.style}
|
|
60
|
+
>
|
|
61
|
+
<p className={`mb-0 ns-font-16-normal`}>{props.text}</p>
|
|
62
|
+
<img
|
|
63
|
+
className={Styles.ns_exit_icon}
|
|
64
|
+
src={src}
|
|
65
|
+
alt="exit"
|
|
66
|
+
width={32}
|
|
67
|
+
height={32}
|
|
68
|
+
onClick={() =>
|
|
69
|
+
{
|
|
70
|
+
props.onClose?.();
|
|
71
|
+
}}
|
|
72
|
+
/>
|
|
73
|
+
</div>
|
|
91
74
|
)
|
|
92
75
|
};
|
|
@@ -79,7 +79,10 @@ export function NSLayout(props: NSLayoutProps)
|
|
|
79
79
|
{
|
|
80
80
|
props.notifications.map((notification, index) =>
|
|
81
81
|
<Fragment key={`NSLayout_fragment_key_${index}`}>
|
|
82
|
-
<NSBarNotification {...notification}
|
|
82
|
+
<NSBarNotification {...notification} onClose={() =>
|
|
83
|
+
{
|
|
84
|
+
props.notifier.delNotification(notification.id);
|
|
85
|
+
}} />
|
|
83
86
|
</Fragment>
|
|
84
87
|
)
|
|
85
88
|
}
|
|
@@ -73,16 +73,16 @@ export class NSNotifier
|
|
|
73
73
|
{
|
|
74
74
|
NSNotifier.mutex_mofify.runExclusive(() =>
|
|
75
75
|
{
|
|
76
|
-
console.log("notify", message);
|
|
77
76
|
let notifications: NSBarNotificationProps[] = this.getNotifications();
|
|
78
77
|
notifications.push(message);
|
|
78
|
+
console.log("notify", notifications, message);
|
|
79
79
|
this.setNotifications(notifications);
|
|
80
|
+
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
|
|
80
81
|
});
|
|
81
82
|
setTimeout(() =>
|
|
82
83
|
{
|
|
83
84
|
this.delNotification(message.id);
|
|
84
85
|
}, this.timeout);
|
|
85
|
-
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
|
|
86
86
|
}
|
|
87
87
|
onInformation(text: string)
|
|
88
88
|
{
|