namirasoft-site-react 1.4.415 → 1.4.417
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/App.js +13 -4
- package/dist/App.js.map +1 -1
- package/dist/components/NSBoxBaseLayout.d.ts +2 -4
- package/dist/components/NSBoxBaseLayout.js.map +1 -1
- package/dist/components/NSInfo.d.ts +13 -0
- package/dist/components/NSInfo.js +26 -0
- package/dist/components/NSInfo.js.map +1 -0
- package/dist/components/NSMenuButton.d.ts +2 -5
- package/dist/components/NSMenuButton.js +8 -16
- package/dist/components/NSMenuButton.js.map +1 -1
- package/dist/components/NSTabPage.d.ts +4 -0
- package/dist/components/NSTabPage.js +23 -8
- package/dist/components/NSTabPage.js.map +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +1 -0
- package/dist/main.js.map +1 -1
- package/package.json +3 -3
- package/src/App.tsx +14 -2
- package/src/components/NSBoxBaseLayout.tsx +2 -4
- package/src/components/NSInfo.tsx +51 -0
- package/src/components/NSMenuButton.tsx +9 -32
- package/src/components/NSTabPage.tsx +33 -2
- package/src/main.ts +1 -0
package/dist/App.js
CHANGED
|
@@ -7,19 +7,19 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
7
7
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
8
|
});
|
|
9
9
|
};
|
|
10
|
-
import { jsx as _jsx,
|
|
10
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
11
|
import './App.css';
|
|
12
12
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
13
13
|
import { NSPanel } from './components/NSPanel';
|
|
14
14
|
import { NSSection } from './components/NSSection';
|
|
15
15
|
import { NSLayout } from './components/NSLayout';
|
|
16
|
-
import { MoneyFormatter, NSBoxDynamic, NSBoxEntity, NSBoxString, NSButtonBlue, NSColumn, NSDialog, NSFilterBox, NSLine, NSTable, NSImplementing } from './main';
|
|
16
|
+
import { MoneyFormatter, NSBoxDynamic, NSBoxEntity, NSBoxString, NSButtonBlue, NSColumn, NSDialog, NSFilterBox, NSLine, NSTable, NSImplementing, NSTabPage } from './main';
|
|
17
17
|
import { FilterItemColumnType } from 'namirasoft-core';
|
|
18
18
|
import { NSRepeaterNSTag } from './components/NSRepeaterNSTag';
|
|
19
19
|
import { BaseVariableSchema, StringSchema } from 'namirasoft-schema';
|
|
20
20
|
import { NSLineText } from './components/NSLineText';
|
|
21
21
|
export function App() {
|
|
22
|
-
if (
|
|
22
|
+
if (10 < 2)
|
|
23
23
|
return _jsx(NSImplementing, { date: new Date("2025-07-01") });
|
|
24
24
|
return (_jsx(_Fragment, { children: _jsxs(NSLayout, { header: {
|
|
25
25
|
right: {
|
|
@@ -63,7 +63,16 @@ export function App() {
|
|
|
63
63
|
id: "Test"
|
|
64
64
|
}]
|
|
65
65
|
}
|
|
66
|
-
}, children: [_jsx(
|
|
66
|
+
}, children: [_jsx(NSTabPage, { tabs: [
|
|
67
|
+
{
|
|
68
|
+
clicked: true,
|
|
69
|
+
getContent: () => _jsx(_Fragment, {}),
|
|
70
|
+
title: "Test",
|
|
71
|
+
info: {
|
|
72
|
+
text: "test"
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
] }), _jsx(NSLine, {}), _jsx(NSLineText, { title: 'OR' }), _jsx(NSTable, { checkbox: true, columns: [
|
|
67
76
|
{
|
|
68
77
|
index: 0,
|
|
69
78
|
name: "id",
|
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,12 +3,10 @@ import { IValidationProps } from "../props/IValidationProps";
|
|
|
3
3
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
4
4
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
5
5
|
import { NSMenuButtonMenuProps, NSMenuButtonProps } from "./NSMenuButton";
|
|
6
|
+
import { NSInfoProps } from "./NSInfo";
|
|
6
7
|
export interface INSBoxBaseLayoutProps<Box, Data> {
|
|
7
8
|
title: string;
|
|
8
|
-
info?:
|
|
9
|
-
text?: string;
|
|
10
|
-
link?: string;
|
|
11
|
-
};
|
|
9
|
+
info?: NSInfoProps;
|
|
12
10
|
placeholder?: string;
|
|
13
11
|
defaultValue?: Data;
|
|
14
12
|
hideHeader?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxBaseLayout.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAA4C,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxBaseLayout.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAI7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAA4C,MAAM,gBAAgB,CAAC;AA6BxF,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAqD;IAE/F,MAAM,CAAC,aAAa,CAAI,GAAwF,EAAE,UAAmB,EAAE,OAAuB;;QAE7J,OAAO,MAAA,MAAA,GAAG,CAAC,oBAAoB,CAAC,OAAO,0CAAE,WAAW,CAAC,UAAU,EAAE,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,mCAAI,IAAI,CAAC;IACjG,CAAC;IACD,YAAY,KAA2B;QAEtC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IACO,WAAW,CAAI,UAAmB,EAAE,QAA6B,EAAE,OAAgB;QAE1F,IAAI,UAAU,EACd,CAAC;YACA,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;YACvB,IAAI,KAAK,EACT,CAAC;gBACA,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACF,CAAC;QACD,OAAO,OAAO,EAAE,CAAC;IAClB,CAAC;IACQ,MAAM;;QAEd,OAAO,CACN,4BACC,eACC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,GAAG,WAAW,CAAC,mBAAmB,IAAI,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EACxF,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE;;oBAEZ,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;wBACpB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,cAAc,kDAAI,CAAC;gBAChC,CAAC,aAGA,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,eAAK,SAAS,EAAE,GAAG,WAAW,CAAC,gBAAgB,EAAE,aAC1E,gBAAM,SAAS,EAAE,WAAW,CAAC,kBAAkB,aAC7C,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAC5E,EACP,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,IACzD,EAEN,IAAI,CAAC,KAAK,CAAC,QAAQ,EACpB,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAI,IACnG,GACJ,CACH,CAAC;IACH,CAAC;CACD"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface NSInfoProps {
|
|
3
|
+
text?: string;
|
|
4
|
+
link?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface NSInfoState {
|
|
7
|
+
show_info: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare class NSInfo extends React.Component<NSInfoProps, NSInfoState> {
|
|
10
|
+
constructor(props: NSInfoProps);
|
|
11
|
+
onClick(): void;
|
|
12
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { NSDialog } from './NSDialog';
|
|
4
|
+
export class NSInfo extends React.Component {
|
|
5
|
+
constructor(props) {
|
|
6
|
+
super(props);
|
|
7
|
+
this.state = { show_info: false };
|
|
8
|
+
}
|
|
9
|
+
onClick() {
|
|
10
|
+
if (this.props.text && this.props.link)
|
|
11
|
+
this.setState(prev => { return Object.assign(Object.assign({}, prev), { show_info: true }); });
|
|
12
|
+
else if (this.props.text)
|
|
13
|
+
this.setState(prev => { return Object.assign(Object.assign({}, prev), { show_info: true }); });
|
|
14
|
+
else if (this.props.link)
|
|
15
|
+
window.open(this.props.link, "_blank");
|
|
16
|
+
}
|
|
17
|
+
render() {
|
|
18
|
+
if (!this.state.show_info)
|
|
19
|
+
return _jsx(_Fragment, {});
|
|
20
|
+
return _jsxs(NSDialog, { onClose: () => {
|
|
21
|
+
this.setState(prev => { return Object.assign(Object.assign({}, prev), { show_info: false }); });
|
|
22
|
+
}, center_dialog: true, closeButton: { out: true }, children: [this.props.text, this.props.link &&
|
|
23
|
+
_jsx("a", { href: this.props.link, target: '_blank', rel: 'noreferrer', children: "Learn More!" })] });
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=NSInfo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSInfo.js","sourceRoot":"","sources":["../../src/components/NSInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAYtC,MAAM,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAmC;IAEpE,YAAY,KAAkB;QAE7B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IACnC,CAAC;IACD,OAAO;QAEN,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;YACrC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,uCAAY,IAAI,KAAE,SAAS,EAAE,IAAI,IAAE,CAAC,CAAC,CAAC,CAAC;aAC3D,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;YACvB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,uCAAY,IAAI,KAAE,SAAS,EAAE,IAAI,IAAE,CAAC,CAAC,CAAC,CAAC;aAC3D,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;YACvB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACzC,CAAC;IACQ,MAAM;QAEd,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;YACxB,OAAO,mBAAK,CAAC;QACd,OAAO,MAAC,QAAQ,IACf,OAAO,EAAE,GAAG,EAAE;gBAEb,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,uCAAY,IAAI,KAAE,SAAS,EAAE,KAAK,IAAG,CAAC,CAAC,CAAC,CAAC;YAClE,CAAC,EACD,aAAa,QACb,WAAW,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,aAGzB,IAAI,CAAC,KAAK,CAAC,IAAI,EAGf,IAAI,CAAC,KAAK,CAAC,IAAI;oBACf,YAAG,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,4BAAgB,IAEjE,CAAA;IACZ,CAAC;CACD"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
2
|
+
import { NSInfoProps } from './NSInfo';
|
|
2
3
|
export interface NSMenuButtonMenuProps {
|
|
3
4
|
builtin: {
|
|
4
5
|
delete?: {
|
|
@@ -24,15 +25,11 @@ export interface NSMenuButtonMenuItemProps {
|
|
|
24
25
|
onClick?: () => void;
|
|
25
26
|
}
|
|
26
27
|
export interface NSMenuButtonProps extends IBaseComponentProps {
|
|
27
|
-
info?:
|
|
28
|
-
text?: string;
|
|
29
|
-
link?: string;
|
|
30
|
-
};
|
|
28
|
+
info?: NSInfoProps;
|
|
31
29
|
menu?: NSMenuButtonMenuProps;
|
|
32
30
|
}
|
|
33
31
|
export interface NSMenuButtonState {
|
|
34
32
|
value: string | null;
|
|
35
|
-
show_info: boolean;
|
|
36
33
|
fullscreen: boolean;
|
|
37
34
|
copied: boolean;
|
|
38
35
|
}
|
|
@@ -5,6 +5,7 @@ import { CopyToClipboard } from '../CopyToClipboard';
|
|
|
5
5
|
import { NSBoxTextArea } from '../components/NSBoxTextArea';
|
|
6
6
|
import { NSDialog } from '../components/NSDialog';
|
|
7
7
|
import { SetTimeouService } from 'namirasoft-core';
|
|
8
|
+
import { NSInfo } from './NSInfo';
|
|
8
9
|
export function safeMenuMenuItem(props, pusher) {
|
|
9
10
|
var _a, _b, _c;
|
|
10
11
|
let menu = { builtin: Object.assign({}, (_a = props.menu) === null || _a === void 0 ? void 0 : _a.builtin), items: [...((_c = (_b = props.menu) === null || _b === void 0 ? void 0 : _b.items) !== null && _c !== void 0 ? _c : [])] };
|
|
@@ -12,13 +13,11 @@ export function safeMenuMenuItem(props, pusher) {
|
|
|
12
13
|
return menu;
|
|
13
14
|
}
|
|
14
15
|
export function NSMenuButton(props) {
|
|
15
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w
|
|
16
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
17
|
+
let ns_info = useRef(null);
|
|
16
18
|
let textarea = useRef(null);
|
|
17
19
|
const service = useRef(new SetTimeouService());
|
|
18
|
-
let [state, setState] = useState({ value: "",
|
|
19
|
-
const onCloseInfo = () => {
|
|
20
|
-
setState(prev => { return Object.assign(Object.assign({}, prev), { show_info: false }); });
|
|
21
|
-
};
|
|
20
|
+
let [state, setState] = useState({ value: "", fullscreen: false, copied: false });
|
|
22
21
|
const onCloseFullScreen = () => {
|
|
23
22
|
var _a, _b;
|
|
24
23
|
setState(prev => { return Object.assign(Object.assign({}, prev), { fullscreen: false }); });
|
|
@@ -31,13 +30,8 @@ export function NSMenuButton(props) {
|
|
|
31
30
|
if (((_a = props.info) === null || _a === void 0 ? void 0 : _a.text) || ((_b = props.info) === null || _b === void 0 ? void 0 : _b.link))
|
|
32
31
|
buttons.push({
|
|
33
32
|
title: "Info", icon: "https://static.namirasoft.com/image/concept/info/white-blue.svg", onClick: () => {
|
|
34
|
-
var _a
|
|
35
|
-
|
|
36
|
-
setState(prev => { return Object.assign(Object.assign({}, prev), { show_info: true }); });
|
|
37
|
-
else if ((_c = props.info) === null || _c === void 0 ? void 0 : _c.text)
|
|
38
|
-
setState(prev => { return Object.assign(Object.assign({}, prev), { show_info: true }); });
|
|
39
|
-
else if ((_d = props.info) === null || _d === void 0 ? void 0 : _d.link)
|
|
40
|
-
window.open((_e = props.info) === null || _e === void 0 ? void 0 : _e.link, "_blank");
|
|
33
|
+
var _a;
|
|
34
|
+
(_a = ns_info.current) === null || _a === void 0 ? void 0 : _a.onClick();
|
|
41
35
|
}
|
|
42
36
|
});
|
|
43
37
|
if ((_e = (_d = (_c = props.menu) === null || _c === void 0 ? void 0 : _c.builtin) === null || _d === void 0 ? void 0 : _d.delete) === null || _e === void 0 ? void 0 : _e.enabled)
|
|
@@ -83,9 +77,7 @@ export function NSMenuButton(props) {
|
|
|
83
77
|
buttons.push(...(_r = props.menu) === null || _r === void 0 ? void 0 : _r.items);
|
|
84
78
|
return (_jsx("div", { id: props.id, className: `${Styles.ns_menu_button_container} ${(_t = (_s = props.classList) === null || _s === void 0 ? void 0 : _s.join(" ")) !== null && _t !== void 0 ? _t : ""}`, style: props.style, children: _jsxs("div", { className: Styles.ns_menu_button_group_parrent, children: [_jsx("div", { className: Styles.ns_menu_button_group, children: _jsx("div", { style: { direction: "rtl" }, children: buttons.map(button => (button.href ?
|
|
85
79
|
_jsx("a", { title: button.title, className: Styles.ns_menu_button_menu_item, href: button.href, tabIndex: -1, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }) :
|
|
86
|
-
_jsx("button", { title: button.title, className: Styles.ns_menu_button_menu_item, onClick: button.onClick, tabIndex: -1, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }))) }) }), state.
|
|
87
|
-
|
|
88
|
-
_jsx("a", { href: (_w = props.info) === null || _w === void 0 ? void 0 : _w.link, target: '_blank', children: "Learn More!" })] }), state.fullscreen &&
|
|
89
|
-
_jsx(NSDialog, { onClose: () => { onCloseFullScreen(); }, center_dialog: true, closeButton: { out: true }, style: { width: "80%", height: "80%", maxWidth: "100%", maxHeight: "100%" }, children: _jsx(NSBoxTextArea, { ref: textarea, required: false, title: '', hideHeader: true, defaultValue: (_z = (_y = (_x = props.menu) === null || _x === void 0 ? void 0 : _x.builtin) === null || _y === void 0 ? void 0 : _y.fullscreen) === null || _z === void 0 ? void 0 : _z.getValue(), onChanged: onChanged, style: { width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", zIndex: "999" } }) })] }) }));
|
|
80
|
+
_jsx("button", { title: button.title, className: Styles.ns_menu_button_menu_item, onClick: button.onClick, tabIndex: -1, children: _jsx("img", { src: button.icon, alt: button.title, width: 16, height: 16 }) }))) }) }), _jsx(NSInfo, Object.assign({ ref: ns_info }, props.info)), state.fullscreen &&
|
|
81
|
+
_jsx(NSDialog, { onClose: () => { onCloseFullScreen(); }, center_dialog: true, closeButton: { out: true }, style: { width: "80%", height: "80%", maxWidth: "100%", maxHeight: "100%" }, children: _jsx(NSBoxTextArea, { ref: textarea, required: false, title: '', hideHeader: true, defaultValue: (_w = (_v = (_u = props.menu) === null || _u === void 0 ? void 0 : _u.builtin) === null || _v === void 0 ? void 0 : _v.fullscreen) === null || _w === void 0 ? void 0 : _w.getValue(), onChanged: onChanged, style: { width: "100%", height: "100%", maxWidth: "100%", maxHeight: "100%", zIndex: "999" } }) })] }) }));
|
|
90
82
|
}
|
|
91
83
|
//# sourceMappingURL=NSMenuButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSMenuButton.js","sourceRoot":"","sources":["../../src/components/NSMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"NSMenuButton.js","sourceRoot":"","sources":["../../src/components/NSMenuButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { Component } from "react";
|
|
2
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
import { NSInfo, NSInfoProps } from "../main";
|
|
3
4
|
export interface NSTabPageTab extends IBaseComponentProps {
|
|
4
5
|
title: string;
|
|
6
|
+
info?: NSInfoProps;
|
|
5
7
|
clicked: boolean;
|
|
6
8
|
getContent: () => React.ReactNode;
|
|
7
9
|
}
|
|
@@ -13,8 +15,10 @@ export interface NSTabPageProps extends IBaseComponentProps {
|
|
|
13
15
|
export interface NSTabPageState {
|
|
14
16
|
activeTabIndex: number;
|
|
15
17
|
isClicked: boolean[];
|
|
18
|
+
info?: NSInfoProps;
|
|
16
19
|
}
|
|
17
20
|
export declare class NSTabPage extends Component<NSTabPageProps, NSTabPageState> {
|
|
21
|
+
ns_info: import("react").RefObject<NSInfo>;
|
|
18
22
|
constructor(props: NSTabPageProps);
|
|
19
23
|
setClicked(indices: number[], callback: () => void): void;
|
|
20
24
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Component } from "react";
|
|
3
|
+
import { Component, createRef } from "react";
|
|
4
4
|
import Styles from './NSTabPage.module.css';
|
|
5
|
+
import { NSInfo } from "../main";
|
|
5
6
|
export class NSTabPage extends Component {
|
|
6
7
|
constructor(props) {
|
|
7
8
|
var _a;
|
|
8
9
|
super(props);
|
|
10
|
+
this.ns_info = createRef();
|
|
9
11
|
let activeTabIndex = (_a = this.props.activeTabIndex) !== null && _a !== void 0 ? _a : 0;
|
|
10
12
|
this.state = {
|
|
11
13
|
activeTabIndex,
|
|
12
|
-
isClicked: this.props.tabs.map((tab, index) => tab.clicked || activeTabIndex === index)
|
|
14
|
+
isClicked: this.props.tabs.map((tab, index) => tab.clicked || activeTabIndex === index),
|
|
15
|
+
info: undefined
|
|
13
16
|
};
|
|
14
17
|
}
|
|
15
18
|
setClicked(indices, callback) {
|
|
@@ -20,14 +23,26 @@ export class NSTabPage extends Component {
|
|
|
20
23
|
}
|
|
21
24
|
render() {
|
|
22
25
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
23
|
-
return (_jsxs("div", { id: this.props.id, className: `${Styles.ns_tab_page_panel} ${(_b = (_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: this.props.style, children: [_jsx("ul", { className: Styles.ns_tab_page_titles_container, children: this.props.tabs.map((tab, index) =>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
return (_jsxs("div", { id: this.props.id, className: `${Styles.ns_tab_page_panel} ${(_b = (_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: this.props.style, children: [_jsx("ul", { className: Styles.ns_tab_page_titles_container, children: this.props.tabs.map((tab, index) => {
|
|
27
|
+
var _a, _b;
|
|
28
|
+
return (_jsxs("li", { className: `${Styles.ns_tab_page_title} ${this.state.activeTabIndex === index ? Styles.ns_tab_page_title_active : ''}`, onClick: () => {
|
|
29
|
+
let isClicked = this.state.isClicked;
|
|
30
|
+
isClicked[index] = true;
|
|
31
|
+
this.setState({ activeTabIndex: index, isClicked });
|
|
32
|
+
}, children: [tab.title, (this.state.activeTabIndex === index && (((_a = tab.info) === null || _a === void 0 ? void 0 : _a.text) || ((_b = tab.info) === null || _b === void 0 ? void 0 : _b.link))) &&
|
|
33
|
+
_jsx(_Fragment, { children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/info/white-blue.svg", onClick: () => {
|
|
34
|
+
this.setState({ info: tab.info }, () => {
|
|
35
|
+
var _a;
|
|
36
|
+
(_a = this.ns_info.current) === null || _a === void 0 ? void 0 : _a.onClick();
|
|
37
|
+
});
|
|
38
|
+
}, alt: "info", width: 24, height: 24, style: {
|
|
39
|
+
cursor: "pointer",
|
|
40
|
+
marginLeft: "8px"
|
|
41
|
+
} }) })] }, `NSTabPage_li_key_${index}`));
|
|
42
|
+
}) }), _jsx("div", { id: (_c = this.props.container) === null || _c === void 0 ? void 0 : _c.id, className: (_f = (_e = (_d = this.props.container) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.join(" ")) !== null && _f !== void 0 ? _f : "", style: Object.assign({}, (_g = this.props.container) === null || _g === void 0 ? void 0 : _g.style), children: this.props.tabs.map((tab, index) => {
|
|
28
43
|
var _a, _b;
|
|
29
44
|
return (_jsx("div", { id: tab.id, className: `${Styles.ns_tab_content_column} ${(_b = (_a = tab.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: Object.assign(Object.assign({}, tab.style), { display: index === this.state.activeTabIndex ? "flex" : "none" }), children: this.state.isClicked[index] ? tab.getContent() : _jsx(_Fragment, {}) }, `NSTabPage_div_key_${this.props.name}_${index}`));
|
|
30
|
-
}) })] }));
|
|
45
|
+
}) }), _jsx(NSInfo, Object.assign({ ref: this.ns_info }, this.state.info))] }));
|
|
31
46
|
}
|
|
32
47
|
}
|
|
33
48
|
//# sourceMappingURL=NSTabPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSTabPage.js","sourceRoot":"","sources":["../../src/components/NSTabPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NSTabPage.js","sourceRoot":"","sources":["../../src/components/NSTabPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAe,MAAM,SAAS,CAAC;AAwB9C,MAAM,OAAO,SAAU,SAAQ,SAAyC;IAGvE,YAAY,KAAqB;;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHd,YAAO,GAAG,SAAS,EAAU,CAAC;QAI7B,IAAI,cAAc,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,mCAAI,CAAC,CAAC;QACpD,IAAI,CAAC,KAAK,GAAG;YACZ,cAAc;YACd,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,cAAc,KAAK,KAAK,CAAC;YACvF,IAAI,EAAE,SAAS;SACf,CAAC;IACH,CAAC;IACD,UAAU,CAAC,OAAiB,EAAE,QAAoB;QAEjD,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE;YACtC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,QAAQ,CAAC,CAAC;IACxC,CAAC;IACQ,MAAM;;QAEd,OAAO,CACN,eACC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,IAAI,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EACjF,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aACvB,aAAI,SAAS,EAAE,MAAM,CAAC,4BAA4B,YAEhD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;;wBAAC,OAAA,CACnC,cAEC,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE,EACtH,OAAO,EAAE,GAAG,EAAE;gCAEb,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;gCACrC,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;gCACxB,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;4BACpD,CAAC,aAEA,GAAG,CAAC,KAAK,EAET,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,KAAK,IAAI,CAAC,CAAA,MAAA,GAAG,CAAC,IAAI,0CAAE,IAAI,MAAI,MAAA,GAAG,CAAC,IAAI,0CAAE,IAAI,CAAA,CAAC,CAAC;oCAC3E,4BACC,cACC,GAAG,EAAC,iEAAiE,EACrE,OAAO,EAAE,GAAG,EAAE;gDAEb,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE;;oDAEtC,MAAA,IAAI,CAAC,OAAO,CAAC,OAAO,0CAAE,OAAO,EAAE,CAAC;gDACjC,CAAC,CAAC,CAAA;4CACH,CAAC,EACD,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE;gDACN,MAAM,EAAE,SAAS;gDACjB,UAAU,EAAE,KAAK;6CACjB,GACA,GACA,KA9BC,oBAAoB,KAAK,EAAE,CAgC5B,CACL,CAAA;qBAAA,CAAC,GAEC,EACL,cACC,EAAE,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,EAAE,EAC5B,SAAS,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAC3D,KAAK,oBAAO,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,KAAK,aAGtC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;;wBAAC,OAAA,CACnC,cACC,EAAE,EAAE,GAAG,CAAC,EAAE,EAEV,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,MAAA,MAAA,GAAG,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC9E,KAAK,kCAAO,GAAG,CAAC,KAAK,KAAE,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,eAGpF,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,mBAAK,IALlD,qBAAqB,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,EAAE,CAO/C,CACN,CAAA;qBAAA,CAAC,GAEE,EACN,KAAC,MAAM,kBACN,GAAG,EAAE,IAAI,CAAC,OAAO,IACb,IAAI,CAAC,KAAK,CAAC,IAAI,EAClB,IACG,CACN,CAAC;IACH,CAAC;CACD"}
|
package/dist/main.d.ts
CHANGED
|
@@ -54,6 +54,7 @@ export * from "./components/NSDialog";
|
|
|
54
54
|
export * from "./components/NSDialogDelete";
|
|
55
55
|
export * from "./components/NSDialogInfo";
|
|
56
56
|
export * from "./components/NSDialogPageSelection";
|
|
57
|
+
export * from "./components/NSInfo";
|
|
57
58
|
export * from "./components/NSDownTimer";
|
|
58
59
|
export * from "./components/NSTile";
|
|
59
60
|
export * from "./components/NSFilterBox";
|
package/dist/main.js
CHANGED
|
@@ -56,6 +56,7 @@ export * from "./components/NSDialog";
|
|
|
56
56
|
export * from "./components/NSDialogDelete";
|
|
57
57
|
export * from "./components/NSDialogInfo";
|
|
58
58
|
export * from "./components/NSDialogPageSelection";
|
|
59
|
+
export * from "./components/NSInfo";
|
|
59
60
|
export * from "./components/NSDownTimer";
|
|
60
61
|
export * from "./components/NSTile";
|
|
61
62
|
export * from "./components/NSFilterBox";
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrD,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAG1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AAGzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAA;AAG7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAG1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"framework": "npm",
|
|
9
9
|
"application": "package",
|
|
10
10
|
"private": false,
|
|
11
|
-
"version": "1.4.
|
|
11
|
+
"version": "1.4.417",
|
|
12
12
|
"author": "Amir Abolhasani",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@ant-design/charts": "^2.4.0",
|
|
25
25
|
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
|
|
26
|
-
"@types/node": "^24.0.
|
|
26
|
+
"@types/node": "^24.0.6",
|
|
27
27
|
"@types/react": "^18.3.12",
|
|
28
28
|
"@types/react-bootstrap": "^1.1.0",
|
|
29
29
|
"@types/react-dom": "^18.3.1",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"react-gtm-module": "^2.0.11",
|
|
51
51
|
"react-phone-input-2": "^2.15.1",
|
|
52
52
|
"react-phone-number-input": "^3.4.12",
|
|
53
|
-
"react-router-dom": "^7.6.
|
|
53
|
+
"react-router-dom": "^7.6.3",
|
|
54
54
|
"react-scripts": "^5.0.1",
|
|
55
55
|
"styled-components": "^6.1.19",
|
|
56
56
|
"xlsx": "^0.18.5"
|
package/src/App.tsx
CHANGED
|
@@ -3,7 +3,7 @@ import 'bootstrap/dist/css/bootstrap.min.css';
|
|
|
3
3
|
import { NSPanel } from './components/NSPanel';
|
|
4
4
|
import { NSSection } from './components/NSSection';
|
|
5
5
|
import { NSLayout } from './components/NSLayout';
|
|
6
|
-
import { MoneyFormatter, NSBoxDynamic, NSBoxEntity, NSBoxString, NSButtonBlue, NSColumn, NSDialog, NSFilterBox, NSLine, NSTable, NSImplementing } from './main';
|
|
6
|
+
import { MoneyFormatter, NSBoxDynamic, NSBoxEntity, NSBoxString, NSButtonBlue, NSColumn, NSDialog, NSFilterBox, NSLine, NSTable, NSImplementing, NSTabPage } from './main';
|
|
7
7
|
import { FilterItemColumnType } from 'namirasoft-core';
|
|
8
8
|
import { NSRepeaterNSTag } from './components/NSRepeaterNSTag';
|
|
9
9
|
import { BaseVariableSchema, StringSchema } from 'namirasoft-schema';
|
|
@@ -11,7 +11,7 @@ import { NSLineText } from './components/NSLineText';
|
|
|
11
11
|
|
|
12
12
|
export function App()
|
|
13
13
|
{
|
|
14
|
-
if (
|
|
14
|
+
if (10 < 2)
|
|
15
15
|
return <NSImplementing
|
|
16
16
|
date={new Date("2025-07-01")}
|
|
17
17
|
/>
|
|
@@ -72,6 +72,18 @@ export function App()
|
|
|
72
72
|
}
|
|
73
73
|
}}
|
|
74
74
|
>
|
|
75
|
+
<NSTabPage
|
|
76
|
+
tabs={[
|
|
77
|
+
{
|
|
78
|
+
clicked: true,
|
|
79
|
+
getContent: () => <></>,
|
|
80
|
+
title: "Test",
|
|
81
|
+
info: {
|
|
82
|
+
text: "test"
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
]}
|
|
86
|
+
/>
|
|
75
87
|
<NSLine />
|
|
76
88
|
<NSLineText
|
|
77
89
|
title='OR'
|
|
@@ -6,14 +6,12 @@ import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
|
6
6
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
7
7
|
import { NSLabelErrorNotifier } from "./NSLabelErrorNotifier";
|
|
8
8
|
import { NSMenuButton, NSMenuButtonMenuProps, NSMenuButtonProps } from "./NSMenuButton";
|
|
9
|
+
import { NSInfoProps } from "./NSInfo";
|
|
9
10
|
|
|
10
11
|
export interface INSBoxBaseLayoutProps<Box, Data>
|
|
11
12
|
{
|
|
12
13
|
title: string;
|
|
13
|
-
info?:
|
|
14
|
-
text?: string;
|
|
15
|
-
link?: string;
|
|
16
|
-
};
|
|
14
|
+
info?: NSInfoProps;
|
|
17
15
|
placeholder?: string;
|
|
18
16
|
defaultValue?: Data;
|
|
19
17
|
hideHeader?: boolean;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NSDialog } from './NSDialog';
|
|
3
|
+
|
|
4
|
+
export interface NSInfoProps
|
|
5
|
+
{
|
|
6
|
+
text?: string;
|
|
7
|
+
link?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface NSInfoState
|
|
10
|
+
{
|
|
11
|
+
show_info: boolean;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export class NSInfo extends React.Component<NSInfoProps, NSInfoState>
|
|
15
|
+
{
|
|
16
|
+
constructor(props: NSInfoProps)
|
|
17
|
+
{
|
|
18
|
+
super(props);
|
|
19
|
+
this.state = { show_info: false };
|
|
20
|
+
}
|
|
21
|
+
onClick()
|
|
22
|
+
{
|
|
23
|
+
if (this.props.text && this.props.link)
|
|
24
|
+
this.setState(prev => { return { ...prev, show_info: true } });
|
|
25
|
+
else if (this.props.text)
|
|
26
|
+
this.setState(prev => { return { ...prev, show_info: true } });
|
|
27
|
+
else if (this.props.link)
|
|
28
|
+
window.open(this.props.link, "_blank");
|
|
29
|
+
}
|
|
30
|
+
override render()
|
|
31
|
+
{
|
|
32
|
+
if (!this.state.show_info)
|
|
33
|
+
return <></>;
|
|
34
|
+
return <NSDialog
|
|
35
|
+
onClose={() =>
|
|
36
|
+
{
|
|
37
|
+
this.setState(prev => { return { ...prev, show_info: false }; });
|
|
38
|
+
}}
|
|
39
|
+
center_dialog
|
|
40
|
+
closeButton={{ out: true }}
|
|
41
|
+
>
|
|
42
|
+
{
|
|
43
|
+
this.props.text
|
|
44
|
+
}
|
|
45
|
+
{
|
|
46
|
+
this.props.link &&
|
|
47
|
+
<a href={this.props.link} target='_blank' rel='noreferrer'>Learn More!</a>
|
|
48
|
+
}
|
|
49
|
+
</NSDialog>
|
|
50
|
+
}
|
|
51
|
+
}
|
|
@@ -5,6 +5,7 @@ import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
|
5
5
|
import { NSBoxTextArea } from '../components/NSBoxTextArea';
|
|
6
6
|
import { NSDialog } from '../components/NSDialog';
|
|
7
7
|
import { SetTimeouService } from 'namirasoft-core';
|
|
8
|
+
import { NSInfo, NSInfoProps } from './NSInfo';
|
|
8
9
|
|
|
9
10
|
export interface NSMenuButtonMenuProps
|
|
10
11
|
{
|
|
@@ -33,17 +34,13 @@ export interface NSMenuButtonMenuItemProps
|
|
|
33
34
|
|
|
34
35
|
export interface NSMenuButtonProps extends IBaseComponentProps
|
|
35
36
|
{
|
|
36
|
-
info?:
|
|
37
|
-
text?: string;
|
|
38
|
-
link?: string;
|
|
39
|
-
};
|
|
37
|
+
info?: NSInfoProps;
|
|
40
38
|
menu?: NSMenuButtonMenuProps;
|
|
41
39
|
}
|
|
42
40
|
|
|
43
41
|
export interface NSMenuButtonState
|
|
44
42
|
{
|
|
45
43
|
value: string | null;
|
|
46
|
-
show_info: boolean;
|
|
47
44
|
fullscreen: boolean;
|
|
48
45
|
copied: boolean;
|
|
49
46
|
}
|
|
@@ -57,15 +54,12 @@ export function safeMenuMenuItem(props: { menu?: NSMenuButtonMenuProps }, pusher
|
|
|
57
54
|
|
|
58
55
|
export function NSMenuButton(props: NSMenuButtonProps)
|
|
59
56
|
{
|
|
57
|
+
let ns_info = useRef<NSInfo>(null);
|
|
60
58
|
let textarea = useRef<NSBoxTextArea>(null);
|
|
61
59
|
const service = useRef<SetTimeouService>(new SetTimeouService());
|
|
62
60
|
|
|
63
|
-
let [state, setState] = useState<NSMenuButtonState>({ value: "",
|
|
61
|
+
let [state, setState] = useState<NSMenuButtonState>({ value: "", fullscreen: false, copied: false });
|
|
64
62
|
|
|
65
|
-
const onCloseInfo = () =>
|
|
66
|
-
{
|
|
67
|
-
setState(prev => { return { ...prev, show_info: false }; });
|
|
68
|
-
};
|
|
69
63
|
const onCloseFullScreen = () =>
|
|
70
64
|
{
|
|
71
65
|
setState(prev => { return { ...prev, fullscreen: false }; });
|
|
@@ -83,12 +77,7 @@ export function NSMenuButton(props: NSMenuButtonProps)
|
|
|
83
77
|
buttons.push({
|
|
84
78
|
title: "Info", icon: "https://static.namirasoft.com/image/concept/info/white-blue.svg", onClick: () =>
|
|
85
79
|
{
|
|
86
|
-
|
|
87
|
-
setState(prev => { return { ...prev, show_info: true } });
|
|
88
|
-
else if (props.info?.text)
|
|
89
|
-
setState(prev => { return { ...prev, show_info: true } });
|
|
90
|
-
else if (props.info?.link)
|
|
91
|
-
window.open(props.info?.link, "_blank");
|
|
80
|
+
ns_info.current?.onClick();
|
|
92
81
|
}
|
|
93
82
|
});
|
|
94
83
|
if (props.menu?.builtin?.delete?.enabled)
|
|
@@ -178,22 +167,10 @@ export function NSMenuButton(props: NSMenuButtonProps)
|
|
|
178
167
|
}
|
|
179
168
|
</div>
|
|
180
169
|
</div>
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
center_dialog
|
|
186
|
-
closeButton={{ out: true }}
|
|
187
|
-
>
|
|
188
|
-
{
|
|
189
|
-
props.info?.text
|
|
190
|
-
}
|
|
191
|
-
{
|
|
192
|
-
props.info?.link &&
|
|
193
|
-
<a href={props.info?.link} target='_blank'>Learn More!</a>
|
|
194
|
-
}
|
|
195
|
-
</NSDialog>
|
|
196
|
-
}
|
|
170
|
+
<NSInfo
|
|
171
|
+
ref={ns_info}
|
|
172
|
+
{...props.info}
|
|
173
|
+
/>
|
|
197
174
|
{
|
|
198
175
|
state.fullscreen &&
|
|
199
176
|
<NSDialog
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { Component } from "react";
|
|
2
|
+
import { Component, createRef } from "react";
|
|
3
3
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
4
4
|
import Styles from './NSTabPage.module.css';
|
|
5
|
+
import { NSInfo, NSInfoProps } from "../main";
|
|
5
6
|
|
|
6
7
|
export interface NSTabPageTab extends IBaseComponentProps
|
|
7
8
|
{
|
|
8
9
|
title: string;
|
|
10
|
+
info?: NSInfoProps;
|
|
9
11
|
clicked: boolean;
|
|
10
12
|
getContent: () => React.ReactNode;
|
|
11
13
|
}
|
|
@@ -21,17 +23,20 @@ export interface NSTabPageState
|
|
|
21
23
|
{
|
|
22
24
|
activeTabIndex: number;
|
|
23
25
|
isClicked: boolean[];
|
|
26
|
+
info?: NSInfoProps;
|
|
24
27
|
}
|
|
25
28
|
|
|
26
29
|
export class NSTabPage extends Component<NSTabPageProps, NSTabPageState>
|
|
27
30
|
{
|
|
31
|
+
ns_info = createRef<NSInfo>();
|
|
28
32
|
constructor(props: NSTabPageProps)
|
|
29
33
|
{
|
|
30
34
|
super(props);
|
|
31
35
|
let activeTabIndex = this.props.activeTabIndex ?? 0;
|
|
32
36
|
this.state = {
|
|
33
37
|
activeTabIndex,
|
|
34
|
-
isClicked: this.props.tabs.map((tab, index) => tab.clicked || activeTabIndex === index)
|
|
38
|
+
isClicked: this.props.tabs.map((tab, index) => tab.clicked || activeTabIndex === index),
|
|
39
|
+
info: undefined
|
|
35
40
|
};
|
|
36
41
|
}
|
|
37
42
|
setClicked(indices: number[], callback: () => void)
|
|
@@ -62,6 +67,28 @@ export class NSTabPage extends Component<NSTabPageProps, NSTabPageState>
|
|
|
62
67
|
}}
|
|
63
68
|
>
|
|
64
69
|
{tab.title}
|
|
70
|
+
{
|
|
71
|
+
(this.state.activeTabIndex === index && (tab.info?.text || tab.info?.link)) &&
|
|
72
|
+
<>
|
|
73
|
+
<img
|
|
74
|
+
src="https://static.namirasoft.com/image/concept/info/white-blue.svg"
|
|
75
|
+
onClick={() =>
|
|
76
|
+
{
|
|
77
|
+
this.setState({ info: tab.info }, () =>
|
|
78
|
+
{
|
|
79
|
+
this.ns_info.current?.onClick();
|
|
80
|
+
})
|
|
81
|
+
}}
|
|
82
|
+
alt="info"
|
|
83
|
+
width={24}
|
|
84
|
+
height={24}
|
|
85
|
+
style={{
|
|
86
|
+
cursor: "pointer",
|
|
87
|
+
marginLeft: "8px"
|
|
88
|
+
}}
|
|
89
|
+
/>
|
|
90
|
+
</>
|
|
91
|
+
}
|
|
65
92
|
</li>
|
|
66
93
|
))
|
|
67
94
|
}
|
|
@@ -86,6 +113,10 @@ export class NSTabPage extends Component<NSTabPageProps, NSTabPageState>
|
|
|
86
113
|
))
|
|
87
114
|
}
|
|
88
115
|
</div>
|
|
116
|
+
<NSInfo
|
|
117
|
+
ref={this.ns_info}
|
|
118
|
+
{...this.state.info}
|
|
119
|
+
/>
|
|
89
120
|
</div>
|
|
90
121
|
);
|
|
91
122
|
}
|
package/src/main.ts
CHANGED
|
@@ -74,6 +74,7 @@ export * from "./components/NSDialog";
|
|
|
74
74
|
export * from "./components/NSDialogDelete";
|
|
75
75
|
export * from "./components/NSDialogInfo";
|
|
76
76
|
export * from "./components/NSDialogPageSelection";
|
|
77
|
+
export * from "./components/NSInfo";
|
|
77
78
|
|
|
78
79
|
// DownTimer
|
|
79
80
|
export * from "./components/NSDownTimer";
|