namirasoft-site-react 1.3.429 → 1.3.430
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 +74 -3
- package/dist/App.js.map +1 -1
- package/dist/components/NSBoxBoolean.module.css +0 -1
- package/dist/components/{NSRadioButton.d.ts → NSBoxRadio.d.ts} +5 -5
- package/dist/components/{NSRadioButton.js → NSBoxRadio.js} +3 -3
- package/dist/components/NSBoxRadio.js.map +1 -0
- package/{src/components/NSRadioButton.module.css → dist/components/NSBoxRadio.module.css} +1 -0
- package/dist/components/NSChartColumn.d.ts +12 -0
- package/dist/components/NSChartColumn.js +81 -0
- package/dist/components/NSChartColumn.js.map +1 -0
- package/dist/components/NSChartColumn.module.css +8 -0
- package/dist/components/NSChartTable.d.ts +15 -0
- package/dist/components/NSChartTable.js +62 -0
- package/dist/components/NSChartTable.js.map +1 -0
- package/dist/components/NSChartTable.module.css +22 -0
- package/dist/components/NSPageSelectionModal.js +2 -2
- package/dist/components/NSPageSelectionModal.js.map +1 -1
- package/dist/components/NSTable.module.css +7 -3
- package/dist/main.d.ts +2 -1
- package/dist/main.js +2 -1
- package/dist/main.js.map +1 -1
- package/package.json +2 -2
- package/src/App.tsx +76 -3
- package/src/components/NSBoxBoolean.module.css +0 -1
- package/{dist/components/NSRadioButton.module.css → src/components/NSBoxRadio.module.css} +1 -0
- package/src/components/{NSRadioButton.tsx → NSBoxRadio.tsx} +6 -6
- package/src/components/NSChartColumn.module.css +8 -0
- package/src/components/NSChartColumn.tsx +107 -0
- package/src/components/NSChartTable.module.css +22 -0
- package/src/components/NSChartTable.tsx +93 -0
- package/src/components/NSPageSelectionModal.tsx +9 -9
- package/src/components/NSTable.module.css +7 -3
- package/src/main.ts +2 -1
- package/dist/components/NSRadioButton.js.map +0 -1
package/dist/App.js
CHANGED
|
@@ -10,9 +10,8 @@ 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 } from './main';
|
|
13
|
+
import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPanel, NSRepeater, NSSpace, NSSpaceSizeType, NSTabPage, NSHeaderScreenshot, NSBoxRadio } from './main';
|
|
14
14
|
import { NSBoxLabel } from './components/NSBoxLabel';
|
|
15
|
-
import { NSRadioButton } from './components/NSRadioButton';
|
|
16
15
|
import { NSTag } from './components/NSTag';
|
|
17
16
|
import { NSButton } from './components/NSButton';
|
|
18
17
|
import { useState } from 'react';
|
|
@@ -34,6 +33,78 @@ const fakeColumns = [
|
|
|
34
33
|
text: 'Column 2',
|
|
35
34
|
formatter: fakeFormatter,
|
|
36
35
|
},
|
|
36
|
+
{
|
|
37
|
+
index: 1,
|
|
38
|
+
name: 'Column2',
|
|
39
|
+
text: 'Column 2',
|
|
40
|
+
formatter: fakeFormatter,
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
index: 1,
|
|
44
|
+
name: 'Column2',
|
|
45
|
+
text: 'Column 2',
|
|
46
|
+
formatter: fakeFormatter,
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
index: 1,
|
|
50
|
+
name: 'Column2',
|
|
51
|
+
text: 'Column 2',
|
|
52
|
+
formatter: fakeFormatter,
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
index: 1,
|
|
56
|
+
name: 'Column2',
|
|
57
|
+
text: 'Column 2',
|
|
58
|
+
formatter: fakeFormatter,
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
index: 1,
|
|
62
|
+
name: 'Column2',
|
|
63
|
+
text: 'Column 2',
|
|
64
|
+
formatter: fakeFormatter,
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
index: 1,
|
|
68
|
+
name: 'Column2',
|
|
69
|
+
text: 'Column 2',
|
|
70
|
+
formatter: fakeFormatter,
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
index: 1,
|
|
74
|
+
name: 'Column2',
|
|
75
|
+
text: 'Column 2',
|
|
76
|
+
formatter: fakeFormatter,
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
index: 1,
|
|
80
|
+
name: 'Column2',
|
|
81
|
+
text: 'Column 2',
|
|
82
|
+
formatter: fakeFormatter,
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
index: 1,
|
|
86
|
+
name: 'Column2',
|
|
87
|
+
text: 'Column 2',
|
|
88
|
+
formatter: fakeFormatter,
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
index: 1,
|
|
92
|
+
name: 'Column2',
|
|
93
|
+
text: 'Column 2',
|
|
94
|
+
formatter: fakeFormatter,
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
index: 1,
|
|
98
|
+
name: 'Column2',
|
|
99
|
+
text: 'Column 2',
|
|
100
|
+
formatter: fakeFormatter,
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
index: 1,
|
|
104
|
+
name: 'Column2',
|
|
105
|
+
text: 'Column 2',
|
|
106
|
+
formatter: fakeFormatter,
|
|
107
|
+
},
|
|
37
108
|
];
|
|
38
109
|
const getFakeRows = (page, size) => __awaiter(void 0, void 0, void 0, function* () {
|
|
39
110
|
console.log(page, size);
|
|
@@ -104,7 +175,7 @@ export function App() {
|
|
|
104
175
|
item.setValue(value);
|
|
105
176
|
}, onValuesChanged: values => {
|
|
106
177
|
console.log(values);
|
|
107
|
-
} }) }), _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(
|
|
178
|
+
} }) }), _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 &&
|
|
108
179
|
_jsx(NSDialog, { onClose: () => { setState(false); }, children: _jsx("div", {}) }), _jsx(NSBoxBoolean, { required: false, title: '' }), _jsx(NSTable, Object.assign({}, tableProps))] })] }));
|
|
109
180
|
}
|
|
110
181
|
//# 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,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,24 +2,24 @@ import React from "react";
|
|
|
2
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
5
|
-
export interface
|
|
5
|
+
export interface INSBoxRadioProps extends IBaseComponentProps, IValidationProps, IValidationStringProps {
|
|
6
6
|
title: string;
|
|
7
7
|
placeholder?: string;
|
|
8
8
|
defaultValue?: boolean;
|
|
9
9
|
isSelected?: boolean;
|
|
10
|
-
onChanged?: (e:
|
|
10
|
+
onChanged?: (e: NSBoxRadio) => void;
|
|
11
11
|
onClick?: () => void;
|
|
12
12
|
}
|
|
13
13
|
export interface INSBoxBooleanState {
|
|
14
14
|
value: boolean;
|
|
15
15
|
error?: string;
|
|
16
16
|
}
|
|
17
|
-
export declare class
|
|
18
|
-
constructor(props:
|
|
17
|
+
export declare class NSBoxRadio extends React.Component<INSBoxRadioProps, INSBoxBooleanState> {
|
|
18
|
+
constructor(props: INSBoxRadioProps);
|
|
19
19
|
getError(): string | null;
|
|
20
20
|
getValue(checkError?: boolean): boolean;
|
|
21
21
|
setValue(value: boolean): void;
|
|
22
22
|
private onClicked;
|
|
23
|
-
componentDidUpdate(prevProps:
|
|
23
|
+
componentDidUpdate(prevProps: INSBoxRadioProps): void;
|
|
24
24
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
25
25
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import Styles from "./
|
|
3
|
+
import Styles from "./NSBoxRadio.module.css";
|
|
4
4
|
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
5
|
-
export class
|
|
5
|
+
export class NSBoxRadio extends React.Component {
|
|
6
6
|
constructor(props) {
|
|
7
7
|
var _a;
|
|
8
8
|
super(props);
|
|
@@ -46,4 +46,4 @@ export class NSRadioButton extends React.Component {
|
|
|
46
46
|
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: [_jsx("div", { className: Styles.ns_input_transparent, onClick: this.onClicked }), _jsxs("div", { className: Styles.ns_checkbox_parent, children: [_jsx("input", { type: "radio", name: this.props.name, className: Styles.ns_input, checked: this.state.value, onChange: () => { } }), _jsxs("span", { className: Styles.ns_input_title, children: [this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title] })] })] }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }));
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
//# sourceMappingURL=
|
|
49
|
+
//# sourceMappingURL=NSBoxRadio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSBoxRadio.js","sourceRoot":"","sources":["../../src/components/NSBoxRadio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { IBaseComponentProps } from '../main';
|
|
2
|
+
export interface NSChartColumnProps extends IBaseComponentProps {
|
|
3
|
+
labels: string[];
|
|
4
|
+
datasets: number[];
|
|
5
|
+
range: {
|
|
6
|
+
min: number;
|
|
7
|
+
max: number;
|
|
8
|
+
};
|
|
9
|
+
yGrid?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const NSChartColumn: (props: NSChartColumnProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default NSChartColumn;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Bar } from 'react-chartjs-2';
|
|
3
|
+
import { Chart as ChartJS, CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend, } from 'chart.js';
|
|
4
|
+
import Styles from "./NSChartColumn.module.css";
|
|
5
|
+
ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend);
|
|
6
|
+
const NSChartColumn = (props) => {
|
|
7
|
+
var _a;
|
|
8
|
+
const data = {
|
|
9
|
+
labels: props.labels,
|
|
10
|
+
datasets: [
|
|
11
|
+
{
|
|
12
|
+
label: 'Dataset 1',
|
|
13
|
+
data: props.datasets,
|
|
14
|
+
backgroundColor: '#3354F4',
|
|
15
|
+
borderRadius: 10,
|
|
16
|
+
barThickness: 12,
|
|
17
|
+
borderSkipped: false,
|
|
18
|
+
},
|
|
19
|
+
],
|
|
20
|
+
};
|
|
21
|
+
const options = {
|
|
22
|
+
responsive: true,
|
|
23
|
+
maintainAspectRatio: false,
|
|
24
|
+
plugins: {
|
|
25
|
+
legend: {
|
|
26
|
+
display: false,
|
|
27
|
+
},
|
|
28
|
+
tooltip: {
|
|
29
|
+
enabled: true,
|
|
30
|
+
callbacks: {
|
|
31
|
+
label: function (context) {
|
|
32
|
+
return `$${context.raw}`;
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
scales: {
|
|
38
|
+
x: {
|
|
39
|
+
ticks: {
|
|
40
|
+
font: {
|
|
41
|
+
size: 8,
|
|
42
|
+
weight: 700
|
|
43
|
+
},
|
|
44
|
+
color: '#141B5C',
|
|
45
|
+
maxRotation: 554,
|
|
46
|
+
minRotation: 0,
|
|
47
|
+
},
|
|
48
|
+
grid: {
|
|
49
|
+
display: false,
|
|
50
|
+
},
|
|
51
|
+
border: {
|
|
52
|
+
display: false,
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
y: {
|
|
56
|
+
min: props.range.min,
|
|
57
|
+
max: props.range.max,
|
|
58
|
+
ticks: {
|
|
59
|
+
callback: function (value) {
|
|
60
|
+
return `$${value}`;
|
|
61
|
+
},
|
|
62
|
+
font: {
|
|
63
|
+
size: 8,
|
|
64
|
+
weight: 700,
|
|
65
|
+
},
|
|
66
|
+
color: '#141B5C',
|
|
67
|
+
},
|
|
68
|
+
grid: {
|
|
69
|
+
display: props.yGrid,
|
|
70
|
+
color: "#E6EEF5"
|
|
71
|
+
},
|
|
72
|
+
border: {
|
|
73
|
+
display: false,
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
};
|
|
78
|
+
return (_jsx("div", { style: props.style, className: `${Styles.chart_column_container} ${(_a = props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, children: _jsx(Bar, { data: data, options: options }) }));
|
|
79
|
+
};
|
|
80
|
+
export default NSChartColumn;
|
|
81
|
+
//# sourceMappingURL=NSChartColumn.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NSChartColumn.js","sourceRoot":"","sources":["../../src/components/NSChartColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,OAAO,EACH,KAAK,IAAI,OAAO,EAChB,aAAa,EACb,WAAW,EACX,UAAU,EACV,KAAK,EACL,OAAO,EACP,MAAM,GAET,MAAM,UAAU,CAAC;AAElB,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAE/C,OAAO,CAAC,QAAQ,CAAC,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAYjF,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;;IAChD,MAAM,IAAI,GAAG;QACT,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,QAAQ,EAAE;YACN;gBACI,KAAK,EAAE,WAAW;gBAClB,IAAI,EAAE,KAAK,CAAC,QAAQ;gBACpB,eAAe,EAAE,SAAS;gBAC1B,YAAY,EAAE,EAAE;gBAChB,YAAY,EAAE,EAAE;gBAChB,aAAa,EAAE,KAAK;aACvB;SACJ;KACJ,CAAC;IAEF,MAAM,OAAO,GAAwB;QACjC,UAAU,EAAE,IAAI;QAChB,mBAAmB,EAAE,KAAK;QAC1B,OAAO,EAAE;YACL,MAAM,EAAE;gBACJ,OAAO,EAAE,KAAK;aACjB;YACD,OAAO,EAAE;gBACL,OAAO,EAAE,IAAI;gBACb,SAAS,EAAE;oBACP,KAAK,EAAE,UAAU,OAAO;wBACpB,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;oBAC7B,CAAC;iBACJ;aACJ;SACJ;QACD,MAAM,EAAE;YACJ,CAAC,EAAE;gBACC,KAAK,EAAE;oBACH,IAAI,EAAE;wBACF,IAAI,EAAE,CAAC;wBACP,MAAM,EAAE,GAAG;qBACd;oBACD,KAAK,EAAE,SAAS;oBAChB,WAAW,EAAE,GAAG;oBAChB,WAAW,EAAE,CAAC;iBACjB;gBACD,IAAI,EAAE;oBACF,OAAO,EAAE,KAAK;iBACjB;gBACD,MAAM,EAAE;oBACJ,OAAO,EAAE,KAAK;iBACjB;aACJ;YACD,CAAC,EAAE;gBACC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG;gBACpB,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG;gBACpB,KAAK,EAAE;oBACH,QAAQ,EAAE,UAAU,KAAK;wBACrB,OAAO,IAAI,KAAK,EAAE,CAAC;oBACvB,CAAC;oBACD,IAAI,EAAE;wBACF,IAAI,EAAE,CAAC;wBACP,MAAM,EAAE,GAAG;qBACd;oBACD,KAAK,EAAE,SAAS;iBACnB;gBACD,IAAI,EAAE;oBACF,OAAO,EAAE,KAAK,CAAC,KAAK;oBACpB,KAAK,EAAE,SAAS;iBACnB;gBACD,MAAM,EAAE;oBACJ,OAAO,EAAE,KAAK;iBACjB;aACJ;SACJ;KACJ,CAAC;IAEF,OAAO,CACH,cAAK,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,sBAAsB,IAAI,MAAA,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,YAChG,KAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,GACnC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { IBaseComponentProps } from '../main';
|
|
2
|
+
interface DataType {
|
|
3
|
+
key: string;
|
|
4
|
+
job: string;
|
|
5
|
+
totalHours: number;
|
|
6
|
+
percentage: number;
|
|
7
|
+
cost: number;
|
|
8
|
+
income: number;
|
|
9
|
+
benefit: number;
|
|
10
|
+
}
|
|
11
|
+
interface CustomTableProps extends IBaseComponentProps {
|
|
12
|
+
data: DataType[];
|
|
13
|
+
}
|
|
14
|
+
declare const NSChartTable: (props: CustomTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default NSChartTable;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Table, Progress } from 'antd';
|
|
3
|
+
import Styles from "./NSChartTable.module.css";
|
|
4
|
+
const NSChartTable = (props) => {
|
|
5
|
+
const getColor = (percentage) => {
|
|
6
|
+
if (percentage >= 75)
|
|
7
|
+
return '#368F01';
|
|
8
|
+
if (percentage >= 60)
|
|
9
|
+
return '#44B400';
|
|
10
|
+
if (percentage >= 50)
|
|
11
|
+
return '#56E500';
|
|
12
|
+
if (percentage >= 25)
|
|
13
|
+
return '#FAFF00';
|
|
14
|
+
return 'red';
|
|
15
|
+
};
|
|
16
|
+
const columns = [
|
|
17
|
+
{
|
|
18
|
+
title: '',
|
|
19
|
+
dataIndex: 'job',
|
|
20
|
+
key: 'job',
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
title: 'Total Hours',
|
|
24
|
+
dataIndex: 'totalHours',
|
|
25
|
+
key: 'totalHours',
|
|
26
|
+
render: (text) => _jsx("div", { children: text }),
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
title: 'Percentage',
|
|
30
|
+
dataIndex: 'percentage',
|
|
31
|
+
key: 'percentage',
|
|
32
|
+
render: (text) => _jsxs("div", { children: [text, "%"] }),
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
title: 'Cost',
|
|
36
|
+
dataIndex: 'cost',
|
|
37
|
+
key: 'cost',
|
|
38
|
+
render: (text) => _jsxs("div", { children: ["$", text] }),
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
title: 'Income',
|
|
42
|
+
dataIndex: 'income',
|
|
43
|
+
key: 'income',
|
|
44
|
+
render: (text) => _jsxs("div", { children: ["$", text] }),
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
title: 'Benefit',
|
|
48
|
+
dataIndex: 'benefit',
|
|
49
|
+
key: 'benefit',
|
|
50
|
+
render: (text) => _jsxs("div", { children: ["$", text] }),
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
title: '',
|
|
54
|
+
dataIndex: 'totalHours',
|
|
55
|
+
key: 'chart',
|
|
56
|
+
render: (totalHours, record) => (_jsx(Progress, { percent: (totalHours / 8) * 100, showInfo: false, strokeColor: getColor(record.percentage), strokeWidth: 16, size: { width: 310, height: 16 } })),
|
|
57
|
+
},
|
|
58
|
+
];
|
|
59
|
+
return (_jsx("div", { children: _jsx(Table, { columns: columns, dataSource: props.data, pagination: false, rowClassName: () => Styles.custom_row }) }));
|
|
60
|
+
};
|
|
61
|
+
export default NSChartTable;
|
|
62
|
+
//# sourceMappingURL=NSChartTable.js.map
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
.custom_row td {
|
|
2
|
+
border: none;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.custom_row td:nth-child(2),
|
|
6
|
+
.custom_row td:nth-child(3),
|
|
7
|
+
.custom_row td:nth-child(4),
|
|
8
|
+
.custom_row td:nth-child(5),
|
|
9
|
+
.custom_row td:nth-child(6) {
|
|
10
|
+
border-bottom: 1px dashed #d9d9d9;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/* Override default Ant Design row borders */
|
|
14
|
+
.ant-table-tbody>tr>td {
|
|
15
|
+
border-bottom: none !important;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/* Increase progress bar height */
|
|
19
|
+
.ant-progress {
|
|
20
|
+
height: 16px !important;
|
|
21
|
+
/* Adjust as needed */
|
|
22
|
+
}
|
|
@@ -12,8 +12,8 @@ import { Component, createRef } from 'react';
|
|
|
12
12
|
import { NSButtonBlue } from './NSButtonBlue';
|
|
13
13
|
import { NSBoxString } from './NSBoxString';
|
|
14
14
|
import { NSSpace, NSSpaceSizeType } from './NSSpace';
|
|
15
|
-
import { NSRadioButton } from './NSRadioButton';
|
|
16
15
|
import Styles from './NSPageSelectionModal.module.css';
|
|
16
|
+
import { NSBoxRadio } from './NSBoxRadio';
|
|
17
17
|
export class NSPageSelectionModal extends Component {
|
|
18
18
|
constructor(props) {
|
|
19
19
|
super(props);
|
|
@@ -76,7 +76,7 @@ export class NSPageSelectionModal extends Component {
|
|
|
76
76
|
return (_jsx(_Fragment, { children: _jsxs(_Fragment, { children: [_jsx("div", { className: Styles.ns_print_container, ref: this.toastRef, children: _jsxs("div", { className: Styles.ns_header_print, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/close/blue.svg", alt: "Close", width: 24, height: 24, onClick: (e) => {
|
|
77
77
|
e.stopPropagation();
|
|
78
78
|
this.props.onClose();
|
|
79
|
-
}, className: Styles.ns_close_icon }), _jsxs("div", { className: Styles.ns_print_title, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/print/blue.svg", alt: "Print", width: 24, height: 24 }), _jsx("h2", { className: 'm-0', children: "Page Selection" })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("p", { className: Styles.ns_print_description, children: "Please select which pages you want to continue with" }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: Styles.ns_parent_checkboxs, children: [_jsx(
|
|
79
|
+
}, className: Styles.ns_close_icon }), _jsxs("div", { className: Styles.ns_print_title, children: [_jsx("img", { src: "https://static.namirasoft.com/image/concept/print/blue.svg", alt: "Print", width: 24, height: 24 }), _jsx("h2", { className: 'm-0', children: "Page Selection" })] }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx("p", { className: Styles.ns_print_description, children: "Please select which pages you want to continue with" }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsxs("div", { className: Styles.ns_parent_checkboxs, children: [_jsx(NSBoxRadio, { defaultValue: true, ref: this.NSBoxBoolean_CurrentPage, title: "Current page", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'current_page', onClick: () => this.handleRadioChange('current_page') }), _jsx(NSBoxRadio, { ref: this.NSBoxBoolean_SelectedItems, title: "Only Selected Items", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'selected_items', onClick: () => this.handleRadioChange('selected_items') }), _jsx(NSBoxRadio, { ref: this.NSBoxBoolean_CustomPage, title: "Custom Pages", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'custom_page', onClick: () => this.handleRadioChange('custom_page') }), _jsx(NSBoxRadio, { ref: this.NSBoxBoolean_AllPage, title: "All Pages", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'all_page', onClick: () => this.handleRadioChange('all_page') })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), this.state.selectedRadio === 'custom_page' && (_jsx(NSBoxString, { ref: this.NSBoxString_Pages, classList: [Styles.ns_w_box_string], required: false, title: "Custom Pages", getError: value => {
|
|
80
80
|
try {
|
|
81
81
|
this.parseCustomPage(value);
|
|
82
82
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSPageSelectionModal.js","sourceRoot":"","sources":["../../src/components/NSPageSelectionModal.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,
|
|
1
|
+
{"version":3,"file":"NSPageSelectionModal.js","sourceRoot":"","sources":["../../src/components/NSPageSelectionModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -48,7 +48,9 @@
|
|
|
48
48
|
/* Button Group */
|
|
49
49
|
.ns_pagination_button {
|
|
50
50
|
display: flex;
|
|
51
|
-
flex-direction: column;
|
|
51
|
+
flex-direction: column-reverse;
|
|
52
|
+
justify-content: space-between;
|
|
53
|
+
align-items: flex-start;
|
|
52
54
|
}
|
|
53
55
|
|
|
54
56
|
.ns_button {
|
|
@@ -56,6 +58,7 @@
|
|
|
56
58
|
flex-direction: row;
|
|
57
59
|
justify-content: space-between;
|
|
58
60
|
align-items: center;
|
|
61
|
+
width: 100%;
|
|
59
62
|
}
|
|
60
63
|
|
|
61
64
|
.ns_modal a {
|
|
@@ -73,7 +76,7 @@
|
|
|
73
76
|
justify-content: center
|
|
74
77
|
}
|
|
75
78
|
|
|
76
|
-
@media screen and (min-width:
|
|
79
|
+
@media screen and (min-width: 992px) {
|
|
77
80
|
.ns_table {
|
|
78
81
|
color: #000000;
|
|
79
82
|
}
|
|
@@ -139,7 +142,7 @@
|
|
|
139
142
|
/* Button Group */
|
|
140
143
|
.ns_pagination_button {
|
|
141
144
|
display: flex;
|
|
142
|
-
flex-direction:
|
|
145
|
+
flex-direction: column;
|
|
143
146
|
align-items: center;
|
|
144
147
|
justify-content: center;
|
|
145
148
|
padding: 16px 0;
|
|
@@ -151,6 +154,7 @@
|
|
|
151
154
|
justify-content: space-between;
|
|
152
155
|
align-items: center;
|
|
153
156
|
gap: 24px;
|
|
157
|
+
width: 100%;
|
|
154
158
|
}
|
|
155
159
|
|
|
156
160
|
.ns_check_box {
|
package/dist/main.d.ts
CHANGED
|
@@ -20,6 +20,7 @@ export * from "./components/NSBoxLabel";
|
|
|
20
20
|
export * from "./components/NSBoxPassword";
|
|
21
21
|
export * from "./components/NSBoxPhone";
|
|
22
22
|
export * from "./components/NSBoxPrice";
|
|
23
|
+
export * from "./components/NSBoxRadio";
|
|
23
24
|
export * from "./components/NSBoxString";
|
|
24
25
|
export * from "./components/NSBoxSearch";
|
|
25
26
|
export * from "./components/NSBoxTextArea";
|
|
@@ -31,6 +32,7 @@ export * from "./components/NSButtonGreen";
|
|
|
31
32
|
export * from "./components/NSButtonRed";
|
|
32
33
|
export * from "./components/NSCard";
|
|
33
34
|
export * from "./components/NSCopyToClipboard";
|
|
35
|
+
export * from "./components/NSChartColumn";
|
|
34
36
|
export * from "./components/NSChartPie";
|
|
35
37
|
export * from "./components/NSDeleteDialog";
|
|
36
38
|
export * from "./components/NSDialog";
|
|
@@ -56,7 +58,6 @@ export * from "./components/NSPagination";
|
|
|
56
58
|
export * from "./components/NSPanel";
|
|
57
59
|
export * from "./components/NSPageSelectionModal";
|
|
58
60
|
export * from "./components/NSProductList";
|
|
59
|
-
export * from "./components/NSRadioButton";
|
|
60
61
|
export * from "./components/NSRepeater";
|
|
61
62
|
export * from "./components/NSSection";
|
|
62
63
|
export * from "./components/NSSectionBars";
|
package/dist/main.js
CHANGED
|
@@ -20,6 +20,7 @@ export * from "./components/NSBoxLabel";
|
|
|
20
20
|
export * from "./components/NSBoxPassword";
|
|
21
21
|
export * from "./components/NSBoxPhone";
|
|
22
22
|
export * from "./components/NSBoxPrice";
|
|
23
|
+
export * from "./components/NSBoxRadio";
|
|
23
24
|
export * from "./components/NSBoxString";
|
|
24
25
|
export * from "./components/NSBoxSearch";
|
|
25
26
|
export * from "./components/NSBoxTextArea";
|
|
@@ -31,6 +32,7 @@ export * from "./components/NSButtonGreen";
|
|
|
31
32
|
export * from "./components/NSButtonRed";
|
|
32
33
|
export * from "./components/NSCard";
|
|
33
34
|
export * from "./components/NSCopyToClipboard";
|
|
35
|
+
export * from "./components/NSChartColumn";
|
|
34
36
|
export * from "./components/NSChartPie";
|
|
35
37
|
export * from "./components/NSDeleteDialog";
|
|
36
38
|
export * from "./components/NSDialog";
|
|
@@ -56,7 +58,6 @@ export * from "./components/NSPagination";
|
|
|
56
58
|
export * from "./components/NSPanel";
|
|
57
59
|
export * from "./components/NSPageSelectionModal";
|
|
58
60
|
export * from "./components/NSProductList";
|
|
59
|
-
export * from "./components/NSRadioButton";
|
|
60
61
|
export * from "./components/NSRepeater";
|
|
61
62
|
export * from "./components/NSSection";
|
|
62
63
|
export * from "./components/NSSectionBars";
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,
|
|
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.430",
|
|
12
12
|
"author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh, Mehrab Bahramian",
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"main": "./dist/main.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"@types/react": "^18.3.3",
|
|
27
27
|
"@types/react-bootstrap": "^0.32.37",
|
|
28
28
|
"@types/react-dom": "^18.3.0",
|
|
29
|
-
"antd": "^5.20.
|
|
29
|
+
"antd": "^5.20.1",
|
|
30
30
|
"bootstrap": "^5.3.3",
|
|
31
31
|
"chart.js": "^4.4.3",
|
|
32
32
|
"copyfiles": "^2.4.1",
|
package/src/App.tsx
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
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 } from './main';
|
|
3
|
+
import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPanel, NSRepeater, NSSpace, NSSpaceSizeType, NSTabPage, NSHeaderScreenshot, NSBoxRadio } from './main';
|
|
4
4
|
import { NSBoxLabel } from './components/NSBoxLabel';
|
|
5
|
-
import { NSRadioButton } from './components/NSRadioButton';
|
|
6
5
|
import { NSTag, NSTagValue } from './components/NSTag';
|
|
7
6
|
import { NSButton } from './components/NSButton';
|
|
8
7
|
import { useState } from 'react';
|
|
@@ -33,6 +32,79 @@ const fakeColumns: TableColumnInfo[] = [
|
|
|
33
32
|
text: 'Column 2',
|
|
34
33
|
formatter: fakeFormatter,
|
|
35
34
|
},
|
|
35
|
+
{
|
|
36
|
+
index: 1,
|
|
37
|
+
name: 'Column2',
|
|
38
|
+
text: 'Column 2',
|
|
39
|
+
formatter: fakeFormatter,
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
index: 1,
|
|
43
|
+
name: 'Column2',
|
|
44
|
+
text: 'Column 2',
|
|
45
|
+
formatter: fakeFormatter,
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
index: 1,
|
|
49
|
+
name: 'Column2',
|
|
50
|
+
text: 'Column 2',
|
|
51
|
+
formatter: fakeFormatter,
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
index: 1,
|
|
55
|
+
name: 'Column2',
|
|
56
|
+
text: 'Column 2',
|
|
57
|
+
formatter: fakeFormatter,
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
index: 1,
|
|
61
|
+
name: 'Column2',
|
|
62
|
+
text: 'Column 2',
|
|
63
|
+
formatter: fakeFormatter,
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
index: 1,
|
|
67
|
+
name: 'Column2',
|
|
68
|
+
text: 'Column 2',
|
|
69
|
+
formatter: fakeFormatter,
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
index: 1,
|
|
73
|
+
name: 'Column2',
|
|
74
|
+
text: 'Column 2',
|
|
75
|
+
formatter: fakeFormatter,
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
index: 1,
|
|
79
|
+
name: 'Column2',
|
|
80
|
+
text: 'Column 2',
|
|
81
|
+
formatter: fakeFormatter,
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
index: 1,
|
|
85
|
+
name: 'Column2',
|
|
86
|
+
text: 'Column 2',
|
|
87
|
+
formatter: fakeFormatter,
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
index: 1,
|
|
91
|
+
name: 'Column2',
|
|
92
|
+
text: 'Column 2',
|
|
93
|
+
formatter: fakeFormatter,
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
index: 1,
|
|
97
|
+
name: 'Column2',
|
|
98
|
+
text: 'Column 2',
|
|
99
|
+
formatter: fakeFormatter,
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
index: 1,
|
|
103
|
+
name: 'Column2',
|
|
104
|
+
text: 'Column 2',
|
|
105
|
+
formatter: fakeFormatter,
|
|
106
|
+
},
|
|
107
|
+
|
|
36
108
|
];
|
|
37
109
|
const getFakeRows = async (page: number, size: number) =>
|
|
38
110
|
{
|
|
@@ -166,7 +238,7 @@ export function App()
|
|
|
166
238
|
<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} />
|
|
167
239
|
<NSBoxEmail title='Email' required />
|
|
168
240
|
<NSBoxString title='String' required />
|
|
169
|
-
<
|
|
241
|
+
<NSBoxRadio title={"Radio Button"} required={false} />
|
|
170
242
|
<NSSpace size={NSSpaceSizeType.LARGE} />
|
|
171
243
|
<NSBoxBoolean defaultValue={true} title='' required />
|
|
172
244
|
<NSButton title='Clear Filters' onClick={() => window.location.reload()} style={{ width: "136px", border: "2px solid #001664" }} />
|
|
@@ -180,6 +252,7 @@ export function App()
|
|
|
180
252
|
</div>
|
|
181
253
|
<NSSpace size={NSSpaceSizeType.MEDUIM} />
|
|
182
254
|
<NSBoxBoolean title='CheckBox' required />
|
|
255
|
+
<NSBoxRadio title='RadioButton' required />
|
|
183
256
|
<NSEntityBar title='' description='' image={{ src: "" }} />
|
|
184
257
|
{
|
|
185
258
|
state &&
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import Styles from "./
|
|
2
|
+
import Styles from "./NSBoxRadio.module.css";
|
|
3
3
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
4
4
|
import { IValidationProps } from "../props/IValidationProps";
|
|
5
5
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
6
6
|
import { NSBoxErrorNotifier } from "./NSBoxErrorNotifier";
|
|
7
7
|
|
|
8
|
-
export interface
|
|
8
|
+
export interface INSBoxRadioProps extends IBaseComponentProps, IValidationProps, IValidationStringProps
|
|
9
9
|
{
|
|
10
10
|
title: string;
|
|
11
11
|
placeholder?: string;
|
|
12
12
|
defaultValue?: boolean;
|
|
13
13
|
isSelected?: boolean;
|
|
14
|
-
onChanged?: (e:
|
|
14
|
+
onChanged?: (e: NSBoxRadio) => void;
|
|
15
15
|
onClick?: () => void;
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -21,9 +21,9 @@ export interface INSBoxBooleanState
|
|
|
21
21
|
error?: string;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
export class
|
|
24
|
+
export class NSBoxRadio extends React.Component<INSBoxRadioProps, INSBoxBooleanState>
|
|
25
25
|
{
|
|
26
|
-
constructor(props:
|
|
26
|
+
constructor(props: INSBoxRadioProps)
|
|
27
27
|
{
|
|
28
28
|
super(props);
|
|
29
29
|
this.state = { value: props.defaultValue ?? false };
|
|
@@ -67,7 +67,7 @@ export class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBo
|
|
|
67
67
|
this.props.onClick();
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
override componentDidUpdate(prevProps:
|
|
70
|
+
override componentDidUpdate(prevProps: INSBoxRadioProps)
|
|
71
71
|
{
|
|
72
72
|
if (prevProps.isSelected !== this.props.isSelected)
|
|
73
73
|
{
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { Bar } from 'react-chartjs-2';
|
|
2
|
+
import {
|
|
3
|
+
Chart as ChartJS,
|
|
4
|
+
CategoryScale,
|
|
5
|
+
LinearScale,
|
|
6
|
+
BarElement,
|
|
7
|
+
Title,
|
|
8
|
+
Tooltip,
|
|
9
|
+
Legend,
|
|
10
|
+
ChartOptions,
|
|
11
|
+
} from 'chart.js';
|
|
12
|
+
import { IBaseComponentProps } from '../main';
|
|
13
|
+
import Styles from "./NSChartColumn.module.css"
|
|
14
|
+
|
|
15
|
+
ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend);
|
|
16
|
+
|
|
17
|
+
export interface NSChartColumnProps extends IBaseComponentProps {
|
|
18
|
+
labels: string[];
|
|
19
|
+
datasets: number[];
|
|
20
|
+
range: {
|
|
21
|
+
min: number,
|
|
22
|
+
max: number,
|
|
23
|
+
}
|
|
24
|
+
yGrid?: boolean
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
const NSChartColumn = (props: NSChartColumnProps) => {
|
|
28
|
+
const data = {
|
|
29
|
+
labels: props.labels,
|
|
30
|
+
datasets: [
|
|
31
|
+
{
|
|
32
|
+
label: 'Dataset 1',
|
|
33
|
+
data: props.datasets,
|
|
34
|
+
backgroundColor: '#3354F4',
|
|
35
|
+
borderRadius: 10,
|
|
36
|
+
barThickness: 12,
|
|
37
|
+
borderSkipped: false,
|
|
38
|
+
},
|
|
39
|
+
],
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
const options: ChartOptions<'bar'> = {
|
|
43
|
+
responsive: true,
|
|
44
|
+
maintainAspectRatio: false,
|
|
45
|
+
plugins: {
|
|
46
|
+
legend: {
|
|
47
|
+
display: false,
|
|
48
|
+
},
|
|
49
|
+
tooltip: {
|
|
50
|
+
enabled: true,
|
|
51
|
+
callbacks: {
|
|
52
|
+
label: function (context) {
|
|
53
|
+
return `$${context.raw}`;
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
scales: {
|
|
59
|
+
x: {
|
|
60
|
+
ticks: {
|
|
61
|
+
font: {
|
|
62
|
+
size: 8,
|
|
63
|
+
weight: 700
|
|
64
|
+
},
|
|
65
|
+
color: '#141B5C',
|
|
66
|
+
maxRotation: 554,
|
|
67
|
+
minRotation: 0,
|
|
68
|
+
},
|
|
69
|
+
grid: {
|
|
70
|
+
display: false,
|
|
71
|
+
},
|
|
72
|
+
border: {
|
|
73
|
+
display: false,
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
y: {
|
|
77
|
+
min: props.range.min,
|
|
78
|
+
max: props.range.max,
|
|
79
|
+
ticks: {
|
|
80
|
+
callback: function (value) {
|
|
81
|
+
return `$${value}`;
|
|
82
|
+
},
|
|
83
|
+
font: {
|
|
84
|
+
size: 8,
|
|
85
|
+
weight: 700,
|
|
86
|
+
},
|
|
87
|
+
color: '#141B5C',
|
|
88
|
+
},
|
|
89
|
+
grid: {
|
|
90
|
+
display: props.yGrid,
|
|
91
|
+
color: "#E6EEF5"
|
|
92
|
+
},
|
|
93
|
+
border: {
|
|
94
|
+
display: false,
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
},
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
return (
|
|
101
|
+
<div style={props.style} className={`${Styles.chart_column_container} ${props.classList?.join(" ")}`}>
|
|
102
|
+
<Bar data={data} options={options} />
|
|
103
|
+
</div>
|
|
104
|
+
);
|
|
105
|
+
};
|
|
106
|
+
|
|
107
|
+
export default NSChartColumn;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
.custom_row td {
|
|
2
|
+
border: none;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.custom_row td:nth-child(2),
|
|
6
|
+
.custom_row td:nth-child(3),
|
|
7
|
+
.custom_row td:nth-child(4),
|
|
8
|
+
.custom_row td:nth-child(5),
|
|
9
|
+
.custom_row td:nth-child(6) {
|
|
10
|
+
border-bottom: 1px dashed #d9d9d9;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/* Override default Ant Design row borders */
|
|
14
|
+
.ant-table-tbody>tr>td {
|
|
15
|
+
border-bottom: none !important;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/* Increase progress bar height */
|
|
19
|
+
.ant-progress {
|
|
20
|
+
height: 16px !important;
|
|
21
|
+
/* Adjust as needed */
|
|
22
|
+
}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { Table, Progress } from 'antd';
|
|
2
|
+
import { ColumnType } from 'antd/es/table';
|
|
3
|
+
import { IBaseComponentProps } from '../main';
|
|
4
|
+
import Styles from "./NSChartTable.module.css"
|
|
5
|
+
|
|
6
|
+
interface DataType {
|
|
7
|
+
key: string;
|
|
8
|
+
job: string;
|
|
9
|
+
totalHours: number;
|
|
10
|
+
percentage: number;
|
|
11
|
+
cost: number;
|
|
12
|
+
income: number;
|
|
13
|
+
benefit: number;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
interface CustomTableProps extends IBaseComponentProps {
|
|
17
|
+
data: DataType[];
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
const NSChartTable = (props: CustomTableProps) => {
|
|
21
|
+
const getColor = (percentage: number) => {
|
|
22
|
+
if (percentage >= 75) return '#368F01';
|
|
23
|
+
if (percentage >= 60) return '#44B400';
|
|
24
|
+
if (percentage >= 50) return '#56E500';
|
|
25
|
+
if (percentage >= 25) return '#FAFF00';
|
|
26
|
+
return 'red';
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
const columns: ColumnType<DataType>[] = [
|
|
30
|
+
{
|
|
31
|
+
title: '',
|
|
32
|
+
dataIndex: 'job',
|
|
33
|
+
key: 'job',
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
title: 'Total Hours',
|
|
37
|
+
dataIndex: 'totalHours',
|
|
38
|
+
key: 'totalHours',
|
|
39
|
+
render: (text: number) => <div>{text}</div>,
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
title: 'Percentage',
|
|
43
|
+
dataIndex: 'percentage',
|
|
44
|
+
key: 'percentage',
|
|
45
|
+
render: (text: number) => <div>{text}%</div>,
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
title: 'Cost',
|
|
49
|
+
dataIndex: 'cost',
|
|
50
|
+
key: 'cost',
|
|
51
|
+
render: (text: number) => <div>${text}</div>,
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
title: 'Income',
|
|
55
|
+
dataIndex: 'income',
|
|
56
|
+
key: 'income',
|
|
57
|
+
render: (text: number) => <div>${text}</div>,
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
title: 'Benefit',
|
|
61
|
+
dataIndex: 'benefit',
|
|
62
|
+
key: 'benefit',
|
|
63
|
+
render: (text: number) => <div>${text}</div>,
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
title: '',
|
|
67
|
+
dataIndex: 'totalHours',
|
|
68
|
+
key: 'chart',
|
|
69
|
+
render: (totalHours: number, record: DataType) => (
|
|
70
|
+
<Progress
|
|
71
|
+
percent={(totalHours / 8) * 100}
|
|
72
|
+
showInfo={false}
|
|
73
|
+
strokeColor={getColor(record.percentage)}
|
|
74
|
+
strokeWidth={16}
|
|
75
|
+
size={{ width: 310, height: 16 }}
|
|
76
|
+
/>
|
|
77
|
+
),
|
|
78
|
+
},
|
|
79
|
+
];
|
|
80
|
+
|
|
81
|
+
return (
|
|
82
|
+
<div>
|
|
83
|
+
<Table
|
|
84
|
+
columns={columns}
|
|
85
|
+
dataSource={props.data}
|
|
86
|
+
pagination={false}
|
|
87
|
+
rowClassName={() => Styles.custom_row}
|
|
88
|
+
/>
|
|
89
|
+
</div>
|
|
90
|
+
);
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
export default NSChartTable;
|
|
@@ -2,8 +2,8 @@ import React, { Component, createRef } from 'react';
|
|
|
2
2
|
import { NSButtonBlue } from './NSButtonBlue';
|
|
3
3
|
import { NSBoxString } from './NSBoxString';
|
|
4
4
|
import { NSSpace, NSSpaceSizeType } from './NSSpace';
|
|
5
|
-
import { NSRadioButton } from './NSRadioButton';
|
|
6
5
|
import Styles from './NSPageSelectionModal.module.css';
|
|
6
|
+
import { NSBoxRadio } from './NSBoxRadio';
|
|
7
7
|
|
|
8
8
|
export interface NSPageSelectionModalProps<RowType>
|
|
9
9
|
{
|
|
@@ -22,10 +22,10 @@ interface NSPageSelectionModalState
|
|
|
22
22
|
export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModalProps<RowType>, NSPageSelectionModalState>
|
|
23
23
|
{
|
|
24
24
|
private toastRef: React.RefObject<HTMLDivElement> = createRef();
|
|
25
|
-
private NSBoxBoolean_CurrentPage: React.RefObject<
|
|
26
|
-
private NSBoxBoolean_SelectedItems: React.RefObject<
|
|
27
|
-
private NSBoxBoolean_CustomPage: React.RefObject<
|
|
28
|
-
private NSBoxBoolean_AllPage: React.RefObject<
|
|
25
|
+
private NSBoxBoolean_CurrentPage: React.RefObject<NSBoxRadio> = createRef();
|
|
26
|
+
private NSBoxBoolean_SelectedItems: React.RefObject<NSBoxRadio> = createRef();
|
|
27
|
+
private NSBoxBoolean_CustomPage: React.RefObject<NSBoxRadio> = createRef();
|
|
28
|
+
private NSBoxBoolean_AllPage: React.RefObject<NSBoxRadio> = createRef();
|
|
29
29
|
private NSBoxString_Pages: React.RefObject<NSBoxString> = createRef();
|
|
30
30
|
|
|
31
31
|
constructor(props: NSPageSelectionModalProps<RowType>)
|
|
@@ -124,7 +124,7 @@ export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModa
|
|
|
124
124
|
<p className={Styles.ns_print_description}>Please select which pages you want to continue with</p>
|
|
125
125
|
<NSSpace size={NSSpaceSizeType.SMALL} />
|
|
126
126
|
<div className={Styles.ns_parent_checkboxs}>
|
|
127
|
-
<
|
|
127
|
+
<NSBoxRadio
|
|
128
128
|
defaultValue={true}
|
|
129
129
|
ref={this.NSBoxBoolean_CurrentPage}
|
|
130
130
|
title={"Current page"}
|
|
@@ -133,7 +133,7 @@ export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModa
|
|
|
133
133
|
isSelected={this.state.selectedRadio === 'current_page'}
|
|
134
134
|
onClick={() => this.handleRadioChange('current_page')}
|
|
135
135
|
/>
|
|
136
|
-
<
|
|
136
|
+
<NSBoxRadio
|
|
137
137
|
ref={this.NSBoxBoolean_SelectedItems}
|
|
138
138
|
title={"Only Selected Items"}
|
|
139
139
|
required={false}
|
|
@@ -141,7 +141,7 @@ export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModa
|
|
|
141
141
|
isSelected={this.state.selectedRadio === 'selected_items'}
|
|
142
142
|
onClick={() => this.handleRadioChange('selected_items')}
|
|
143
143
|
/>
|
|
144
|
-
<
|
|
144
|
+
<NSBoxRadio
|
|
145
145
|
ref={this.NSBoxBoolean_CustomPage}
|
|
146
146
|
title={"Custom Pages"}
|
|
147
147
|
required={false}
|
|
@@ -149,7 +149,7 @@ export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModa
|
|
|
149
149
|
isSelected={this.state.selectedRadio === 'custom_page'}
|
|
150
150
|
onClick={() => this.handleRadioChange('custom_page')}
|
|
151
151
|
/>
|
|
152
|
-
<
|
|
152
|
+
<NSBoxRadio
|
|
153
153
|
ref={this.NSBoxBoolean_AllPage}
|
|
154
154
|
title={"All Pages"}
|
|
155
155
|
required={false}
|
|
@@ -48,7 +48,9 @@
|
|
|
48
48
|
/* Button Group */
|
|
49
49
|
.ns_pagination_button {
|
|
50
50
|
display: flex;
|
|
51
|
-
flex-direction: column;
|
|
51
|
+
flex-direction: column-reverse;
|
|
52
|
+
justify-content: space-between;
|
|
53
|
+
align-items: flex-start;
|
|
52
54
|
}
|
|
53
55
|
|
|
54
56
|
.ns_button {
|
|
@@ -56,6 +58,7 @@
|
|
|
56
58
|
flex-direction: row;
|
|
57
59
|
justify-content: space-between;
|
|
58
60
|
align-items: center;
|
|
61
|
+
width: 100%;
|
|
59
62
|
}
|
|
60
63
|
|
|
61
64
|
.ns_modal a {
|
|
@@ -73,7 +76,7 @@
|
|
|
73
76
|
justify-content: center
|
|
74
77
|
}
|
|
75
78
|
|
|
76
|
-
@media screen and (min-width:
|
|
79
|
+
@media screen and (min-width: 992px) {
|
|
77
80
|
.ns_table {
|
|
78
81
|
color: #000000;
|
|
79
82
|
}
|
|
@@ -139,7 +142,7 @@
|
|
|
139
142
|
/* Button Group */
|
|
140
143
|
.ns_pagination_button {
|
|
141
144
|
display: flex;
|
|
142
|
-
flex-direction:
|
|
145
|
+
flex-direction: column;
|
|
143
146
|
align-items: center;
|
|
144
147
|
justify-content: center;
|
|
145
148
|
padding: 16px 0;
|
|
@@ -151,6 +154,7 @@
|
|
|
151
154
|
justify-content: space-between;
|
|
152
155
|
align-items: center;
|
|
153
156
|
gap: 24px;
|
|
157
|
+
width: 100%;
|
|
154
158
|
}
|
|
155
159
|
|
|
156
160
|
.ns_check_box {
|
package/src/main.ts
CHANGED
|
@@ -20,6 +20,7 @@ export * from "./components/NSBoxLabel";
|
|
|
20
20
|
export * from "./components/NSBoxPassword";
|
|
21
21
|
export * from "./components/NSBoxPhone";
|
|
22
22
|
export * from "./components/NSBoxPrice";
|
|
23
|
+
export * from "./components/NSBoxRadio";
|
|
23
24
|
export * from "./components/NSBoxString";
|
|
24
25
|
export * from "./components/NSBoxSearch";
|
|
25
26
|
export * from "./components/NSBoxTextArea";
|
|
@@ -31,6 +32,7 @@ export * from "./components/NSButtonGreen";
|
|
|
31
32
|
export * from "./components/NSButtonRed";
|
|
32
33
|
export * from "./components/NSCard";
|
|
33
34
|
export * from "./components/NSCopyToClipboard";
|
|
35
|
+
export * from "./components/NSChartColumn";
|
|
34
36
|
export * from "./components/NSChartPie";
|
|
35
37
|
export * from "./components/NSDeleteDialog";
|
|
36
38
|
export * from "./components/NSDialog";
|
|
@@ -56,7 +58,6 @@ export * from "./components/NSPagination";
|
|
|
56
58
|
export * from "./components/NSPanel";
|
|
57
59
|
export * from "./components/NSPageSelectionModal";
|
|
58
60
|
export * from "./components/NSProductList";
|
|
59
|
-
export * from "./components/NSRadioButton";
|
|
60
61
|
export * from "./components/NSRepeater";
|
|
61
62
|
export * from "./components/NSSection";
|
|
62
63
|
export * from "./components/NSSectionBars";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSRadioButton.js","sourceRoot":"","sources":["../../src/components/NSRadioButton.tsx"],"names":[],"mappings":"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"}
|