namirasoft-site-react 1.3.317 → 1.3.322

package/src/App.tsx

@@ -1,6 +1,6 @@
 import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
-import { NSBarAction, NSBoxBoolean, NSBoxEmail, NSBoxEnum, NSBoxSearch, NSBoxString, NSEntityBar, NSLayout, NSNoData, NSPagination, NSPrintModal, NSSpace, NSSpaceSizeType, NSTabPage, NSTable } from './main';
+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 NSTag from './components/NSTag';
@@ -140,7 +140,7 @@ export function App()
 					getRowKey={row => row.id.toString()}
 					getColumnAttributes={() => { return {} }}
 					totalItems={0}
-					reload={() => { return table.current?.setRows(rows) }}
+					getRows={async () => { return rows; }}
 					checkbox={true}
 				/>
 				<NSBarAction title='' menus={group} />
@@ -160,7 +160,6 @@ export function App()
 				</div>
 				<NSSpace size={NSSpaceSizeType.MEDUIM} />
 				<NSBoxBoolean title='CheckBox' required />
-				<NSPrintModal onClose={() => { }} />
 				<NSEntityBar title='' description='' image={{ src: "" }} />
 			</NSLayout>
 		</>

package/src/components/NSBoxEntity.tsx

@@ -106,10 +106,6 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
 		}).catch(() => { });
 	}
 	override render() {
-		if (this.state.items == null) {
-			// todo 
-			return <NSLoading></NSLoading>
-		}
 		return (
 			<>
 				<div id={this.props.id} className={`${Styles.ns_input_parent}`}>
@@ -122,13 +118,13 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
 						onClick={() => this.props.onClicked}
 						optionLabelProp="label"
 						options={this.state.items_string ?? []}
+						notFoundContent={this.state.items === null ? <NSLoading /> : null}
 						optionRender={(option) => (
 							<Space className={Styles.ns_input_select_option}>
 								{option.data.desc}
 							</Space>
 						)}
 						suffixIcon={<img src={IconSelectBox} alt="SelectBox Icon" />}
-						
 					/>
 					<NSBoxErrorNotifier error={this.state.error} clearError={() => this.setState({ error: "" })} />
 				</div>

package/{dist/components/NSPrintModal.module.css → src/components/NSPageSelectionModal.module.css}

@@ -1,14 +1,16 @@
 .ns_print_container {
-    /* position: absolute; */
     z-index: 1;
-    top: 30px;
-    transform: translate(0, 0);
-    right: 0;
+    top: 0%;
+    transform: translate(50%, 50%);
     background-color: rgba(255, 255, 255, 1);
     border-radius: 16px;
     border: 0.2px solid rgb(210, 210, 210);
     padding: 16px;
     max-width: 380px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
 }
 
 .ns_header_print {
@@ -19,6 +21,7 @@
     position: absolute;
     right: 0px;
     top: 0px;
+    cursor: pointer;
 }
 
 .ns_print_title {
@@ -79,4 +82,21 @@
     .ns_w_box_string input {
         width: 272px !important;
     }
+}
+
+.ns_toast_background {
+    width: 100vw;
+    height: 100vh;
+    background-color: #00000059;
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: default;
+}
+
+.ns_parent_modal {
+    /* position: relative; */
 }

package/src/components/NSPageSelectionModal.tsx

@@ -0,0 +1,164 @@
+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';
+
+export interface NSPageSelectionModalProps<RowType>
+{
+    current_page: number;
+    max_page: number;
+    onClose: () => void;
+    getItems: (page: number, selected: boolean) => Promise<RowType[]>;
+    onFinish: (items: RowType[]) => void;
+}
+
+interface NSPageSelectionModalState
+{
+}
+
+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 NSBoxString_Pages: React.RefObject<NSBoxString> = createRef();
+
+    constructor(props: NSPageSelectionModalProps<RowType>)
+    {
+        super(props);
+        this.state = {};
+        this.onClickOutside = this.onClickOutside.bind(this);
+    }
+
+    override componentDidMount(): void
+    {
+        document.addEventListener('mousedown', this.onClickOutside);
+    }
+
+    override componentWillUnmount(): void
+    {
+        document.removeEventListener('mousedown', this.onClickOutside);
+    }
+
+    private onClickOutside(event: MouseEvent)
+    {
+        if (this.toastRef.current && !this.toastRef.current.contains(event.target as Node))
+        {
+            this.props.onClose();
+        }
+    }
+    override render()
+    {
+        return (
+            <>
+                {
+                    <>
+                        <div className={Styles.ns_print_container} ref={this.toastRef}>
+                            <div className={Styles.ns_header_print}>
+                                <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}
+                                />
+                                <div className={Styles.ns_print_title}>
+                                    <img
+                                        src="https://static.namirasoft.com/image/concept/print/blue.svg"
+                                        alt="Print"
+                                        width={24}
+                                        height={24}
+                                    />
+                                    <h2 className='m-0'>Page Selection</h2>
+                                </div>
+                                <NSSpace size={NSSpaceSizeType.SMALL} />
+                                <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>
+                                <NSSpace size={NSSpaceSizeType.MICRO} />
+                                <NSBoxString ref={this.NSBoxString_Pages} classList={[Styles.ns_w_box_string]} required={false} title="Custom Pages" />
+                                <NSSpace size={NSSpaceSizeType.SMALL} />
+                                <NSButtonBlue style={{ width: "100%" }} title='Apply' onClick={async () =>
+                                {
+                                    let items: RowType[] = [];
+                                    if (this.NSBoxBoolean_CurrentPage.current?.getValue())
+                                    {
+                                        let is = await this.props.getItems(this.props.current_page, false);
+                                        items.push(...is);
+                                    }
+                                    else if (this.NSBoxBoolean_SelectedItems.current?.getValue())
+                                    {
+                                        let is = await this.props.getItems(this.props.current_page, true);
+                                        items.push(...is);
+                                    }
+                                    else if (this.NSBoxBoolean_CustomPage.current?.getValue())
+                                    {
+                                        let pages_value = this.NSBoxString_Pages.current?.getValue() ?? "";
+                                        let pages = pages_value.split(',').map(p => p.trim()).filter(p => p);
+                                        for (let i = 0; i < pages.length; i++)
+                                        {
+                                            const element = pages[i];
+                                            if (element.includes("-"))
+                                            {
+                                                let ps = element.split('-').map(p => p.trim());
+                                                if (ps.length == 2)
+                                                {
+                                                    let from = parseInt(ps[0]);
+                                                    let to = parseInt(ps[1]);
+                                                    for (let p = from; p <= to; p++)
+                                                    {
+                                                        let is = await this.props.getItems(p, false);
+                                                        items.push(...is);
+                                                    }
+                                                }
+                                                else
+                                                {
+                                                    // error
+                                                }
+                                            }
+                                            else
+                                            {
+                                                let p = parseInt(element);
+                                                let is = await this.props.getItems(p, false);
+                                                items.push(...is);
+                                            }
+                                        }
+                                    }
+                                    else if (this.NSBoxBoolean_AllPage.current?.getValue())
+                                    {
+                                        for (let p = 1; p <= this.props.max_page; p++)
+                                        {
+                                            let is = await this.props.getItems(p, false);
+                                            items.push(...is);
+                                        }
+                                    }
+                                    else
+                                    { }
+                                    this.props.onFinish(items);
+                                }} />
+                            </div>
+                        </div>
+                        <div className={Styles.ns_toast_background}></div>
+                    </>
+                }
+            </>
+        );
+    }
+}
+
+export default NSPageSelectionModal;

package/src/components/NSTabPage.module.css

@@ -38,7 +38,7 @@
     box-shadow: 0px 2px 2px 2px #141B5C;
 }
 
-.ns_tab_content {
+.ns_tab_content_column {
     padding: 16px;
     border-radius: 0 8px 8px 8px;
     background-color: #fff;
@@ -46,4 +46,13 @@
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     gap: 0;
     border-right: 1px solid #ccc;
+}
+
+.ns_tab_content_grid {
+    padding: 16px;
+    border-radius: 0 8px 8px 8px;
+    background-color: #fff;
+    display: grid;
+    gap: 0;
+    border-right: 1px solid #ccc;
 }

package/src/components/NSTabPage.tsx

@@ -12,6 +12,7 @@ export interface NSTabPageTab
 export interface NSTabPageProps extends IBaseComponentProps
 {
     tabs: NSTabPageTab[]
+    grid?: boolean;
 }
 
 export interface NSTabPageState
@@ -38,7 +39,7 @@ export function NSTabPage(props: NSTabPageProps)
                     ))
                 }
             </ul>
-            <div className={Styles.ns_tab_content}>
+            <div className={props.grid ? Styles.ns_tab_content_grid : Styles.ns_tab_content_column}>
                 {props.tabs[state.activeTabIndex].getContent()}
             </div>
         </div>

package/src/components/NSTable.tsx

@@ -8,6 +8,7 @@ import { Component } from 'react';
 import { IBaseComponentProps } from "../props/IBaseComponentProps";
 import React from "react";
 import { NSModal } from './NSModal';
+import { NSPageSelectionModal } from './NSPageSelectionModal';
 import { NSLoading } from './NSLoading';
 import { NSNoData } from './NSNoData';
 import { writeFile, utils } from 'xlsx';
@@ -17,7 +18,7 @@ export interface INSTableProps<RowType> extends IBaseComponentProps
 	columns: { [key: string]: string };
 	totalItems: number;
 	checkbox: boolean;
-	reload: (page: number, size: number) => void;
+	getRows: (page: number, size: number) => Promise<RowType[]>;
 	getRowKey: (row: RowType, rowIndex: number) => string;
 	getColumnAttributes?: (column: string, columnIndex: number) => { [key: string]: string };
 	getCell?: (row: RowType, column: string, rowIndex: number, columnIndex: number) => any;
@@ -37,6 +38,14 @@ interface NSTableState<RowType>
 	};
 	selectedIDs: string[];
 	indeterminate: boolean;
+	pageSelectionMode: PageSelectionMode;
+}
+
+enum PageSelectionMode
+{
+	Hidden = "Hidden",
+	Print = "Print",
+	CSV = "CSV"
 }
 
 export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableState<RowType>>
@@ -50,7 +59,8 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
 			rows: null,
 			model: { show: false },
 			selectedIDs: [],
-			indeterminate: false
+			indeterminate: false,
+			pageSelectionMode: PageSelectionMode.Hidden
 		};
 		this.setColumns = this.setColumns.bind(this);
 		this.setRows = this.setRows.bind(this);
@@ -60,8 +70,9 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
 		this.isSomeChecked = this.isSomeChecked.bind(this);
 		this.toggleAllCheckboxes = this.toggleAllCheckboxes.bind(this);
 		this.print = this.print.bind(this);
-		this.exportToExcel = this.exportToExcel.bind(this);
+		this.exportCSV = this.exportCSV.bind(this);
 		this.isAllChecked = this.isAllChecked.bind(this);
+		this.reload = this.reload.bind(this);
 	}
 
 	setColumns(columns: { [key: string]: string })
@@ -86,7 +97,14 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
 
 	private onPageChange(page: number, size: number) 
 	{
-		this.props.reload(page, size);
+		this.reload(page, size);
+	}
+	private reload(page: number, size: number)
+	{
+		this.props.getRows(page, size).then(rows =>
+		{
+			this.setRows(rows);
+		});
 	}
 
 	private toggleAllCheckboxes()
@@ -99,10 +117,10 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
 				selectedIDs.push(id);
 			})
 		this.setSelectedIDs(selectedIDs);
-		this.setState({ indeterminate: this.isSomeChecked() });
+		this.setState({ indeterminate: false });
 	}
 
-	print()
+	print(rows: RowType[])
 	{
 		const printWindow = window.open('', '', 'height=500,width=800');
 		printWindow!.document.write('<html><head><title>Print Table</title>');
@@ -119,7 +137,7 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
 		printWindow!.document.write('</tr></thead><tbody>');
 
 		// Add table rows
-		this.state.rows?.forEach(row =>
+		rows.forEach(row =>
 		{
 			printWindow!.document.write('<tr>');
 			Object.keys(this.state.columns).forEach(column =>
@@ -134,12 +152,12 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
 		printWindow!.document.close();
 		printWindow!.print();
 	}
-	exportToExcel()
+	exportCSV(rows: RowType[])
 	{
-		debugger
 		const worksheet = utils.json_to_sheet(this.state.rows || []);
 		const workbook = utils.book_new();
 		utils.book_append_sheet(workbook, worksheet, "Table Data");
+		console.log(rows.length); // todo
 		writeFile(workbook, "TableData.xlsx");
 	}
 	getSelectedIDs(): string[]
@@ -274,14 +292,48 @@ export class NSTable<RowType> extends Component<INSTableProps<RowType>, NSTableS
 					<NSPagination ref={this.NSPagination} totalItems={this.props.totalItems} onPageChange={this.onPageChange} />
 					<NSSpace size={NSSpaceSizeType.SMALL} />
 					<div className={Styles.ns_button}>
+						{
+							this.state.pageSelectionMode != PageSelectionMode.Hidden &&
+							<NSPageSelectionModal<RowType>
+								current_page={1}
+								max_page={1}
+								getItems={async (page, selected) =>
+								{
+									if (selected)
+									{
+										let rows: RowType[] = [];
+										if (this.state.rows)
+											for (let i = 0; i < this.state.rows.length; i++)
+											{
+												const row = this.state.rows[i];
+												let id = this.props.getRowKey(row, i);
+												if (this.state.selectedIDs.includes(id))
+													rows.push(row);
+											}
+										return rows;
+									}
+									return this.props.getRows(page, this.NSPagination.current?.getCurrentPage() ?? 0);
+								}}
+								onFinish={(items: RowType[]) =>
+								{
+									if (this.state.pageSelectionMode == PageSelectionMode.Print)
+										this.print(items);
+									else if (this.state.pageSelectionMode == PageSelectionMode.CSV)
+										this.exportCSV(items);
+								}}
+								onClose={() => { this.setState({ pageSelectionMode: PageSelectionMode.Hidden }); }
+								}
+							/>
+						}
 						<NSButton title='Chart' icon={{ src: "https://static.namirasoft.com/image/concept/chart/blue.svg" }} onClick={() => { }} style={{ border: '1px solid rgba(255, 148, 50, 1)', width: "128px" }} />
-						<NSButton title='Print' icon={{ src: "https://static.namirasoft.com/image/concept/print/blue.svg" }} onClick={this.print} style={{ border: '1px solid rgba(255, 148, 50, 1)', width: "128px" }} />
-						<NSButton title='Export' icon={{ src: "https://static.namirasoft.com/image/concept/export/blue.svg" }} onClick={this.exportToExcel} style={{ border: '1px solid rgba(255, 148, 50, 1)', width: "128px" }} />
+						<NSButton title='Print' icon={{ src: "https://static.namirasoft.com/image/concept/print/blue.svg" }} onClick={() => { this.setState({ pageSelectionMode: PageSelectionMode.Print }); }} style={{ border: '1px solid rgba(255, 148, 50, 1)', width: "128px" }} />
+						<NSButton title='Export' icon={{ src: "https://static.namirasoft.com/image/concept/export/blue.svg" }} onClick={() => { this.setState({ pageSelectionMode: PageSelectionMode.CSV }); }} style={{ border: '1px solid rgba(255, 148, 50, 1)', width: "128px" }} />
 						<NSButton title='Refresh' icon={{ src: "https://static.namirasoft.com/image/concept/refresh/blue.svg" }} onClick={() =>
 						{
 							if (this.NSPagination.current)
-								this.props.reload(this.NSPagination.current.getCurrentPage(), this.NSPagination.current.getPageSize());
+								this.reload(this.NSPagination.current.getCurrentPage(), this.NSPagination.current.getPageSize());
 						}} style={{ border: '1px solid rgba(3, 119, 255, 1)', width: "128px" }} />
+
 					</div>
 				</section>
 				<NSSpace size={NSSpaceSizeType.SMALL} />

package/src/main.ts

@@ -51,7 +51,7 @@ export * from "./components/NSNoData";
 export * from "./components/NSModal";
 export * from "./components/NSPagination";
 export * from "./components/NSPanel";
-export * from "./components/NSPrintModal";
+export * from "./components/NSPageSelectionModal";
 export * from "./components/NSRadioButton";
 export * from "./components/NSSection";
 export * from "./components/NSSectionBars";

package/tsconfig.json

@@ -32,8 +32,7 @@
     },
     "include": [
         "src",
-        "build/types/**/*.ts",
-        "src/components/NSAssistantButton.tsx"
+        "build/types/**/*.ts"
     ],
     "exclude": [
         "node_modules",

package/dist/components/NSPrintModal.d.ts

@@ -1,15 +0,0 @@
-import { Component } from 'react';
-export interface NSPrintModalProps {
-    onClose: () => void;
-}
-interface NSPrintModalState {
-}
-export declare class NSPrintModal extends Component<NSPrintModalProps, NSPrintModalState> {
-    private toastRef;
-    constructor(props: NSPrintModalProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private onClickOutside;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export default NSPrintModal;

package/dist/components/NSPrintModal.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Component, createRef } from 'react';
-import Styles from './NSPrintModal.module.css';
-import { NSButtonBlue } from './NSButtonBlue';
-import { NSBoxString } from './NSBoxString';
-import { NSBoxBoolean } from './NSBoxBoolean';
-import { NSSpace } from './NSSpace';
-import { NSSpaceSizeType } from '../main';
-export class NSPrintModal extends Component {
-    constructor(props) {
-        super(props);
-        this.toastRef = createRef();
-        this.state = { products: null, search: "" };
-        this.onClickOutside = this.onClickOutside.bind(this);
-    }
-    componentDidMount() {
-        document.addEventListener('mousedown', this.onClickOutside);
-    }
-    componentWillUnmount() {
-        document.removeEventListener('mousedown', this.onClickOutside);
-    }
-    onClickOutside(event) {
-        if (this.toastRef.current && !this.toastRef.current.contains(event.target)) {
-            this.props.onClose();
-        }
-    }
-    render() {
-        return (_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, { classList: [Styles.ns_w_box_boolean], title: "Current page", required: false }), _jsx(NSBoxBoolean, { classList: [Styles.ns_w_box_boolean], title: "Only Selected Items", required: false }), _jsx(NSBoxBoolean, { classList: [Styles.ns_w_box_boolean], title: "Custom Pages", required: false }), _jsx(NSBoxBoolean, { classList: [Styles.ns_w_box_boolean], title: "All Pages", required: false })] }), _jsx(NSSpace, { size: NSSpaceSizeType.MICRO }), _jsx(NSBoxString, { classList: [Styles.ns_w_box_string], required: false, title: "Page1" }), _jsx(NSSpace, { size: NSSpaceSizeType.SMALL }), _jsx(NSButtonBlue, { style: { width: "100%" }, title: 'Apply', onClick: () => { } })] }) }), _jsx("div", { className: Styles.ns_toast_background })] }));
-    }
-}
-export default NSPrintModal;
-//# sourceMappingURL=NSPrintModal.js.map

package/dist/components/NSPrintModal.js.map

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

package/src/components/NSPrintModal.tsx

@@ -1,99 +0,0 @@
-import React, { Component, createRef } from 'react';
-import Styles from './NSPrintModal.module.css';
-import { NSButtonBlue } from './NSButtonBlue';
-import { NSBoxString } from './NSBoxString';
-import { NSBoxBoolean } from './NSBoxBoolean';
-import { NSSpace } from './NSSpace';
-import {  NSSpaceSizeType } from '../main';
-// import { NamirasoftAPIProductServer, ProductFullRow } from 'namirasoft-api-product';
-// import CloseToast from '../assets/images/icon-close.png';
-// import { NSBoxSearch, NSLoading } from 'namirasoft-site-react';
-
-export interface NSPrintModalProps
-{
-    onClose: () => void;
-}
-
-interface NSPrintModalState
-{
-}
-
-export class NSPrintModal extends Component<NSPrintModalProps, NSPrintModalState>
-{
-    private toastRef: React.RefObject<HTMLDivElement>;
-
-    constructor(props: NSPrintModalProps)
-    {
-        super(props);
-        this.toastRef = createRef();
-        this.state = { products: null, search: "" };
-        this.onClickOutside = this.onClickOutside.bind(this);
-    }
-
-    override componentDidMount(): void
-    {
-        document.addEventListener('mousedown', this.onClickOutside);
-    }
-
-    override componentWillUnmount(): void
-    {
-        document.removeEventListener('mousedown', this.onClickOutside);
-    }
-
-    private onClickOutside(event: MouseEvent)
-    {
-        if (this.toastRef.current && !this.toastRef.current.contains(event.target as Node))
-        {
-            this.props.onClose();
-        }
-    }
-
-    override render()
-    {
-        return (
-            <>
-                <div className={Styles.ns_print_container} ref={this.toastRef}>
-                    <div className={Styles.ns_header_print}>
-                        <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}
-                        />
-                        <div className={Styles.ns_print_title}>
-                            <img
-                                src="https://static.namirasoft.com/image/concept/print/blue.svg"
-                                alt="Print"
-                                width={24}
-                                height={24}
-                            />
-                            <h2 className='m-0'>Page Selection</h2>
-                        </div>
-                        <NSSpace size={NSSpaceSizeType.SMALL}/>
-                        <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 classList={[Styles.ns_w_box_boolean]} title="Current page" required={false}/>
-                            <NSBoxBoolean classList={[Styles.ns_w_box_boolean]}  title="Only Selected Items" required={false}/>
-                            <NSBoxBoolean classList={[Styles.ns_w_box_boolean]}  title="Custom Pages" required={false}/>
-                            <NSBoxBoolean classList={[Styles.ns_w_box_boolean]}  title="All Pages" required={false}/>
-                        </div>
-                        <NSSpace size={NSSpaceSizeType.MICRO} />
-                        <NSBoxString classList={[Styles.ns_w_box_string]} required={false} title="Page1"/>
-                        <NSSpace size={NSSpaceSizeType.SMALL} />
-                        <NSButtonBlue style={{width:"100%"}} title='Apply' onClick={()=>{}}/>
-                    </div>
-                </div>
-                <div className={Styles.ns_toast_background}></div>
-            </>
-        );
-    }
-}
-
-export default NSPrintModal;