namirasoft-site-react 1.3.135 → 1.3.137
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 +2 -2
- package/dist/App.js.map +1 -1
- package/dist/components/NSModal.js +6 -8
- package/dist/components/NSModal.js.map +1 -1
- package/dist/components/NSTable.module.css +7 -4
- package/package.json +2 -2
- package/src/App.tsx +2 -2
- package/src/components/NSModal.tsx +22 -28
- package/src/components/NSTable.module.css +7 -4
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, NSTabPage
|
|
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';
|
|
@@ -93,6 +93,6 @@ export function App() {
|
|
|
93
93
|
{ title: 'Price History', getContent: content2 },
|
|
94
94
|
{ title: 'Price Estimator', getContent: content3 }
|
|
95
95
|
];
|
|
96
|
-
return (_jsx(_Fragment, { children: _jsxs(NSLayoutAction, { notifications: [], actions: actions, title: 'Test2 test2', 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(
|
|
96
|
+
return (_jsx(_Fragment, { children: _jsxs(NSLayoutAction, { notifications: [], actions: actions, title: 'Test2 test2', 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, {})] }) }));
|
|
97
97
|
}
|
|
98
98
|
//# 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,SAAS,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
|
-
"use client";
|
|
2
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
2
|
import { NSSpace, NSSpaceSizeType, NSTitle } from "../main";
|
|
4
3
|
import Styles from './NSModal.module.css';
|
|
5
4
|
import NSButton from "./NSButton";
|
|
6
5
|
export function NSModal(props) {
|
|
7
6
|
var _a;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
(_jsx("div", { children: props.children }))] })] }) }) }));
|
|
7
|
+
const handleModalClick = (event) => {
|
|
8
|
+
event.stopPropagation();
|
|
9
|
+
};
|
|
10
|
+
return (_jsx("div", { className: Styles.ns_modal_container, onClick: props.onClose, children: _jsx("section", { id: props.id, className: `${props.show ? Styles.ns_show : Styles.ns_hide}
|
|
11
|
+
${Styles.ns_modal}
|
|
12
|
+
${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: props.style, onClick: props.onClose, children: _jsxs("div", { className: Styles.ns_modal_container, onClick: handleModalClick, children: [_jsx(NSButton, { onClick: props.onClose, icon: { src: "https://static.namirasoft.com/image/concept/close/white.svg", alt: "close modal" }, classList: [Styles.ns_close_modal] }), _jsxs("div", { className: Styles.ns_modal_content, children: [props.title && (_jsxs(_Fragment, { children: [_jsx(NSTitle, { title: props.title }), _jsx(NSSpace, { size: NSSpaceSizeType.NORMAL })] })), props.description && (_jsx("div", { children: _jsx("p", { className: Styles.ns_modal_description, children: props.description }) })), props.children && (_jsx("div", { children: props.children }))] })] }) }) }));
|
|
15
13
|
}
|
|
16
14
|
//# sourceMappingURL=NSModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSModal.js","sourceRoot":"","sources":["../../src/components/NSModal.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"NSModal.js","sourceRoot":"","sources":["../../src/components/NSModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACjF,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AASlC,MAAM,UAAU,OAAO,CAAC,KAAoB;;IAE3C,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,EAAE;QAEpD,KAAK,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC;IACF,OAAO,CACN,cAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,YAChE,kBACC,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO;OACvD,MAAM,CAAC,QAAQ;OACf,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,YAEtB,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAE,OAAO,EAAE,gBAAgB,aACnE,KAAC,QAAQ,IACR,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,EAAE,GAAG,EAAE,6DAA6D,EAAE,GAAG,EAAE,aAAa,EAAE,EAChG,SAAS,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,GACjC,EACF,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACrC,KAAK,CAAC,KAAK,IAAI,CACf,8BACC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EAC/B,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,IACvC,CACH,EACA,KAAK,CAAC,WAAW,IAAI,CACrB,wBACC,YAAG,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAAG,KAAK,CAAC,WAAW,GAAK,GAC7D,CACN,EACA,KAAK,CAAC,QAAQ,IAAI,CAClB,wBACE,KAAK,CAAC,QAAQ,GACV,CACN,IACI,IACD,GACG,GACL,CACN,CAAC;AACH,CAAC"}
|
|
@@ -23,21 +23,24 @@
|
|
|
23
23
|
padding: 16px;
|
|
24
24
|
display: block;
|
|
25
25
|
background-color: rgba(255, 255, 255, 1);
|
|
26
|
-
margin:
|
|
26
|
+
margin: 24px 0;
|
|
27
27
|
transition: all 0.2s ease-in-out;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.ns_table td {
|
|
31
|
-
display:
|
|
31
|
+
display: flex;
|
|
32
|
+
flex-direction: row;
|
|
33
|
+
gap: 16px;
|
|
32
34
|
padding: 8px 0;
|
|
33
35
|
font-size: 16px;
|
|
34
|
-
|
|
36
|
+
justify-content: left;
|
|
37
|
+
align-items: center;
|
|
35
38
|
}
|
|
36
39
|
|
|
37
40
|
.ns_table td::before {
|
|
38
41
|
content: attr(data-label);
|
|
39
|
-
float: left;
|
|
40
42
|
font-weight: bold;
|
|
43
|
+
float: left;
|
|
41
44
|
}
|
|
42
45
|
|
|
43
46
|
/* Button Group */
|
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.137",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"bootstrap": "^5.3.3",
|
|
29
29
|
"copyfiles": "^2.4.1",
|
|
30
30
|
"link-react": "^3.0.0",
|
|
31
|
-
"namirasoft-api-link": "^1.3.
|
|
31
|
+
"namirasoft-api-link": "^1.3.6",
|
|
32
32
|
"namirasoft-core": "^1.3.29",
|
|
33
33
|
"path-browserify": "^1.0.1",
|
|
34
34
|
"react": "^18.3.1",
|
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, NSTabPage
|
|
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';
|
|
@@ -65,6 +65,7 @@ const actions = [
|
|
|
65
65
|
|
|
66
66
|
export function App()
|
|
67
67
|
{
|
|
68
|
+
|
|
68
69
|
let table = useRef<NSTable<App>>(null);
|
|
69
70
|
let columns = {
|
|
70
71
|
"id": "ID",
|
|
@@ -135,7 +136,6 @@ export function App()
|
|
|
135
136
|
onChanged={onChange}
|
|
136
137
|
/>
|
|
137
138
|
</div>
|
|
138
|
-
<NSModal title={"test4"} description={""} show={true} onClose={() => {}} children={<p>test2</p>} />
|
|
139
139
|
<NSBoxIPV6
|
|
140
140
|
title='IPV6'
|
|
141
141
|
required={false}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
|
|
3
1
|
import { IBaseComponentProps, NSSpace, NSSpaceSizeType, NSTitle } from "../main";
|
|
4
2
|
import Styles from './NSModal.module.css';
|
|
5
3
|
import NSButton from "./NSButton";
|
|
6
|
-
|
|
7
4
|
export interface INSModalProps extends IBaseComponentProps
|
|
8
5
|
{
|
|
9
6
|
title?: string;
|
|
@@ -14,49 +11,46 @@ export interface INSModalProps extends IBaseComponentProps
|
|
|
14
11
|
}
|
|
15
12
|
export function NSModal(props: INSModalProps)
|
|
16
13
|
{
|
|
17
|
-
|
|
14
|
+
const handleModalClick = (event: React.MouseEvent) =>
|
|
15
|
+
{
|
|
16
|
+
event.stopPropagation();
|
|
17
|
+
};
|
|
18
18
|
return (
|
|
19
|
-
<div className={Styles.ns_modal_container} >
|
|
19
|
+
<div className={Styles.ns_modal_container} onClick={props.onClose}>
|
|
20
20
|
<section
|
|
21
21
|
id={props.id}
|
|
22
22
|
className={`${props.show ? Styles.ns_show : Styles.ns_hide}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
23
|
+
${Styles.ns_modal}
|
|
24
|
+
${props.classList?.join(" ")}`}
|
|
26
25
|
style={props.style}
|
|
26
|
+
onClick={props.onClose}
|
|
27
27
|
>
|
|
28
|
-
<div className={Styles.ns_modal_container}>
|
|
28
|
+
<div className={Styles.ns_modal_container} onClick={handleModalClick}>
|
|
29
29
|
<NSButton
|
|
30
30
|
onClick={props.onClose}
|
|
31
31
|
icon={{ src: "https://static.namirasoft.com/image/concept/close/white.svg", alt: "close modal" }}
|
|
32
32
|
classList={[Styles.ns_close_modal]}
|
|
33
33
|
/>
|
|
34
34
|
<div className={Styles.ns_modal_content}>
|
|
35
|
-
{props.title &&
|
|
35
|
+
{props.title && (
|
|
36
36
|
<>
|
|
37
37
|
<NSTitle title={props.title} />
|
|
38
38
|
<NSSpace size={NSSpaceSizeType.NORMAL} />
|
|
39
39
|
</>
|
|
40
|
-
}
|
|
41
|
-
{props.description &&
|
|
42
|
-
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
<div>
|
|
52
|
-
{props.children}
|
|
53
|
-
</div>
|
|
54
|
-
)
|
|
55
|
-
|
|
56
|
-
}
|
|
40
|
+
)}
|
|
41
|
+
{props.description && (
|
|
42
|
+
<div>
|
|
43
|
+
<p className={Styles.ns_modal_description}>{props.description}</p>
|
|
44
|
+
</div>
|
|
45
|
+
)}
|
|
46
|
+
{props.children && (
|
|
47
|
+
<div>
|
|
48
|
+
{props.children}
|
|
49
|
+
</div>
|
|
50
|
+
)}
|
|
57
51
|
</div>
|
|
58
52
|
</div>
|
|
59
|
-
</section
|
|
53
|
+
</section>
|
|
60
54
|
</div>
|
|
61
55
|
);
|
|
62
56
|
}
|
|
@@ -23,21 +23,24 @@
|
|
|
23
23
|
padding: 16px;
|
|
24
24
|
display: block;
|
|
25
25
|
background-color: rgba(255, 255, 255, 1);
|
|
26
|
-
margin:
|
|
26
|
+
margin: 24px 0;
|
|
27
27
|
transition: all 0.2s ease-in-out;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.ns_table td {
|
|
31
|
-
display:
|
|
31
|
+
display: flex;
|
|
32
|
+
flex-direction: row;
|
|
33
|
+
gap: 16px;
|
|
32
34
|
padding: 8px 0;
|
|
33
35
|
font-size: 16px;
|
|
34
|
-
|
|
36
|
+
justify-content: left;
|
|
37
|
+
align-items: center;
|
|
35
38
|
}
|
|
36
39
|
|
|
37
40
|
.ns_table td::before {
|
|
38
41
|
content: attr(data-label);
|
|
39
|
-
float: left;
|
|
40
42
|
font-weight: bold;
|
|
43
|
+
float: left;
|
|
41
44
|
}
|
|
42
45
|
|
|
43
46
|
/* Button Group */
|