namirasoft-account-react 1.3.94 → 1.3.96
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.
|
@@ -8,7 +8,7 @@ import { NSButtonBlue } from "namirasoft-site-react";
|
|
|
8
8
|
export class NSAMessageDialog extends Component {
|
|
9
9
|
constructor(props) {
|
|
10
10
|
super(props);
|
|
11
|
-
this.state = { show:
|
|
11
|
+
this.state = { show: false };
|
|
12
12
|
this.toastRef = createRef();
|
|
13
13
|
this.show = this.show.bind(this);
|
|
14
14
|
this.hide = this.hide.bind(this);
|
|
@@ -21,10 +21,15 @@ export class NSAMessageDialog extends Component {
|
|
|
21
21
|
document.removeEventListener('mousedown', this.handleClickOutside);
|
|
22
22
|
}
|
|
23
23
|
show() {
|
|
24
|
-
|
|
24
|
+
console.log("Show called");
|
|
25
|
+
this.setState({ show: true }, () => {
|
|
26
|
+
console.log("State after show:", this.state);
|
|
27
|
+
});
|
|
25
28
|
}
|
|
26
29
|
hide() {
|
|
27
|
-
this.setState({ show: false })
|
|
30
|
+
this.setState({ show: false }, () => {
|
|
31
|
+
console.log("", this.state);
|
|
32
|
+
});
|
|
28
33
|
}
|
|
29
34
|
handleClickOutside(event) {
|
|
30
35
|
if (this.toastRef.current && !this.toastRef.current.contains(event.target)) {
|
|
@@ -38,7 +43,10 @@ export class NSAMessageDialog extends Component {
|
|
|
38
43
|
if (!this.state.show) {
|
|
39
44
|
return null;
|
|
40
45
|
}
|
|
41
|
-
return (_jsx("div", { className: Styles.nsa_toast, ref: this.toastRef, children: _jsxs(Toast, { show: this.state.show, children: [_jsxs("div", { className: Styles.nsa_toast_header, children: [_jsxs("article", { children: [_jsx("img", { src: MessageHeader, alt: "MessageHeader", width: 22 }), _jsx("span", { className: `${Styles.nsa_message_title} ms-2`, children: "Mark All As Read" })] }), _jsx("img", { src: CloseToast, alt: "Close", width: 18, height: 18, onClick:
|
|
46
|
+
return (_jsx("div", { className: Styles.nsa_toast, ref: this.toastRef, children: _jsxs(Toast, { show: this.state.show, children: [_jsxs("div", { className: Styles.nsa_toast_header, children: [_jsxs("article", { children: [_jsx("img", { src: MessageHeader, alt: "MessageHeader", width: 22 }), _jsx("span", { className: `${Styles.nsa_message_title} ms-2`, children: "Mark All As Read" })] }), _jsx("img", { src: CloseToast, alt: "Close", width: 18, height: 18, onClick: (e) => {
|
|
47
|
+
e.stopPropagation();
|
|
48
|
+
this.hide();
|
|
49
|
+
}, className: Styles.nsa_close_icon })] }), _jsxs("div", { className: Styles.nsa_toast_body, children: [_jsxs("div", { className: Styles.nsa_body_green, children: [_jsx("ul", { className: Styles.nsa_message_item_ul, children: _jsx("li", { className: `${Styles.nsa_message_item_title}`, children: "You\u2019ve Unlocked Our Gold Membership!" }) }), _jsx("p", { className: `${Styles.nsa_message_item_content} nsa_font_13_normal`, children: "Learn More!" })] }), _jsxs("div", { className: Styles.nsa_body_gray, children: [_jsx("ul", { className: Styles.nsa_message_item_ul, children: _jsx("li", { className: `${Styles.nsa_message_item_title}`, children: "You\u2019ve Unlocked Our Gold Membership!" }) }), _jsx("p", { className: `${Styles.nsa_message_item_content} nsa_font_13_normal`, children: "Learn More!" })] }), _jsx("div", { className: 'p-3 mx-0 d-flex justify-content-center', children: _jsx(NSButtonBlue, { onClick: () => { }, title: 'View All' }) })] })] }) }));
|
|
42
50
|
}
|
|
43
51
|
}
|
|
44
52
|
//# sourceMappingURL=NSAMessageDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSAMessageDialog.js","sourceRoot":"","sources":["../../src/components/NSAMessageDialog.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAC1E,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASrD,MAAM,OAAO,gBAAiB,SAAQ,SAAuD;IAGzF,YAAY,KAA4B;QAEpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"NSAMessageDialog.js","sourceRoot":"","sources":["../../src/components/NSAMessageDialog.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -18,7 +18,7 @@ export class NSAMessageDialog extends Component<NSAMessageDialogProps, NSAMessag
|
|
|
18
18
|
constructor(props: NSAMessageDialogProps)
|
|
19
19
|
{
|
|
20
20
|
super(props);
|
|
21
|
-
this.state = { show:
|
|
21
|
+
this.state = { show: false };
|
|
22
22
|
this.toastRef = createRef();
|
|
23
23
|
this.show = this.show.bind(this);
|
|
24
24
|
this.hide = this.hide.bind(this);
|
|
@@ -37,12 +37,19 @@ export class NSAMessageDialog extends Component<NSAMessageDialogProps, NSAMessag
|
|
|
37
37
|
|
|
38
38
|
show()
|
|
39
39
|
{
|
|
40
|
-
|
|
40
|
+
console.log("Show called");
|
|
41
|
+
this.setState({ show: true }, () =>
|
|
42
|
+
{
|
|
43
|
+
console.log("State after show:", this.state);
|
|
44
|
+
});
|
|
41
45
|
}
|
|
42
46
|
|
|
43
47
|
hide()
|
|
44
48
|
{
|
|
45
|
-
this.setState({ show: false })
|
|
49
|
+
this.setState({ show: false }, () =>
|
|
50
|
+
{
|
|
51
|
+
console.log("", this.state);
|
|
52
|
+
});
|
|
46
53
|
}
|
|
47
54
|
|
|
48
55
|
handleClickOutside(event: MouseEvent)
|
|
@@ -82,7 +89,11 @@ export class NSAMessageDialog extends Component<NSAMessageDialogProps, NSAMessag
|
|
|
82
89
|
alt="Close"
|
|
83
90
|
width={18}
|
|
84
91
|
height={18}
|
|
85
|
-
onClick={
|
|
92
|
+
onClick={(e) =>
|
|
93
|
+
{
|
|
94
|
+
e.stopPropagation();
|
|
95
|
+
this.hide();
|
|
96
|
+
}}
|
|
86
97
|
className={Styles.nsa_close_icon}
|
|
87
98
|
/>
|
|
88
99
|
</div>
|