namirasoft-account-react 1.4.418 → 1.4.421

package/dist/components/NSAQuickFilter/NSAFilterBoxString.d.ts

@@ -0,0 +1,13 @@
+import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
+export interface NSAFilterBoxStringProps extends NSAFilterBoxBaseProps {
+    getValues: (search: string) => Promise<{
+        value: string;
+        title: string;
+    }[]>;
+}
+export declare class NSAFilterBoxString extends NSAFilterBoxBase<NSAFilterBoxStringProps> {
+    private debounce;
+    private list;
+    private emitDebounced;
+    render(): JSX.Element | null;
+}

package/dist/components/NSAQuickFilter/NSAFilterBoxString.js

@@ -0,0 +1,47 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FilterItemOperator, SetTimeouService } from "namirasoft-core";
+import { NSBoxEntity, NSBoxString } from "namirasoft-site-react";
+import { NSAFilterBoxBase } from "./NSAFilterBoxBase";
+import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
+const ENTITY_OPERATORS = ["equals", "notequals"];
+const DEBOUNCE_MS = 1000;
+export class NSAFilterBoxString extends NSAFilterBoxBase {
+    constructor() {
+        super(...arguments);
+        this.debounce = new SetTimeouService();
+        this.list = (filters, _page, _size, _sorts) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const searchFilter = filters === null || filters === void 0 ? void 0 : filters.find(f => f.values.length > 0);
+            const search = (_a = searchFilter === null || searchFilter === void 0 ? void 0 : searchFilter.values[0]) !== null && _a !== void 0 ? _a : "";
+            const rows = yield this.props.getValues(search);
+            return { count: rows.length, rows };
+        });
+    }
+    emitDebounced(value) {
+        this.debounce.setTimeoutIfNotCalledAgain(() => this.props.onChanged(value ? this.buildFilterItem(value) : null), DEBOUNCE_MS);
+    }
+    render() {
+        const { config, onChanged } = this.props;
+        const op = config.operatorName
+            ? FilterItemOperator.getByName(config.operatorName)
+            : null;
+        if (op && op.count === 0)
+            return _jsx(NSAFilterBoxBoolean, { config: config, onChanged: onChanged });
+        if (config.operatorName && ENTITY_OPERATORS.includes(config.operatorName))
+            return (_jsx(NSBoxEntity, { title: this.getLabel(), placeholder: this.getLabel(), required: false, hideHeader: true, multiple: false, list: this.list, table_name: config.column.table.name, getValue: item => item.value, getTitle: item => item.title, getSort: () => null, onChanged: e => {
+                    const val = e.getValueOne();
+                    onChanged(val ? this.buildFilterItem(val) : null);
+                } }));
+        return (_jsx(NSBoxString, { title: this.getLabel(), placeholder: this.getLabel(), required: false, hideHeader: true, onChanged: e => this.emitDebounced(e.getValue()) }));
+    }
+}
+//# sourceMappingURL=NSAFilterBoxString.js.map

package/dist/components/NSAQuickFilter/NSAFilterBoxString.js.map

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

package/dist/components/NSAQuickFilter/NSAFilterBoxTime.d.ts

@@ -0,0 +1,12 @@
+import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
+export interface NSAFilterBoxTimeProps extends NSAFilterBoxBaseProps {
+    getValues: (search: string) => Promise<{
+        value: string;
+        title: string;
+    }[]>;
+}
+export declare class NSAFilterBoxTime extends NSAFilterBoxBase<NSAFilterBoxTimeProps> {
+    private betweenActive;
+    private list;
+    render(): JSX.Element | null;
+}

package/dist/components/NSAQuickFilter/NSAFilterBoxTime.js

@@ -0,0 +1,58 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FilterItemOperator } from "namirasoft-core";
+import { NSBoxEntity, NSBoxTime, NSBoxTimeRange } from "namirasoft-site-react";
+import { NSAFilterBoxBase } from "./NSAFilterBoxBase";
+import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
+const ENTITY_OPERATORS = ["equals"];
+export class NSAFilterBoxTime extends NSAFilterBoxBase {
+    constructor() {
+        super(...arguments);
+        this.betweenActive = false;
+        this.list = (filters, _page, _size, _sorts) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const searchFilter = filters === null || filters === void 0 ? void 0 : filters.find(f => f.values.length > 0);
+            const search = (_a = searchFilter === null || searchFilter === void 0 ? void 0 : searchFilter.values[0]) !== null && _a !== void 0 ? _a : "";
+            const rows = yield this.props.getValues(search);
+            return { count: rows.length, rows };
+        });
+    }
+    render() {
+        const { config, onChanged } = this.props;
+        const op = config.operatorName
+            ? FilterItemOperator.getByName(config.operatorName)
+            : null;
+        if (op && op.count === 0)
+            return _jsx(NSAFilterBoxBoolean, { config: config, onChanged: onChanged });
+        if (config.operatorName === "between")
+            return (_jsx(NSBoxTimeRange, { title: this.getLabel(), placeholder: this.getLabel(), required: false, hideHeader: true, preset: true, onChanged: e => {
+                    const val = e.getValue();
+                    if (val) {
+                        this.betweenActive = true;
+                        onChanged(this.buildBetweenFilterItems(val.from, val.to));
+                    }
+                    else if (this.betweenActive) {
+                        this.betweenActive = false;
+                        onChanged(null);
+                    }
+                } }));
+        if (config.operatorName && ENTITY_OPERATORS.includes(config.operatorName))
+            return (_jsx(NSBoxEntity, { title: this.getLabel(), placeholder: this.getLabel(), required: false, hideHeader: true, multiple: false, list: this.list, table_name: config.column.table.name, getValue: item => item.value, getTitle: item => item.title, getSort: () => null, onChanged: e => {
+                    const val = e.getValueOne();
+                    onChanged(val ? this.buildFilterItem(val) : null);
+                } }));
+        return (_jsx(NSBoxTime, { title: this.getLabel(), placeholder: this.getLabel(), required: false, hideHeader: true, onChanged: e => {
+                const val = e.getValue();
+                onChanged(val ? this.buildFilterItem(val) : null);
+            } }));
+    }
+}
+//# sourceMappingURL=NSAFilterBoxTime.js.map

package/dist/components/NSAQuickFilter/NSAFilterBoxTime.js.map

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

package/dist/components/NSAQuickFilter/NSAQuickFilterBar.d.ts

@@ -0,0 +1,28 @@
+import { Component } from "react";
+import { FilterItem } from "namirasoft-core";
+import { QuickFilterConfig } from "./NSAQuickFilterDialog";
+interface NSAQuickFilterBarProps {
+    configs: QuickFilterConfig[];
+    getValues: (tableName: string, columnName: string, search: string) => Promise<{
+        value: string;
+        title: string;
+    }[]>;
+    onChanged?: () => void;
+}
+interface NSAQuickFilterBarState {
+    filterValues: {
+        [id: string]: FilterItem | FilterItem[] | null;
+    };
+    clearKeys: {
+        [id: string]: number;
+    };
+}
+export declare class NSAQuickFilterBar extends Component<NSAQuickFilterBarProps, NSAQuickFilterBarState> {
+    constructor(props: NSAQuickFilterBarProps);
+    getFilterItems(): FilterItem[];
+    private handleFilterChange;
+    private renderFilterBox;
+    private renderCard;
+    render(): import("react").JSX.Element | null;
+}
+export {};

package/dist/components/NSAQuickFilter/NSAQuickFilterBar.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component } from "react";
+import { VariableType } from "namirasoft-schema";
+import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
+import { NSAFilterBoxDate } from "./NSAFilterBoxDate";
+import { NSAFilterBoxDateTime } from "./NSAFilterBoxDateTime";
+import { NSAFilterBoxEnum } from "./NSAFilterBoxEnum";
+import { NSAFilterBoxNumber } from "./NSAFilterBoxNumber";
+import { NSAFilterBoxString } from "./NSAFilterBoxString";
+import { NSAFilterBoxTime } from "./NSAFilterBoxTime";
+import Styles from "./NSAQuickFilterBar.module.css";
+const NUMERIC_TYPES = new Set([
+    VariableType.TinyInt, VariableType.SmallInt, VariableType.MediumInt,
+    VariableType.Integer, VariableType.BigInt, VariableType.Float,
+    VariableType.Double, VariableType.Decimal, VariableType.Real, VariableType.Money,
+]);
+const STRING_TYPES = new Set([
+    VariableType.String, VariableType.Email, VariableType.Phone, VariableType.URL,
+    VariableType.Color, VariableType.Font, VariableType.FilePath, VariableType.Version,
+    VariableType.IPV4, VariableType.IPV6, VariableType.IPV4Range, VariableType.IPV6Range,
+]);
+export class NSAQuickFilterBar extends Component {
+    constructor(props) {
+        super(props);
+        this.handleFilterChange = (configId, items) => {
+            this.setState(prev => ({ filterValues: Object.assign(Object.assign({}, prev.filterValues), { [configId]: items }) }), this.props.onChanged);
+        };
+        this.state = { filterValues: {}, clearKeys: {} };
+    }
+    getFilterItems() {
+        return Object.values(this.state.filterValues).flatMap(v => {
+            if (!v)
+                return [];
+            return Array.isArray(v) ? v : [v];
+        });
+    }
+    renderFilterBox(config, clearKey, colGetValues) {
+        const { columnType } = config.column;
+        const onChanged = (items) => this.handleFilterChange(config.id, items);
+        const commonProps = { key: clearKey, config, onChanged };
+        if (columnType === VariableType.Boolean)
+            return _jsx(NSAFilterBoxBoolean, Object.assign({}, commonProps));
+        if (NUMERIC_TYPES.has(columnType))
+            return _jsx(NSAFilterBoxNumber, Object.assign({}, commonProps, { getValues: colGetValues }));
+        if (columnType === VariableType.Date)
+            return _jsx(NSAFilterBoxDate, Object.assign({}, commonProps, { getValues: colGetValues }));
+        if (columnType === VariableType.DateTime)
+            return _jsx(NSAFilterBoxDateTime, Object.assign({}, commonProps, { getValues: colGetValues }));
+        if (columnType === VariableType.Time)
+            return _jsx(NSAFilterBoxTime, Object.assign({}, commonProps, { getValues: colGetValues }));
+        if (STRING_TYPES.has(columnType))
+            return _jsx(NSAFilterBoxString, Object.assign({}, commonProps, { getValues: colGetValues }));
+        if (columnType === VariableType.Enum || columnType === VariableType.Entity)
+            return _jsx(NSAFilterBoxEnum, Object.assign({}, commonProps, { getValues: colGetValues }));
+        return null;
+    }
+    renderCard(config) {
+        var _a;
+        const { getValues } = this.props;
+        const clearKey = (_a = this.state.clearKeys[config.id]) !== null && _a !== void 0 ? _a : 0;
+        const colGetValues = (s) => getValues(config.column.table.name, config.column.name, s);
+        const box = this.renderFilterBox(config, clearKey, colGetValues);
+        if (!box)
+            return null;
+        return (_jsx("div", { className: Styles.qf_card, children: box }, config.id));
+    }
+    render() {
+        const { configs } = this.props;
+        if (configs.length === 0)
+            return null;
+        return (_jsx("div", { className: Styles.qf_bar, children: configs.map(config => this.renderCard(config)) }));
+    }
+}
+//# sourceMappingURL=NSAQuickFilterBar.js.map

package/dist/components/NSAQuickFilter/NSAQuickFilterBar.js.map

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

package/dist/components/NSAQuickFilter/NSAQuickFilterDialog.d.ts

@@ -0,0 +1,43 @@
+import { VariableType } from "namirasoft-schema";
+import { TableColumnInfo } from "namirasoft-site-react";
+import { Component } from "react";
+export interface QuickFilterConfig {
+    id: string;
+    column: {
+        table: {
+            name: string;
+            text: string;
+        };
+        name: string;
+        text: string;
+        type: string;
+        columnType: VariableType;
+    };
+    operatorName?: string;
+}
+interface NSAQuickFilterDialogProps {
+    configs: QuickFilterConfig[];
+    getColumns: () => TableColumnInfo[];
+    typeConverter: (type: string) => VariableType;
+    onSave: (configs: QuickFilterConfig[]) => void;
+    onConfirm: (configs: QuickFilterConfig[]) => void;
+    onClose: () => void;
+}
+interface NSAQuickFilterDialogState {
+    configs: QuickFilterConfig[];
+    formMode: "add" | "edit" | null;
+    editingId: string | null;
+    formColumn: TableColumnInfo | null;
+    formOperatorName: string | null;
+    formKey: number;
+}
+export declare class NSAQuickFilterDialog extends Component<NSAQuickFilterDialogProps, NSAQuickFilterDialogState> {
+    constructor(props: NSAQuickFilterDialogProps);
+    private openAdd;
+    private openEdit;
+    private deleteConfig;
+    private hasChanges;
+    private saveForm;
+    render(): import("react").JSX.Element;
+}
+export {};

package/dist/components/NSAQuickFilter/NSAQuickFilterDialog.js

@@ -0,0 +1,114 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FilterItemOperator } from "namirasoft-core";
+import { VariableType } from "namirasoft-schema";
+import { NSBoxBaseCombo, NSBoxCombo, NSButton, NSButtonBlue, NSColumn, NSDialog, NSNoData, NSTitle } from "namirasoft-site-react";
+import { Component, Fragment } from "react";
+import { NSAFilterOperators } from "../../NSAFilterOperators";
+import Styles from "./NSAQuickFilterDialog.module.css";
+export class NSAQuickFilterDialog extends Component {
+    constructor(props) {
+        super(props);
+        this.openAdd = () => {
+            this.setState(prev => ({
+                formMode: "add",
+                editingId: null,
+                formColumn: null,
+                formOperatorName: null,
+                formKey: prev.formKey + 1,
+            }));
+        };
+        this.openEdit = (config) => {
+            var _a;
+            const col = (_a = this.props.getColumns().find(c => c.table.name === config.column.table.name && c.name === config.column.name)) !== null && _a !== void 0 ? _a : null;
+            this.setState(prev => {
+                var _a;
+                return ({
+                    formMode: "edit",
+                    editingId: config.id,
+                    formColumn: col,
+                    formOperatorName: (_a = config.operatorName) !== null && _a !== void 0 ? _a : null,
+                    formKey: prev.formKey + 1,
+                });
+            });
+        };
+        this.deleteConfig = (id) => {
+            this.setState(prev => ({ configs: prev.configs.filter(c => c.id !== id) }));
+        };
+        this.saveForm = () => {
+            const { formColumn, formOperatorName, formMode, editingId, configs } = this.state;
+            if (!formColumn)
+                return;
+            const columnType = this.props.typeConverter(formColumn.type);
+            const isBoolean = columnType === VariableType.Boolean;
+            const newConfig = {
+                id: formMode === "edit" && editingId ? editingId : crypto.randomUUID(),
+                column: {
+                    table: { name: formColumn.table.name, text: formColumn.table.text },
+                    name: formColumn.name,
+                    text: formColumn.text,
+                    type: formColumn.type,
+                    columnType,
+                },
+                operatorName: isBoolean ? undefined : (formOperatorName !== null && formOperatorName !== void 0 ? formOperatorName : undefined),
+            };
+            const updatedConfigs = formMode === "edit" && editingId
+                ? configs.map(c => c.id === editingId ? newConfig : c)
+                : [...configs, newConfig];
+            this.setState({ configs: updatedConfigs, formMode: null }, () => {
+                this.props.onSave(updatedConfigs);
+            });
+        };
+        this.state = {
+            configs: [...props.configs],
+            formMode: null,
+            editingId: null,
+            formColumn: null,
+            formOperatorName: null,
+            formKey: 0,
+        };
+    }
+    hasChanges() {
+        return JSON.stringify(this.state.configs) !== JSON.stringify(this.props.configs);
+    }
+    render() {
+        const { onClose, onConfirm, getColumns, typeConverter } = this.props;
+        const { configs, formMode, formColumn, formOperatorName, formKey } = this.state;
+        const columns = getColumns();
+        const columnType = formColumn ? typeConverter(formColumn.type) : null;
+        const isBoolean = columnType === VariableType.Boolean;
+        const operators = columnType && !isBoolean ? NSAFilterOperators.getQuickFilterOperators(columnType) : [];
+        return (_jsx(NSDialog, { center_dialog: true, closeButton: { show: true }, onClose: onClose, children: _jsxs(NSColumn, { classList: ["align-items-center"], children: [_jsx(NSTitle, { title: "Quick Filters", style: { marginBottom: 0, fontSize: 24 } }), configs.length === 0 && !formMode &&
+                        _jsx(NSNoData, { lable: "No quick filters defined", style: { marginBottom: 16, fontSize: 20 } }), configs.length > 0 && !formMode && (_jsx(NSColumn, { classList: ["gap-2"], children: configs.map(cfg => {
+                            const opLabel = cfg.operatorName
+                                ? FilterItemOperator.getByName(cfg.operatorName).name
+                                : "—";
+                            return (_jsxs("div", { className: Styles.qf_item, children: [_jsxs("div", { className: Styles.qf_item_info, children: [_jsx("span", { className: Styles.qf_item_label, children: cfg.column.text }), _jsx("span", { className: Styles.qf_item_op, children: opLabel })] }), _jsxs("div", { className: Styles.qf_item_actions, children: [_jsx(NSButton, { title: "", icon: { src: "https://static.namirasoft.com/image/concept/edit/blue.svg", alt: "edit" }, classList: [Styles.qf_item_btn], onClick: { action: () => this.openEdit(cfg), showLoading: false } }), _jsx(NSButton, { title: "", icon: { src: "https://static.namirasoft.com/image/concept/delete/blue.svg", alt: "delete" }, classList: [Styles.qf_item_btn], onClick: { action: () => this.deleteConfig(cfg.id), showLoading: false } })] })] }, cfg.id));
+                        }) })), formMode &&
+                        _jsxs(Fragment, { children: [_jsx(NSBoxBaseCombo, { title: "Column", required: true, defaultValue: formColumn === null || formColumn === void 0 ? void 0 : formColumn.name, getItems: () => __awaiter(this, void 0, void 0, function* () { return ({ count: columns.length, rows: columns }); }), getTitle: c => c.text, getValue: c => c.name, getSort: () => null, multiple: false, onChanged: e => {
+                                        const col = e.getDataOne();
+                                        this.setState({ formColumn: col !== null && col !== void 0 ? col : null, formOperatorName: null });
+                                    }, menu: {
+                                        builtin: {
+                                            copy: { enabled: false, getValue: () => "" }
+                                        },
+                                        items: []
+                                    } }), _jsx(NSBoxCombo, { title: "Operator", required: true, disabled: !formColumn || isBoolean, defaultValue: formOperatorName !== null && formOperatorName !== void 0 ? formOperatorName : undefined, getOptions: () => operators.map(op => ({ value: NSAFilterOperators.getOperatorKey(op), title: `${op.sign} (${op.name})` })), multiple: false, searchable: false, onChanged: e => { var _a; return this.setState({ formOperatorName: (_a = e.getValueOne(false)) !== null && _a !== void 0 ? _a : null }); }, menu: {
+                                        builtin: {
+                                            copy: { enabled: false, getValue: () => "" }
+                                        },
+                                        items: []
+                                    } }, formColumn === null || formColumn === void 0 ? void 0 : formColumn.name), _jsx(NSButtonBlue, { title: "Save", onClick: { action: this.saveForm, showLoading: false } }), _jsx(NSButton, { title: "", icon: { src: "https://static.namirasoft.com/image/concept/arrow/left/blue.svg", alt: "back" }, classList: [Styles.qf_back_btn], onClick: { action: () => this.setState({ formMode: null }), showLoading: false }, style: { width: 40, height: 40 } })] }, formKey), !formMode &&
+                        _jsxs(_Fragment, { children: [_jsx(NSButton, { title: "+ Add Filter", onClick: { action: this.openAdd, showLoading: false }, style: { border: "1px solid #000" } }), this.hasChanges() &&
+                                    _jsx(NSButtonBlue, { title: "Save Changes", onClick: { action: () => onConfirm(this.state.configs), showLoading: false } })] })] }) }));
+    }
+}
+//# sourceMappingURL=NSAQuickFilterDialog.js.map

package/dist/components/NSAQuickFilter/NSAQuickFilterDialog.js.map

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

package/dist/components/NSAReorderDialog.d.ts

@@ -0,0 +1,30 @@
+import { TableColumnInfo } from "namirasoft-site-react";
+import { Component } from "react";
+interface ColumnItem {
+    key: string;
+    text: string;
+    checked: boolean;
+}
+interface NSAReorderDialogProps {
+    visibleColumnKeys: string[];
+    getColumns: () => TableColumnInfo[];
+    onCancel: () => void;
+    onApply: (orderedKeys: string[]) => void;
+}
+interface NSAReorderDialogState {
+    columns: ColumnItem[];
+    dragFromIndex: number | null;
+    dragOverIndex: number | null;
+}
+export declare class NSAReorderDialog extends Component<NSAReorderDialogProps, NSAReorderDialogState> {
+    constructor(props: NSAReorderDialogProps);
+    private buildColumnItems;
+    private onDragStart;
+    private onDragOver;
+    private onDrop;
+    private onDragEnd;
+    private toggleChecked;
+    private handleApply;
+    render(): import("react").JSX.Element;
+}
+export {};

package/dist/components/NSAReorderDialog.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NSBox, NSButtonBlue, NSColumn, NSDialog, NSTitle } from "namirasoft-site-react";
+import { Component } from "react";
+import Styles from "./NSAReorderDialog.module.css";
+export class NSAReorderDialog extends Component {
+    constructor(props) {
+        super(props);
+        this.onDragStart = (index) => this.setState({ dragFromIndex: index });
+        this.onDragOver = (e, index) => {
+            e.preventDefault();
+            if (this.state.dragOverIndex !== index)
+                this.setState({ dragOverIndex: index });
+        };
+        this.onDrop = (e, dropIndex) => {
+            e.preventDefault();
+            const { dragFromIndex, columns } = this.state;
+            if (dragFromIndex === null || dragFromIndex === dropIndex) {
+                this.setState({ dragFromIndex: null, dragOverIndex: null });
+                return;
+            }
+            const next = [...columns];
+            const [moved] = next.splice(dragFromIndex, 1);
+            next.splice(dropIndex, 0, moved);
+            this.setState({ columns: next, dragFromIndex: null, dragOverIndex: null });
+        };
+        this.onDragEnd = () => this.setState({ dragFromIndex: null, dragOverIndex: null });
+        this.toggleChecked = (key) => this.setState(prev => ({
+            columns: prev.columns.map(c => c.key === key ? Object.assign(Object.assign({}, c), { checked: !c.checked }) : c)
+        }));
+        this.handleApply = () => {
+            const orderedKeys = this.state.columns.filter(c => c.checked).map(c => c.key);
+            this.props.onApply(orderedKeys);
+        };
+        this.state = {
+            columns: this.buildColumnItems(props),
+            dragFromIndex: null,
+            dragOverIndex: null
+        };
+    }
+    buildColumnItems(props) {
+        const allColumns = props.getColumns();
+        const visibleKeys = props.visibleColumnKeys;
+        if (visibleKeys.length === 0)
+            return allColumns.map(c => ({ key: c.table.name + "." + c.name, text: c.text, checked: true }));
+        const visibleItems = visibleKeys
+            .map(k => allColumns.find(c => c.table.name + "." + c.name === k))
+            .filter(Boolean)
+            .map(c => ({ key: c.table.name + "." + c.name, text: c.text, checked: true }));
+        const hiddenItems = allColumns
+            .filter(c => !visibleKeys.includes(c.table.name + "." + c.name))
+            .map(c => ({ key: c.table.name + "." + c.name, text: c.text, checked: false }));
+        return [...visibleItems, ...hiddenItems];
+    }
+    render() {
+        const { onCancel } = this.props;
+        const { columns, dragFromIndex, dragOverIndex } = 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;
+                            let cls = Styles.column_item;
+                            if (isDragging)
+                                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));
+                        }) }), _jsx(NSButtonBlue, { title: "Apply", onClick: { action: this.handleApply, showLoading: false } })] }) }));
+    }
+}
+//# sourceMappingURL=NSAReorderDialog.js.map

package/dist/components/NSAReorderDialog.js.map

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

package/dist/components/NSAReorderDialog.module.css

@@ -0,0 +1,50 @@
+.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;
+}

package/dist/components/NSASortDialog.d.ts

@@ -0,0 +1,21 @@
+import { SortItem } from "namirasoft-core";
+import { TableColumnInfo } from "namirasoft-site-react";
+import { Component } from "react";
+interface NSASortDialogProps {
+    sorts: SortItem[];
+    getColumns: () => TableColumnInfo[];
+    onCancel: () => void;
+    onApply: (sorts: SortItem[] | null) => void;
+}
+interface NSASortDialogState {
+    sortEnabled: boolean;
+}
+export declare class NSASortDialog extends Component<NSASortDialogProps, NSASortDialogState> {
+    private sortBoolRef;
+    private sortColumnRef;
+    private sortDirectionRef;
+    constructor(props: NSASortDialogProps);
+    private handleApply;
+    render(): import("react").JSX.Element;
+}
+export {};