namirasoft-account-react 1.4.429 → 1.4.430

package/src/components/NSASortDialog.tsx

@@ -1,118 +1,118 @@
-import { BaseMetaColumn, BaseMetaTable, SortItem } from "namirasoft-core";
-import { NSBoxBaseCombo, NSBoxBoolean, NSBoxCombo, NSButtonBlue, NSColumn, NSDialog, NSTitle, TableColumnInfo } from "namirasoft-site-react";
-import { Component, createRef } from "react";
-
-interface NSASortDialogProps
-{
-    sorts: SortItem[];
-    getColumns: () => TableColumnInfo[];
-    onCancel: () => void;
-    onApply: (sorts: SortItem[] | null) => void;
-}
-
-interface NSASortDialogState
-{
-    sortEnabled: boolean;
-}
-
-export class NSASortDialog extends Component<NSASortDialogProps, NSASortDialogState>
-{
-    private sortBoolRef = createRef<NSBoxBoolean>();
-    private sortColumnRef = createRef<NSBoxBaseCombo<TableColumnInfo>>();
-    private sortDirectionRef = createRef<NSBoxCombo>();
-
-    constructor(props: NSASortDialogProps)
-    {
-        super(props);
-        this.state = { sortEnabled: props.sorts.length > 0 };
-    }
-
-    private handleApply = () =>
-    {
-        if (!this.sortBoolRef.current?.getValueBool())
-        {
-            this.props.onApply(null);
-            return;
-        }
-        const column = this.sortColumnRef.current?.getDataOne();
-        const direction = this.sortDirectionRef.current?.getValueOne();
-        if (column)
-        {
-            const t = new BaseMetaTable(null, column.table.name, column.table.text);
-            const c = new BaseMetaColumn(t, column.name, column.text, "", true);
-            const sort = new SortItem(t, c, direction === "true");
-            this.props.onApply([sort]);
-        }
-        else
-            this.props.onApply(null);
-    };
-
-    override render()
-    {
-        const { sorts, getColumns, onCancel } = this.props;
-
-        return (
-            <NSDialog
-                center_dialog
-                closeButton={{ show: true }}
-                onClose={onCancel}
-            >
-                <NSTitle title="Sort" style={{ marginBottom: 0, fontSize: 24 }} />
-                <NSColumn classList={["align-items-center mt-3"]}>
-                    <NSBoxBoolean
-                        ref={this.sortBoolRef}
-                        required
-                        title="Sort"
-                        hideHeader={true}
-                        checked={sorts.length > 0}
-                        onChanged={() => this.setState(prev => ({ sortEnabled: !prev.sortEnabled }))}
-                    />
-                    <NSBoxBaseCombo<TableColumnInfo>
-                        ref={this.sortColumnRef}
-                        title="Column"
-                        required
-                        defaultValue={sorts[0]?.column.name}
-                        getItems={async () =>
-                        {
-                            const cs = getColumns();
-                            return { count: cs.length, rows: cs }
-                        }}
-                        getTitle={c => c.text}
-                        getValue={c => c.name}
-                        getSort={() => null}
-                        multiple={false}
-                        disabled={this.state.sortEnabled}
-                        menu={{
-                            builtin: {
-                                copy: { enabled: false, getValue: () => "" }
-                            },
-                            items: []
-                        }}
-                    />
-                    <NSBoxCombo
-                        ref={this.sortDirectionRef}
-                        title="Direction"
-                        required
-                        defaultValue={sorts[0]?.ascending + ""}
-                        getOptions={() => [
-                            { value: "true", title: "Ascending" },
-                            { value: "false", title: "Descending" }
-                        ]}
-                        multiple={false}
-                        disabled={this.state.sortEnabled}
-                        menu={{
-                            builtin: {
-                                copy: { enabled: false, getValue: () => "" }
-                            },
-                            items: []
-                        }}
-                    />
-                    <NSButtonBlue
-                        title="Apply"
-                        onClick={{ action: this.handleApply, showLoading: false }}
-                    />
-                </NSColumn>
-            </NSDialog>
-        );
-    }
+import { BaseMetaColumn, BaseMetaTable, SortItem } from "namirasoft-core";
+import { NSBoxBaseCombo, NSBoxBoolean, NSBoxCombo, NSButtonBlue, NSColumn, NSDialog, NSTitle, TableColumnInfo } from "namirasoft-site-react";
+import { Component, createRef } from "react";
+
+interface NSASortDialogProps
+{
+    sorts: SortItem[];
+    getColumns: () => TableColumnInfo[];
+    onCancel: () => void;
+    onApply: (sorts: SortItem[] | null) => void;
+}
+
+interface NSASortDialogState
+{
+    sortEnabled: boolean;
+}
+
+export class NSASortDialog extends Component<NSASortDialogProps, NSASortDialogState>
+{
+    private sortBoolRef = createRef<NSBoxBoolean>();
+    private sortColumnRef = createRef<NSBoxBaseCombo<TableColumnInfo>>();
+    private sortDirectionRef = createRef<NSBoxCombo>();
+
+    constructor(props: NSASortDialogProps)
+    {
+        super(props);
+        this.state = { sortEnabled: props.sorts.length > 0 };
+    }
+
+    private handleApply = () =>
+    {
+        if (!this.sortBoolRef.current?.getValueBool())
+        {
+            this.props.onApply(null);
+            return;
+        }
+        const column = this.sortColumnRef.current?.getDataOne();
+        const direction = this.sortDirectionRef.current?.getValueOne();
+        if (column)
+        {
+            const t = new BaseMetaTable(null, column.table.name, column.table.text);
+            const c = new BaseMetaColumn(t, column.name, column.text, "", true);
+            const sort = new SortItem(t, c, direction === "true");
+            this.props.onApply([sort]);
+        }
+        else
+            this.props.onApply(null);
+    };
+
+    override render()
+    {
+        const { sorts, getColumns, onCancel } = this.props;
+
+        return (
+            <NSDialog
+                center_dialog
+                closeButton={{ show: true }}
+                onClose={onCancel}
+            >
+                <NSTitle title="Sort" style={{ marginBottom: 0, fontSize: 24 }} />
+                <NSColumn classList={["align-items-center mt-3"]}>
+                    <NSBoxBoolean
+                        ref={this.sortBoolRef}
+                        required
+                        title="Sort"
+                        hideHeader={true}
+                        checked={sorts.length > 0}
+                        onChanged={() => this.setState(prev => ({ sortEnabled: !prev.sortEnabled }))}
+                    />
+                    <NSBoxBaseCombo<TableColumnInfo>
+                        ref={this.sortColumnRef}
+                        title="Column"
+                        required
+                        defaultValue={sorts[0]?.column.name}
+                        getItems={async () =>
+                        {
+                            const cs = getColumns();
+                            return { count: cs.length, rows: cs }
+                        }}
+                        getTitle={c => c.text}
+                        getValue={c => c.name}
+                        getSort={() => null}
+                        multiple={false}
+                        disabled={this.state.sortEnabled}
+                        menu={{
+                            builtin: {
+                                copy: { enabled: false, getValue: () => "" }
+                            },
+                            items: []
+                        }}
+                    />
+                    <NSBoxCombo
+                        ref={this.sortDirectionRef}
+                        title="Direction"
+                        required
+                        defaultValue={sorts[0]?.ascending + ""}
+                        getOptions={() => [
+                            { value: "true", title: "Ascending" },
+                            { value: "false", title: "Descending" }
+                        ]}
+                        multiple={false}
+                        disabled={this.state.sortEnabled}
+                        menu={{
+                            builtin: {
+                                copy: { enabled: false, getValue: () => "" }
+                            },
+                            items: []
+                        }}
+                    />
+                    <NSButtonBlue
+                        title="Apply"
+                        onClick={{ action: this.handleApply, showLoading: false }}
+                    />
+                </NSColumn>
+            </NSDialog>
+        );
+    }
 }