namirasoft-site-react 1.3.120 → 1.3.121
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 +11 -2
- package/dist/App.js.map +1 -1
- package/dist/components/NSTabPage.module.css +7 -2
- package/package.json +2 -2
- package/src/App.tsx +11 -3
- package/src/components/NSTabPage.module.css +7 -2
package/dist/App.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import './App.css';
|
|
3
3
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
4
|
-
import { NSBoxIPV4, NSTable } from './main';
|
|
4
|
+
import { NSBoxIPV4, NSTable, NSTabPage } from './main';
|
|
5
5
|
import { useRef } from 'react';
|
|
6
6
|
import { NSLayoutAction } from './components/NSLayoutAction';
|
|
7
7
|
import { NSBoxIPV6 } from './components/NSBoxIPV6';
|
|
@@ -82,9 +82,18 @@ export function App() {
|
|
|
82
82
|
}
|
|
83
83
|
];
|
|
84
84
|
function getCell(row, column) {
|
|
85
|
+
debugger;
|
|
85
86
|
return row[column];
|
|
86
87
|
}
|
|
87
88
|
function onChange() { }
|
|
88
|
-
|
|
89
|
+
let content1 = () => _jsx("p", { children: "Content for Tab" });
|
|
90
|
+
let content2 = () => _jsx("p", { children: "Content for Tab" });
|
|
91
|
+
let content3 = () => _jsx("p", { children: "Content for Tab" });
|
|
92
|
+
const tabs = [
|
|
93
|
+
{ title: 'Information', getContent: content1 },
|
|
94
|
+
{ title: 'Price History', getContent: content2 },
|
|
95
|
+
{ title: 'Price Estimator', getContent: content3 }
|
|
96
|
+
];
|
|
97
|
+
return (_jsx(_Fragment, { children: _jsxs(NSLayoutAction, { notifications: [], actions: actions, title: 'Test', description: 'Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem Lorem lorem orem ', scope: 'Namirasoft Account Console', logo: 'https://static.namirasoft.com/image/namirasoft/site/logo/base.png', children: [_jsx("div", { children: _jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString(), onChanged: onChange }) }), _jsx(NSBoxIPV6, { title: 'IPV6', required: false }), _jsx(NSBoxIPV4, { title: 'IPV4', required: false }), _jsx(NSBoxBoolean, { title: 'I4', required: false, name: 'salam ' }), _jsx(NSTabPage, { tabs: tabs }), _jsx(NSFilterBox, {})] }) }));
|
|
89
98
|
}
|
|
90
99
|
//# 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,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,16 +11,18 @@
|
|
|
11
11
|
margin: 0;
|
|
12
12
|
padding: 0;
|
|
13
13
|
display: flex;
|
|
14
|
-
overflow:
|
|
14
|
+
overflow-x: auto;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.ns_tab_page_panel li {
|
|
18
18
|
text-align: center;
|
|
19
|
-
padding:
|
|
19
|
+
padding: 0px 16px;
|
|
20
20
|
cursor: pointer;
|
|
21
21
|
color: #fff;
|
|
22
22
|
font-size: 16px;
|
|
23
23
|
font-weight: 600;
|
|
24
|
+
border-right: 1px solid #fff;
|
|
25
|
+
margin: 14px 0;
|
|
24
26
|
}
|
|
25
27
|
|
|
26
28
|
.ns_tab_page_panel li:last-child {
|
|
@@ -31,6 +33,9 @@
|
|
|
31
33
|
background-color: #fff;
|
|
32
34
|
border-radius: 8px 8px 0 0;
|
|
33
35
|
color: #141B5C;
|
|
36
|
+
margin: 0;
|
|
37
|
+
padding: 14px 16px;
|
|
38
|
+
box-shadow: 0px 2px 2px 2px #141B5C;
|
|
34
39
|
}
|
|
35
40
|
|
|
36
41
|
.ns_tab_content {
|
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.121",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -21,7 +21,7 @@
|
|
|
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.
|
|
24
|
+
"@types/node": "^20.12.11",
|
|
25
25
|
"@types/react": "^18.3.1",
|
|
26
26
|
"@types/react-dom": "^18.3.0",
|
|
27
27
|
"antd": "^5.17.0",
|
package/src/App.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
-
import { NSBoxIPV4, NSTable } from './main';
|
|
3
|
+
import { NSBoxIPV4, NSTable, NSTabPage } from './main';
|
|
4
4
|
import { useRef } from 'react';
|
|
5
5
|
import { NSLayoutAction } from './components/NSLayoutAction';
|
|
6
6
|
import { NSBoxIPV6 } from './components/NSBoxIPV6';
|
|
@@ -102,11 +102,19 @@ export function App()
|
|
|
102
102
|
}
|
|
103
103
|
function getCell(row: Row, column: string): any
|
|
104
104
|
{
|
|
105
|
+
debugger
|
|
105
106
|
return (row as any)[column];
|
|
106
107
|
}
|
|
107
108
|
function onChange(): void
|
|
108
109
|
{ }
|
|
109
|
-
|
|
110
|
+
let content1 = () => <p>Content for Tab</p>;
|
|
111
|
+
let content2 = () => <p>Content for Tab</p>;
|
|
112
|
+
let content3 = () => <p>Content for Tab</p>;
|
|
113
|
+
const tabs = [
|
|
114
|
+
{ title: 'Information', getContent: content1 },
|
|
115
|
+
{ title: 'Price History', getContent: content2 },
|
|
116
|
+
{ title: 'Price Estimator', getContent: content3 }
|
|
117
|
+
];
|
|
110
118
|
return (
|
|
111
119
|
<>
|
|
112
120
|
<NSLayoutAction
|
|
@@ -143,7 +151,7 @@ export function App()
|
|
|
143
151
|
required={false}
|
|
144
152
|
name='salam '
|
|
145
153
|
/>
|
|
146
|
-
|
|
154
|
+
<NSTabPage tabs={tabs} />
|
|
147
155
|
<NSFilterBox />
|
|
148
156
|
</NSLayoutAction>
|
|
149
157
|
</>
|
|
@@ -11,16 +11,18 @@
|
|
|
11
11
|
margin: 0;
|
|
12
12
|
padding: 0;
|
|
13
13
|
display: flex;
|
|
14
|
-
overflow:
|
|
14
|
+
overflow-x: auto;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.ns_tab_page_panel li {
|
|
18
18
|
text-align: center;
|
|
19
|
-
padding:
|
|
19
|
+
padding: 0px 16px;
|
|
20
20
|
cursor: pointer;
|
|
21
21
|
color: #fff;
|
|
22
22
|
font-size: 16px;
|
|
23
23
|
font-weight: 600;
|
|
24
|
+
border-right: 1px solid #fff;
|
|
25
|
+
margin: 14px 0;
|
|
24
26
|
}
|
|
25
27
|
|
|
26
28
|
.ns_tab_page_panel li:last-child {
|
|
@@ -31,6 +33,9 @@
|
|
|
31
33
|
background-color: #fff;
|
|
32
34
|
border-radius: 8px 8px 0 0;
|
|
33
35
|
color: #141B5C;
|
|
36
|
+
margin: 0;
|
|
37
|
+
padding: 14px 16px;
|
|
38
|
+
box-shadow: 0px 2px 2px 2px #141B5C;
|
|
34
39
|
}
|
|
35
40
|
|
|
36
41
|
.ns_tab_content {
|