namirasoft-site-react 1.3.268 → 1.3.270
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 +33 -1
- package/dist/App.js.map +1 -1
- package/dist/components/NSActionMenu.js +1 -1
- package/dist/components/NSActionMenu.js.map +1 -1
- package/dist/components/NSAssistantButton.d.ts +6 -0
- package/dist/components/NSAssistantButton.js +13 -0
- package/dist/components/NSAssistantButton.js.map +1 -0
- package/dist/components/NSAssistantButton.module.css +135 -0
- package/dist/components/NSBox.module.css +2 -1
- package/dist/components/NSBoxCombo.js +1 -1
- package/dist/components/NSBoxCombo.js.map +1 -1
- package/dist/components/NSBoxEmail.d.ts +0 -3
- package/dist/components/NSBoxEmail.js +4 -21
- package/dist/components/NSBoxEmail.js.map +1 -1
- package/dist/components/NSFooter.module.css +0 -3
- package/dist/components/NSPagination.js +1 -1
- package/dist/components/NSPagination.js.map +1 -1
- package/dist/components/NSTable.js +1 -1
- package/dist/components/NSTable.js.map +1 -1
- package/dist/components/NSTable.module.css +8 -2
- package/package.json +2 -2
- package/src/App.tsx +42 -5
- package/src/components/NSActionMenu.tsx +2 -2
- package/src/components/NSAssistantButton.module.css +135 -0
- package/src/components/NSAssistantButton.tsx +76 -0
- package/src/components/NSBox.module.css +2 -1
- package/src/components/NSBoxCombo.tsx +1 -0
- package/src/components/NSBoxEmail.tsx +7 -80
- package/src/components/NSFooter.module.css +0 -3
- package/src/components/NSPagination.tsx +1 -1
- package/src/components/NSTable.module.css +8 -2
- package/src/components/NSTable.tsx +6 -2
- 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/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/dist/App.js
CHANGED
|
@@ -6,6 +6,7 @@ import { NSBoxLabel } from './components/NSBoxLabel';
|
|
|
6
6
|
import NSRadioButton from './components/NSRadioButton';
|
|
7
7
|
import NSTag from './components/NSTag';
|
|
8
8
|
import NSButton from './components/NSButton';
|
|
9
|
+
import { useRef } from 'react';
|
|
9
10
|
export function App() {
|
|
10
11
|
const onClicked = () => {
|
|
11
12
|
console.log("clicked");
|
|
@@ -35,6 +36,28 @@ export function App() {
|
|
|
35
36
|
os: "OS"
|
|
36
37
|
};
|
|
37
38
|
};
|
|
39
|
+
let rows = [
|
|
40
|
+
{
|
|
41
|
+
id: 1,
|
|
42
|
+
name: "Accountant",
|
|
43
|
+
policy: "Lorem ipsum dolor sit amet, consetetur ",
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
id: 2,
|
|
47
|
+
name: "Accountant",
|
|
48
|
+
policy: "Lorem ipsum dolor sit amet, consetetur ",
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
id: 3,
|
|
52
|
+
name: "Accountant",
|
|
53
|
+
policy: "Lorem ipsum dolor sit amet, consetetur ",
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
id: 4,
|
|
57
|
+
name: "Accountant",
|
|
58
|
+
policy: "Lorem ipsum dolor sit amet, consetetur ",
|
|
59
|
+
},
|
|
60
|
+
];
|
|
38
61
|
let group = [
|
|
39
62
|
[
|
|
40
63
|
{
|
|
@@ -56,9 +79,18 @@ export function App() {
|
|
|
56
79
|
}
|
|
57
80
|
]
|
|
58
81
|
];
|
|
82
|
+
let table = useRef(null);
|
|
83
|
+
function getCell(row, column) {
|
|
84
|
+
if (column === "check") {
|
|
85
|
+
return _jsxs(_Fragment, { children: [_jsx("input", { id: `checkbox_${row.id}`, type: "checkbox", className: "table_checkbox" }), _jsx("label", { htmlFor: `checkbox_${row.id}` })] });
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
return row[column];
|
|
89
|
+
}
|
|
90
|
+
}
|
|
59
91
|
return (_jsx(_Fragment, { children: _jsxs(NSLayout, { header: {
|
|
60
92
|
title: "any",
|
|
61
93
|
icons: icons
|
|
62
|
-
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", children: [_jsxs(_Fragment, { children: [_jsx(NSTabPage, { tabs: tabs }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSPagination, { totalItems: 100, onPageChange: () => { } })] }), _jsx(NSTable, { columns: getColumns(), getColumnAttributes: () => { return {}; },
|
|
94
|
+
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", children: [_jsxs(_Fragment, { children: [_jsx(NSTabPage, { tabs: tabs }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSPagination, { totalItems: 100, onPageChange: () => { } })] }), _jsx(NSTable, { ref: table, columns: getColumns(), getCell: getCell, getRowKey: row => row.id.toString(), getColumnAttributes: () => { return {}; }, totalItems: 0, reload: () => { var _a; return (_a = table.current) === null || _a === void 0 ? void 0 : _a.setRows(rows); } }), _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(NSBoxBoolean, { defaultValue: true, title: '', required: true }), _jsx(NSButton, { title: 'Clear Filters', onClick: () => window.location.reload(), style: { width: "136px", border: "2px solid #001664" } }), _jsx(NSTag, {})] }) }));
|
|
63
95
|
}
|
|
64
96
|
//# 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,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAClJ,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;
|
|
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,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAClJ,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAS/B,MAAM,UAAU,GAAG;IAElB,MAAM,SAAS,GAAG,GAAG,EAAE;QAEtB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACvB,CAAC,CAAA;IACD,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;IACF,IAAI,IAAI,GAAG;QACV;YACC,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,yCAAyC;SACjD;QACD;YACC,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,yCAAyC;SACjD;QACD;YACC,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,yCAAyC;SACjD;QACD;YACC,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,yCAAyC;SACjD;KACD,CAAA;IACD,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,IAAI,KAAK,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACvC,SAAS,OAAO,CAAC,GAAQ,EAAE,MAAc;QAExC,IAAI,MAAM,KAAK,OAAO,EACtB;YACC,OAAO,8BACN,gBAAO,EAAE,EAAE,YAAY,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,GAAG,EAC9E,gBAAO,OAAO,EAAE,YAAY,GAAG,CAAC,EAAE,EAAE,GAAU,IAC5C,CAAA;SACH;aACD;YACC,OAAQ,GAAW,CAAC,MAAM,CAAC,CAAC;SAC5B;IACF,CAAC;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,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,IACxD,EACH,KAAC,OAAO,IACP,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,UAAU,EAAE,EACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,EACnC,mBAAmB,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAA,CAAC,CAAC,EACxC,UAAU,EAAE,CAAC,EACb,MAAM,EAAE,GAAG,EAAE,WAAG,OAAO,MAAA,KAAK,CAAC,OAAO,0CAAE,OAAO,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC,GACpD,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,YAAY,IAAC,YAAY,EAAE,IAAI,EAAE,KAAK,EAAC,EAAE,EAAC,QAAQ,SAAG,EACtD,KAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAI,EACnI,KAAC,KAAK,KAAG,IACC,GACT,CACH,CAAC;AACH,CAAC"}
|
|
@@ -26,7 +26,7 @@ export function NSActionMenu(props) {
|
|
|
26
26
|
return _jsx(_Fragment, {});
|
|
27
27
|
if (props.items.length === 1)
|
|
28
28
|
return _jsx(NSButtonBlue, { title: props.items[0].menu_item, onClick: () => onClick(props.items[0]) });
|
|
29
|
-
return (_jsxs("div", { className: Styles.ns_action_bar, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: [props.name, _jsx("img", { className: Styles.ns_action_menu_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.
|
|
29
|
+
return (_jsxs("div", { className: Styles.ns_action_bar, ref: menuRef, children: [_jsxs("button", { onClick: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { isShow: !state.isShow }))), children: [props.name, _jsx("img", { className: Styles.ns_action_menu_icon, src: "https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.svg", alt: "Icon", width: 24, height: 24 })] }), _jsx("ul", { className: `${Styles.ns_action_item_holder} ${state.isShow ? Styles.ns_show : Styles.ns_hide}`, children: props.items.map((item) => _jsx("li", { onClick: () => onClick(item), className: `${Styles.ns_action_item}
|
|
30
30
|
${item.isActive() ? Styles.ns_active_item : Styles.ns_deActive_item}
|
|
31
31
|
`, children: item.menu_item }, item.id)) })] }));
|
|
32
32
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSActionMenu.js","sourceRoot":"","sources":["../../src/components/NSActionMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAe/C,MAAM,UAAU,YAAY,CAAC,KAAoD;IAEhF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB;QACtD,MAAM,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QAEd,SAAS,kBAAkB,CAAC,KAAiB;YAE5C,IAAI,OAAO,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACtE;gBACC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;aAC5B;QACF,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YAEX,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,OAAO,CAAC,IAAwB;QAExC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,mBAAK,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,KAAC,YAAY,IACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GACrC,CAAC;IACJ,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,GAAG,EAAE,OAAO,aACjD,kBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCAC3C,SAAS,KAAE,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,IAClC,CAAC,aACD,KAAK,CAAC,IAAI,EACX,cACC,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,GAAG,EAAC,wEAAwE,EAC5E,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"NSActionMenu.js","sourceRoot":"","sources":["../../src/components/NSActionMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAe/C,MAAM,UAAU,YAAY,CAAC,KAAoD;IAEhF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB;QACtD,MAAM,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QAEd,SAAS,kBAAkB,CAAC,KAAiB;YAE5C,IAAI,OAAO,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACtE;gBACC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;aAC5B;QACF,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YAEX,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,OAAO,CAAC,IAAwB;QAExC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,mBAAK,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC3B,OAAO,KAAC,YAAY,IACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GACrC,CAAC;IACJ,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,GAAG,EAAE,OAAO,aACjD,kBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCAC3C,SAAS,KAAE,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,IAClC,CAAC,aACD,KAAK,CAAC,IAAI,EACX,cACC,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,GAAG,EAAC,wEAAwE,EAC5E,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACT,IACM,EACT,aAAI,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,YAEhG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACxB,aAEC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc;kCACR,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB;iCAClE,YAEzB,IAAI,CAAC,SAAS,IANV,IAAI,CAAC,EAAE,CAOR,CACL,GAEE,IACA,CACN,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Styles from './NSAssistantButton.module.css';
|
|
3
|
+
import IconCopy from '../assets/images/icon-copy.png';
|
|
4
|
+
import IconFullScreen from '../assets/images/icon-fullscreen.png';
|
|
5
|
+
import { useState } from 'react';
|
|
6
|
+
import IconInputEmail from '../assets/images/icon-input-email.svg';
|
|
7
|
+
function NSAssistantButton(props) {
|
|
8
|
+
let [fullscreen, setFullscreen] = useState(false);
|
|
9
|
+
let [state, setState] = useState("");
|
|
10
|
+
return (_jsxs("div", { className: Styles.ns_container, children: [_jsxs("div", { className: Styles.ns_input_parent, children: [_jsxs("div", { className: Styles.ns_input_title_group, children: [_jsxs("div", { children: [props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", props.title] }), _jsxs("div", { children: [_jsx("button", { className: Styles.ns_btn_box, onClick: () => alert(10), children: _jsx("img", { src: IconCopy, alt: "Copy", width: 14, height: 14 }) }), _jsx("button", { className: Styles.ns_btn_box, onClick: () => { setFullscreen(!fullscreen); }, children: _jsx("img", { src: IconFullScreen, alt: "FullScreen", width: 14, height: 14 }) })] })] }), _jsxs("div", { className: Styles.ns_input_modal_full_screen, style: { display: fullscreen === false ? "none" : "block" }, children: [_jsx("div", { className: Styles.ns_cover_background, children: _jsx("img", { className: Styles.ns_modal_icon_close, src: "https://static.namirasoft.com/image/concept/close/info.svg", alt: "Close Button", width: 24, height: 24, onClick: () => { setFullscreen(!fullscreen); } }) }), _jsx("div", { className: Styles.ns_input_modal_full, onClick: () => { } }), _jsx("textarea", { onChange: (e) => { setState(e.target.value); } }), _jsx("div", { children: state })] })] }), _jsx("input", { type: "email", className: Styles.ns_input, style: { background: `url(${IconInputEmail}) white no-repeat scroll center right 16px` } })] }));
|
|
11
|
+
}
|
|
12
|
+
export default NSAssistantButton;
|
|
13
|
+
//# sourceMappingURL=NSAssistantButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSAssistantButton.js","sourceRoot":"","sources":["../../src/components/NSAssistantButton.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AACpD,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,cAAc,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAMnE,SAAS,iBAAiB,CAAC,KAAwB;IAE/C,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEpC,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aAC/B,eAAK,SAAS,EAAE,MAAM,CAAC,eAAe,aAClC,eAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,aACvC,0BACK,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,OAAG,KAAK,CAAC,KAAK,IACtE,EACN,0BACI,iBAAQ,SAAS,EAAE,MAAM,CAAC,UAAU,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,YAExB,cACI,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,GACG,EACT,iBAAQ,SAAS,EAAE,MAAM,CAAC,UAAU,EAChC,OAAO,EAAE,GAAG,EAAE,GAAG,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA,CAAC,CAAC,YAE7C,cACI,GAAG,EAAE,cAAc,EACnB,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACZ,GACG,IACP,IACJ,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,aAC1G,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,YACtC,cACI,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,GAAG,EAAC,4DAA4D,EAChE,GAAG,EAAC,cAAc,EAClB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,GAAG,EAAE,GAAG,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA,CAAC,CAAC,GAC/C,GACA,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,GAAQ,EACtE,mBACI,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA,CAAC,CAAC,GAEtC,EACX,wBACK,KAAK,GACJ,IACJ,IACH,EACP,gBACI,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,cAAc,4CAA4C,EAAE,GAC1F,IACA,CACT,CAAC;AACN,CAAC;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
.ns_container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
justify-content: left;
|
|
5
|
+
align-items: flex-end;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.ns_input_parent {
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: row;
|
|
11
|
+
width: 100%;
|
|
12
|
+
color: #141B5C;
|
|
13
|
+
justify-content: space-between;
|
|
14
|
+
width: 272px;
|
|
15
|
+
max-width: 100%;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ns_input {
|
|
19
|
+
border-radius: 8px;
|
|
20
|
+
padding: 10px 48px 10px 12px;
|
|
21
|
+
font-size: 16px;
|
|
22
|
+
font-weight: 400;
|
|
23
|
+
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
24
|
+
height: 48px;
|
|
25
|
+
width: 272px
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.ns_input li {
|
|
29
|
+
color: #000 !important
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.ns_input_title {
|
|
33
|
+
font-size: 16px;
|
|
34
|
+
font-weight: 400;
|
|
35
|
+
display: flex;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.ns_input_title_group {
|
|
39
|
+
display: flex;
|
|
40
|
+
width: 100%;
|
|
41
|
+
justify-content: space-between;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@media only screen and (min-width: 380px) {
|
|
45
|
+
.ns_input {
|
|
46
|
+
max-width: 272px;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/*Start Input phone*/
|
|
51
|
+
.ns_input_phone_parent input {
|
|
52
|
+
width: 100% !important;
|
|
53
|
+
height: 48px !important;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@media only screen and (min-width: 380px) {
|
|
57
|
+
.ns_input_phone_parent input {
|
|
58
|
+
width: 272px !important;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/*End Input phone*/
|
|
63
|
+
|
|
64
|
+
.ns_btn_box {
|
|
65
|
+
opacity: 0;
|
|
66
|
+
visibility: hidden;
|
|
67
|
+
color: #000;
|
|
68
|
+
border: none;
|
|
69
|
+
cursor: pointer;
|
|
70
|
+
width: max-content;
|
|
71
|
+
background-color: transparent;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.ns_input_parent:hover .ns_btn_box {
|
|
75
|
+
opacity: 1;
|
|
76
|
+
visibility: visible;
|
|
77
|
+
transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.ns_btn_box img {
|
|
81
|
+
position: inherit;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.ns_full_screen {
|
|
85
|
+
position: fixed;
|
|
86
|
+
top: 0;
|
|
87
|
+
left: 0;
|
|
88
|
+
width: 100%;
|
|
89
|
+
height: 100%;
|
|
90
|
+
background: #0101015c;
|
|
91
|
+
z-index: 1000;
|
|
92
|
+
padding: 5%;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.ns_full_screen input {
|
|
96
|
+
width: 100% !important;
|
|
97
|
+
max-width: 100%;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.ns_input_modal_full {
|
|
101
|
+
position: fixed;
|
|
102
|
+
top: 0;
|
|
103
|
+
left: 0;
|
|
104
|
+
background-color: rgba(0, 0, 0, 0.6);
|
|
105
|
+
height: 100%;
|
|
106
|
+
width: 100%;
|
|
107
|
+
z-index: 15;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.ns_input_modal_full_screen textarea {
|
|
111
|
+
height: 80%;
|
|
112
|
+
width: 80%;
|
|
113
|
+
z-index: 15;
|
|
114
|
+
position: fixed;
|
|
115
|
+
top: 10%;
|
|
116
|
+
left: 10%;
|
|
117
|
+
text-align: left;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.ns_input_modal_full_screen img {
|
|
121
|
+
position: fixed;
|
|
122
|
+
top: 5%;
|
|
123
|
+
right: 10%;
|
|
124
|
+
z-index: 20;
|
|
125
|
+
transition: all 0.3s ease-in-out;
|
|
126
|
+
cursor: pointer;
|
|
127
|
+
background-color: white;
|
|
128
|
+
border-radius: 50%;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.ns_input_modal_full_screen img:hover {
|
|
132
|
+
scale: 1.2;
|
|
133
|
+
rotate: 180deg;
|
|
134
|
+
background-color: red;
|
|
135
|
+
}
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
font-weight: 400;
|
|
28
28
|
display: flex;
|
|
29
29
|
align-items: center;
|
|
30
|
+
flex-direction: row;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
33
|
@media only screen and (min-width: 380px) {
|
|
@@ -89,7 +90,7 @@
|
|
|
89
90
|
position: fixed;
|
|
90
91
|
top: 0;
|
|
91
92
|
left: 0;
|
|
92
|
-
background-color: rgba(0, 0, 0, 0.
|
|
93
|
+
background-color: rgba(0, 0, 0, 0.6);
|
|
93
94
|
height: 100%;
|
|
94
95
|
width: 100%;
|
|
95
96
|
z-index: 15;
|
|
@@ -59,7 +59,7 @@ export class NSBoxCombo extends React.Component {
|
|
|
59
59
|
this.setValue(value);
|
|
60
60
|
}
|
|
61
61
|
render() {
|
|
62
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${this.props.customClass}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { showSearch: this.props.searchable != false ? true : undefined, mode: this.props.multiple ? "multiple" : undefined, style: { width: '100%' }, className: Styles.ns_input_select, placeholder: this.props.placeholder, onChange: this.onChange, optionLabelProp: "label", options: this.props.options, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: IconSelectBox, alt: "SelectBox Icon" }) })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }));
|
|
62
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${this.props.customClass}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { showSearch: this.props.searchable != false ? true : undefined, mode: this.props.multiple ? "multiple" : undefined, style: { width: '100%' }, className: Styles.ns_input_select, placeholder: this.props.placeholder, onChange: this.onChange, optionLabelProp: "label", options: this.props.options, defaultValue: this.props.defaultValue, optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: IconSelectBox, alt: "SelectBox Icon" }) })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }));
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
//# sourceMappingURL=NSBoxCombo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxCombo.js","sourceRoot":"","sources":["../../src/components/NSBoxCombo.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NSBoxCombo.js","sourceRoot":"","sources":["../../src/components/NSBoxCombo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,15 +12,12 @@ export interface INSBoxEmailProps extends IBaseComponentProps, IValidationProps,
|
|
|
12
12
|
export interface INSBoxEmailState {
|
|
13
13
|
value: string;
|
|
14
14
|
error?: string;
|
|
15
|
-
isFullScreen: boolean;
|
|
16
15
|
}
|
|
17
16
|
export declare class NSBoxEmail extends React.Component<INSBoxEmailProps, INSBoxEmailState> {
|
|
18
17
|
constructor(props: INSBoxEmailProps);
|
|
19
18
|
getError(): string | null;
|
|
20
|
-
getValue(): string;
|
|
21
19
|
setValue(value: string): void;
|
|
22
20
|
private onChanged;
|
|
23
|
-
private toggleFullScreen;
|
|
24
21
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
25
22
|
}
|
|
26
23
|
export default NSBoxEmail;
|
|
@@ -1,36 +1,22 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx,
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSBox.module.css";
|
|
5
|
-
import IconInputEmail from '../assets/images/icon-input-email.svg';
|
|
6
|
-
import IconFullScreen from '../assets/images/icon-fullscreen.png';
|
|
7
|
-
import IconCopy from '../assets/images/icon-copy.png';
|
|
8
5
|
import { Validator } from "../Validator";
|
|
9
6
|
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
10
|
-
import
|
|
7
|
+
import NSAssitantButton from "./NSAssistantButton";
|
|
11
8
|
export class NSBoxEmail extends React.Component {
|
|
12
9
|
constructor(props) {
|
|
13
10
|
var _a;
|
|
14
11
|
super(props);
|
|
15
|
-
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : ""
|
|
16
|
-
this.setValue = this.setValue.bind(this);
|
|
17
|
-
this.getValue = this.getValue.bind(this);
|
|
12
|
+
this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : "" };
|
|
18
13
|
this.onChanged = this.onChanged.bind(this);
|
|
19
|
-
this.toggleFullScreen = this.toggleFullScreen.bind(this);
|
|
20
14
|
}
|
|
21
15
|
getError() {
|
|
22
16
|
return (Validator.getError(this.props.title, this.state.value, this.props) ||
|
|
23
17
|
Validator.getErrorString(this.props.title, this.state.value, this.props) ||
|
|
24
18
|
Validator.getErrorEmail(this.props.title, this.state.value));
|
|
25
19
|
}
|
|
26
|
-
getValue() {
|
|
27
|
-
let error = this.getError();
|
|
28
|
-
if (error) {
|
|
29
|
-
this.setState({ error });
|
|
30
|
-
throw new Error(error);
|
|
31
|
-
}
|
|
32
|
-
return this.state.value;
|
|
33
|
-
}
|
|
34
20
|
setValue(value) {
|
|
35
21
|
this.setState({ value }, () => {
|
|
36
22
|
if (this.props.onChanged) {
|
|
@@ -41,12 +27,9 @@ export class NSBoxEmail extends React.Component {
|
|
|
41
27
|
onChanged(e) {
|
|
42
28
|
this.setValue(e.target.value);
|
|
43
29
|
}
|
|
44
|
-
toggleFullScreen() {
|
|
45
|
-
this.setState(prevState => ({ isFullScreen: !prevState.isFullScreen }));
|
|
46
|
-
}
|
|
47
30
|
render() {
|
|
48
31
|
var _a;
|
|
49
|
-
return (_jsxs(_Fragment, { children: [
|
|
32
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: _jsx("span", { className: Styles.ns_input_title, children: _jsx(NSAssitantButton, { title: this.props.title, required: true }) }) }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }));
|
|
50
33
|
}
|
|
51
34
|
}
|
|
52
35
|
export default NSBoxEmail;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxEmail.js","sourceRoot":"","sources":["../../src/components/NSBoxEmail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,
|
|
1
|
+
{"version":3,"file":"NSBoxEmail.js","sourceRoot":"","sources":["../../src/components/NSBoxEmail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAiBnD,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA6C;IAElF,YAAY,KAAuB;;QAElC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,EAAE,CAAC;QACjD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IAED,QAAQ;QAEP,OAAO,CACN,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YAClE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YACxE,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAC3D,CAAC;IACH,CAAC;IAGD,QAAQ,CAAC,KAAa;QAErB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE;YAE7B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EACxB;gBACC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;aAC3B;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IAEO,SAAS,CAAC,CAAsC;QAEvD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAEQ,MAAM;;QAEd,OAAO,CACN,8BACC,cAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,YACzH,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YACrC,KAAC,gBAAgB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,SAAG,GAC/C,GACF,EACP,KAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAI,IAC7F,CACH,CAAC;IACH,CAAC;CACD;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -69,7 +69,7 @@ export class NSPagination extends Component {
|
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
71
|
}, children: _jsx("img", { style: { margin: "0 0 0 8px" }, src: "https://static.namirasoft.com/image/concept/arrow/right/white-blue.svg", width: 32, height: 32, alt: "right_vector" }) }) }, "next"));
|
|
72
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_pagination_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: this.props.style, children: [pages, _jsxs("div", { className: Styles.ns_pagination_info, children: [_jsx("div", { style: { width: 70 }, children: _jsx(NSBoxCombo, { searchable: false, ref: this.PageSize, title: '', multiple: false, required: false, options: pageSizes.map(pagesize => { return { desc: pagesize.toString(), value: pagesize.toString() }; }), onChanged: () => {
|
|
72
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_pagination_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(' ')}`, style: this.props.style, children: [pages, _jsxs("div", { className: Styles.ns_pagination_info, children: [_jsx("div", { style: { width: 70 }, children: _jsx(NSBoxCombo, { searchable: false, ref: this.PageSize, title: '', multiple: false, required: false, defaultValue: "25", options: pageSizes.map(pagesize => { return { desc: pagesize.toString(), value: pagesize.toString() }; }), onChanged: () => {
|
|
73
73
|
var _a, _b;
|
|
74
74
|
let currentPage = this.state.currentPage;
|
|
75
75
|
let pageSize = parseInt((_b = (_a = this.PageSize.current) === null || _a === void 0 ? void 0 : _a.getValue()) !== null && _b !== void 0 ? _b : pageSizes[0].toString());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"NSPagination.js","sourceRoot":"","sources":["../../src/components/NSPagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -80,7 +80,7 @@ export class NSTable extends Component {
|
|
|
80
80
|
else {
|
|
81
81
|
content = this.state.rows.map((row, rowIndex) => _jsx("tr", { onClick: (e) => { onRowClick(e, row, rowIndex); }, children: column_keys.map((column, columnIndex) => (_createElement("td", Object.assign({}, getColumnAttributes(column, columnIndex), { key: this.props.getRowKey(row, rowIndex), "data-label": `${this.state.columns[column]} : `, onClick: (e) => { onCellClick(e, row, column, rowIndex, columnIndex); } }), getCell(row, column, rowIndex, columnIndex)))) }, this.props.getRowKey(row, rowIndex)));
|
|
82
82
|
}
|
|
83
|
-
return (_jsxs("div", { id: this.props.id, className: `${Styles.ns_project_list_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("table", { className: Styles.ns_table, children: [_jsx("thead", { className: Styles.ns_thead, children:
|
|
83
|
+
return (_jsxs("div", { id: this.props.id, className: `${Styles.ns_project_list_container} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("table", { className: Styles.ns_table, children: [_jsx("thead", { className: Styles.ns_thead, children: _jsxs("tr", { children: [_jsx("div", { className: Styles.ns_checkbox, children: _jsx("input", { id: 'checkbox', type: 'checkbox', onChange: () => { } }) }), column_keys.map(column_key => _jsx("th", { scope: "col", children: this.state.columns[column_key] }, column_key))] }) }), _jsx("tbody", { className: Styles.ns_tbody, children: content })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), _jsxs("section", { className: Styles.ns_pagination_button, children: [_jsx(NSPagination, { ref: this.NSPagination, totalItems: this.props.totalItems, onPageChange: this.onPageChange }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: Styles.ns_button, children: [_jsx(NSButton, { title: 'Chart', icon: { src: "https://static.namirasoft.com/image/concept/chart/blue.svg" }, onClick: () => { }, style: { border: '1px solid rgba(255, 148, 50, 1)', width: "128px" } }), _jsx(NSButton, { title: 'Print', icon: { src: "https://static.namirasoft.com/image/concept/print/blue.svg" }, onClick: () => { }, style: { border: '1px solid rgba(255, 148, 50, 1)', width: "128px" } }), _jsx(NSButton, { title: 'Export', icon: { src: "https://static.namirasoft.com/image/concept/export/blue.svg" }, onClick: () => { }, style: { border: '1px solid rgba(255, 148, 50, 1)', width: "128px" } }), _jsx(NSButton, { title: 'Refresh', icon: { src: "https://static.namirasoft.com/image/concept/refresh/blue.svg" }, onClick: () => {
|
|
84
84
|
if (this.NSPagination.current)
|
|
85
85
|
this.props.reload(this.NSPagination.current.getCurrentPage(), this.NSPagination.current.getPageSize());
|
|
86
86
|
}, style: { border: '1px solid rgba(3, 119, 255, 1)', width: "128px" } })] })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSModal, { show: this.state.model.show, description: this.state.model.description, onClose: () => { this.hideModal(); }, title: this.state.title })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NSTable.js","sourceRoot":"","sources":["../../src/components/NSTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
|
|
91
91
|
.ns_table tr {
|
|
92
92
|
display: grid;
|
|
93
|
-
grid-template-columns: repeat(auto-fit, minmax(
|
|
93
|
+
grid-template-columns: 50px repeat(auto-fit, minmax(100px, 1fr));
|
|
94
94
|
padding: 12px 16px;
|
|
95
95
|
margin: 0;
|
|
96
96
|
border-radius: 0;
|
|
@@ -99,6 +99,12 @@
|
|
|
99
99
|
align-items: center;
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
+
.ns_checkbox {
|
|
103
|
+
display: flex;
|
|
104
|
+
justify-content: center;
|
|
105
|
+
align-items: center;
|
|
106
|
+
}
|
|
107
|
+
|
|
102
108
|
.ns_table tr:hover {
|
|
103
109
|
background-color: rgba(20, 27, 92, 0.5);
|
|
104
110
|
color: white;
|
|
@@ -125,7 +131,7 @@
|
|
|
125
131
|
float: left;
|
|
126
132
|
font-weight: bold;
|
|
127
133
|
min-width: unset;
|
|
128
|
-
display:none;
|
|
134
|
+
display: none;
|
|
129
135
|
}
|
|
130
136
|
|
|
131
137
|
/* 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.270",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"react-dom": "^18.3.1",
|
|
38
38
|
"react-phone-input-2": "^2.15.1",
|
|
39
39
|
"react-phone-number-input": "^3.4.3",
|
|
40
|
-
"react-router-dom": "^6.
|
|
40
|
+
"react-router-dom": "^6.24.0",
|
|
41
41
|
"react-scripts": "5.0.1"
|
|
42
42
|
},
|
|
43
43
|
"eslintConfig": {
|
package/src/App.tsx
CHANGED
|
@@ -5,6 +5,7 @@ import { NSBoxLabel } from './components/NSBoxLabel';
|
|
|
5
5
|
import NSRadioButton from './components/NSRadioButton';
|
|
6
6
|
import NSTag from './components/NSTag';
|
|
7
7
|
import NSButton from './components/NSButton';
|
|
8
|
+
import { useRef } from 'react';
|
|
8
9
|
|
|
9
10
|
export interface INSBarActionState
|
|
10
11
|
{
|
|
@@ -19,7 +20,6 @@ export function App()
|
|
|
19
20
|
{
|
|
20
21
|
console.log("clicked")
|
|
21
22
|
}
|
|
22
|
-
|
|
23
23
|
let icons = [
|
|
24
24
|
{ src: "https://static.namirasoft.com/image/namirasoft/message/logo/base.png", alt: "", onClicked, count: 1 },
|
|
25
25
|
{ src: "https://static.namirasoft.com/image/concept/logout/white.svg", alt: "", onClicked },
|
|
@@ -59,7 +59,28 @@ export function App()
|
|
|
59
59
|
os: "OS"
|
|
60
60
|
};
|
|
61
61
|
};
|
|
62
|
-
|
|
62
|
+
let rows = [
|
|
63
|
+
{
|
|
64
|
+
id: 1,
|
|
65
|
+
name: "Accountant",
|
|
66
|
+
policy: "Lorem ipsum dolor sit amet, consetetur ",
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
id: 2,
|
|
70
|
+
name: "Accountant",
|
|
71
|
+
policy: "Lorem ipsum dolor sit amet, consetetur ",
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
id: 3,
|
|
75
|
+
name: "Accountant",
|
|
76
|
+
policy: "Lorem ipsum dolor sit amet, consetetur ",
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
id: 4,
|
|
80
|
+
name: "Accountant",
|
|
81
|
+
policy: "Lorem ipsum dolor sit amet, consetetur ",
|
|
82
|
+
},
|
|
83
|
+
]
|
|
63
84
|
let group: any = [
|
|
64
85
|
[
|
|
65
86
|
{
|
|
@@ -81,6 +102,20 @@ export function App()
|
|
|
81
102
|
}
|
|
82
103
|
]
|
|
83
104
|
]
|
|
105
|
+
let table = useRef<NSTable<any>>(null);
|
|
106
|
+
function getCell(row: any, column: string): any
|
|
107
|
+
{
|
|
108
|
+
if (column === "check")
|
|
109
|
+
{
|
|
110
|
+
return <>
|
|
111
|
+
<input id={`checkbox_${row.id}`} type="checkbox" className="table_checkbox" />
|
|
112
|
+
<label htmlFor={`checkbox_${row.id}`}></label>
|
|
113
|
+
</>
|
|
114
|
+
} else
|
|
115
|
+
{
|
|
116
|
+
return (row as any)[column];
|
|
117
|
+
}
|
|
118
|
+
}
|
|
84
119
|
return (
|
|
85
120
|
<>
|
|
86
121
|
<NSLayout
|
|
@@ -99,11 +134,13 @@ export function App()
|
|
|
99
134
|
<NSPagination totalItems={100} onPageChange={() => { }} />
|
|
100
135
|
</>
|
|
101
136
|
<NSTable
|
|
137
|
+
ref={table}
|
|
102
138
|
columns={getColumns()}
|
|
139
|
+
getCell={getCell}
|
|
140
|
+
getRowKey={row => row.id.toString()}
|
|
103
141
|
getColumnAttributes={() => { return {} }}
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
reload={() => { }}
|
|
142
|
+
totalItems={0}
|
|
143
|
+
reload={() => { return table.current?.setRows(rows) }}
|
|
107
144
|
/>
|
|
108
145
|
<NSBarAction title='' menus={group} />
|
|
109
146
|
<NSBoxEmail title='Email' required />
|
|
@@ -61,9 +61,9 @@ export function NSActionMenu(props: { name: string, items: INSActionMenuProps[]
|
|
|
61
61
|
{props.name}
|
|
62
62
|
<img
|
|
63
63
|
className={Styles.ns_action_menu_icon}
|
|
64
|
-
src="https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.
|
|
64
|
+
src="https://static.namirasoft.com/image/concept/ellipsis/vertical-blue.svg"
|
|
65
65
|
alt="Icon"
|
|
66
|
-
width={
|
|
66
|
+
width={24}
|
|
67
67
|
height={24}
|
|
68
68
|
/>
|
|
69
69
|
</button>
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
.ns_container {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
justify-content: left;
|
|
5
|
+
align-items: flex-end;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.ns_input_parent {
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: row;
|
|
11
|
+
width: 100%;
|
|
12
|
+
color: #141B5C;
|
|
13
|
+
justify-content: space-between;
|
|
14
|
+
width: 272px;
|
|
15
|
+
max-width: 100%;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ns_input {
|
|
19
|
+
border-radius: 8px;
|
|
20
|
+
padding: 10px 48px 10px 12px;
|
|
21
|
+
font-size: 16px;
|
|
22
|
+
font-weight: 400;
|
|
23
|
+
border: 1px solid rgba(0, 0, 0, 1) !important;
|
|
24
|
+
height: 48px;
|
|
25
|
+
width: 272px
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.ns_input li {
|
|
29
|
+
color: #000 !important
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.ns_input_title {
|
|
33
|
+
font-size: 16px;
|
|
34
|
+
font-weight: 400;
|
|
35
|
+
display: flex;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.ns_input_title_group {
|
|
39
|
+
display: flex;
|
|
40
|
+
width: 100%;
|
|
41
|
+
justify-content: space-between;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@media only screen and (min-width: 380px) {
|
|
45
|
+
.ns_input {
|
|
46
|
+
max-width: 272px;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/*Start Input phone*/
|
|
51
|
+
.ns_input_phone_parent input {
|
|
52
|
+
width: 100% !important;
|
|
53
|
+
height: 48px !important;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@media only screen and (min-width: 380px) {
|
|
57
|
+
.ns_input_phone_parent input {
|
|
58
|
+
width: 272px !important;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/*End Input phone*/
|
|
63
|
+
|
|
64
|
+
.ns_btn_box {
|
|
65
|
+
opacity: 0;
|
|
66
|
+
visibility: hidden;
|
|
67
|
+
color: #000;
|
|
68
|
+
border: none;
|
|
69
|
+
cursor: pointer;
|
|
70
|
+
width: max-content;
|
|
71
|
+
background-color: transparent;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.ns_input_parent:hover .ns_btn_box {
|
|
75
|
+
opacity: 1;
|
|
76
|
+
visibility: visible;
|
|
77
|
+
transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.ns_btn_box img {
|
|
81
|
+
position: inherit;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.ns_full_screen {
|
|
85
|
+
position: fixed;
|
|
86
|
+
top: 0;
|
|
87
|
+
left: 0;
|
|
88
|
+
width: 100%;
|
|
89
|
+
height: 100%;
|
|
90
|
+
background: #0101015c;
|
|
91
|
+
z-index: 1000;
|
|
92
|
+
padding: 5%;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.ns_full_screen input {
|
|
96
|
+
width: 100% !important;
|
|
97
|
+
max-width: 100%;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.ns_input_modal_full {
|
|
101
|
+
position: fixed;
|
|
102
|
+
top: 0;
|
|
103
|
+
left: 0;
|
|
104
|
+
background-color: rgba(0, 0, 0, 0.6);
|
|
105
|
+
height: 100%;
|
|
106
|
+
width: 100%;
|
|
107
|
+
z-index: 15;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.ns_input_modal_full_screen textarea {
|
|
111
|
+
height: 80%;
|
|
112
|
+
width: 80%;
|
|
113
|
+
z-index: 15;
|
|
114
|
+
position: fixed;
|
|
115
|
+
top: 10%;
|
|
116
|
+
left: 10%;
|
|
117
|
+
text-align: left;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.ns_input_modal_full_screen img {
|
|
121
|
+
position: fixed;
|
|
122
|
+
top: 5%;
|
|
123
|
+
right: 10%;
|
|
124
|
+
z-index: 20;
|
|
125
|
+
transition: all 0.3s ease-in-out;
|
|
126
|
+
cursor: pointer;
|
|
127
|
+
background-color: white;
|
|
128
|
+
border-radius: 50%;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.ns_input_modal_full_screen img:hover {
|
|
132
|
+
scale: 1.2;
|
|
133
|
+
rotate: 180deg;
|
|
134
|
+
background-color: red;
|
|
135
|
+
}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import Styles from './NSAssistantButton.module.css';
|
|
2
|
+
import IconCopy from '../assets/images/icon-copy.png';
|
|
3
|
+
import IconFullScreen from '../assets/images/icon-fullscreen.png';
|
|
4
|
+
import { useState } from 'react';
|
|
5
|
+
import IconInputEmail from '../assets/images/icon-input-email.svg';
|
|
6
|
+
export interface INSAssistantProps
|
|
7
|
+
{
|
|
8
|
+
title: string;
|
|
9
|
+
required: boolean;
|
|
10
|
+
}
|
|
11
|
+
function NSAssistantButton(props: INSAssistantProps)
|
|
12
|
+
{
|
|
13
|
+
let [fullscreen, setFullscreen] = useState(false);
|
|
14
|
+
let [state, setState] = useState("")
|
|
15
|
+
// CopyToClipboard.copyToClipboard
|
|
16
|
+
return (
|
|
17
|
+
<div className={Styles.ns_container}>
|
|
18
|
+
<div className={Styles.ns_input_parent}>
|
|
19
|
+
<div className={Styles.ns_input_title_group}>
|
|
20
|
+
<div>
|
|
21
|
+
{props.required && <span style={{ color: "red" }}>*</span>} {props.title}
|
|
22
|
+
</div>
|
|
23
|
+
<div>
|
|
24
|
+
<button className={Styles.ns_btn_box}
|
|
25
|
+
onClick={() => alert(10)}
|
|
26
|
+
>
|
|
27
|
+
<img
|
|
28
|
+
src={IconCopy}
|
|
29
|
+
alt="Copy"
|
|
30
|
+
width={14}
|
|
31
|
+
height={14}
|
|
32
|
+
/>
|
|
33
|
+
</button>
|
|
34
|
+
<button className={Styles.ns_btn_box}
|
|
35
|
+
onClick={() => { setFullscreen(!fullscreen) }}
|
|
36
|
+
>
|
|
37
|
+
<img
|
|
38
|
+
src={IconFullScreen}
|
|
39
|
+
alt="FullScreen"
|
|
40
|
+
width={14}
|
|
41
|
+
height={14}
|
|
42
|
+
/>
|
|
43
|
+
</button>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
<div className={Styles.ns_input_modal_full_screen} style={{ display: fullscreen === false ? "none" : "block" }} >
|
|
47
|
+
<div className={Styles.ns_cover_background}>
|
|
48
|
+
<img
|
|
49
|
+
className={Styles.ns_modal_icon_close}
|
|
50
|
+
src="https://static.namirasoft.com/image/concept/close/info.svg"
|
|
51
|
+
alt="Close Button"
|
|
52
|
+
width={24}
|
|
53
|
+
height={24}
|
|
54
|
+
onClick={() => { setFullscreen(!fullscreen) }}
|
|
55
|
+
/>
|
|
56
|
+
</div>
|
|
57
|
+
<div className={Styles.ns_input_modal_full} onClick={() => { }}></div>
|
|
58
|
+
<textarea
|
|
59
|
+
onChange={(e) => { setState(e.target.value) }}
|
|
60
|
+
>
|
|
61
|
+
</textarea>
|
|
62
|
+
<div>
|
|
63
|
+
{state}
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
</div >
|
|
67
|
+
<input
|
|
68
|
+
type="email"
|
|
69
|
+
className={Styles.ns_input}
|
|
70
|
+
style={{ background: `url(${IconInputEmail}) white no-repeat scroll center right 16px` }}
|
|
71
|
+
/>
|
|
72
|
+
</div>
|
|
73
|
+
);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
export default NSAssistantButton;
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
font-weight: 400;
|
|
28
28
|
display: flex;
|
|
29
29
|
align-items: center;
|
|
30
|
+
flex-direction: row;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
33
|
@media only screen and (min-width: 380px) {
|
|
@@ -89,7 +90,7 @@
|
|
|
89
90
|
position: fixed;
|
|
90
91
|
top: 0;
|
|
91
92
|
left: 0;
|
|
92
|
-
background-color: rgba(0, 0, 0, 0.
|
|
93
|
+
background-color: rgba(0, 0, 0, 0.6);
|
|
93
94
|
height: 100%;
|
|
94
95
|
width: 100%;
|
|
95
96
|
z-index: 15;
|
|
@@ -117,6 +117,7 @@ export class NSBoxCombo extends React.Component<INSBoxComboProps, INSBoxComboSta
|
|
|
117
117
|
onChange={this.onChange}
|
|
118
118
|
optionLabelProp="label"
|
|
119
119
|
options={this.props.options}
|
|
120
|
+
defaultValue={this.props.defaultValue}
|
|
120
121
|
optionRender={(option) => (
|
|
121
122
|
<Space className={Styles.ns_input_select_option}>
|
|
122
123
|
{option.data.desc}
|
|
@@ -2,15 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import Styles from "./NSBox.module.css";
|
|
5
|
-
import IconInputEmail from '../assets/images/icon-input-email.svg';
|
|
6
|
-
import IconFullScreen from '../assets/images/icon-fullscreen.png';
|
|
7
|
-
import IconCopy from '../assets/images/icon-copy.png';
|
|
8
5
|
import { Validator } from "../Validator";
|
|
9
6
|
import { IValidationProps } from "../props/IValidationProps";
|
|
10
7
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
11
8
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
12
9
|
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
13
|
-
import
|
|
10
|
+
import NSAssitantButton from "./NSAssistantButton";
|
|
11
|
+
// import CopyToClipboard from "../CopyToClipboard";
|
|
14
12
|
|
|
15
13
|
export interface INSBoxEmailProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
|
|
16
14
|
{
|
|
@@ -25,19 +23,14 @@ export interface INSBoxEmailState
|
|
|
25
23
|
{
|
|
26
24
|
value: string;
|
|
27
25
|
error?: string;
|
|
28
|
-
isFullScreen: boolean;
|
|
29
26
|
}
|
|
30
|
-
|
|
31
27
|
export class NSBoxEmail extends React.Component<INSBoxEmailProps, INSBoxEmailState>
|
|
32
28
|
{
|
|
33
29
|
constructor(props: INSBoxEmailProps)
|
|
34
30
|
{
|
|
35
31
|
super(props);
|
|
36
|
-
this.state = { value: props.defaultValue ?? ""
|
|
37
|
-
this.setValue = this.setValue.bind(this);
|
|
38
|
-
this.getValue = this.getValue.bind(this);
|
|
32
|
+
this.state = { value: props.defaultValue ?? "" };
|
|
39
33
|
this.onChanged = this.onChanged.bind(this);
|
|
40
|
-
this.toggleFullScreen = this.toggleFullScreen.bind(this);
|
|
41
34
|
}
|
|
42
35
|
|
|
43
36
|
getError(): string | null
|
|
@@ -49,16 +42,6 @@ export class NSBoxEmail extends React.Component<INSBoxEmailProps, INSBoxEmailSta
|
|
|
49
42
|
);
|
|
50
43
|
}
|
|
51
44
|
|
|
52
|
-
getValue(): string
|
|
53
|
-
{
|
|
54
|
-
let error = this.getError();
|
|
55
|
-
if (error)
|
|
56
|
-
{
|
|
57
|
-
this.setState({ error });
|
|
58
|
-
throw new Error(error);
|
|
59
|
-
}
|
|
60
|
-
return this.state.value;
|
|
61
|
-
}
|
|
62
45
|
|
|
63
46
|
setValue(value: string): void
|
|
64
47
|
{
|
|
@@ -76,71 +59,15 @@ export class NSBoxEmail extends React.Component<INSBoxEmailProps, INSBoxEmailSta
|
|
|
76
59
|
this.setValue(e.target.value);
|
|
77
60
|
}
|
|
78
61
|
|
|
79
|
-
private toggleFullScreen(): void
|
|
80
|
-
{
|
|
81
|
-
this.setState(prevState => ({ isFullScreen: !prevState.isFullScreen }));
|
|
82
|
-
}
|
|
83
|
-
|
|
84
62
|
override render()
|
|
85
63
|
{
|
|
86
64
|
return (
|
|
87
65
|
<>
|
|
88
66
|
<div id={this.props.id} className={`${Styles.ns_input_parent} ${this.props.classList?.join(" ")}`} style={this.props.style}>
|
|
89
|
-
<
|
|
90
|
-
<
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
<div className="d-flex gap-1">
|
|
94
|
-
<button className={Styles.ns_btn_box} onClick={() => CopyToClipboard.copyToClipboard(this.getValue())}>
|
|
95
|
-
<img
|
|
96
|
-
src={IconCopy}
|
|
97
|
-
alt="Copy"
|
|
98
|
-
width={14}
|
|
99
|
-
height={14}
|
|
100
|
-
/>
|
|
101
|
-
</button>
|
|
102
|
-
<button className={Styles.ns_btn_box}
|
|
103
|
-
onClick={this.toggleFullScreen}
|
|
104
|
-
>
|
|
105
|
-
<img
|
|
106
|
-
src={IconFullScreen}
|
|
107
|
-
alt="FullScreen"
|
|
108
|
-
width={14}
|
|
109
|
-
height={14}
|
|
110
|
-
/>
|
|
111
|
-
</button>
|
|
112
|
-
</div>
|
|
113
|
-
</div>
|
|
114
|
-
<input
|
|
115
|
-
type="email"
|
|
116
|
-
name={this.props.name}
|
|
117
|
-
className={Styles.ns_input}
|
|
118
|
-
placeholder={this.props.placeholder}
|
|
119
|
-
value={this.state.value}
|
|
120
|
-
onChange={this.onChanged}
|
|
121
|
-
onClick={() => this.props.onClicked}
|
|
122
|
-
style={{ background: `url(${IconInputEmail}) white no-repeat scroll center right 16px` }}
|
|
123
|
-
/>
|
|
124
|
-
{/* Todo make a new component for fullscreen */}
|
|
125
|
-
<div className={Styles.ns_input_modal_full_screen} style={{ display: this.state.isFullScreen === false ? "none" : "block" }} >
|
|
126
|
-
<div>
|
|
127
|
-
<img
|
|
128
|
-
className={Styles.ns_modal_icon_close}
|
|
129
|
-
src="https://static.namirasoft.com/image/concept/close/info.svg"
|
|
130
|
-
alt="Close Button"
|
|
131
|
-
width={24}
|
|
132
|
-
height={24}
|
|
133
|
-
onClick={this.toggleFullScreen}
|
|
134
|
-
/>
|
|
135
|
-
</div>
|
|
136
|
-
<div className={Styles.ns_input_modal_full} onClick={this.toggleFullScreen}></div>
|
|
137
|
-
<textarea
|
|
138
|
-
value={this.state.value}
|
|
139
|
-
onChange={(e) => this.setValue(e.target.value)}
|
|
140
|
-
>
|
|
141
|
-
</textarea>
|
|
142
|
-
</div>
|
|
143
|
-
</div>
|
|
67
|
+
<span className={Styles.ns_input_title}>
|
|
68
|
+
<NSAssitantButton title={this.props.title} required />
|
|
69
|
+
</span >
|
|
70
|
+
</div >
|
|
144
71
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
|
145
72
|
</>
|
|
146
73
|
);
|
|
@@ -15,7 +15,6 @@ interface INSPaginationState
|
|
|
15
15
|
currentPage: number;
|
|
16
16
|
pageSize: number;
|
|
17
17
|
}
|
|
18
|
-
|
|
19
18
|
let pageSizes = [25, 50, 100, 200, 500];
|
|
20
19
|
|
|
21
20
|
export class NSPagination extends Component<INSPaginationProps, INSPaginationState>
|
|
@@ -169,6 +168,7 @@ export class NSPagination extends Component<INSPaginationProps, INSPaginationSta
|
|
|
169
168
|
title=''
|
|
170
169
|
multiple={false}
|
|
171
170
|
required={false}
|
|
171
|
+
defaultValue="25"
|
|
172
172
|
options={pageSizes.map(pagesize => { return { desc: pagesize.toString(), value: pagesize.toString() } })}
|
|
173
173
|
onChanged={() =>
|
|
174
174
|
{
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
|
|
91
91
|
.ns_table tr {
|
|
92
92
|
display: grid;
|
|
93
|
-
grid-template-columns: repeat(auto-fit, minmax(
|
|
93
|
+
grid-template-columns: 50px repeat(auto-fit, minmax(100px, 1fr));
|
|
94
94
|
padding: 12px 16px;
|
|
95
95
|
margin: 0;
|
|
96
96
|
border-radius: 0;
|
|
@@ -99,6 +99,12 @@
|
|
|
99
99
|
align-items: center;
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
+
.ns_checkbox {
|
|
103
|
+
display: flex;
|
|
104
|
+
justify-content: center;
|
|
105
|
+
align-items: center;
|
|
106
|
+
}
|
|
107
|
+
|
|
102
108
|
.ns_table tr:hover {
|
|
103
109
|
background-color: rgba(20, 27, 92, 0.5);
|
|
104
110
|
color: white;
|
|
@@ -125,7 +131,7 @@
|
|
|
125
131
|
float: left;
|
|
126
132
|
font-weight: bold;
|
|
127
133
|
min-width: unset;
|
|
128
|
-
display:none;
|
|
134
|
+
display: none;
|
|
129
135
|
}
|
|
130
136
|
|
|
131
137
|
/* Button Group */
|
|
@@ -147,6 +147,9 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
|
|
|
147
147
|
<table className={Styles.ns_table} >
|
|
148
148
|
<thead className={Styles.ns_thead}>
|
|
149
149
|
<tr>
|
|
150
|
+
<div className={Styles.ns_checkbox}>
|
|
151
|
+
<input id='checkbox' type='checkbox' onChange={() => { }}></input>
|
|
152
|
+
</div>
|
|
150
153
|
{column_keys.map(column_key => <th key={column_key} scope="col">
|
|
151
154
|
{this.state.columns[column_key]}
|
|
152
155
|
</th>)}
|
|
@@ -161,9 +164,10 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
|
|
|
161
164
|
<NSPagination ref={this.NSPagination} totalItems={this.props.totalItems} onPageChange={this.onPageChange} />
|
|
162
165
|
<NSSpace size={NSSpaceSizeType.SMALL} />
|
|
163
166
|
<div className={Styles.ns_button}>
|
|
164
|
-
<NSButton title='
|
|
167
|
+
<NSButton title='Chart' icon={{ src: "https://static.namirasoft.com/image/concept/chart/blue.svg" }} onClick={() => { }} style={{ border: '1px solid rgba(255, 148, 50, 1)', width: "128px" }} />
|
|
168
|
+
<NSButton title='Print' icon={{ src: "https://static.namirasoft.com/image/concept/print/blue.svg" }} onClick={() => { }} style={{ border: '1px solid rgba(255, 148, 50, 1)', width: "128px" }} />
|
|
165
169
|
<NSButton title='Export' icon={{ src: "https://static.namirasoft.com/image/concept/export/blue.svg" }} onClick={() => { }} style={{ border: '1px solid rgba(255, 148, 50, 1)', width: "128px" }} />
|
|
166
|
-
<NSButton title='Refresh' icon={{ src: "https://static.namirasoft.com/image/concept/
|
|
170
|
+
<NSButton title='Refresh' icon={{ src: "https://static.namirasoft.com/image/concept/refresh/blue.svg" }} onClick={() =>
|
|
167
171
|
{
|
|
168
172
|
if (this.NSPagination.current)
|
|
169
173
|
this.props.reload(this.NSPagination.current.getCurrentPage(), this.NSPagination.current.getPageSize());
|
package/dist/assets/images/1.png
DELETED
|
Binary file
|
package/dist/assets/images/2.png
DELETED
|
Binary file
|
package/dist/assets/images/3.png
DELETED
|
Binary file
|
package/dist/assets/images/4.png
DELETED
|
Binary file
|
package/dist/assets/images/5.jpg
DELETED
|
Binary file
|
package/src/assets/images/1.png
DELETED
|
Binary file
|
package/src/assets/images/2.png
DELETED
|
Binary file
|
package/src/assets/images/3.png
DELETED
|
Binary file
|
package/src/assets/images/4.png
DELETED
|
Binary file
|
package/src/assets/images/5.jpg
DELETED
|
Binary file
|