namirasoft-site-react 1.2.21 → 1.2.23

package/dist/App.js

@@ -18,7 +18,6 @@ import { NSInputPhone } from './components/NSInputPhone';
 import { NSButtonGreen } from './components/NSButtonGreen';
 import { NSButtonRed } from './components/NSButtonRed';
 import { NSSelectBox } from './components/NSSelectBox';
-import { NSLinkGreen, NSLinkRed } from './main';
 export function App() {
     const options = [
         {
@@ -42,6 +41,6 @@ export function App() {
             desc: 'Test4',
         },
     ];
-    return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'test', name: 'test', logo: '' }), _jsxs("div", Object.assign({ className: 'my-4 container' }, { children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSLinkGreen, { title: 'NSLinkGreen', href: '/' }), _jsx(NSLinkRed, { title: 'NSLinkRed', href: '/' })] })), _jsx(NSFooter, { scope: 'test', name: 'test', logo: '' })] })));
+    return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'Test', name: 'Header', logo: '' }), _jsxs("div", Object.assign({ className: 'my-4 container' }, { children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } })] })), _jsx(NSFooter, { scope: 'Test', name: 'Footer', logo: '' })] })));
 }
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSFooter.js

@@ -20,21 +20,21 @@ export class NSFooter extends React.Component {
         });
     }
     hasChild(id) {
-        return this.state.filters.filter(f => f.parent_id == id).length > 0;
+        return this.state.filters.filter(f => f.parent_id === id).length > 0;
     }
     render() {
         return (_jsx("div", Object.assign({ className: Styles.ns_footer }, { children: _jsxs("div", Object.assign({ className: "container" }, { children: [_jsxs("div", Object.assign({ className: `d-flex justify-content-between ${Styles.ns_footer_parent_items}` }, { children: [_jsx("div", Object.assign({ className: "d-none d-md-block" }, { children: _jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: this.props.logo, alt: 'footer', width: 80, height: 80 }) })) }) })), _jsx("div", Object.assign({ className: "d-flex flex-wrap w-100 gap-5" }, { children: this.render_menu(0, null) })), _jsx("div", Object.assign({ className: "justify-content-end d-none d-md-flex" }, { children: _jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 80, height: 80 }) })) }) }))] })), _jsxs("div", Object.assign({ className: "d-flex justify-content-center gap-4 mb-3 d-block d-md-none" }, { children: [_jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: this.props.logo, alt: 'footer', width: 80, height: 80 }) })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: "/" }, { children: _jsx("img", { src: "https://static.namirasoft.com/logo/namirasoft/name.png", alt: 'footer', width: 80, height: 80 }) })) })] })), _jsx("div", Object.assign({ className: `row ${Styles.ns_footer_copyright}` }, { children: "\u00A9Copyright 2010 - 2023 Namira Software Corporation. All rights reserved." }))] })) })));
     }
     render_menu(level, parent_id) {
         var _a;
-        let fs = (_a = this.state.filters) === null || _a === void 0 ? void 0 : _a.filter(f => f.parent_id == parent_id);
+        let fs = (_a = this.state.filters) === null || _a === void 0 ? void 0 : _a.filter(f => f.parent_id === parent_id);
         return (_jsx(_Fragment, { children: (fs === null || fs === void 0 ? void 0 : fs.map(f => this.render_menuItem(level, f))) }));
     }
     render_menuItem(level, filter) {
         if (this.hasChild(filter.id)) {
             return (_jsx(_Fragment, { children: _jsxs("ul", Object.assign({ id: `dropdown_parent${filter.id}` }, { children: [filter.name, this.render_menu(1, filter.id)] })) }));
         }
-        else if (level == 0) {
+        else if (level === 0) {
             return (_jsx(_Fragment, { children: _jsx("ul", Object.assign({ id: `dropdown_parent${filter.id}` }, { children: filter.name })) }));
         }
         else {

package/dist/components/NSFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NSFooter.js","sourceRoot":"","sources":["../../src/components/NSFooter.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSLinkGreen.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Style from "./NSLinkGreen.module.css";
 import React from "react";
-import { BrowserRouter, Link } from "react-router-dom";
+import { Link } from "react-router-dom";
 export class NSLinkGreen extends React.Component {
     constructor(props) {
         super(props);
@@ -14,7 +14,7 @@ export class NSLinkGreen extends React.Component {
         this.setState({ href });
     }
     render() {
-        return (_jsx(BrowserRouter, { children: _jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_green }, { children: this.state.title })) })) }));
+        return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_green }, { children: this.state.title })) })));
     }
 }
 //# sourceMappingURL=NSLinkGreen.js.map

package/dist/components/NSLinkGreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLinkGreen.js","sourceRoot":"","sources":["../../src/components/NSLinkGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcvD,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAE5D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,aAAa,cACV,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBACjE,4BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,gBAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,IACf,IACH,GACK,CACnB,CAAA;IACL,CAAC;CACJ"}
+{"version":3,"file":"NSLinkGreen.js","sourceRoot":"","sources":["../../src/components/NSLinkGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcxC,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAE5D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBACjE,4BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,gBAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,IACf,IACH,CACV,CAAA;IACL,CAAC;CACJ"}

package/dist/components/NSLinkRed.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Style from "./NSLinkRed.module.css";
 import React from "react";
-import { BrowserRouter, Link } from "react-router-dom";
+import { Link } from "react-router-dom";
 export class NSLinkRed extends React.Component {
     constructor(props) {
         super(props);
@@ -14,7 +14,7 @@ export class NSLinkRed extends React.Component {
         this.setState({ href });
     }
     render() {
-        return (_jsx(BrowserRouter, { children: _jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_red }, { children: this.state.title })) })) }));
+        return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_red }, { children: this.state.title })) })));
     }
 }
 //# sourceMappingURL=NSLinkRed.js.map

package/dist/components/NSLinkRed.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLinkRed.js","sourceRoot":"","sources":["../../src/components/NSLinkRed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcvD,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAE1D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,aAAa,cACV,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBACjE,4BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,gBAC5B,IAAI,CAAC,KAAK,CAAC,KAAK,IACf,IACH,GACK,CACnB,CAAA;IACL,CAAC;CACJ"}
+{"version":3,"file":"NSLinkRed.js","sourceRoot":"","sources":["../../src/components/NSLinkRed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcxC,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAE1D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBACjE,4BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,gBAC5B,IAAI,CAAC,KAAK,CAAC,KAAK,IACf,IACH,CACV,CAAA;IACL,CAAC;CACJ"}

package/dist/components/NSPagination.d.ts

@@ -1,19 +1,15 @@
+import './SOPPagination.modules.css';
 import { Component } from 'react';
 interface IProps {
-    title: string;
-    pages: number;
-    href: string;
+    size: number;
+    page: number;
 }
 interface IState {
-    title: string;
-    pages: number;
-    href: string;
+    size: number;
+    page: number;
 }
-export declare class NSPagination extends Component<IProps, IState> {
+export default class NSPagination extends Component<IState, IProps> {
     constructor(props: IProps);
-    setTitle(title: string): void;
-    setPages(pages: number): void;
-    setHref(href: string): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/dist/components/NSPagination.js

@@ -1,22 +1,35 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Style from './NSPagination.module.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+import './SOPPagination.modules.css';
 import { Component } from 'react';
-export class NSPagination extends Component {
+export default class NSPagination extends Component {
     constructor(props) {
         super(props);
-        this.state = { title: props.title, pages: props.pages, href: props.href };
-    }
-    setTitle(title) {
-        this.setState({ title });
-    }
-    setPages(pages) {
-        this.setState({ pages });
-    }
-    setHref(href) {
-        this.setState({ href });
+        this.state = { size: props.size, page: props.page };
     }
     render() {
-        return (_jsxs("div", Object.assign({ className: Style.ns_pagination_container }, { children: [_jsx("div", { children: _jsx("a", Object.assign({ href: this.props.href }, { children: _jsx("img", { src: '/assets/images/left_vector.png', alt: 'left_vector' }) })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "1" })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "4" })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "5" })) }), _jsx("div", Object.assign({ className: 'center_number' }, { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "6" })) })), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "7" })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "8" })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "50" })) }), _jsx("div", { children: _jsx("a", Object.assign({ href: this.props.href }, { children: _jsx("img", { src: '/assets/images/right_vector.png', alt: 'right_vector' }) })) })] })));
+        let page = this.props.page;
+        let size = this.props.size;
+        let window = 2;
+        let min = Math.max(2, page - window);
+        let max = Math.min(page + window, size - 1);
+        let arr = [];
+        let pushPage = (index) => {
+            if (index == page)
+                arr.push(_jsx("div", Object.assign({ className: 'center_number' }, { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: index })) })));
+            else
+                arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: index })) }));
+        };
+        arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/left_vector.png', alt: 'left_vector' }) })) }));
+        pushPage(1);
+        if (page > window * 2)
+            arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
+        for (let i = min; i <= max; i++)
+            pushPage(i);
+        if (page <= size - window * 2)
+            arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#', className: 'text-decoration-none text-light' }, { children: "..." })) }));
+        pushPage(size);
+        arr.push(_jsx("div", { children: _jsx("a", Object.assign({ href: '#' }, { children: _jsx("img", { src: '/assets/images/right_vector.png', alt: 'right_vector' }) })) }));
+        return (_jsx("div", Object.assign({ className: "container" }, { children: arr.map(x => (x)) })));
     }
 }
 //# sourceMappingURL=NSPagination.js.map

package/dist/components/NSPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAelC,MAAM,OAAO,YAAa,SAAQ,SAAyB;IAEvD,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAA;IAC7E,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IAEQ,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAE,KAAK,CAAC,uBAAuB,iBACzC,wBAAK,0BAAG,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBAAE,cAAK,GAAG,EAAC,gCAAgC,EAAC,GAAG,EAAC,aAAa,GAAO,IAAI,GAAM,EAC3G,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,uBAAM,GAAM,EACxE,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,EAC1E,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,uBAAM,GAAM,EACxE,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,uBAAM,GAAM,EACxE,4BAAK,SAAS,EAAC,eAAe,gBAAC,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,uBAAM,IAAM,EAClG,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,uBAAM,GAAM,EACxE,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,uBAAM,GAAM,EACxE,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,EAC1E,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,wBAAO,GAAM,EACzE,wBAAK,0BAAG,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBAAE,cAAK,GAAG,EAAC,iCAAiC,EAAC,GAAG,EAAC,cAAc,GAAO,IAAI,GAAM,KAC3G,CACT,CAAA;IACL,CAAC;CACJ"}
+{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYlC,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,SAAyB;IAE/D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAA;IACvD,CAAC;IACQ,MAAM;QAEX,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC;QACrC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;QAC5C,IAAI,GAAG,GAAG,EAAE,CAAC;QACb,IAAI,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;YAE7B,IAAI,KAAK,IAAI,IAAI;gBACb,GAAG,CAAC,IAAI,CAAC,4BAAK,SAAS,EAAC,eAAe,gBAAC,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,gBAAE,KAAK,IAAK,IAAM,CAAC,CAAC;;gBAEnH,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,gBAAE,KAAK,IAAK,GAAM,CAAC,CAAC;QACjG,CAAC,CAAC;QACF,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,gBAAC,cAAK,GAAG,EAAC,gCAAgC,EAAC,GAAG,EAAC,aAAa,GAAO,IAAI,GAAM,CAAC,CAAC;QACxG,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YACjB,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,CAAC,CAAC;QACzF,KAAK,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE;YAC3B,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChB,IAAI,IAAI,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YACzB,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iCAAiC,yBAAQ,GAAM,CAAC,CAAC;QACzF,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,GAAG,CAAC,IAAI,CAAC,wBAAK,0BAAG,IAAI,EAAC,GAAG,gBAAC,cAAK,GAAG,EAAC,iCAAiC,EAAC,GAAG,EAAC,cAAc,GAAO,IAAI,GAAM,CAAC,CAAC;QAE1G,OAAO,CACH,4BAAK,SAAS,EAAC,WAAW,gBACrB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAChB,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/pages/NSLoginPage.d.ts

@@ -3,6 +3,7 @@ import { Component } from 'react';
 interface IProps {
     title: string;
     logo: string;
+    background: string;
     href?: string;
     onClick?: () => void;
 }

package/dist/pages/NSLoginPage.js

@@ -11,7 +11,7 @@ export class NSLoginPage extends Component {
             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", { 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 }))] })) }));
+        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,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;AAUtC,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,wBACI,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,GACJ,CACT,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSLoginPage.js","sourceRoot":"","sources":["../../src/pages/NSLoginPage.tsx"],"names":[],"mappings":";AAAA,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,13 +1,13 @@
 {
     "name": "namirasoft-site-react",
-    "version": "1.2.21",
+    "version": "1.2.23",
     "main": "./dist/main.js",
     "types": "./dist/main.d.ts",
     "dependencies": {
         "@types/node": "^20.11.5",
         "@types/react": "^18.2.48",
         "@types/react-dom": "^18.2.18",
-        "antd": "^5.13.1",
+        "antd": "^5.13.2",
         "bootstrap": "^5.3.2",
         "link-react": "^3.0.0",
         "namirasoft-api-link": "^1.2.3",
@@ -19,7 +19,7 @@
         "react-dom": "^18.2.0",
         "react-phone-input-2": "^2.15.1",
         "react-phone-number-input": "^3.3.9",
-        "react-router-dom": "^6.21.2",
+        "react-router-dom": "^6.21.3",
         "react-scripts": "5.0.1"
     },
     "scripts": {

package/src/App.tsx

@@ -18,7 +18,6 @@ import { NSButtonGreen } from './components/NSButtonGreen';
 import { NSButtonRed } from './components/NSButtonRed';
 import { NSSelectBox } from './components/NSSelectBox';
 import type { SelectProps } from 'antd';
-import { NSLinkGreen, NSLinkRed } from './main';
 
 export function App()
 {
@@ -47,7 +46,7 @@ export function App()
 
     return (
         <div className="App">
-            <NSHeader scope='test' name='test' logo='' />
+            <NSHeader scope='Test' name='Header' logo='' />
             <div className='my-4 container'>
                 <NSInputText title='Text' />
                 <NSInputInteger title='Integer' />
@@ -64,10 +63,8 @@ export function App()
                 <NSSelectBox title="t" options={options} />
                 <NSButtonGreen title='Save' onClick={() => { }} />
                 <NSButtonRed title='Delete' onClick={() => { }} />
-                <NSLinkGreen title='NSLinkGreen' href='/' />
-                <NSLinkRed title='NSLinkRed' href='/' />
             </div>
-            <NSFooter scope='test' name='test' logo='' />
+            <NSFooter scope='Test' name='Footer' logo='' />
         </div>
     );
 }

package/src/components/NSFooter.tsx

@@ -38,7 +38,7 @@ export class NSFooter extends React.Component<IProps, IState>
     }
     private hasChild(id: number): boolean
     {
-        return this.state.filters.filter(f => f.parent_id == id).length > 0;
+        return this.state.filters.filter(f => f.parent_id === id).length > 0;
     }
     override render()
     {
@@ -83,7 +83,7 @@ export class NSFooter extends React.Component<IProps, IState>
     }
     private render_menu(level: number, parent_id: number | null)
     {
-        let fs: FilterLinkRow[] = this.state.filters?.filter(f => f.parent_id == parent_id);
+        let fs: FilterLinkRow[] = this.state.filters?.filter(f => f.parent_id === parent_id);
         return (
             <>
                 {(fs?.map(f => this.render_menuItem(level, f)))}
@@ -103,7 +103,7 @@ export class NSFooter extends React.Component<IProps, IState>
             </>
             );
         }
-        else if (level == 0)
+        else if (level === 0)
         {
             return (<>
                 <ul

package/src/components/NSLayout.tsx

@@ -10,7 +10,7 @@ interface IProps
     description?: string;
     children: ReactNode;
 }
-
+    
 export class NSLayout extends Component<IProps>
 {
     override render()

package/src/components/NSLinkGreen.tsx

@@ -1,6 +1,6 @@
 import Style from "./NSLinkGreen.module.css";
 import React from "react";
-import { BrowserRouter, Link } from "react-router-dom";
+import { Link } from "react-router-dom";
 
 interface IProps
 {
@@ -32,13 +32,11 @@ export class NSLinkGreen extends React.Component<IProps, IState>
     override render()
     {
         return (
-            <BrowserRouter>
-                <Link className="text-white text-decoration-none" to={this.state.href}>
-                    <div className={Style.ns_link_green}>
-                        {this.state.title}
-                    </div>
-                </Link>
-            </BrowserRouter>
+            <Link className="text-white text-decoration-none" to={this.state.href}>
+                <div className={Style.ns_link_green}>
+                    {this.state.title}
+                </div>
+            </Link>
         )
     }
 }

package/src/components/NSLinkRed.tsx

@@ -1,6 +1,6 @@
 import Style from "./NSLinkRed.module.css";
 import React from "react";
-import { BrowserRouter, Link } from "react-router-dom";
+import { Link } from "react-router-dom";
 
 interface IProps
 {
@@ -32,13 +32,11 @@ export class NSLinkRed extends React.Component<IProps, IState>
     override render()
     {
         return (
-            <BrowserRouter>
-                <Link className="text-white text-decoration-none" to={this.state.href}>
-                    <div className={Style.ns_link_red}>
-                        {this.state.title}
-                    </div>
-                </Link>
-            </BrowserRouter>
+            <Link className="text-white text-decoration-none" to={this.state.href}>
+                <div className={Style.ns_link_red}>
+                    {this.state.title}
+                </div>
+            </Link>
         )
     }
 }

package/src/components/NSPagination.tsx

@@ -1,55 +1,53 @@
-import Style from './NSPagination.module.css';
+import './SOPPagination.modules.css';
 import { Component } from 'react';
 
 interface IProps
 {
-    title: string;
-    pages: number;
-    href: string;
+    size: number;
+    page: number;
 }
 interface IState
 {
-    title: string;
-    pages: number;
-    href: string;
+    size: number;
+    page: number;
 }
-
-export class NSPagination extends Component<IProps, IState>
+export default class NSPagination extends Component<IState, IProps>
 {
     constructor(props: IProps)
     {
         super(props);
-        this.state = { title: props.title, pages: props.pages, href: props.href }
-    }
-    setTitle(title: string)
-    {
-        this.setState({ title });
-    }
-    setPages(pages: number)
-    {
-        this.setState({ pages });
+        this.state = { size: props.size, page: props.page }
     }
-    setHref(href: string)
-    {
-        this.setState({ href });
-    }
-
     override render()
     {
+        let page = this.props.page;
+        let size = this.props.size;
+        let window = 2;
+        let min = Math.max(2, page - window);
+        let max = Math.min(page + window, size - 1);
+        let arr = [];
+        let pushPage = (index: number) =>
+        {
+            if (index == page)
+                arr.push(<div className='center_number'><a href='#' className='text-decoration-none text-light'>{index}</a></div>);
+            else
+                arr.push(<div><a href='#' className='text-decoration-none text-light'>{index}</a></div>);
+        };
+        arr.push(<div><a href='#'><img src='/assets/images/left_vector.png' alt='left_vector'></img></a></div>);
+        pushPage(1);
+        if (page > window * 2)
+            arr.push(<div><a href='#' className='text-decoration-none text-light'>...</a></div>);
+        for (let i = min; i <= max; i++)
+            pushPage(i);
+        if (page <= size - window * 2)
+            arr.push(<div><a href='#' className='text-decoration-none text-light'>...</a></div>);
+        pushPage(size);
+        arr.push(<div><a href='#'><img src='/assets/images/right_vector.png' alt='right_vector'></img></a></div>);
+
         return (
-            <div className={Style.ns_pagination_container}>
-                <div><a href={this.props.href}><img src='/assets/images/left_vector.png' alt='left_vector'></img></a></div>
-                <div><a href='#' className='text-decoration-none text-light'>1</a></div>
-                <div><a href='#' className='text-decoration-none text-light'>...</a></div>
-                <div><a href='#' className='text-decoration-none text-light'>4</a></div>
-                <div><a href='#' className='text-decoration-none text-light'>5</a></div>
-                <div className='center_number'><a href='#' className='text-decoration-none text-light'>6</a></div>
-                <div><a href='#' className='text-decoration-none text-light'>7</a></div>
-                <div><a href='#' className='text-decoration-none text-light'>8</a></div>
-                <div><a href='#' className='text-decoration-none text-light'>...</a></div>
-                <div><a href='#' className='text-decoration-none text-light'>50</a></div>
-                <div><a href={this.props.href}><img src='/assets/images/right_vector.png' alt='right_vector'></img></a></div>
+            <div className="container">
+                {arr.map(x => (x))}
             </div>
-        )
+        );
     }
-}
+}

package/src/index.css

@@ -3,5 +3,4 @@ body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     background-color: #ccc !important;
-    background-image: url(./assets/images/background.svg);
 }

package/src/pages/NSLoginPage.tsx

@@ -7,6 +7,7 @@ interface IProps
 {
     title: string;
     logo: string;
+    background: string;
     href?: string;
     onClick?: () => void;
 }
@@ -21,7 +22,7 @@ export class NSLoginPage extends Component<IProps>
         else if (this.props.onClick)
             button = <NSButtonGreen title="Login" onClick={this.props.onClick} />;
         return (
-            <div>
+            <div style={{ backgroundImage: this.props.background }}>
                 <div className="d-flex flex-column align-items-center justify-content-center" style={{ marginTop: "100px" }}>
                     <div className="m-auto">
                         <img width={256} height={256} src={this.props.logo} alt="logo"></img>