namirasoft-site-react 1.5.26 → 1.5.28

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 } })] })] }) }));
     }

package/dist/components/NSReorderDialog.js.map

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

package/dist/components/NSReorderDialog.module.css

@@ -1,50 +1,54 @@
-.column_item {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 8px 12px;
-    border-radius: 6px;
-    border: 2px solid transparent;
-    background-color: rgba(20, 27, 92, 0.04);
-    cursor: grab;
-    user-select: none;
-    box-sizing: border-box;
-    transition: background-color 0.1s, border-color 0.1s;
-}
-
-.column_item:hover {
-    background-color: rgba(20, 27, 92, 0.08);
-}
-
-.column_item_dragging {
-    opacity: 0.35;
-}
-
-.column_item_drag_over {
-    border-color: rgba(20, 27, 92, 0.45);
-    border-style: dashed;
-    background-color: rgba(20, 27, 92, 0.1);
-}
-
-.drag_handle {
-    color: #bbb;
-    font-size: 20px;
-    line-height: 1;
-    cursor: grab;
-    flex-shrink: 0;
-}
-
-.checkbox {
-    width: 18px;
-    height: 18px;
-    cursor: pointer;
-    margin: 0;
-    flex-shrink: 0;
-    accent-color: rgba(20, 27, 92, 1);
-}
-
-.column_label {
-    font-size: 14px;
-    flex: 1;
+.column_item {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 8px 12px;
+    border-radius: 6px;
+    border: 2px solid transparent;
+    background-color: rgba(20, 27, 92, 0.04);
+    cursor: pointer;
+    user-select: none;
+    box-sizing: border-box;
+    transition: background-color 0.1s, border-color 0.1s;
+}
+
+.column_item:hover {
+    background-color: rgba(20, 27, 92, 0.08);
+}
+
+.column_item_dragging {
+    opacity: 0.35;
+}
+
+.column_item_drag_over {
+    border-color: rgba(20, 27, 92, 0.45);
+    border-style: dashed;
+    background-color: rgba(20, 27, 92, 0.1);
+}
+
+.drag_handle {
+    color: #bbb;
+    font-size: 20px;
+    line-height: 1;
+    cursor: grab;
+    flex-shrink: 0;
+}
+
+.drag_handle:active {
+    cursor: grabbing;
+}
+
+.checkbox {
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+    margin: 0;
+    flex-shrink: 0;
+    accent-color: rgba(20, 27, 92, 1);
+}
+
+.column_label {
+    font-size: 14px;
+    flex: 1;
 }

package/dist/components/NSRepeater.d.ts

@@ -39,5 +39,5 @@ export declare class NSRepeater<ItemType, ValueType> extends Component<NSRepeate
     setValue(value: ValueType[], callback?: () => void): void;
     setDisabled(disabled: boolean): void;
     componentDidMount(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/dist/components/NSRepeaterNSBoxSchemaVariable.d.ts

@@ -22,5 +22,5 @@ export declare class NSRepeaterNSBoxSchemaVariable extends Component<NSRepeaterN
     getValue(checkError?: boolean): BaseVariableSchema[];
     setValue(value: BaseVariableSchema[], callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/dist/components/NSRepeaterNSTag.d.ts

@@ -19,5 +19,5 @@ export declare class NSRepeaterNSTag extends Component<NSRepeaterNSTagProps> imp
     getValue(checkError?: boolean): NSTagValue[];
     setValue(value: NSTagValue[], callback?: () => void): void;
     setDisabled(disabled: boolean): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/dist/components/NSRow.d.ts

@@ -4,4 +4,4 @@ export interface NSRowProps extends IBaseComponentProps {
     children: ReactNode;
     onEnterPressed?: () => void;
 }
-export declare function NSRow(props: NSRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function NSRow(props: NSRowProps): import("react").JSX.Element;

package/dist/components/NSRow.module.css

@@ -1,18 +1,18 @@
-.ns_row {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 16px;
-    margin: 0;
-    justify-content: center;
-    width: max-content;
-    max-width: 100%;
-    width: 100%;
-}
-
-@media only screen and (min-width: 768px) {
-    .ns_row {
-        flex-direction: row;
-        flex-wrap: wrap;
-    }
+.ns_row {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 16px;
+    margin: 0;
+    justify-content: center;
+    width: max-content;
+    max-width: 100%;
+    width: 100%;
+}
+
+@media only screen and (min-width: 768px) {
+    .ns_row {
+        flex-direction: row;
+        flex-wrap: wrap;
+    }
 }

package/dist/components/NSSection.d.ts

@@ -4,4 +4,4 @@ export interface NSSectionProps extends IBaseComponentProps {
     children: ReactNode;
     onEnterPressed?: () => void;
 }
-export declare function NSSection(props: NSSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function NSSection(props: NSSectionProps): import("react").JSX.Element;

package/dist/components/NSSection.module.css

@@ -1,5 +1,5 @@
-.ns_section {
-	background-repeat: no-repeat;
-	background-size: cover;
-	background-position: center;
+.ns_section {
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-position: center;
 }

package/dist/components/NSSectionCards.d.ts

@@ -10,4 +10,4 @@ export interface NSSectionCardsProps extends IBaseComponentProps {
     button?: ILinkProps;
     cards: NSCardProps[];
 }
-export declare function NSSectionCards(props: NSSectionCardsProps): import("react/jsx-runtime").JSX.Element;
+export declare function NSSectionCards(props: NSSectionCardsProps): import("react").JSX.Element;

package/dist/components/NSSectionCards.module.css

@@ -1,39 +1,39 @@
-.ns_section_cards_holder {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: 1rem;
-	padding-right: 1rem;
-}
-
-.ns_section_cards_title_container {
-	margin-bottom: 32px;
-}
-
-.ns_card_container {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: center;
-	gap: 24px;
-	width: 100%;
-}
-
-.ns_section_cards_link_container {
-	margin-top: 48px;
-	width: 100%;
-	text-align: center;
-}
-
-.ns_description {
-	text-align: center;
-	font-style: normal;
-	font-weight: inherit;
-	font-size: 16px;
-	font-family: inherit;
-	line-height: inherit;
-	margin-bottom: 16px;
+.ns_section_cards_holder {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	margin-left: auto;
+	margin-right: auto;
+	padding-left: 1rem;
+	padding-right: 1rem;
+}
+
+.ns_section_cards_title_container {
+	margin-bottom: 32px;
+}
+
+.ns_card_container {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: center;
+	gap: 24px;
+	width: 100%;
+}
+
+.ns_section_cards_link_container {
+	margin-top: 48px;
+	width: 100%;
+	text-align: center;
+}
+
+.ns_description {
+	text-align: center;
+	font-style: normal;
+	font-weight: inherit;
+	font-size: 16px;
+	font-family: inherit;
+	line-height: inherit;
+	margin-bottom: 16px;
 }

package/dist/components/NSSectionTiles.d.ts

@@ -4,4 +4,4 @@ export interface NSSectionTilesProps extends IBaseComponentProps {
     title?: string;
     tiles: NSTileProps[];
 }
-export declare function NSSectionTiles(props: NSSectionTilesProps): import("react/jsx-runtime").JSX.Element;
+export declare function NSSectionTiles(props: NSSectionTilesProps): import("react").JSX.Element;

package/dist/components/NSSectionTiles.module.css

@@ -1,11 +1,11 @@
-.ns_entity_bar_container {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	margin-left: auto;
-	margin-right: auto;
-	padding-left: 1rem;
-	padding-right: 1rem;
-	gap: 24px;
+.ns_entity_bar_container {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	margin-left: auto;
+	margin-right: auto;
+	padding-left: 1rem;
+	padding-right: 1rem;
+	gap: 24px;
 }

package/dist/components/NSSectionTitle.d.ts

@@ -4,4 +4,4 @@ export interface NSSectionTitleProps extends IBaseComponentProps {
     title: string;
     children: ReactNode;
 }
-export declare function NSSectionTitle(props: NSSectionTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function NSSectionTitle(props: NSSectionTitleProps): import("react").JSX.Element;

package/dist/components/NSSortDialog.d.ts

@@ -16,6 +16,6 @@ export declare class NSSortDialog extends Component<NSSortDialogProps, NSSortDia
     private sortDirectionRef;
     constructor(props: NSSortDialogProps);
     private handleApply;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

package/dist/components/NSSpace.d.ts

@@ -14,4 +14,4 @@ export declare enum NSSpaceSizeType {
     XXLARGE = "96px",
     XXXLARGE = "128px"
 }
-export declare function NSSpace(props: NSSpaceProps): import("react/jsx-runtime").JSX.Element;
+export declare function NSSpace(props: NSSpaceProps): import("react").JSX.Element;

package/dist/components/NSSplitter.d.ts

@@ -26,5 +26,5 @@ export declare class NSSplitter extends Component<NSSplitterProps> {
     handleMouseDown(event: ReactMouseEvent): void;
     handleMouseUp(): void;
     handleMouseMove(event: MouseEvent): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/dist/components/NSSplitter.module.css

@@ -1,60 +1,60 @@
-.ns_splitter_gutter {
-    display: none;
-}
-
-@media only screen and (min-width: 992px) {
-    .ns_splitter {
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-    }
-
-    .ns_splitter.ns_splitter_resizing,
-    .ns_splitter.ns_splitter_resizing * {
-        cursor: row-resize !important;
-        user-select: none !important;
-    }
-
-    .ns_splitter_master,
-    .ns_splitter_detail {
-        overflow: hidden;
-    }
-
-    .ns_splitter_gutter {
-        position: relative;
-        width: 100%;
-        outline: none;
-        border: none;
-        padding: 0.5rem 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        background-color: transparent;
-        cursor: row-resize !important;
-        z-index: 1
-    }
-
-    .ns_splitter_gutter::before {
-        content: "";
-        position: absolute;
-        top: 50%;
-        left: 0;
-        transform: translateY(-50%);
-        width: 100%;
-        height: 0.25rem;
-        border-radius: 0.125rem;
-        background: #f0f0f0;
-        z-index: -1;
-    }
-
-    .ns_splitter_gutter_handle {
-        width: 2rem;
-        height: 0.5rem;
-        border-radius: 0.25rem;
-        background-color: #aaa;
-    }
-
-    .ns_splitter_gutter:hover .ns_splitter_gutter_handle {
-        background-color: #888;
-    }
+.ns_splitter_gutter {
+    display: none;
+}
+
+@media only screen and (min-width: 992px) {
+    .ns_splitter {
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+    }
+
+    .ns_splitter.ns_splitter_resizing,
+    .ns_splitter.ns_splitter_resizing * {
+        cursor: row-resize !important;
+        user-select: none !important;
+    }
+
+    .ns_splitter_master,
+    .ns_splitter_detail {
+        overflow: hidden;
+    }
+
+    .ns_splitter_gutter {
+        position: relative;
+        width: 100%;
+        outline: none;
+        border: none;
+        padding: 0.5rem 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: transparent;
+        cursor: row-resize !important;
+        z-index: 1
+    }
+
+    .ns_splitter_gutter::before {
+        content: "";
+        position: absolute;
+        top: 50%;
+        left: 0;
+        transform: translateY(-50%);
+        width: 100%;
+        height: 0.25rem;
+        border-radius: 0.125rem;
+        background: #f0f0f0;
+        z-index: -1;
+    }
+
+    .ns_splitter_gutter_handle {
+        width: 2rem;
+        height: 0.5rem;
+        border-radius: 0.25rem;
+        background-color: #aaa;
+    }
+
+    .ns_splitter_gutter:hover .ns_splitter_gutter_handle {
+        background-color: #888;
+    }
 }

package/dist/components/NSTabPage.d.ts

@@ -21,5 +21,5 @@ export declare class NSTabPage extends Component<NSTabPageProps, NSTabPageState>
     ns_info: import("react").RefObject<NSInfo>;
     constructor(props: NSTabPageProps);
     setClicked(indices: number[], callback: () => void): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/dist/components/NSTabPage.module.css

@@ -1,60 +1,60 @@
-.ns_tab_page_panel {
-    border-radius: 8px;
-    overflow: hidden;
-    background: #141B5C;
-    padding: 16px;
-    width: 100%;
-}
-
-.ns_tab_page_panel ul.ns_tab_page_titles_container {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    overflow-x: auto;
-}
-
-.ns_tab_page_panel li.ns_tab_page_title {
-    text-align: center;
-    padding: 0px 16px;
-    cursor: pointer;
-    color: #fff;
-    font-size: 16px;
-    font-weight: 600;
-    border-right: 1px solid #fff;
-    margin: 14px 0;
-}
-
-.ns_tab_page_panel>ul.ns_tab_page_titles_container>li.ns_tab_page_title:last-child {
-    border-right: none;
-}
-
-.ns_tab_page_panel>ul.ns_tab_page_titles_container>li.ns_tab_page_title_active {
-    background-color: #fff;
-    border-radius: 8px 8px 0 0;
-    color: #141B5C;
-    margin: 0;
-    padding: 14px 16px;
-    box-shadow: 0px 2px 2px 2px #141B5C;
-}
-
-.ns_tab_content_column {
-    padding: 16px;
-    border-radius: 0 8px 8px 8px;
-    background-color: #fff;
-    gap: 0;
-    border-right: 1px solid #ccc;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    overflow-y: auto;
-}
-
-/* .ns_tab_content_grid {
-    padding: 16px;
-    border-radius: 0 8px 8px 8px;
-    background-color: #fff;
-    display: grid !important;
-    gap: 0;
-    border-right: 1px solid #ccc;
+.ns_tab_page_panel {
+    border-radius: 8px;
+    overflow: hidden;
+    background: #141B5C;
+    padding: 16px;
+    width: 100%;
+}
+
+.ns_tab_page_panel ul.ns_tab_page_titles_container {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    overflow-x: auto;
+}
+
+.ns_tab_page_panel li.ns_tab_page_title {
+    text-align: center;
+    padding: 0px 16px;
+    cursor: pointer;
+    color: #fff;
+    font-size: 16px;
+    font-weight: 600;
+    border-right: 1px solid #fff;
+    margin: 14px 0;
+}
+
+.ns_tab_page_panel>ul.ns_tab_page_titles_container>li.ns_tab_page_title:last-child {
+    border-right: none;
+}
+
+.ns_tab_page_panel>ul.ns_tab_page_titles_container>li.ns_tab_page_title_active {
+    background-color: #fff;
+    border-radius: 8px 8px 0 0;
+    color: #141B5C;
+    margin: 0;
+    padding: 14px 16px;
+    box-shadow: 0px 2px 2px 2px #141B5C;
+}
+
+.ns_tab_content_column {
+    padding: 16px;
+    border-radius: 0 8px 8px 8px;
+    background-color: #fff;
+    gap: 0;
+    border-right: 1px solid #ccc;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    overflow-y: auto;
+}
+
+/* .ns_tab_content_grid {
+    padding: 16px;
+    border-radius: 0 8px 8px 8px;
+    background-color: #fff;
+    display: grid !important;
+    gap: 0;
+    border-right: 1px solid #ccc;
 } */