namirasoft-site-react 1.2.15 → 1.2.17

package/dist/App.js

@@ -20,6 +20,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';
 export function App() {
     const options = [
         {
@@ -43,6 +44,6 @@ export function App() {
             desc: 'Test4',
         },
     ];
-    return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'test', name: 'test', logo: '' }), _jsxs("div", Object.assign({ className: 'my-4' }, { children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSLinkGreen, { title: "Add +", href: "/" }), _jsx(NSLinkRed, { title: "Delete", href: "/" })] })), _jsx(NSFooter, { scope: 'test', name: 'test', logo: '' })] })));
+    return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'test', name: 'test', logo: '' }), _jsxs("div", Object.assign({ className: 'my-4' }, { children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSLinkGreen, { title: "Add +", href: "/" }), _jsx(NSLinkRed, { title: "Delete", href: "/" }), _jsx(NSPagination, { title: 'Pagination', pages: 10, href: '/' })] })), _jsx(NSFooter, { scope: 'test', name: 'test', logo: '' })] })));
 }
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

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

package/dist/components/NSFooter.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/dist/components/NSLinkGreen.js

@@ -14,7 +14,7 @@ export class NSLinkGreen extends React.Component {
         this.setState({ href });
     }
     render() {
-        return (_jsx("div", Object.assign({ className: Style.ns_link_green }, { children: _jsx(Link, Object.assign({ 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,4BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,gBAC/B,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,IAC9F,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", Object.assign({ className: Style.ns_link_red }, { children: _jsx(Link, Object.assign({ 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,4BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,gBACpC,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAQ,IAC9F,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/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/package.json

@@ -1,13 +1,13 @@
 {
     "name": "namirasoft-site-react",
-    "version": "1.2.15",
+    "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",

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/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";