namirasoft-site-react 1.3.474 → 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.
- package/dist/App.js +161 -3
- package/dist/App.js.map +1 -1
- package/dist/components/NSLayout.js +1 -3
- package/dist/components/NSLayout.js.map +1 -1
- package/dist/components/NSLine.module.css +8 -9
- package/dist/pages/NSNotFoundPage.module.css +2 -2
- package/package.json +3 -3
- package/src/App.tsx +165 -2
- package/src/components/NSLayout.tsx +3 -3
- package/src/components/NSLine.module.css +8 -9
- package/src/pages/NSNotFoundPage.module.css +2 -2
package/dist/App.js
CHANGED
|
@@ -1,9 +1,167 @@
|
|
|
1
|
-
|
|
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
|
+
};
|
|
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() {
|
|
6
|
-
|
|
158
|
+
const tableProps = {
|
|
159
|
+
checkbox: false,
|
|
160
|
+
columns: fakeColumns,
|
|
161
|
+
getRows: getFakeRows,
|
|
162
|
+
getRowKey: getFakeRowKey,
|
|
163
|
+
};
|
|
164
|
+
return (_jsx(_Fragment, { children: _jsxs(NSLayout, { header: {
|
|
7
165
|
title: "Test Namirasoft Account Console",
|
|
8
166
|
logo_title: "test account console account console",
|
|
9
167
|
icons: []
|
|
@@ -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 " }) }) }));
|
|
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":"
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAgD,MAAM,sBAAsB,CAAC;AAC7F,OAAO,EAAuB,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAUjD,MAAM,aAAa,GAAwB;IAC1C,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,WAAW,GAAsB;IACtC;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAa;KACxB;IACD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAa;KACxB,EAAE;QACF,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,aAAa;KACxB;CAED,CAAC;AACF,MAAM,QAAQ,GAAG;IAChB,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IACtiB,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,EAAE;IACvG,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,EAAE;CAEvG,CAAC;AACF,IAAI,WAAW,GAAG,CAAO,IAAY,EAAE,IAAY,EAAE,EAAE;IAEtD,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACxB,MAAM,IAAI,GAAG,QAAQ,CAAC;IACtB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC;AAC/C,CAAC,CAAA,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,GAAsB,EAAE,EAAE,GAC/C,OAAO,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;AAE3B,MAAM,UAAU,GAAG;IAGlB,MAAM,UAAU,GAAuB;QACtC,QAAQ,EAAE,KAAK;QAEf,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,WAAW;QACpB,SAAS,EAAE,aAAa;KACxB,CAAC;IAEF,OAAO,CACN,4BACC,MAAC,QAAQ,IACR,MAAM,EAAE;gBACP,KAAK,EAAE,iCAAiC;gBACxC,UAAU,EAAE,sCAAsC;gBAClD,KAAK,EAAE,EAAE;aACT,EACD,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,WAAW,EAAE,EAAE;gBACf,KAAK,EAAE;oBACN,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,EAAE;iBACT;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,EACpB,KAAC,OAAO,oBAAM,UAAU,EAAI,EAC5B,KAAC,cAAc,KAAG,IACR,GAET,CACH,CAAC;AACH,CAAC"}
|
|
@@ -12,9 +12,7 @@ export function NSLayout(props) {
|
|
|
12
12
|
var _a;
|
|
13
13
|
function isValidAction(action) {
|
|
14
14
|
if (action) {
|
|
15
|
-
|
|
16
|
-
const hasNonEmptyArray = actionArrays.some(actionArray => Array.isArray(actionArray) && actionArray.length > 0);
|
|
17
|
-
if ((isNotEmptyString(action.title)) || (isNotEmptyString(action.description)) || (!hasNonEmptyArray))
|
|
15
|
+
if ((isNotEmptyString(action.title)) || (isNotEmptyString(action.description)))
|
|
18
16
|
return true;
|
|
19
17
|
}
|
|
20
18
|
return false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAA2B,MAAM,qBAAqB,CAAC;AAEjF,OAAO,EAAqB,WAAW,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAoB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAerD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAA0B,EAAE,EAAE,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;AAE/F,MAAM,UAAU,QAAQ,CAAC,KAAqB;;IAE7C,SAAS,aAAa,CAAC,MAA0B;QAEhD,IAAI,MAAM,EACV,CAAC;YACA,
|
|
1
|
+
{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAA2B,MAAM,qBAAqB,CAAC;AAEjF,OAAO,EAAqB,WAAW,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAyB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAoB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAerD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAA0B,EAAE,EAAE,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;AAE/F,MAAM,UAAU,QAAQ,CAAC,KAAqB;;IAE7C,SAAS,aAAa,CAAC,MAA0B;QAEhD,IAAI,MAAM,EACV,CAAC;YACA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;gBAG7E,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACd,CAAC;IACD,OAAO,CACN,eAAK,EAAE,EAAE,KAAK,CAAC,EAAE,EAChB,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EACjE,KAAK,EAAE;YACN,SAAS,EAAE,OAAO;YAClB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,cAAc,EAAE,OAAO;YACvB,oBAAoB,EAAE,OAAO;SAC7B,aACD,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,GAC3B,EACD,KAAK,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAEpE,8BACC,KAAC,iBAAiB,oBAAK,KAAK,EAAI,EAChC,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAI,IACrC,CACH,EACA,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAC,WAAW,oBAAK,KAAK,CAAC,MAAM,EAAI,EAChE,KAAK,CAAC,MAAM,IAAI,KAAC,eAAe,oBAAK,KAAK,CAAC,MAAM,EAAI,EACtD,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACvC,KAAK,CAAC,KAAK;gBACX,8BACC,KAAC,UAAU,oBAAK,KAAK,CAAC,KAAK,EAAiB,EAC5C,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,IACvC,EAEJ,eAAM,SAAS,EAAE,iCAAiC,MAAM,CAAC,cAAc,EAAE,YACvE,KAAK,CAAC,QAAQ,GACT,EACP,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,EACzC,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,UAAU,EAAE,KAAK,CAAC,UAAU,GAC3B,IACI,CACP,CAAC;AACH,CAAC"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
.ns_line_container {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
}
|
|
@@ -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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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"
|
|
@@ -36,6 +195,10 @@ export function App()
|
|
|
36
195
|
>
|
|
37
196
|
<div>NSLayout </div>
|
|
38
197
|
|
|
198
|
+
<div>NSLayout </div>
|
|
199
|
+
<div>NSLayout </div>
|
|
200
|
+
<NSTable {...tableProps} />
|
|
201
|
+
<NSNotFoundPage />
|
|
39
202
|
</NSLayout>
|
|
40
203
|
|
|
41
204
|
</>
|
|
@@ -31,9 +31,9 @@ export function NSLayout(props: INSLayoutProps)
|
|
|
31
31
|
{
|
|
32
32
|
if (action)
|
|
33
33
|
{
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
if ((isNotEmptyString(action.title)) || (isNotEmptyString(action.description))
|
|
35
|
+
//todo: check action menus array lenghts
|
|
36
|
+
)
|
|
37
37
|
return true;
|
|
38
38
|
}
|
|
39
39
|
return false;
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
.ns_line_container {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
}
|
|
@@ -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.
|
|
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.
|
|
17
|
+
background-image: url('https://static.namirasoft.com/image/concept/404/image.svg');
|
|
18
18
|
}
|
|
19
19
|
}
|