namirasoft-site-react 1.3.370 → 1.3.372

package/dist/components/NSPageSelectionModal.module.css

@@ -1,103 +1,103 @@
-.ns_print_container {
-    z-index: 1;
-    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: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 3;
-}
-
-.ns_header_print {
-    position: relative;
-}
-
-.ns_close_icon {
-    position: absolute;
-    right: 0px;
-    top: 0px;
-    cursor: pointer;
-}
-
-.ns_print_title {
-    display: flex;
-    gap: 8px;
-    color: #141B5C;
-    justify-content: center;
-    margin: 0;
-    align-items: center;
-}
-
-.ns_print_description {
-    color: #141B5C;
-    margin: 0;
-}
-
-.ns_parent_checkboxs {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    gap: 8px;
-}
-
-.ns_w_box_boolean div {
-    width: 100% !important;
-}
-
-.ns_w_box_boolean {
-    width: 100% !important;
-}
-
-.ns_w_box_string {
-    width: 100% !important;
-}
-
-.ns_w_box_string input {
-    width: 100% !important;
-    max-width: 100% !important;
-}
-
-@media only screen and (min-width: 768px) {
-    .ns_print_container {
-        max-width: 590px;
-    }
-
-    .ns_w_box_boolean div {
-        width: 272px !important;
-    }
-
-    .ns_w_box_boolean {
-        width: 272px !important;
-    }
-
-    .ns_w_box_string {
-        width: 272px !important;
-    }
-
-    .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; */
+.ns_print_container {
+    z-index: 1;
+    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: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 3;
+}
+
+.ns_header_print {
+    position: relative;
+}
+
+.ns_close_icon {
+    position: absolute;
+    right: 0px;
+    top: 0px;
+    cursor: pointer;
+}
+
+.ns_print_title {
+    display: flex;
+    gap: 8px;
+    color: #141B5C;
+    justify-content: center;
+    margin: 0;
+    align-items: center;
+}
+
+.ns_print_description {
+    color: #141B5C;
+    margin: 0;
+}
+
+.ns_parent_checkboxs {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    gap: 8px;
+}
+
+.ns_w_box_boolean div {
+    width: 100% !important;
+}
+
+.ns_w_box_boolean {
+    width: 100% !important;
+}
+
+.ns_w_box_string {
+    width: 100% !important;
+}
+
+.ns_w_box_string input {
+    width: 100% !important;
+    max-width: 100% !important;
+}
+
+@media only screen and (min-width: 768px) {
+    .ns_print_container {
+        max-width: 590px;
+    }
+
+    .ns_w_box_boolean div {
+        width: 272px !important;
+    }
+
+    .ns_w_box_boolean {
+        width: 272px !important;
+    }
+
+    .ns_w_box_string {
+        width: 272px !important;
+    }
+
+    .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/dist/components/NSPagination.module.css

@@ -1,102 +1,102 @@
-.ns_pagination_container {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	text-align: left;
-	font-size: 14px;
-	justify-items: center;
-	width: 100%;
-	max-width: max-content;
-}
-
-.ns_select_number_parent {
-	font-weight: 500;
-	border-radius: 50px;
-	height: 32px;
-	width: 32px;
-	text-align: center;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.ns_paginate_link {
-	color: rgba(20, 27, 92, 1);
-	text-decoration: none;
-	font-size: 14px;
-	font-weight: 600;
-	line-height: 22px;
-	font-family: inherit;
-}
-
-.ns_select_number {
-	color: rgba(20, 27, 92, 1);
-	font-weight: 500;
-	background-color: rgb(255, 255, 255);
-	border: 2px solid rgba(20, 27, 92, 1);
-	border-radius: 50px;
-	border-radius: 50px;
-	height: 32px;
-	width: 32px;
-	text-align: center;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-
-.ns_pagination_left_ellipses {
-	padding-bottom: 10px;
-}
-
-.ns_pagination_left_ellipses a {
-	color: rgba(20, 27, 92, 1);
-	font-size: 24px;
-	font-weight: 700;
-}
-
-.ns_pagination_right_ellipses {
-	padding-bottom: 10px;
-}
-
-.ns_pagination_right_ellipses a {
-	color: rgba(20, 27, 92, 1);
-	font-size: 24px;
-	font-weight: 700;
-}
-
-.ns_pagination_info {
-	margin-left: 12px;
-	width: fit-content;
-	min-width: 140px;
-	height: 48px;
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	gap: 12px;
-	min-width: 248px;
-}
-
-.ns_pagination_info h6 {
-	background-color: rgb(255, 255, 255);
-	width: 124px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-	color: rgba(20, 27, 92, 1);
-	padding-left: 16px 24px;
-	text-align: center;
-	border-radius: 8px;
-	border: 1px solid black;
-}
-
-.ns_pagination_combobox div {
-	width: 74px;
-	margin: 0;
-	padding: 0;
-}
-
-.ns_pagination_combobox span {
-	margin: 0
+.ns_pagination_container {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+	text-align: left;
+	font-size: 14px;
+	justify-items: center;
+	width: 100%;
+	max-width: max-content;
+}
+
+.ns_select_number_parent {
+	font-weight: 500;
+	border-radius: 50px;
+	height: 32px;
+	width: 32px;
+	text-align: center;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.ns_paginate_link {
+	color: rgba(20, 27, 92, 1);
+	text-decoration: none;
+	font-size: 14px;
+	font-weight: 600;
+	line-height: 22px;
+	font-family: inherit;
+}
+
+.ns_select_number {
+	color: rgba(20, 27, 92, 1);
+	font-weight: 500;
+	background-color: rgb(255, 255, 255);
+	border: 2px solid rgba(20, 27, 92, 1);
+	border-radius: 50px;
+	border-radius: 50px;
+	height: 32px;
+	width: 32px;
+	text-align: center;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.ns_pagination_left_ellipses {
+	padding-bottom: 10px;
+}
+
+.ns_pagination_left_ellipses a {
+	color: rgba(20, 27, 92, 1);
+	font-size: 24px;
+	font-weight: 700;
+}
+
+.ns_pagination_right_ellipses {
+	padding-bottom: 10px;
+}
+
+.ns_pagination_right_ellipses a {
+	color: rgba(20, 27, 92, 1);
+	font-size: 24px;
+	font-weight: 700;
+}
+
+.ns_pagination_info {
+	margin-left: 12px;
+	width: fit-content;
+	min-width: 140px;
+	height: 48px;
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	gap: 12px;
+	min-width: 248px;
+}
+
+.ns_pagination_info h6 {
+	background-color: rgb(255, 255, 255);
+	width: 124px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+	color: rgba(20, 27, 92, 1);
+	padding-left: 16px 24px;
+	text-align: center;
+	border-radius: 8px;
+	border: 1px solid black;
+}
+
+.ns_pagination_combobox div {
+	width: 74px;
+	margin: 0;
+	padding: 0;
+}
+
+.ns_pagination_combobox span {
+	margin: 0
 }

package/dist/components/NSPanel.module.css

@@ -1,47 +1,47 @@
-.ns_panel_grid {
-    background-color: #fff;
-    padding: 24px;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 16px;
-    border-radius: 16px;
-    margin: 0 auto;
-    border: 1px solid rgba(161, 164, 176, 1);
-    box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
-    justify-content: center;
-}
-
-.ns_panel_column {
-    background-color: #fff;
-    padding: 24px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    border-radius: 8px;
-    margin: 0 auto;
-    width: 100%;
-    border: 1px solid rgba(161, 164, 176, 1);
-    box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
-}
-
-@media only screen and (min-width: 768px) {
-    .ns_panel_column {
-        max-width: 700px;
-        min-width: 270px;
-    }
-
-    .ns_panel_grid {
-        flex-direction: row;
-        max-width: 700px;
-        flex-wrap: wrap;
-        min-width: 270px;
-        max-width: 670px;
-    }
-}
-
-@media only screen and (min-width: 380px) {
-    .ns_panel_column {
-        width: max-content;
-    }
+.ns_panel_grid {
+    background-color: #fff;
+    padding: 24px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 16px;
+    border-radius: 16px;
+    margin: 0 auto;
+    border: 1px solid rgba(161, 164, 176, 1);
+    box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
+    justify-content: center;
+}
+
+.ns_panel_column {
+    background-color: #fff;
+    padding: 24px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    border-radius: 8px;
+    margin: 0 auto;
+    width: 100%;
+    border: 1px solid rgba(161, 164, 176, 1);
+    box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
+}
+
+@media only screen and (min-width: 768px) {
+    .ns_panel_column {
+        max-width: 700px;
+        min-width: 270px;
+    }
+
+    .ns_panel_grid {
+        flex-direction: row;
+        max-width: 700px;
+        flex-wrap: wrap;
+        min-width: 270px;
+        max-width: 670px;
+    }
+}
+
+@media only screen and (min-width: 380px) {
+    .ns_panel_column {
+        width: max-content;
+    }
 }

package/dist/components/NSPrintModal.d.ts

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,35 @@
+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

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

package/dist/components/NSPrintModal.module.css

@@ -0,0 +1,82 @@
+.ns_print_container {
+    /* position: absolute; */
+    z-index: 1;
+    top: 30px;
+    transform: translate(0, 0);
+    right: 0;
+    background-color: rgba(255, 255, 255, 1);
+    border-radius: 16px;
+    border: 0.2px solid rgb(210, 210, 210);
+    padding: 16px;
+    max-width: 380px;
+}
+
+.ns_header_print {
+    position: relative;
+}
+
+.ns_close_icon {
+    position: absolute;
+    right: 0px;
+    top: 0px;
+}
+
+.ns_print_title {
+    display: flex;
+    gap: 8px;
+    color: #141B5C;
+    justify-content: center;
+    margin: 0;
+    align-items: center;
+}
+
+.ns_print_description {
+    color: #141B5C;
+    margin: 0;
+}
+
+.ns_parent_checkboxs {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    gap: 8px;
+}
+
+.ns_w_box_boolean div {
+    width: 100% !important;
+}
+
+.ns_w_box_boolean {
+    width: 100% !important;
+}
+
+.ns_w_box_string {
+    width: 100% !important;
+}
+
+.ns_w_box_string input {
+    width: 100% !important;
+    max-width: 100% !important;
+}
+
+@media only screen and (min-width: 768px) {
+    .ns_print_container {
+        max-width: 590px;
+    }
+
+    .ns_w_box_boolean div {
+        width: 272px !important;
+    }
+
+    .ns_w_box_boolean {
+        width: 272px !important;
+    }
+
+    .ns_w_box_string {
+        width: 272px !important;
+    }
+
+    .ns_w_box_string input {
+        width: 272px !important;
+    }
+}