namirasoft-site-react 1.2.40 → 1.2.41

package/dist/components/NSTable.d.ts

@@ -1,28 +1,28 @@
-import "./NSTable.modules.css";
-import { Component } from 'react';
-interface IProps<RowType> {
-    columns: {
-        [key: string]: string;
-    };
-    rows: RowType[];
-    getRowKey: (row: RowType, rowIndex: number) => string;
-    getColumnAttributes: (column: string, columnIndex: number) => {
-        [key: string]: string;
-    };
-    getCell: (row: RowType, column: string, rowIndex: number, columnIndex: number) => any;
-}
-interface IState<RowType> {
-    columns: {
-        [key: string]: string;
-    };
-    rows: RowType[];
-}
-export declare class NSTable<RowType> extends Component<IProps<RowType>, IState<RowType>> {
-    constructor(props: IProps<RowType>);
-    setColumns(columns: {
-        [key: string]: string;
-    }): void;
-    setRows(rows: RowType[]): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export {};
+import "./NSTable.modules.css";
+import { Component } from 'react';
+interface IProps<RowType> {
+    columns: {
+        [key: string]: string;
+    };
+    rows: RowType[];
+    getRowKey: (row: RowType, rowIndex: number) => string;
+    getColumnAttributes: (column: string, columnIndex: number) => {
+        [key: string]: string;
+    };
+    getCell: (row: RowType, column: string, rowIndex: number, columnIndex: number) => any;
+}
+interface IState<RowType> {
+    columns: {
+        [key: string]: string;
+    };
+    rows: RowType[];
+}
+export declare class NSTable<RowType> extends Component<IProps<RowType>, IState<RowType>> {
+    constructor(props: IProps<RowType>);
+    setColumns(columns: {
+        [key: string]: string;
+    }): void;
+    setRows(rows: RowType[]): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/NSTable.js

@@ -1,21 +1,21 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "./NSTable.modules.css";
-import { Component } from 'react';
-export class NSTable extends Component {
-    constructor(props) {
-        super(props);
-        this.state = { columns: props.columns, rows: props.rows };
-    }
-    setColumns(columns) {
-        this.setState({ columns });
-    }
-    setRows(rows) {
-        this.setState({ rows });
-    }
-    render() {
-        let column_keys = Object.keys(this.state.columns);
-        return (_jsx("div", { className: "project_list_container", children: _jsxs("table", { className: "table", children: [_jsx("thead", { className: "thead", children: _jsx("tr", { children: column_keys.map(column_key => _jsx("th", { scope: "col", children: this.state.columns[column_key] }, column_key)) }) }), _jsx("tbody", { className: "tbody", children: this.state.rows.map((row, rowIndex) => _jsx("tr", { children: column_keys.map((column, columnIndex) => (_jsx("td", Object.assign({}, this.props.getColumnAttributes(column, columnIndex), { children: this.props.getCell(row, column, rowIndex, columnIndex) })))) }, this.props.getRowKey(row, rowIndex))) })] }) }));
-    }
-}
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./NSTable.modules.css";
+import { Component } from 'react';
+export class NSTable extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { columns: props.columns, rows: props.rows };
+    }
+    setColumns(columns) {
+        this.setState({ columns });
+    }
+    setRows(rows) {
+        this.setState({ rows });
+    }
+    render() {
+        let column_keys = Object.keys(this.state.columns);
+        return (_jsx("div", Object.assign({ className: "project_list_container" }, { children: _jsxs("table", Object.assign({ className: "table" }, { children: [_jsx("thead", Object.assign({ className: "thead" }, { children: _jsx("tr", { children: column_keys.map(column_key => _jsx("th", Object.assign({ scope: "col" }, { children: this.state.columns[column_key] }), column_key)) }) })), _jsx("tbody", Object.assign({ className: "tbody" }, { children: this.state.rows.map((row, rowIndex) => _jsx("tr", { children: column_keys.map((column, columnIndex) => (_jsx("td", Object.assign({}, this.props.getColumnAttributes(column, columnIndex), { children: this.props.getCell(row, column, rowIndex, columnIndex) })))) }, this.props.getRowKey(row, rowIndex))) }))] })) })));
+    }
+}
 //# sourceMappingURL=NSTable.js.map

package/dist/components/NSTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBlC,MAAM,OAAO,OAAiB,SAAQ,SAA2C;IAE7E,YAAY,KAAsB;QAE9B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC9D,CAAC;IACD,UAAU,CAAC,OAAkC;QAEzC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,CAAC,IAAe;QAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,IAAI,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAClD,OAAO,CACH,cAAK,SAAS,EAAC,wBAAwB,YACnC,iBAAO,SAAS,EAAC,OAAO,aACpB,gBAAO,SAAS,EAAC,OAAO,YACpB,uBACK,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,aAAqB,KAAK,EAAC,KAAK,YAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAvD,UAAU,CAAmD,CAAC,GACrG,GACD,EACR,gBAAO,SAAS,EAAC,OAAO,YAEhB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAClC,uBAEQ,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CACrC,6BAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC,cACtD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,IACtD,CACR,CAAC,IAND,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAQvC,CAAC,GAET,IACL,GACL,CACV,CAAA;IACL,CAAC;CACJ"}
+{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBlC,MAAM,OAAO,OAAiB,SAAQ,SAA2C;IAE7E,YAAY,KAAsB;QAE9B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC9D,CAAC;IACD,UAAU,CAAC,OAAkC;QAEzC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/B,CAAC;IACD,OAAO,CAAC,IAAe;QAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,IAAI,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAClD,OAAO,CACH,4BAAK,SAAS,EAAC,wBAAwB,gBACnC,+BAAO,SAAS,EAAC,OAAO,iBACpB,8BAAO,SAAS,EAAC,OAAO,gBACpB,uBACK,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,2BAAqB,KAAK,EAAC,KAAK,gBAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAvD,UAAU,CAAmD,CAAC,GACrG,IACD,EACR,8BAAO,SAAS,EAAC,OAAO,gBAEhB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAClC,uBAEQ,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CACrC,6BAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC,cACtD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,IACtD,CACR,CAAC,IAND,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,CAQvC,CAAC,IAET,KACL,IACL,CACV,CAAA;IACL,CAAC;CACJ"}

package/dist/index.d.ts

@@ -1 +1 @@
-import './index.css';
+import './index.css';

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import { App } from './App';
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(_jsx(App, {}));
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import { App } from './App';
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(_jsx(App, {}));
 //# sourceMappingURL=index.js.map

package/dist/main.d.ts

@@ -1,26 +1,26 @@
-export * from "./components/NSButtonGreen";
-export * from "./components/NSButtonRed";
-export * from "./components/NSCard";
-export * from "./components/NSFooter";
-export * from "./components/NSHeader";
-export * from "./components/NSInputDate";
-export * from "./components/NSInputDuration";
-export * from "./components/NSInputEmail";
-export * from "./components/NSInputFloat";
-export * from "./components/NSInputIP";
-export * from "./components/NSInputInteger";
-export * from "./components/NSInputPhone";
-export * from "./components/NSInputPrice";
-export * from "./components/NSInputSearch";
-export * from "./components/NSInputString";
-export * from "./components/NSInputText";
-export * from "./components/NSInputTime";
-export * from "./components/NSLayout";
-export * from "./components/NSLayoutHeroBanner";
-export * from "./components/NSLayoutTitle";
-export * from "./components/NSSelectBox";
-export * from "./components/NSLinkGreen";
-export * from "./components/NSLinkRed";
-export * from "./components/NSPagination";
-export * from "./components/NSTable";
-export * from "./pages/NSLoginPage";
+export * from "./components/NSButtonGreen";
+export * from "./components/NSButtonRed";
+export * from "./components/NSCard";
+export * from "./components/NSFooter";
+export * from "./components/NSHeader";
+export * from "./components/NSInputDate";
+export * from "./components/NSInputDuration";
+export * from "./components/NSInputEmail";
+export * from "./components/NSInputFloat";
+export * from "./components/NSInputIP";
+export * from "./components/NSInputInteger";
+export * from "./components/NSInputPhone";
+export * from "./components/NSInputPrice";
+export * from "./components/NSInputSearch";
+export * from "./components/NSInputString";
+export * from "./components/NSInputText";
+export * from "./components/NSInputTime";
+export * from "./components/NSLayout";
+export * from "./components/NSLayoutHeroBanner";
+export * from "./components/NSLayoutTitle";
+export * from "./components/NSSelectBox";
+export * from "./components/NSLinkGreen";
+export * from "./components/NSLinkRed";
+export * from "./components/NSPagination";
+export * from "./components/NSTable";
+export * from "./pages/NSLoginPage";

package/dist/main.js

@@ -1,27 +1,27 @@
-export * from "./components/NSButtonGreen";
-export * from "./components/NSButtonRed";
-export * from "./components/NSCard";
-export * from "./components/NSFooter";
-export * from "./components/NSHeader";
-export * from "./components/NSInputDate";
-export * from "./components/NSInputDuration";
-export * from "./components/NSInputEmail";
-export * from "./components/NSInputFloat";
-export * from "./components/NSInputIP";
-export * from "./components/NSInputInteger";
-export * from "./components/NSInputPhone";
-export * from "./components/NSInputPrice";
-export * from "./components/NSInputSearch";
-export * from "./components/NSInputString";
-export * from "./components/NSInputText";
-export * from "./components/NSInputTime";
-export * from "./components/NSLayout";
-export * from "./components/NSLayoutHeroBanner";
-export * from "./components/NSLayoutTitle";
-export * from "./components/NSSelectBox";
-export * from "./components/NSLinkGreen";
-export * from "./components/NSLinkRed";
-export * from "./components/NSPagination";
-export * from "./components/NSTable";
-export * from "./pages/NSLoginPage";
+export * from "./components/NSButtonGreen";
+export * from "./components/NSButtonRed";
+export * from "./components/NSCard";
+export * from "./components/NSFooter";
+export * from "./components/NSHeader";
+export * from "./components/NSInputDate";
+export * from "./components/NSInputDuration";
+export * from "./components/NSInputEmail";
+export * from "./components/NSInputFloat";
+export * from "./components/NSInputIP";
+export * from "./components/NSInputInteger";
+export * from "./components/NSInputPhone";
+export * from "./components/NSInputPrice";
+export * from "./components/NSInputSearch";
+export * from "./components/NSInputString";
+export * from "./components/NSInputText";
+export * from "./components/NSInputTime";
+export * from "./components/NSLayout";
+export * from "./components/NSLayoutHeroBanner";
+export * from "./components/NSLayoutTitle";
+export * from "./components/NSSelectBox";
+export * from "./components/NSLinkGreen";
+export * from "./components/NSLinkRed";
+export * from "./components/NSPagination";
+export * from "./components/NSTable";
+export * from "./pages/NSLoginPage";
 //# sourceMappingURL=main.js.map

package/dist/pages/NSLoginPage.d.ts

@@ -1,13 +1,13 @@
-import "./NSLoginPage.modules.css";
-import { Component } from 'react';
-interface IProps {
-    title: string;
-    logo: string;
-    background: string;
-    href?: string;
-    onClick?: () => void;
-}
-export declare class NSLoginPage extends Component<IProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export {};
+import "./NSLoginPage.modules.css";
+import { Component } from 'react';
+interface IProps {
+    title: string;
+    logo: string;
+    background: string;
+    href?: string;
+    onClick?: () => void;
+}
+export declare class NSLoginPage extends Component<IProps> {
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/pages/NSLoginPage.js

@@ -1,18 +1,18 @@
-"use client";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "./NSLoginPage.modules.css";
-import { Component } from 'react';
-import { NSButtonGreen } from "../main";
-import { NSLinkGreen } from "../main";
-export class NSLoginPage extends Component {
-    render() {
-        var _a;
-        let button = _jsx(_Fragment, {});
-        if (this.props.href)
-            button = _jsx(NSLinkGreen, { title: "Login", href: (_a = this.props.href) !== null && _a !== void 0 ? _a : "" });
-        else if (this.props.onClick)
-            button = _jsx(NSButtonGreen, { title: "Login", onClick: this.props.onClick });
-        return (_jsx("div", { style: { backgroundImage: this.props.background }, children: _jsxs("div", { className: "d-flex flex-column align-items-center justify-content-center", style: { marginTop: "100px" }, children: [_jsx("div", { className: "m-auto", children: _jsx("img", { width: 256, height: 256, src: this.props.logo, alt: "logo" }) }), _jsx("div", { children: _jsx("h1", { className: "text-light text-center mb-3", children: this.props.title }) }), _jsx("div", { className: "m-auto", children: button })] }) }));
-    }
-}
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./NSLoginPage.modules.css";
+import { Component } from 'react';
+import { NSButtonGreen } from "../main";
+import { NSLinkGreen } from "../main";
+export class NSLoginPage extends Component {
+    render() {
+        var _a;
+        let button = _jsx(_Fragment, {});
+        if (this.props.href)
+            button = _jsx(NSLinkGreen, { title: "Login", href: (_a = this.props.href) !== null && _a !== void 0 ? _a : "" });
+        else if (this.props.onClick)
+            button = _jsx(NSButtonGreen, { title: "Login", onClick: this.props.onClick });
+        return (_jsx("div", Object.assign({ style: { backgroundImage: this.props.background } }, { children: _jsxs("div", Object.assign({ className: "d-flex flex-column align-items-center justify-content-center", style: { marginTop: "100px" } }, { children: [_jsx("div", Object.assign({ className: "m-auto" }, { children: _jsx("img", { width: 256, height: 256, src: this.props.logo, alt: "logo" }) })), _jsx("div", { children: _jsx("h1", Object.assign({ className: "text-light text-center mb-3" }, { children: this.props.title })) }), _jsx("div", Object.assign({ className: "m-auto" }, { children: button }))] })) })));
+    }
+}
 //# sourceMappingURL=NSLoginPage.js.map

package/dist/pages/NSLoginPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLoginPage.js","sourceRoot":"","sources":["../../src/pages/NSLoginPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAWtC,MAAM,OAAO,WAAY,SAAQ,SAAiB;IAErC,MAAM;;QAEX,IAAI,MAAM,GAAG,mBAAK,CAAC;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;YACf,MAAM,GAAG,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,EAAE,GAAI,CAAC;aACnE,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YACvB,MAAM,GAAG,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CAAC;QAC1E,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,YAClD,eAAK,SAAS,EAAC,8DAA8D,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aACvG,cAAK,SAAS,EAAC,QAAQ,YACnB,cAAK,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,GAAO,GACnE,EACN,wBAAK,aAAI,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,GAAM,EAC9E,cAAK,SAAS,EAAC,QAAQ,YAClB,MAAM,GACL,IACJ,GACJ,CACT,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSLoginPage.js","sourceRoot":"","sources":["../../src/pages/NSLoginPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAWtC,MAAM,OAAO,WAAY,SAAQ,SAAiB;IAErC,MAAM;;QAEX,IAAI,MAAM,GAAG,mBAAK,CAAC;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;YACf,MAAM,GAAG,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,EAAE,GAAI,CAAC;aACnE,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YACvB,MAAM,GAAG,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CAAC;QAC1E,OAAO,CACH,4BAAK,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,gBAClD,6BAAK,SAAS,EAAC,8DAA8D,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,iBACvG,4BAAK,SAAS,EAAC,QAAQ,gBACnB,cAAK,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,GAAO,IACnE,EACN,wBAAK,2BAAI,SAAS,EAAC,6BAA6B,gBAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAM,GAAM,EAC9E,4BAAK,SAAS,EAAC,QAAQ,gBAClB,MAAM,IACL,KACJ,IACJ,CACT,CAAC;IACN,CAAC;CACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "namirasoft-site-react",
-    "version": "1.2.40",
+    "version": "1.2.41",
     "main": "./dist/main.js",
     "types": "./dist/main.d.ts",
     "dependencies": {

package/src/components/NSHeader.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import React from "react";
 import Styles from "./NSHeader.module.css";
 
 import NavDropdown from 'react-bootstrap/NavDropdown';
@@ -15,65 +15,109 @@ interface IProps
 
 interface IState
 {
-    selected?: FilterLinkRow | null;
-    showNavbar?: boolean;
+    filters: FilterLinkRow[];
+    selected: FilterLinkRow | null;
+    showNavbar: boolean;
 }
 
-export async function NSHeader(props: IProps)
-{
-    let [state, setState] = useState<IState>({
-        selected: null,
-        showNavbar: false
-    });
-
-    let server = new NamirasoftAPILinkServer(console.error);
-    let filters = await server.filter.GetFilters(props.scope, props.name);
-
-    function onMenuItemToggled(checked: boolean, selected: FilterLinkRow)
+export class NSHeader extends React.Component<IProps, IState> {
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = {
+            filters: [],
+            selected: null,
+            showNavbar: false
+        };
+        this.hasChild = this.hasChild.bind(this);
+        this.onMenuItemToggled = this.onMenuItemToggled.bind(this);
+        this.render_menu = this.render_menu.bind(this);
+        this.render_menuItem = this.render_menuItem.bind(this);
+        this.handleShowNavbar = this.handleShowNavbar.bind(this);
+    }
+    override componentDidMount(): void
+    {
+        let server = new NamirasoftAPILinkServer(console.error);
+        server.filter.GetFilters(this.props.scope, this.props.name).then(filters =>
+        {
+            this.setState({ filters });
+        });
+    }
+    private onMenuItemToggled(checked: boolean, selected: FilterLinkRow)
     {
         if (checked)
-            setState({ selected });
+            this.setState({ selected });
     }
-    function hasChild(id: number): boolean
+    private hasChild(id: number): boolean
     {
-        if (filters)
-            return filters.filter(f => f.parent_id === id).length > 0;
-        return false;
+        return this.state.filters.filter(f => f.parent_id === id).length > 0;
     }
-    function toggleNavbar(): void
+    handleShowNavbar(): void
     {
-        setState({ showNavbar: !state.showNavbar });
+        this.setState({ showNavbar: !this.state.showNavbar });
     }
-    function render_menu(level: number, parent_id: number | null)
+    override render()
     {
-        let fs: FilterLinkRow[] | undefined = filters?.filter(f => f.parent_id === parent_id);
-        if (fs)
-            return (
-                <div className={`me-auto nav ${Styles.ns_navbar_items_container}`} >
-                    {(fs?.map(f => render_menuItem(level, f)))}
+        return (
+            <nav className={Styles.ns_navbar}>
+                <div className={`${Styles.ns_navbar_parent_content} container`}>
+                    <img
+                        src={this.props.logo}
+                        alt="Logo"
+                        width={48}
+                        height={48}
+                    />
+                    <div className={`${Styles.ns_navbar_content} `} >
+                        <div className={`${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`}>
+                            {this.render_menu(0, null)}
+                        </div>
+                        <div className={`${Styles.ns_navbar_login_status}`}>
+                            <span className={`${Styles.ns_navbar_usersname}`}>name</span>
+                            <img src='../assets/images/exit.svg'
+                                alt="Exit"
+                                width={20}
+                                height={20}
+                            />
+                        </div>
+                        <div className={Styles.ns_navbar_menu_icon} onClick={this.handleShowNavbar}>
+                            <img
+                                src='../assets/images/menu.svg'
+                                alt="Menu"
+                                width={19}
+                                height={17}
+                            />
+                        </div>
+                    </div>
                 </div>
-            );
-        return <></>;
+            </nav>
+        );
     }
-    function render_menuItem(level: number, filter: FilterLinkRow)
+    private render_menu(level: number, parent_id: number | null)
     {
-        if (hasChild(filter.id))
+        let fs: FilterLinkRow[] = this.state.filters?.filter(f => f.parent_id === parent_id);
+        return (
+            <div className={`me-auto nav ${Styles.ns_navbar_items_container}`} >
+                {(fs?.map(f => this.render_menuItem(level, f)))}
+            </div>
+        );
+    }
+    private render_menuItem(level: number, filter: FilterLinkRow)
+    {
+        if (this.hasChild(filter.id))
         {
             let sub_menus = <></>;
             if (level === 0)
-                if (state.selected)
+                if (this.state.selected)
                 {
                     sub_menus =
                         <div
                             id={`dropdown_items${filter.id}`}>
-                            {
-                                render_menu(1, state.selected.id)
-                            }
+                            {this.render_menu(1, this.state.selected.id)}
                         </div >
                 }
             return (<>
                 <NavDropdown
-                    onToggle={(checked) => onMenuItemToggled(checked, filter)}
+                    onToggle={(checked) => this.onMenuItemToggled(checked, filter)}
                     className={level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item}
                     title={filter.name}
                     id={`dropdown_parent${filter.id}`}>
@@ -81,43 +125,11 @@ export async function NSHeader(props: IProps)
                 </NavDropdown >
             </>
             );
+        } else
+        {
+            return (
+                <a className={`${Styles.ns_navbar_items_link} ${level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item}`} href={filter.link?.url}>{filter.name}</a>
+            );
         }
-        return (
-            <a className={`${Styles.ns_navbar_items_link} ${level === 0 ? Styles.ns_navbar_first_level_item : Styles.ns_navbar_second_level_item}`} href={filter.link?.url}>{filter.name}</a>
-        );
     }
-
-    return (
-        <nav className={Styles.ns_navbar}>
-            <div className={`${Styles.ns_navbar_parent_content} container`}>
-                <img
-                    src={props.logo}
-                    alt="Logo"
-                    width={48}
-                    height={48}
-                />
-                <div className={`${Styles.ns_navbar_content} `} >
-                    <div className={`${Styles.ns_navbar_elements} ${state.showNavbar && Styles.ns_navbar_active}`}>
-                        {render_menu(0, null)}
-                    </div>
-                    <div className={`${Styles.ns_navbar_login_status}`}>
-                        <span className={`${Styles.ns_navbar_usersname}`}>name</span>
-                        <img src='../assets/images/exit.svg'
-                            alt="Exit"
-                            width={20}
-                            height={20}
-                        />
-                    </div>
-                    <div className={Styles.ns_navbar_menu_icon} onClick={toggleNavbar}>
-                        <img
-                            src='../assets/images/menu.svg'
-                            alt="Menu"
-                            width={19}
-                            height={17}
-                        />
-                    </div>
-                </div>
-            </div>
-        </nav>
-    );
 }

package/src/components/NSLayout.tsx

@@ -18,7 +18,6 @@ export function NSLayout(props: IProps)
 	return (
 		<div className={Styles.ns_container}>
 			<header className={Styles.ns_header}>
-				{/* @ts-expect-error Server Component */}
 				<NSHeader scope={props.scope} name="Header" logo={props.logo} />
 			</header>
 			<main className="d-flex flex-column text-white">