namirasoft-site-react 1.3.17 → 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 (39) hide show
  1. package/dist/App.js +2 -3
  2. package/dist/App.js.map +1 -1
  3. package/dist/components/NSButtonBlueVector.d.ts +15 -0
  4. package/dist/components/NSButtonBlueVector.js +17 -0
  5. package/dist/components/NSButtonBlueVector.js.map +1 -0
  6. package/dist/components/NSButtonBlueVector.module.css +17 -0
  7. package/dist/components/NSCard.module.css +0 -11
  8. package/dist/components/NSEntityCardBackground.module.css +0 -11
  9. package/dist/components/NSHeader.js +4 -1
  10. package/dist/components/NSHeader.js.map +1 -1
  11. package/dist/components/NSHeader.module.css +1 -2
  12. package/dist/components/NSLayout.module.css +5 -2
  13. package/dist/components/NSLayoutTitle.js +2 -1
  14. package/dist/components/NSLayoutTitle.js.map +1 -1
  15. package/dist/components/NSLayoutTitle.module.css +10 -0
  16. package/dist/components/NSLinkBlue.js +1 -1
  17. package/dist/components/NSLinkBlue.js.map +1 -1
  18. package/dist/components/NSLinkBlue.module.css +13 -2
  19. package/dist/components/NSPagination.js +3 -3
  20. package/dist/components/NSPagination.js.map +1 -1
  21. package/dist/main.d.ts +2 -1
  22. package/dist/main.js +2 -1
  23. package/dist/main.js.map +1 -1
  24. package/package.json +3 -3
  25. package/public/assets/images/add-vector.png +0 -0
  26. package/src/App.tsx +5 -64
  27. package/src/components/NSButtonBlueVector.module.css +17 -0
  28. package/src/components/NSButtonBlueVector.tsx +41 -0
  29. package/src/components/NSCard.module.css +0 -11
  30. package/src/components/NSEntityCardBackground.module.css +0 -11
  31. package/src/components/NSHeader.module.css +1 -2
  32. package/src/components/NSHeader.tsx +3 -0
  33. package/src/components/NSLayout.module.css +5 -2
  34. package/src/components/NSLayoutTitle.module.css +10 -0
  35. package/src/components/NSLayoutTitle.tsx +4 -3
  36. package/src/components/NSLinkBlue.module.css +13 -2
  37. package/src/components/NSLinkBlue.tsx +1 -1
  38. package/src/components/NSPagination.tsx +34 -30
  39. package/src/main.ts +4 -1
package/dist/App.js CHANGED
@@ -1,9 +1,8 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import './App.css';
3
3
  import 'bootstrap/dist/css/bootstrap.min.css';
4
- import { NSButtonRed } from './components/NSButtonRed';
5
- import { NSButtonBlue, NSLayoutTitle, NSPagination } from './main';
4
+ import { NSButtonBlue, NSButtonBlueVector, NSLayoutTitle, NSPagination } from './main';
6
5
  export function App() {
7
- 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: () => "" })] }) }) }));
6
+ 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' })] }) }));
8
7
  }
9
8
  //# sourceMappingURL=App.js.map
package/dist/App.js.map CHANGED
@@ -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
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ export interface NSButtonBlueVectorProps {
3
+ title: string;
4
+ vector: string;
5
+ onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
6
+ }
7
+ export interface NSButtonBlueVectorState {
8
+ title: string;
9
+ vector: string;
10
+ }
11
+ export declare class NSButtonBlueVector extends React.Component<NSButtonBlueVectorProps, NSButtonBlueVectorState> {
12
+ constructor(props: NSButtonBlueVectorProps);
13
+ setTitle(title: string, vector: string): void;
14
+ render(): import("react/jsx-runtime").JSX.Element;
15
+ }
package/dist/components/NSButtonBlueVector.js ADDED
@@ -0,0 +1,17 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import React from "react";
4
+ import Style from "./NSButtonBlueVector.module.css";
5
+ export class NSButtonBlueVector extends React.Component {
6
+ constructor(props) {
7
+ super(props);
8
+ this.state = { title: props.title, vector: props.vector };
9
+ }
10
+ setTitle(title, vector) {
11
+ this.setState({ title, vector });
12
+ }
13
+ render() {
14
+ 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] }));
15
+ }
16
+ }
17
+ //# sourceMappingURL=NSButtonBlueVector.js.map
package/dist/components/NSButtonBlueVector.js.map ADDED
@@ -0,0 +1 @@
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
@@ -0,0 +1,17 @@
1
+ .ns_button_blue_vector {
2
+ background-color: rgba(3, 119, 255, 1);
3
+ max-width: 100%;
4
+ border: 0;
5
+ box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
6
+ font-size: 16px;
7
+ width: 128px;
8
+ height: 48px;
9
+ border-radius: 8px;
10
+ color: white;
11
+ font-weight: 400;
12
+ display: flex;
13
+ flex-direction: row;
14
+ justify-content: center;
15
+ align-items: center;
16
+ gap: 8px;
17
+ }
package/dist/components/NSCard.module.css CHANGED
@@ -80,17 +80,6 @@
80
80
  width: 100%;
81
81
  }
82
82
 
83
- .ns_link_absolute {
84
- position: absolute;
85
- width: 100%;
86
- height: 100%;
87
- left: 0;
88
- right: 0;
89
- top: 0;
90
- bottom: 0;
91
- cursor: pointer;
92
- }
93
-
94
83
 
95
84
  @media only screen and (min-width: 576px) {
96
85
  .ns_card {
package/dist/components/NSEntityCardBackground.module.css CHANGED
@@ -26,14 +26,3 @@
26
26
  .ns_card_link_container {
27
27
  width: 100%;
28
28
  }
29
-
30
- .ns_link_absolute {
31
- position: absolute;
32
- width: 100%;
33
- height: 100%;
34
- left: 0;
35
- right: 0;
36
- top: 0;
37
- bottom: 0;
38
- cursor: pointer;
39
- }
package/dist/components/NSHeader.js CHANGED
@@ -35,7 +35,10 @@ export class NSHeader extends React.Component {
35
35
  this.setState({ showNavbar: !this.state.showNavbar });
36
36
  }
37
37
  render() {
38
- 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 &&
38
+ var _a, _b;
39
+ return (_jsx("header", { children: _jsx("nav", { className: Styles.ns_navbar, style: {
40
+ 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)"
41
+ }, 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 &&
39
42
  _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 }) })] })] }) }) }));
40
43
  }
41
44
  render_menu(level, parent_id) {
package/dist/components/NSHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSHeader.js","sourceRoot":"","sources":["../../src/components/NSHeader.tsx"],"names":[],"mappings":"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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
@@ -18,14 +18,13 @@
18
18
  }
19
19
 
20
20
  .ns_navbar {
21
- background-color: #001664;
22
21
  min-height: 96px;
22
+ /* background-color: #0000004d !important; */
23
23
  position: relative;
24
24
  z-index: 10;
25
25
  display: flex;
26
26
  align-items: center;
27
27
  justify-content: center;
28
- color: white;
29
28
  }
30
29
 
31
30
  .ns_navbar_menu_icon {
package/dist/components/NSLayout.module.css CHANGED
@@ -1,13 +1,16 @@
1
1
  .ns_container {
2
+ min-height: 100vh;
2
3
  width: 100%;
3
4
  display: flex;
4
5
  flex-direction: column;
5
- justify-content: space-between;
6
+ justify-content: center;
7
+ align-items: center;
6
8
  }
7
9
 
8
10
  .ns_header {
9
- margin-bottom: auto;
11
+ margin-bottom: 48px;
10
12
  width: 100%;
13
+
11
14
  }
12
15
 
13
16
  .ns_footer {
package/dist/components/NSLayoutTitle.js CHANGED
@@ -1,10 +1,11 @@
1
1
  "use client";
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import Styles from './NSLayoutTitle.module.css';
3
4
  import { Component } from 'react';
4
5
  import { NSLayout } from './NSLayout';
5
6
  export class NSLayoutTitle extends Component {
6
7
  render() {
7
- 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] }));
8
+ 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] }));
8
9
  }
9
10
  }
10
11
  //# sourceMappingURL=NSLayoutTitle.js.map
package/dist/components/NSLayoutTitle.js.map CHANGED
@@ -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
@@ -0,0 +1,10 @@
1
+ .title {
2
+ text-align: center;
3
+ color: rgba(20, 27, 92, 1);
4
+ }
5
+
6
+ .description {
7
+ text-align: center;
8
+ color: rgba(20, 27, 92, 1);
9
+ margin-bottom: 48px;
10
+ }
package/dist/components/NSLinkBlue.js CHANGED
@@ -15,7 +15,7 @@ export class NSLinkBlue extends React.Component {
15
15
  }
16
16
  render() {
17
17
  var _a, _b;
18
- return (_jsx("div", { className: Styles.ns_link_parent, style: this.props.style, children: _jsx("a", { className: "text-white text-decoration-none", href: this.state.href, target: (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.target) !== null && _b !== void 0 ? _b : "_self", children: this.state.title }) }));
18
+ return (_jsx("div", { className: Styles.ns_link_parent, style: this.props.style, children: _jsx("a", { className: `text-white text-decoration-none ${this.props.title ? Styles.ns_link : Styles.ns_link_absolute}`, href: this.state.href, target: (_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.target) !== null && _b !== void 0 ? _b : "_self", children: this.state.title }) }));
19
19
  }
20
20
  }
21
21
  //# sourceMappingURL=NSLinkBlue.js.map
package/dist/components/NSLinkBlue.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSLinkBlue.js","sourceRoot":"","sources":["../../src/components/NSLinkBlue.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAEhF,YAAY,KAAsB;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAG,IAAI,EAAE,KAAK,CAAC,IAAI,EAAG,MAAM,EAAE,KAAK,CAAC,MAAM,EAAC,CAAC;IAC9E,CAAC;IACD,QAAQ,CAAC,KAAa;QAErB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO,CAAC,IAAY;QAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACzB,CAAC;IACQ,MAAM;;QAEd,OAAO,CAEN,cAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,YAC7D,YAAG,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,mCAAI,OAAO,YACzG,IAAI,CAAC,KAAK,CAAC,KAAK,GACd,GACC,CACN,CAAA;IACF,CAAC;CACD"}
1
+ {"version":3,"file":"NSLinkBlue.js","sourceRoot":"","sources":["../../src/components/NSLinkBlue.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAEhF,YAAY,KAAsB;QAEjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAG,IAAI,EAAE,KAAK,CAAC,IAAI,EAAG,MAAM,EAAE,KAAK,CAAC,MAAM,EAAC,CAAC;IAC9E,CAAC;IACD,QAAQ,CAAC,KAAa;QAErB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO,CAAC,IAAY;QAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACzB,CAAC;IACQ,MAAM;;QAEd,OAAO,CAEN,cAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,YAC7D,YAAG,SAAS,EAAE,mCAAmC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,mCAAI,OAAO,YAC1K,IAAI,CAAC,KAAK,CAAC,KAAK,GACd,GACC,CACN,CAAA;IACF,CAAC;CACD"}
package/dist/components/NSLinkBlue.module.css CHANGED
@@ -7,7 +7,7 @@
7
7
  gap: 24px;
8
8
  }
9
9
 
10
- .ns_link_parent a {
10
+ .ns_link {
11
11
  text-decoration: none;
12
12
  background-color: #366EFF;
13
13
  box-shadow: inset 2px 2px 2px 0 #1754F3;
@@ -22,4 +22,15 @@
22
22
  border-radius: 24px;
23
23
  max-width: 358px;
24
24
  width: 100%;
25
- }
25
+ }
26
+
27
+ .ns_link_absolute {
28
+ position: absolute;
29
+ width: 100%;
30
+ height: 100%;
31
+ left: 0;
32
+ right: 0;
33
+ top: 0;
34
+ bottom: 0;
35
+ cursor: pointer;
36
+ }
package/dist/components/NSPagination.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import Styles from './NSPagination.module.css';
4
4
  import { Component } from 'react';
5
5
  export class NSPagination extends Component {
@@ -20,7 +20,7 @@ export class NSPagination extends Component {
20
20
  else
21
21
  arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: index }) }));
22
22
  };
23
- arr.push(_jsx("div", { children: _jsxs("a", { href: '#', children: [" ", _jsx("img", { src: 'https://static.namirasoft.com/image/circle-chevron-left.png', alt: 'left_vector' }), " "] }) }));
23
+ 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 }) }) }));
24
24
  pushPage(1);
25
25
  if (page > window * 2)
26
26
  arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: "..." }) }));
@@ -29,7 +29,7 @@ export class NSPagination extends Component {
29
29
  if (page <= size - window * 2)
30
30
  arr.push(_jsx("div", { children: _jsx("a", { href: '#', className: `${Styles.ns_paginate_link}`, children: "..." }) }));
31
31
  pushPage(size);
32
- arr.push(_jsx("div", { children: _jsxs("a", { href: '#', children: [" ", _jsx("img", { src: 'https://static.namirasoft.com/image/circle-chevron-right.png', alt: 'right_vector' }), " "] }) }));
32
+ 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' }) }) }));
33
33
  return (_jsx("div", { className: `${Styles.ns_pagination_container}`, children: arr.map(x => (x)) }));
34
34
  }
35
35
  }
package/dist/components/NSPagination.js.map CHANGED
@@ -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
@@ -1,3 +1,5 @@
1
+ export * from "./components/NSButtonBlue";
2
+ export * from "./components/NSButtonBlueVector";
1
3
  export * from "./components/NSButtonGreen";
2
4
  export * from "./components/NSButtonRed";
3
5
  export * from "./components/NSCard";
@@ -32,4 +34,3 @@ export * from "./components/NSPagination";
32
34
  export * from "./components/NSTable";
33
35
  export * from "./components/NSTitle";
34
36
  export * from "./pages/NSLoginPage";
35
- export * from "./components/NSButtonBlue";
package/dist/main.js CHANGED
@@ -1,3 +1,5 @@
1
+ export * from "./components/NSButtonBlue";
2
+ export * from "./components/NSButtonBlueVector";
1
3
  export * from "./components/NSButtonGreen";
2
4
  export * from "./components/NSButtonRed";
3
5
  export * from "./components/NSCard";
@@ -32,5 +34,4 @@ export * from "./components/NSPagination";
32
34
  export * from "./components/NSTable";
33
35
  export * from "./components/NSTitle";
34
36
  export * from "./pages/NSLoginPage";
35
- export * from "./components/NSButtonBlue";
36
37
  //# sourceMappingURL=main.js.map
package/dist/main.js.map CHANGED
@@ -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
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.17",
11
+ "version": "1.3.19",
12
12
  "author": "Amir Abolhasani",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
@@ -21,8 +21,8 @@
21
21
  "copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
22
22
  },
23
23
  "dependencies": {
24
- "@types/node": "^20.12.5",
25
- "@types/react": "^18.2.74",
24
+ "@types/node": "^20.12.6",
25
+ "@types/react": "^18.2.75",
26
26
  "@types/react-dom": "^18.2.24",
27
27
  "antd": "^5.16.1",
28
28
  "bootstrap": "^5.3.3",
package/src/App.tsx CHANGED
@@ -1,74 +1,15 @@
1
1
  import './App.css';
2
2
  import 'bootstrap/dist/css/bootstrap.min.css';
3
- // import { NSInputText } from './components/NSInputText';
4
- // import { NSInputInteger } from './components/NSInputInteger';
5
- // import { NSInputFloat } from './components/NSInputFloat';
6
- // import { NSInputPrice } from './components/NSInputPrice';
7
- // import { NSInputDate } from './components/NSInputDate';
8
- // import { NSInputTime } from './components/NSInputTime';
9
- // import { NSInputDuration } from './components/NSInputDuration';
10
- // import { NSInputString } from './components/NSInputString';
11
- // import { NSInputIP } from './components/NSInputIP';
12
- // import { NSInputEmail } from './components/NSInputEmail';
13
- // import { NSInputSearch } from './components/NSInputSearch';
14
- // import { NSInputPhone } from './components/NSInputPhone';
15
- // import { NSButtonGreen } from './components/NSButtonGreen';
16
- import { NSButtonRed } from './components/NSButtonRed';
17
- // import { NSSelectBox } from './components/NSSelectBox';
18
- // import { type SelectProps } from 'antd';
19
- import { NSButtonBlue, NSLayoutTitle, NSPagination } from './main';
20
- // import { NSBoxPosition } from './components/NSBoxPosition';
21
- // import { NSBoxSection } from './components/NSBoxSection';
3
+ import { NSButtonBlue, NSButtonBlueVector, NSLayoutTitle, NSPagination } from './main';
22
4
 
23
5
  export function App()
24
6
  {
25
- // const options: SelectProps['options'] = [
26
- // {
27
- // label: 'Test1',
28
- // value: 'test1',
29
- // desc: 'Test1',
30
- // },
31
- // {
32
- // label: 'Test2',
33
- // value: 'test2',
34
- // desc: 'Test2',
35
- // },
36
- // {
37
- // label: 'Test3',
38
- // value: 'test3',
39
- // desc: 'Test3',
40
- // },
41
- // {
42
- // label: 'Test4',
43
- // value: 'test4',
44
- // desc: 'Test4',
45
- // },
46
- // ];
47
-
48
7
  return (
49
8
  <div className="App">
50
- <NSLayoutTitle scope='Namirasoft SOP console' logo='' title="namirasoft">
51
- <div className='my-4 container'>
52
- {/* <NSBoxSection image='src/assets/images/position-down-vector.png' description="" detail='#' /> */}
53
- {/* <NSInputText title='Text' />
54
- <NSInputInteger title='Integer' />
55
- <NSInputFloat title='Floating Point' />
56
- <NSInputPrice title='Price' />
57
- <NSInputDate title='Date' />
58
- <NSInputTime title='Time' />
59
- <NSInputDuration title='Duration' />
60
- <NSInputString title='String' />
61
- <NSInputIP title='IP' />
62
- <NSInputEmail title='Email' />
63
- <NSInputSearch title='Search' />
64
- <NSInputPhone title='Phone' />
65
- <NSSelectBox title="t" options={options} />
66
- <NSButtonGreen title='Save' onClick={() => { }} /> */}
67
- <NSButtonRed title='Delete' onClick={() => { }} />
68
- <NSPagination page={1} size={25} />
69
- <NSButtonBlue title='Apply' onClick={() => ""} />
70
- </div>
71
- {/* <NSBoxPosition image='' title='' list='' percent='' information='' /> */}
9
+ <NSLayoutTitle scope='Namirasoft Account Console' logo='' title="Namirasoft" description='paragraph'>
10
+ <NSPagination page={1} size={25} />
11
+ <NSButtonBlue title='Apply' onClick={() => ""} />
12
+ <NSButtonBlueVector title='New' onClick={() => ""} vector='/assets/images/add-vector.png' />
72
13
  </NSLayoutTitle>
73
14
  </div>
74
15
  );
package/src/components/NSButtonBlueVector.module.css ADDED
@@ -0,0 +1,17 @@
1
+ .ns_button_blue_vector {
2
+ background-color: rgba(3, 119, 255, 1);
3
+ max-width: 100%;
4
+ border: 0;
5
+ box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
6
+ font-size: 16px;
7
+ width: 128px;
8
+ height: 48px;
9
+ border-radius: 8px;
10
+ color: white;
11
+ font-weight: 400;
12
+ display: flex;
13
+ flex-direction: row;
14
+ justify-content: center;
15
+ align-items: center;
16
+ gap: 8px;
17
+ }
package/src/components/NSButtonBlueVector.tsx ADDED
@@ -0,0 +1,41 @@
1
+ "use client";
2
+
3
+ import React from "react";
4
+ import Style from "./NSButtonBlueVector.module.css";
5
+
6
+ export interface NSButtonBlueVectorProps
7
+ {
8
+ title: string;
9
+ vector: string;
10
+ onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
11
+ }
12
+
13
+ export interface NSButtonBlueVectorState
14
+ {
15
+ title: string;
16
+ vector: string;
17
+ }
18
+
19
+ export class NSButtonBlueVector extends React.Component<NSButtonBlueVectorProps, NSButtonBlueVectorState>
20
+ {
21
+ constructor(props: NSButtonBlueVectorProps)
22
+ {
23
+ super(props);
24
+ this.state = { title: props.title, vector: props.vector };
25
+ }
26
+ setTitle(title: string, vector: string)
27
+ {
28
+ this.setState({ title, vector });
29
+ }
30
+ override render()
31
+ {
32
+ return (
33
+
34
+ <button onClick={e => this.props.onClick(e)} className={Style.ns_button_blue_vector}>
35
+ <img src={this.state.vector} width={16} height={16} />
36
+ {this.state.title}
37
+ </button>
38
+
39
+ );
40
+ }
41
+ }
package/src/components/NSCard.module.css CHANGED
@@ -80,17 +80,6 @@
80
80
  width: 100%;
81
81
  }
82
82
 
83
- .ns_link_absolute {
84
- position: absolute;
85
- width: 100%;
86
- height: 100%;
87
- left: 0;
88
- right: 0;
89
- top: 0;
90
- bottom: 0;
91
- cursor: pointer;
92
- }
93
-
94
83
 
95
84
  @media only screen and (min-width: 576px) {
96
85
  .ns_card {
package/src/components/NSEntityCardBackground.module.css CHANGED
@@ -26,14 +26,3 @@
26
26
  .ns_card_link_container {
27
27
  width: 100%;
28
28
  }
29
-
30
- .ns_link_absolute {
31
- position: absolute;
32
- width: 100%;
33
- height: 100%;
34
- left: 0;
35
- right: 0;
36
- top: 0;
37
- bottom: 0;
38
- cursor: pointer;
39
- }
package/src/components/NSHeader.module.css CHANGED
@@ -18,14 +18,13 @@
18
18
  }
19
19
 
20
20
  .ns_navbar {
21
- background-color: #001664;
22
21
  min-height: 96px;
22
+ /* background-color: #0000004d !important; */
23
23
  position: relative;
24
24
  z-index: 10;
25
25
  display: flex;
26
26
  align-items: center;
27
27
  justify-content: center;
28
- color: white;
29
28
  }
30
29
 
31
30
  .ns_navbar_menu_icon {
package/src/components/NSHeader.tsx CHANGED
@@ -63,6 +63,9 @@ export class NSHeader extends React.Component<NSHeaderProps, NSHeaderState> {
63
63
  return (
64
64
  <header>
65
65
  <nav className={Styles.ns_navbar}
66
+ style={{
67
+ backgroundColor: this.props.background?.color ? this.props.background?.color : "rgba(20, 27, 92, 1)"
68
+ }}
66
69
  >
67
70
  <div className={`${Styles.ns_navbar_parent_content} container`}>
68
71
  <a href="/">
package/src/components/NSLayout.module.css CHANGED
@@ -1,13 +1,16 @@
1
1
  .ns_container {
2
+ min-height: 100vh;
2
3
  width: 100%;
3
4
  display: flex;
4
5
  flex-direction: column;
5
- justify-content: space-between;
6
+ justify-content: center;
7
+ align-items: center;
6
8
  }
7
9
 
8
10
  .ns_header {
9
- margin-bottom: auto;
11
+ margin-bottom: 48px;
10
12
  width: 100%;
13
+
11
14
  }
12
15
 
13
16
  .ns_footer {
package/src/components/NSLayoutTitle.module.css ADDED
@@ -0,0 +1,10 @@
1
+ .title {
2
+ text-align: center;
3
+ color: rgba(20, 27, 92, 1);
4
+ }
5
+
6
+ .description {
7
+ text-align: center;
8
+ color: rgba(20, 27, 92, 1);
9
+ margin-bottom: 48px;
10
+ }
package/src/components/NSLayoutTitle.tsx CHANGED
@@ -1,5 +1,6 @@
1
1
  "use client";
2
2
 
3
+ import Styles from './NSLayoutTitle.module.css';
3
4
  import { Component } from 'react';
4
5
  import { ReactNode } from 'react';
5
6
  import { NSLayout } from './NSLayout';
@@ -18,9 +19,9 @@ export class NSLayoutTitle extends Component<NSLayoutTitleProps> {
18
19
  {
19
20
  return (
20
21
  <NSLayout scope={this.props.scope} logo={this.props.logo} >
21
- <div>
22
- <h1 className='text-black text-center py-4'>{this.props.title}</h1>
23
- <p className='text-black page-description'>{this.props.description}</p>
22
+ <div className=''>
23
+ <h1 className={Styles.title}>{this.props.title}</h1>
24
+ <p className={Styles.description}>{this.props.description}</p>
24
25
  </div>
25
26
  {this.props.children}
26
27
  </NSLayout>
package/src/components/NSLinkBlue.module.css CHANGED
@@ -7,7 +7,7 @@
7
7
  gap: 24px;
8
8
  }
9
9
 
10
- .ns_link_parent a {
10
+ .ns_link {
11
11
  text-decoration: none;
12
12
  background-color: #366EFF;
13
13
  box-shadow: inset 2px 2px 2px 0 #1754F3;
@@ -22,4 +22,15 @@
22
22
  border-radius: 24px;
23
23
  max-width: 358px;
24
24
  width: 100%;
25
- }
25
+ }
26
+
27
+ .ns_link_absolute {
28
+ position: absolute;
29
+ width: 100%;
30
+ height: 100%;
31
+ left: 0;
32
+ right: 0;
33
+ top: 0;
34
+ bottom: 0;
35
+ cursor: pointer;
36
+ }
package/src/components/NSLinkBlue.tsx CHANGED
@@ -38,7 +38,7 @@ export class NSLinkBlue extends React.Component<NSLinkBlueProps, NSLinkBlueState
38
38
  return (
39
39
 
40
40
  <div className={Styles.ns_link_parent} style={this.props.style}>
41
- <a className="text-white text-decoration-none" href={this.state.href} target={this.state?.target ?? "_self"} >
41
+ <a className={`text-white text-decoration-none ${this.props.title ? Styles.ns_link : Styles.ns_link_absolute}`} href={this.state.href} target={this.state?.target ?? "_self"} >
42
42
  {this.state.title}
43
43
  </a>
44
44
  </div>
package/src/components/NSPagination.tsx CHANGED
@@ -33,44 +33,48 @@ export class NSPagination extends Component<NSPaginationState, NSPaginationProps
33
33
  let pushPage = (index: number) =>
34
34
  {
35
35
  if (index == page)
36
- arr.push(
37
- <div className={`${Styles.ns_select_number_parent}`}>
38
- <a href='#' className={`${Styles.ns_paginate_link} ${Styles.ns_select_number}`}>{index}</a>
39
- </div>
40
- );
36
+ arr.push(
37
+ <div className={`${Styles.ns_select_number_parent}`}>
38
+ <a href='#' className={`${Styles.ns_paginate_link} ${Styles.ns_select_number}`}>{index}</a>
39
+ </div>
40
+ );
41
41
  else
42
- arr.push(
43
- <div>
44
- <a href='#' className={`${Styles.ns_paginate_link}`}>{index}</a>
45
- </div>
46
- );
42
+ arr.push(
43
+ <div>
44
+ <a href='#' className={`${Styles.ns_paginate_link}`}>{index}</a>
45
+ </div>
46
+ );
47
47
  };
48
- arr.push(
49
- <div>
50
- <a href='#'> <img src='https://static.namirasoft.com/image/circle-chevron-left.png' alt='left_vector' /> </a>
51
- </div>
52
- );
48
+ arr.push(
49
+ <div>
50
+ <a href='#'>
51
+ <img src='https://static.namirasoft.com/image/circle-chevron-left.png' alt='left_vector' width={32} height={32} />
52
+ </a>
53
+ </div>
54
+ );
53
55
  pushPage(1);
54
56
  if (page > window * 2)
55
- arr.push(
56
- <div>
57
- <a href='#' className={`${Styles.ns_paginate_link}`}>...</a>
58
- </div>
59
- );
57
+ arr.push(
58
+ <div>
59
+ <a href='#' className={`${Styles.ns_paginate_link}`}>...</a>
60
+ </div>
61
+ );
60
62
  for (let i = min; i <= max; i++)
61
63
  pushPage(i);
62
64
  if (page <= size - window * 2)
63
- arr.push(
64
- <div>
65
- <a href='#' className={`${Styles.ns_paginate_link}`}>...</a>
66
- </div>
67
- );
65
+ arr.push(
66
+ <div>
67
+ <a href='#' className={`${Styles.ns_paginate_link}`}>...</a>
68
+ </div>
69
+ );
68
70
  pushPage(size);
69
- arr.push(
70
- <div>
71
- <a href='#'> <img src='https://static.namirasoft.com/image/circle-chevron-right.png' alt='right_vector'/> </a>
72
- </div>
73
- );
71
+ arr.push(
72
+ <div>
73
+ <a href='#'>
74
+ <img src='https://static.namirasoft.com/image/circle-chevron-right.png' width={32} height={32} alt='right_vector' />
75
+ </a>
76
+ </div>
77
+ );
74
78
 
75
79
  return (
76
80
  <div className={`${Styles.ns_pagination_container}`}>
package/src/main.ts CHANGED
@@ -1,3 +1,5 @@
1
+ export * from "./components/NSButtonBlue";
2
+ export * from "./components/NSButtonBlueVector";
1
3
  export * from "./components/NSButtonGreen";
2
4
  export * from "./components/NSButtonRed";
3
5
  export * from "./components/NSCard";
@@ -32,4 +34,5 @@ export * from "./components/NSPagination";
32
34
  export * from "./components/NSTable";
33
35
  export * from "./components/NSTitle";
34
36
  export * from "./pages/NSLoginPage";
35
- export * from "./components/NSButtonBlue";
37
+
38
+