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.
Files changed (48) hide show
  1. package/dist/App.js +59 -3
  2. package/dist/App.js.map +1 -1
  3. package/dist/Color.d.ts +3 -0
  4. package/dist/Color.js +14 -0
  5. package/dist/Color.js.map +1 -0
  6. package/dist/components/NSChartPie.js +1 -2
  7. package/dist/components/NSChartPie.js.map +1 -1
  8. package/dist/components/NSChartRange.d.ts +4 -0
  9. package/dist/components/NSChartRange.js +7 -0
  10. package/dist/components/NSChartRange.js.map +1 -0
  11. package/dist/components/NSChartRange.module.css +0 -0
  12. package/dist/components/NSChartTable.js +2 -2
  13. package/dist/components/NSChartTable.js.map +1 -1
  14. package/dist/components/NSHeaderScreenshot.d.ts +4 -0
  15. package/dist/components/NSHeaderScreenshot.js +1 -2
  16. package/dist/components/NSHeaderScreenshot.js.map +1 -1
  17. package/dist/components/NSHeaderScreenshot.module.css +16 -0
  18. package/dist/components/NSRange.d.ts +4 -0
  19. package/dist/components/NSRange.js +6 -0
  20. package/dist/components/NSRange.js.map +1 -0
  21. package/dist/components/NSRange.module.css +0 -0
  22. package/dist/components/NSTimeTable.d.ts +15 -0
  23. package/dist/components/NSTimeTable.js +20 -0
  24. package/dist/components/NSTimeTable.js.map +1 -0
  25. package/dist/components/NSTimeTable.module.css +3 -0
  26. package/dist/components/NSTimelineMonthly.d.ts +10 -0
  27. package/dist/components/NSTimelineMonthly.js +11 -0
  28. package/dist/components/NSTimelineMonthly.js.map +1 -0
  29. package/dist/components/NSTimelineMonthly.module.css +51 -0
  30. package/dist/main.d.ts +4 -0
  31. package/dist/main.js +4 -0
  32. package/dist/main.js.map +1 -1
  33. package/package.json +3 -3
  34. package/src/App.tsx +80 -11
  35. package/src/Color.tsx +11 -0
  36. package/src/components/NSChartPie.tsx +3 -3
  37. package/src/components/NSChartRange.module.css +0 -0
  38. package/src/components/NSChartRange.tsx +17 -0
  39. package/src/components/NSChartTable.tsx +2 -1
  40. package/src/components/NSHeaderScreenshot.module.css +16 -0
  41. package/src/components/NSHeaderScreenshot.tsx +18 -8
  42. package/src/components/NSRange.module.css +0 -0
  43. package/src/components/NSRange.tsx +15 -0
  44. package/src/components/NSTimeTable.module.css +3 -0
  45. package/src/components/NSTimeTable.tsx +47 -0
  46. package/src/components/NSTimelineMonthly.module.css +51 -0
  47. package/src/components/NSTimelineMonthly.tsx +39 -0
  48. 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(NSHeaderScreenshot, {}), _jsxs(NSLayout, { header: {
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":"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"}
1
+ {"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export default class Color {
2
+ static getColor(percentage: number): string;
3
+ }
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
- const fontSize = arc.innerRadius / 3;
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;YAEX,MAAM,QAAQ,GAAG,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC;YACrC,GAAG,CAAC,IAAI,GAAG,GAAG,QAAQ,eAAe,CAAC;YACtC,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"}
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,4 @@
1
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
2
+ export interface INSNSChartRangeProps extends IBaseComponentProps {
3
+ }
4
+ export declare function NSChartRange(props: INSNSChartRangeProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import Styles from './NSChartRange.module.css';
3
+ export function NSChartRange(props) {
4
+ console.log(props);
5
+ return (_jsx("div", { className: Styles.ns_parent }));
6
+ }
7
+ //# sourceMappingURL=NSChartRange.js.map
@@ -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,SAAS,CAAC;QACvC,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,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,GACvC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
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
- console.log(props);
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;AAMpD,MAAM,UAAU,kBAAkB,CAAC,KAAgC;IAE/D,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACnB,OAAO,CACH,kBAAS,SAAS,EAAE,MAAM,CAAC,oBAAoB,YAC3C,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,cAAK,GAAG,EAAC,sDAAsD,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAChG,0CAAyB,IACvB,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,cAAK,GAAG,EAAC,qEAAqE,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC/G,wCAAuB,IACrB,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,aAC5C,cAAK,GAAG,EAAC,qEAAqE,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC/G,mCAAkB,IAChB,IACJ,GACA,CACb,CAAC;AACN,CAAC"}
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,4 @@
1
+ import { IBaseComponentProps } from "../props/IBaseComponentProps";
2
+ export interface INSRangeProps extends IBaseComponentProps {
3
+ }
4
+ export declare function NSRange(props: INSRangeProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export function NSRange(props) {
3
+ console.log(props);
4
+ return (_jsx("div", {}));
5
+ }
6
+ //# sourceMappingURL=NSRange.js.map
@@ -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,3 @@
1
+ .custom_row th:nth-child(1) {
2
+ box-shadow: 4px 0px 4px 0px #00000040;
3
+ }
@@ -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.434",
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.2.0",
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.1",
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
- {/* <NSChartPie
185
- title='test'
186
- data={[1, 2, 67]}
187
- labels={["test1", "test2", "test3"]}
188
- backgroundColor={[
189
- "hsla(250, 87%, 29%, 1)",
190
- "hsla(250, 68%, 56%, 1)",
191
- "hsla(250, 68%, 56%, 1)",
192
- ]} /> */}
193
- <NSHeaderScreenshot />
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 = `${fontSize}px sans-serif`;
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/gear.png" alt='' width={32} height={32} />
16
- <span>Job Arranger</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/namirasoft/site/logo/circle.png" alt='' width={32} height={32} />
20
- <span>New Design</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/namirasoft/site/logo/circle.png" alt='' width={32} height={32} />
24
- <span>title</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,3 @@
1
+ .custom_row th:nth-child(1) {
2
+ box-shadow: 4px 0px 4px 0px #00000040;
3
+ }
@@ -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";