namirasoft-site-react 1.3.235 → 1.3.237
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 +3 -48
- package/dist/App.js.map +1 -1
- package/dist/assets/images/1.png +0 -0
- package/dist/assets/images/2.png +0 -0
- package/dist/assets/images/3.png +0 -0
- package/dist/assets/images/4.png +0 -0
- package/dist/assets/images/5.jpg +0 -0
- package/dist/components/NSFilterBox.js +5 -3
- package/dist/components/NSFilterBox.js.map +1 -1
- package/dist/components/NSPagination.js +3 -2
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSPagination.module.css +20 -11
- package/dist/components/NSRadioButton.d.ts +5 -0
- package/dist/components/NSRadioButton.js +15 -0
- package/dist/components/NSRadioButton.js.map +1 -0
- package/dist/components/NSRadioButton.module.css +29 -0
- package/dist/components/NSTag.d.ts +2 -0
- package/dist/components/NSTag.js +22 -0
- package/dist/components/NSTag.js.map +1 -0
- package/dist/components/NSTag.module.css +45 -0
- package/dist/main.d.ts +2 -1
- package/dist/main.js +2 -1
- package/dist/main.js.map +1 -1
- package/package.json +5 -5
- package/src/App.tsx +5 -45
- package/src/assets/images/1.png +0 -0
- package/src/assets/images/2.png +0 -0
- package/src/assets/images/3.png +0 -0
- package/src/assets/images/4.png +0 -0
- package/src/assets/images/5.jpg +0 -0
- package/src/components/NSFilterBox.tsx +5 -3
- package/src/components/NSPagination.module.css +20 -11
- package/src/components/NSPagination.tsx +14 -5
- package/src/components/NSRadioButton.module.css +29 -0
- package/src/components/NSRadioButton.tsx +118 -0
- package/src/components/NSTag.module.css +45 -0
- package/src/components/NSTag.tsx +50 -0
- package/src/main.ts +2 -4
- package/dist/components/NSAccess.d.ts +0 -2
- package/dist/components/NSAccess.js +0 -8
- package/dist/components/NSAccess.js.map +0 -1
- package/dist/components/NSAccess.module.css +0 -39
- package/src/components/NSAccess.module.css +0 -39
- package/src/components/NSAccess.tsx +0 -26
package/dist/App.js
CHANGED
|
@@ -1,20 +1,10 @@
|
|
|
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
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
2
|
import './App.css';
|
|
12
3
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
13
4
|
import { NSBarAction, NSBoxEmail, NSBoxString, NSLayout, NSPagination, NSSpace, NSSpaceSizeType, NSTabPage, NSTable } from './main';
|
|
14
5
|
import { NSBoxLabel } from './components/NSBoxLabel';
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import { FilterItemColumnType } from 'namirasoft-core';
|
|
6
|
+
import NSRadioButton from './components/NSRadioButton';
|
|
7
|
+
import NSTag from './components/NSTag';
|
|
18
8
|
export function App() {
|
|
19
9
|
const onClicked = () => {
|
|
20
10
|
console.log("clicked");
|
|
@@ -68,41 +58,6 @@ export function App() {
|
|
|
68
58
|
return (_jsx(_Fragment, { children: _jsxs(NSLayout, { header: {
|
|
69
59
|
title: "any",
|
|
70
60
|
icons: icons
|
|
71
|
-
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", children: [_jsx(
|
|
72
|
-
{
|
|
73
|
-
name: "product",
|
|
74
|
-
text: "Product",
|
|
75
|
-
columns: [{
|
|
76
|
-
name: "a",
|
|
77
|
-
text: "Name",
|
|
78
|
-
type: FilterItemColumnType.Number
|
|
79
|
-
}, {
|
|
80
|
-
name: "b",
|
|
81
|
-
text: "Description",
|
|
82
|
-
type: FilterItemColumnType.Number
|
|
83
|
-
}, {
|
|
84
|
-
name: "c",
|
|
85
|
-
text: "Group",
|
|
86
|
-
type: FilterItemColumnType.Number
|
|
87
|
-
}]
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
name: "tag",
|
|
91
|
-
text: "Tag",
|
|
92
|
-
columns: [{
|
|
93
|
-
name: "a",
|
|
94
|
-
text: "Project",
|
|
95
|
-
type: FilterItemColumnType.String
|
|
96
|
-
}, {
|
|
97
|
-
name: "b",
|
|
98
|
-
text: "Environment",
|
|
99
|
-
type: FilterItemColumnType.String
|
|
100
|
-
}, {
|
|
101
|
-
name: "c",
|
|
102
|
-
text: "Member",
|
|
103
|
-
type: FilterItemColumnType.String
|
|
104
|
-
}]
|
|
105
|
-
}
|
|
106
|
-
], getMoreTables: () => __awaiter(this, void 0, void 0, function* () { return []; }), getData: () => __awaiter(this, void 0, void 0, function* () { return ["1", "2"]; }) }), _jsxs(_Fragment, { children: [_jsx(NSTabPage, { tabs: tabs }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSPagination, { pageSize: 5, totalItems: 100, currentPage: 15, onPageChange: () => { } })] }), _jsx(NSTable, { columns: getColumns(), getColumnAttributes: () => { return {}; }, getRowKey: () => "", pageSize: 40, totalItems: 50, reload: () => { } }), _jsx(NSBarAction, { title: '', menus: group }), _jsx(NSBoxEmail, { title: 'Email', required: true }), _jsx(NSAccess, {}), _jsx(NSBoxString, { title: 'String', required: true })] }) }));
|
|
61
|
+
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", children: [_jsxs(_Fragment, { children: [_jsx(NSTabPage, { tabs: tabs }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSPagination, { pageSize: 5, totalItems: 100, currentPage: 15, onPageChange: () => { } })] }), _jsx(NSTable, { columns: getColumns(), getColumnAttributes: () => { return {}; }, getRowKey: () => "", pageSize: 40, totalItems: 50, reload: () => { } }), _jsx(NSBarAction, { title: '', menus: group }), _jsx(NSBoxEmail, { title: 'Email', required: true }), _jsx(NSBoxString, { title: 'String', required: true }), _jsx(NSRadioButton, { title: "Radio Button" }), _jsx(NSSpace, { size: NSSpaceSizeType.LARGE }), _jsx(NSTag, {})] }) }));
|
|
107
62
|
}
|
|
108
63
|
//# 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,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACpI,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AASvC,MAAM,UAAU,GAAG;IAElB,MAAM,SAAS,GAAG,GAAG,EAAE;QAEtB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAI,KAAK,GAAG;QACX,EAAE,GAAG,EAAE,sEAAsE,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE;QAC7G,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;KAC3F,CAAC;IACF,IAAI,QAAQ,GAAG,GAAG,EAAE,CAAC,8BACpB,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,IAClF,CAAC;IACJ,IAAI,QAAQ,GAAG,GAAG,EAAE,CAAC,6CAA2B,CAAC;IACjD,IAAI,QAAQ,GAAG,GAAG,EAAE,CAAC,6CAA2B,CAAC;IACjD,MAAM,IAAI,GAAG;QACZ,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE;QAC9C,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE;QAChD,EAAE,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,QAAQ,EAAE;KAClD,CAAC;IAEF,MAAM,UAAU,GAAG,GAA8B,EAAE;QAElD,OAAO;YACN,EAAE,EAAE,IAAI;YACR,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,SAAS;YAClB,EAAE,EAAE,IAAI;SACR,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,KAAK,GAAQ;QAChB;YACC;gBACC,EAAE,EAAE,GAAG;gBACP,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;gBAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;gBACrB,SAAS,EAAE,GAAG;aACd,EAAE;gBACF,EAAE,EAAE,GAAG;gBACP,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;gBAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;gBACpB,SAAS,EAAE,GAAG;aACd;YACD;gBACC,EAAE,EAAE,GAAG;gBACP,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;gBAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;gBACpB,SAAS,EAAE,GAAG;aACd;SACD;KACD,CAAA;IACD,OAAO,CACN,4BACC,MAAC,QAAQ,IACR,MAAM,EAAE;gBACP,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,KAAK;aACZ,EACD,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,gBAAgB,EACrB,aAAa,EAAE,EAAE,EACjB,UAAU,EAAC,EAAE,aAEb,8BACC,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,EACzB,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACxC,KAAC,YAAY,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,IACtF,EACH,KAAC,OAAO,IACP,OAAO,EAAE,UAAU,EAAE,EACrB,mBAAmB,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAA,CAAC,CAAC,EACxC,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,EACnB,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,EAAE,EACd,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,GAChB,EACF,KAAC,WAAW,IAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAE,KAAK,GAAI,EACtC,KAAC,UAAU,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,SAAG,EACrC,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,SAAG,EACvC,KAAC,aAAa,IAAC,KAAK,EAAE,cAAc,GAAI,EACxC,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACxC,KAAC,KAAK,KAAG,IACC,GACT,CACH,CAAC;AACH,CAAC"}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -133,12 +133,13 @@ export class NSFilterBox extends Component {
|
|
|
133
133
|
});
|
|
134
134
|
return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsxs("div", { className: Styles.ns_input_container, children: [_jsx("figure", { className: Styles.ns_input_icon_container, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/magnifier/blue.svg", alt: "input-icon", width: 24, height: 24 }) }), _jsx("input", { ref: this.input_value, value: this.state.value, onChange: this.onInputValueChanged, onClick: () => {
|
|
135
135
|
if (this.state.state === GroupListState.Normal)
|
|
136
|
-
this.setState({ state: GroupListState.Column });
|
|
136
|
+
this.setState({ state: GroupListState.Column, values: [] });
|
|
137
137
|
}, type: "text", className: Styles.ns_input, placeholder: this.props.placeholder }), this.state.value !== "" &&
|
|
138
138
|
_jsx("figure", { className: Styles.ns_input_close_icon, onClick: () => {
|
|
139
139
|
this.setState({
|
|
140
140
|
state: GroupListState.Normal,
|
|
141
|
-
value: ""
|
|
141
|
+
value: "",
|
|
142
|
+
values: []
|
|
142
143
|
});
|
|
143
144
|
}, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "input-icon", width: 24, height: 24 }) })] }), this.state.state === GroupListState.Column &&
|
|
144
145
|
_jsx(NSGroupedList, { onClick: (table, name) => {
|
|
@@ -149,7 +150,8 @@ export class NSFilterBox extends Component {
|
|
|
149
150
|
state: GroupListState.Opertor,
|
|
150
151
|
selectedColumn: { table: t, column: c },
|
|
151
152
|
value,
|
|
152
|
-
computedValue: value
|
|
153
|
+
computedValue: value,
|
|
154
|
+
values: []
|
|
153
155
|
}, () => {
|
|
154
156
|
var _a, _b;
|
|
155
157
|
if ((_a = this.input_value) === null || _a === void 0 ? void 0 : _a.current)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSFilterBox.js","sourceRoot":"","sources":["../../src/components/NSFilterBox.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NSFilterBox.js","sourceRoot":"","sources":["../../src/components/NSFilterBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { NSBoxEnum } from './NSBoxEnum';
|
|
2
3
|
import Styles from './NSPagination.module.css';
|
|
3
4
|
export function NSPagination(props) {
|
|
4
5
|
var _a;
|
|
@@ -38,6 +39,6 @@ export function NSPagination(props) {
|
|
|
38
39
|
if (currentPage < totalPages)
|
|
39
40
|
onPageChange(currentPage + 1);
|
|
40
41
|
}, children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/arrow/right/white-blue.svg", width: 32, height: 32, alt: "right_vector" }) }) }, "next"));
|
|
41
|
-
return (
|
|
42
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { id: props.id, className: `${Styles.ns_pagination_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: props.style, children: [pages, _jsxs("div", { className: Styles.ns_pagination_info, children: [_jsx("div", { style: { width: 65 }, children: _jsx(NSBoxEnum, { title: '', multiple: true, required: false, options: [] }) }), _jsx("h6", { children: `(${current_min} - ${current_max}) of ${totalItems}` })] })] }) }));
|
|
42
43
|
}
|
|
43
44
|
//# sourceMappingURL=NSPagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,13 +3,11 @@
|
|
|
3
3
|
flex-direction: row;
|
|
4
4
|
align-items: center;
|
|
5
5
|
justify-content: space-between;
|
|
6
|
-
gap: 20px;
|
|
7
6
|
text-align: left;
|
|
8
7
|
font-size: 14px;
|
|
9
8
|
justify-items: center;
|
|
10
9
|
width: 100%;
|
|
11
10
|
max-width: max-content;
|
|
12
|
-
|
|
13
11
|
}
|
|
14
12
|
|
|
15
13
|
.ns_select_number_parent {
|
|
@@ -68,16 +66,27 @@
|
|
|
68
66
|
}
|
|
69
67
|
|
|
70
68
|
.ns_pagination_info {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
width:
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
69
|
+
margin-left: 12px;
|
|
70
|
+
width: fit-content;
|
|
71
|
+
min-width: 140px;
|
|
72
|
+
height: 48px;
|
|
73
|
+
display: flex;
|
|
74
|
+
flex-direction: row;
|
|
75
|
+
justify-content: center;
|
|
76
|
+
gap: 12px;
|
|
77
|
+
min-width: 248px;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
.ns_pagination_info h6 {
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
background-color: rgb(255, 255, 255);
|
|
82
|
+
width: 100%;
|
|
83
|
+
display: flex;
|
|
84
|
+
align-items: center;
|
|
85
|
+
justify-content: center;
|
|
86
|
+
height: 100%;
|
|
87
|
+
color: rgba(20, 27, 92, 1);
|
|
88
|
+
padding-left: 16px 24px;
|
|
89
|
+
text-align: center;
|
|
90
|
+
border-radius: 8px;
|
|
91
|
+
border: 1px solid black;
|
|
83
92
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import Styles from './NSRadioButton.module.css';
|
|
4
|
+
function NSRadioButton(props) {
|
|
5
|
+
const [selectedValue, setSelectedValue,] = useState("option1");
|
|
6
|
+
const handleRadioChange = (value) => {
|
|
7
|
+
setSelectedValue(value);
|
|
8
|
+
};
|
|
9
|
+
return (_jsxs("div", { children: [_jsx("h2", { className: Styles.ns_heading, children: props.title }), _jsx("div", { className: Styles.container, children: _jsxs("div", { className: Styles.ns_radioGroup, children: [_jsxs("div", { className: Styles.ns_radioButton, children: [_jsx("input", { type: "radio", id: "option1", value: "option1", checked: selectedValue ===
|
|
10
|
+
"option1", onChange: () => handleRadioChange("option1") }), _jsx("label", { htmlFor: "option1", className: Styles.radioLabel, children: "First Item" })] }), _jsxs("div", { className: Styles.ns_radioButton, children: [_jsx("input", { type: "radio", id: "option2", value: "option2", checked: selectedValue ===
|
|
11
|
+
"option2", onChange: () => handleRadioChange("option2") }), _jsx("label", { htmlFor: "option2", className: Styles.radioLabel, children: "Second Item" })] }), _jsxs("div", { className: Styles.ns_radioButton, children: [_jsx("input", { type: "radio", id: "option3", value: "option3", checked: selectedValue ===
|
|
12
|
+
"option3", onChange: () => handleRadioChange("option3") }), _jsx("label", { htmlFor: "option3", className: Styles.radioLabel, children: "Third Item" })] })] }) })] }));
|
|
13
|
+
}
|
|
14
|
+
export default NSRadioButton;
|
|
15
|
+
//# sourceMappingURL=NSRadioButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSRadioButton.js","sourceRoot":"","sources":["../../src/components/NSRadioButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAMhD,SAAS,aAAa,CAAC,KAA0B;IAE7C,MAAM,CACF,aAAa,EACb,gBAAgB,EACnB,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAExB,MAAM,iBAAiB,GAAG,CACtB,KAAU,EACZ,EAAE;QAEA,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAGF,OAAO,CACH,0BACI,aAAI,SAAS,EAAE,MAAM,CAAC,UAAU,YAC3B,KAAK,CAAC,KAAK,GACX,EACL,cACI,SAAS,EAAE,MAAM,CAAC,SAAS,YAE3B,eACI,SAAS,EAAE,MAAM,CAAC,aAAa,aAE/B,eACI,SAAS,EAAE,MAAM,CAAC,cAAc,aAEhC,gBACI,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EACH,aAAa;wCACb,SAAS,EAEb,QAAQ,EAAE,GAAG,EAAE,CACX,iBAAiB,CACb,SAAS,CACZ,GAEP,EACF,gBACI,OAAO,EAAC,SAAS,EACjB,SAAS,EACL,MAAM,CAAC,UAAU,2BAIjB,IACN,EAEN,eACI,SAAS,EACL,MAAM,CAAC,cAAc,aAGzB,gBACI,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EACH,aAAa;wCACb,SAAS,EAEb,QAAQ,EAAE,GAAG,EAAE,CACX,iBAAiB,CACb,SAAS,CACZ,GAEP,EACF,gBACI,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,MAAM,CAAC,UAAU,4BAGxB,IACN,EAEN,eACI,SAAS,EAAE,MAAM,CAAC,cAAc,aAEhC,gBACI,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EACH,aAAa;wCACb,SAAS,EAEb,QAAQ,EAAE,GAAG,EAAE,CACX,iBAAiB,CACb,SAAS,CACZ,GAEP,EACF,gBACI,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,MAAM,CAAC,UAAU,2BAGxB,IACN,IACJ,GACJ,IACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.ns_heading {
|
|
2
|
+
color: #141B5C;
|
|
3
|
+
text-align: center;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.ns_radioGroup {
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: row;
|
|
9
|
+
align-items: center;
|
|
10
|
+
justify-content: space-around;
|
|
11
|
+
margin-top: 20px;
|
|
12
|
+
border-radius: 8px;
|
|
13
|
+
background-color: white;
|
|
14
|
+
padding: 30px;
|
|
15
|
+
box-shadow: 0px 2px 3.84px rgba(0 0 0.25);
|
|
16
|
+
color: #141B5C;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.ns_radioButton {
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-direction: row;
|
|
22
|
+
align-items: center;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.ns_radioLabel {
|
|
26
|
+
margin-left: 8px;
|
|
27
|
+
font-size: 17px;
|
|
28
|
+
color: #333;
|
|
29
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { NSBoxString } from './NSBoxString';
|
|
3
|
+
import NSButton from './NSButton';
|
|
4
|
+
import Styles from './NSTag.module.css';
|
|
5
|
+
function InputGroup() {
|
|
6
|
+
return (_jsx("section", { className: Styles.ns_tag_input_container, children: _jsxs("div", { className: Styles.ns_tag_input_group, children: [_jsx(NSBoxString, { title: 'Key', required: true }), _jsx(NSBoxString, { title: 'Value', required: true }), _jsx(NSBoxString, { title: 'Option', required: true }), _jsx(NSButton, { title: 'Remove', onClick: () => { }, style: {
|
|
7
|
+
backgroundColor: "transparent",
|
|
8
|
+
border: "1px solid rgba(3, 119, 255, 1)",
|
|
9
|
+
width: "145px",
|
|
10
|
+
marginTop: "28px"
|
|
11
|
+
} })] }) }));
|
|
12
|
+
}
|
|
13
|
+
function NSTag() {
|
|
14
|
+
return (_jsx("div", { className: Styles.ns_tag_container, children: _jsxs("div", { className: Styles.ns_tag_title, children: [_jsx(InputGroup, {}), _jsx(InputGroup, {}), _jsx(InputGroup, {}), _jsx(InputGroup, {}), _jsx(NSButton, { title: 'Add new tag', onClick: () => { }, style: {
|
|
15
|
+
backgroundColor: "transparent",
|
|
16
|
+
border: "1px solid rgba(3, 119, 255, 1)",
|
|
17
|
+
width: "145px",
|
|
18
|
+
marginTop: "24px"
|
|
19
|
+
} })] }) }));
|
|
20
|
+
}
|
|
21
|
+
export default NSTag;
|
|
22
|
+
//# sourceMappingURL=NSTag.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSTag.js","sourceRoot":"","sources":["../../src/components/NSTag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,SAAS,UAAU;IAEf,OAAO,CACH,kBAAS,SAAS,EAAE,MAAM,CAAC,sBAAsB,YAC7C,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aACrC,KAAC,WAAW,IAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,SAAG,EACpC,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,SAAG,EACtC,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,SAAG,EACvC,KAAC,QAAQ,IACL,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAClB,KAAK,EAAE;wBACH,eAAe,EAAE,aAAa;wBAC9B,MAAM,EAAE,gCAAgC;wBACxC,KAAK,EAAE,OAAO;wBACd,SAAS,EAAE,MAAM;qBACpB,GACH,IACA,GACA,CACb,CAAA;AACL,CAAC;AACD,SAAS,KAAK;IAEV,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,YACnC,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aAC/B,KAAC,UAAU,KAAG,EACd,KAAC,UAAU,KAAG,EACd,KAAC,UAAU,KAAG,EACd,KAAC,UAAU,KAAG,EACd,KAAC,QAAQ,IACL,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAClB,KAAK,EAAE;wBACH,eAAe,EAAE,aAAa;wBAC9B,MAAM,EAAE,gCAAgC;wBACxC,KAAK,EAAE,OAAO;wBACd,SAAS,EAAE,MAAM;qBACpB,GAAI,IACP,GACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
.ns_tag_container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
background-color: white;
|
|
5
|
+
width: fit-content;
|
|
6
|
+
border-radius: 8px;
|
|
7
|
+
padding: 16px;
|
|
8
|
+
margin: 48px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.ns_tag_title {
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
align-items: flex-start;
|
|
15
|
+
justify-content: left;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ns_tag_title h2 {
|
|
19
|
+
color: #141B5C;
|
|
20
|
+
font-weight: 600;
|
|
21
|
+
font-size: 24px;
|
|
22
|
+
margin: 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.ns_tag_title h6 {
|
|
26
|
+
color: rgb(68, 182, 243);
|
|
27
|
+
font-weight: 600;
|
|
28
|
+
font-size: 16px;
|
|
29
|
+
margin: 0;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.ns_tag_input_container {
|
|
33
|
+
display: flex;
|
|
34
|
+
flex-direction: column;
|
|
35
|
+
justify-content: left;
|
|
36
|
+
align-items: flex-start;
|
|
37
|
+
gap: 16px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.ns_tag_input_group {
|
|
41
|
+
display: flex;
|
|
42
|
+
flex-direction: row;
|
|
43
|
+
gap: 16px;
|
|
44
|
+
|
|
45
|
+
}
|
package/dist/main.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export * from "./components/NSAccess";
|
|
2
1
|
export * from "./components/NSActionMenu";
|
|
3
2
|
export * from "./components/NSBarAction";
|
|
4
3
|
export * from "./components/NSBarHeroBanner";
|
|
@@ -49,12 +48,14 @@ export * from "./components/NSLoading";
|
|
|
49
48
|
export * from "./components/NSModal";
|
|
50
49
|
export * from "./components/NSPagination";
|
|
51
50
|
export * from "./components/NSPanel";
|
|
51
|
+
export * from "./components/NSRadioButton";
|
|
52
52
|
export * from "./components/NSSection";
|
|
53
53
|
export * from "./components/NSSectionBars";
|
|
54
54
|
export * from "./components/NSSectionCards";
|
|
55
55
|
export * from "./components/NSSectionTitle";
|
|
56
56
|
export * from "./components/NSSpace";
|
|
57
57
|
export * from "./components/NSTable";
|
|
58
|
+
export * from "./components/NSTag";
|
|
58
59
|
export * from "./components/NSTabPage";
|
|
59
60
|
export * from "./components/NSTitle";
|
|
60
61
|
export * from "./components/NSVerification";
|
package/dist/main.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export * from "./components/NSAccess";
|
|
2
1
|
export * from "./components/NSActionMenu";
|
|
3
2
|
export * from "./components/NSBarAction";
|
|
4
3
|
export * from "./components/NSBarHeroBanner";
|
|
@@ -49,12 +48,14 @@ export * from "./components/NSLoading";
|
|
|
49
48
|
export * from "./components/NSModal";
|
|
50
49
|
export * from "./components/NSPagination";
|
|
51
50
|
export * from "./components/NSPanel";
|
|
51
|
+
export * from "./components/NSRadioButton";
|
|
52
52
|
export * from "./components/NSSection";
|
|
53
53
|
export * from "./components/NSSectionBars";
|
|
54
54
|
export * from "./components/NSSectionCards";
|
|
55
55
|
export * from "./components/NSSectionTitle";
|
|
56
56
|
export * from "./components/NSSpace";
|
|
57
57
|
export * from "./components/NSTable";
|
|
58
|
+
export * from "./components/NSTag";
|
|
58
59
|
export * from "./components/NSTabPage";
|
|
59
60
|
export * from "./components/NSTitle";
|
|
60
61
|
export * from "./components/NSVerification";
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}
|
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.237",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -21,15 +21,15 @@
|
|
|
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.14.
|
|
24
|
+
"@types/node": "^20.14.5",
|
|
25
25
|
"@types/react": "^18.3.3",
|
|
26
26
|
"@types/react-dom": "^18.3.0",
|
|
27
|
-
"antd": "^5.18.
|
|
27
|
+
"antd": "^5.18.3",
|
|
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.
|
|
32
|
-
"namirasoft-core": "^1.3.
|
|
31
|
+
"namirasoft-api-link": "^1.3.12",
|
|
32
|
+
"namirasoft-core": "^1.3.62",
|
|
33
33
|
"path-browserify": "^1.0.1",
|
|
34
34
|
"react": "^18.3.1",
|
|
35
35
|
"react-app-rewired": "^2.2.1",
|
package/src/App.tsx
CHANGED
|
@@ -2,9 +2,8 @@ import './App.css';
|
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
3
|
import { NSBarAction, NSBoxEmail, NSBoxString, NSLayout, NSPagination, NSSpace, NSSpaceSizeType, NSTabPage, NSTable } from './main';
|
|
4
4
|
import { NSBoxLabel } from './components/NSBoxLabel';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { FilterItemColumnType } from 'namirasoft-core';
|
|
5
|
+
import NSRadioButton from './components/NSRadioButton';
|
|
6
|
+
import NSTag from './components/NSTag';
|
|
8
7
|
|
|
9
8
|
export interface INSBarActionState
|
|
10
9
|
{
|
|
@@ -93,47 +92,6 @@ export function App()
|
|
|
93
92
|
notifications={[]}
|
|
94
93
|
background=""
|
|
95
94
|
>
|
|
96
|
-
|
|
97
|
-
<NSFilterBox
|
|
98
|
-
getTables={() => [
|
|
99
|
-
{
|
|
100
|
-
name: "product",
|
|
101
|
-
text: "Product",
|
|
102
|
-
columns: [{
|
|
103
|
-
name: "a",
|
|
104
|
-
text: "Name",
|
|
105
|
-
type: FilterItemColumnType.Number
|
|
106
|
-
}, {
|
|
107
|
-
name: "b",
|
|
108
|
-
text: "Description",
|
|
109
|
-
type: FilterItemColumnType.Number
|
|
110
|
-
}, {
|
|
111
|
-
name: "c",
|
|
112
|
-
text: "Group",
|
|
113
|
-
type: FilterItemColumnType.Number
|
|
114
|
-
}]
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
name: "tag",
|
|
118
|
-
text: "Tag",
|
|
119
|
-
columns: [{
|
|
120
|
-
name: "a",
|
|
121
|
-
text: "Project",
|
|
122
|
-
type: FilterItemColumnType.String
|
|
123
|
-
}, {
|
|
124
|
-
name: "b",
|
|
125
|
-
text: "Environment",
|
|
126
|
-
type: FilterItemColumnType.String
|
|
127
|
-
}, {
|
|
128
|
-
name: "c",
|
|
129
|
-
text: "Member",
|
|
130
|
-
type: FilterItemColumnType.String
|
|
131
|
-
}]
|
|
132
|
-
}
|
|
133
|
-
]}
|
|
134
|
-
getMoreTables={async () => []}
|
|
135
|
-
getData={async () => { return ["1", "2"] }}
|
|
136
|
-
></NSFilterBox>
|
|
137
95
|
<>
|
|
138
96
|
<NSTabPage tabs={tabs} />
|
|
139
97
|
<NSSpace size={NSSpaceSizeType.SMALL} />
|
|
@@ -149,8 +107,10 @@ export function App()
|
|
|
149
107
|
/>
|
|
150
108
|
<NSBarAction title='' menus={group} />
|
|
151
109
|
<NSBoxEmail title='Email' required />
|
|
152
|
-
<NSAccess />
|
|
153
110
|
<NSBoxString title='String' required />
|
|
111
|
+
<NSRadioButton title={"Radio Button"} />
|
|
112
|
+
<NSSpace size={NSSpaceSizeType.LARGE} />
|
|
113
|
+
<NSTag />
|
|
154
114
|
</NSLayout>
|
|
155
115
|
</>
|
|
156
116
|
);
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -200,7 +200,7 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
|
|
|
200
200
|
onClick={() =>
|
|
201
201
|
{
|
|
202
202
|
if (this.state.state === GroupListState.Normal)
|
|
203
|
-
this.setState({ state: GroupListState.Column });
|
|
203
|
+
this.setState({ state: GroupListState.Column, values: [] });
|
|
204
204
|
}}
|
|
205
205
|
type="text"
|
|
206
206
|
className={Styles.ns_input}
|
|
@@ -213,7 +213,8 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
|
|
|
213
213
|
{
|
|
214
214
|
this.setState({
|
|
215
215
|
state: GroupListState.Normal,
|
|
216
|
-
value: ""
|
|
216
|
+
value: "",
|
|
217
|
+
values: []
|
|
217
218
|
});
|
|
218
219
|
}}
|
|
219
220
|
>
|
|
@@ -238,7 +239,8 @@ export class NSFilterBox extends Component<INSFilterBoxProps, INSFilterBoxState>
|
|
|
238
239
|
state: GroupListState.Opertor,
|
|
239
240
|
selectedColumn: { table: t, column: c },
|
|
240
241
|
value,
|
|
241
|
-
computedValue: value
|
|
242
|
+
computedValue: value,
|
|
243
|
+
values: []
|
|
242
244
|
}, () =>
|
|
243
245
|
{
|
|
244
246
|
if (this.input_value?.current)
|
|
@@ -3,13 +3,11 @@
|
|
|
3
3
|
flex-direction: row;
|
|
4
4
|
align-items: center;
|
|
5
5
|
justify-content: space-between;
|
|
6
|
-
gap: 20px;
|
|
7
6
|
text-align: left;
|
|
8
7
|
font-size: 14px;
|
|
9
8
|
justify-items: center;
|
|
10
9
|
width: 100%;
|
|
11
10
|
max-width: max-content;
|
|
12
|
-
|
|
13
11
|
}
|
|
14
12
|
|
|
15
13
|
.ns_select_number_parent {
|
|
@@ -68,16 +66,27 @@
|
|
|
68
66
|
}
|
|
69
67
|
|
|
70
68
|
.ns_pagination_info {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
width:
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
69
|
+
margin-left: 12px;
|
|
70
|
+
width: fit-content;
|
|
71
|
+
min-width: 140px;
|
|
72
|
+
height: 48px;
|
|
73
|
+
display: flex;
|
|
74
|
+
flex-direction: row;
|
|
75
|
+
justify-content: center;
|
|
76
|
+
gap: 12px;
|
|
77
|
+
min-width: 248px;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
.ns_pagination_info h6 {
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
background-color: rgb(255, 255, 255);
|
|
82
|
+
width: 100%;
|
|
83
|
+
display: flex;
|
|
84
|
+
align-items: center;
|
|
85
|
+
justify-content: center;
|
|
86
|
+
height: 100%;
|
|
87
|
+
color: rgba(20, 27, 92, 1);
|
|
88
|
+
padding-left: 16px 24px;
|
|
89
|
+
text-align: center;
|
|
90
|
+
border-radius: 8px;
|
|
91
|
+
border: 1px solid black;
|
|
83
92
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { IBaseComponentProps } from '../props/IBaseComponentProps';
|
|
2
|
+
import { NSBoxEnum } from './NSBoxEnum';
|
|
2
3
|
import Styles from './NSPagination.module.css';
|
|
3
4
|
|
|
4
5
|
export interface INSPaginationProps extends IBaseComponentProps
|
|
@@ -113,13 +114,21 @@ export function NSPagination(props: INSPaginationProps)
|
|
|
113
114
|
style={props.style}
|
|
114
115
|
>
|
|
115
116
|
{pages}
|
|
117
|
+
<div className={Styles.ns_pagination_info}>
|
|
118
|
+
<div style={{ width: 65 }}>
|
|
119
|
+
<NSBoxEnum
|
|
120
|
+
title=''
|
|
121
|
+
multiple
|
|
122
|
+
required={false}
|
|
123
|
+
options={[]}
|
|
124
|
+
/>
|
|
125
|
+
</div>
|
|
126
|
+
<h6>
|
|
127
|
+
{`(${current_min} - ${current_max}) of ${totalItems}`}
|
|
128
|
+
</h6>
|
|
129
|
+
</div>
|
|
116
130
|
</div>
|
|
117
131
|
|
|
118
|
-
<div className={Styles.ns_pagination_info}>
|
|
119
|
-
<h6>
|
|
120
|
-
{`(${current_min} - ${current_max}) of ${totalItems}`}
|
|
121
|
-
</h6>
|
|
122
|
-
</div>
|
|
123
132
|
</>
|
|
124
133
|
);
|
|
125
134
|
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.ns_heading {
|
|
2
|
+
color: #141B5C;
|
|
3
|
+
text-align: center;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.ns_radioGroup {
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: row;
|
|
9
|
+
align-items: center;
|
|
10
|
+
justify-content: space-around;
|
|
11
|
+
margin-top: 20px;
|
|
12
|
+
border-radius: 8px;
|
|
13
|
+
background-color: white;
|
|
14
|
+
padding: 30px;
|
|
15
|
+
box-shadow: 0px 2px 3.84px rgba(0 0 0.25);
|
|
16
|
+
color: #141B5C;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.ns_radioButton {
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-direction: row;
|
|
22
|
+
align-items: center;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.ns_radioLabel {
|
|
26
|
+
margin-left: 8px;
|
|
27
|
+
font-size: 17px;
|
|
28
|
+
color: #333;
|
|
29
|
+
}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { useState } from "react";
|
|
2
|
+
import Styles from './NSRadioButton.module.css';
|
|
3
|
+
|
|
4
|
+
export interface INSRadioButtonProps
|
|
5
|
+
{
|
|
6
|
+
title: any
|
|
7
|
+
}
|
|
8
|
+
function NSRadioButton(props: INSRadioButtonProps)
|
|
9
|
+
{
|
|
10
|
+
const [
|
|
11
|
+
selectedValue,
|
|
12
|
+
setSelectedValue,
|
|
13
|
+
] = useState("option1");
|
|
14
|
+
|
|
15
|
+
const handleRadioChange = (
|
|
16
|
+
value: any
|
|
17
|
+
) =>
|
|
18
|
+
{
|
|
19
|
+
setSelectedValue(value);
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
return (
|
|
24
|
+
<div>
|
|
25
|
+
<h2 className={Styles.ns_heading}>
|
|
26
|
+
{props.title}
|
|
27
|
+
</h2>
|
|
28
|
+
<div
|
|
29
|
+
className={Styles.container}
|
|
30
|
+
>
|
|
31
|
+
<div
|
|
32
|
+
className={Styles.ns_radioGroup}
|
|
33
|
+
>
|
|
34
|
+
<div
|
|
35
|
+
className={Styles.ns_radioButton}
|
|
36
|
+
>
|
|
37
|
+
<input
|
|
38
|
+
type="radio"
|
|
39
|
+
id="option1"
|
|
40
|
+
value="option1"
|
|
41
|
+
checked={
|
|
42
|
+
selectedValue ===
|
|
43
|
+
"option1"
|
|
44
|
+
}
|
|
45
|
+
onChange={() =>
|
|
46
|
+
handleRadioChange(
|
|
47
|
+
"option1"
|
|
48
|
+
)
|
|
49
|
+
}
|
|
50
|
+
/>
|
|
51
|
+
<label
|
|
52
|
+
htmlFor="option1"
|
|
53
|
+
className={
|
|
54
|
+
Styles.radioLabel
|
|
55
|
+
}
|
|
56
|
+
>
|
|
57
|
+
First Item
|
|
58
|
+
</label>
|
|
59
|
+
</div>
|
|
60
|
+
|
|
61
|
+
<div
|
|
62
|
+
className={
|
|
63
|
+
Styles.ns_radioButton
|
|
64
|
+
}
|
|
65
|
+
>
|
|
66
|
+
<input
|
|
67
|
+
type="radio"
|
|
68
|
+
id="option2"
|
|
69
|
+
value="option2"
|
|
70
|
+
checked={
|
|
71
|
+
selectedValue ===
|
|
72
|
+
"option2"
|
|
73
|
+
}
|
|
74
|
+
onChange={() =>
|
|
75
|
+
handleRadioChange(
|
|
76
|
+
"option2"
|
|
77
|
+
)
|
|
78
|
+
}
|
|
79
|
+
/>
|
|
80
|
+
<label
|
|
81
|
+
htmlFor="option2"
|
|
82
|
+
className={Styles.radioLabel}
|
|
83
|
+
>
|
|
84
|
+
Second Item
|
|
85
|
+
</label>
|
|
86
|
+
</div>
|
|
87
|
+
|
|
88
|
+
<div
|
|
89
|
+
className={Styles.ns_radioButton}
|
|
90
|
+
>
|
|
91
|
+
<input
|
|
92
|
+
type="radio"
|
|
93
|
+
id="option3"
|
|
94
|
+
value="option3"
|
|
95
|
+
checked={
|
|
96
|
+
selectedValue ===
|
|
97
|
+
"option3"
|
|
98
|
+
}
|
|
99
|
+
onChange={() =>
|
|
100
|
+
handleRadioChange(
|
|
101
|
+
"option3"
|
|
102
|
+
)
|
|
103
|
+
}
|
|
104
|
+
/>
|
|
105
|
+
<label
|
|
106
|
+
htmlFor="option3"
|
|
107
|
+
className={Styles.radioLabel}
|
|
108
|
+
>
|
|
109
|
+
Third Item
|
|
110
|
+
</label>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
</div>
|
|
114
|
+
</div>
|
|
115
|
+
);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
export default NSRadioButton;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
.ns_tag_container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
background-color: white;
|
|
5
|
+
width: fit-content;
|
|
6
|
+
border-radius: 8px;
|
|
7
|
+
padding: 16px;
|
|
8
|
+
margin: 48px;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.ns_tag_title {
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
align-items: flex-start;
|
|
15
|
+
justify-content: left;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ns_tag_title h2 {
|
|
19
|
+
color: #141B5C;
|
|
20
|
+
font-weight: 600;
|
|
21
|
+
font-size: 24px;
|
|
22
|
+
margin: 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.ns_tag_title h6 {
|
|
26
|
+
color: rgb(68, 182, 243);
|
|
27
|
+
font-weight: 600;
|
|
28
|
+
font-size: 16px;
|
|
29
|
+
margin: 0;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.ns_tag_input_container {
|
|
33
|
+
display: flex;
|
|
34
|
+
flex-direction: column;
|
|
35
|
+
justify-content: left;
|
|
36
|
+
align-items: flex-start;
|
|
37
|
+
gap: 16px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.ns_tag_input_group {
|
|
41
|
+
display: flex;
|
|
42
|
+
flex-direction: row;
|
|
43
|
+
gap: 16px;
|
|
44
|
+
|
|
45
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { NSBoxString } from './NSBoxString';
|
|
2
|
+
import NSButton from './NSButton';
|
|
3
|
+
import Styles from './NSTag.module.css';
|
|
4
|
+
|
|
5
|
+
function InputGroup()
|
|
6
|
+
{
|
|
7
|
+
return (
|
|
8
|
+
<section className={Styles.ns_tag_input_container}>
|
|
9
|
+
<div className={Styles.ns_tag_input_group}>
|
|
10
|
+
<NSBoxString title='Key' required />
|
|
11
|
+
<NSBoxString title='Value' required />
|
|
12
|
+
<NSBoxString title='Option' required />
|
|
13
|
+
<NSButton
|
|
14
|
+
title='Remove'
|
|
15
|
+
onClick={() => { }}
|
|
16
|
+
style={{
|
|
17
|
+
backgroundColor: "transparent",
|
|
18
|
+
border: "1px solid rgba(3, 119, 255, 1)",
|
|
19
|
+
width: "145px",
|
|
20
|
+
marginTop: "28px"
|
|
21
|
+
}}
|
|
22
|
+
/>
|
|
23
|
+
</div>
|
|
24
|
+
</section>
|
|
25
|
+
)
|
|
26
|
+
}
|
|
27
|
+
function NSTag()
|
|
28
|
+
{
|
|
29
|
+
return (
|
|
30
|
+
<div className={Styles.ns_tag_container}>
|
|
31
|
+
<div className={Styles.ns_tag_title}>
|
|
32
|
+
<InputGroup />
|
|
33
|
+
<InputGroup />
|
|
34
|
+
<InputGroup />
|
|
35
|
+
<InputGroup />
|
|
36
|
+
<NSButton
|
|
37
|
+
title='Add new tag'
|
|
38
|
+
onClick={() => { }}
|
|
39
|
+
style={{
|
|
40
|
+
backgroundColor: "transparent",
|
|
41
|
+
border: "1px solid rgba(3, 119, 255, 1)",
|
|
42
|
+
width: "145px",
|
|
43
|
+
marginTop: "24px"
|
|
44
|
+
}} />
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export default NSTag;
|
package/src/main.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export * from "./components/NSAccess";
|
|
2
1
|
export * from "./components/NSActionMenu";
|
|
3
2
|
export * from "./components/NSBarAction";
|
|
4
3
|
export * from "./components/NSBarHeroBanner";
|
|
@@ -49,19 +48,19 @@ export * from "./components/NSLoading";
|
|
|
49
48
|
export * from "./components/NSModal";
|
|
50
49
|
export * from "./components/NSPagination";
|
|
51
50
|
export * from "./components/NSPanel";
|
|
51
|
+
export * from "./components/NSRadioButton";
|
|
52
52
|
export * from "./components/NSSection";
|
|
53
53
|
export * from "./components/NSSectionBars";
|
|
54
54
|
export * from "./components/NSSectionCards";
|
|
55
55
|
export * from "./components/NSSectionTitle";
|
|
56
56
|
export * from "./components/NSSpace";
|
|
57
57
|
export * from "./components/NSTable";
|
|
58
|
+
export * from "./components/NSTag";
|
|
58
59
|
export * from "./components/NSTabPage";
|
|
59
60
|
export * from "./components/NSTitle";
|
|
60
61
|
export * from "./components/NSVerification";
|
|
61
|
-
|
|
62
62
|
export * from "./pages/NSLoginPage";
|
|
63
63
|
export * from "./pages/NSNotFoundPage";
|
|
64
|
-
|
|
65
64
|
export * from "./props/IBaseComponentProps";
|
|
66
65
|
export * from "./props/IHeaderIconProps";
|
|
67
66
|
export * from "./props/IHeaderProps";
|
|
@@ -71,7 +70,6 @@ export * from "./props/IValidationNumberProps";
|
|
|
71
70
|
export * from "./props/IValidationProps";
|
|
72
71
|
export * from "./props/IValidationRegexProps";
|
|
73
72
|
export * from "./props/IValidationStringProps";
|
|
74
|
-
|
|
75
73
|
export * from "./routing/INSRouterMaker";
|
|
76
74
|
export * from "./routing/INSRouterProps";
|
|
77
75
|
export * from "./routing/INSRouterState";
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import Styles from './NSAccess.module.css';
|
|
3
|
-
import { NSBoxEnum } from './NSBoxEnum';
|
|
4
|
-
function NSAccess() {
|
|
5
|
-
return (_jsx("section", { className: Styles.ns_access_container, children: _jsxs("div", { className: Styles.ns_access_content, children: [_jsx("h6", { children: "amir.abolhasani1368@gmail.com" }), _jsx("div", { className: 'text-center', children: _jsx("img", { src: 'https://static.namirasoft.com/image/concept/close/info.svg', alt: '', width: 96, height: 96, className: 'rounded-circle' }) }), _jsx("h2", { children: "Hi, Amir!" }), _jsx(NSBoxEnum, { title: 'Manage Your Namirasoft Account', options: [], required: true, multiple: true }), _jsxs("div", { className: Styles.ns_access_account_container, children: [_jsx("h6", { className: Styles.ns_access_account_first_letter_icon, children: "n" }), _jsxs("div", { className: Styles.ns_access_account_info, children: [_jsx("h6", { className: 'fw-normal', children: "negar fereidooni" }), _jsx("h6", { className: 'fw-light', children: "negar fereidooni@gmail.com\t" })] })] })] }) }));
|
|
6
|
-
}
|
|
7
|
-
export default NSAccess;
|
|
8
|
-
//# sourceMappingURL=NSAccess.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSAccess.js","sourceRoot":"","sources":["../../src/components/NSAccess.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,SAAS,QAAQ;IAEhB,OAAO,CACN,kBAAS,SAAS,EAAE,MAAM,CAAC,mBAAmB,YAC7C,eAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,aACvC,yDAAsC,EACtC,cAAK,SAAS,EAAC,aAAa,YAC3B,cAAK,GAAG,EAAC,4DAA4D,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAC,gBAAgB,GAAG,GAC5H,EACN,qCAAkB,EAClB,KAAC,SAAS,IAAC,KAAK,EAAC,gCAAgC,EAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,QAAC,QAAQ,SAAG,EACnF,eAAK,SAAS,EAAE,MAAM,CAAC,2BAA2B,aACjD,aAAI,SAAS,EAAE,MAAM,CAAC,mCAAmC,kBAAQ,EACjE,eAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,aAC5C,aAAI,SAAS,EAAC,WAAW,iCAAsB,EAC/C,aAAI,SAAS,EAAC,UAAU,6CAAiC,IACpD,IACD,IACD,GACG,CACV,CAAC;AACH,CAAC;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
.ns_access_container {
|
|
2
|
-
background-color: rgb(233, 237, 246);
|
|
3
|
-
border-radius: 16px;
|
|
4
|
-
padding: 24px;
|
|
5
|
-
width: fit-content;
|
|
6
|
-
margin: 48px;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.ns_access_container h6,
|
|
10
|
-
h2 {
|
|
11
|
-
color: black;
|
|
12
|
-
text-align: center;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.ns_access_account_container {
|
|
16
|
-
display: flex;
|
|
17
|
-
flex-direction: row;
|
|
18
|
-
border: none;
|
|
19
|
-
background-color: white;
|
|
20
|
-
border-radius: 8px;
|
|
21
|
-
align-items: center;
|
|
22
|
-
gap: 10px;
|
|
23
|
-
padding: 0 10px;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.ns_access_account_first_letter_icon {
|
|
27
|
-
width: 24px;
|
|
28
|
-
height: 24px;
|
|
29
|
-
background-color: rgba(5, 130, 210, 1);
|
|
30
|
-
border-radius: 50%;
|
|
31
|
-
color: white !important;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.ns_access_account_info {
|
|
35
|
-
display: flex;
|
|
36
|
-
flex-direction: column;
|
|
37
|
-
justify-content: left;
|
|
38
|
-
align-items: flex-start;
|
|
39
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
.ns_access_container {
|
|
2
|
-
background-color: rgb(233, 237, 246);
|
|
3
|
-
border-radius: 16px;
|
|
4
|
-
padding: 24px;
|
|
5
|
-
width: fit-content;
|
|
6
|
-
margin: 48px;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.ns_access_container h6,
|
|
10
|
-
h2 {
|
|
11
|
-
color: black;
|
|
12
|
-
text-align: center;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.ns_access_account_container {
|
|
16
|
-
display: flex;
|
|
17
|
-
flex-direction: row;
|
|
18
|
-
border: none;
|
|
19
|
-
background-color: white;
|
|
20
|
-
border-radius: 8px;
|
|
21
|
-
align-items: center;
|
|
22
|
-
gap: 10px;
|
|
23
|
-
padding: 0 10px;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.ns_access_account_first_letter_icon {
|
|
27
|
-
width: 24px;
|
|
28
|
-
height: 24px;
|
|
29
|
-
background-color: rgba(5, 130, 210, 1);
|
|
30
|
-
border-radius: 50%;
|
|
31
|
-
color: white !important;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.ns_access_account_info {
|
|
35
|
-
display: flex;
|
|
36
|
-
flex-direction: column;
|
|
37
|
-
justify-content: left;
|
|
38
|
-
align-items: flex-start;
|
|
39
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import Styles from './NSAccess.module.css';
|
|
2
|
-
import { NSBoxEnum } from './NSBoxEnum';
|
|
3
|
-
function NSAccess()
|
|
4
|
-
{
|
|
5
|
-
return (
|
|
6
|
-
<section className={Styles.ns_access_container}>
|
|
7
|
-
<div className={Styles.ns_access_content}>
|
|
8
|
-
<h6>amir.abolhasani1368@gmail.com</h6>
|
|
9
|
-
<div className='text-center'>
|
|
10
|
-
<img src='https://static.namirasoft.com/image/concept/close/info.svg' alt='' width={96} height={96} className='rounded-circle' />
|
|
11
|
-
</div>
|
|
12
|
-
<h2>Hi, Amir!</h2>
|
|
13
|
-
<NSBoxEnum title='Manage Your Namirasoft Account' options={[]} required multiple />
|
|
14
|
-
<div className={Styles.ns_access_account_container}>
|
|
15
|
-
<h6 className={Styles.ns_access_account_first_letter_icon}>n</h6>
|
|
16
|
-
<div className={Styles.ns_access_account_info}>
|
|
17
|
-
<h6 className='fw-normal'>negar fereidooni</h6>
|
|
18
|
-
<h6 className='fw-light'>negar fereidooni@gmail.com </h6>
|
|
19
|
-
</div>
|
|
20
|
-
</div>
|
|
21
|
-
</div>
|
|
22
|
-
</section>
|
|
23
|
-
);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export default NSAccess;
|