namirasoft-site-react 1.4.554 → 1.4.556

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/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

@@ -12,5 +12,5 @@ export declare class NSSplitter extends Component<NSSplitterProps> {
     handleMouseDown(): 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,59 +1,59 @@
-.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;
-    }
-
-    .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;
+    }
+
+    .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;
 } */

package/dist/components/NSTable.d.ts

@@ -101,8 +101,6 @@ declare enum PageSelectionMode {
 }
 export declare class NSTable<RowType> extends Component<NSTableProps<RowType>, NSTableState<RowType>> {
     private Table_Ref;
-    private TableScrollbar_Ref;
-    private TableScrollbarContent_Ref;
     NSPagination: import("react").RefObject<NSPagination>;
     private LastSelectedRowID;
     private resizeMoveHandler;
@@ -122,7 +120,6 @@ export declare class NSTable<RowType> extends Component<NSTableProps<RowType>, N
         column: string;
     }[]): void;
     setColumns(columns: TableColumnInfo[]): void;
-    private syncScrollbarWidth;
     setRows(rows: RowType[] | null, totalItems: number): void;
     foreachColumn(visible: boolean | null, handler: (column: TableColumnInfo) => void): void;
     getColumns(visible: boolean | null): TableColumnInfo[];
@@ -158,6 +155,6 @@ export declare class NSTable<RowType> extends Component<NSTableProps<RowType>, N
     private startResize;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

package/dist/components/NSTable.js

@@ -29,8 +29,6 @@ export class NSTable extends Component {
     constructor(props) {
         super(props);
         this.Table_Ref = createRef();
-        this.TableScrollbar_Ref = createRef();
-        this.TableScrollbarContent_Ref = createRef();
         this.NSPagination = createRef();
         this.LastSelectedRowID = null;
         this.resizeMoveHandler = null;
@@ -72,7 +70,7 @@ export class NSTable extends Component {
         this.toggleFullscreen = this.toggleFullscreen.bind(this);
     }
     toggleFullscreen() {
-        this.setState({ fullscreen: !this.state.fullscreen }, () => this.syncScrollbarWidth());
+        this.setState({ fullscreen: !this.state.fullscreen });
     }
     getSortItemsKey() {
         return "ns_table_" + this.props.name + "_sort_items";
@@ -120,17 +118,11 @@ export class NSTable extends Component {
     setColumns(columns) {
         this.setState({ columns });
     }
-    syncScrollbarWidth() {
-        var _a, _b;
-        if (this.TableScrollbarContent_Ref.current)
-            this.TableScrollbarContent_Ref.current.style.width = ((_b = (_a = this.Table_Ref.current) === null || _a === void 0 ? void 0 : _a.scrollWidth) !== null && _b !== void 0 ? _b : 0) + "px";
-    }
     setRows(rows, totalItems) {
         this.setState({ rows, totalItems }, () => {
             var _a;
             if (this.props.scroll !== false)
                 (_a = this.Table_Ref.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth', block: 'center' });
-            this.syncScrollbarWidth();
         });
     }
     foreachColumn(visible, handler) {
@@ -419,7 +411,7 @@ export class NSTable extends Component {
             let delta = ev.clientX - startX;
             let newWidth = Math.max(80, startWidth + delta);
             currentWidths = Object.assign(Object.assign({}, currentWidths), { [key]: newWidth });
-            this.setState({ columnWidths: currentWidths }, () => this.syncScrollbarWidth());
+            this.setState({ columnWidths: currentWidths });
         };
         const onMouseUp = () => {
             document.body.style.cursor = '';
@@ -438,7 +430,6 @@ export class NSTable extends Component {
     componentDidMount() {
         if (!this.NSPagination.current)
             this.reload(null, null);
-        this.syncScrollbarWidth();
     }
     componentWillUnmount() {
         if (this.resizeMoveHandler)
@@ -666,15 +657,13 @@ export class NSTable extends Component {
                             this.reload(null, null).then(onFinished).catch(onFinished);
                         })
                     }, classList: [Styles.ns_table_button], style: { border: '1px solid rgb(3, 119, 255)' } })] }));
-        return (_jsxs("div", { id: this.props.id, className: [...(_k = this.props.classList) !== null && _k !== void 0 ? _k : [], Styles.ns_table_wrapper, this.state.fullscreen ? Styles.ns_fullscreen : ""].filter(Boolean).join(" "), style: Object.assign({}, this.props.style), children: [_jsxs("div", { className: Styles.ns_table_topbar, children: [!this.state.fullscreen &&
-                            this.props.headerChildren, show_pagination &&
-                            _jsx(NSPagination, { ref: this.NSPagination, totalItems: this.state.totalItems, onPageChange: this.onPageChange, style: { marginRight: "auto" } }), buttonPanel] }), !this.state.fullscreen && this.props.children &&
-                    _jsx("div", { className: Styles.ns_table_children, children: this.props.children }), _jsxs("table", { ref: this.Table_Ref, className: Styles.ns_table, onScroll: () => {
-                        var _a, _b;
-                        if (this.TableScrollbar_Ref.current)
-                            this.TableScrollbar_Ref.current.scrollLeft = (_b = (_a = this.Table_Ref.current) === null || _a === void 0 ? void 0 : _a.scrollLeft) !== null && _b !== void 0 ? _b : 0;
-                    }, children: [_jsx("thead", { children: _jsxs("tr", { style: { gridTemplateColumns }, children: [this.props.checkbox &&
-                                        _jsx("th", { "data-cell-type": "checkbox", style: { width: "24px", height: "24px", padding: 0 }, children: _jsx("label", { htmlFor: 'checkbox', className: Styles.ns_checkbox_label, children: _jsx("input", { id: "checkbox", type: "checkbox", className: `${Styles.ns_check_box} ${this.isSomeSelected() ? Styles.ns_indeterminate : ""}`, checked: this.getSelectedIDs().length > 0, onChange: this.toggleAllSelections }) }) }), this.getColumns(true).map(column => _jsxs("th", { scope: "col", style: { width: this.getColumnWidth(column), cursor: "pointer", position: "relative", userSelect: "none" }, onClick: (e) => {
+        return (_jsxs("div", { id: this.props.id, className: [...(_k = this.props.classList) !== null && _k !== void 0 ? _k : [], Styles.ns_table_wrapper, this.state.fullscreen ? Styles.ns_fullscreen : ""].filter(Boolean).join(" "), style: Object.assign({}, this.props.style), children: [((!this.state.fullscreen && this.props.headerChildren) || show_pagination || buttonPanel) &&
+                    _jsxs("div", { className: Styles.ns_table_topbar, children: [!this.state.fullscreen &&
+                                this.props.headerChildren, show_pagination &&
+                                _jsx(NSPagination, { ref: this.NSPagination, totalItems: this.state.totalItems, onPageChange: this.onPageChange, style: { marginRight: "auto" } }), buttonPanel] }), !this.state.fullscreen && this.props.children &&
+                    _jsx("div", { className: Styles.ns_table_children, children: this.props.children }), _jsxs("table", { ref: this.Table_Ref, className: Styles.ns_table, children: [_jsx("thead", { children: _jsxs("tr", { style: { gridTemplateColumns }, children: [this.props.checkbox &&
+                                        _jsx("th", { "data-cell-type": "checkbox", className: "d-flex", children: _jsx("label", { htmlFor: 'checkbox', className: Styles.ns_checkbox_label, children: _jsx("input", { id: "checkbox", type: "checkbox", className: `${Styles.ns_check_box} ${this.isSomeSelected() ? Styles.ns_indeterminate : ""}`, checked: this.getSelectedIDs().length > 0, onChange: this.toggleAllSelections }) }) }), this.getColumns(true).map(column => _jsxs("th", { scope: "col", onMouseDown: (e) => {
+                                            console.log(e.target);
                                             if (e.target.closest('[data-resize-handle]'))
                                                 return;
                                             let t = new BaseMetaTable(null, column.table.name, column.table.text);
@@ -688,11 +677,7 @@ export class NSTable extends Component {
                                                 else
                                                     this.setSortItems(null);
                                             }
-                                        }, children: [_jsx("span", { children: column.text + " " + getSortSign(column) }), _jsx("div", { "data-resize-handle": "true", className: Styles.ns_resize_handle, onMouseDown: (e) => this.startResize(e, column), onClick: (e) => e.stopPropagation() })] }, column.name))] }) }), _jsx("tbody", { className: Styles.ns_tbody, children: content })] }), _jsx("div", { ref: this.TableScrollbar_Ref, className: Styles.ns_table_scrollbar, onScroll: () => {
-                        var _a, _b;
-                        if (this.Table_Ref.current)
-                            this.Table_Ref.current.scrollLeft = (_b = (_a = this.TableScrollbar_Ref.current) === null || _a === void 0 ? void 0 : _a.scrollLeft) !== null && _b !== void 0 ? _b : 0;
-                    }, children: _jsx("div", { ref: this.TableScrollbarContent_Ref, className: Styles.ns_table_scrollbar_content }) }), this.state.model.show &&
+                                        }, style: { width: this.getColumnWidth(column) }, children: [_jsx("span", { className: Styles.ns_th_title, children: column.text + " " + getSortSign(column) }), _jsx("div", { "data-resize-handle": "true", className: Styles.ns_resize_handle, onMouseDown: (e) => this.startResize(e, column), onClick: (e) => { e.stopPropagation(); } })] }, column.name))] }) }), _jsx("tbody", { className: Styles.ns_tbody, children: content })] }), this.state.model.show &&
                     _jsx(NSDialogInfo, { description: this.state.model.description, onClose: () => { this.hideModal(); }, title: this.state.title, show_as_code: true, children: _jsx(_Fragment, {}) })] }));
     }
 }