namirasoft-site-react 1.3.331 → 1.3.333

package/dist/App.js

@@ -16,7 +16,6 @@ import { NSRadioButton } from './components/NSRadioButton';
 import NSTag from './components/NSTag';
 import NSButton from './components/NSButton';
 import { useRef } from 'react';
-import NSRadioGroup from './components/NSRadioGroup';
 export function App() {
     const onClicked = () => {
         console.log("clicked");
@@ -101,6 +100,6 @@ export function App() {
     return (_jsx(_Fragment, { children: _jsxs(NSLayout, { header: {
                 title: "any",
                 icons: icons
-            }, 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: "" } }), _jsx(NSRadioGroup, { title: "test", data: [{ title: "test2", value: "" }, { title: "test3", value: "" }] })] }) }));
+            }, 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: "" } })] }) }));
 }
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
+{"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,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAS/B,MAAM,UAAU,GAAG;IAElB,MAAM,SAAS,GAAG,GAAG,EAAE;QAEtB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACvB,CAAC,CAAA;IACD,IAAI,KAAK,GAAG;QACX,EAAE,GAAG,EAAE,sEAAsE,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE;QAC7G,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;QAC3F,EAAE,GAAG,EAAE,8DAA8D,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE;KAC3F,CAAC;IACF,IAAI,QAAQ,GAAG,GAAG,EAAE,CAAC,8BACpB,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,EACpF,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,YAAC,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,+BAAoB,GAAa,IAClF,CAAC;IACJ,IAAI,QAAQ,GAAG,GAAG,EAAE,CAAC,6CAA2B,CAAC;IACjD,IAAI,QAAQ,GAAG,GAAG,EAAE,CAAC,6CAA2B,CAAC;IACjD,MAAM,IAAI,GAAG;QACZ,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE;QAC9C,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE;QAChD,EAAE,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,QAAQ,EAAE;KAClD,CAAC;IAEF,MAAM,UAAU,GAAG,GAA8B,EAAE;QAElD,OAAO;YACN,EAAE,EAAE,IAAI;YACR,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,SAAS;YAClB,EAAE,EAAE,IAAI;SACR,CAAC;IACH,CAAC,CAAC;IACF,IAAI,IAAI,GAAG;QACV;YACC,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,yCAAyC;SACjD;QACD;YACC,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,yCAAyC;SACjD;QACD;YACC,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,yCAAyC;SACjD;QACD;YACC,EAAE,EAAE,CAAC;YACL,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,yCAAyC;SACjD;KACD,CAAA;IACD,IAAI,KAAK,GAAQ;QAChB;YACC;gBACC,EAAE,EAAE,GAAG;gBACP,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;gBAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;gBACrB,SAAS,EAAE,GAAG;aACd,EAAE;gBACF,EAAE,EAAE,GAAG;gBACP,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;gBAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;gBACpB,SAAS,EAAE,GAAG;aACd;YACD;gBACC,EAAE,EAAE,GAAG;gBACP,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;gBAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;gBACpB,SAAS,EAAE,GAAG;aACd;SACD;KACD,CAAA;IACD,IAAI,KAAK,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACvC,SAAS,OAAO,CAAC,GAAQ,EAAE,MAAc;QAExC,IAAI,MAAM,KAAK,OAAO,EACtB;YACC,OAAO,8BACN,gBAAO,EAAE,EAAE,YAAY,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,GAAG,EAC9E,gBAAO,OAAO,EAAE,YAAY,GAAG,CAAC,EAAE,EAAE,GAAU,IAC5C,CAAA;SACH;aACD;YACC,OAAQ,GAAW,CAAC,MAAM,CAAC,CAAC;SAC5B;IACF,CAAC;IACD,OAAO,CACN,4BACC,MAAC,QAAQ,IACR,MAAM,EAAE;gBACP,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,KAAK;aACZ,EACD,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,gBAAgB,EACrB,aAAa,EAAE,EAAE,EACjB,UAAU,EAAC,EAAE,aAEb,8BACC,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,EACzB,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACxC,KAAC,YAAY,IAAC,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,GAAI,IACxD,EACH,KAAC,OAAO,IACP,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,UAAU,EAAE,EACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,EACnC,mBAAmB,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAA,CAAC,CAAC,EACxC,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,GAAS,EAAE,gDAAG,OAAO,IAAI,CAAC,CAAC,CAAC,CAAA,EACrC,QAAQ,EAAE,IAAI,GACb,EACF,KAAC,WAAW,IAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAE,KAAK,GAAI,EACtC,KAAC,UAAU,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,SAAG,EACrC,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,SAAG,EACvC,KAAC,aAAa,IAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,GAAI,EACzD,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,KAAK,GAAI,EACxC,KAAC,YAAY,IAAC,YAAY,EAAE,IAAI,EAAE,KAAK,EAAC,EAAE,EAAC,QAAQ,SAAG,EACtD,KAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAI,EACnI,KAAC,KAAK,KAAG,EACT,KAAC,QAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,eAAK,SAAS,EAAC,6BAA6B,aAC3C,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,SAAG,EACrC,KAAC,SAAS,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,QAAC,KAAK,EAAC,8BAA8B,EAAC,QAAQ,SAAG,EACjF,KAAC,UAAU,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,SAAG,EACpC,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,SAAG,IAChC,EACN,KAAC,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,GAAI,EACzC,KAAC,YAAY,IAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,SAAG,EAC1C,KAAC,WAAW,IAAC,KAAK,EAAC,EAAE,EAAC,WAAW,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAI,IACjD,GACT,CACH,CAAC;AACH,CAAC"}

package/dist/components/NSPageSelectionModal.d.ts

@@ -7,6 +7,7 @@ export interface NSPageSelectionModalProps<RowType> {
     onFinish: (items: RowType[]) => void;
 }
 interface NSPageSelectionModalState {
+    selectedRadio: string;
 }
 export declare class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModalProps<RowType>, NSPageSelectionModalState> {
     private toastRef;
@@ -20,6 +21,7 @@ export declare class NSPageSelectionModal<RowType> extends Component<NSPageSelec
     componentWillUnmount(): void;
     parseCustomPage(pages_value: string): number[];
     private onClickOutside;
+    private handleRadioChange;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export default NSPageSelectionModal;

package/dist/components/NSPageSelectionModal.js

@@ -12,9 +12,9 @@ import { Component, createRef } from 'react';
 import Styles from './NSPageSelectionModal.module.css';
 import { NSButtonBlue } from './NSButtonBlue';
 import { NSBoxString } from './NSBoxString';
-import { NSBoxBoolean } from './NSBoxBoolean';
 import { NSSpace } from './NSSpace';
 import { NSSpaceSizeType } from '../main';
+import { NSRadioButton } from './NSRadioButton';
 export class NSPageSelectionModal extends Component {
     constructor(props) {
         super(props);
@@ -24,8 +24,11 @@ export class NSPageSelectionModal extends Component {
         this.NSBoxBoolean_CustomPage = createRef();
         this.NSBoxBoolean_AllPage = createRef();
         this.NSBoxString_Pages = createRef();
-        this.state = {};
+        this.state = {
+            selectedRadio: 'current_page'
+        };
         this.onClickOutside = this.onClickOutside.bind(this);
+        this.handleRadioChange = this.handleRadioChange.bind(this);
     }
     componentDidMount() {
         document.addEventListener('mousedown', this.onClickOutside);
@@ -67,11 +70,14 @@ export class NSPageSelectionModal extends Component {
             this.props.onClose();
         }
     }
+    handleRadioChange(selectedRadio) {
+        this.setState({ selectedRadio });
+    }
     render() {
         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) => {
                                         e.stopPropagation();
                                         this.props.onClose();
-                                    }, 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(NSBoxBoolean, { ref: this.NSBoxBoolean_CurrentPage, classList: [Styles.ns_w_box_boolean], title: "Current page", required: false }), _jsx(NSBoxBoolean, { ref: this.NSBoxBoolean_SelectedItems, classList: [Styles.ns_w_box_boolean], title: "Only Selected Items", required: false }), _jsx(NSBoxBoolean, { ref: this.NSBoxBoolean_CustomPage, classList: [Styles.ns_w_box_boolean], title: "Custom Pages", required: false }), _jsx(NSBoxBoolean, { ref: this.NSBoxBoolean_AllPage, classList: [Styles.ns_w_box_boolean], title: "All Pages", required: false })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), _jsx(NSBoxString, { ref: this.NSBoxString_Pages, classList: [Styles.ns_w_box_string], required: false, title: "Custom Pages", getError: value => {
+                                    }, 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", isSelected: this.state.selectedRadio === 'current_page', onClick: () => this.handleRadioChange('current_page') }), _jsx(NSRadioButton, { ref: this.NSBoxBoolean_SelectedItems, title: "Only Selected Items", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'selected_items', onClick: () => this.handleRadioChange('selected_items') }), _jsx(NSRadioButton, { ref: this.NSBoxBoolean_CustomPage, title: "Custom Pages", required: false, name: "PageSelection", isSelected: this.state.selectedRadio === 'custom_page', onClick: () => this.handleRadioChange('custom_page') }), _jsx(NSRadioButton, { 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 => {
                                         try {
                                             this.parseCustomPage(value);
                                             return null;
@@ -79,7 +85,7 @@ export class NSPageSelectionModal extends Component {
                                         catch (error) {
                                             return error.message;
                                         }
-                                    } }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSButtonBlue, { style: { width: "100%" }, title: 'Apply', onClick: () => __awaiter(this, void 0, void 0, function* () {
+                                    } })), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSButtonBlue, { style: { width: "100%" }, title: 'Apply', onClick: () => __awaiter(this, void 0, void 0, function* () {
                                         var _a, _b, _c, _d, _e, _f;
                                         try {
                                             let items = [];

package/dist/components/NSPageSelectionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSPageSelectionModal.js","sourceRoot":"","sources":["../../src/components/NSPageSelectionModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NSPageSelectionModal.js","sourceRoot":"","sources":["../../src/components/NSPageSelectionModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSRadioButton.d.ts

@@ -6,18 +6,20 @@ export interface INSRadioButtonProps extends IBaseComponentProps, IValidationPro
     title: string;
     placeholder?: string;
     defaultValue?: boolean;
+    isSelected?: boolean;
     onChanged?: (e: NSRadioButton) => void;
-    onClicked?: (e: NSRadioButton) => void;
+    onClick?: () => void;
 }
-export interface INSBoxBooelanState {
+export interface INSBoxBooleanState {
     value: boolean;
     error?: string;
 }
-export declare class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBooelanState> {
+export declare class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBooleanState> {
     constructor(props: INSRadioButtonProps);
     getError(): string | null;
     getValue(): boolean;
     setValue(value: boolean): void;
-    private onChanged;
+    private onClicked;
+    componentDidUpdate(prevProps: INSRadioButtonProps): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/NSRadioButton.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import Styles from "./NSRadioButton.module.css";
@@ -10,7 +9,7 @@ export class NSRadioButton extends React.Component {
         this.state = { value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : false };
         this.getValue = this.getValue.bind(this);
         this.setValue = this.setValue.bind(this);
-        this.onChanged = this.onChanged.bind(this);
+        this.onClicked = this.onClicked.bind(this);
     }
     getError() {
         return null;
@@ -29,12 +28,20 @@ export class NSRadioButton extends React.Component {
                 this.props.onChanged(this);
         });
     }
-    onChanged(e) {
-        this.setValue(e.target.checked);
+    onClicked() {
+        this.setValue(true);
+        if (this.props.onClick)
+            this.props.onClick();
+    }
+    componentDidUpdate(prevProps) {
+        var _a;
+        if (prevProps.isSelected !== this.props.isSelected) {
+            this.setValue((_a = this.props.isSelected) !== null && _a !== void 0 ? _a : false);
+        }
     }
     render() {
         var _a;
-        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, onClick: () => this.props.onClicked }), _jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx("label", { className: "ns-font-16-normal", htmlFor: this.props.id, children: this.props.name })] }) }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }));
+        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: "" }) })] }));
     }
 }
 //# sourceMappingURL=NSRadioButton.js.map

package/dist/components/NSRadioButton.js.map

@@ -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,cAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,IAAI,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,YACtH,eAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,aACrC,gBACI,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACzB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GACrC,EACF,gBAAM,SAAS,EAAE,MAAM,CAAC,cAAc,kBAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAW,OAAG,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,EACrI,gBAAO,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,YACtD,IAAI,CAAC,KAAK,CAAC,IAAI,GACZ,IACN,GACJ,EACN,KAAC,kBAAkB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAI,IAChG,CACN,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSRadioButton.js","sourceRoot":"","sources":["../../src/components/NSRadioButton.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSRadioButton.module.css

@@ -30,8 +30,8 @@
 }
 
 .ns_input {
-    width: 24px;
-    height: 24px;
+    width: 32px;
+    height: 32px;
     cursor: pointer;
 }
 
@@ -51,4 +51,12 @@
     .ns_checkbox_parent {
         width: 272px;
     }
+}
+
+.ns_input_transparent {
+    position: absolute;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    background: transparent;
 }

package/dist/main.d.ts

@@ -52,7 +52,6 @@ export * from "./components/NSModal";
 export * from "./components/NSPagination";
 export * from "./components/NSPanel";
 export * from "./components/NSPageSelectionModal";
-export * from "./components/NSRadioGroup";
 export * from "./components/NSSection";
 export * from "./components/NSSectionBars";
 export * from "./components/NSSectionCards";

package/dist/main.js

@@ -52,7 +52,6 @@ export * from "./components/NSModal";
 export * from "./components/NSPagination";
 export * from "./components/NSPanel";
 export * from "./components/NSPageSelectionModal";
-export * from "./components/NSRadioGroup";
 export * from "./components/NSSection";
 export * from "./components/NSSectionBars";
 export * from "./components/NSSectionCards";

package/dist/main.js.map

@@ -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,2BAA2B,CAAC;AAC1C,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"}
+{"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

@@ -8,7 +8,7 @@
     "framework": "npm",
     "application": "package",
     "private": false,
-    "version": "1.3.331",
+    "version": "1.3.333",
     "author": "Amir Abolhasani, Alireza Esmaeeli, Sepideh Mazloumi, Hooman Shashaeh",
     "license": "MIT",
     "main": "./dist/main.js",

package/src/App.tsx

@@ -2,11 +2,10 @@ import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSSpace, NSSpaceSizeType, NSTabPage, NSTable } from './main';
 import { NSBoxLabel } from './components/NSBoxLabel';
-import {NSRadioButton} from './components/NSRadioButton';
+import { NSRadioButton } from './components/NSRadioButton';
 import NSTag from './components/NSTag';
 import NSButton from './components/NSButton';
 import { useRef } from 'react';
-import NSRadioGroup from './components/NSRadioGroup';
 
 export interface INSBarActionState
 {
@@ -147,7 +146,7 @@ export function App()
 				<NSBarAction title='' menus={group} />
 				<NSBoxEmail title='Email' required />
 				<NSBoxString title='String' required />
-				<NSRadioButton title={"Radio Button"} required={false}/>
+				<NSRadioButton title={"Radio Button"} required={false} />
 				<NSSpace size={NSSpaceSizeType.LARGE} />
 				<NSBoxBoolean defaultValue={true} title='' required />
 				<NSButton title='Clear Filters' onClick={() => window.location.reload()} style={{ width: "136px", border: "2px solid #001664" }} />
@@ -162,7 +161,6 @@ export function App()
 				<NSSpace size={NSSpaceSizeType.MEDUIM} />
 				<NSBoxBoolean title='CheckBox' required />
 				<NSEntityBar title='' description='' image={{ src: "" }} />
-				<NSRadioGroup title={"test"} data={[{ title: "test2", value: "" },{ title: "test3", value: "" }]} />
 			</NSLayout>
 		</>
 	);

package/src/components/NSPageSelectionModal.tsx

@@ -2,9 +2,9 @@ import React, { Component, createRef } from 'react';
 import Styles from './NSPageSelectionModal.module.css';
 import { NSButtonBlue } from './NSButtonBlue';
 import { NSBoxString } from './NSBoxString';
-import { NSBoxBoolean } from './NSBoxBoolean';
 import { NSSpace } from './NSSpace';
 import { NSSpaceSizeType } from '../main';
+import { NSRadioButton } from './NSRadioButton';
 
 export interface NSPageSelectionModalProps<RowType>
 {
@@ -17,22 +17,26 @@ export interface NSPageSelectionModalProps<RowType>
 
 interface NSPageSelectionModalState
 {
+    selectedRadio: string;
 }
 
 export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModalProps<RowType>, NSPageSelectionModalState>
 {
     private toastRef: React.RefObject<HTMLDivElement> = createRef();
-    private NSBoxBoolean_CurrentPage: React.RefObject<NSBoxBoolean> = createRef();
-    private NSBoxBoolean_SelectedItems: React.RefObject<NSBoxBoolean> = createRef();
-    private NSBoxBoolean_CustomPage: React.RefObject<NSBoxBoolean> = createRef();
-    private NSBoxBoolean_AllPage: React.RefObject<NSBoxBoolean> = createRef();
+    private NSBoxBoolean_CurrentPage: React.RefObject<NSRadioButton> = createRef();
+    private NSBoxBoolean_SelectedItems: React.RefObject<NSRadioButton> = createRef();
+    private NSBoxBoolean_CustomPage: React.RefObject<NSRadioButton> = createRef();
+    private NSBoxBoolean_AllPage: React.RefObject<NSRadioButton> = createRef();
     private NSBoxString_Pages: React.RefObject<NSBoxString> = createRef();
 
     constructor(props: NSPageSelectionModalProps<RowType>)
     {
         super(props);
-        this.state = {};
+        this.state = {
+            selectedRadio: 'current_page'
+        };
         this.onClickOutside = this.onClickOutside.bind(this);
+        this.handleRadioChange = this.handleRadioChange.bind(this);
     }
     override componentDidMount(): void
     {
@@ -84,6 +88,10 @@ export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModa
             this.props.onClose();
         }
     }
+    private handleRadioChange(selectedRadio: string)
+    {
+        this.setState({ selectedRadio });
+    }
     override render()
     {
         return (
@@ -117,12 +125,41 @@ export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModa
                                 <p className={Styles.ns_print_description}>Please select which pages you want to continue with</p>
                                 <NSSpace size={NSSpaceSizeType.SMALL} />
                                 <div className={Styles.ns_parent_checkboxs}>
-                                    <NSBoxBoolean ref={this.NSBoxBoolean_CurrentPage} classList={[Styles.ns_w_box_boolean]} title="Current page" required={false} />
-                                    <NSBoxBoolean ref={this.NSBoxBoolean_SelectedItems} classList={[Styles.ns_w_box_boolean]} title="Only Selected Items" required={false} />
-                                    <NSBoxBoolean ref={this.NSBoxBoolean_CustomPage} classList={[Styles.ns_w_box_boolean]} title="Custom Pages" required={false} />
-                                    <NSBoxBoolean ref={this.NSBoxBoolean_AllPage} classList={[Styles.ns_w_box_boolean]} title="All Pages" required={false} />
-                                </div>
+                                    <NSRadioButton
+                                        defaultValue={true}
+                                        ref={this.NSBoxBoolean_CurrentPage}
+                                        title={"Current page"}
+                                        required={false}
+                                        name={"PageSelection"}
+                                        isSelected={this.state.selectedRadio === 'current_page'}
+                                        onClick={() => this.handleRadioChange('current_page')}
+                                    />
+                                    <NSRadioButton
+                                        ref={this.NSBoxBoolean_SelectedItems}
+                                        title={"Only Selected Items"}
+                                        required={false}
+                                        name={"PageSelection"}
+                                        isSelected={this.state.selectedRadio === 'selected_items'}
+                                        onClick={() => this.handleRadioChange('selected_items')}
+                                    />
+                                    <NSRadioButton
+                                        ref={this.NSBoxBoolean_CustomPage}
+                                        title={"Custom Pages"}
+                                        required={false}
+                                        name={"PageSelection"}
+                                        isSelected={this.state.selectedRadio === 'custom_page'}
+                                        onClick={() => this.handleRadioChange('custom_page')}
+                                    />
+                                    <NSRadioButton
+                                        ref={this.NSBoxBoolean_AllPage}
+                                        title={"All Pages"}
+                                        required={false}
+                                        name={"PageSelection"}
+                                        isSelected={this.state.selectedRadio === 'all_page'}
+                                        onClick={() => this.handleRadioChange('all_page')}
+                                    />                                </div>
                                 <NSSpace size={NSSpaceSizeType.MICRO} />
+                                {this.state.selectedRadio === 'custom_page' && (
                                 <NSBoxString ref={this.NSBoxString_Pages} classList={[Styles.ns_w_box_string]} required={false} title="Custom Pages"
                                     getError={value =>
                                     {
@@ -135,6 +172,7 @@ export class NSPageSelectionModal<RowType> extends Component<NSPageSelectionModa
                                             return error.message;
                                         }
                                     }} />
+                                )}
                                 <NSSpace size={NSSpaceSizeType.SMALL} />
                                 <NSButtonBlue style={{ width: "100%" }} title='Apply' onClick={async () =>
                                 {

package/src/components/NSRadioButton.module.css

@@ -30,8 +30,8 @@
 }
 
 .ns_input {
-    width: 24px;
-    height: 24px;
+    width: 32px;
+    height: 32px;
     cursor: pointer;
 }
 
@@ -51,4 +51,12 @@
     .ns_checkbox_parent {
         width: 272px;
     }
+}
+
+.ns_input_transparent {
+    position: absolute;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    background: transparent;
 }

package/src/components/NSRadioButton.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import React from "react";
 import Styles from "./NSRadioButton.module.css";
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
@@ -12,30 +10,32 @@ export interface INSRadioButtonProps extends IBaseComponentProps, IValidationPro
     title: string;
     placeholder?: string;
     defaultValue?: boolean;
+    isSelected?: boolean;
     onChanged?: (e: NSRadioButton) => void;
-    onClicked?: (e: NSRadioButton) => void;
+    onClick?: () => void;
 }
 
-export interface INSBoxBooelanState
+export interface INSBoxBooleanState
 {
     value: boolean;
     error?: string;
 }
 
-export class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBooelanState>
-{
+export class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBooleanState> {
     constructor(props: INSRadioButtonProps)
     {
         super(props);
         this.state = { value: props.defaultValue ?? false };
         this.getValue = this.getValue.bind(this);
         this.setValue = this.setValue.bind(this);
-        this.onChanged = this.onChanged.bind(this);
+        this.onClicked = this.onClicked.bind(this);
     }
+
     getError(): string | null
     {
         return null;
     }
+
     getValue(): boolean
     {
         let error = this.getError();
@@ -46,6 +46,7 @@ export class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBo
         }
         return this.state.value;
     }
+
     setValue(value: boolean): void
     {
         this.setState({ value }, () =>
@@ -54,28 +55,43 @@ export class NSRadioButton extends React.Component<INSRadioButtonProps, INSBoxBo
                 this.props.onChanged(this);
         });
     }
-    private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
+
+    private onClicked(): void
+    {
+        this.setValue(true);
+        if (this.props.onClick)
+            this.props.onClick();
+    }
+
+    override componentDidUpdate(prevProps: INSRadioButtonProps)
     {
-        this.setValue(e.target.checked);
+        if (prevProps.isSelected !== this.props.isSelected)
+        {
+            this.setValue(this.props.isSelected ?? false);
+        }
     }
+
     override render()
     {
         return (
             <>
-                <div id={this.props.id} className={`${Styles.ns_input_parent} ${this.props.classList?.join(" ")}`} style={this.props.style}>
-                    <div className={Styles.ns_checkbox_parent}  >
+                <div
+                    id={this.props.id}
+                    className={`${Styles.ns_input_parent} ${this.props.classList?.join(" ")}`}
+                    style={this.props.style}
+                >
+                    <div className={Styles.ns_input_transparent} onClick={this.onClicked}></div>
+                    <div className={Styles.ns_checkbox_parent} >
                         <input
                             type="radio"
                             name={this.props.name}
                             className={Styles.ns_input}
                             checked={this.state.value}
-                            onChange={this.onChanged}
-                            onClick={() => this.props.onClicked}
+                            onChange={() => { }} 
                         />
-                        <span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
-                        <label className="ns-font-16-normal" htmlFor={this.props.id}>
-                            {this.props.name}
-                        </label>
+                        <span className={Styles.ns_input_title}>
+                            {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title}
+                        </span>
                     </div>
                 </div>
                 <NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />

package/src/main.ts

@@ -52,7 +52,6 @@ export * from "./components/NSModal";
 export * from "./components/NSPagination";
 export * from "./components/NSPanel";
 export * from "./components/NSPageSelectionModal";
-export * from "./components/NSRadioGroup";
 export * from "./components/NSSection";
 export * from "./components/NSSectionBars";
 export * from "./components/NSSectionCards";

package/dist/components/NSRadioGroup.d.ts

@@ -1,9 +0,0 @@
-export interface INSRadioGroupProps {
-    title: any;
-    data: {
-        title: string;
-        value: string;
-    }[];
-}
-declare function NSRadioGroup(props: INSRadioGroupProps): import("react/jsx-runtime").JSX.Element;
-export default NSRadioGroup;

package/dist/components/NSRadioGroup.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import Styles from './NSRadioGroup.module.css';
-import { NSRadioButton } from './NSRadioButton';
-function NSRadioGroup(props) {
-    const [selectedValue, setSelectedValue,] = useState("option1");
-    const handleRadioChange = (value) => {
-        setSelectedValue(value);
-    };
-    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 ===
-                                        "option2", onChange: () => handleRadioChange("option2") }), _jsx("label", { htmlFor: "option2", className: Styles.radioLabel, children: "Second Item" })] })] }) })] }));
-}
-export default NSRadioGroup;
-//# sourceMappingURL=NSRadioGroup.js.map

package/dist/components/NSRadioGroup.js.map

@@ -1 +0,0 @@
-{"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"}

package/dist/components/NSRadioGroup.module.css

@@ -1,29 +0,0 @@
-.ns_heading {
-    color: #141B5C;
-    text-align: center;
-}
-
-.ns_radioGroup {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    margin-top: 20px;
-    border-radius: 8px;
-    padding: 30px;
-    color: #141B5C;
-    flex-wrap: wrap;
-    gap: 24px;
-}
-
-.ns_radioButton {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-}
-
-.ns_radioLabel {
-    margin-left: 8px;
-    font-size: 17px;
-    color: #333;
-}

package/src/components/NSRadioGroup.module.css

@@ -1,29 +0,0 @@
-.ns_heading {
-    color: #141B5C;
-    text-align: center;
-}
-
-.ns_radioGroup {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    margin-top: 20px;
-    border-radius: 8px;
-    padding: 30px;
-    color: #141B5C;
-    flex-wrap: wrap;
-    gap: 24px;
-}
-
-.ns_radioButton {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-}
-
-.ns_radioLabel {
-    margin-left: 8px;
-    font-size: 17px;
-    color: #333;
-}

package/src/components/NSRadioGroup.tsx

@@ -1,92 +0,0 @@
-import { useState } from "react";
-import Styles from './NSRadioGroup.module.css';
-import { NSRadioButton } from './NSRadioButton';
-
-export interface INSRadioGroupProps
-{
-    title: any;
-    data: { title: string, value: string }[]
-}
-function NSRadioGroup(props: INSRadioGroupProps)
-{
-    const [
-        selectedValue,
-        setSelectedValue,
-    ] = useState("option1");
-
-    const handleRadioChange = (
-        value: any
-    ) =>
-    {
-        setSelectedValue(value);
-    };
-
-
-    return (
-        <div>
-            <h2 className={Styles.ns_heading}>
-                {props.title}
-            </h2>
-            <div className={Styles.container}>
-                <div className={Styles.ns_radioGroup}>
-                    {props.data.map(() => (
-                        <NSRadioButton title={"test"} required={false} />
-                    ))}
-
-
-                    <div className={Styles.ns_RadioGroup}>
-                        <input
-                            type="radio"
-                            id="option1"
-                            value="option1"
-                            checked={
-                                selectedValue === "option1"
-                            }
-                            onChange={() =>
-                                handleRadioChange("option1")
-                            }
-                        />
-                        <label
-                            htmlFor="option1"
-                            className={
-                                Styles.radioLabel
-                            }
-                        >
-                            First Item
-                        </label>
-                    </div>
-
-                    <div
-                        className={
-                            Styles.ns_RadioGroup
-                        }
-                    >
-                        <input
-                            type="radio"
-                            id="option2"
-                            value="option2"
-                            checked={
-                                selectedValue ===
-                                "option2"
-                            }
-                            onChange={() =>
-                                handleRadioChange(
-                                    "option2"
-                                )
-                            }
-                        />
-                        <label
-                            htmlFor="option2"
-                            className={Styles.radioLabel}
-                        >
-                            Second Item
-                        </label>
-                    </div>
-
-                </div>
-            </div>
-        </div>
-    );
-}
-
-export default NSRadioGroup;