namirasoft-site-react 1.3.475 → 1.3.476

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 (8) hide show
  1. package/dist/App.js +159 -1
  2. package/dist/App.js.map +1 -1
  3. package/dist/components/NSLine.module.css +8 -9
  4. package/dist/pages/NSNotFoundPage.module.css +2 -2
  5. package/package.json +3 -3
  6. package/src/App.tsx +164 -4
  7. package/src/components/NSLine.module.css +8 -9
  8. package/src/pages/NSNotFoundPage.module.css +2 -2
package/dist/App.js CHANGED
@@ -1,8 +1,166 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
1
10
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
11
  import './App.css';
3
12
  import 'bootstrap/dist/css/bootstrap.min.css';
13
+ import { NSTable } from './components/NSTable';
14
+ import { NSNotFoundPage } from './main';
4
15
  import { NSLayout } from './components/NSLayout';
16
+ const fakeFormatter = {
17
+ format: (value) => { return value; }
18
+ };
19
+ const fakeColumns = [
20
+ {
21
+ index: 0,
22
+ name: 'Column1',
23
+ text: 'Column 111111111111',
24
+ formatter: fakeFormatter,
25
+ },
26
+ {
27
+ index: 1,
28
+ name: 'Column2',
29
+ text: 'Column 222222',
30
+ formatter: fakeFormatter,
31
+ },
32
+ {
33
+ index: 1,
34
+ name: 'Column3',
35
+ text: 'Column 33333333',
36
+ formatter: fakeFormatter,
37
+ },
38
+ {
39
+ index: 1,
40
+ name: 'Column4',
41
+ text: 'Column 44444444444',
42
+ formatter: fakeFormatter,
43
+ },
44
+ {
45
+ index: 1,
46
+ name: 'Column5',
47
+ text: 'Column 5',
48
+ formatter: fakeFormatter,
49
+ },
50
+ {
51
+ index: 1,
52
+ name: 'Column6',
53
+ text: 'Column 6',
54
+ formatter: fakeFormatter,
55
+ },
56
+ {
57
+ index: 1,
58
+ name: 'Column7',
59
+ text: 'Column 7',
60
+ formatter: fakeFormatter,
61
+ },
62
+ {
63
+ index: 1,
64
+ name: 'Column8',
65
+ text: 'Column 888888',
66
+ formatter: fakeFormatter,
67
+ },
68
+ {
69
+ index: 1,
70
+ name: 'Column9',
71
+ text: 'Column 9',
72
+ formatter: fakeFormatter,
73
+ },
74
+ {
75
+ index: 1,
76
+ name: 'Column10',
77
+ text: 'Column 10',
78
+ formatter: fakeFormatter,
79
+ },
80
+ {
81
+ index: 1,
82
+ name: 'Column11',
83
+ text: 'Column 11',
84
+ formatter: fakeFormatter,
85
+ },
86
+ {
87
+ index: 1,
88
+ name: 'Column12',
89
+ text: 'Column 12',
90
+ formatter: fakeFormatter,
91
+ },
92
+ {
93
+ index: 1,
94
+ name: 'Column13',
95
+ text: 'Column 13',
96
+ formatter: fakeFormatter,
97
+ },
98
+ {
99
+ index: 1,
100
+ name: 'Column14',
101
+ text: 'Column 14',
102
+ formatter: fakeFormatter,
103
+ },
104
+ {
105
+ index: 1,
106
+ name: 'Column15',
107
+ text: 'Column15',
108
+ formatter: fakeFormatter,
109
+ },
110
+ {
111
+ index: 1,
112
+ name: 'Column15',
113
+ text: 'Column15',
114
+ formatter: fakeFormatter,
115
+ },
116
+ {
117
+ index: 1,
118
+ name: 'Column16',
119
+ text: 'Column16',
120
+ formatter: fakeFormatter,
121
+ },
122
+ {
123
+ index: 1,
124
+ name: 'Column17',
125
+ text: 'Column17',
126
+ formatter: fakeFormatter,
127
+ },
128
+ {
129
+ index: 1,
130
+ name: 'Column18',
131
+ text: 'Column18',
132
+ formatter: fakeFormatter,
133
+ },
134
+ {
135
+ index: 1,
136
+ name: 'Column19',
137
+ text: 'Column19',
138
+ formatter: fakeFormatter,
139
+ }, {
140
+ index: 1,
141
+ name: 'Column20',
142
+ text: 'Column20',
143
+ formatter: fakeFormatter,
144
+ }
145
+ ];
146
+ const fakeData = [
147
+ { index: 0, Column1: 'Row 1 Data 1', Column2: 'Row 1 Data 2', Column3: 'Row 1 Data 3', Column4: 'Row 1 Data 4', Column5: 'Row 1 Data 5', Column6: 'Row 1 Data 6', Column7: 'Row 1 Data 7', Column8: 'Row 1 Data 8', Column9: 'Row 1 Data 9', Column10: 'Row 1 Data 10', Column11: 'Row 1 Data 11', Column12: 'Row 1 Data 12', Column13: 'Row 1 Data 13', Column14: 'Row 1 Data 14', Column15: 'Row 1 Data 15', Column16: 'Row 1 Data 16', Column17: 'Row 1 Data 17', Column18: 'Row 1 Data 18', Column19: 'Row 1 Data 19', Column20: 'Row 1 Data 20', percentage: 10 },
148
+ { index: 1, Column1: 'Row 2 Data 1', Column2: 'Row 2 Data 2', Column3: 'Row 2 Data 3', percentage: 50 },
149
+ { index: 2, Column1: 'Row 3 Data 1', Column2: 'Row 3 Data 2', Column3: 'Row 3 Data 3', percentage: 90 },
150
+ ];
151
+ let getFakeRows = (page, size) => __awaiter(void 0, void 0, void 0, function* () {
152
+ console.log(page, size);
153
+ const rows = fakeData;
154
+ return { rows: rows, count: fakeData.length };
155
+ });
156
+ const getFakeRowKey = (row) => { return `${row.index}`; };
5
157
  export function App() {
158
+ const tableProps = {
159
+ checkbox: false,
160
+ columns: fakeColumns,
161
+ getRows: getFakeRows,
162
+ getRowKey: getFakeRowKey,
163
+ };
6
164
  return (_jsx(_Fragment, { children: _jsxs(NSLayout, { header: {
7
165
  title: "Test Namirasoft Account Console",
8
166
  logo_title: "test account console account console",
@@ -14,6 +172,6 @@ export function App() {
14
172
  action: [],
15
173
  apply: []
16
174
  }
17
- }, scope: "Namirasoft Account Console", logo: "https://static.namirasoft.com/image/namirasoft/account/logo/base.png", notifications: [], background: "", isLoggedIn: () => false, children: [_jsx("div", { children: "NSLayout " }), _jsx("div", { children: "NSLayout " }), _jsx("div", { children: "NSLayout " })] }) }));
175
+ }, scope: "Namirasoft Account Console", logo: "https://static.namirasoft.com/image/namirasoft/account/logo/base.png", notifications: [], background: "", isLoggedIn: () => false, children: [_jsx("div", { children: "NSLayout " }), _jsx("div", { children: "NSLayout " }), _jsx("div", { children: "NSLayout " }), _jsx(NSTable, Object.assign({}, tableProps)), _jsx(NSNotFoundPage, {})] }) }));
18
176
  }
19
177
  //# 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,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAUjD,MAAM,UAAU,GAAG;IAElB,OAAO,CACN,4BACC,MAAC,QAAQ,IACR,MAAM,EAAE;gBACP,KAAK,EAAE,iCAAiC;gBACxC,UAAU,EAAC,sCAAsC;gBACjD,KAAK,EAAE,EAAE;aACT,EACD,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,WAAW,EAAE,EAAE;gBACf,KAAK,EAAE;oBACN,MAAM,EAAE,EAAE;oBACV,KAAK,EAAC,EAAE;iBACR;aACD,EACD,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,sEAAsE,EAC3E,aAAa,EAAE,EAAE,EACjB,UAAU,EAAC,EAAE,EACb,UAAU,EAAE,GAAG,EAAE,CAAC,KAAK,aAEvB,sCAAoB,EAEpB,sCAAoB,EACpB,sCAAoB,IAEV,GAET,CACH,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
package/dist/components/NSLine.module.css CHANGED
@@ -1,14 +1,13 @@
1
1
  .ns_line_container {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
- margin: 0;
6
- padding: 0;
2
+ display: flex;
3
+ justify-content: center;
4
+ align-items: center;
5
+ margin: 0;
6
+ padding: 0;
7
7
  }
8
8
 
9
9
  .ns_line {
10
- border: 1px solid rgb(0, 0, 0);
11
- border-left: 300px solid transparent;
12
- border-right: 300px solid transparent;
13
- width: 80%;
10
+ width: 80%;
11
+ height: 2px;
12
+ background: linear-gradient(90deg, #b0b0b0 0%, hsla(0, 0%, 0%, 1) 50%, #b0b0b0 100%);
14
13
  }
package/dist/pages/NSNotFoundPage.module.css CHANGED
@@ -2,7 +2,7 @@
2
2
  display: flex;
3
3
  justify-content: center;
4
4
  align-items: center;
5
- background-image: url('https://static.namirasoft.com/image/concept/404/image.png');
5
+ background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
6
6
  background-repeat: no-repeat;
7
7
  background-size: contain;
8
8
  background-position: center;
@@ -14,6 +14,6 @@
14
14
 
15
15
  @media only screen and (min-width: 1024px) {
16
16
  .ns_not_found_page {
17
- background-image: url('https://static.namirasoft.com/image/concept/404/image.png');
17
+ background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
18
18
  }
19
19
  }
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.475",
11
+ "version": "1.3.476",
12
12
  "author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh, Mehrab Bahramian",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
@@ -26,14 +26,14 @@
26
26
  "@types/react": "^18.3.5",
27
27
  "@types/react-bootstrap": "^0.32.37",
28
28
  "@types/react-dom": "^18.3.0",
29
- "antd": "^5.20.5",
29
+ "antd": "^5.20.6",
30
30
  "bootstrap": "^5.3.3",
31
31
  "chart.js": "^4.4.4",
32
32
  "copyfiles": "^2.4.1",
33
33
  "link-react": "^3.0.0",
34
34
  "namirasoft-api-link": "^1.4.3",
35
35
  "namirasoft-api-product": "^1.4.3",
36
- "namirasoft-core": "^1.4.5",
36
+ "namirasoft-core": "^1.4.6",
37
37
  "path-browserify": "^1.0.1",
38
38
  "react": "^18.3.1",
39
39
  "react-app-rewired": "^2.2.1",
package/src/App.tsx CHANGED
@@ -1,5 +1,7 @@
1
1
  import './App.css';
2
2
  import 'bootstrap/dist/css/bootstrap.min.css';
3
+ import { NSTable, INSTableProps, TableColumnInfo, TableRowInfo } from './components/NSTable';
4
+ import { BaseColumnFormatter, NSNotFoundPage } from './main';
3
5
  import { NSLayout } from './components/NSLayout';
4
6
 
5
7
  export interface INSBarActionState
@@ -10,14 +12,171 @@ export interface INSBarActionState
10
12
  isActive: () => boolean;
11
13
  }
12
14
 
15
+ const fakeFormatter: BaseColumnFormatter = {
16
+ format: (value: any) => { return value; }
17
+ };
18
+
19
+ const fakeColumns: TableColumnInfo[] = [
20
+ {
21
+ index: 0,
22
+ name: 'Column1',
23
+ text: 'Column 111111111111',
24
+ formatter: fakeFormatter,
25
+ },
26
+ {
27
+ index: 1,
28
+ name: 'Column2',
29
+ text: 'Column 222222',
30
+ formatter: fakeFormatter,
31
+ },
32
+ {
33
+ index: 1,
34
+ name: 'Column3',
35
+ text: 'Column 33333333',
36
+ formatter: fakeFormatter,
37
+ },
38
+ {
39
+ index: 1,
40
+ name: 'Column4',
41
+ text: 'Column 44444444444',
42
+ formatter: fakeFormatter,
43
+ },
44
+ {
45
+ index: 1,
46
+ name: 'Column5',
47
+ text: 'Column 5',
48
+ formatter: fakeFormatter,
49
+ },
50
+ {
51
+ index: 1,
52
+ name: 'Column6',
53
+ text: 'Column 6',
54
+ formatter: fakeFormatter,
55
+ },
56
+ {
57
+ index: 1,
58
+ name: 'Column7',
59
+ text: 'Column 7',
60
+ formatter: fakeFormatter,
61
+ },
62
+ {
63
+ index: 1,
64
+ name: 'Column8',
65
+ text: 'Column 888888',
66
+ formatter: fakeFormatter,
67
+ },
68
+ {
69
+ index: 1,
70
+ name: 'Column9',
71
+ text: 'Column 9',
72
+ formatter: fakeFormatter,
73
+ },
74
+ {
75
+ index: 1,
76
+ name: 'Column10',
77
+ text: 'Column 10',
78
+ formatter: fakeFormatter,
79
+ },
80
+ {
81
+ index: 1,
82
+ name: 'Column11',
83
+ text: 'Column 11',
84
+ formatter: fakeFormatter,
85
+ },
86
+ {
87
+ index: 1,
88
+ name: 'Column12',
89
+ text: 'Column 12',
90
+ formatter: fakeFormatter,
91
+ },
92
+ {
93
+ index: 1,
94
+ name: 'Column13',
95
+ text: 'Column 13',
96
+ formatter: fakeFormatter,
97
+ },
98
+ {
99
+ index: 1,
100
+ name: 'Column14',
101
+ text: 'Column 14',
102
+ formatter: fakeFormatter,
103
+ },
104
+ {
105
+ index: 1,
106
+ name: 'Column15',
107
+ text: 'Column15',
108
+ formatter: fakeFormatter,
109
+ },
110
+ {
111
+ index: 1,
112
+ name: 'Column15',
113
+ text: 'Column15',
114
+ formatter: fakeFormatter,
115
+ },
116
+ {
117
+ index: 1,
118
+ name: 'Column16',
119
+ text: 'Column16',
120
+ formatter: fakeFormatter,
121
+ },
122
+ {
123
+ index: 1,
124
+ name: 'Column17',
125
+ text: 'Column17',
126
+ formatter: fakeFormatter,
127
+ },
128
+ {
129
+ index: 1,
130
+ name: 'Column18',
131
+ text: 'Column18',
132
+ formatter: fakeFormatter,
133
+ },
134
+ {
135
+ index: 1,
136
+ name: 'Column19',
137
+ text: 'Column19',
138
+ formatter: fakeFormatter,
139
+ }, {
140
+ index: 1,
141
+ name: 'Column20',
142
+ text: 'Column20',
143
+ formatter: fakeFormatter,
144
+ }
145
+
146
+ ];
147
+ const fakeData = [
148
+ { index: 0, Column1: 'Row 1 Data 1', Column2: 'Row 1 Data 2', Column3: 'Row 1 Data 3', Column4: 'Row 1 Data 4', Column5: 'Row 1 Data 5', Column6: 'Row 1 Data 6', Column7: 'Row 1 Data 7', Column8: 'Row 1 Data 8', Column9: 'Row 1 Data 9', Column10: 'Row 1 Data 10', Column11: 'Row 1 Data 11', Column12: 'Row 1 Data 12', Column13: 'Row 1 Data 13', Column14: 'Row 1 Data 14', Column15: 'Row 1 Data 15', Column16: 'Row 1 Data 16', Column17: 'Row 1 Data 17', Column18: 'Row 1 Data 18', Column19: 'Row 1 Data 19', Column20: 'Row 1 Data 20', percentage: 10 },
149
+ { index: 1, Column1: 'Row 2 Data 1', Column2: 'Row 2 Data 2', Column3: 'Row 2 Data 3', percentage: 50 },
150
+ { index: 2, Column1: 'Row 3 Data 1', Column2: 'Row 3 Data 2', Column3: 'Row 3 Data 3', percentage: 90 },
151
+
152
+ ];
153
+ let getFakeRows = async (page: number, size: number) =>
154
+ {
155
+ console.log(page, size);
156
+ const rows = fakeData;
157
+ return { rows: rows, count: fakeData.length };
158
+ };
159
+
160
+ const getFakeRowKey = (row: TableRowInfo<any>) =>
161
+ { return `${row.index}`; };
162
+
13
163
  export function App()
14
164
  {
165
+
166
+ const tableProps: INSTableProps<any> = {
167
+ checkbox: false,
168
+ // percentage:true,
169
+ columns: fakeColumns,
170
+ getRows: getFakeRows,
171
+ getRowKey: getFakeRowKey,
172
+ };
173
+
15
174
  return (
16
175
  <>
17
176
  <NSLayout
18
177
  header={{
19
178
  title: "Test Namirasoft Account Console",
20
- logo_title:"test account console account console",
179
+ logo_title: "test account console account console",
21
180
  icons: []
22
181
  }}
23
182
  action={{
@@ -25,7 +184,7 @@ export function App()
25
184
  description: "",
26
185
  menus: {
27
186
  action: [],
28
- apply:[]
187
+ apply: []
29
188
  }
30
189
  }}
31
190
  scope="Namirasoft Account Console"
@@ -35,10 +194,11 @@ export function App()
35
194
  isLoggedIn={() => false}
36
195
  >
37
196
  <div>NSLayout </div>
38
-
197
+
39
198
  <div>NSLayout </div>
40
199
  <div>NSLayout </div>
41
-
200
+ <NSTable {...tableProps} />
201
+ <NSNotFoundPage />
42
202
  </NSLayout>
43
203
 
44
204
  </>
package/src/components/NSLine.module.css CHANGED
@@ -1,14 +1,13 @@
1
1
  .ns_line_container {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
- margin: 0;
6
- padding: 0;
2
+ display: flex;
3
+ justify-content: center;
4
+ align-items: center;
5
+ margin: 0;
6
+ padding: 0;
7
7
  }
8
8
 
9
9
  .ns_line {
10
- border: 1px solid rgb(0, 0, 0);
11
- border-left: 300px solid transparent;
12
- border-right: 300px solid transparent;
13
- width: 80%;
10
+ width: 80%;
11
+ height: 2px;
12
+ background: linear-gradient(90deg, #b0b0b0 0%, hsla(0, 0%, 0%, 1) 50%, #b0b0b0 100%);
14
13
  }
package/src/pages/NSNotFoundPage.module.css CHANGED
@@ -2,7 +2,7 @@
2
2
  display: flex;
3
3
  justify-content: center;
4
4
  align-items: center;
5
- background-image: url('https://static.namirasoft.com/image/concept/404/image.png');
5
+ background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
6
6
  background-repeat: no-repeat;
7
7
  background-size: contain;
8
8
  background-position: center;
@@ -14,6 +14,6 @@
14
14
 
15
15
  @media only screen and (min-width: 1024px) {
16
16
  .ns_not_found_page {
17
- background-image: url('https://static.namirasoft.com/image/concept/404/image.png');
17
+ background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
18
18
  }
19
19
  }