namirasoft-site-react 1.3.165 → 1.3.166
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
CHANGED
|
@@ -1,57 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import './App.css';
|
|
3
3
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
4
|
-
import { NSBoxTextArea, NSTable, NSBoxEnum } from './main';
|
|
5
|
-
import { useRef } from 'react';
|
|
6
|
-
import NSElectronicCard from './components/NSElectronicCard';
|
|
7
4
|
export function App() {
|
|
8
|
-
|
|
9
|
-
let columns = {
|
|
10
|
-
"check": "Check",
|
|
11
|
-
"id": "ID",
|
|
12
|
-
"project": "Project",
|
|
13
|
-
"level": "Level",
|
|
14
|
-
"message": "Message",
|
|
15
|
-
"cent": "Cent",
|
|
16
|
-
"status": "Status",
|
|
17
|
-
};
|
|
18
|
-
let rows = [{
|
|
19
|
-
id: "1",
|
|
20
|
-
project: "Namirasoft Account",
|
|
21
|
-
level: "Debug",
|
|
22
|
-
message: "Lorem ipsum dolor sit amet, consetetur ",
|
|
23
|
-
cent: "26",
|
|
24
|
-
status: "pending"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
id: "2",
|
|
28
|
-
project: "Namirasoft Account",
|
|
29
|
-
level: "Debug",
|
|
30
|
-
message: "Lorem ipsum dolor sit amet, consetetur ",
|
|
31
|
-
cent: "24",
|
|
32
|
-
status: "Done"
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
id: "3",
|
|
36
|
-
project: "Namirasoft Account",
|
|
37
|
-
level: "Debug",
|
|
38
|
-
message: "Lorem ipsum dolor sit amet, consetetur ",
|
|
39
|
-
cent: "24",
|
|
40
|
-
status: "Done"
|
|
41
|
-
}
|
|
42
|
-
];
|
|
43
|
-
function getCell(row, column) {
|
|
44
|
-
if (column === "check") {
|
|
45
|
-
return _jsx("input", { id: `${row.id}`, type: "checkbox" });
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
return row[column];
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
function getRows(page) {
|
|
52
|
-
console.log(page);
|
|
53
|
-
}
|
|
54
|
-
function onChange() { }
|
|
55
|
-
return (_jsxs(_Fragment, { children: [_jsx(NSTable, { ref: table, columns: columns, rows: rows, getCell: getCell, getColumnAttributes: () => { return {}; }, getRowKey: row => row.id.toString(), onChanged: onChange, pageSize: 3, totalItems: 100, getRows: getRows }), _jsx(NSBoxTextArea, { title: 'Description', placeholder: '', required: false }), _jsx(NSBoxEnum, { multiple: false, required: true, options: rows.map(c => { return { desc: c.id, value: c.id, label: c.status }; }), title: "User ID" }), _jsx(NSElectronicCard, { title: "Vis", cardNumber: '6104338970918096', src: '' })] }));
|
|
5
|
+
return (_jsx(_Fragment, {}));
|
|
56
6
|
}
|
|
57
7
|
//# 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;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAC;AACnB,OAAO,sCAAsC,CAAC;AAE9C,MAAM,UAAU,GAAG;IAGlB,OAAO,CACN,mBAEG,CACH,CAAC;AACH,CAAC"}
|
|
@@ -12,7 +12,8 @@ export function NSLayoutAction(props) {
|
|
|
12
12
|
show: false
|
|
13
13
|
});
|
|
14
14
|
const filtered_actions = props.actions.filter((action) => action.group);
|
|
15
|
-
return (_jsxs(NSLayout, Object.assign({}, props, { children: [_jsxs("div", { className: Styles.ns_action_bar_holder, children: [_jsxs("div", { className: `d-none d-lg-flex ${Styles.ns_desktop_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }),
|
|
15
|
+
return (_jsxs(NSLayout, Object.assign({}, props, { children: [_jsxs("div", { className: Styles.ns_action_bar_holder, children: [_jsxs("div", { className: `d-none d-lg-flex ${Styles.ns_desktop_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description !== "" &&
|
|
16
|
+
_jsxs("button", { className: Styles.ns_info_container, onClick: () => setState({ show: true }), children: [_jsx("img", { src: 'https://static.namirasoft.com/image/concept/info/white-blue.svg', alt: 'info-icon', width: 24, height: 24 }), _jsx("span", { children: " Info " })] }), _jsx(NSModal, { show: state.show, description: props.description, title: props.title, onClose: () => setState({ show: false }) })] }), _jsx("div", { className: Styles.ns_actions_hodler, children: filtered_actions.map((action) => _jsx(NSActionMenu, { group: action.group, items: action.items }, action.id)) })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: `container d-block d-lg-none ${Styles.ns_mobile_action_bar_title}`, children: [_jsx("h1", { className: Styles.title, children: props.title }), props.description && lines &&
|
|
16
17
|
_jsxs(_Fragment, { children: [_jsx("p", { className: Styles.description, children: lines.map((line, index) => {
|
|
17
18
|
return (_jsxs("div", { children: [line.trim(), index !== lines.length - 1 && _jsx("br", {})] }, index));
|
|
18
19
|
}) }), _jsx(NSSpace, { size: NSSpaceSizeType.MINI })] })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), props.children] })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSLayoutAction.js","sourceRoot":"","sources":["../../src/components/NSLayoutAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAkB,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAErD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAsB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAapC,MAAM,UAAU,cAAc,CAAC,KAA2B;;IAEzD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB;QACvD,IAAI,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAEvE,OAAO,CACN,MAAC,QAAQ,oBAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"NSLayoutAction.js","sourceRoot":"","sources":["../../src/components/NSLayoutAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAkB,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAErD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAsB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAapC,MAAM,UAAU,cAAc,CAAC,KAA2B;;IAEzD,IAAI,KAAK,GAAG,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB;QACvD,IAAI,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAEvE,OAAO,CACN,MAAC,QAAQ,oBAAK,KAAK,eAClB,eAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,aAE1C,eAAK,SAAS,EAAE,oBAAoB,MAAM,CAAC,2BAA2B,EAAE,aACvE,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,KAAK,EAAE;gCACxB,kBAAQ,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,aACnF,cAAK,GAAG,EAAC,iEAAiE,EAAC,GAAG,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACpH,oCAAmB,IACX,EAEV,KAAC,OAAO,IACP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GACvC,IACG,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACtC,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAChC,KAAC,YAAY,IAEZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,IAFd,MAAM,CAAC,EAAE,CAGb,CACF,GACI,IACD,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EAExC,eAAK,SAAS,EAAE,+BAA+B,MAAM,CAAC,0BAA0B,EAAE,aACjF,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,CAAC,KAAK,GAAM,EAE9C,KAAK,CAAC,WAAW,IAAI,KAAK;wBAC1B,8BACC,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAE9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;wCAEzB,OAAO,CACN,0BACE,IAAI,CAAC,IAAI,EAAE,EACX,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAM,KAF5B,KAAK,CAGT,CACN,CAAA;oCACF,CAAC,CAAC,GAEA,EACJ,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAI,IACrC,IAEC,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACvC,KAAK,CAAC,QAAQ,KACL,CACX,CAAC;AACH,CAAC"}
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -1,98 +1,12 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
-
import { NSBoxTextArea, NSTable, NSBoxEnum } from './main';
|
|
4
|
-
import { useRef } from 'react';
|
|
5
|
-
import NSElectronicCard from './components/NSElectronicCard';
|
|
6
3
|
|
|
7
4
|
export function App()
|
|
8
5
|
{
|
|
9
|
-
let table = useRef<NSTable<App>>(null);
|
|
10
|
-
let columns = {
|
|
11
|
-
"check": "Check",
|
|
12
|
-
"id": "ID",
|
|
13
|
-
"project": "Project",
|
|
14
|
-
"level": "Level",
|
|
15
|
-
"message": "Message",
|
|
16
|
-
"cent": "Cent",
|
|
17
|
-
"status": "Status",
|
|
18
|
-
}
|
|
19
|
-
let rows = [{
|
|
20
|
-
id: "1",
|
|
21
|
-
project: "Namirasoft Account",
|
|
22
|
-
level: "Debug",
|
|
23
|
-
message: "Lorem ipsum dolor sit amet, consetetur ",
|
|
24
|
-
cent: "26",
|
|
25
|
-
status: "pending"
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
id: "2",
|
|
29
|
-
project: "Namirasoft Account",
|
|
30
|
-
level: "Debug",
|
|
31
|
-
message: "Lorem ipsum dolor sit amet, consetetur ",
|
|
32
|
-
cent: "24",
|
|
33
|
-
status: "Done"
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
id: "3",
|
|
37
|
-
project: "Namirasoft Account",
|
|
38
|
-
level: "Debug",
|
|
39
|
-
message: "Lorem ipsum dolor sit amet, consetetur ",
|
|
40
|
-
cent: "24",
|
|
41
|
-
status: "Done"
|
|
42
|
-
}
|
|
43
|
-
]
|
|
44
|
-
interface App
|
|
45
|
-
{
|
|
46
6
|
|
|
47
|
-
id: string,
|
|
48
|
-
project: string,
|
|
49
|
-
level: string,
|
|
50
|
-
message: string,
|
|
51
|
-
cent: string,
|
|
52
|
-
status: string
|
|
53
|
-
}
|
|
54
|
-
function getCell(row: App, column: string): any
|
|
55
|
-
{
|
|
56
|
-
if (column === "check")
|
|
57
|
-
{
|
|
58
|
-
return <input id={`${row.id}`} type="checkbox" />;
|
|
59
|
-
} else
|
|
60
|
-
{
|
|
61
|
-
return (row as any)[column];
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
function getRows(page: number): void
|
|
65
|
-
{
|
|
66
|
-
console.log(page);
|
|
67
|
-
}
|
|
68
|
-
function onChange(): void
|
|
69
|
-
{ }
|
|
70
7
|
return (
|
|
71
8
|
<>
|
|
72
|
-
|
|
73
|
-
ref={table}
|
|
74
|
-
columns={columns}
|
|
75
|
-
rows={rows}
|
|
76
|
-
getCell={getCell}
|
|
77
|
-
getColumnAttributes={() => { return {} }}
|
|
78
|
-
getRowKey={row => row.id.toString()}
|
|
79
|
-
onChanged={onChange}
|
|
80
|
-
pageSize={3}
|
|
81
|
-
totalItems={100}
|
|
82
|
-
getRows={getRows}
|
|
83
|
-
/>
|
|
84
|
-
<NSBoxTextArea
|
|
85
|
-
title='Description'
|
|
86
|
-
placeholder=''
|
|
87
|
-
required={false}
|
|
88
|
-
/>
|
|
89
|
-
<NSBoxEnum
|
|
90
|
-
multiple={false}
|
|
91
|
-
required={true}
|
|
92
|
-
options={rows.map(c => { return { desc: c.id, value: c.id, label:c.status } })}
|
|
93
|
-
title="User ID"
|
|
94
|
-
/>
|
|
95
|
-
<NSElectronicCard title="Vis" cardNumber='6104338970918096' src='' />
|
|
9
|
+
|
|
96
10
|
</>
|
|
97
11
|
);
|
|
98
12
|
}
|
|
@@ -28,17 +28,17 @@ export function NSLayoutAction(props: INSLayoutActionProps)
|
|
|
28
28
|
|
|
29
29
|
return (
|
|
30
30
|
<NSLayout {...props}>
|
|
31
|
-
|
|
32
31
|
<div className={Styles.ns_action_bar_holder}>
|
|
33
32
|
{/* Desktop */}
|
|
34
33
|
<div className={`d-none d-lg-flex ${Styles.ns_desktop_action_bar_title}`}>
|
|
35
34
|
<h1 className={Styles.title}>{props.title}</h1>
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
<
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
35
|
+
{
|
|
36
|
+
props.description !== "" &&
|
|
37
|
+
<button className={Styles.ns_info_container} onClick={() => setState({ show: true })}>
|
|
38
|
+
<img src='https://static.namirasoft.com/image/concept/info/white-blue.svg' alt='info-icon' width={24} height={24} />
|
|
39
|
+
<span> Info </span>
|
|
40
|
+
</button>
|
|
41
|
+
}
|
|
42
42
|
<NSModal
|
|
43
43
|
show={state.show}
|
|
44
44
|
description={props.description}
|