namirasoft-site-react 1.3.331 → 1.3.332
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 +1 -2
- package/dist/App.js.map +1 -1
- package/dist/components/NSPageSelectionModal.js +9 -8
- package/dist/components/NSPageSelectionModal.js.map +1 -1
- package/dist/components/NSRadioButton.d.ts +1 -0
- package/dist/components/NSRadioButton.js +10 -1
- package/dist/components/NSRadioButton.js.map +1 -1
- package/dist/components/NSRadioButton.module.css +2 -2
- package/dist/main.d.ts +0 -1
- package/dist/main.js +0 -1
- package/dist/main.js.map +1 -1
- package/package.json +1 -1
- package/src/App.tsx +2 -4
- package/src/components/NSPageSelectionModal.tsx +22 -20
- package/src/components/NSRadioButton.module.css +2 -2
- package/src/components/NSRadioButton.tsx +17 -6
- package/src/main.ts +0 -1
- package/dist/components/NSRadioGroup.d.ts +0 -9
- package/dist/components/NSRadioGroup.js +0 -14
- package/dist/components/NSRadioGroup.js.map +0 -1
- package/dist/components/NSRadioGroup.module.css +0 -29
- package/src/components/NSRadioGroup.module.css +0 -29
- package/src/components/NSRadioGroup.tsx +0 -92
package/dist/App.js
CHANGED
|
@@ -16,7 +16,6 @@ import { NSRadioButton } from './components/NSRadioButton';
|
|
|
16
16
|
import NSTag from './components/NSTag';
|
|
17
17
|
import NSButton from './components/NSButton';
|
|
18
18
|
import { useRef } from 'react';
|
|
19
|
-
import NSRadioGroup from './components/NSRadioGroup';
|
|
20
19
|
export function App() {
|
|
21
20
|
const onClicked = () => {
|
|
22
21
|
console.log("clicked");
|
|
@@ -101,6 +100,6 @@ export function App() {
|
|
|
101
100
|
return (_jsx(_Fragment, { children: _jsxs(NSLayout, { header: {
|
|
102
101
|
title: "any",
|
|
103
102
|
icons: icons
|
|
104
|
-
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", children: [_jsxs(_Fragment, { children: [_jsx(NSTabPage, { tabs: tabs }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSPagination, { totalItems: 100, onPageChange: () => { } })] }), _jsx(NSTable, { ref: table, columns: getColumns(), getCell: getCell, getRowKey: row => row.id.toString(), getColumnAttributes: () => { return {}; }, totalItems: 0, getRows: () => __awaiter(this, void 0, void 0, function* () { return rows; }), checkbox: true }), _jsx(NSBarAction, { title: '', menus: group }), _jsx(NSBoxEmail, { title: 'Email', required: true }), _jsx(NSBoxString, { title: 'String', required: true }), _jsx(NSRadioButton, { 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(NSEntityBar, { title: '', description: '', image: { src: "" } })
|
|
103
|
+
}, scope: "Namirasoft Account Console", logo: "exampleLogoUrl", notifications: [], background: "", children: [_jsxs(_Fragment, { children: [_jsx(NSTabPage, { tabs: tabs }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSPagination, { totalItems: 100, onPageChange: () => { } })] }), _jsx(NSTable, { ref: table, columns: getColumns(), getCell: getCell, getRowKey: row => row.id.toString(), getColumnAttributes: () => { return {}; }, totalItems: 0, getRows: () => __awaiter(this, void 0, void 0, function* () { return rows; }), checkbox: true }), _jsx(NSBarAction, { title: '', menus: group }), _jsx(NSBoxEmail, { title: 'Email', required: true }), _jsx(NSBoxString, { title: 'String', required: true }), _jsx(NSRadioButton, { 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(NSEntityBar, { title: '', description: '', image: { src: "" } })] }) }));
|
|
105
104
|
}
|
|
106
105
|
//# 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,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjM,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,9 +12,9 @@ import { Component, createRef } from 'react';
|
|
|
12
12
|
import Styles from './NSPageSelectionModal.module.css';
|
|
13
13
|
import { NSButtonBlue } from './NSButtonBlue';
|
|
14
14
|
import { NSBoxString } from './NSBoxString';
|
|
15
|
-
import { NSBoxBoolean } from './NSBoxBoolean';
|
|
16
15
|
import { NSSpace } from './NSSpace';
|
|
17
16
|
import { NSSpaceSizeType } from '../main';
|
|
17
|
+
import { NSRadioButton } from './NSRadioButton';
|
|
18
18
|
export class NSPageSelectionModal extends Component {
|
|
19
19
|
constructor(props) {
|
|
20
20
|
super(props);
|
|
@@ -68,10 +68,11 @@ export class NSPageSelectionModal extends Component {
|
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
render() {
|
|
71
|
+
var _a, _b;
|
|
71
72
|
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) => {
|
|
72
73
|
e.stopPropagation();
|
|
73
74
|
this.props.onClose();
|
|
74
|
-
}, 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(
|
|
75
|
+
}, 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(NSRadioButton, { defaultValue: true, ref: this.NSBoxBoolean_CurrentPage, title: "Current page", required: false, name: "PageSelection" }), _jsx(NSRadioButton, { ref: this.NSBoxBoolean_SelectedItems, title: "Only Selected Items", required: false, name: "PageSelection" }), _jsx(NSRadioButton, { ref: this.NSBoxBoolean_CustomPage, title: "Custom Pages", required: false, name: "PageSelection" }), _jsx(NSRadioButton, { ref: this.NSBoxBoolean_AllPage, title: "All Pages", required: false, name: "PageSelection" })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), (_b = ((_a = this.NSBoxBoolean_CustomPage.current) === null || _a === void 0 ? void 0 : _a.getValue()) == true) !== null && _b !== void 0 ? _b : _jsx(NSBoxString, { ref: this.NSBoxString_Pages, classList: [Styles.ns_w_box_string], required: false, title: "Custom Pages", getError: value => {
|
|
75
76
|
try {
|
|
76
77
|
this.parseCustomPage(value);
|
|
77
78
|
return null;
|
|
@@ -80,26 +81,26 @@ export class NSPageSelectionModal extends Component {
|
|
|
80
81
|
return error.message;
|
|
81
82
|
}
|
|
82
83
|
} }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSButtonBlue, { style: { width: "100%" }, title: 'Apply', onClick: () => __awaiter(this, void 0, void 0, function* () {
|
|
83
|
-
var
|
|
84
|
+
var _c, _d, _e, _f, _g, _h;
|
|
84
85
|
try {
|
|
85
86
|
let items = [];
|
|
86
|
-
if ((
|
|
87
|
+
if ((_c = this.NSBoxBoolean_CurrentPage.current) === null || _c === void 0 ? void 0 : _c.getValue()) {
|
|
87
88
|
let is = yield this.props.getItems(this.props.current_page, false);
|
|
88
89
|
items.push(...is);
|
|
89
90
|
}
|
|
90
|
-
else if ((
|
|
91
|
+
else if ((_d = this.NSBoxBoolean_SelectedItems.current) === null || _d === void 0 ? void 0 : _d.getValue()) {
|
|
91
92
|
let is = yield this.props.getItems(this.props.current_page, true);
|
|
92
93
|
items.push(...is);
|
|
93
94
|
}
|
|
94
|
-
else if ((
|
|
95
|
-
let pages_value = (
|
|
95
|
+
else if ((_e = this.NSBoxBoolean_CustomPage.current) === null || _e === void 0 ? void 0 : _e.getValue()) {
|
|
96
|
+
let pages_value = (_g = (_f = this.NSBoxString_Pages.current) === null || _f === void 0 ? void 0 : _f.getValue()) !== null && _g !== void 0 ? _g : "";
|
|
96
97
|
let pages = this.parseCustomPage(pages_value);
|
|
97
98
|
for (let p = 0; p < pages.length; p++) {
|
|
98
99
|
let is = yield this.props.getItems(pages[p], false);
|
|
99
100
|
items.push(...is);
|
|
100
101
|
}
|
|
101
102
|
}
|
|
102
|
-
else if ((
|
|
103
|
+
else if ((_h = this.NSBoxBoolean_AllPage.current) === null || _h === void 0 ? void 0 : _h.getValue()) {
|
|
103
104
|
for (let p = 1; p <= this.props.max_page; p++) {
|
|
104
105
|
let is = yield this.props.getItems(p, false);
|
|
105
106
|
items.push(...is);
|
|
@@ -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,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"NSPageSelectionModal.js","sourceRoot":"","sources":["../../src/components/NSPageSelectionModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,11 +11,13 @@ export class NSRadioButton extends React.Component {
|
|
|
11
11
|
this.getValue = this.getValue.bind(this);
|
|
12
12
|
this.setValue = this.setValue.bind(this);
|
|
13
13
|
this.onChanged = this.onChanged.bind(this);
|
|
14
|
+
this.onClicked = this.onClicked.bind(this);
|
|
14
15
|
}
|
|
15
16
|
getError() {
|
|
16
17
|
return null;
|
|
17
18
|
}
|
|
18
19
|
getValue() {
|
|
20
|
+
debugger;
|
|
19
21
|
let error = this.getError();
|
|
20
22
|
if (error) {
|
|
21
23
|
this.setState({ error });
|
|
@@ -24,17 +26,24 @@ export class NSRadioButton extends React.Component {
|
|
|
24
26
|
return this.state.value;
|
|
25
27
|
}
|
|
26
28
|
setValue(value) {
|
|
29
|
+
debugger;
|
|
27
30
|
this.setState({ value }, () => {
|
|
28
31
|
if (this.props.onChanged)
|
|
29
32
|
this.props.onChanged(this);
|
|
30
33
|
});
|
|
31
34
|
}
|
|
32
35
|
onChanged(e) {
|
|
36
|
+
e.stopPropagation();
|
|
33
37
|
this.setValue(e.target.checked);
|
|
34
38
|
}
|
|
39
|
+
onClicked() {
|
|
40
|
+
this.setValue(true);
|
|
41
|
+
if (this.props.onClicked)
|
|
42
|
+
this.props.onClicked(this);
|
|
43
|
+
}
|
|
35
44
|
render() {
|
|
36
45
|
var _a;
|
|
37
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, children: _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: this.onChanged
|
|
46
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { id: this.props.id, className: `${Styles.ns_input_parent} ${(_a = this.props.classList) === null || _a === void 0 ? void 0 : _a.join(" ")}`, style: this.props.style, onClick: this.onClicked, children: _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: this.onChanged }), _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: "" }) })] }));
|
|
38
47
|
}
|
|
39
48
|
}
|
|
40
49
|
//# sourceMappingURL=NSRadioButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSRadioButton.js","sourceRoot":"","sources":["../../src/components/NSRadioButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAIhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAiB1D,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAkD;IAEvF,YAAY,KAA0B;;QAElC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,EAAE,CAAC;QACpD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,QAAQ;QAEJ,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,IAAI,KAAK,EACT;YACI,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;SAC1B;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,QAAQ,CAAC,KAAc;QAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE;YAE1B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACP,CAAC;IACO,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IACQ,MAAM;;QAEX,OAAO,CACH,8BACI,
|
|
1
|
+
{"version":3,"file":"NSRadioButton.js","sourceRoot":"","sources":["../../src/components/NSRadioButton.tsx"],"names":[],"mappings":"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"}
|
package/dist/main.d.ts
CHANGED
|
@@ -52,7 +52,6 @@ export * from "./components/NSModal";
|
|
|
52
52
|
export * from "./components/NSPagination";
|
|
53
53
|
export * from "./components/NSPanel";
|
|
54
54
|
export * from "./components/NSPageSelectionModal";
|
|
55
|
-
export * from "./components/NSRadioGroup";
|
|
56
55
|
export * from "./components/NSSection";
|
|
57
56
|
export * from "./components/NSSectionBars";
|
|
58
57
|
export * from "./components/NSSectionCards";
|
package/dist/main.js
CHANGED
|
@@ -52,7 +52,6 @@ export * from "./components/NSModal";
|
|
|
52
52
|
export * from "./components/NSPagination";
|
|
53
53
|
export * from "./components/NSPanel";
|
|
54
54
|
export * from "./components/NSPageSelectionModal";
|
|
55
|
-
export * from "./components/NSRadioGroup";
|
|
56
55
|
export * from "./components/NSSection";
|
|
57
56
|
export * from "./components/NSSectionBars";
|
|
58
57
|
export * from "./components/NSSectionCards";
|
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,uBAAuB,CAAC;AACtC,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,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,+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,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,
|
|
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,uBAAuB,CAAC;AACtC,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,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,+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,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}
|
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -2,11 +2,10 @@ import './App.css';
|
|
|
2
2
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
3
3
|
import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSSpace, NSSpaceSizeType, NSTabPage, NSTable } from './main';
|
|
4
4
|
import { NSBoxLabel } from './components/NSBoxLabel';
|
|
5
|
-
import {NSRadioButton} from './components/NSRadioButton';
|
|
5
|
+
import { NSRadioButton } from './components/NSRadioButton';
|
|
6
6
|
import NSTag from './components/NSTag';
|
|
7
7
|
import NSButton from './components/NSButton';
|
|
8
8
|
import { useRef } from 'react';
|
|
9
|
-
import NSRadioGroup from './components/NSRadioGroup';
|
|
10
9
|
|
|
11
10
|
export interface INSBarActionState
|
|
12
11
|
{
|
|
@@ -147,7 +146,7 @@ export function App()
|
|
|
147
146
|
<NSBarAction title='' menus={group} />
|
|
148
147
|
<NSBoxEmail title='Email' required />
|
|
149
148
|
<NSBoxString title='String' required />
|
|
150
|
-
<NSRadioButton title={"Radio Button"} required={false}/>
|
|
149
|
+
<NSRadioButton title={"Radio Button"} required={false} />
|
|
151
150
|
<NSSpace size={NSSpaceSizeType.LARGE} />
|
|
152
151
|
<NSBoxBoolean defaultValue={true} title='' required />
|
|
153
152
|
<NSButton title='Clear Filters' onClick={() => window.location.reload()} style={{ width: "136px", border: "2px solid #001664" }} />
|
|
@@ -162,7 +161,6 @@ export function App()
|
|
|
162
161
|
<NSSpace size={NSSpaceSizeType.MEDUIM} />
|
|
163
162
|
<NSBoxBoolean title='CheckBox' required />
|
|
164
163
|
<NSEntityBar title='' description='' image={{ src: "" }} />
|
|
165
|
-
<NSRadioGroup title={"test"} data={[{ title: "test2", value: "" },{ title: "test3", value: "" }]} />
|
|
166
164
|
</NSLayout>
|
|
167
165
|
</>
|
|
168
166
|
);
|
|
@@ -2,9 +2,9 @@ import React, { Component, createRef } from 'react';
|
|
|
2
2
|
import Styles from './NSPageSelectionModal.module.css';
|
|
3
3
|
import { NSButtonBlue } from './NSButtonBlue';
|
|
4
4
|
import { NSBoxString } from './NSBoxString';
|
|
5
|
-
import { NSBoxBoolean } from './NSBoxBoolean';
|
|
6
5
|
import { NSSpace } from './NSSpace';
|
|
7
6
|
import { NSSpaceSizeType } from '../main';
|
|
7
|
+
import { NSRadioButton } from './NSRadioButton';
|
|
8
8
|
|
|
9
9
|
export interface NSPageSelectionModalProps<RowType>
|
|
10
10
|
{
|
|
@@ -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<NSRadioButton> = createRef();
|
|
26
|
+
private NSBoxBoolean_SelectedItems: React.RefObject<NSRadioButton> = createRef();
|
|
27
|
+
private NSBoxBoolean_CustomPage: React.RefObject<NSRadioButton> = createRef();
|
|
28
|
+
private NSBoxBoolean_AllPage: React.RefObject<NSRadioButton> = createRef();
|
|
29
29
|
private NSBoxString_Pages: React.RefObject<NSBoxString> = createRef();
|
|
30
30
|
|
|
31
31
|
constructor(props: NSPageSelectionModalProps<RowType>)
|
|
@@ -117,24 +117,26 @@ export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModa
|
|
|
117
117
|
<p className={Styles.ns_print_description}>Please select which pages you want to continue with</p>
|
|
118
118
|
<NSSpace size={NSSpaceSizeType.SMALL} />
|
|
119
119
|
<div className={Styles.ns_parent_checkboxs}>
|
|
120
|
-
<
|
|
121
|
-
<
|
|
122
|
-
<
|
|
123
|
-
<
|
|
120
|
+
<NSRadioButton defaultValue={true} ref={this.NSBoxBoolean_CurrentPage} title={"Current page"} required={false} name={"PageSelection"} />
|
|
121
|
+
<NSRadioButton ref={this.NSBoxBoolean_SelectedItems} title={"Only Selected Items"} required={false} name={"PageSelection"} />
|
|
122
|
+
<NSRadioButton ref={this.NSBoxBoolean_CustomPage} title={"Custom Pages"} required={false} name={"PageSelection"} />
|
|
123
|
+
<NSRadioButton ref={this.NSBoxBoolean_AllPage} title={"All Pages"} required={false} name={"PageSelection"} />
|
|
124
124
|
</div>
|
|
125
125
|
<NSSpace size={NSSpaceSizeType.MICRO} />
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
try
|
|
130
|
-
{
|
|
131
|
-
this.parseCustomPage(value);
|
|
132
|
-
return null;
|
|
133
|
-
} catch (error: any)
|
|
126
|
+
{this.NSBoxBoolean_CustomPage.current?.getValue() == true ??
|
|
127
|
+
<NSBoxString ref={this.NSBoxString_Pages} classList={[Styles.ns_w_box_string]} required={false} title="Custom Pages"
|
|
128
|
+
getError={value =>
|
|
134
129
|
{
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
130
|
+
try
|
|
131
|
+
{
|
|
132
|
+
this.parseCustomPage(value);
|
|
133
|
+
return null;
|
|
134
|
+
} catch (error: any)
|
|
135
|
+
{
|
|
136
|
+
return error.message;
|
|
137
|
+
}
|
|
138
|
+
}} />
|
|
139
|
+
}
|
|
138
140
|
<NSSpace size={NSSpaceSizeType.SMALL} />
|
|
139
141
|
<NSButtonBlue style={{ width: "100%" }} title='Apply' onClick={async () =>
|
|
140
142
|
{
|
|
@@ -31,6 +31,7 @@ export class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBo
|
|
|
31
31
|
this.getValue = this.getValue.bind(this);
|
|
32
32
|
this.setValue = this.setValue.bind(this);
|
|
33
33
|
this.onChanged = this.onChanged.bind(this);
|
|
34
|
+
this.onClicked = this.onClicked.bind(this);
|
|
34
35
|
}
|
|
35
36
|
getError(): string | null
|
|
36
37
|
{
|
|
@@ -38,6 +39,7 @@ export class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBo
|
|
|
38
39
|
}
|
|
39
40
|
getValue(): boolean
|
|
40
41
|
{
|
|
42
|
+
debugger
|
|
41
43
|
let error = this.getError();
|
|
42
44
|
if (error)
|
|
43
45
|
{
|
|
@@ -48,6 +50,7 @@ export class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBo
|
|
|
48
50
|
}
|
|
49
51
|
setValue(value: boolean): void
|
|
50
52
|
{
|
|
53
|
+
debugger
|
|
51
54
|
this.setState({ value }, () =>
|
|
52
55
|
{
|
|
53
56
|
if (this.props.onChanged)
|
|
@@ -56,26 +59,34 @@ export class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBo
|
|
|
56
59
|
}
|
|
57
60
|
private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
|
|
58
61
|
{
|
|
62
|
+
e.stopPropagation(); // Prevent the parent div's onClick from being triggered
|
|
59
63
|
this.setValue(e.target.checked);
|
|
60
64
|
}
|
|
65
|
+
private onClicked(): void
|
|
66
|
+
{
|
|
67
|
+
this.setValue(true);
|
|
68
|
+
if (this.props.onClicked)
|
|
69
|
+
this.props.onClicked(this);
|
|
70
|
+
}
|
|
61
71
|
override render()
|
|
62
72
|
{
|
|
63
73
|
return (
|
|
64
74
|
<>
|
|
65
|
-
<div
|
|
66
|
-
|
|
75
|
+
<div
|
|
76
|
+
id={this.props.id}
|
|
77
|
+
className={`${Styles.ns_input_parent} ${this.props.classList?.join(" ")}`}
|
|
78
|
+
style={this.props.style}
|
|
79
|
+
onClick={this.onClicked}
|
|
80
|
+
>
|
|
81
|
+
<div className={Styles.ns_checkbox_parent} >
|
|
67
82
|
<input
|
|
68
83
|
type="radio"
|
|
69
84
|
name={this.props.name}
|
|
70
85
|
className={Styles.ns_input}
|
|
71
86
|
checked={this.state.value}
|
|
72
87
|
onChange={this.onChanged}
|
|
73
|
-
onClick={() => this.props.onClicked}
|
|
74
88
|
/>
|
|
75
89
|
<span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
|
|
76
|
-
<label className="ns-font-16-normal" htmlFor={this.props.id}>
|
|
77
|
-
{this.props.name}
|
|
78
|
-
</label>
|
|
79
90
|
</div>
|
|
80
91
|
</div>
|
|
81
92
|
<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
|
package/src/main.ts
CHANGED
|
@@ -52,7 +52,6 @@ export * from "./components/NSModal";
|
|
|
52
52
|
export * from "./components/NSPagination";
|
|
53
53
|
export * from "./components/NSPanel";
|
|
54
54
|
export * from "./components/NSPageSelectionModal";
|
|
55
|
-
export * from "./components/NSRadioGroup";
|
|
56
55
|
export * from "./components/NSSection";
|
|
57
56
|
export * from "./components/NSSectionBars";
|
|
58
57
|
export * from "./components/NSSectionCards";
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import Styles from './NSRadioGroup.module.css';
|
|
4
|
-
import { NSRadioButton } from './NSRadioButton';
|
|
5
|
-
function NSRadioGroup(props) {
|
|
6
|
-
const [selectedValue, setSelectedValue,] = useState("option1");
|
|
7
|
-
const handleRadioChange = (value) => {
|
|
8
|
-
setSelectedValue(value);
|
|
9
|
-
};
|
|
10
|
-
return (_jsxs("div", { children: [_jsx("h2", { className: Styles.ns_heading, children: props.title }), _jsx("div", { className: Styles.container, children: _jsxs("div", { className: Styles.ns_radioGroup, children: [props.data.map(() => (_jsx(NSRadioButton, { title: "test", required: false }))), _jsxs("div", { className: Styles.ns_RadioGroup, children: [_jsx("input", { type: "radio", id: "option1", value: "option1", checked: selectedValue === "option1", onChange: () => handleRadioChange("option1") }), _jsx("label", { htmlFor: "option1", className: Styles.radioLabel, children: "First Item" })] }), _jsxs("div", { className: Styles.ns_RadioGroup, children: [_jsx("input", { type: "radio", id: "option2", value: "option2", checked: selectedValue ===
|
|
11
|
-
"option2", onChange: () => handleRadioChange("option2") }), _jsx("label", { htmlFor: "option2", className: Styles.radioLabel, children: "Second Item" })] })] }) })] }));
|
|
12
|
-
}
|
|
13
|
-
export default NSRadioGroup;
|
|
14
|
-
//# sourceMappingURL=NSRadioGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NSRadioGroup.js","sourceRoot":"","sources":["../../src/components/NSRadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOhD,SAAS,YAAY,CAAC,KAAyB;IAE3C,MAAM,CACF,aAAa,EACb,gBAAgB,EACnB,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAExB,MAAM,iBAAiB,GAAG,CACtB,KAAU,EACZ,EAAE;QAEA,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAGF,OAAO,CACH,0BACI,aAAI,SAAS,EAAE,MAAM,CAAC,UAAU,YAC3B,KAAK,CAAC,KAAK,GACX,EACL,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC5B,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAC/B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAClB,KAAC,aAAa,IAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAI,CACpD,CAAC,EAGF,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAChC,gBACI,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EACH,aAAa,KAAK,SAAS,EAE/B,QAAQ,EAAE,GAAG,EAAE,CACX,iBAAiB,CAAC,SAAS,CAAC,GAElC,EACF,gBACI,OAAO,EAAC,SAAS,EACjB,SAAS,EACL,MAAM,CAAC,UAAU,2BAIjB,IACN,EAEN,eACI,SAAS,EACL,MAAM,CAAC,aAAa,aAGxB,gBACI,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EACH,aAAa;wCACb,SAAS,EAEb,QAAQ,EAAE,GAAG,EAAE,CACX,iBAAiB,CACb,SAAS,CACZ,GAEP,EACF,gBACI,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,MAAM,CAAC,UAAU,4BAGxB,IACN,IAEJ,GACJ,IACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
.ns_heading {
|
|
2
|
-
color: #141B5C;
|
|
3
|
-
text-align: center;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.ns_radioGroup {
|
|
7
|
-
display: flex;
|
|
8
|
-
flex-direction: row;
|
|
9
|
-
align-items: center;
|
|
10
|
-
justify-content: space-between;
|
|
11
|
-
margin-top: 20px;
|
|
12
|
-
border-radius: 8px;
|
|
13
|
-
padding: 30px;
|
|
14
|
-
color: #141B5C;
|
|
15
|
-
flex-wrap: wrap;
|
|
16
|
-
gap: 24px;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.ns_radioButton {
|
|
20
|
-
display: flex;
|
|
21
|
-
flex-direction: row;
|
|
22
|
-
align-items: center;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.ns_radioLabel {
|
|
26
|
-
margin-left: 8px;
|
|
27
|
-
font-size: 17px;
|
|
28
|
-
color: #333;
|
|
29
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
.ns_heading {
|
|
2
|
-
color: #141B5C;
|
|
3
|
-
text-align: center;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.ns_radioGroup {
|
|
7
|
-
display: flex;
|
|
8
|
-
flex-direction: row;
|
|
9
|
-
align-items: center;
|
|
10
|
-
justify-content: space-between;
|
|
11
|
-
margin-top: 20px;
|
|
12
|
-
border-radius: 8px;
|
|
13
|
-
padding: 30px;
|
|
14
|
-
color: #141B5C;
|
|
15
|
-
flex-wrap: wrap;
|
|
16
|
-
gap: 24px;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.ns_radioButton {
|
|
20
|
-
display: flex;
|
|
21
|
-
flex-direction: row;
|
|
22
|
-
align-items: center;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.ns_radioLabel {
|
|
26
|
-
margin-left: 8px;
|
|
27
|
-
font-size: 17px;
|
|
28
|
-
color: #333;
|
|
29
|
-
}
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import { useState } from "react";
|
|
2
|
-
import Styles from './NSRadioGroup.module.css';
|
|
3
|
-
import { NSRadioButton } from './NSRadioButton';
|
|
4
|
-
|
|
5
|
-
export interface INSRadioGroupProps
|
|
6
|
-
{
|
|
7
|
-
title: any;
|
|
8
|
-
data: { title: string, value: string }[]
|
|
9
|
-
}
|
|
10
|
-
function NSRadioGroup(props: INSRadioGroupProps)
|
|
11
|
-
{
|
|
12
|
-
const [
|
|
13
|
-
selectedValue,
|
|
14
|
-
setSelectedValue,
|
|
15
|
-
] = useState("option1");
|
|
16
|
-
|
|
17
|
-
const handleRadioChange = (
|
|
18
|
-
value: any
|
|
19
|
-
) =>
|
|
20
|
-
{
|
|
21
|
-
setSelectedValue(value);
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
return (
|
|
26
|
-
<div>
|
|
27
|
-
<h2 className={Styles.ns_heading}>
|
|
28
|
-
{props.title}
|
|
29
|
-
</h2>
|
|
30
|
-
<div className={Styles.container}>
|
|
31
|
-
<div className={Styles.ns_radioGroup}>
|
|
32
|
-
{props.data.map(() => (
|
|
33
|
-
<NSRadioButton title={"test"} required={false} />
|
|
34
|
-
))}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
<div className={Styles.ns_RadioGroup}>
|
|
38
|
-
<input
|
|
39
|
-
type="radio"
|
|
40
|
-
id="option1"
|
|
41
|
-
value="option1"
|
|
42
|
-
checked={
|
|
43
|
-
selectedValue === "option1"
|
|
44
|
-
}
|
|
45
|
-
onChange={() =>
|
|
46
|
-
handleRadioChange("option1")
|
|
47
|
-
}
|
|
48
|
-
/>
|
|
49
|
-
<label
|
|
50
|
-
htmlFor="option1"
|
|
51
|
-
className={
|
|
52
|
-
Styles.radioLabel
|
|
53
|
-
}
|
|
54
|
-
>
|
|
55
|
-
First Item
|
|
56
|
-
</label>
|
|
57
|
-
</div>
|
|
58
|
-
|
|
59
|
-
<div
|
|
60
|
-
className={
|
|
61
|
-
Styles.ns_RadioGroup
|
|
62
|
-
}
|
|
63
|
-
>
|
|
64
|
-
<input
|
|
65
|
-
type="radio"
|
|
66
|
-
id="option2"
|
|
67
|
-
value="option2"
|
|
68
|
-
checked={
|
|
69
|
-
selectedValue ===
|
|
70
|
-
"option2"
|
|
71
|
-
}
|
|
72
|
-
onChange={() =>
|
|
73
|
-
handleRadioChange(
|
|
74
|
-
"option2"
|
|
75
|
-
)
|
|
76
|
-
}
|
|
77
|
-
/>
|
|
78
|
-
<label
|
|
79
|
-
htmlFor="option2"
|
|
80
|
-
className={Styles.radioLabel}
|
|
81
|
-
>
|
|
82
|
-
Second Item
|
|
83
|
-
</label>
|
|
84
|
-
</div>
|
|
85
|
-
|
|
86
|
-
</div>
|
|
87
|
-
</div>
|
|
88
|
-
</div>
|
|
89
|
-
);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
export default NSRadioGroup;
|