npm - namirasoft-site-react - Versions diffs - 1.3.18 → 1.3.19 - Mend

namirasoft-site-react 1.3.18 → 1.3.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/dist/App.js +2 -3
package/dist/App.js.map +1 -1
package/dist/components/NSButtonBlueVector.d.ts +15 -0
package/dist/components/NSButtonBlueVector.js +17 -0
package/dist/components/NSButtonBlueVector.js.map +1 -0
package/dist/components/NSButtonBlueVector.module.css +17 -0
package/dist/components/NSHeader.js +4 -1
package/dist/components/NSHeader.js.map +1 -1
package/dist/components/NSHeader.module.css +1 -2
package/dist/components/NSLayout.module.css +5 -2
package/dist/components/NSLayoutTitle.js +2 -1
package/dist/components/NSLayoutTitle.js.map +1 -1
package/dist/components/NSLayoutTitle.module.css +10 -0
package/dist/components/NSPagination.js +3 -3
package/dist/components/NSPagination.js.map +1 -1
package/dist/main.d.ts +2 -1
package/dist/main.js +2 -1
package/dist/main.js.map +1 -1
package/package.json +3 -3
package/public/assets/images/add-vector.png +0 -0
package/src/App.tsx +5 -64
package/src/components/NSButtonBlueVector.module.css +17 -0
package/src/components/NSButtonBlueVector.tsx +41 -0
package/src/components/NSHeader.module.css +1 -2
package/src/components/NSHeader.tsx +3 -0
package/src/components/NSLayout.module.css +5 -2
package/src/components/NSLayoutTitle.module.css +10 -0
package/src/components/NSLayoutTitle.tsx +4 -3
package/src/components/NSPagination.tsx +34 -30
package/src/main.ts +4 -1

package/dist/App.js CHANGED Viewed

@@ -1,9 +1,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 { NSButtonBlue, NSLayoutTitle, NSPagination } from './main';
+import { NSButtonBlue, NSButtonBlueVector, NSLayoutTitle, NSPagination } from './main';
 export function App() {
-    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: () => "" })] }) }) }));
+    return (_jsx("div", { className: "App", children: _jsxs(NSLayoutTitle, { scope: 'Namirasoft Account Console', logo: '', title: "Namirasoft", description: 'paragraph', children: [_jsx(NSPagination, { page: 1, size: 25 }), _jsx(NSButtonBlue, { title: 'Apply', onClick: () => "" }), _jsx(NSButtonBlueVector, { title: 'New', onClick: () => "", vector: '/assets/images/add-vector.png' })] }) }));
 }
 //# sourceMappingURL=App.js.map

package/dist/App.js.map CHANGED Viewed

	@@ -1 +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,~~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"}
1	+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,UAAU,GAAG;IAEf,OAAO,CACH,cAAK,SAAS,EAAC,KAAK,YAChB,MAAC,aAAa,IAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,YAAY,EAAC,WAAW,EAAC,WAAW,aAChG,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,EACjD,KAAC,kBAAkB,IAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAC,+BAA+B,GAAG,IAChF,GACd,CACT,CAAC;AACN,CAAC"}

package/dist/components/NSButtonBlueVector.d.ts ADDED Viewed

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

package/dist/components/NSButtonBlueVector.js ADDED Viewed

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import Style from "./NSButtonBlueVector.module.css";
+export class NSButtonBlueVector extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { title: props.title, vector: props.vector };
+    }
+    setTitle(title, vector) {
+        this.setState({ title, vector });
+    }
+    render() {
+        return (_jsxs("button", { onClick: e => this.props.onClick(e), className: Style.ns_button_blue_vector, children: [_jsx("img", { src: this.state.vector, width: 16, height: 16 }), this.state.title] }));
+    }
+}
+//# sourceMappingURL=NSButtonBlueVector.js.map

package/dist/components/NSButtonBlueVector.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NSButtonBlueVector.js","sourceRoot":"","sources":["../../src/components/NSButtonBlueVector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAepD,MAAM,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAA2D;IAErG,YAAY,KAA8B;QAEtC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;IAC9D,CAAC;IACD,QAAQ,CAAC,KAAa,EAAE,MAAc;QAElC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IACrC,CAAC;IACQ,MAAM;QAEX,OAAO,CAEH,kBAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,qBAAqB,aAC/E,cAAK,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACrD,IAAI,CAAC,KAAK,CAAC,KAAK,IACZ,CAEZ,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSButtonBlueVector.module.css ADDED Viewed

@@ -0,0 +1,17 @@
+.ns_button_blue_vector {
+    background-color: rgba(3, 119, 255, 1);
+    max-width: 100%;
+    border: 0;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+    font-size: 16px;
+    width: 128px;
+    height: 48px;
+    border-radius: 8px;
+    color: white;
+    font-weight: 400;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+}

package/dist/components/NSHeader.js CHANGED Viewed

@@ -35,7 +35,10 @@ export class NSHeader extends React.Component {
         this.setState({ showNavbar: !this.state.showNavbar });
     }
     render() {
-        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 &&
+        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 : "rgba(20, 27, 92, 1)"
+                }, 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 CHANGED Viewed

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

package/dist/components/NSHeader.module.css CHANGED Viewed

@@ -18,14 +18,13 @@
 }
 .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 {

package/dist/components/NSLayout.module.css CHANGED Viewed

@@ -1,13 +1,16 @@
 .ns_container {
+    min-height: 100vh;
     width: 100%;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
+    justify-content: center;
+    align-items: center;
 }
 .ns_header {
-    margin-bottom: auto;
+    margin-bottom: 48px;
     width: 100%;
 }
 .ns_footer {

package/dist/components/NSLayoutTitle.js CHANGED Viewed

@@ -1,10 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Styles from './NSLayoutTitle.module.css';
 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 py-4', 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", { className: '', children: [_jsx("h1", { className: Styles.title, children: this.props.title }), _jsx("p", { className: Styles.description, children: this.props.description })] }), this.props.children] }));
     }
 }
 //# sourceMappingURL=NSLayoutTitle.js.map

package/dist/components/NSLayoutTitle.js.map CHANGED Viewed

	@@ -1 +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~~,~~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"}
1	+ {"version":3,"file":"NSLayoutTitle.js","sourceRoot":"","sources":["../../src/components/NSLayoutTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,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,eAAK,SAAS,EAAC,EAAE,aAChB,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EACpD,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAK,IACzD,EACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IACV,CACX,CAAC;IACH,CAAC;CACD"}

package/dist/components/NSLayoutTitle.module.css ADDED Viewed

@@ -0,0 +1,10 @@
+.title {
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
+}
+.description {
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
+	margin-bottom: 48px;
+}

package/dist/components/NSPagination.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import Styles from './NSPagination.module.css';
 import { Component } from 'react';
 export class NSPagination extends Component {
@@ -20,7 +20,7 @@ export class NSPagination extends Component {
             else
                 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: 'https://static.namirasoft.com/image/circle-chevron-left.png', alt: 'left_vector' }), " "] }) }));
+        arr.push(_jsx("div", { children: _jsx("a", { href: '#', children: _jsx("img", { src: 'https://static.namirasoft.com/image/circle-chevron-left.png', alt: 'left_vector', width: 32, height: 32 }) }) }));
         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: 'https://static.namirasoft.com/image/circle-chevron-right.png', alt: 'right_vector' }), " "] }) }));
+        arr.push(_jsx("div", { children: _jsx("a", { href: '#', children: _jsx("img", { src: 'https://static.namirasoft.com/image/circle-chevron-right.png', width: 32, height: 32, alt: 'right_vector' }) }) }));
         return (_jsx("div", { className: `${Styles.ns_pagination_container}`, children: arr.map(x => (x)) }));
     }
 }

package/dist/components/NSPagination.js.map CHANGED Viewed

	@@ -1 +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,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"}
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;gBACb,GAAG,CAAC,IAAI,CACJ,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,uBAAuB,EAAE,YAC/C,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC,gBAAgB,EAAE,YAAG,KAAK,GAAK,GACzF,CACT,CAAC;;gBAEF,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,YAAG,KAAK,GAAK,GAC9D,CACT,CAAC;QACV,CAAC,CAAC;QACF,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,YACP,cAAK,GAAG,EAAC,6DAA6D,EAAC,GAAG,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAClH,GACF,CACT,CAAC;QACF,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC;YACjB,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,oBAAS,GAC1D,CACT,CAAC;QACN,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,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,EAAE,oBAAS,GAC1D,CACT,CAAC;QACN,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,GAAG,CAAC,IAAI,CACJ,wBACI,YAAG,IAAI,EAAC,GAAG,YACP,cAAK,GAAG,EAAC,8DAA8D,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAC,cAAc,GAAG,GACpH,GACF,CACT,CAAC;QAEF,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/main.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+export * from "./components/NSButtonBlue";
+export * from "./components/NSButtonBlueVector";
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButtonRed";
 export * from "./components/NSCard";
@@ -32,4 +34,3 @@ export * from "./components/NSPagination";
 export * from "./components/NSTable";
 export * from "./components/NSTitle";
 export * from "./pages/NSLoginPage";
-export * from "./components/NSButtonBlue";

package/dist/main.js CHANGED Viewed

@@ -1,3 +1,5 @@
+export * from "./components/NSButtonBlue";
+export * from "./components/NSButtonBlueVector";
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButtonRed";
 export * from "./components/NSCard";
@@ -32,5 +34,4 @@ 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 CHANGED Viewed

	@@ -1 +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~~;AACpC,cAAc,2BAA2B,CAAC~~"}
1	+ {"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,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"}

package/package.json CHANGED Viewed

@@ -8,7 +8,7 @@
   "framework": "npm",
   "application": "package",
   "private": false,
-  "version": "1.3.18",
+  "version": "1.3.19",
   "author": "Amir Abolhasani",
   "license": "MIT",
   "main": "./dist/main.js",
@@ -21,8 +21,8 @@
     "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/node": "^20.12.6",
+    "@types/react": "^18.2.75",
     "@types/react-dom": "^18.2.24",
     "antd": "^5.16.1",
     "bootstrap": "^5.3.3",

package/public/assets/images/add-vector.png ADDED Viewed

Binary file

package/src/App.tsx CHANGED Viewed

@@ -1,74 +1,15 @@
 import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
-// import { NSInputText } from './components/NSInputText';
-// import { NSInputInteger } from './components/NSInputInteger';
-// import { NSInputFloat } from './components/NSInputFloat';
-// import { NSInputPrice } from './components/NSInputPrice';
-// import { NSInputDate } from './components/NSInputDate';
-// import { NSInputTime } from './components/NSInputTime';
-// import { NSInputDuration } from './components/NSInputDuration';
-// import { NSInputString } from './components/NSInputString';
-// import { NSInputIP } from './components/NSInputIP';
-// import { NSInputEmail } from './components/NSInputEmail';
-// import { NSInputSearch } from './components/NSInputSearch';
-// import { NSInputPhone } from './components/NSInputPhone';
-// import { NSButtonGreen } from './components/NSButtonGreen';
-import { NSButtonRed } from './components/NSButtonRed';
-// import { NSSelectBox } from './components/NSSelectBox';
-// import { type SelectProps } from 'antd';
-import { NSButtonBlue, NSLayoutTitle, NSPagination } from './main';
-// import { NSBoxPosition } from './components/NSBoxPosition';
-// import { NSBoxSection } from './components/NSBoxSection';
+import { NSButtonBlue, NSButtonBlueVector, NSLayoutTitle, NSPagination } from './main';
 export function App()
 {
-    // const options: SelectProps['options'] = [
-    //     {
-    //         label: 'Test1',
-    //         value: 'test1',
-    //         desc: 'Test1',
-    //     },
-    //     {
-    //         label: 'Test2',
-    //         value: 'test2',
-    //         desc: 'Test2',
-    //     },
-    //     {
-    //         label: 'Test3',
-    //         value: 'test3',
-    //         desc: 'Test3',
-    //     },
-    //     {
-    //         label: 'Test4',
-    //         value: 'test4',
-    //         desc: 'Test4',
-    //     },
-    // ];
     return (
         <div className="App">
-            <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' />
-                    <NSInputInteger title='Integer' />
-                    <NSInputFloat title='Floating Point' />
-                    <NSInputPrice title='Price' />
-                    <NSInputDate title='Date' />
-                    <NSInputTime title='Time' />
-                    <NSInputDuration title='Duration' />
-                    <NSInputString title='String' />
-                    <NSInputIP title='IP' />
-                    <NSInputEmail title='Email' />
-                    <NSInputSearch title='Search' />
-                    <NSInputPhone title='Phone' />
-                    <NSSelectBox title="t" options={options} />
-                    <NSButtonGreen title='Save' onClick={() => { }} /> */}
-                    <NSButtonRed title='Delete' onClick={() => { }} />
-                    <NSPagination page={1} size={25} />
-                    <NSButtonBlue title='Apply' onClick={() => ""} />
-                </div>
-                {/* <NSBoxPosition image='' title='' list='' percent='' information='' /> */}
+            <NSLayoutTitle scope='Namirasoft Account Console' logo='' title="Namirasoft" description='paragraph'>
+                <NSPagination page={1} size={25} />
+                <NSButtonBlue title='Apply' onClick={() => ""} />
+                <NSButtonBlueVector title='New' onClick={() => ""} vector='/assets/images/add-vector.png' />
             </NSLayoutTitle>
         </div>
     );

package/src/components/NSButtonBlueVector.module.css ADDED Viewed

@@ -0,0 +1,17 @@
+.ns_button_blue_vector {
+    background-color: rgba(3, 119, 255, 1);
+    max-width: 100%;
+    border: 0;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+    font-size: 16px;
+    width: 128px;
+    height: 48px;
+    border-radius: 8px;
+    color: white;
+    font-weight: 400;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+}

package/src/components/NSButtonBlueVector.tsx ADDED Viewed

@@ -0,0 +1,41 @@
+"use client";
+import React from "react";
+import Style from "./NSButtonBlueVector.module.css";
+export interface NSButtonBlueVectorProps
+{
+    title: string;
+    vector: string;
+    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+export interface NSButtonBlueVectorState
+{
+    title: string;
+    vector: string;
+}
+export class NSButtonBlueVector extends React.Component<NSButtonBlueVectorProps, NSButtonBlueVectorState>
+{
+    constructor(props: NSButtonBlueVectorProps)
+    {
+        super(props);
+        this.state = { title: props.title, vector: props.vector };
+    }
+    setTitle(title: string, vector: string)
+    {
+        this.setState({ title, vector });
+    }
+    override render()
+    {
+        return (
+            <button onClick={e => this.props.onClick(e)} className={Style.ns_button_blue_vector}>
+                <img src={this.state.vector} width={16} height={16} />
+                {this.state.title}
+            </button>
+        );
+    }
+}

package/src/components/NSHeader.module.css CHANGED Viewed

@@ -18,14 +18,13 @@
 }
 .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 {

package/src/components/NSHeader.tsx CHANGED Viewed

@@ -63,6 +63,9 @@ 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 : "rgba(20, 27, 92, 1)"
+                    }}
                 >
                     <div className={`${Styles.ns_navbar_parent_content} container`}>
                         <a href="/">

package/src/components/NSLayout.module.css CHANGED Viewed

@@ -1,13 +1,16 @@
 .ns_container {
+    min-height: 100vh;
     width: 100%;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
+    justify-content: center;
+    align-items: center;
 }
 .ns_header {
-    margin-bottom: auto;
+    margin-bottom: 48px;
     width: 100%;
 }
 .ns_footer {

package/src/components/NSLayoutTitle.module.css ADDED Viewed

@@ -0,0 +1,10 @@
+.title {
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
+}
+.description {
+	text-align: center;
+	color: rgba(20, 27, 92, 1);
+	margin-bottom: 48px;
+}

package/src/components/NSLayoutTitle.tsx CHANGED Viewed

@@ -1,5 +1,6 @@
 "use client";
+import Styles from './NSLayoutTitle.module.css';
 import { Component } from 'react';
 import { ReactNode } from 'react';
 import { NSLayout } from './NSLayout';
@@ -18,9 +19,9 @@ export class NSLayoutTitle extends Component<NSLayoutTitleProps> {
 	{
 		return (
 			<NSLayout scope={this.props.scope} logo={this.props.logo} >
-				<div>
-					<h1 className='text-black text-center py-4'>{this.props.title}</h1>
-					<p className='text-black page-description'>{this.props.description}</p>
+				<div className=''>
+					<h1 className={Styles.title}>{this.props.title}</h1>
+					<p className={Styles.description}>{this.props.description}</p>
 				</div>
 				{this.props.children}
 			</NSLayout>

package/src/components/NSPagination.tsx CHANGED Viewed

@@ -33,44 +33,48 @@ export class NSPagination extends Component<NSPaginationState, NSPaginationProps
         let pushPage = (index: number) =>
         {
             if (index == page)
-				arr.push(
-					<div className={`${Styles.ns_select_number_parent}`}>
-						<a href='#' className={`${Styles.ns_paginate_link} ${Styles.ns_select_number}`}>{index}</a>
-					</div>
-				);
+                arr.push(
+                    <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={`${Styles.ns_paginate_link}`}>{index}</a>
-					</div>
-				);
+                arr.push(
+                    <div>
+                        <a href='#' className={`${Styles.ns_paginate_link}`}>{index}</a>
+                    </div>
+                );
         };
-		arr.push(
-			<div>
-				<a href='#'> <img src='https://static.namirasoft.com/image/circle-chevron-left.png' alt='left_vector' /> </a>
-			</div>
-		);
+        arr.push(
+            <div>
+                <a href='#'>
+                    <img src='https://static.namirasoft.com/image/circle-chevron-left.png' alt='left_vector' width={32} height={32} />
+                </a>
+            </div>
+        );
         pushPage(1);
         if (page > window * 2)
-			arr.push(
-				<div>
-					<a href='#' className={`${Styles.ns_paginate_link}`}>...</a>
-				</div>
-			);
+            arr.push(
+                <div>
+                    <a href='#' className={`${Styles.ns_paginate_link}`}>...</a>
+                </div>
+            );
         for (let i = min; i <= max; i++)
             pushPage(i);
         if (page <= size - window * 2)
-			arr.push(
-				<div>
-					<a href='#' className={`${Styles.ns_paginate_link}`}>...</a>
-				</div>
-			);
+            arr.push(
+                <div>
+                    <a href='#' className={`${Styles.ns_paginate_link}`}>...</a>
+                </div>
+            );
         pushPage(size);
-		arr.push(
-			<div>
-				<a href='#'> <img src='https://static.namirasoft.com/image/circle-chevron-right.png' alt='right_vector'/> </a>
-			</div>
-		);
+        arr.push(
+            <div>
+                <a href='#'>
+                    <img src='https://static.namirasoft.com/image/circle-chevron-right.png' width={32} height={32} alt='right_vector' />
+                </a>
+            </div>
+        );
         return (
             <div className={`${Styles.ns_pagination_container}`}>

package/src/main.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+export * from "./components/NSButtonBlue";
+export * from "./components/NSButtonBlueVector";
 export * from "./components/NSButtonGreen";
 export * from "./components/NSButtonRed";
 export * from "./components/NSCard";
@@ -32,4 +34,5 @@ export * from "./components/NSPagination";
 export * from "./components/NSTable";
 export * from "./components/NSTitle";
 export * from "./pages/NSLoginPage";
-export * from "./components/NSButtonBlue";