namirasoft-site-react 1.4.522 → 1.4.523
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/NSBanner.d.ts +1 -1
- package/dist/components/NSBanner.js +2 -2
- package/dist/components/NSBanner.js.map +1 -1
- package/dist/components/NSBoxBaseLayout.js +1 -1
- package/dist/components/NSBoxBaseLayout.js.map +1 -1
- package/dist/components/NSButton.js +1 -1
- package/dist/components/NSButton.js.map +1 -1
- package/dist/components/NSDialogDelete.d.ts +1 -0
- package/dist/components/NSDialogDelete.js +6 -1
- package/dist/components/NSDialogDelete.js.map +1 -1
- package/dist/components/NSHeader.js +1 -1
- package/dist/components/NSHeader.module.css +10 -6
- package/dist/components/NSLabel.d.ts +1 -1
- package/dist/components/NSLabel.js +2 -2
- package/dist/components/NSLabel.js.map +1 -1
- package/dist/components/NSLabel.module.css +1 -1
- package/dist/components/NSLoading.d.ts +2 -2
- package/dist/components/NSLoading.js +2 -2
- package/dist/components/NSLoading.js.map +1 -1
- package/package.json +1 -1
- package/src/components/NSBanner.tsx +6 -6
- package/src/components/NSBoxBaseLayout.tsx +1 -1
- package/src/components/NSButton.tsx +1 -1
- package/src/components/NSDialogDelete.tsx +15 -6
- package/src/components/NSHeader.module.css +10 -6
- package/src/components/NSHeader.tsx +1 -1
- package/src/components/NSLabel.module.css +1 -1
- package/src/components/NSLabel.tsx +4 -4
- package/src/components/NSLoading.tsx +4 -4
|
@@ -5,8 +5,8 @@ export function NSBanner(props) {
|
|
|
5
5
|
return (_jsxs("div", { id: props.id, className: `${Styles.ns_banner_container} ${(_b = (_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: props.style, children: [props.imageLeft &&
|
|
6
6
|
_jsx("img", { id: props.imageLeft.id, className: `${Styles.ns_banner_image_right} ${(_d = (_c = props.imageLeft.classList) === null || _c === void 0 ? void 0 : _c.join(" ")) !== null && _d !== void 0 ? _d : ""}`, src: props.imageLeft.src, alt: props.imageLeft.alt, width: 192, height: 192, style: props.imageLeft.style }), _jsxs("div", { className: Styles.ns_banner_text_container, children: [props.headline &&
|
|
7
7
|
_jsx("h6", { id: props.headline.id, className: `${Styles.ns_banner_headline} ${(_f = (_e = props.headline.classList) === null || _e === void 0 ? void 0 : _e.join(" ")) !== null && _f !== void 0 ? _f : ""}`, style: props.headline.style, children: props.headline.text }), props.title &&
|
|
8
|
-
_jsx("h1", { id: props.title.id, className: `${Styles.ns_banner_title} ${(_h = (_g = props.title.classList) === null || _g === void 0 ? void 0 : _g.join(" ")) !== null && _h !== void 0 ? _h : ""}`, style: props.title.style, children: props.title.text }), props.
|
|
9
|
-
_jsx("p", { id: props.
|
|
8
|
+
_jsx("h1", { id: props.title.id, className: `${Styles.ns_banner_title} ${(_h = (_g = props.title.classList) === null || _g === void 0 ? void 0 : _g.join(" ")) !== null && _h !== void 0 ? _h : ""}`, style: props.title.style, children: props.title.text }), props.description &&
|
|
9
|
+
_jsx("p", { id: props.description.id, className: `${Styles.ns_banner_description} ${(_k = (_j = props.description.classList) === null || _j === void 0 ? void 0 : _j.join(" ")) !== null && _k !== void 0 ? _k : ""}`, style: props.description.style, children: props.description.text })] }), props.imageRight &&
|
|
10
10
|
_jsx("img", { id: props.imageRight.id, className: `${Styles.ns_banner_image_right} ${(_m = (_l = props.imageRight.classList) === null || _l === void 0 ? void 0 : _l.join(" ")) !== null && _m !== void 0 ? _m : ""}`, src: props.imageRight.src, alt: props.imageRight.alt, width: 192, height: 192, style: props.imageRight.style })] }));
|
|
11
11
|
}
|
|
12
12
|
;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBanner.js","sourceRoot":"","sources":["../../src/components/NSBanner.tsx"],"names":[],"mappings":";AAGA,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAW1C,MAAM,UAAU,QAAQ,CAAC,KAAoB;;IAE5C,OAAO,CACN,eACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,MAAM,CAAC,mBAAmB,IAAI,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC9E,KAAK,EAAE,KAAK,CAAC,KAAK,aAGjB,KAAK,CAAC,SAAS;gBACf,cACC,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,EACtB,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,MAAA,MAAA,KAAK,CAAC,SAAS,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC1F,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,EACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,EACxB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,GAC3B,EAEH,eAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,aAE7C,KAAK,CAAC,QAAQ;wBACd,aACC,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,EACrB,SAAS,EAAE,GAAG,MAAM,CAAC,kBAAkB,IAAI,MAAA,MAAA,KAAK,CAAC,QAAQ,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EACtF,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,YAE1B,KAAK,CAAC,QAAQ,CAAC,IAAI,GAChB,EAGL,KAAK,CAAC,KAAK;wBACX,aACC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAClB,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAChF,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,YAEvB,KAAK,CAAC,KAAK,CAAC,IAAI,GACb,EAGL,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"NSBanner.js","sourceRoot":"","sources":["../../src/components/NSBanner.tsx"],"names":[],"mappings":";AAGA,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAW1C,MAAM,UAAU,QAAQ,CAAC,KAAoB;;IAE5C,OAAO,CACN,eACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,MAAM,CAAC,mBAAmB,IAAI,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC9E,KAAK,EAAE,KAAK,CAAC,KAAK,aAGjB,KAAK,CAAC,SAAS;gBACf,cACC,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,EACtB,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,MAAA,MAAA,KAAK,CAAC,SAAS,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC1F,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,EACxB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,EACxB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,GAC3B,EAEH,eAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,aAE7C,KAAK,CAAC,QAAQ;wBACd,aACC,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,EACrB,SAAS,EAAE,GAAG,MAAM,CAAC,kBAAkB,IAAI,MAAA,MAAA,KAAK,CAAC,QAAQ,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EACtF,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,YAE1B,KAAK,CAAC,QAAQ,CAAC,IAAI,GAChB,EAGL,KAAK,CAAC,KAAK;wBACX,aACC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAClB,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAChF,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,YAEvB,KAAK,CAAC,KAAK,CAAC,IAAI,GACb,EAGL,KAAK,CAAC,WAAW;wBACjB,YACC,EAAE,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,EACxB,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,MAAA,MAAA,KAAK,CAAC,WAAW,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC5F,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,YAE7B,KAAK,CAAC,WAAW,CAAC,IAAI,GACpB,IAEA,EAEL,KAAK,CAAC,UAAU;gBAChB,cACC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,EACvB,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,MAAA,MAAA,KAAK,CAAC,UAAU,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC3F,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,EACzB,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,EACzB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,GAC5B,IAEE,CACN,CAAC;AACH,CAAC;AAAA,CAAC"}
|
|
@@ -49,7 +49,7 @@ export class NSBoxBaseLayout extends React.Component {
|
|
|
49
49
|
(_b = (_a = this.props).onEnterPressed) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
50
50
|
}, children: [!this.props.hideHeader && _jsxs("div", { className: `${StylesNSBox.ns_box_input_bar}`, children: [_jsxs("span", { className: StylesNSBox.ns_box_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] }), _jsx(NSMenuButton, { info: this.props.info, menu: this.props.menu })] }), this.state.null &&
|
|
51
51
|
_jsx("div", { className: StylesNSBox.ns_box_disabled }), !this.state.null && this.props.loading &&
|
|
52
|
-
_jsx("div", { className: StylesNSBox.ns_box_disabled, children: _jsx(NSLoading, { small: true,
|
|
52
|
+
_jsx("div", { className: StylesNSBox.ns_box_disabled, children: _jsx(NSLoading, { small: true, hideDescription: true, hideTitle: true, hideContainer: true }) }), !this.state.null && !this.props.loading && this.state.disabled &&
|
|
53
53
|
_jsx("div", { className: StylesNSBox.ns_box_disabled, children: value }), !this.state.null && !this.props.loading && !this.state.disabled &&
|
|
54
54
|
this.props.children, this.props.nullable &&
|
|
55
55
|
_jsxs("label", { className: StylesNSBox.ns_nullable_label, children: [_jsx("input", { ref: this.NullableCheckBox_Ref, type: "checkbox", className: StylesNSBox.ns_nullable_checkbox, checked: this.state.null, onChange: e => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxBaseLayout.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseLayout.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NSBoxBaseLayout.js","sourceRoot":"","sources":["../../src/components/NSBoxBaseLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ export class NSButton extends React.Component {
|
|
|
25
25
|
render() {
|
|
26
26
|
var _a, _b;
|
|
27
27
|
if (this.state.clicked)
|
|
28
|
-
return _jsx(NSLoading, Object.assign({ small: true, hideTitle: true,
|
|
28
|
+
return _jsx(NSLoading, Object.assign({ small: true, hideTitle: true, hideDescription: true }, this.props.loading));
|
|
29
29
|
return (_jsxs("button", { id: this.props.id, className: `${this.props.disabled ? Styles.ns_button_disabled : Styles.ns_button} ${(_b = (_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: this.props.style, onClick: () => {
|
|
30
30
|
this.performClick();
|
|
31
31
|
}, disabled: this.props.disabled, children: [this.props.icon && _jsx("img", Object.assign({}, this.props.icon, { alt: "Icon", width: 24, height: 24 })), this.props.title] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSButton.js","sourceRoot":"","sources":["../../src/components/NSButton.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAG3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAsBxD,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAuC;IAEvE,YAAY,KAAoB;QAE5B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAChC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IACD,YAAY;;QAER,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,KAAK,KAAK;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACrC,IACA,CAAC;YACG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;gBAE3B,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;QACP,CAAC;QAAC,OAAO,KAAU,EACnB,CAAC;YACG,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YAClC,KAAK,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,KAAK,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IACQ,MAAM;;QAEX,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YAClB,OAAO,KAAC,SAAS,kBACb,KAAK,QACL,SAAS,QACT,
|
|
1
|
+
{"version":3,"file":"NSButton.js","sourceRoot":"","sources":["../../src/components/NSButton.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAG3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AAsBxD,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAuC;IAEvE,YAAY,KAAoB;QAE5B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QAChC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IACD,YAAY;;QAER,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,KAAK,KAAK;YACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACrC,IACA,CAAC;YACG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;gBAE3B,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;QACP,CAAC;QAAC,OAAO,KAAU,EACnB,CAAC;YACG,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YAClC,KAAK,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,KAAK,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IACQ,MAAM;;QAEX,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YAClB,OAAO,KAAC,SAAS,kBACb,KAAK,QACL,SAAS,QACT,eAAe,UACX,IAAI,CAAC,KAAK,CAAC,OAAO,EACb,CAAA;QAEjB,OAAO,CACH,kBAAQ,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACrB,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,IAAI,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAC3H,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,GAAG,EAAE;gBAEV,IAAI,CAAC,YAAY,EAAE,CAAC;YACxB,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,aAE5B,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,8BAAS,IAAI,CAAC,KAAK,CAAC,IAAI,IAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EACjF,IAAI,CAAC,KAAK,CAAC,KAAK,IACX,CACb,CAAC;IACN,CAAC;CACJ;AAAA,CAAC"}
|
|
@@ -3,5 +3,6 @@ import { NSButtonOnClickProps } from './NSButton';
|
|
|
3
3
|
export interface NSDialogDeleteProps extends NSDialogInfoProps {
|
|
4
4
|
onYes: NSButtonOnClickProps;
|
|
5
5
|
onNo: NSButtonOnClickProps;
|
|
6
|
+
loading?: boolean;
|
|
6
7
|
}
|
|
7
8
|
export declare function NSDialogDelete(props: NSDialogDeleteProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,7 +4,12 @@ import { NSButtonGreen } from "./NSButtonGreen";
|
|
|
4
4
|
import { NSButtonRed } from "./NSButtonRed";
|
|
5
5
|
import { NSSpace, NSSpaceSizeType } from "./NSSpace";
|
|
6
6
|
import { NSRow } from './NSRow';
|
|
7
|
+
import { NSLoading } from './NSLoading';
|
|
7
8
|
export function NSDialogDelete(props) {
|
|
8
|
-
return (_jsxs(NSDialogInfo, Object.assign({}, props, { onClose: props.onClose, children: [props.children, _jsx(NSSpace, { size: NSSpaceSizeType.MINI }),
|
|
9
|
+
return (_jsxs(NSDialogInfo, Object.assign({}, props, { onClose: () => !props.loading && props.onClose(), children: [props.children, _jsx(NSSpace, { size: NSSpaceSizeType.MINI }), !props.loading
|
|
10
|
+
?
|
|
11
|
+
_jsxs(NSRow, { children: [_jsx(NSButtonGreen, { title: "Yes", onClick: props.onYes }), _jsx(NSButtonRed, { title: "No", onClick: props.onNo })] })
|
|
12
|
+
:
|
|
13
|
+
_jsx(NSLoading, { small: true, hideTitle: true, hideDescription: true })] })));
|
|
9
14
|
}
|
|
10
15
|
//# sourceMappingURL=NSDialogDelete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSDialogDelete.js","sourceRoot":"","sources":["../../src/components/NSDialogDelete.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"NSDialogDelete.js","sourceRoot":"","sources":["../../src/components/NSDialogDelete.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,MAAM,UAAU,cAAc,CAAC,KAA0B;IAErD,OAAO,CACH,MAAC,YAAY,oBACL,KAAK,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,aAE/C,KAAK,CAAC,QAAQ,EACf,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAY,EAE3C,CAAC,KAAK,CAAC,OAAO;gBACV,CAAC;oBACD,MAAC,KAAK,eACF,KAAC,aAAa,IAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAI,EACnD,KAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAE,KAAK,CAAC,IAAI,GAAI,IAC3C;gBACR,CAAC;oBACD,KAAC,SAAS,IAAC,KAAK,QAAC,SAAS,QAAC,eAAe,SAAG,KAE1C,CAClB,CAAC;AACN,CAAC"}
|
|
@@ -95,7 +95,7 @@ export class NSHeader extends Component {
|
|
|
95
95
|
if (!((_a = nav.style) === null || _a === void 0 ? void 0 : _a.backgroundColor))
|
|
96
96
|
nav.style.backgroundColor = "rgba(20, 27, 92, 1)";
|
|
97
97
|
return (_jsxs("header", { id: this.props.id, className: `${Styles.ns_header} ${(_c = (_b = this.props.classList) === null || _b === void 0 ? void 0 : _b.join(" ")) !== null && _c !== void 0 ? _c : ""}`, style: this.props.style, children: [_jsx("nav", { id: (_d = this.props.nav) === null || _d === void 0 ? void 0 : _d.id, className: `${Styles.ns_navbar} ${(_g = (_f = (_e = this.props.nav) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.join(" ")) !== null && _g !== void 0 ? _g : ""}`, style: nav === null || nav === void 0 ? void 0 : nav.style, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [this.props.onCollapse &&
|
|
98
|
-
_jsx("button", { className: Styles.ns_collapse_btn, onClick: () => { var _a, _b; return (_b = (_a = this.props).onCollapse) === null || _b === void 0 ? void 0 : _b.call(_a); }, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/sidebar/white.svg", alt: "collapse", width:
|
|
98
|
+
_jsx("button", { className: Styles.ns_collapse_btn, onClick: () => { var _a, _b; return (_b = (_a = this.props).onCollapse) === null || _b === void 0 ? void 0 : _b.call(_a); }, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/sidebar/white.svg", alt: "collapse", width: 20, height: 20 }) }), _jsx("a", { className: "me-2", href: "/", children: _jsx("img", { src: this.props.left.logo, alt: "Logo", width: 48, height: 48 }) }), this.props.left.title &&
|
|
99
99
|
_jsx("h2", { className: `${Styles.ns_navbar_title} mb-0 flex-shrink-0`, children: this.props.left.title }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.show_navbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), _jsx(NSBoxSearch, { ref: this.NSBoxSearch_Ref, required: false, title: "", hideHeader: true, placeholder: "Search", autoComplete: "one-time-code", style: { flex: 0.8, minWidth: "15rem" }, input: {
|
|
100
100
|
style: { zIndex: 800 },
|
|
101
101
|
name: "search",
|
|
@@ -147,10 +147,10 @@
|
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
.ns_collapse_btn {
|
|
150
|
-
width:
|
|
151
|
-
min-width:
|
|
152
|
-
height:
|
|
153
|
-
margin-right: 0.
|
|
150
|
+
width: 2rem;
|
|
151
|
+
min-width: 2rem;
|
|
152
|
+
height: 2rem;
|
|
153
|
+
margin-right: 0.5rem;
|
|
154
154
|
border: none;
|
|
155
155
|
padding: 0;
|
|
156
156
|
display: flex;
|
|
@@ -192,8 +192,6 @@
|
|
|
192
192
|
width: 100%;
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
|
|
196
|
-
|
|
197
195
|
.ns_navbar_second_level_item a:hover {
|
|
198
196
|
background-color: rgba(178, 187, 217, 1);
|
|
199
197
|
}
|
|
@@ -306,6 +304,12 @@
|
|
|
306
304
|
}
|
|
307
305
|
}
|
|
308
306
|
|
|
307
|
+
@media only screen and (min-width: 1200px) {
|
|
308
|
+
.ns_collapse_btn {
|
|
309
|
+
display: none;
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
|
|
309
313
|
@media print {
|
|
310
314
|
.ns_header {
|
|
311
315
|
display: none;
|
|
@@ -3,7 +3,7 @@ import { ReactNode } from "react";
|
|
|
3
3
|
import { IBaseComponentProps } from '../props/IBaseComponentProps';
|
|
4
4
|
export interface NSLabelProps extends IBaseComponentProps {
|
|
5
5
|
title: string;
|
|
6
|
-
|
|
6
|
+
description?: string;
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
}
|
|
9
9
|
export interface NSLabelState {
|
|
@@ -6,8 +6,8 @@ import { StringFormatter } from '../main';
|
|
|
6
6
|
export class NSLabel extends React.Component {
|
|
7
7
|
render() {
|
|
8
8
|
var _a, _b;
|
|
9
|
-
return (_jsxs("div", { id: this.props.id, className: `${Styles.ns_label_item} ${(_b = (_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: this.props.style, children: [_jsx("span", { className: `${Styles.ns_label_title} ns_font_16_bold`, children: this.props.title }), this.props.
|
|
10
|
-
_jsx("div", { children: _jsx("span", { className: `${Styles.
|
|
9
|
+
return (_jsxs("div", { id: this.props.id, className: `${Styles.ns_label_item} ${(_b = (_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: this.props.style, children: [_jsx("span", { className: `${Styles.ns_label_title} ns_font_16_bold`, children: this.props.title }), this.props.description &&
|
|
10
|
+
_jsx("div", { children: _jsx("span", { className: `${Styles.ns_label_description}`, children: StringFormatter.toHTML(this.props.description) }) }), this.props.children &&
|
|
11
11
|
_jsx(_Fragment, { children: _jsx("div", { children: this.props.children }) })] }));
|
|
12
12
|
}
|
|
13
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLabel.js","sourceRoot":"","sources":["../../src/components/NSLabel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY1C,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IAE3D,MAAM;;QAEX,OAAO,CACH,eAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,IAAI,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aAC1H,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc,kBAAkB,YACtD,IAAI,CAAC,KAAK,CAAC,KAAK,GACd,EAEH,IAAI,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"NSLabel.js","sourceRoot":"","sources":["../../src/components/NSLabel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY1C,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAqC;IAE3D,MAAM;;QAEX,OAAO,CACH,eAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,IAAI,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,aAC1H,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc,kBAAkB,YACtD,IAAI,CAAC,KAAK,CAAC,KAAK,GACd,EAEH,IAAI,CAAC,KAAK,CAAC,WAAW;oBACtB,wBACI,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,EAAE,YAC5C,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAC5C,GACL,EAIN,IAAI,CAAC,KAAK,CAAC,QAAQ;oBACnB,4BACI,wBACK,IAAI,CAAC,KAAK,CAAC,QAAQ,GAClB,GACP,IAEJ,CACV,CAAC;IACN,CAAC;CACJ"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
2
2
|
export interface NSLoadingProps extends IBaseComponentProps {
|
|
3
3
|
title?: string;
|
|
4
|
-
|
|
4
|
+
description?: string;
|
|
5
5
|
small?: boolean;
|
|
6
6
|
hideContainer?: boolean;
|
|
7
7
|
hideTitle?: boolean;
|
|
8
|
-
|
|
8
|
+
hideDescription?: boolean;
|
|
9
9
|
}
|
|
10
10
|
export declare function NSLoading(props: NSLoadingProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,8 +3,8 @@ import Styles from './NSLoading.module.css';
|
|
|
3
3
|
export function NSLoading(props) {
|
|
4
4
|
var _a, _b, _c, _d, _e, _f;
|
|
5
5
|
let content = _jsxs(_Fragment, { children: [!((_a = props.hideTitle) !== null && _a !== void 0 ? _a : false) &&
|
|
6
|
-
_jsx("h5", { children: (_b = props.title) !== null && _b !== void 0 ? _b : "Loading" }), _jsx("span", { className: `${Styles.ns_loader} ${props.small ? Styles.ns_loader_small : Styles.ns_loader_big}` }), !((_c = props.
|
|
7
|
-
_jsx("p", { children: (_d = props.
|
|
6
|
+
_jsx("h5", { children: (_b = props.title) !== null && _b !== void 0 ? _b : "Loading" }), _jsx("span", { className: `${Styles.ns_loader} ${props.small ? Styles.ns_loader_small : Styles.ns_loader_big}` }), !((_c = props.hideDescription) !== null && _c !== void 0 ? _c : false) &&
|
|
7
|
+
_jsx("p", { children: (_d = props.description) !== null && _d !== void 0 ? _d : "Please wait ..." })] });
|
|
8
8
|
if (props.hideContainer)
|
|
9
9
|
return content;
|
|
10
10
|
return (_jsx("div", { id: props.id, className: `${Styles.ns_loading_parent} ${(_f = (_e = props.classList) === null || _e === void 0 ? void 0 : _e.join(" ")) !== null && _f !== void 0 ? _f : ""} `, style: props.style, children: content }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLoading.js","sourceRoot":"","sources":["../../src/components/NSLoading.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAY5C,MAAM,UAAU,SAAS,CAAC,KAAqB;;IAE9C,IAAI,OAAO,GAAG,8BAEZ,CAAC,CAAC,MAAA,KAAK,CAAC,SAAS,mCAAI,KAAK,CAAC;gBAC3B,uBAAK,MAAA,KAAK,CAAC,KAAK,mCAAI,SAAS,GAAM,EAEpC,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,GAAS,EAE7G,CAAC,CAAC,MAAA,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"NSLoading.js","sourceRoot":"","sources":["../../src/components/NSLoading.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAY5C,MAAM,UAAU,SAAS,CAAC,KAAqB;;IAE9C,IAAI,OAAO,GAAG,8BAEZ,CAAC,CAAC,MAAA,KAAK,CAAC,SAAS,mCAAI,KAAK,CAAC;gBAC3B,uBAAK,MAAA,KAAK,CAAC,KAAK,mCAAI,SAAS,GAAM,EAEpC,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,GAAS,EAE7G,CAAC,CAAC,MAAA,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC;gBACjC,sBAAI,MAAA,KAAK,CAAC,WAAW,mCAAI,iBAAiB,GAAK,IAE9C,CAAC;IACJ,IAAI,KAAK,CAAC,aAAa;QACtB,OAAO,OAAO,CAAC;IAChB,OAAO,CACN,cACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,IAAI,MAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,mCAAI,EAAE,GAAG,EAC7E,KAAK,EAAE,KAAK,CAAC,KAAK,YAEjB,OAAO,GACH,CACN,CAAC;AACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -9,7 +9,7 @@ export interface NSBannerProps extends IBaseComponentProps
|
|
|
9
9
|
imageLeft: (IImageProps & IBaseComponentProps) | null;
|
|
10
10
|
headline?: (IBaseComponentProps & { text: string }) | null;
|
|
11
11
|
title: (IBaseComponentProps & { text: string }) | null;
|
|
12
|
-
|
|
12
|
+
description?: (IBaseComponentProps & { text: string }) | null;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
export function NSBanner(props: NSBannerProps)
|
|
@@ -54,13 +54,13 @@ export function NSBanner(props: NSBannerProps)
|
|
|
54
54
|
</h1>
|
|
55
55
|
}
|
|
56
56
|
{
|
|
57
|
-
props.
|
|
57
|
+
props.description &&
|
|
58
58
|
<p
|
|
59
|
-
id={props.
|
|
60
|
-
className={`${Styles.ns_banner_description} ${props.
|
|
61
|
-
style={props.
|
|
59
|
+
id={props.description.id}
|
|
60
|
+
className={`${Styles.ns_banner_description} ${props.description.classList?.join(" ") ?? ""}`}
|
|
61
|
+
style={props.description.style}
|
|
62
62
|
>
|
|
63
|
-
{props.
|
|
63
|
+
{props.description.text}
|
|
64
64
|
</p>
|
|
65
65
|
}
|
|
66
66
|
</div>
|
|
@@ -120,7 +120,7 @@ export class NSBoxBaseLayout extends React.Component<NSBoxBaseLayoutProps, NSBox
|
|
|
120
120
|
{
|
|
121
121
|
!this.state.null && this.props.loading &&
|
|
122
122
|
<div className={StylesNSBox.ns_box_disabled}>
|
|
123
|
-
<NSLoading small
|
|
123
|
+
<NSLoading small hideDescription hideTitle hideContainer />
|
|
124
124
|
</div>
|
|
125
125
|
}
|
|
126
126
|
{
|
|
@@ -4,25 +4,34 @@ import { NSButtonRed } from "./NSButtonRed";
|
|
|
4
4
|
import { NSSpace, NSSpaceSizeType } from "./NSSpace";
|
|
5
5
|
import { NSRow } from './NSRow';
|
|
6
6
|
import { NSButtonOnClickProps } from './NSButton';
|
|
7
|
+
import { NSLoading } from './NSLoading';
|
|
7
8
|
|
|
8
9
|
export interface NSDialogDeleteProps extends NSDialogInfoProps
|
|
9
10
|
{
|
|
10
11
|
onYes: NSButtonOnClickProps;
|
|
11
12
|
onNo: NSButtonOnClickProps;
|
|
13
|
+
loading?: boolean;
|
|
12
14
|
}
|
|
13
15
|
|
|
14
16
|
export function NSDialogDelete(props: NSDialogDeleteProps)
|
|
15
17
|
{
|
|
16
18
|
return (
|
|
17
|
-
<NSDialogInfo
|
|
18
|
-
|
|
19
|
+
<NSDialogInfo
|
|
20
|
+
{...props}
|
|
21
|
+
onClose={() => !props.loading && props.onClose()}
|
|
19
22
|
>
|
|
20
23
|
{props.children}
|
|
21
24
|
<NSSpace size={NSSpaceSizeType.MINI}></NSSpace>
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
{
|
|
26
|
+
!props.loading
|
|
27
|
+
?
|
|
28
|
+
<NSRow>
|
|
29
|
+
<NSButtonGreen title="Yes" onClick={props.onYes} />
|
|
30
|
+
<NSButtonRed title="No" onClick={props.onNo} />
|
|
31
|
+
</NSRow>
|
|
32
|
+
:
|
|
33
|
+
<NSLoading small hideTitle hideDescription />
|
|
34
|
+
}
|
|
26
35
|
</NSDialogInfo>
|
|
27
36
|
);
|
|
28
37
|
}
|
|
@@ -147,10 +147,10 @@
|
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
.ns_collapse_btn {
|
|
150
|
-
width:
|
|
151
|
-
min-width:
|
|
152
|
-
height:
|
|
153
|
-
margin-right: 0.
|
|
150
|
+
width: 2rem;
|
|
151
|
+
min-width: 2rem;
|
|
152
|
+
height: 2rem;
|
|
153
|
+
margin-right: 0.5rem;
|
|
154
154
|
border: none;
|
|
155
155
|
padding: 0;
|
|
156
156
|
display: flex;
|
|
@@ -192,8 +192,6 @@
|
|
|
192
192
|
width: 100%;
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
|
|
196
|
-
|
|
197
195
|
.ns_navbar_second_level_item a:hover {
|
|
198
196
|
background-color: rgba(178, 187, 217, 1);
|
|
199
197
|
}
|
|
@@ -306,6 +304,12 @@
|
|
|
306
304
|
}
|
|
307
305
|
}
|
|
308
306
|
|
|
307
|
+
@media only screen and (min-width: 1200px) {
|
|
308
|
+
.ns_collapse_btn {
|
|
309
|
+
display: none;
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
|
|
309
313
|
@media print {
|
|
310
314
|
.ns_header {
|
|
311
315
|
display: none;
|
|
@@ -144,7 +144,7 @@ export class NSHeader extends Component<NSHeaderProps, NSHeaderState>
|
|
|
144
144
|
{
|
|
145
145
|
this.props.onCollapse &&
|
|
146
146
|
<button className={Styles.ns_collapse_btn} onClick={() => this.props.onCollapse?.()}>
|
|
147
|
-
<img src="https://static.namirasoft.com/image/concept/sidebar/white.svg" alt={"collapse"} width={
|
|
147
|
+
<img src="https://static.namirasoft.com/image/concept/sidebar/white.svg" alt={"collapse"} width={20} height={20} />
|
|
148
148
|
</button>
|
|
149
149
|
}
|
|
150
150
|
<a className="me-2" href="/">
|
|
@@ -9,7 +9,7 @@ import { StringFormatter } from '../main';
|
|
|
9
9
|
export interface NSLabelProps extends IBaseComponentProps
|
|
10
10
|
{
|
|
11
11
|
title: string;
|
|
12
|
-
|
|
12
|
+
description?: string;
|
|
13
13
|
children?: ReactNode;
|
|
14
14
|
}
|
|
15
15
|
|
|
@@ -26,10 +26,10 @@ export class NSLabel extends React.Component<NSLabelProps, NSLabelState>
|
|
|
26
26
|
{this.props.title}
|
|
27
27
|
</span>
|
|
28
28
|
{
|
|
29
|
-
this.props.
|
|
29
|
+
this.props.description &&
|
|
30
30
|
<div>
|
|
31
|
-
<span className={`${Styles.
|
|
32
|
-
{StringFormatter.toHTML(this.props.
|
|
31
|
+
<span className={`${Styles.ns_label_description}`}>
|
|
32
|
+
{StringFormatter.toHTML(this.props.description)}
|
|
33
33
|
</span>
|
|
34
34
|
</div>
|
|
35
35
|
}
|
|
@@ -4,11 +4,11 @@ import Styles from './NSLoading.module.css';
|
|
|
4
4
|
export interface NSLoadingProps extends IBaseComponentProps
|
|
5
5
|
{
|
|
6
6
|
title?: string;
|
|
7
|
-
|
|
7
|
+
description?: string;
|
|
8
8
|
small?: boolean;
|
|
9
9
|
hideContainer?: boolean;
|
|
10
10
|
hideTitle?: boolean;
|
|
11
|
-
|
|
11
|
+
hideDescription?: boolean;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
export function NSLoading(props: NSLoadingProps)
|
|
@@ -20,8 +20,8 @@ export function NSLoading(props: NSLoadingProps)
|
|
|
20
20
|
}
|
|
21
21
|
<span className={`${Styles.ns_loader} ${props.small ? Styles.ns_loader_small : Styles.ns_loader_big}`}></span>
|
|
22
22
|
{
|
|
23
|
-
!(props.
|
|
24
|
-
<p>{props.
|
|
23
|
+
!(props.hideDescription ?? false) &&
|
|
24
|
+
<p>{props.description ?? "Please wait ..."}</p>
|
|
25
25
|
}
|
|
26
26
|
</>;
|
|
27
27
|
if (props.hideContainer)
|