namirasoft-site-react 1.3.13 → 1.3.16

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 (27) hide show
  1. package/config-overrides.js +9 -4
  2. package/dist/App.js +2 -2
  3. package/dist/App.js.map +1 -1
  4. package/dist/components/NSButtonBlue.d.ts +13 -0
  5. package/dist/components/NSButtonBlue.js +17 -0
  6. package/dist/components/NSButtonBlue.js.map +1 -0
  7. package/dist/components/NSButtonBlue.module.css +12 -0
  8. package/dist/components/NSCard.module.css +2 -1
  9. package/dist/components/NSHeader.js +1 -4
  10. package/dist/components/NSHeader.js.map +1 -1
  11. package/dist/components/NSHeader.module.css +12 -6
  12. package/dist/components/NSLayout.module.css +0 -1
  13. package/dist/components/NSLayoutTitle.js +1 -1
  14. package/dist/components/NSLayoutTitle.js.map +1 -1
  15. package/dist/main.d.ts +1 -0
  16. package/dist/main.js +1 -0
  17. package/dist/main.js.map +1 -1
  18. package/package.json +65 -53
  19. package/src/App.tsx +4 -3
  20. package/src/components/NSButtonBlue.module.css +12 -0
  21. package/src/components/NSButtonBlue.tsx +32 -0
  22. package/src/components/NSCard.module.css +2 -1
  23. package/src/components/NSHeader.module.css +12 -6
  24. package/src/components/NSHeader.tsx +0 -3
  25. package/src/components/NSLayout.module.css +0 -1
  26. package/src/components/NSLayoutTitle.tsx +1 -1
  27. package/src/main.ts +1 -0
package/config-overrides.js CHANGED
@@ -1,11 +1,11 @@
1
1
  const getCacheIdentifier = require('react-dev-utils/getCacheIdentifier');
2
+ const webpack = require('webpack');
2
3
 
3
4
  const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
4
5
 
5
6
  module.exports = function override(config, webpackEnv)
6
7
  {
7
8
  console.log('overriding webpack config...');
8
-
9
9
  const isEnvDevelopment = webpackEnv === 'development';
10
10
  const isEnvProduction = webpackEnv === 'production';
11
11
  const loaders = config.module.rules[1].oneOf;
@@ -48,9 +48,7 @@ module.exports = function override(config, webpackEnv)
48
48
  },
49
49
  });
50
50
 
51
-
52
- let resolve = config.resolve;
53
- resolve.fallback = {
51
+ config.resolve.fallback = {
54
52
  "fs": false,
55
53
  "tls": false,
56
54
  "net": false,
@@ -61,6 +59,13 @@ module.exports = function override(config, webpackEnv)
61
59
  // "stream": require.resolve("stream-browserify"),
62
60
  // "util": require.resolve("util/"),
63
61
  // "crypto": require.resolve("crypto-browserify")
62
+ "crypto": false
64
63
  }
64
+ config.plugins = (config.plugins || []).concat([
65
+ new webpack.NormalModuleReplacementPlugin(/node:/, (resource) =>
66
+ {
67
+ resource.request = resource.request.replace(/^node:/, "");
68
+ })
69
+ ]);
65
70
  return config;
66
71
  };
package/dist/App.js CHANGED
@@ -2,8 +2,8 @@ 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
4
  import { NSButtonRed } from './components/NSButtonRed';
5
- import { NSLayout, NSPagination } from './main';
5
+ import { NSButtonBlue, NSLayoutTitle, NSPagination } from './main';
6
6
  export function App() {
7
- return (_jsx("div", { className: "App", children: _jsx(NSLayout, { scope: 'Namirasoft SOP console', logo: '', children: _jsxs("div", { className: 'my-4 container', children: [_jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSPagination, { page: 1, size: 25 })] }) }) }));
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: () => "" })] }) }) }));
8
8
  }
9
9
  //# 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,QAAQ,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAIhD,MAAM,UAAU,GAAG;IAyBf,OAAO,CACH,cAAK,SAAS,EAAC,KAAK,YAChB,KAAC,QAAQ,IAAC,KAAK,EAAC,wBAAwB,EAAC,IAAI,EAAC,EAAE,YAC5C,eAAK,SAAS,EAAC,gBAAgB,aAgB3B,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,EAClD,KAAC,YAAY,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,GAAI,IACjC,GAEC,GACT,CACT,CAAC;AACN,CAAC"}
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"}
package/dist/components/NSButtonBlue.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ export interface NSButtonBlueProps {
3
+ title: string;
4
+ onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
5
+ }
6
+ export interface NSButtonBlueState {
7
+ title: string;
8
+ }
9
+ export declare class NSButtonBlue extends React.Component<NSButtonBlueProps, NSButtonBlueState> {
10
+ constructor(props: NSButtonBlueProps);
11
+ setTitle(title: string): void;
12
+ render(): import("react/jsx-runtime").JSX.Element;
13
+ }
package/dist/components/NSButtonBlue.js ADDED
@@ -0,0 +1,17 @@
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import React from "react";
4
+ import Style from "./NSButtonBlue.module.css";
5
+ export class NSButtonBlue extends React.Component {
6
+ constructor(props) {
7
+ super(props);
8
+ this.state = { title: props.title };
9
+ }
10
+ setTitle(title) {
11
+ this.setState({ title });
12
+ }
13
+ render() {
14
+ return _jsx("button", { onClick: e => this.props.onClick(e), className: Style.ns_button_blue, children: this.state.title });
15
+ }
16
+ }
17
+ //# sourceMappingURL=NSButtonBlue.js.map
package/dist/components/NSButtonBlue.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NSButtonBlue.js","sourceRoot":"","sources":["../../src/components/NSButtonBlue.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAa9C,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA+C;IAEnF,YAAY,KAAwB;QAEhC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACQ,MAAM;QAEX,OAAO,iBAAQ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAU,CAAC;IACrH,CAAC;CACJ"}
package/dist/components/NSButtonBlue.module.css ADDED
@@ -0,0 +1,12 @@
1
+ .ns_button_blue {
2
+ width: 358px;
3
+ max-width: 100%;
4
+ height: 48px;
5
+ border-radius: 8px;
6
+ background-color: rgba(3, 119, 255, 1);
7
+ color: #fff;
8
+ border: 0;
9
+ box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
10
+ font-size: 16px;
11
+ font-weight: 400;
12
+ }
package/dist/components/NSCard.module.css CHANGED
@@ -68,11 +68,12 @@
68
68
  box-shadow: inset 2px 2px 2px 0 #1754F3;
69
69
  color: #fff;
70
70
  font-weight: 400;
71
- font-style: 16px;
71
+ font-style: inherit;
72
72
  line-height: normal;
73
73
  border-radius: 24px;
74
74
  width: 100%;
75
75
  max-width: 310px;
76
+ margin-top: 24px;
76
77
  }
77
78
 
78
79
  .ns_card_link_container {
package/dist/components/NSHeader.js CHANGED
@@ -35,10 +35,7 @@ export class NSHeader extends React.Component {
35
35
  this.setState({ showNavbar: !this.state.showNavbar });
36
36
  }
37
37
  render() {
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 : "#0000004d"
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 &&
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 &&
42
39
  _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 }) })] })] }) }) }));
43
40
  }
44
41
  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,13 +18,14 @@
18
18
  }
19
19
 
20
20
  .ns_navbar {
21
+ background-color: #001664;
21
22
  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;
28
29
  }
29
30
 
30
31
  .ns_navbar_menu_icon {
@@ -82,7 +83,7 @@
82
83
 
83
84
  .ns_navbar_items_link {
84
85
  display: block;
85
- padding: 8px 20px 8px 0;
86
+ padding: 12px 20px 12px 0;
86
87
  font-size: var(--bs-nav-link-font-size);
87
88
  font-weight: var(--bs-nav-link-font-weight);
88
89
  color: var(--bs-nav-link-color);
@@ -101,6 +102,10 @@
101
102
  }
102
103
 
103
104
  @media (max-width: 1024px) {
105
+ .ns_navbar_items_link {
106
+ width: 100%;
107
+ }
108
+
104
109
  .ns_navbar_menu_icon {
105
110
  display: block;
106
111
  cursor: pointer;
@@ -118,7 +123,8 @@
118
123
  }
119
124
 
120
125
  .ns_navbar_elements.ns_navbar_active {
121
- width: 270px;
126
+ width: 100%;
127
+ text-align: center;
122
128
  }
123
129
 
124
130
  .ns_navbar_elements ul {
@@ -154,9 +160,9 @@
154
160
  padding-left: 3rem;
155
161
  }
156
162
 
157
- .ns_navbar_parent_content img {
158
- margin-right: 32px !important;
159
- }
163
+ .ns_navbar_parent_content img {
164
+ margin-right: 32px !important;
165
+ }
160
166
 
161
167
  .ns_nav_second_item .dropdown-menu {
162
168
  margin-top: -20% !important;
package/dist/components/NSLayout.module.css CHANGED
@@ -1,5 +1,4 @@
1
1
  .ns_container {
2
- min-height: 100vh;
3
2
  width: 100%;
4
3
  display: flex;
5
4
  flex-direction: column;
package/dist/components/NSLayoutTitle.js CHANGED
@@ -4,7 +4,7 @@ import { Component } from 'react';
4
4
  import { NSLayout } from './NSLayout';
5
5
  export class NSLayoutTitle extends Component {
6
6
  render() {
7
- return (_jsxs(NSLayout, { scope: this.props.scope, logo: this.props.logo, children: [_jsxs("div", { children: [_jsx("h1", { className: 'text-black text-center', children: this.props.title }), _jsx("p", { className: 'text-black page-description', children: this.props.description })] }), this.props.children] }));
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
8
  }
9
9
  }
10
10
  //# 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,wBAAwB,YAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EAC9D,YAAG,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAK,IAClE,EACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IACV,CACX,CAAC;IACH,CAAC;CACD"}
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"}
package/dist/main.d.ts CHANGED
@@ -32,3 +32,4 @@ export * from "./components/NSPagination";
32
32
  export * from "./components/NSTable";
33
33
  export * from "./components/NSTitle";
34
34
  export * from "./pages/NSLoginPage";
35
+ export * from "./components/NSButtonBlue";
package/dist/main.js CHANGED
@@ -32,4 +32,5 @@ export * from "./components/NSPagination";
32
32
  export * from "./components/NSTable";
33
33
  export * from "./components/NSTitle";
34
34
  export * from "./pages/NSLoginPage";
35
+ export * from "./components/NSButtonBlue";
35
36
  //# 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"}
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"}
package/package.json CHANGED
@@ -1,54 +1,66 @@
1
1
  {
2
- "name": "namirasoft-site-react",
3
- "title": "Namirasoft Site React",
4
- "description": "Namira Software Corporation Site React NPM Package",
5
- "icon": "logo.png",
6
- "logo": "https://static.namirasoft.com/logo/namirasoft/name.png",
7
- "language": "ts",
8
- "framework": "npm",
9
- "application": "package",
10
- "private": false,
11
- "version": "1.3.13",
12
- "main": "./dist/main.js",
13
- "types": "./dist/main.d.ts",
14
- "author": "Amir Abolhasani",
15
- "license": "MIT",
16
- "scripts": {
17
- "start": "react-app-rewired start",
18
- "build": "npm run copy && tsc",
19
- "test": "react-app-rewired test",
20
- "eject": "react-app-rewired eject",
21
- "copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
22
- },
23
- "dependencies": {
24
- "@types/node": "^20.12.3",
25
- "@types/react": "^18.2.74",
26
- "@types/react-dom": "^18.2.23",
27
- "antd": "^5.16.0",
28
- "bootstrap": "^5.3.3",
29
- "link-react": "^3.0.0",
30
- "namirasoft-api-link": "^1.3.1",
31
- "namirasoft-core": "^1.3.18",
32
- "path-browserify": "^1.0.1",
33
- "react": "^18.2.0",
34
- "react-app-rewired": "^2.2.1",
35
- "react-bootstrap": "^2.10.2",
36
- "react-dom": "^18.2.0",
37
- "react-phone-input-2": "^2.15.1",
38
- "react-phone-number-input": "^3.3.10",
39
- "react-router-dom": "^6.22.3",
40
- "react-scripts": "5.0.1",
41
- "copyfiles": "^2.4.1"
42
- },
43
- "eslintConfig": {
44
- "extends": [
45
- "react-app",
46
- "react-app/jest"
47
- ]
48
- },
49
- "skip": {
50
- "content": [
51
- "/tsconfig.json"
52
- ]
53
- }
54
- }
2
+ "name": "namirasoft-site-react",
3
+ "title": "Namirasoft Site React",
4
+ "description": "Namira Software Corporation Site React NPM Package",
5
+ "icon": "logo.png",
6
+ "logo": "https://static.namirasoft.com/logo/namirasoft/name.png",
7
+ "language": "ts",
8
+ "framework": "npm",
9
+ "application": "package",
10
+ "private": false,
11
+ "version": "1.3.16",
12
+ "author": "Amir Abolhasani",
13
+ "license": "MIT",
14
+ "main": "./dist/main.js",
15
+ "types": "./dist/main.d.ts",
16
+ "scripts": {
17
+ "start": "react-app-rewired start",
18
+ "build": "npm run copy && tsc",
19
+ "test": "react-app-rewired test",
20
+ "eject": "react-app-rewired eject",
21
+ "copy": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.svg src/**/*.png src/**/*.jpg dist/"
22
+ },
23
+ "dependencies": {
24
+ "@types/node": "^20.12.5",
25
+ "@types/react": "^18.2.74",
26
+ "@types/react-dom": "^18.2.24",
27
+ "antd": "^5.16.1",
28
+ "bootstrap": "^5.3.3",
29
+ "link-react": "^3.0.0",
30
+ "namirasoft-api-link": "^1.3.1",
31
+ "namirasoft-core": "^1.3.18",
32
+ "path-browserify": "^1.0.1",
33
+ "react": "^18.2.0",
34
+ "react-app-rewired": "^2.2.1",
35
+ "react-bootstrap": "^2.10.2",
36
+ "react-dom": "^18.2.0",
37
+ "react-phone-input-2": "^2.15.1",
38
+ "react-phone-number-input": "^3.3.12",
39
+ "react-router-dom": "^6.22.3",
40
+ "react-scripts": "5.0.1",
41
+ "copyfiles": "^2.4.1"
42
+ },
43
+ "eslintConfig": {
44
+ "extends": [
45
+ "react-app",
46
+ "react-app/jest"
47
+ ]
48
+ },
49
+ "skip": {
50
+ "content": [
51
+ "/tsconfig.json"
52
+ ]
53
+ },
54
+ "browserslist": {
55
+ "production": [
56
+ ">0.2%",
57
+ "not dead",
58
+ "not op_mini all"
59
+ ],
60
+ "development": [
61
+ "last 1 chrome version",
62
+ "last 1 firefox version",
63
+ "last 1 safari version"
64
+ ]
65
+ }
66
+ }
package/src/App.tsx CHANGED
@@ -16,7 +16,7 @@ import 'bootstrap/dist/css/bootstrap.min.css';
16
16
  import { NSButtonRed } from './components/NSButtonRed';
17
17
  // import { NSSelectBox } from './components/NSSelectBox';
18
18
  // import { type SelectProps } from 'antd';
19
- import { NSLayout, NSPagination } from './main';
19
+ import { NSButtonBlue, NSLayoutTitle, NSPagination } from './main';
20
20
  // import { NSBoxPosition } from './components/NSBoxPosition';
21
21
  // import { NSBoxSection } from './components/NSBoxSection';
22
22
 
@@ -47,7 +47,7 @@ export function App()
47
47
 
48
48
  return (
49
49
  <div className="App">
50
- <NSLayout scope='Namirasoft SOP console' logo=''>
50
+ <NSLayoutTitle scope='Namirasoft SOP console' logo='' title="namirasoft">
51
51
  <div className='my-4 container'>
52
52
  {/* <NSBoxSection image='src/assets/images/position-down-vector.png' description="" detail='#' /> */}
53
53
  {/* <NSInputText title='Text' />
@@ -66,9 +66,10 @@ export function App()
66
66
  <NSButtonGreen title='Save' onClick={() => { }} /> */}
67
67
  <NSButtonRed title='Delete' onClick={() => { }} />
68
68
  <NSPagination page={1} size={25} />
69
+ <NSButtonBlue title='Apply' onClick={() => ""} />
69
70
  </div>
70
71
  {/* <NSBoxPosition image='' title='' list='' percent='' information='' /> */}
71
- </NSLayout>
72
+ </NSLayoutTitle>
72
73
  </div>
73
74
  );
74
75
  }
package/src/components/NSButtonBlue.module.css ADDED
@@ -0,0 +1,12 @@
1
+ .ns_button_blue {
2
+ width: 358px;
3
+ max-width: 100%;
4
+ height: 48px;
5
+ border-radius: 8px;
6
+ background-color: rgba(3, 119, 255, 1);
7
+ color: #fff;
8
+ border: 0;
9
+ box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
10
+ font-size: 16px;
11
+ font-weight: 400;
12
+ }
package/src/components/NSButtonBlue.tsx ADDED
@@ -0,0 +1,32 @@
1
+ "use client";
2
+
3
+ import React from "react";
4
+ import Style from "./NSButtonBlue.module.css";
5
+
6
+ export interface NSButtonBlueProps
7
+ {
8
+ title: string;
9
+ onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
10
+ }
11
+
12
+ export interface NSButtonBlueState
13
+ {
14
+ title: string;
15
+ }
16
+
17
+ export class NSButtonBlue extends React.Component<NSButtonBlueProps, NSButtonBlueState>
18
+ {
19
+ constructor(props: NSButtonBlueProps)
20
+ {
21
+ super(props);
22
+ this.state = { title: props.title };
23
+ }
24
+ setTitle(title: string)
25
+ {
26
+ this.setState({ title });
27
+ }
28
+ override render()
29
+ {
30
+ return <button onClick={e => this.props.onClick(e)} className={Style.ns_button_blue}>{this.state.title}</button>;
31
+ }
32
+ }
package/src/components/NSCard.module.css CHANGED
@@ -68,11 +68,12 @@
68
68
  box-shadow: inset 2px 2px 2px 0 #1754F3;
69
69
  color: #fff;
70
70
  font-weight: 400;
71
- font-style: 16px;
71
+ font-style: inherit;
72
72
  line-height: normal;
73
73
  border-radius: 24px;
74
74
  width: 100%;
75
75
  max-width: 310px;
76
+ margin-top: 24px;
76
77
  }
77
78
 
78
79
  .ns_card_link_container {
package/src/components/NSHeader.module.css CHANGED
@@ -18,13 +18,14 @@
18
18
  }
19
19
 
20
20
  .ns_navbar {
21
+ background-color: #001664;
21
22
  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;
28
29
  }
29
30
 
30
31
  .ns_navbar_menu_icon {
@@ -82,7 +83,7 @@
82
83
 
83
84
  .ns_navbar_items_link {
84
85
  display: block;
85
- padding: 8px 20px 8px 0;
86
+ padding: 12px 20px 12px 0;
86
87
  font-size: var(--bs-nav-link-font-size);
87
88
  font-weight: var(--bs-nav-link-font-weight);
88
89
  color: var(--bs-nav-link-color);
@@ -101,6 +102,10 @@
101
102
  }
102
103
 
103
104
  @media (max-width: 1024px) {
105
+ .ns_navbar_items_link {
106
+ width: 100%;
107
+ }
108
+
104
109
  .ns_navbar_menu_icon {
105
110
  display: block;
106
111
  cursor: pointer;
@@ -118,7 +123,8 @@
118
123
  }
119
124
 
120
125
  .ns_navbar_elements.ns_navbar_active {
121
- width: 270px;
126
+ width: 100%;
127
+ text-align: center;
122
128
  }
123
129
 
124
130
  .ns_navbar_elements ul {
@@ -154,9 +160,9 @@
154
160
  padding-left: 3rem;
155
161
  }
156
162
 
157
- .ns_navbar_parent_content img {
158
- margin-right: 32px !important;
159
- }
163
+ .ns_navbar_parent_content img {
164
+ margin-right: 32px !important;
165
+ }
160
166
 
161
167
  .ns_nav_second_item .dropdown-menu {
162
168
  margin-top: -20% !important;
package/src/components/NSHeader.tsx CHANGED
@@ -63,9 +63,6 @@ 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 : "#0000004d"
68
- }}
69
66
  >
70
67
  <div className={`${Styles.ns_navbar_parent_content} container`}>
71
68
  <a href="/">
package/src/components/NSLayout.module.css CHANGED
@@ -1,5 +1,4 @@
1
1
  .ns_container {
2
- min-height: 100vh;
3
2
  width: 100%;
4
3
  display: flex;
5
4
  flex-direction: column;
package/src/components/NSLayoutTitle.tsx CHANGED
@@ -19,7 +19,7 @@ export class NSLayoutTitle extends Component<NSLayoutTitleProps> {
19
19
  return (
20
20
  <NSLayout scope={this.props.scope} logo={this.props.logo} >
21
21
  <div>
22
- <h1 className='text-black text-center'>{this.props.title}</h1>
22
+ <h1 className='text-black text-center py-4'>{this.props.title}</h1>
23
23
  <p className='text-black page-description'>{this.props.description}</p>
24
24
  </div>
25
25
  {this.props.children}
package/src/main.ts CHANGED
@@ -32,3 +32,4 @@ export * from "./components/NSPagination";
32
32
  export * from "./components/NSTable";
33
33
  export * from "./components/NSTitle";
34
34
  export * from "./pages/NSLoginPage";
35
+ export * from "./components/NSButtonBlue";