namirasoft-site-react 1.2.14 → 1.2.17

package/dist/components/NSInputTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSInputTime.js","sourceRoot":"","sources":["../../src/components/NSInputTime.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAYjE,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAC5D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,aAAa,EAClB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,GAAG,GACV,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSInputTime.js","sourceRoot":"","sources":["../../src/components/NSInputTime.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAYjE,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAC5D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,iBAC3C,6BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,EACjE,cACI,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,GAAG,EAAE,aAAa,EAClB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,EACF,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,GAAG,GACV,KACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSLayout.js

@@ -4,7 +4,7 @@ import { NSHeader } from './NSHeader';
 import { NSFooter } from './NSFooter';
 export class NSLayout extends Component {
     render() {
-        return (_jsxs("div", { className: "d-flex flex-column text-center text-white", children: [_jsx(NSHeader, { scope: this.props.scope, name: "Header", logo: this.props.logo }), _jsx("div", { children: _jsx("h1", { children: this.props.title }) }), _jsx("main", { children: this.props.children }), _jsx(NSFooter, { scope: this.props.scope, name: "Footer", logo: this.props.logo })] }));
+        return (_jsxs("div", Object.assign({ className: "d-flex flex-column text-center text-white" }, { children: [_jsx(NSHeader, { scope: this.props.scope, name: "Header", logo: this.props.logo }), _jsx("div", { children: _jsx("h1", { children: this.props.title }) }), _jsx("main", { children: this.props.children }), _jsx(NSFooter, { scope: this.props.scope, name: "Footer", logo: this.props.logo })] })));
     }
 }
 //# sourceMappingURL=NSLayout.js.map

package/dist/components/NSLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC,MAAM,OAAO,QAAS,SAAQ,SAAiB;IAElC,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAC,2CAA2C,aACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAC1E,wBACI,uBAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,GACzB,EACN,yBACK,IAAI,CAAC,KAAK,CAAC,QAAQ,GACjB,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,IACvE,CACV,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC,MAAM,OAAO,QAAS,SAAQ,SAAiB;IAElC,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAC,2CAA2C,iBACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAC1E,wBACI,uBAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,GACzB,EACN,yBACK,IAAI,CAAC,KAAK,CAAC,QAAQ,GACjB,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,KACvE,CACV,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSLinkGreen.js

@@ -14,7 +14,7 @@ export class NSLinkGreen extends React.Component {
         this.setState({ href });
     }
     render() {
-        return (_jsx("div", { className: Style.ns_link_green, children: _jsx(Link, { className: "text-white text-decoration-none", to: this.state.href, 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,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,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,YAC/B,KAAC,IAAI,IAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,GAC9F,CACT,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/NSLinkGreen.module.css

@@ -7,7 +7,7 @@
     box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
     font-size: 16px;
     text-decoration: none;
-    width: 128px;
+    width: 358px;
     height: 48px;
     text-align: center;
     align-items: center;

package/dist/components/NSLinkRed.js

@@ -14,7 +14,7 @@ export class NSLinkRed extends React.Component {
         this.setState({ href });
     }
     render() {
-        return _jsx("div", { className: Style.ns_link_red, children: _jsx(Link, { className: "text-white text-decoration-none", to: this.state.href, 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,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,cAAK,SAAS,EAAE,KAAK,CAAC,WAAW,YACpC,KAAC,IAAI,IAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,GAC9F,CAAA;IACV,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/NSLinkRed.module.css

@@ -7,7 +7,7 @@
     box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
     font-size: 16px;
     text-decoration: none;
-    width: 128px;
+    width: 358px;
     height: 48px;
     text-align: center;
     align-items: center;

package/dist/components/NSPagination.d.ts

@@ -0,0 +1,19 @@
+import { Component } from 'react';
+interface IProps {
+    title: string;
+    pages: number;
+    href: string;
+}
+interface IState {
+    title: string;
+    pages: number;
+    href: string;
+}
+export declare class NSPagination extends Component<IProps, IState> {
+    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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Style from './NSPagination.module.css';
+import { Component } from 'react';
+export 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 });
+    }
+    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' }) })) })] })));
+    }
+}
+//# sourceMappingURL=NSPagination.js.map

package/dist/components/NSPagination.js.map

@@ -0,0 +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"}

package/dist/components/NSPagination.module.css

@@ -0,0 +1,25 @@
+.ns_pagination_container {
+    display: flex;
+    flex-direction: row;
+    gap: 18px;
+    text-align: left;
+    padding-left: 48px;
+    font-size: 14px;
+    justify-items: center;
+    line-height: 35px;
+}
+
+@media only screen and (max-width: 600px) {
+    .ns_paginationl_container {
+        padding-left: 36px;
+    }
+}
+
+.center_number {
+    background-color: rgba(6, 209, 130, 1);
+    border-radius: 50px;
+    height: 32px;
+    width: 32px;
+    text-align: center;
+    align-items: center;
+}

package/dist/components/NSSelectBox.js

@@ -18,7 +18,7 @@ export class NSSelectBox extends React.Component {
         return this.state.value;
     }
     render() {
-        return (_jsx("div", { className: `${Styles.ns_input_parent} p-2`, children: _jsx(Select, { suffixIcon: _jsx(CaretDownOutlined, {}), mode: "multiple", style: { width: '100%' }, className: Styles.ns_input_select, placeholder: "Combo Box", onChange: this.setValue, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })) }) }));
+        return (_jsx("div", Object.assign({ className: `${Styles.ns_input_parent} p-2` }, { children: _jsx(Select, { suffixIcon: _jsx(CaretDownOutlined, {}), mode: "multiple", style: { width: '100%' }, className: Styles.ns_input_select, placeholder: "Combo Box", onChange: this.setValue, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, Object.assign({ className: Styles.ns_input_select_option }, { children: option.data.desc }))) }) })));
     }
 }
 //# sourceMappingURL=NSSelectBox.js.map

package/dist/components/NSSelectBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSSelectBox.js","sourceRoot":"","sources":["../../src/components/NSSelectBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAarD,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAC5D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IACD,QAAQ,CAAC,KAAe;QAEpB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAGX,OAAO,CACH,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,YAC3C,KAAC,MAAM,IACH,UAAU,EAAE,KAAC,iBAAiB,KAAG,EACjC,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,WAAW,EAAC,WAAW,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,eAAe,EAAC,OAAO,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACtB,KAAC,KAAK,IAAC,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC1C,MAAM,CAAC,IAAI,CAAC,IAAI,GACb,CACX,GACH,GACA,CACT,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSSelectBox.js","sourceRoot":"","sources":["../../src/components/NSSelectBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAarD,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAC5D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IACD,QAAQ,CAAC,KAAe;QAEpB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAGX,OAAO,CACH,4BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,gBAC3C,KAAC,MAAM,IACH,UAAU,EAAE,KAAC,iBAAiB,KAAG,EACjC,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,WAAW,EAAC,WAAW,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,eAAe,EAAC,OAAO,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACtB,KAAC,KAAK,kBAAC,SAAS,EAAE,MAAM,CAAC,sBAAsB,gBAC1C,MAAM,CAAC,IAAI,CAAC,IAAI,IACb,CACX,GACH,IACA,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSTable.js

@@ -11,7 +11,7 @@ export class NSTable extends Component {
     }
     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))) })] }) }));
+        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,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;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,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;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/main.d.ts

@@ -18,5 +18,6 @@ export * from "./components/NSLayout";
 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

@@ -18,6 +18,7 @@ export * from "./components/NSLayout";
 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/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AAErC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}

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", { 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 })] }) }));
+        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 }))] })) }));
     }
 }
 //# 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,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,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"}

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "namirasoft-site-react",
-    "version": "1.2.14",
+    "version": "1.2.17",
     "main": "./dist/main.js",
     "types": "./dist/main.d.ts",
     "dependencies": {
-        "@types/node": "^20.11.0",
-        "@types/react": "^18.2.47",
+        "@types/node": "^20.11.3",
+        "@types/react": "^18.2.48",
         "@types/react-dom": "^18.2.18",
-        "antd": "^5.13.0",
+        "antd": "^5.13.1",
         "bootstrap": "^5.3.2",
         "link-react": "^3.0.0",
         "namirasoft-api-link": "^1.2.3",
@@ -24,7 +24,7 @@
     },
     "scripts": {
         "start": "react-app-rewired start",
-        "build": "npm run copy",
+        "build": "npm run copy && tsc",
         "test": "react-app-rewired test",
         "eject": "react-app-rewired eject",
         "copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"

package/src/App.tsx

@@ -19,6 +19,7 @@ import { NSButtonRed } from './components/NSButtonRed';
 import { NSSelectBox } from './components/NSSelectBox';
 import { NSLinkGreen } from './components/NSLinkGreen';
 import { NSLinkRed } from './components/NSLinkRed';
+import { NSPagination } from './components/NSPagination';
 import type { SelectProps } from 'antd';
 
 export function App()
@@ -67,6 +68,7 @@ export function App()
                 <NSButtonRed title='Delete' onClick={() => { }} />
                 <NSLinkGreen title="Add +" href="/" />
                 <NSLinkRed title="Delete" href="/" />
+                <NSPagination title='Pagination' pages={10} href='/' />
             </div>
             <NSFooter scope='test' name='test' logo='' />
         </div>

package/src/components/NSFooter.module.css

@@ -1,6 +1,6 @@
 .ns_footer {
     width: 100%;
-    background: rgba(0, 0, 0, 0.3);
+    background: rgba(55, 255, 0, 0.3);
     padding: 16px 0 8px 0;
 }
 
@@ -13,20 +13,24 @@
     color: #fff;
     padding: 0;
 }
-.ns_footer_copyright{
+
+.ns_footer_copyright {
     color: #fff !important;
     text-align: center;
     justify-content: center;
     width: 100%;
 }
-.ns_footer_parent_items{
+
+.ns_footer_parent_items {
     gap: 64px;
 }
-.ns_footer li{
+
+.ns_footer li {
     font-size: 12px !important;
     font-weight: 300 !important;
 }
-.ns_footer h5{
+
+.ns_footer h5 {
     font-size: 16px !important;
     font-weight: 600 !important;
-}
+}

package/src/components/NSInputPrice.module.css

@@ -15,7 +15,7 @@
 .ns_input_icon{
     position: absolute;
     right: 20px;
-    top: 51%;
+    top: 33%;
     z-index: 1;
 }
 .ns_input_title {

package/src/components/NSInputPrice.tsx

@@ -5,11 +5,13 @@ import IconInputPrice from '../assets/images/icon-input-price.svg';
 interface IProps
 {
     title: string;
+    defaultValue?: number;
+    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
 
 interface IState
 {
-    value: string;
+    value: number | undefined;
 }
 
 export class NSInputPrice extends React.Component<IProps, IState> {
@@ -17,30 +19,31 @@ export class NSInputPrice extends React.Component<IProps, IState> {
     {
         super(props);
         this.state = {
-            value: "",
+            value: props.defaultValue ?? undefined,
         };
-        this.setValue = this.setValue.bind(this);
         this.getValue = this.getValue.bind(this);
-        this.setDefaultValue = this.setDefaultValue.bind(this);
+        this.setValue = this.setValue.bind(this);
+        this.onChanged = this.onChanged.bind(this);
     }
-    setValue(e: React.ChangeEvent<HTMLInputElement>): void
+    getValue(): number | undefined
     {
-        this.setState({ value: e.target.value });
+        return this.state.value;
     }
-    setDefaultValue(value: string): void
+    setValue(value: number): void
     {
         this.setState({ value });
     }
-    getValue(): string
+    private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
     {
-        return this.state.value;
+        this.setValue(parseInt(e.target.value));
+        if (this.props.onChanged)
+            this.props.onChanged(e);
     }
     override render()
     {
         return (
             <div className={`${Styles.ns_input_parent} p-2`}>
-                <span className={Styles.ns_input_title}>{this.props.title}</span>
-                <img
+                 <img
                     className={Styles.ns_input_icon}
                     src={IconInputPrice}
                     alt="icon"
@@ -49,8 +52,9 @@ export class NSInputPrice extends React.Component<IProps, IState> {
                 />
                 <input
                     value={this.state.value}
-                    onChange={this.setValue}
+                    onChange={this.onChanged}
                     type="number"
+                    step="20"
                     className={Styles.ns_input}
                     placeholder="$1000"
                 />

package/src/components/NSInputText.tsx

@@ -5,6 +5,8 @@ import IconInputText from '../assets/images/icon-input-text.svg';
 interface IProps
 {
     title: string;
+    defaultValue?: string;
+    onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
 
 interface IState
@@ -17,23 +19,25 @@ export class NSInputText extends React.Component<IProps, IState> {
     {
         super(props);
         this.state = {
-            value: "",
+            value: props.defaultValue ?? "",
         };
-        this.setValue = this.setValue.bind(this);
         this.getValue = this.getValue.bind(this);
-        this.setDefaultValue = this.setDefaultValue.bind(this);
+        this.setValue = this.setValue.bind(this);
+        this.onChanged = this.onChanged.bind(this);
     }
-    setValue(e: React.ChangeEvent<HTMLInputElement>): void
+    getValue(): string
     {
-        this.setState({ value: e.target.value });
+        return this.state.value;
     }
-    setDefaultValue(value: string): void
+    setValue(value: string): void
     {
         this.setState({ value });
     }
-    getValue(): string
+    private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
     {
-        return this.state.value;
+        this.setValue(e.target.value);
+        if (this.props.onChanged)
+            this.props.onChanged(e);
     }
     override render()
     {
@@ -49,7 +53,7 @@ export class NSInputText extends React.Component<IProps, IState> {
                 />
                 <input
                     value={this.state.value}
-                    onChange={this.setValue}
+                    onChange={this.onChanged}
                     type="text"
                     className={Styles.ns_input}
                     placeholder="Enter your Text"

package/src/components/NSLinkGreen.module.css

@@ -7,7 +7,7 @@
     box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
     font-size: 16px;
     text-decoration: none;
-    width: 128px;
+    width: 358px;
     height: 48px;
     text-align: center;
     align-items: center;

package/src/components/NSLinkGreen.tsx

@@ -32,9 +32,11 @@ export class NSLinkGreen extends React.Component<IProps, IState>
     override render()
     {
         return (
-            <div className={Style.ns_link_green}>
-                <Link className="text-white text-decoration-none" to={this.state.href}>{this.state.title}</Link>
-            </div>
+            <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.module.css

@@ -7,7 +7,7 @@
     box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
     font-size: 16px;
     text-decoration: none;
-    width: 128px;
+    width: 358px;
     height: 48px;
     text-align: center;
     align-items: center;

package/src/components/NSLinkRed.tsx

@@ -31,8 +31,12 @@ export class NSLinkRed extends React.Component<IProps, IState>
     }
     override render()
     {
-        return <div className={Style.ns_link_red}>
-            <Link className="text-white text-decoration-none" to={this.state.href}>{this.state.title}</Link>
-        </div>
+        return (
+            <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.module.css

@@ -0,0 +1,25 @@
+.ns_pagination_container {
+    display: flex;
+    flex-direction: row;
+    gap: 18px;
+    text-align: left;
+    padding-left: 48px;
+    font-size: 14px;
+    justify-items: center;
+    line-height: 35px;
+}
+
+@media only screen and (max-width: 600px) {
+    .ns_paginationl_container {
+        padding-left: 36px;
+    }
+}
+
+.center_number {
+    background-color: rgba(6, 209, 130, 1);
+    border-radius: 50px;
+    height: 32px;
+    width: 32px;
+    text-align: center;
+    align-items: center;
+}

package/src/components/NSPagination.tsx

@@ -0,0 +1,55 @@
+import Style from './NSPagination.module.css';
+import { Component } from 'react';
+
+interface IProps
+{
+    title: string;
+    pages: number;
+    href: string;
+}
+interface IState
+{
+    title: string;
+    pages: number;
+    href: string;
+}
+
+export class NSPagination extends Component<IProps, IState>
+{
+    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 });
+    }
+    setHref(href: string)
+    {
+        this.setState({ href });
+    }
+
+    override render()
+    {
+        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>
+        )
+    }
+}

package/src/main.ts

@@ -18,6 +18,6 @@ export * from "./components/NSLayout";
 export * from "./components/NSSelectBox";
 export * from "./components/NSLinkGreen";
 export * from "./components/NSLinkRed";
+export * from "./components/NSPagination";
 export * from "./components/NSTable";
-
 export * from "./pages/NSLoginPage";