namirasoft-site-react 1.3.434 → 1.3.436
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 +59 -3
- package/dist/App.js.map +1 -1
- package/dist/Color.d.ts +3 -0
- package/dist/Color.js +14 -0
- package/dist/Color.js.map +1 -0
- package/dist/components/NSChartPie.js +1 -2
- package/dist/components/NSChartPie.js.map +1 -1
- package/dist/components/NSChartRange.d.ts +4 -0
- package/dist/components/NSChartRange.js +7 -0
- package/dist/components/NSChartRange.js.map +1 -0
- package/dist/components/NSChartRange.module.css +0 -0
- package/dist/components/NSChartTable.js +2 -2
- package/dist/components/NSChartTable.js.map +1 -1
- package/dist/components/NSHeaderScreenshot.d.ts +4 -0
- package/dist/components/NSHeaderScreenshot.js +1 -2
- package/dist/components/NSHeaderScreenshot.js.map +1 -1
- package/dist/components/NSHeaderScreenshot.module.css +16 -0
- package/dist/components/NSRange.d.ts +4 -0
- package/dist/components/NSRange.js +6 -0
- package/dist/components/NSRange.js.map +1 -0
- package/dist/components/NSRange.module.css +0 -0
- package/dist/components/NSTimeTable.d.ts +15 -0
- package/dist/components/NSTimeTable.js +20 -0
- package/dist/components/NSTimeTable.js.map +1 -0
- package/dist/components/NSTimeTable.module.css +3 -0
- package/dist/components/NSTimelineMonthly.d.ts +10 -0
- package/dist/components/NSTimelineMonthly.js +11 -0
- package/dist/components/NSTimelineMonthly.js.map +1 -0
- package/dist/components/NSTimelineMonthly.module.css +51 -0
- package/dist/main.d.ts +4 -0
- package/dist/main.js +4 -0
- package/dist/main.js.map +1 -1
- package/package.json +3 -3
- package/src/App.tsx +80 -11
- package/src/Color.tsx +11 -0
- package/src/components/NSChartPie.tsx +3 -3
- package/src/components/NSChartRange.module.css +0 -0
- package/src/components/NSChartRange.tsx +17 -0
- package/src/components/NSChartTable.tsx +2 -1
- package/src/components/NSHeaderScreenshot.module.css +16 -0
- package/src/components/NSHeaderScreenshot.tsx +18 -8
- package/src/components/NSRange.module.css +0 -0
- package/src/components/NSRange.tsx +15 -0
- package/src/components/NSTimeTable.module.css +3 -0
- package/src/components/NSTimeTable.tsx +47 -0
- package/src/components/NSTimelineMonthly.module.css +51 -0
- package/src/components/NSTimelineMonthly.tsx +39 -0
- package/src/main.ts +4 -0
package/dist/App.js
CHANGED
|
@@ -10,13 +10,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
10
10
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
11
|
import './App.css';
|
|
12
12
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
13
|
-
import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPanel, NSRepeater, NSSpace, NSSpaceSizeType, NSTabPage, NSHeaderScreenshot, NSBoxRadio } from './main';
|
|
13
|
+
import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPanel, NSRepeater, NSSpace, NSSpaceSizeType, NSTabPage, NSHeaderScreenshot, NSBoxRadio, NSTimelineMonthly, NSRange, NSChartPie } from './main';
|
|
14
14
|
import { NSBoxLabel } from './components/NSBoxLabel';
|
|
15
15
|
import { NSTag } from './components/NSTag';
|
|
16
16
|
import { NSButton } from './components/NSButton';
|
|
17
17
|
import { useState } from 'react';
|
|
18
18
|
import { NSDialog } from './components/NSDialog';
|
|
19
19
|
import { NSTable } from './main';
|
|
20
|
+
import NSChartTable from './components/NSChartTable';
|
|
20
21
|
const fakeFormatter = {
|
|
21
22
|
format: (value) => { return value; }
|
|
22
23
|
};
|
|
@@ -160,7 +161,62 @@ export function App() {
|
|
|
160
161
|
]
|
|
161
162
|
];
|
|
162
163
|
let [state, setState] = useState(false);
|
|
163
|
-
return (_jsxs(_Fragment, { children: [_jsx(
|
|
164
|
+
return (_jsxs(_Fragment, { children: [_jsx(NSRange, {}), _jsx(NSTimelineMonthly, { data: [
|
|
165
|
+
{ title: "Mon", value: 10, percentage: 30 },
|
|
166
|
+
{ title: "Tue", value: 20, percentage: 8 },
|
|
167
|
+
{ title: "Wen", value: 6, percentage: 30 },
|
|
168
|
+
{ title: "Wen", value: 6, percentage: 60 },
|
|
169
|
+
{ title: "Wen", value: 8, percentage: 60 },
|
|
170
|
+
{ title: "Wen", value: 11, percentage: 90 },
|
|
171
|
+
{ title: "Wen", value: 16, percentage: 30 },
|
|
172
|
+
{ title: "Wen", value: 6, percentage: 50 },
|
|
173
|
+
{ title: "Wen", value: 6, percentage: 30 },
|
|
174
|
+
{ title: "Wen", value: 16, percentage: 30 },
|
|
175
|
+
{ title: "Wen", value: 6, percentage: 30 },
|
|
176
|
+
{ title: "Wen", value: 12, percentage: 90 },
|
|
177
|
+
{ title: "Wen", value: 10, percentage: 9 },
|
|
178
|
+
{ title: "Wen", value: 6, percentage: 90 },
|
|
179
|
+
{ title: "Wen", value: 6, percentage: 30 },
|
|
180
|
+
{ title: "Wen", value: 6, percentage: 50 },
|
|
181
|
+
{ title: "Wen", value: 6, percentage: 30 }
|
|
182
|
+
] }), _jsx(NSChartTable, { data: [
|
|
183
|
+
{
|
|
184
|
+
key: "1",
|
|
185
|
+
job: "job1",
|
|
186
|
+
totalHours: 50,
|
|
187
|
+
percentage: 50,
|
|
188
|
+
cost: 50,
|
|
189
|
+
income: 50,
|
|
190
|
+
benefit: 50
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
key: "1",
|
|
194
|
+
job: "job1",
|
|
195
|
+
totalHours: 30,
|
|
196
|
+
percentage: 30,
|
|
197
|
+
cost: 30,
|
|
198
|
+
income: 30,
|
|
199
|
+
benefit: 30
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
key: "1",
|
|
203
|
+
job: "job1",
|
|
204
|
+
totalHours: 10,
|
|
205
|
+
percentage: 10,
|
|
206
|
+
cost: 10,
|
|
207
|
+
income: 10,
|
|
208
|
+
benefit: 10
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
key: "1",
|
|
212
|
+
job: "job1",
|
|
213
|
+
totalHours: 100,
|
|
214
|
+
percentage: 100,
|
|
215
|
+
cost: 100,
|
|
216
|
+
income: 100,
|
|
217
|
+
benefit: 100
|
|
218
|
+
},
|
|
219
|
+
] }), _jsx(NSHeaderScreenshot, { project: "test", task: "test", time: "test", Countdown: "test" }), _jsxs(NSLayout, { header: {
|
|
164
220
|
title: "any",
|
|
165
221
|
icons: icons
|
|
166
222
|
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", isLoggedIn: () => true, children: [_jsx(NSPanel, { grid: false, children: _jsx(NSRepeater, { createItem: (index, ref, onChange, onDelete) => {
|
|
@@ -176,6 +232,6 @@ export function App() {
|
|
|
176
232
|
}, onValuesChanged: values => {
|
|
177
233
|
console.log(values);
|
|
178
234
|
} }) }), _jsxs(_Fragment, { children: [_jsx(NSTabPage, { tabs: tabs }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSPagination, { totalItems: 100, onPageChange: () => { } })] }), _jsx(NSBarAction, { title: 'test', description: 'test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test ', menus: group }), _jsx(NSBoxEmail, { title: 'Email', required: true }), _jsx(NSBoxString, { title: 'String', required: true }), _jsx(NSBoxRadio, { title: "Radio Button", required: false }), _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, {}), _jsx(NSNoData, { lable: "No New Message" }), _jsxs("div", { className: "d-flex flex-row gap-2 w-100", children: [_jsx(NSBoxString, { title: "Name", required: true }), _jsx(NSBoxEnum, { options: [], required: true, title: 'Notification_sender_topic_id', multiple: true }), _jsx(NSBoxEmail, { title: "Name", required: true }), _jsx(NSBoxSearch, { title: "Name", required: true })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MEDUIM }), _jsx(NSBoxBoolean, { title: 'CheckBox', required: true }), _jsx(NSBoxRadio, { title: 'RadioButton', required: true }), _jsx(NSEntityBar, { title: '', description: '', image: { src: "" } }), state &&
|
|
179
|
-
_jsx(NSDialog, { onClose: () => { setState(false); }, children: _jsx("div", {}) }), _jsx(NSBoxBoolean, { required: false, title: '' }), _jsx(NSTable, Object.assign({}, tableProps))] })] }));
|
|
235
|
+
_jsx(NSDialog, { onClose: () => { setState(false); }, children: _jsx("div", {}) }), _jsx(NSBoxBoolean, { required: false, title: '' }), _jsx(NSTable, Object.assign({}, tableProps))] }), _jsx(NSChartPie, { title: "test", data: [1, 2, 3], backgroundColor: ["", "", ""], labels: ["", "", ""] })] }));
|
|
180
236
|
}
|
|
181
237
|
//# 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,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
package/dist/Color.d.ts
ADDED
package/dist/Color.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export default class Color {
|
|
2
|
+
static getColor(percentage) {
|
|
3
|
+
if (percentage >= 75)
|
|
4
|
+
return '#368F01';
|
|
5
|
+
if (percentage >= 60)
|
|
6
|
+
return ' #44B400';
|
|
7
|
+
if (percentage >= 50)
|
|
8
|
+
return '#56E500';
|
|
9
|
+
if (percentage >= 25)
|
|
10
|
+
return '#FAFF00';
|
|
11
|
+
return 'red';
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=Color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Color.js","sourceRoot":"","sources":["../src/Color.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,KAAK;IAEtB,MAAM,CAAC,QAAQ,CAAC,UAAkB;QAE9B,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,SAAS,CAAC;QACvC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,UAAU,CAAC;QACxC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,SAAS,CAAC;QACvC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,SAAS,CAAC;QACvC,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ"}
|
|
@@ -37,8 +37,7 @@ export function NSChartPie(props) {
|
|
|
37
37
|
const meta = chart.getDatasetMeta(0);
|
|
38
38
|
const arc = meta.data[0];
|
|
39
39
|
ctx.save();
|
|
40
|
-
|
|
41
|
-
ctx.font = `${fontSize}px sans-serif`;
|
|
40
|
+
ctx.font = `40px sans-serif`;
|
|
42
41
|
ctx.fillStyle = 'hsla(234, 64%, 22%, 1)';
|
|
43
42
|
ctx.textBaseline = 'middle';
|
|
44
43
|
ctx.textAlign = 'center';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSChartPie.js","sourceRoot":"","sources":["../../src/components/NSChartPie.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OACA,EACI,KAAK,IAAI,OAAO,EAChB,UAAU,EACV,OAAO,EACP,MAAM,EACN,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,EAId,MAAM,UAAU,CAAC;AAElB,OAAO,CAAC,QAAQ,CACZ,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAClC,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,CACd,CAAC;AAYF,MAAM,OAAO,GAAG;IACZ,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE;QACL,MAAM,EAAE;YACJ,QAAQ,EAAE,MAAe;YACzB,MAAM,EAAE;gBACJ,KAAK,EAAE,wBAAwB;aAClC;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE,IAAI;SAChB;KACJ;IACD,SAAS,EAAE;QACP,YAAY,EAAE,IAAI;KACrB;CACJ,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,KAAsB;IAE7C,MAAM,IAAI,GAA0B;QAChC,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,QAAQ,EAAE;YACN;gBACI,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,eAAe,EAAE,KAAK,CAAC,eAAe;gBACtC,WAAW,EAAE,CAAC;aACjB;SACJ;KACJ,CAAC;IACF,MAAM,iBAAiB,GAAuB;QAC1C,EAAE,EAAE,aAAa;QACjB,SAAS,CAAC,KAAK;YAEX,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC;YACpD,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;YACrC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAA8B,CAAC;YAEtD,GAAG,CAAC,IAAI,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"NSChartPie.js","sourceRoot":"","sources":["../../src/components/NSChartPie.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OACA,EACI,KAAK,IAAI,OAAO,EAChB,UAAU,EACV,OAAO,EACP,MAAM,EACN,KAAK,EACL,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,EAId,MAAM,UAAU,CAAC;AAElB,OAAO,CAAC,QAAQ,CACZ,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAClC,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,EACZ,WAAW,CACd,CAAC;AAYF,MAAM,OAAO,GAAG;IACZ,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE;QACL,MAAM,EAAE;YACJ,QAAQ,EAAE,MAAe;YACzB,MAAM,EAAE;gBACJ,KAAK,EAAE,wBAAwB;aAClC;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE,IAAI;SAChB;KACJ;IACD,SAAS,EAAE;QACP,YAAY,EAAE,IAAI;KACrB;CACJ,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,KAAsB;IAE7C,MAAM,IAAI,GAA0B;QAChC,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,QAAQ,EAAE;YACN;gBACI,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,eAAe,EAAE,KAAK,CAAC,eAAe;gBACtC,WAAW,EAAE,CAAC;aACjB;SACJ;KACJ,CAAC;IACF,MAAM,iBAAiB,GAAuB;QAC1C,EAAE,EAAE,aAAa;QACjB,SAAS,CAAC,KAAK;YAEX,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC;YACpD,MAAM,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;YACrC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAA8B,CAAC;YAEtD,GAAG,CAAC,IAAI,EAAE,CAAC;YAGX,GAAG,CAAC,IAAI,GAAG,iBAAiB,CAAC;YAC7B,GAAG,CAAC,SAAS,GAAG,wBAAwB,CAAC;YACzC,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;YAC5B,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;YAEzB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;YACzB,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;YACrC,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC,CAAC;YAEtC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;YACrC,GAAG,CAAC,OAAO,EAAE,CAAC;QAClB,CAAC;KACJ,CAAC;IACF,OAAO,CACH,cAAK,SAAS,EAAC,OAAO,YAClB,KAAC,QAAQ,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC,GAC9B,GACA,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSChartRange.js","sourceRoot":"","sources":["../../src/components/NSChartRange.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAQ/C,MAAM,UAAU,YAAY,CAAC,KAA2B;IAEpD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAClB,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,GAE1B,CACT,CAAC;AACN,CAAC"}
|
|
File without changes
|
|
@@ -6,7 +6,7 @@ const NSChartTable = (props) => {
|
|
|
6
6
|
if (percentage >= 75)
|
|
7
7
|
return '#368F01';
|
|
8
8
|
if (percentage >= 60)
|
|
9
|
-
return '#44B400';
|
|
9
|
+
return ' #44B400';
|
|
10
10
|
if (percentage >= 50)
|
|
11
11
|
return '#56E500';
|
|
12
12
|
if (percentage >= 25)
|
|
@@ -56,7 +56,7 @@ const NSChartTable = (props) => {
|
|
|
56
56
|
render: (totalHours, record) => (_jsx(Progress, { percent: (totalHours / 8) * 100, showInfo: false, strokeColor: getColor(record.percentage), strokeWidth: 16, size: { width: 310, height: 16 } })),
|
|
57
57
|
},
|
|
58
58
|
];
|
|
59
|
-
return (_jsx("div", { children: _jsx(Table, { columns: columns, dataSource: props.data, pagination: false, rowClassName: () => Styles.custom_row }) }));
|
|
59
|
+
return (_jsx("div", { children: _jsx(Table, { columns: columns, dataSource: props.data, pagination: false, scroll: { x: 800 }, rowClassName: () => Styles.custom_row }) }));
|
|
60
60
|
};
|
|
61
61
|
export default NSChartTable;
|
|
62
62
|
//# sourceMappingURL=NSChartTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSChartTable.js","sourceRoot":"","sources":["../../src/components/NSChartTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAGvC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAgB9C,MAAM,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC7C,MAAM,QAAQ,GAAG,CAAC,UAAkB,EAAE,EAAE;QACpC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,SAAS,CAAC;QACvC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"NSChartTable.js","sourceRoot":"","sources":["../../src/components/NSChartTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAGvC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAgB9C,MAAM,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC7C,MAAM,QAAQ,GAAG,CAAC,UAAkB,EAAE,EAAE;QACpC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,SAAS,CAAC;QACvC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,UAAU,CAAC;QACxC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,SAAS,CAAC;QACvC,IAAI,UAAU,IAAI,EAAE;YAAE,OAAO,SAAS,CAAC;QACvC,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,OAAO,GAA2B;QACpC;YACI,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,KAAK;YAChB,GAAG,EAAE,KAAK;SACb;QACD;YACI,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,YAAY;YACvB,GAAG,EAAE,YAAY;YACjB,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,wBAAM,IAAI,GAAO;SAC9C;QACD;YACI,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE,YAAY;YACvB,GAAG,EAAE,YAAY;YACjB,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,0BAAM,IAAI,SAAQ;SAC/C;QACD;YACI,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,MAAM;YACX,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,+BAAO,IAAI,IAAO;SAC/C;QACD;YACI,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE,QAAQ;YACnB,GAAG,EAAE,QAAQ;YACb,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,+BAAO,IAAI,IAAO;SAC/C;QACD;YACI,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,SAAS;YACpB,GAAG,EAAE,SAAS;YACd,MAAM,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,+BAAO,IAAI,IAAO;SAC/C;QACD;YACI,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,YAAY;YACvB,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,CAAC,UAAkB,EAAE,MAAgB,EAAE,EAAE,CAAC,CAC9C,KAAC,QAAQ,IACL,OAAO,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,GAAG,EAC/B,QAAQ,EAAE,KAAK,EACf,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,EACxC,WAAW,EAAE,EAAE,EACf,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,GAClC,CACL;SACJ;KACJ,CAAC;IAEF,OAAO,CACH,wBACI,KAAC,KAAK,IACF,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,IAAI,EACtB,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAClB,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,GACvC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
2
2
|
export interface INSIHeaderScreenshotProps extends IBaseComponentProps {
|
|
3
|
+
project: string;
|
|
4
|
+
task: string;
|
|
5
|
+
time: string;
|
|
6
|
+
Countdown: string;
|
|
3
7
|
}
|
|
4
8
|
export declare function NSHeaderScreenshot(props: INSIHeaderScreenshotProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Styles from "./NSHeaderScreenshot.module.css";
|
|
3
3
|
export function NSHeaderScreenshot(props) {
|
|
4
|
-
|
|
5
|
-
return (_jsx("section", { className: Styles.ns_header_screenshot, children: _jsxs("div", { className: Styles.ns_header_screenshot_left, children: [_jsxs("div", { className: Styles.ns_header_screenshot_item, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/gear.png", alt: '', width: 32, height: 32 }), _jsx("span", { children: "Job Arranger" })] }), _jsxs("div", { className: Styles.ns_header_screenshot_item, children: [_jsx("img", { src: "https://static.namirasoft.com/image/namirasoft/site/logo/circle.png", alt: '', width: 32, height: 32 }), _jsx("span", { children: "New Design" })] }), _jsxs("div", { className: Styles.ns_header_screenshot_item, children: [_jsx("img", { src: "https://static.namirasoft.com/image/namirasoft/site/logo/circle.png", alt: '', width: 32, height: 32 }), _jsx("span", { children: "title" })] })] }) }));
|
|
4
|
+
return (_jsxs("section", { className: Styles.ns_header_screenshot, children: [_jsxs("div", { className: Styles.ns_header_screenshot_left, children: [_jsxs("div", { className: Styles.ns_header_screenshot_item, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/project/white.svg", alt: '', width: 20, height: 20 }), _jsx("span", { children: props.project })] }), _jsxs("div", { className: Styles.ns_header_screenshot_item, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/gear/white.svg", alt: '', width: 20, height: 20 }), _jsx("span", { children: props.task })] }), _jsxs("div", { className: Styles.ns_header_screenshot_item, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/time/white.svg", alt: '', width: 20, height: 20 }), _jsx("span", { children: props.time })] }), _jsxs("div", { className: Styles.ns_header_screenshot_item, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/countdown/white.svg", alt: '', width: 20, height: 20 }), _jsx("span", { children: props.Countdown })] })] }), _jsx("div", { children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/delete/blue.svg", alt: '', width: 20, height: 20 }) })] }));
|
|
6
5
|
}
|
|
7
6
|
//# sourceMappingURL=NSHeaderScreenshot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSHeaderScreenshot.js","sourceRoot":"","sources":["../../src/components/NSHeaderScreenshot.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,iCAAiC,CAAA;
|
|
1
|
+
{"version":3,"file":"NSHeaderScreenshot.js","sourceRoot":"","sources":["../../src/components/NSHeaderScreenshot.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,iCAAiC,CAAA;AAUpD,MAAM,UAAU,kBAAkB,CAAC,KAAgC;IAE/D,OAAO,CACH,mBAAS,SAAS,EAAE,MAAM,CAAC,oBAAoB,aAC3C,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,cAAK,GAAG,EAAC,+DAA+D,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACzG,yBAAO,KAAK,CAAC,OAAO,GAAQ,IAC1B,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,cAAK,GAAG,EAAC,4DAA4D,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACtG,yBAAO,KAAK,CAAC,IAAI,GAAQ,IACvB,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,cAAK,GAAG,EAAC,4DAA4D,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACtG,yBAAO,KAAK,CAAC,IAAI,GAAQ,IACvB,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,cAAK,GAAG,EAAC,iEAAiE,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC3G,yBAAO,KAAK,CAAC,SAAS,GAAQ,IAC5B,IACJ,EACN,wBACI,cAAK,GAAG,EAAC,6DAA6D,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACrG,IACC,CACd,CAAC;AACN,CAAC"}
|
|
@@ -6,15 +6,31 @@
|
|
|
6
6
|
padding: 14px 16px;
|
|
7
7
|
color: #fff;
|
|
8
8
|
font-size: 16px;
|
|
9
|
+
display: flex;
|
|
10
|
+
justify-content: flex-end;
|
|
11
|
+
flex-wrap: wrap;
|
|
9
12
|
}
|
|
10
13
|
|
|
11
14
|
.ns_header_screenshot_left {
|
|
12
15
|
display: flex;
|
|
13
16
|
gap: 32px;
|
|
17
|
+
flex-direction: row;
|
|
18
|
+
flex-wrap: wrap;
|
|
19
|
+
justify-content: space-between;
|
|
14
20
|
}
|
|
15
21
|
|
|
16
22
|
.ns_header_screenshot_item {
|
|
17
23
|
gap: 4px;
|
|
18
24
|
display: flex;
|
|
19
25
|
align-items: center;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@media only screen and (min-width: 580px) {
|
|
29
|
+
.ns_header_screenshot {
|
|
30
|
+
justify-content: space-between;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.ns_header_screenshot_left {
|
|
34
|
+
justify-content: left
|
|
35
|
+
}
|
|
20
36
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSRange.js","sourceRoot":"","sources":["../../src/components/NSRange.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,OAAO,CAAC,KAAoB;IAExC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAClB,OAAO,CACH,eAAW,CACd,CAAC;AACN,CAAC"}
|
|
File without changes
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { TableProps } from 'antd';
|
|
2
|
+
import { IBaseComponentProps } from '../main';
|
|
3
|
+
interface DataType {
|
|
4
|
+
key: string;
|
|
5
|
+
year: string;
|
|
6
|
+
month: string;
|
|
7
|
+
week: string;
|
|
8
|
+
today: string;
|
|
9
|
+
}
|
|
10
|
+
export interface NSTimeTableProps extends IBaseComponentProps {
|
|
11
|
+
rows: DataType[];
|
|
12
|
+
columns: TableProps<DataType>['columns'];
|
|
13
|
+
}
|
|
14
|
+
declare const NSTimeTable: (props: NSTimeTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default NSTimeTable;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ConfigProvider, Table } from 'antd';
|
|
3
|
+
import Styles from "./NSTimeTable.module.css";
|
|
4
|
+
const NSTimeTable = (props) => {
|
|
5
|
+
return (_jsx(ConfigProvider, { theme: {
|
|
6
|
+
components: {
|
|
7
|
+
Table: {
|
|
8
|
+
headerBg: "#141B5C",
|
|
9
|
+
headerColor: "#fff",
|
|
10
|
+
headerSplitColor: "#141B5C",
|
|
11
|
+
cellFontSize: 16,
|
|
12
|
+
colorText: "#141B5C",
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}, children: _jsx(Table, { columns: props.columns, dataSource: props.rows, bordered: false, rowClassName: Styles.custom_row, rowHoverable: false, scroll: {
|
|
16
|
+
x: true
|
|
17
|
+
} }) }));
|
|
18
|
+
};
|
|
19
|
+
export default NSTimeTable;
|
|
20
|
+
//# sourceMappingURL=NSTimeTable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSTimeTable.js","sourceRoot":"","sources":["../../src/components/NSTimeTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAG7C,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAe7C,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAE5C,OAAO,CACH,KAAC,cAAc,IAAC,KAAK,EAAE;YACnB,UAAU,EAAE;gBACR,KAAK,EAAE;oBACH,QAAQ,EAAE,SAAS;oBACnB,WAAW,EAAE,MAAM;oBACnB,gBAAgB,EAAE,SAAS;oBAC3B,YAAY,EAAE,EAAE;oBAChB,SAAS,EAAE,SAAS;iBACvB;aACJ;SACJ,YACG,KAAC,KAAK,IACF,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,UAAU,EAAE,KAAK,CAAC,IAAI,EACtB,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,MAAM,CAAC,UAAU,EAC/B,YAAY,EAAE,KAAK,EACnB,MAAM,EAAE;gBACJ,CAAC,EAAE,IAAI;aACV,GACH,GACW,CACpB,CAAA;AACL,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
2
|
+
export interface NSdata {
|
|
3
|
+
title: string;
|
|
4
|
+
value: number;
|
|
5
|
+
percentage: number;
|
|
6
|
+
}
|
|
7
|
+
export interface INSNSTimelineMonthlyProps extends IBaseComponentProps {
|
|
8
|
+
data: NSdata[];
|
|
9
|
+
}
|
|
10
|
+
export declare function NSTimelineMonthly(props: INSNSTimelineMonthlyProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Styles from './NSTimelineMonthly.module.css';
|
|
3
|
+
import Color from "../Color";
|
|
4
|
+
export function NSTimelineMonthly(props) {
|
|
5
|
+
function getPercentage(value) {
|
|
6
|
+
let percentage = (value * 100) / 24;
|
|
7
|
+
return percentage.toString() + "%";
|
|
8
|
+
}
|
|
9
|
+
return (_jsx("div", { className: Styles.ns_parent, children: _jsx("div", { className: Styles.ns_time_line_monthly, children: props.data.map((card, index) => (_jsxs("div", { className: Styles.ns_time_line_monthly_card, children: [_jsx("h5", { className: Styles.ns_time_line_monthly_card_week_day, children: card.title }), _jsx("span", { className: Styles.ns_time_line_cards_hour, children: card.value }), _jsx("div", { className: Styles.ns_time_line_monthly_card_parent_chart, children: _jsx("div", { className: Styles.ns_time_line_monthly_card_bar, style: { width: getPercentage(card.value), background: Color.getColor(card.percentage) }, children: "bar" }) })] }, index))) }) }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=NSTimelineMonthly.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSTimelineMonthly.js","sourceRoot":"","sources":["../../src/components/NSTimelineMonthly.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAEpD,OAAO,KAAK,MAAM,UAAU,CAAA;AAY5B,MAAM,UAAU,iBAAiB,CAAC,KAAgC;IAE9D,SAAS,aAAa,CAAC,KAAa;QAEhC,IAAI,UAAU,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;QACpC,OAAO,UAAU,CAAC,QAAQ,EAAE,GAAG,GAAG,CAAC;IACvC,CAAC;IACD,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC5B,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAEnC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,aAAI,SAAS,EAAE,MAAM,CAAC,kCAAkC,YAAG,IAAI,CAAC,KAAK,GAAM,EAC3E,eAAM,SAAS,EAAE,MAAM,CAAC,uBAAuB,YAAG,IAAI,CAAC,KAAK,GAAQ,EACpE,cAAK,SAAS,EAAE,MAAM,CAAC,sCAAsC,YACzD,cAAK,SAAS,EAAE,MAAM,CAAC,6BAA6B,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAC,oBAAW,GACtJ,KAL6C,KAAK,CAMtD,CACT,CAAC,GAEJ,GACJ,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
.ns_time_line_monthly_card {
|
|
2
|
+
width: 72px;
|
|
3
|
+
border-radius: 4px;
|
|
4
|
+
background-color: #fff;
|
|
5
|
+
overflow: hidden;
|
|
6
|
+
text-align: center;
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
gap: 5px;
|
|
10
|
+
box-shadow: 1px 0px 3px 1px #b2b2b2;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.ns_time_line_monthly_card_week_day {
|
|
14
|
+
background-color: #141B5C;
|
|
15
|
+
color: #fff;
|
|
16
|
+
margin: 0;
|
|
17
|
+
text-align: center;
|
|
18
|
+
padding: 8px;
|
|
19
|
+
/* margin-bottom: 4px; */
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.ns_time_line_cards_hour {
|
|
23
|
+
color: #141B5C;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ns_time_line_monthly_card_parent_chart {
|
|
27
|
+
width: 100%;
|
|
28
|
+
height: 30%;
|
|
29
|
+
background-color: #E0DFFF;
|
|
30
|
+
box-shadow: 1px 1px 2px 1px #6c6a6acc;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.ns_time_line_monthly_card_bar {
|
|
34
|
+
height: 100%;
|
|
35
|
+
/* background-color: #3B9D00; */
|
|
36
|
+
color: transparent;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.ns_time_line_monthly {
|
|
40
|
+
display: flex;
|
|
41
|
+
gap: 2px;
|
|
42
|
+
flex-direction: row;
|
|
43
|
+
width: max-content;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.ns_parent {
|
|
47
|
+
width: 100%;
|
|
48
|
+
overflow-x: scroll;
|
|
49
|
+
-ms-overflow-style: none;
|
|
50
|
+
scrollbar-width: none;
|
|
51
|
+
}
|
package/dist/main.d.ts
CHANGED
|
@@ -35,6 +35,7 @@ export * from "./components/NSCardScreenshot";
|
|
|
35
35
|
export * from "./components/NSCopyToClipboard";
|
|
36
36
|
export * from "./components/NSChartColumn";
|
|
37
37
|
export * from "./components/NSChartPie";
|
|
38
|
+
export * from "./components/NSChartTable";
|
|
38
39
|
export * from "./components/NSDeleteDialog";
|
|
39
40
|
export * from "./components/NSDialog";
|
|
40
41
|
export * from "./components/NSDownload";
|
|
@@ -61,6 +62,7 @@ export * from "./components/NSPanel";
|
|
|
61
62
|
export * from "./components/NSPageSelectionModal";
|
|
62
63
|
export * from "./components/NSProductList";
|
|
63
64
|
export * from "./components/NSRepeater";
|
|
65
|
+
export * from "./components/NSRange";
|
|
64
66
|
export * from "./components/NSSection";
|
|
65
67
|
export * from "./components/NSSectionBars";
|
|
66
68
|
export * from "./components/NSSectionCards";
|
|
@@ -68,9 +70,11 @@ export * from "./components/NSSectionTitle";
|
|
|
68
70
|
export * from "./components/NSSpace";
|
|
69
71
|
export * from "./components/NSHeaderScreenshot";
|
|
70
72
|
export * from "./components/NSTable";
|
|
73
|
+
export * from "./components/NSTimeTable";
|
|
71
74
|
export * from "./components/NSTag";
|
|
72
75
|
export * from "./components/NSTabPage";
|
|
73
76
|
export * from "./components/NSTitle";
|
|
77
|
+
export * from "./components/NSTimelineMonthly";
|
|
74
78
|
export * from "./formatter/BackColorFormatter";
|
|
75
79
|
export * from "./formatter/BaseColumnFormatter";
|
|
76
80
|
export * from "./formatter/BooleanFormatter";
|
package/dist/main.js
CHANGED
|
@@ -35,6 +35,7 @@ export * from "./components/NSCardScreenshot";
|
|
|
35
35
|
export * from "./components/NSCopyToClipboard";
|
|
36
36
|
export * from "./components/NSChartColumn";
|
|
37
37
|
export * from "./components/NSChartPie";
|
|
38
|
+
export * from "./components/NSChartTable";
|
|
38
39
|
export * from "./components/NSDeleteDialog";
|
|
39
40
|
export * from "./components/NSDialog";
|
|
40
41
|
export * from "./components/NSDownload";
|
|
@@ -61,6 +62,7 @@ export * from "./components/NSPanel";
|
|
|
61
62
|
export * from "./components/NSPageSelectionModal";
|
|
62
63
|
export * from "./components/NSProductList";
|
|
63
64
|
export * from "./components/NSRepeater";
|
|
65
|
+
export * from "./components/NSRange";
|
|
64
66
|
export * from "./components/NSSection";
|
|
65
67
|
export * from "./components/NSSectionBars";
|
|
66
68
|
export * from "./components/NSSectionCards";
|
|
@@ -68,9 +70,11 @@ export * from "./components/NSSectionTitle";
|
|
|
68
70
|
export * from "./components/NSSpace";
|
|
69
71
|
export * from "./components/NSHeaderScreenshot";
|
|
70
72
|
export * from "./components/NSTable";
|
|
73
|
+
export * from "./components/NSTimeTable";
|
|
71
74
|
export * from "./components/NSTag";
|
|
72
75
|
export * from "./components/NSTabPage";
|
|
73
76
|
export * from "./components/NSTitle";
|
|
77
|
+
export * from "./components/NSTimelineMonthly";
|
|
74
78
|
export * from "./formatter/BackColorFormatter";
|
|
75
79
|
export * from "./formatter/BaseColumnFormatter";
|
|
76
80
|
export * from "./formatter/BooleanFormatter";
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"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"}
|
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.436",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh, Mehrab Bahramian",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@ant-design/charts": "^2.1.2",
|
|
25
|
-
"@types/node": "^22.
|
|
25
|
+
"@types/node": "^22.3.0",
|
|
26
26
|
"@types/react": "^18.3.3",
|
|
27
27
|
"@types/react-bootstrap": "^0.32.37",
|
|
28
28
|
"@types/react-dom": "^18.3.0",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"copyfiles": "^2.4.1",
|
|
33
33
|
"link-react": "^3.0.0",
|
|
34
34
|
"namirasoft-api-link": "^1.4.2",
|
|
35
|
-
"namirasoft-api-product": "^1.4.
|
|
35
|
+
"namirasoft-api-product": "^1.4.3",
|
|
36
36
|
"namirasoft-core": "^1.4.5",
|
|
37
37
|
"path-browserify": "^1.0.1",
|
|
38
38
|
"react": "^18.3.1",
|
package/src/App.tsx
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import './App.css';
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
|
-
import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPanel, NSRepeater, NSSpace, NSSpaceSizeType, NSTabPage, NSHeaderScreenshot, NSBoxRadio } from './main';
|
|
3
|
+
import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPanel, NSRepeater, NSSpace, NSSpaceSizeType, NSTabPage, NSHeaderScreenshot, NSBoxRadio, NSTimelineMonthly, NSRange, NSChartPie } from './main';
|
|
4
4
|
import { NSBoxLabel } from './components/NSBoxLabel';
|
|
5
5
|
import { NSTag, NSTagValue } from './components/NSTag';
|
|
6
6
|
import { NSButton } from './components/NSButton';
|
|
7
7
|
import { useState } from 'react';
|
|
8
8
|
import { NSDialog } from './components/NSDialog';
|
|
9
9
|
import { INSTableProps, TableColumnInfo, TableRowInfo, BaseColumnFormatter, NSTable } from './main';
|
|
10
|
+
import NSChartTable from './components/NSChartTable';
|
|
10
11
|
|
|
11
12
|
|
|
12
13
|
export interface INSBarActionState
|
|
@@ -181,16 +182,77 @@ export function App()
|
|
|
181
182
|
let [state, setState] = useState(false)
|
|
182
183
|
return (
|
|
183
184
|
<>
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
185
|
+
|
|
186
|
+
<NSRange />
|
|
187
|
+
<NSTimelineMonthly data={[
|
|
188
|
+
{ title: "Mon", value: 10, percentage: 30 }
|
|
189
|
+
, { title: "Tue", value: 20, percentage: 8 }
|
|
190
|
+
, { title: "Wen", value: 6, percentage: 30 }
|
|
191
|
+
, { title: "Wen", value: 6, percentage: 60 }
|
|
192
|
+
, { title: "Wen", value: 8, percentage: 60 }
|
|
193
|
+
, { title: "Wen", value: 11, percentage: 90 }
|
|
194
|
+
, { title: "Wen", value: 16, percentage: 30 }
|
|
195
|
+
, { title: "Wen", value: 6, percentage: 50 }
|
|
196
|
+
, { title: "Wen", value: 6, percentage: 30 }
|
|
197
|
+
, { title: "Wen", value: 16, percentage: 30 }
|
|
198
|
+
, { title: "Wen", value: 6, percentage: 30 }
|
|
199
|
+
, { title: "Wen", value: 12, percentage: 90 }
|
|
200
|
+
, { title: "Wen", value: 10, percentage: 9 }
|
|
201
|
+
, { title: "Wen", value: 6, percentage: 90 }
|
|
202
|
+
, { title: "Wen", value: 6, percentage: 30 }
|
|
203
|
+
, { title: "Wen", value: 6, percentage: 50 }
|
|
204
|
+
, { title: "Wen", value: 6, percentage: 30 }
|
|
205
|
+
]} />
|
|
206
|
+
<NSChartTable data={
|
|
207
|
+
[
|
|
208
|
+
{
|
|
209
|
+
|
|
210
|
+
key: "1",
|
|
211
|
+
job: "job1",
|
|
212
|
+
totalHours: 50,
|
|
213
|
+
percentage: 50,
|
|
214
|
+
cost: 50,
|
|
215
|
+
income: 50,
|
|
216
|
+
benefit: 50
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
|
|
220
|
+
key: "1",
|
|
221
|
+
job: "job1",
|
|
222
|
+
totalHours: 30,
|
|
223
|
+
percentage: 30,
|
|
224
|
+
cost: 30,
|
|
225
|
+
income: 30,
|
|
226
|
+
benefit: 30
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
|
|
230
|
+
key: "1",
|
|
231
|
+
job: "job1",
|
|
232
|
+
totalHours: 10,
|
|
233
|
+
percentage: 10,
|
|
234
|
+
cost: 10,
|
|
235
|
+
income: 10,
|
|
236
|
+
benefit: 10
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
|
|
240
|
+
key: "1",
|
|
241
|
+
job: "job1",
|
|
242
|
+
totalHours: 100,
|
|
243
|
+
percentage: 100,
|
|
244
|
+
cost: 100,
|
|
245
|
+
income: 100,
|
|
246
|
+
benefit: 100
|
|
247
|
+
},
|
|
248
|
+
]}
|
|
249
|
+
/>
|
|
250
|
+
<NSHeaderScreenshot
|
|
251
|
+
project="test"
|
|
252
|
+
task="test"
|
|
253
|
+
time="test"
|
|
254
|
+
Countdown="test"
|
|
255
|
+
/>
|
|
194
256
|
<NSLayout
|
|
195
257
|
header={{
|
|
196
258
|
title: "any",
|
|
@@ -267,6 +329,13 @@ export function App()
|
|
|
267
329
|
<NSTable {...tableProps} />
|
|
268
330
|
|
|
269
331
|
</NSLayout>
|
|
332
|
+
|
|
333
|
+
<NSChartPie
|
|
334
|
+
title="test"
|
|
335
|
+
data={[1, 2, 3]}
|
|
336
|
+
backgroundColor={["", "",""]}
|
|
337
|
+
labels={["","",""]}
|
|
338
|
+
/>
|
|
270
339
|
</>
|
|
271
340
|
);
|
|
272
341
|
}
|
package/src/Color.tsx
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export default class Color
|
|
2
|
+
{
|
|
3
|
+
static getColor(percentage: number,): string
|
|
4
|
+
{
|
|
5
|
+
if (percentage >= 75) return '#368F01';
|
|
6
|
+
if (percentage >= 60) return ' #44B400';
|
|
7
|
+
if (percentage >= 50) return '#56E500';
|
|
8
|
+
if (percentage >= 25) return '#FAFF00';
|
|
9
|
+
return 'red';
|
|
10
|
+
}
|
|
11
|
+
}
|
|
@@ -77,9 +77,9 @@ export function NSChartPie(props: NSChartPieProps)
|
|
|
77
77
|
const arc = meta.data[0] as unknown as ArcElementType;
|
|
78
78
|
|
|
79
79
|
ctx.save();
|
|
80
|
-
|
|
81
|
-
const fontSize = arc.innerRadius / 3;
|
|
82
|
-
ctx.font =
|
|
80
|
+
//todo
|
|
81
|
+
// const fontSize = arc.innerRadius / 3;
|
|
82
|
+
ctx.font = `40px sans-serif`;
|
|
83
83
|
ctx.fillStyle = 'hsla(234, 64%, 22%, 1)';
|
|
84
84
|
ctx.textBaseline = 'middle';
|
|
85
85
|
ctx.textAlign = 'center';
|
|
File without changes
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import Styles from './NSChartRange.module.css';
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
export interface INSNSChartRangeProps extends IBaseComponentProps
|
|
6
|
+
{
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export function NSChartRange(props: INSNSChartRangeProps)
|
|
10
|
+
{
|
|
11
|
+
console.log(props)
|
|
12
|
+
return (
|
|
13
|
+
<div className={Styles.ns_parent}>
|
|
14
|
+
|
|
15
|
+
</div>
|
|
16
|
+
);
|
|
17
|
+
}
|
|
@@ -20,7 +20,7 @@ interface CustomTableProps extends IBaseComponentProps {
|
|
|
20
20
|
const NSChartTable = (props: CustomTableProps) => {
|
|
21
21
|
const getColor = (percentage: number) => {
|
|
22
22
|
if (percentage >= 75) return '#368F01';
|
|
23
|
-
if (percentage >= 60) return '#44B400';
|
|
23
|
+
if (percentage >= 60) return ' #44B400';
|
|
24
24
|
if (percentage >= 50) return '#56E500';
|
|
25
25
|
if (percentage >= 25) return '#FAFF00';
|
|
26
26
|
return 'red';
|
|
@@ -84,6 +84,7 @@ const NSChartTable = (props: CustomTableProps) => {
|
|
|
84
84
|
columns={columns}
|
|
85
85
|
dataSource={props.data}
|
|
86
86
|
pagination={false}
|
|
87
|
+
scroll={{ x: 800 }}
|
|
87
88
|
rowClassName={() => Styles.custom_row}
|
|
88
89
|
/>
|
|
89
90
|
</div>
|
|
@@ -6,15 +6,31 @@
|
|
|
6
6
|
padding: 14px 16px;
|
|
7
7
|
color: #fff;
|
|
8
8
|
font-size: 16px;
|
|
9
|
+
display: flex;
|
|
10
|
+
justify-content: flex-end;
|
|
11
|
+
flex-wrap: wrap;
|
|
9
12
|
}
|
|
10
13
|
|
|
11
14
|
.ns_header_screenshot_left {
|
|
12
15
|
display: flex;
|
|
13
16
|
gap: 32px;
|
|
17
|
+
flex-direction: row;
|
|
18
|
+
flex-wrap: wrap;
|
|
19
|
+
justify-content: space-between;
|
|
14
20
|
}
|
|
15
21
|
|
|
16
22
|
.ns_header_screenshot_item {
|
|
17
23
|
gap: 4px;
|
|
18
24
|
display: flex;
|
|
19
25
|
align-items: center;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@media only screen and (min-width: 580px) {
|
|
29
|
+
.ns_header_screenshot {
|
|
30
|
+
justify-content: space-between;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.ns_header_screenshot_left {
|
|
34
|
+
justify-content: left
|
|
35
|
+
}
|
|
20
36
|
}
|
|
@@ -3,27 +3,37 @@ import Styles from "./NSHeaderScreenshot.module.css"
|
|
|
3
3
|
|
|
4
4
|
export interface INSIHeaderScreenshotProps extends IBaseComponentProps
|
|
5
5
|
{
|
|
6
|
+
project: string;
|
|
7
|
+
task:string;
|
|
8
|
+
time:string;
|
|
9
|
+
Countdown:string;
|
|
6
10
|
}
|
|
7
11
|
|
|
8
12
|
export function NSHeaderScreenshot(props: INSIHeaderScreenshotProps)
|
|
9
13
|
{
|
|
10
|
-
console.log(props);
|
|
11
14
|
return (
|
|
12
15
|
<section className={Styles.ns_header_screenshot}>
|
|
13
16
|
<div className={Styles.ns_header_screenshot_left}>
|
|
14
17
|
<div className={Styles.ns_header_screenshot_item}>
|
|
15
|
-
<img src="https://static.namirasoft.com/image/concept/
|
|
16
|
-
<span>
|
|
18
|
+
<img src="https://static.namirasoft.com/image/concept/project/white.svg" alt='' width={20} height={20} />
|
|
19
|
+
<span>{props.project}</span>
|
|
17
20
|
</div>
|
|
18
21
|
<div className={Styles.ns_header_screenshot_item}>
|
|
19
|
-
<img src="https://static.namirasoft.com/image/
|
|
20
|
-
<span>
|
|
22
|
+
<img src="https://static.namirasoft.com/image/concept/gear/white.svg" alt='' width={20} height={20} />
|
|
23
|
+
<span>{props.task}</span>
|
|
21
24
|
</div>
|
|
22
25
|
<div className={Styles.ns_header_screenshot_item}>
|
|
23
|
-
<img src="https://static.namirasoft.com/image/
|
|
24
|
-
<span>
|
|
26
|
+
<img src="https://static.namirasoft.com/image/concept/time/white.svg" alt='' width={20} height={20} />
|
|
27
|
+
<span>{props.time}</span>
|
|
25
28
|
</div>
|
|
29
|
+
<div className={Styles.ns_header_screenshot_item}>
|
|
30
|
+
<img src="https://static.namirasoft.com/image/concept/countdown/white.svg" alt='' width={20} height={20} />
|
|
31
|
+
<span>{props.Countdown}</span>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
<div>
|
|
35
|
+
<img src="https://static.namirasoft.com/image/concept/delete/blue.svg" alt='' width={20} height={20} />
|
|
26
36
|
</div>
|
|
27
|
-
</section>
|
|
37
|
+
</section >
|
|
28
38
|
);
|
|
29
39
|
}
|
|
File without changes
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// import Styles from './NSRange.module.css';
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
|
|
4
|
+
export interface INSRangeProps extends IBaseComponentProps
|
|
5
|
+
{
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export function NSRange(props: INSRangeProps)
|
|
10
|
+
{
|
|
11
|
+
console.log(props)
|
|
12
|
+
return (
|
|
13
|
+
<div></div>
|
|
14
|
+
);
|
|
15
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { ConfigProvider, Table } from 'antd';
|
|
2
|
+
import type { TableProps } from 'antd';
|
|
3
|
+
import { IBaseComponentProps } from '../main';
|
|
4
|
+
import Styles from "./NSTimeTable.module.css"
|
|
5
|
+
|
|
6
|
+
interface DataType {
|
|
7
|
+
key: string;
|
|
8
|
+
year: string;
|
|
9
|
+
month: string;
|
|
10
|
+
week: string;
|
|
11
|
+
today: string;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export interface NSTimeTableProps extends IBaseComponentProps {
|
|
15
|
+
rows: DataType[];
|
|
16
|
+
columns: TableProps<DataType>['columns'];
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
const NSTimeTable = (props: NSTimeTableProps) => {
|
|
20
|
+
|
|
21
|
+
return (
|
|
22
|
+
<ConfigProvider theme={{
|
|
23
|
+
components: {
|
|
24
|
+
Table: {
|
|
25
|
+
headerBg: "#141B5C",
|
|
26
|
+
headerColor: "#fff",
|
|
27
|
+
headerSplitColor: "#141B5C",
|
|
28
|
+
cellFontSize: 16,
|
|
29
|
+
colorText: "#141B5C",
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}}>
|
|
33
|
+
<Table
|
|
34
|
+
columns={props.columns}
|
|
35
|
+
dataSource={props.rows}
|
|
36
|
+
bordered={false}
|
|
37
|
+
rowClassName={Styles.custom_row}
|
|
38
|
+
rowHoverable={false}
|
|
39
|
+
scroll={{
|
|
40
|
+
x: true
|
|
41
|
+
}}
|
|
42
|
+
/>
|
|
43
|
+
</ConfigProvider>
|
|
44
|
+
)
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
export default NSTimeTable;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
.ns_time_line_monthly_card {
|
|
2
|
+
width: 72px;
|
|
3
|
+
border-radius: 4px;
|
|
4
|
+
background-color: #fff;
|
|
5
|
+
overflow: hidden;
|
|
6
|
+
text-align: center;
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
gap: 5px;
|
|
10
|
+
box-shadow: 1px 0px 3px 1px #b2b2b2;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.ns_time_line_monthly_card_week_day {
|
|
14
|
+
background-color: #141B5C;
|
|
15
|
+
color: #fff;
|
|
16
|
+
margin: 0;
|
|
17
|
+
text-align: center;
|
|
18
|
+
padding: 8px;
|
|
19
|
+
/* margin-bottom: 4px; */
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.ns_time_line_cards_hour {
|
|
23
|
+
color: #141B5C;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ns_time_line_monthly_card_parent_chart {
|
|
27
|
+
width: 100%;
|
|
28
|
+
height: 30%;
|
|
29
|
+
background-color: #E0DFFF;
|
|
30
|
+
box-shadow: 1px 1px 2px 1px #6c6a6acc;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.ns_time_line_monthly_card_bar {
|
|
34
|
+
height: 100%;
|
|
35
|
+
/* background-color: #3B9D00; */
|
|
36
|
+
color: transparent;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.ns_time_line_monthly {
|
|
40
|
+
display: flex;
|
|
41
|
+
gap: 2px;
|
|
42
|
+
flex-direction: row;
|
|
43
|
+
width: max-content;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.ns_parent {
|
|
47
|
+
width: 100%;
|
|
48
|
+
overflow-x: scroll;
|
|
49
|
+
-ms-overflow-style: none;
|
|
50
|
+
scrollbar-width: none;
|
|
51
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import Styles from './NSTimelineMonthly.module.css';
|
|
2
|
+
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
|
+
import Color from "../Color"
|
|
4
|
+
export interface NSdata
|
|
5
|
+
{
|
|
6
|
+
title: string;
|
|
7
|
+
value: number;
|
|
8
|
+
percentage:number;
|
|
9
|
+
}
|
|
10
|
+
export interface INSNSTimelineMonthlyProps extends IBaseComponentProps
|
|
11
|
+
{
|
|
12
|
+
data: NSdata[];
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export function NSTimelineMonthly(props: INSNSTimelineMonthlyProps)
|
|
16
|
+
{
|
|
17
|
+
function getPercentage(value: number): string
|
|
18
|
+
{
|
|
19
|
+
let percentage = (value * 100) / 24;
|
|
20
|
+
return percentage.toString() + "%";
|
|
21
|
+
}
|
|
22
|
+
return (
|
|
23
|
+
<div className={Styles.ns_parent}>
|
|
24
|
+
<div className={Styles.ns_time_line_monthly}>
|
|
25
|
+
{
|
|
26
|
+
props.data.map((card, index) => (
|
|
27
|
+
<div className={Styles.ns_time_line_monthly_card} key={index}>
|
|
28
|
+
<h5 className={Styles.ns_time_line_monthly_card_week_day}>{card.title}</h5>
|
|
29
|
+
<span className={Styles.ns_time_line_cards_hour}>{card.value}</span>
|
|
30
|
+
<div className={Styles.ns_time_line_monthly_card_parent_chart}>
|
|
31
|
+
<div className={Styles.ns_time_line_monthly_card_bar} style={{ width: getPercentage(card.value), background: Color.getColor(card.percentage)}}>bar</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
))
|
|
35
|
+
}
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
);
|
|
39
|
+
}
|
package/src/main.ts
CHANGED
|
@@ -35,6 +35,7 @@ export * from "./components/NSCardScreenshot"
|
|
|
35
35
|
export * from "./components/NSCopyToClipboard";
|
|
36
36
|
export * from "./components/NSChartColumn";
|
|
37
37
|
export * from "./components/NSChartPie";
|
|
38
|
+
export * from "./components/NSChartTable";
|
|
38
39
|
export * from "./components/NSDeleteDialog";
|
|
39
40
|
export * from "./components/NSDialog";
|
|
40
41
|
export * from "./components/NSDownload";
|
|
@@ -61,6 +62,7 @@ export * from "./components/NSPanel";
|
|
|
61
62
|
export * from "./components/NSPageSelectionModal";
|
|
62
63
|
export * from "./components/NSProductList";
|
|
63
64
|
export * from "./components/NSRepeater";
|
|
65
|
+
export * from "./components/NSRange";
|
|
64
66
|
export * from "./components/NSSection";
|
|
65
67
|
export * from "./components/NSSectionBars";
|
|
66
68
|
export * from "./components/NSSectionCards";
|
|
@@ -68,9 +70,11 @@ export * from "./components/NSSectionTitle";
|
|
|
68
70
|
export * from "./components/NSSpace";
|
|
69
71
|
export * from "./components/NSHeaderScreenshot";
|
|
70
72
|
export * from "./components/NSTable";
|
|
73
|
+
export * from "./components/NSTimeTable";
|
|
71
74
|
export * from "./components/NSTag";
|
|
72
75
|
export * from "./components/NSTabPage";
|
|
73
76
|
export * from "./components/NSTitle";
|
|
77
|
+
export * from "./components/NSTimelineMonthly";
|
|
74
78
|
export * from "./formatter/BackColorFormatter";
|
|
75
79
|
export * from "./formatter/BaseColumnFormatter";
|
|
76
80
|
export * from "./formatter/BooleanFormatter";
|