namirasoft-site-react 1.3.12 → 1.3.15

package/config-overrides.js

@@ -1,11 +1,11 @@
 const getCacheIdentifier = require('react-dev-utils/getCacheIdentifier');
+const webpack = require('webpack');
 
 const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
 
 module.exports = function override(config, webpackEnv)
 {
     console.log('overriding webpack config...');
-
     const isEnvDevelopment = webpackEnv === 'development';
     const isEnvProduction = webpackEnv === 'production';
     const loaders = config.module.rules[1].oneOf;
@@ -48,9 +48,7 @@ module.exports = function override(config, webpackEnv)
         },
     });
 
-
-    let resolve = config.resolve;
-    resolve.fallback = {
+    config.resolve.fallback = {
         "fs": false,
         "tls": false,
         "net": false,
@@ -61,6 +59,13 @@ module.exports = function override(config, webpackEnv)
         // "stream": require.resolve("stream-browserify"),
         // "util": require.resolve("util/"),
         // "crypto": require.resolve("crypto-browserify")
+        "crypto": false
     }
+    config.plugins = (config.plugins || []).concat([
+        new webpack.NormalModuleReplacementPlugin(/node:/, (resource) =>
+        {
+            resource.request = resource.request.replace(/^node:/, "");
+        })
+    ]);
     return config;
 };

package/dist/App.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import { NSButtonRed } from './components/NSButtonRed';
-import { NSLayout, NSPagination } from './main';
+import { NSButtonBlue, NSLayoutTitle, NSPagination } from './main';
 export function App() {
-    return (_jsx("div", { className: "App", children: _jsx(NSLayout, { scope: 'Namirasoft SOP console', logo: '', children: _jsxs("div", { className: 'my-4 container', children: [_jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSPagination, { page: 1, size: 25 })] }) }) }));
+    return (_jsx("div", { className: "App", children: _jsx(NSLayoutTitle, { scope: 'Namirasoft SOP console', logo: '', title: "namirasoft", children: _jsxs("div", { className: 'my-4 container', children: [_jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSPagination, { page: 1, size: 25 }), _jsx(NSButtonBlue, { title: 'Apply', onClick: () => "" })] }) }) }));
 }
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAc9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAIhD,MAAM,UAAU,GAAG;IAyBf,OAAO,CACH,cAAK,SAAS,EAAC,KAAK,YAChB,KAAC,QAAQ,IAAC,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAC,EAAE,YAC5C,eAAK,SAAS,EAAC,gBAAgB,aAgB3B,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EAClD,KAAC,YAAY,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,GAAI,IACjC,GAEC,GACT,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAc9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAInE,MAAM,UAAU,GAAG;IAyBf,OAAO,CACH,cAAK,SAAS,EAAC,KAAK,YAChB,KAAC,aAAa,IAAC,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,YAAY,YACpE,eAAK,SAAS,EAAC,gBAAgB,aAgB3B,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EAClD,KAAC,YAAY,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,GAAI,EACnC,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,GAAI,IAC/C,GAEM,GACd,CACT,CAAC;AACN,CAAC"}

package/dist/components/NSButtonBlue.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface NSButtonBlueProps {
+    title: string;
+    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+export interface NSButtonBlueState {
+    title: string;
+}
+export declare class NSButtonBlue extends React.Component<NSButtonBlueProps, NSButtonBlueState> {
+    constructor(props: NSButtonBlueProps);
+    setTitle(title: string): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/components/NSButtonBlue.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import Style from "./NSButtonBlue.module.css";
+export class NSButtonBlue extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { title: props.title };
+    }
+    setTitle(title) {
+        this.setState({ title });
+    }
+    render() {
+        return _jsx("button", { onClick: e => this.props.onClick(e), className: Style.ns_button_blue, children: this.state.title });
+    }
+}
+//# sourceMappingURL=NSButtonBlue.js.map

package/dist/components/NSButtonBlue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSButtonBlue.js","sourceRoot":"","sources":["../../src/components/NSButtonBlue.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAa9C,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IAEnF,YAAY,KAAwB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACQ,MAAM;QAEX,OAAO,iBAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAU,CAAC;IACrH,CAAC;CACJ"}

package/dist/components/NSButtonBlue.module.css

@@ -0,0 +1,12 @@
+.ns_button_blue {
+    width: 358px;
+    max-width: 100%;
+    height: 48px;
+    border-radius: 8px;
+    background-color: rgba(3, 119, 255, 1);
+    color: #fff;
+    border: 0;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+    font-size: 16px;
+    font-weight: 400;
+}

package/dist/components/NSHeader.js

@@ -35,10 +35,7 @@ export class NSHeader extends React.Component {
         this.setState({ showNavbar: !this.state.showNavbar });
     }
     render() {
-        var _a, _b;
-        return (_jsx("header", { children: _jsx("nav", { className: Styles.ns_navbar, style: {
-                    backgroundColor: ((_a = this.props.background) === null || _a === void 0 ? void 0 : _a.color) ? (_b = this.props.background) === null || _b === void 0 ? void 0 : _b.color : "#0000004d"
-                }, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }) }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), this.props.account &&
+        return (_jsx("header", { children: _jsx("nav", { className: Styles.ns_navbar, children: _jsxs("div", { className: `${Styles.ns_navbar_parent_content} container`, children: [_jsx("a", { href: "/", children: _jsx("img", { src: this.props.logo, alt: "Logo", width: 48, height: 48 }) }), _jsxs("div", { className: `${Styles.ns_navbar_content} `, children: [_jsx("div", { className: `${Styles.ns_navbar_elements} ${this.state.showNavbar && Styles.ns_navbar_active}`, children: this.render_menu(0, null) }), this.props.account &&
                                     _jsxs("div", { className: `${Styles.ns_navbar_login_status}`, children: [_jsx("span", { className: `${Styles.ns_navbar_usersname}`, children: "name" }), _jsx("img", { src: 'https://static.namirasoft.com/image/logout.svg', alt: "Exit", width: 20, height: 20 })] }), _jsx("div", { className: Styles.ns_navbar_menu_icon, onClick: this.handleShowNavbar, children: _jsx("img", { src: 'https://static.namirasoft.com/image/menu.svg', alt: "Menu", width: 19, height: 17 }) })] })] }) }) }));
     }
     render_menu(level, parent_id) {

package/dist/components/NSHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAiB,MAAM,qBAAqB,CAAC;AAmB7E,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAuC;IACvE,YAAY,KAAoB;QAE5B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,KAAK;SACpB,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;IACQ,iBAAiB;QAEtB,IAAI,MAAM,GAAG,IAAI,uBAAuB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxD,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YAEvE,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACP,CAAC;IACO,iBAAiB,CAAC,OAAgB,EAAE,QAAuB;QAE/D,IAAI,OAAO;YACP,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IACpC,CAAC;IACO,QAAQ,CAAC,EAAU;QAEvB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACzE,CAAC;IACD,gBAAgB;QAEZ,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;IAC1D,CAAC;IACQ,MAAM;;QAEX,OAAO,CACH,2BACI,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAC5B,KAAK,EAAE;oBACH,eAAe,EAAE,CAAA,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK,EAAC,CAAC,CAAC,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK,CAAC,CAAC,CAAC,WAAW;iBAC7F,YAED,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,wBAAwB,YAAY,aAC1D,YAAG,IAAI,EAAC,GAAG,YACP,cACI,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACpB,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,GACF,EACJ,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,GAAG,aAC1C,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,kBAAkB,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,MAAM,CAAC,gBAAgB,EAAE,YAC7F,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,GACxB,EACL,IAAI,CAAC,KAAK,CAAC,OAAO;oCACf,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,sBAAsB,EAAE,aAC9C,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,mBAAmB,EAAE,qBAAa,EAC7D,cAAK,GAAG,EAAC,gDAAgD,EACrD,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,IACA,EAEV,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,YACtE,cACI,GAAG,EAAC,8CAA8C,EAClD,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,GACA,IAEJ,IACJ,GACJ,GACD,CACZ,CAAC;IACN,CAAC;IACO,WAAW,CAAC,KAAa,EAAE,SAAwB;;QAEvD,IAAI,EAAE,GAAoB,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,0CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC;QACrF,OAAO,CACH,cAAK,SAAS,EAAE,eAAe,MAAM,CAAC,yBAAyB,EAAE,YAC5D,CAAC,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAC7C,CACT,CAAC;IACN,CAAC;IACO,eAAe,CAAC,KAAa,EAAE,MAAqB;;QAExD,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAC5B,CAAC;YACG,IAAI,SAAS,GAAG,mBAAK,CAAC;YACtB,IAAI,KAAK,KAAK,CAAC;gBACX,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EACvB,CAAC;oBACG,SAAS;wBACL,cACI,EAAE,EAAE,iBAAiB,MAAM,CAAC,EAAE,EAAE,YAC/B,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,GACzC,CAAA;gBACf,CAAC;YACL,OAAO,CAAC,4BACJ,KAAC,WAAW,IACR,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,MAAM,CAAC,EAC9D,SAAS,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,2BAA2B,EAC/F,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,EAAE,EAAE,kBAAkB,MAAM,CAAC,EAAE,EAAE,YAChC,SAAS,GACC,GAChB,CACF,CAAC;QACN,CAAC;aACD,CAAC;YACG,OAAO,CACH,YAAG,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAoB,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,2BAA2B,EAAE,EAAE,IAAI,EAAE,MAAA,MAAM,CAAC,IAAI,0CAAE,GAAG,YAAG,MAAM,CAAC,IAAI,GAAK,CACpL,CAAC;QACN,CAAC;IACL,CAAC;CACJ"}
+{"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSHeader.module.css

@@ -18,13 +18,14 @@
 }
 
 .ns_navbar {
+    background-color: #001664;
     min-height: 96px;
-    /* background-color: #0000004d !important; */
     position: relative;
     z-index: 10;
     display: flex;
     align-items: center;
     justify-content: center;
+    color: white;
 }
 
 .ns_navbar_menu_icon {
@@ -154,9 +155,9 @@
         padding-left: 3rem;
     }
 
-	.ns_navbar_parent_content img { 
-		margin-right: 32px !important;
-	}
+    .ns_navbar_parent_content img {
+        margin-right: 32px !important;
+    }
 
     .ns_nav_second_item .dropdown-menu {
         margin-top: -20% !important;

package/dist/components/NSLayout.module.css

@@ -1,5 +1,4 @@
 .ns_container {
-    min-height: 100vh;
     width: 100%;
     display: flex;
     flex-direction: column;

package/dist/components/NSLayoutTitle.js

@@ -4,7 +4,7 @@ import { Component } from 'react';
 import { NSLayout } from './NSLayout';
 export class NSLayoutTitle extends Component {
     render() {
-        return (_jsxs(NSLayout, { scope: this.props.scope, logo: this.props.logo, children: [_jsxs("div", { children: [_jsx("h1", { className: 'text-black text-center', children: this.props.title }), _jsx("p", { className: 'text-black page-description', children: this.props.description })] }), this.props.children] }));
+        return (_jsxs(NSLayout, { scope: this.props.scope, logo: this.props.logo, children: [_jsxs("div", { children: [_jsx("h1", { className: 'text-black text-center py-4', children: this.props.title }), _jsx("p", { className: 'text-black page-description', children: this.props.description })] }), this.props.children] }));
     }
 }
 //# sourceMappingURL=NSLayoutTitle.js.map

package/dist/components/NSLayoutTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWtC,MAAM,OAAO,aAAc,SAAQ,SAA6B;IACtD,MAAM;QAEd,OAAO,CACN,MAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aACvD,0BACC,aAAI,SAAS,EAAC,wBAAwB,YAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EAC9D,YAAG,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAK,IAClE,EACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IACV,CACX,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWtC,MAAM,OAAO,aAAc,SAAQ,SAA6B;IACtD,MAAM;QAEd,OAAO,CACN,MAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,aACvD,0BACC,aAAI,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EACnE,YAAG,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAK,IAClE,EACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IACV,CACX,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSPagination.js

@@ -16,11 +16,11 @@ export class NSPagination extends Component {
         let arr = [];
         let pushPage = (index) => {
             if (index == page)
-                arr.push(_jsx("div", { className: `${Styles.center_number}`, children: _jsx("a", { href: '#', className: `${Styles.center_number} text-decoration-none text-light ${Styles.ns_paginate_link}`, children: index }) }));
+                arr.push(_jsx("div", { className: `${Styles.ns_select_number_parent}`, children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link} ${Styles.ns_select_number}`, children: index }) }));
             else
-                arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `text-decoration-none text-light ${Styles.ns_paginate_link}`, children: index }) }));
+                arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: index }) }));
         };
-        arr.push(_jsx("div", { children: _jsxs("a", { href: '#', children: [" ", _jsx("img", { src: '/assets/images/left-vector.png', alt: 'left_vector' }), " "] }) }));
+        arr.push(_jsx("div", { children: _jsxs("a", { href: '#', children: [" ", _jsx("img", { src: 'https://static.namirasoft.com/image/circle-chevron-left.png', alt: 'left_vector' }), " "] }) }));
         pushPage(1);
         if (page > window * 2)
             arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: "..." }) }));
@@ -29,7 +29,7 @@ export class NSPagination extends Component {
         if (page <= size - window * 2)
             arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: "..." }) }));
         pushPage(size);
-        arr.push(_jsx("div", { children: _jsxs("a", { href: '#', children: [" ", _jsx("img", { src: '/assets/images/right-vector.png', alt: 'right_vector' }), " "] }) }));
+        arr.push(_jsx("div", { children: _jsxs("a", { href: '#', children: [" ", _jsx("img", { src: 'https://static.namirasoft.com/image/circle-chevron-right.png', alt: 'right_vector' }), " "] }) }));
         return (_jsx("div", { className: `${Styles.ns_pagination_container}`, children: arr.map(x => (x)) }));
     }
 }

package/dist/components/NSPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAclC,MAAM,OAAO,YAAa,SAAQ,SAA+C;IAE7E,YAAY,KAAwB;QAEhC,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;gBACzB,GAAG,CAAC,IAAI,CACP,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,EAAE,YACxC,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,oCAAoC,MAAM,CAAC,gBAAgB,EAAE,YAAG,KAAK,GAAK,GACnH,CACN,CAAC;;gBAEF,GAAG,CAAC,IAAI,CACP,wBACC,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,mCAAmC,MAAM,CAAC,gBAAgB,EAAE,YAAG,KAAK,GAAK,GAC3F,CACN,CAAC;QACE,CAAC,CAAC;QACR,GAAG,CAAC,IAAI,CACP,wBACC,aAAG,IAAI,EAAC,GAAG,kBAAE,cAAK,GAAG,EAAC,gCAAgC,EAAC,GAAG,EAAC,aAAa,GAAG,SAAK,GAC3E,CACN,CAAC;QACI,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YAC1B,GAAG,CAAC,IAAI,CACP,wBACC,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,oBAAS,GACvD,CACN,CAAC;QACG,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;YAClC,GAAG,CAAC,IAAI,CACP,wBACC,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,oBAAS,GACvD,CACN,CAAC;QACG,QAAQ,CAAC,IAAI,CAAC,CAAC;QACrB,GAAG,CAAC,IAAI,CACP,wBACC,aAAG,IAAI,EAAC,GAAG,kBAAE,cAAK,GAAG,EAAC,iCAAiC,EAAC,GAAG,EAAC,cAAc,GAAE,SAAK,GAC5E,CACN,CAAC;QAEI,OAAO,CACH,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,EAAE,YAC9C,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAChB,CACT,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAclC,MAAM,OAAO,YAAa,SAAQ,SAA+C;IAE7E,YAAY,KAAwB;QAEhC,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;gBACzB,GAAG,CAAC,IAAI,CACP,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,EAAE,YAClD,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC,gBAAgB,EAAE,YAAG,KAAK,GAAK,GACtF,CACN,CAAC;;gBAEF,GAAG,CAAC,IAAI,CACP,wBACC,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,YAAG,KAAK,GAAK,GAC3D,CACN,CAAC;QACE,CAAC,CAAC;QACR,GAAG,CAAC,IAAI,CACP,wBACC,aAAG,IAAI,EAAC,GAAG,kBAAE,cAAK,GAAG,EAAC,6DAA6D,EAAC,GAAG,EAAC,aAAa,GAAG,SAAK,GACxG,CACN,CAAC;QACI,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YAC1B,GAAG,CAAC,IAAI,CACP,wBACC,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,oBAAS,GACvD,CACN,CAAC;QACG,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;YAClC,GAAG,CAAC,IAAI,CACP,wBACC,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,oBAAS,GACvD,CACN,CAAC;QACG,QAAQ,CAAC,IAAI,CAAC,CAAC;QACrB,GAAG,CAAC,IAAI,CACP,wBACC,aAAG,IAAI,EAAC,GAAG,kBAAE,cAAK,GAAG,EAAC,8DAA8D,EAAC,GAAG,EAAC,cAAc,GAAE,SAAK,GACzG,CACN,CAAC;QAEI,OAAO,CACH,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,EAAE,YAC9C,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAChB,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSPagination.module.css

@@ -1,31 +1,38 @@
 .ns_pagination_container {
-    display: flex;
-    flex-direction: row;
-    gap: 16px;
-    text-align: left;
-    padding-left: 48px;
-    font-size: 14px;
-    justify-items: center;
-    line-height: 35px;
-	margin-top: 16px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	gap: 16px;
+	text-align: left;
+	font-size: 14px;
+	justify-items: center;
+	line-height: 35px;
+	width: 100%;
+	max-width: 480px;
 }
 
-@media only screen and (max-width: 600px) {
-    .ns_paginationl_container {
-        padding-left: 36px;
-    }
+.ns_select_number_parent {
+	background-color: #3963FF;
+	border-radius: 50px;
+	height: 32px;
+	width: 32px;
+	text-align: center;
+	display: flex;
+	justify-content: center;
+	align-items: center;
 }
 
-.center_number {
-    background-color: rgba(6, 209, 130, 1);
-    border-radius: 50px;
-    height: 32px;
-    width: 32px;
-    text-align: center;
-    align-items: center;
+.ns_paginate_link {
+	color: #001664;
+	text-decoration: none;
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 22px;
+	font-family: inherit;
 }
 
-.ns_paginate_link { 
+.ns_select_number {
 	color: #fff;
-	text-decoration: none;
+	font-weight: 500;
 }

package/dist/components/NSSectionCards.d.ts

@@ -16,6 +16,7 @@ export interface NSSectionCardsProps {
         title: string;
     };
     cards: NSCardProps[];
+    padding_bottom?: string;
 }
 export declare class NSSectionCards extends Component<NSSectionCardsProps> {
     render(): import("react/jsx-runtime").JSX.Element;

package/dist/components/NSSectionCards.js

@@ -9,7 +9,7 @@ import { NSLinkBlue } from './NSLinkBlue';
 export class NSSectionCards extends Component {
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (_jsx(_Fragment, { children: _jsx(NSSection, { background: this.props.background, children: _jsxs("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`, children: [this.props.title &&
+        return (_jsx(_Fragment, { children: _jsx(NSSection, { background: this.props.background, padding_bottom: this.props.padding_bottom, children: _jsxs("div", { className: `container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`, children: [this.props.title &&
                             _jsxs("div", { className: Styles.ns_section_cards_title_container, children: [_jsx(NSTitle, { color: (_a = this.props.title) === null || _a === void 0 ? void 0 : _a.color, title: (_b = this.props.title) === null || _b === void 0 ? void 0 : _b.text }), this.props.description &&
                                         _jsxs("p", { style: { color: (_c = this.props.description) === null || _c === void 0 ? void 0 : _c.color }, className: Styles.description, children: [" ", this.props.description.text, " "] })] }), _jsx("div", { className: ` ${Styles.ns_card_container}`, children: (_d = this.props.cards) === null || _d === void 0 ? void 0 : _d.map((card) => _jsx(NSCard, Object.assign({}, card), card.id)) }), this.props.button &&
                             _jsx("div", { className: `mt-12 w-full- text-center ${Styles.ns_section_cards_link_container}`, children: _jsx(NSLinkBlue, { href: (_e = this.props.button) === null || _e === void 0 ? void 0 : _e.href, title: (_f = this.props.button) === null || _f === void 0 ? void 0 : _f.title }) })] }) }) }));

package/dist/components/NSSectionCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSSectionCards.js","sourceRoot":"","sources":["../../src/components/NSSectionCards.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,MAAM,OAAO,cAAe,SAAQ,SAA8B;IACxD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,YAC3C,eAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,aAGjF,IAAI,CAAC,KAAK,CAAC,KAAK;4BAChB,eAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC,aACtD,KAAC,OAAO,IAAC,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,IAAI,GAAI,EAGzE,IAAI,CAAC,KAAK,CAAC,WAAW;wCACtB,aAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,0CAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,kBAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAGlH,EAGP,cAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,EAAE,YAE5C,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAmB,IAAI,GAAjB,IAAI,CAAC,EAAE,CAAc,CAAC,GAE/D,EAEL,IAAI,CAAC,KAAK,CAAC,MAAM;4BACjB,cAAK,SAAS,EAAE,6BAA6B,MAAM,CAAC,+BAA+B,EAAE,YACpF,KAAC,UAAU,IAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,IAAI,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,KAAK,GAAI,GACzE,IAEF,GACK,GACV,CACH,CAAC;IACH,CAAC;CACD"}
+{"version":3,"file":"NSSectionCards.js","sourceRoot":"","sources":["../../src/components/NSSectionCards.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAsB1C,MAAM,OAAO,cAAe,SAAQ,SAA8B;IACxD,MAAM;;QAEd,OAAO,CACN,4BACC,KAAC,SAAS,IAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,YACtF,eAAK,SAAS,EAAE,mCAAmC,MAAM,CAAC,uBAAuB,EAAE,aAGjF,IAAI,CAAC,KAAK,CAAC,KAAK;4BAChB,eAAK,SAAS,EAAE,MAAM,CAAC,gCAAgC,aACtD,KAAC,OAAO,IAAC,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,IAAI,GAAI,EAGzE,IAAI,CAAC,KAAK,CAAC,WAAW;wCACtB,aAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,0CAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,kBAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,SAAM,IAGlH,EAGP,cAAK,SAAS,EAAE,IAAI,MAAM,CAAC,iBAAiB,EAAE,YAE5C,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAmB,IAAI,GAAjB,IAAI,CAAC,EAAE,CAAc,CAAC,GAE/D,EAEL,IAAI,CAAC,KAAK,CAAC,MAAM;4BACjB,cAAK,SAAS,EAAE,6BAA6B,MAAM,CAAC,+BAA+B,EAAE,YACpF,KAAC,UAAU,IAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,IAAI,EAAE,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAE,KAAK,GAAI,GACzE,IAEF,GACK,GACV,CACH,CAAC;IACH,CAAC;CACD"}

package/dist/main.d.ts

@@ -32,3 +32,4 @@ export * from "./components/NSPagination";
 export * from "./components/NSTable";
 export * from "./components/NSTitle";
 export * from "./pages/NSLoginPage";
+export * from "./components/NSButtonBlue";

package/dist/main.js

@@ -32,4 +32,5 @@ export * from "./components/NSPagination";
 export * from "./components/NSTable";
 export * from "./components/NSTitle";
 export * from "./pages/NSLoginPage";
+export * from "./components/NSButtonBlue";
 //# 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,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,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,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,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,qBAAqB,CAAC;AACpC,cAAc,qCAAqC,CAAC;AACpD,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,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC"}

package/package.json

@@ -1,54 +1,66 @@
 {
-    "name": "namirasoft-site-react",
-    "title": "Namirasoft Site React",
-    "description": "Namira Software Corporation Site React NPM Package",
-    "icon": "logo.png",
-    "logo": "https://static.namirasoft.com/logo/namirasoft/name.png",
-    "language": "ts",
-    "framework": "npm",
-    "application": "package",
-    "private": false,
-    "version": "1.3.12",
-    "main": "./dist/main.js",
-    "types": "./dist/main.d.ts",
-    "author": "Amir Abolhasani",
-    "license": "MIT",
-    "scripts": {
-        "start": "react-app-rewired start",
-        "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/"
-    },
-    "dependencies": {
-        "@types/node": "^20.12.3",
-        "@types/react": "^18.2.74",
-        "@types/react-dom": "^18.2.23",
-        "antd": "^5.16.0",
-        "bootstrap": "^5.3.3",
-        "link-react": "^3.0.0",
-        "namirasoft-api-link": "^1.3.1",
-        "namirasoft-core": "^1.3.18",
-        "path-browserify": "^1.0.1",
-        "react": "^18.2.0",
-        "react-app-rewired": "^2.2.1",
-        "react-bootstrap": "^2.10.2",
-        "react-dom": "^18.2.0",
-        "react-phone-input-2": "^2.15.1",
-        "react-phone-number-input": "^3.3.10",
-        "react-router-dom": "^6.22.3",
-        "react-scripts": "5.0.1",
-        "copyfiles": "^2.4.1"
-    },
-    "eslintConfig": {
-        "extends": [
-            "react-app",
-            "react-app/jest"
-        ]
-    },
-    "skip": {
-        "content": [
-            "/tsconfig.json"
-        ]
-    }
-}
+  "name": "namirasoft-site-react",
+  "title": "Namirasoft Site React",
+  "description": "Namira Software Corporation Site React NPM Package",
+  "icon": "logo.png",
+  "logo": "https://static.namirasoft.com/logo/namirasoft/name.png",
+  "language": "ts",
+  "framework": "npm",
+  "application": "package",
+  "private": false,
+  "version": "1.3.15",
+  "author": "Amir Abolhasani",
+  "license": "MIT",
+  "main": "./dist/main.js",
+  "types": "./dist/main.d.ts",
+  "scripts": {
+    "start": "react-app-rewired start",
+    "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/"
+  },
+  "dependencies": {
+    "@types/node": "^20.12.5",
+    "@types/react": "^18.2.74",
+    "@types/react-dom": "^18.2.24",
+    "antd": "^5.16.1",
+    "bootstrap": "^5.3.3",
+    "link-react": "^3.0.0",
+    "namirasoft-api-link": "^1.3.1",
+    "namirasoft-core": "^1.3.18",
+    "path-browserify": "^1.0.1",
+    "react": "^18.2.0",
+    "react-app-rewired": "^2.2.1",
+    "react-bootstrap": "^2.10.2",
+    "react-dom": "^18.2.0",
+    "react-phone-input-2": "^2.15.1",
+    "react-phone-number-input": "^3.3.12",
+    "react-router-dom": "^6.22.3",
+    "react-scripts": "5.0.1",
+    "copyfiles": "^2.4.1"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "skip": {
+    "content": [
+      "/tsconfig.json"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/src/App.tsx

@@ -16,7 +16,7 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import { NSButtonRed } from './components/NSButtonRed';
 // import { NSSelectBox } from './components/NSSelectBox';
 // import { type SelectProps } from 'antd';
-import { NSLayout, NSPagination } from './main';
+import { NSButtonBlue, NSLayoutTitle, NSPagination } from './main';
 // import { NSBoxPosition } from './components/NSBoxPosition';
 // import { NSBoxSection } from './components/NSBoxSection';
 
@@ -47,7 +47,7 @@ export function App()
 
     return (
         <div className="App">
-            <NSLayout scope='Namirasoft SOP console' logo=''>
+            <NSLayoutTitle scope='Namirasoft SOP console' logo='' title="namirasoft">
                 <div className='my-4 container'>
                     {/* <NSBoxSection image='src/assets/images/position-down-vector.png' description="" detail='#' /> */}
                     {/* <NSInputText title='Text' />
@@ -66,9 +66,10 @@ export function App()
                     <NSButtonGreen title='Save' onClick={() => { }} /> */}
                     <NSButtonRed title='Delete' onClick={() => { }} />
                     <NSPagination page={1} size={25} />
+                    <NSButtonBlue title='Apply' onClick={() => ""} />
                 </div>
                 {/* <NSBoxPosition image='' title='' list='' percent='' information='' /> */}
-            </NSLayout>
+            </NSLayoutTitle>
         </div>
     );
 }

package/src/components/NSButtonBlue.module.css

@@ -0,0 +1,12 @@
+.ns_button_blue {
+    width: 358px;
+    max-width: 100%;
+    height: 48px;
+    border-radius: 8px;
+    background-color: rgba(3, 119, 255, 1);
+    color: #fff;
+    border: 0;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+    font-size: 16px;
+    font-weight: 400;
+}

package/src/components/NSButtonBlue.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import React from "react";
+import Style from "./NSButtonBlue.module.css";
+
+export interface NSButtonBlueProps
+{
+    title: string;
+    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+
+export interface NSButtonBlueState
+{
+    title: string;
+}
+
+export class NSButtonBlue extends React.Component<NSButtonBlueProps, NSButtonBlueState>
+{
+    constructor(props: NSButtonBlueProps)
+    {
+        super(props);
+        this.state = { title: props.title };
+    }
+    setTitle(title: string)
+    {
+        this.setState({ title });
+    }
+    override render()
+    {
+        return <button onClick={e => this.props.onClick(e)} className={Style.ns_button_blue}>{this.state.title}</button>;
+    }
+}

package/src/components/NSHeader.module.css

@@ -18,13 +18,14 @@
 }
 
 .ns_navbar {
+    background-color: #001664;
     min-height: 96px;
-    /* background-color: #0000004d !important; */
     position: relative;
     z-index: 10;
     display: flex;
     align-items: center;
     justify-content: center;
+    color: white;
 }
 
 .ns_navbar_menu_icon {
@@ -154,9 +155,9 @@
         padding-left: 3rem;
     }
 
-	.ns_navbar_parent_content img { 
-		margin-right: 32px !important;
-	}
+    .ns_navbar_parent_content img {
+        margin-right: 32px !important;
+    }
 
     .ns_nav_second_item .dropdown-menu {
         margin-top: -20% !important;

package/src/components/NSHeader.tsx

@@ -63,9 +63,6 @@ export class NSHeader extends React.Component<NSHeaderProps, NSHeaderState> {
         return (
             <header>
                 <nav className={Styles.ns_navbar}
-                    style={{
-                        backgroundColor: this.props.background?.color ? this.props.background?.color : "#0000004d"
-                    }}
                 >
                     <div className={`${Styles.ns_navbar_parent_content} container`}>
                         <a href="/">

package/src/components/NSLayout.module.css

@@ -1,5 +1,4 @@
 .ns_container {
-    min-height: 100vh;
     width: 100%;
     display: flex;
     flex-direction: column;

package/src/components/NSLayoutTitle.tsx

@@ -19,7 +19,7 @@ export class NSLayoutTitle extends Component<NSLayoutTitleProps> {
 		return (
 			<NSLayout scope={this.props.scope} logo={this.props.logo} >
 				<div>
-					<h1 className='text-black text-center'>{this.props.title}</h1>
+					<h1 className='text-black text-center py-4'>{this.props.title}</h1>
 					<p className='text-black page-description'>{this.props.description}</p>
 				</div>
 				{this.props.children}

package/src/components/NSPagination.module.css

@@ -1,31 +1,38 @@
 .ns_pagination_container {
-    display: flex;
-    flex-direction: row;
-    gap: 16px;
-    text-align: left;
-    padding-left: 48px;
-    font-size: 14px;
-    justify-items: center;
-    line-height: 35px;
-	margin-top: 16px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	gap: 16px;
+	text-align: left;
+	font-size: 14px;
+	justify-items: center;
+	line-height: 35px;
+	width: 100%;
+	max-width: 480px;
 }
 
-@media only screen and (max-width: 600px) {
-    .ns_paginationl_container {
-        padding-left: 36px;
-    }
+.ns_select_number_parent {
+	background-color: #3963FF;
+	border-radius: 50px;
+	height: 32px;
+	width: 32px;
+	text-align: center;
+	display: flex;
+	justify-content: center;
+	align-items: center;
 }
 
-.center_number {
-    background-color: rgba(6, 209, 130, 1);
-    border-radius: 50px;
-    height: 32px;
-    width: 32px;
-    text-align: center;
-    align-items: center;
+.ns_paginate_link {
+	color: #001664;
+	text-decoration: none;
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 22px;
+	font-family: inherit;
 }
 
-.ns_paginate_link { 
+.ns_select_number {
 	color: #fff;
-	text-decoration: none;
+	font-weight: 500;
 }

package/src/components/NSPagination.tsx

@@ -34,20 +34,20 @@ export class NSPagination extends Component<NSPaginationState, NSPaginationProps
         {
             if (index == page)
 				arr.push(
-					<div className={`${Styles.center_number}`}>
-						<a href='#' className={`${Styles.center_number} text-decoration-none text-light ${Styles.ns_paginate_link}`}>{index}</a>
+					<div className={`${Styles.ns_select_number_parent}`}>
+						<a href='#' className={`${Styles.ns_paginate_link} ${Styles.ns_select_number}`}>{index}</a>
 					</div>
 				);
             else
 				arr.push(
 					<div>
-						<a href='#' className={`text-decoration-none text-light ${Styles.ns_paginate_link}`}>{index}</a>
+						<a href='#' className={`${Styles.ns_paginate_link}`}>{index}</a>
 					</div>
 				);
         };
 		arr.push(
 			<div>
-				<a href='#'> <img src='/assets/images/left-vector.png' alt='left_vector' /> </a>
+				<a href='#'> <img src='https://static.namirasoft.com/image/circle-chevron-left.png' alt='left_vector' /> </a>
 			</div>
 		);
         pushPage(1);
@@ -68,7 +68,7 @@ export class NSPagination extends Component<NSPaginationState, NSPaginationProps
         pushPage(size);
 		arr.push(
 			<div>
-				<a href='#'> <img src='/assets/images/right-vector.png' alt='right_vector'/> </a>
+				<a href='#'> <img src='https://static.namirasoft.com/image/circle-chevron-right.png' alt='right_vector'/> </a>
 			</div>
 		);
 

package/src/components/NSSectionCards.tsx

@@ -23,7 +23,8 @@ export interface NSSectionCardsProps
 		href: string;
 		title: string;
 	};
-	cards: NSCardProps[]
+	cards: NSCardProps[];
+	padding_bottom?: string
 }
 
 export class NSSectionCards extends Component<NSSectionCardsProps> {
@@ -31,7 +32,7 @@ export class NSSectionCards extends Component<NSSectionCardsProps> {
 	{
 		return (
 			<>
-				<NSSection background={this.props.background} >
+				<NSSection background={this.props.background} padding_bottom={this.props.padding_bottom}>
 					<div className={`container mx-auto px-4 lg:px-12 ${Styles.ns_section_cards_holder}`}>
 
 						{

package/src/main.ts

@@ -32,3 +32,4 @@ export * from "./components/NSPagination";
 export * from "./components/NSTable";
 export * from "./components/NSTitle";
 export * from "./pages/NSLoginPage";
+export * from "./components/NSButtonBlue";