namirasoft-site-react 1.5.27 → 1.5.28

package/dist/components/NSPagination.module.css

@@ -1,95 +1,95 @@
-.ns_pagination_container {
-    width: 100%;
-    max-width: fit-content;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-    gap: 16px;
-}
-
-.ns_pagination_info_container {
-    max-width: fit-content;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-}
-
-.ns_pagination_buttons_container {
-    width: 100%;
-    max-width: fit-content;
-    display: flex;
-    flex-wrap: wrap;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-}
-
-.ns_pagination_button_parent {
-    height: 32px;
-    width: 32px;
-    border-radius: 50%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-weight: 500;
-    text-align: center;
-}
-
-.ns_pagination_button {
-    height: 32px;
-    width: 32px;
-    border: 1px solid rgba(20, 27, 92, 1);
-    border-radius: 50px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: rgb(255, 255, 255);
-    font-size: 14px;
-    font-weight: 500;
-    text-align: center;
-    text-decoration: none;
-    line-height: 24px;
-    color: rgba(20, 27, 92, 1);
-}
-
-.ns_pagination_button_selected {
-    border: 1px solid rgba(20, 27, 92, 1);
-    background-color: rgb(3, 119, 255);
-    color: rgba(255, 255, 255, 1);
-}
-
-.ns_pagination_info {
-    height: 48px !important;
-    border: 1px solid rgba(0, 0, 0, 1) !important;
-    border-radius: 8px;
-    margin: 0;
-    padding: 8px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: rgb(255, 255, 255);
-    font-size: 14px;
-    font-weight: bold;
-    text-align: center;
-    white-space: nowrap;
-    color: rgba(20, 27, 200, 1);
-}
-
-@media only screen and (min-width: 576px) {
-    .ns_pagination_buttons_container {
-        flex-wrap: nowrap;
-    }
-}
-
-@media only screen and (min-width: 992px) {
-    .ns_pagination_container {
-        justify-content: flex-start;
-    }
-    .ns_pagination_buttons_container {
-        flex-wrap: nowrap;
-    }
+.ns_pagination_container {
+    width: 100%;
+    max-width: fit-content;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    gap: 16px;
+}
+
+.ns_pagination_info_container {
+    max-width: fit-content;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+}
+
+.ns_pagination_buttons_container {
+    width: 100%;
+    max-width: fit-content;
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+}
+
+.ns_pagination_button_parent {
+    height: 32px;
+    width: 32px;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-weight: 500;
+    text-align: center;
+}
+
+.ns_pagination_button {
+    height: 32px;
+    width: 32px;
+    border: 1px solid rgba(20, 27, 92, 1);
+    border-radius: 50px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: rgb(255, 255, 255);
+    font-size: 14px;
+    font-weight: 500;
+    text-align: center;
+    text-decoration: none;
+    line-height: 24px;
+    color: rgba(20, 27, 92, 1);
+}
+
+.ns_pagination_button_selected {
+    border: 1px solid rgba(20, 27, 92, 1);
+    background-color: rgb(3, 119, 255);
+    color: rgba(255, 255, 255, 1);
+}
+
+.ns_pagination_info {
+    height: 48px !important;
+    border: 1px solid rgba(0, 0, 0, 1) !important;
+    border-radius: 8px;
+    margin: 0;
+    padding: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: rgb(255, 255, 255);
+    font-size: 14px;
+    font-weight: bold;
+    text-align: center;
+    white-space: nowrap;
+    color: rgba(20, 27, 200, 1);
+}
+
+@media only screen and (min-width: 576px) {
+    .ns_pagination_buttons_container {
+        flex-wrap: nowrap;
+    }
+}
+
+@media only screen and (min-width: 992px) {
+    .ns_pagination_container {
+        justify-content: flex-start;
+    }
+    .ns_pagination_buttons_container {
+        flex-wrap: nowrap;
+    }
 }

package/dist/components/NSPanel.module.css

@@ -1,29 +1,29 @@
-.ns_panel {
-    background-color: #fff;
-    padding: 16px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    border-radius: 8px;
-    gap: 16px;
-    margin: 0;
-    width: 100%;
-    max-width: 100%;
-    border: 1px solid rgba(161, 164, 176, 1);
-    box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
-}
-
-.ns_panel_title {
-    font-size: 11px;
-    color: #666;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-    align-self: flex-start;
-}
-
-@media only screen and (min-width: 480px) {
-    .ns_panel {
-        width: max-content;
-    }
+.ns_panel {
+    background-color: #fff;
+    padding: 16px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    border-radius: 8px;
+    gap: 16px;
+    margin: 0;
+    width: 100%;
+    max-width: 100%;
+    border: 1px solid rgba(161, 164, 176, 1);
+    box-shadow: 0px 0px 2px 0px rgba(161, 164, 176, 1);
+}
+
+.ns_panel_title {
+    font-size: 11px;
+    color: #666;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    align-self: flex-start;
+}
+
+@media only screen and (min-width: 480px) {
+    .ns_panel {
+        width: max-content;
+    }
 }

package/dist/components/NSPanelAccordion.module.css

@@ -1,5 +1,5 @@
-.NSPanelAccordion_parent {
-	border-radius: 8px;
-	width: 100%;
-	max-width: 1150px;
+.NSPanelAccordion_parent {
+	border-radius: 8px;
+	width: 100%;
+	max-width: 1150px;
 }

package/dist/components/NSProductSearch.module.css

@@ -1,74 +1,74 @@
-.ns_product_search_column_domain {
-    width: 100%;
-    gap: 0px;
-}
-
-.ns_product_search_column_link {
-    width: 100%;
-    gap: 0px;
-}
-
-.ns_product_search_item_domain_parent {
-    width: 100%;
-    display: flex;
-    gap: 0px;
-    flex-direction: column;
-}
-
-.ns_product_search_item_domain {
-    width: 100%;
-    height: 48px;
-    text-decoration: none !important;
-    transition: box-shadow 0.3s ease;
-    border-radius: 12px;
-    padding: 0px 16px;
-    display: flex;
-    align-items: center;
-}
-
-.ns_product_search_item_domain:hover {
-    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
-}
-
-.ns_product_search_item_link_parent {
-    width: 100%;
-    display: flex;
-    gap: 4px;
-    flex-direction: column;
-}
-
-.ns_product_search_item_link {
-    height: max-content;
-    text-decoration: none !important;
-    transition: box-shadow 0.3s ease;
-    padding: 16px;
-    border-radius: 12px;
-    border: 1px solid rgb(236, 236, 236);
-}
-
-.ns_product_search_item_link p {
-    padding: 0px;
-    margin: 0px;
-    color: black;
-    text-decoration: none !important;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    line-clamp: inherit;
-    -webkit-line-clamp: 3;
-}
-
-.ns_product_search_item_link:hover {
-    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
-}
-
-@media (min-width: 1024px) {
-    .ns_product_search_column_domain {
-        height: 100%;
-        width: 272px;
-    }
-
-    .ns_product_search_column_link {
-        width: 560px;
-    }
+.ns_product_search_column_domain {
+    width: 100%;
+    gap: 0px;
+}
+
+.ns_product_search_column_link {
+    width: 100%;
+    gap: 0px;
+}
+
+.ns_product_search_item_domain_parent {
+    width: 100%;
+    display: flex;
+    gap: 0px;
+    flex-direction: column;
+}
+
+.ns_product_search_item_domain {
+    width: 100%;
+    height: 48px;
+    text-decoration: none !important;
+    transition: box-shadow 0.3s ease;
+    border-radius: 12px;
+    padding: 0px 16px;
+    display: flex;
+    align-items: center;
+}
+
+.ns_product_search_item_domain:hover {
+    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
+}
+
+.ns_product_search_item_link_parent {
+    width: 100%;
+    display: flex;
+    gap: 4px;
+    flex-direction: column;
+}
+
+.ns_product_search_item_link {
+    height: max-content;
+    text-decoration: none !important;
+    transition: box-shadow 0.3s ease;
+    padding: 16px;
+    border-radius: 12px;
+    border: 1px solid rgb(236, 236, 236);
+}
+
+.ns_product_search_item_link p {
+    padding: 0px;
+    margin: 0px;
+    color: black;
+    text-decoration: none !important;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    line-clamp: inherit;
+    -webkit-line-clamp: 3;
+}
+
+.ns_product_search_item_link:hover {
+    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
+}
+
+@media (min-width: 1024px) {
+    .ns_product_search_column_domain {
+        height: 100%;
+        width: 272px;
+    }
+
+    .ns_product_search_column_link {
+        width: 560px;
+    }
 }

package/dist/components/NSProgressBar.module.css

@@ -1,39 +1,39 @@
-.ns_progress_bar_wrapper {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-}
-
-.ns_progress_bar {
-    position: relative;
-    display: flex;
-    width: 17rem;
-    height: 1.5rem;
-    border: 1px solid #e1e1e1;
-    border-radius: 0.25rem;
-    background-color: #fff;
-    overflow: hidden;
-}
-
-.ns_progress_bar_title {
-    font-size: 0.875rem;
-    line-height: 1rem;
-    color: #141b5c;
-}
-
-.ns_progress {
-    background-color: rgba(0, 128, 0, 0.8);
-    width: 50%;
-    transition: width 0.3s ease;
-}
-
-.ns_progress_percent {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    color: #141b5c;
-    font-size: 0.875rem;
-    font-weight: 500;
-    line-height: 1rem;
+.ns_progress_bar_wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.ns_progress_bar {
+    position: relative;
+    display: flex;
+    width: 17rem;
+    height: 1.5rem;
+    border: 1px solid #e1e1e1;
+    border-radius: 0.25rem;
+    background-color: #fff;
+    overflow: hidden;
+}
+
+.ns_progress_bar_title {
+    font-size: 0.875rem;
+    line-height: 1rem;
+    color: #141b5c;
+}
+
+.ns_progress {
+    background-color: rgba(0, 128, 0, 0.8);
+    width: 50%;
+    transition: width 0.3s ease;
+}
+
+.ns_progress_percent {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: #141b5c;
+    font-size: 0.875rem;
+    font-weight: 500;
+    line-height: 1rem;
 }

package/dist/components/NSRange.module.css

@@ -1,67 +1,67 @@
-.ns_range_parent {
-	width: 100%;
-	max-width: 1150px;
-}
-
-.ns_range_time_item {
-	z-index: 99;
-	text-align: center;
-	max-width: 48px;
-	display: inline-block;
-	height: 60px;
-	position: relative;
-	border-width: 1px;
-	border-color: #DCDCDC;
-	border-style: groove;
-}
-
-.ns_range_time_box_full {
-	background-color: #fff;
-	border-radius: 5px;
-	position: relative;
-	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 7%);
-	overflow-x: scroll;
-}
-
-.ns_range_time_box_full::-webkit-scrollbar {
-	height: 6px;
-}
-
-.ns_range_time_box_full::-webkit-scrollbar-track {
-	background-color: #c0c0c0;
-	border-radius: 6px;
-}
-
-.ns_range_time_box_full::-webkit-scrollbar-thumb {
-	background: #141B5C;
-	border-radius: 6px;
-}
-
-.ns_range_time_line {
-	position: absolute;
-	height: 100%;
-}
-
-.ns_time_line_title {
-	color: #141B5C;
-	margin-bottom: 16px;
-}
-
-.ns_range_time_item span {
-	color: #141B5C;
-	width: 100%;
-	display: inline-block;
-	background-color: #DCDCDC;
-	border-bottom: 1px solid #DCDCDC;
-	font-weight: 500;
-}
-
-@media screen and (min-width: 992px) {
-	.ns_range_time_box_full {
-		overflow: hidden;
-	}
-
-	.ns_range_time_item {
-		width: 4.166666%;
-	}
+.ns_range_parent {
+	width: 100%;
+	max-width: 1150px;
+}
+
+.ns_range_time_item {
+	z-index: 99;
+	text-align: center;
+	max-width: 48px;
+	display: inline-block;
+	height: 60px;
+	position: relative;
+	border-width: 1px;
+	border-color: #DCDCDC;
+	border-style: groove;
+}
+
+.ns_range_time_box_full {
+	background-color: #fff;
+	border-radius: 5px;
+	position: relative;
+	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 7%);
+	overflow-x: scroll;
+}
+
+.ns_range_time_box_full::-webkit-scrollbar {
+	height: 6px;
+}
+
+.ns_range_time_box_full::-webkit-scrollbar-track {
+	background-color: #c0c0c0;
+	border-radius: 6px;
+}
+
+.ns_range_time_box_full::-webkit-scrollbar-thumb {
+	background: #141B5C;
+	border-radius: 6px;
+}
+
+.ns_range_time_line {
+	position: absolute;
+	height: 100%;
+}
+
+.ns_time_line_title {
+	color: #141B5C;
+	margin-bottom: 16px;
+}
+
+.ns_range_time_item span {
+	color: #141B5C;
+	width: 100%;
+	display: inline-block;
+	background-color: #DCDCDC;
+	border-bottom: 1px solid #DCDCDC;
+	font-weight: 500;
+}
+
+@media screen and (min-width: 992px) {
+	.ns_range_time_box_full {
+		overflow: hidden;
+	}
+
+	.ns_range_time_item {
+		width: 4.166666%;
+	}
 }

package/dist/components/NSReorderDialog.d.ts

@@ -15,6 +15,7 @@ interface NSReorderDialogState {
     columns: ColumnItem[];
     dragFromIndex: number | null;
     dragOverIndex: number | null;
+    dragEnabledIndex: number | null;
 }
 export declare class NSReorderDialog extends Component<NSReorderDialogProps, NSReorderDialogState> {
     constructor(props: NSReorderDialogProps);
@@ -26,6 +27,8 @@ export declare class NSReorderDialog extends Component<NSReorderDialogProps, NSR
     private onDragOver;
     private onDrop;
     private onDragEnd;
+    private enableDrag;
+    private disableDrag;
     private toggleChecked;
     private handleApply;
     render(): import("react").JSX.Element;

package/dist/components/NSReorderDialog.js

@@ -29,7 +29,12 @@ export class NSReorderDialog extends Component {
             next.splice(dropIndex, 0, moved);
             this.setState({ columns: next, dragFromIndex: null, dragOverIndex: null });
         };
-        this.onDragEnd = () => this.setState({ dragFromIndex: null, dragOverIndex: null });
+        this.onDragEnd = () => this.setState({ dragFromIndex: null, dragOverIndex: null, dragEnabledIndex: null });
+        this.enableDrag = (index) => this.setState({ dragEnabledIndex: index });
+        this.disableDrag = () => {
+            if (this.state.dragFromIndex === null && this.state.dragEnabledIndex !== null)
+                this.setState({ dragEnabledIndex: null });
+        };
         this.toggleChecked = (key) => this.setState(prev => ({
             columns: prev.columns.map(c => c.key === key ? Object.assign(Object.assign({}, c), { checked: !c.checked }) : c)
         }));
@@ -40,7 +45,8 @@ export class NSReorderDialog extends Component {
         this.state = {
             columns: this.buildColumnItems(props),
             dragFromIndex: null,
-            dragOverIndex: null
+            dragOverIndex: null,
+            dragEnabledIndex: null
         };
     }
     buildColumnItems(props) {
@@ -76,7 +82,7 @@ export class NSReorderDialog extends Component {
     }
     render() {
         const { onCancel } = this.props;
-        const { columns, dragFromIndex, dragOverIndex } = this.state;
+        const { columns, dragFromIndex, dragOverIndex, dragEnabledIndex } = this.state;
         return (_jsx(NSDialog, { center_dialog: true, closeButton: { show: true }, onClose: onCancel, style: { minWidth: NSBox.width.double }, children: _jsxs(NSColumn, { classList: ["align-items-center"], children: [_jsx(NSTitle, { title: "Columns", style: { marginBottom: 0, fontSize: 24 } }), _jsx(NSColumn, { classList: ["gap-1"], children: columns.map((col, index) => {
                             const isDragging = dragFromIndex === index;
                             const isDragOver = dragOverIndex === index && !isDragging;
@@ -85,7 +91,7 @@ export class NSReorderDialog extends Component {
                                 cls += " " + Styles.column_item_dragging;
                             if (isDragOver)
                                 cls += " " + Styles.column_item_drag_over;
-                            return (_jsxs("div", { draggable: true, onDragStart: () => this.onDragStart(index), onDragOver: e => this.onDragOver(e, index), onDrop: e => this.onDrop(e, index), onDragEnd: this.onDragEnd, className: cls, children: [_jsx("span", { className: Styles.drag_handle, children: "\u283F" }), _jsx("input", { type: "checkbox", checked: col.checked, onChange: () => this.toggleChecked(col.key), className: Styles.checkbox }), _jsx("span", { className: Styles.column_label, children: col.text })] }, col.key));
+                            return (_jsxs("div", { draggable: dragEnabledIndex === index, onDragStart: () => this.onDragStart(index), onDragOver: e => this.onDragOver(e, index), onDrop: e => this.onDrop(e, index), onDragEnd: this.onDragEnd, onClick: () => this.toggleChecked(col.key), onMouseUp: this.disableDrag, className: cls, children: [_jsx("span", { className: Styles.drag_handle, onMouseDown: () => this.enableDrag(index), onClick: e => e.stopPropagation(), children: "\u283F" }), _jsx("input", { type: "checkbox", checked: col.checked, onChange: () => this.toggleChecked(col.key), onClick: e => e.stopPropagation(), className: Styles.checkbox }), _jsx("span", { className: Styles.column_label, children: col.text })] }, col.key));
                         }) }), _jsxs(NSColumn, { classList: ["gap-1 align-items-center"], children: [this.isChanged() &&
                                 _jsx(NSButton, { title: "Reset", onClick: { action: this.handleReset, showLoading: false } }), _jsx(NSButtonBlue, { title: "Apply", onClick: { action: this.handleApply, showLoading: false } })] })] }) }));
     }