namirasoft-account-react 1.5.21 → 1.5.22

package/src/components/quickfilter/NSAFilterBoxNumber.tsx

@@ -1,146 +1,146 @@
-import { FilterItem, FilterItemOperator, SetTimeouService, SortItem } from "namirasoft-core";
-import { NSBoxDouble, NSBoxEntity, NSRow } from "namirasoft-site-react";
-import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
-import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
-
-export interface NSAFilterBoxNumberProps extends NSAFilterBoxBaseProps
-{
-    getValues: (search: string) => Promise<{ value: string; title: string }[]>;
-}
-
-interface NSAFilterBoxNumberState
-{
-    valueFrom: number | null;
-    valueTo: number | null;
-}
-
-type ValueItem = { value: string; title: string };
-
-const ENTITY_OPERATORS = ["equals", "notequals"];
-const DEBOUNCE_MS = 1000;
-
-export class NSAFilterBoxNumber extends NSAFilterBoxBase<NSAFilterBoxNumberProps, NSAFilterBoxNumberState>
-{
-    private debounce = new SetTimeouService();
-    private betweenDebounce = new SetTimeouService();
-    private betweenActive = false;
-
-    constructor(props: NSAFilterBoxNumberProps)
-    {
-        super(props);
-        const between = this.getInitialBetween();
-        this.betweenActive = between !== undefined;
-        this.state = {
-            valueFrom: between ? Number(between.from) : null,
-            valueTo: between ? Number(between.to) : null,
-        };
-    }
-
-    private emitDebounced(value: number | null): void
-    {
-        this.debounce.setTimeoutIfNotCalledAgain(
-            () => this.props.onChanged(value !== null ? this.buildFilterItem(String(value)) : null),
-            DEBOUNCE_MS
-        );
-    }
-
-    private handleBetweenChange(patch: Partial<NSAFilterBoxNumberState>): void
-    {
-        this.setState(patch as NSAFilterBoxNumberState, () =>
-        {
-            const { valueFrom, valueTo } = this.state;
-            this.betweenDebounce.setTimeoutIfNotCalledAgain(() =>
-            {
-                if (valueFrom !== null && valueTo !== null)
-                {
-                    this.betweenActive = true;
-                    this.props.onChanged(this.buildBetweenFilterItems(String(valueFrom), String(valueTo)));
-                }
-                else if (this.betweenActive)
-                {
-                    this.betweenActive = false;
-                    this.props.onChanged(null);
-                }
-            }, DEBOUNCE_MS);
-        });
-    }
-
-    private list = async (
-        filters: FilterItem[] | null,
-        _page: number | null,
-        _size: number | null,
-        _sorts: SortItem[]
-    ): Promise<{ count: number; rows: ValueItem[] }> =>
-    {
-        const searchFilter = filters?.find(f => f.values.length > 0);
-        const search = searchFilter?.values[0] ?? "";
-        const rows = await this.props.getValues(search);
-        return { count: rows.length, rows };
-    };
-
-    override render(): JSX.Element | null
-    {
-        const { config, onChanged } = this.props;
-        const op = config.operatorName
-            ? FilterItemOperator.getByName(config.operatorName)
-            : null;
-
-        if (op && op.count === 0)
-            return <NSAFilterBoxBoolean config={config} initial={this.props.initial} onChanged={onChanged} />;
-
-        if (config.operatorName === "between")
-            return (
-                <NSRow>
-                    <NSBoxDouble
-                        title={`${this.getLabel()} From`}
-                        placeholder={`${this.getLabel()} From`}
-                        required={false}
-                        hideHeader={true}
-                        defaultValue={this.state.valueFrom ?? undefined}
-                        onChanged={e => this.handleBetweenChange({ valueFrom: e.getValue() })}
-                    />
-                    <NSBoxDouble
-                        title={`${this.getLabel()} To`}
-                        placeholder={`${this.getLabel()} To`}
-                        required={false}
-                        hideHeader={true}
-                        defaultValue={this.state.valueTo ?? undefined}
-                        onChanged={e => this.handleBetweenChange({ valueTo: e.getValue() })}
-                    />
-                </NSRow>
-            );
-
-        if (config.operatorName && ENTITY_OPERATORS.includes(config.operatorName))
-            return (
-                <NSBoxEntity<ValueItem>
-                    title={this.getLabel()}
-                    placeholder={this.getLabel()}
-                    required={false}
-                    hideHeader={true}
-                    multiple={false}
-                    defaultValue={this.getInitialValue()}
-                    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 (
-            <NSBoxDouble
-                title={this.getLabel()}
-                placeholder={this.getLabel()}
-                required={false}
-                hideHeader={true}
-                defaultValue={this.getInitialValue() !== undefined ? Number(this.getInitialValue()) : undefined}
-                onChanged={e => this.emitDebounced(e.getValue())}
-            />
-        );
-    }
+import { FilterItem, FilterItemOperator, SetTimeouService, SortItem } from "namirasoft-core";
+import { NSBoxDouble, NSBoxEntity, NSRow } from "namirasoft-site-react";
+import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
+import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
+
+export interface NSAFilterBoxNumberProps extends NSAFilterBoxBaseProps
+{
+    getValues: (search: string) => Promise<{ value: string; title: string }[]>;
+}
+
+interface NSAFilterBoxNumberState
+{
+    valueFrom: number | null;
+    valueTo: number | null;
+}
+
+type ValueItem = { value: string; title: string };
+
+const ENTITY_OPERATORS = ["equals", "notequals"];
+const DEBOUNCE_MS = 1000;
+
+export class NSAFilterBoxNumber extends NSAFilterBoxBase<NSAFilterBoxNumberProps, NSAFilterBoxNumberState>
+{
+    private debounce = new SetTimeouService();
+    private betweenDebounce = new SetTimeouService();
+    private betweenActive = false;
+
+    constructor(props: NSAFilterBoxNumberProps)
+    {
+        super(props);
+        const between = this.getInitialBetween();
+        this.betweenActive = between !== undefined;
+        this.state = {
+            valueFrom: between ? Number(between.from) : null,
+            valueTo: between ? Number(between.to) : null,
+        };
+    }
+
+    private emitDebounced(value: number | null): void
+    {
+        this.debounce.setTimeoutIfNotCalledAgain(
+            () => this.props.onChanged(value !== null ? this.buildFilterItem(String(value)) : null),
+            DEBOUNCE_MS
+        );
+    }
+
+    private handleBetweenChange(patch: Partial<NSAFilterBoxNumberState>): void
+    {
+        this.setState(patch as NSAFilterBoxNumberState, () =>
+        {
+            const { valueFrom, valueTo } = this.state;
+            this.betweenDebounce.setTimeoutIfNotCalledAgain(() =>
+            {
+                if (valueFrom !== null && valueTo !== null)
+                {
+                    this.betweenActive = true;
+                    this.props.onChanged(this.buildBetweenFilterItems(String(valueFrom), String(valueTo)));
+                }
+                else if (this.betweenActive)
+                {
+                    this.betweenActive = false;
+                    this.props.onChanged(null);
+                }
+            }, DEBOUNCE_MS);
+        });
+    }
+
+    private list = async (
+        filters: FilterItem[] | null,
+        _page: number | null,
+        _size: number | null,
+        _sorts: SortItem[]
+    ): Promise<{ count: number; rows: ValueItem[] }> =>
+    {
+        const searchFilter = filters?.find(f => f.values.length > 0);
+        const search = searchFilter?.values[0] ?? "";
+        const rows = await this.props.getValues(search);
+        return { count: rows.length, rows };
+    };
+
+    override render(): JSX.Element | null
+    {
+        const { config, onChanged } = this.props;
+        const op = config.operatorName
+            ? FilterItemOperator.getByName(config.operatorName)
+            : null;
+
+        if (op && op.count === 0)
+            return <NSAFilterBoxBoolean config={config} initial={this.props.initial} onChanged={onChanged} />;
+
+        if (config.operatorName === "between")
+            return (
+                <NSRow>
+                    <NSBoxDouble
+                        title={`${this.getLabel()} From`}
+                        placeholder={`${this.getLabel()} From`}
+                        required={false}
+                        hideHeader={true}
+                        defaultValue={this.state.valueFrom ?? undefined}
+                        onChanged={e => this.handleBetweenChange({ valueFrom: e.getValue() })}
+                    />
+                    <NSBoxDouble
+                        title={`${this.getLabel()} To`}
+                        placeholder={`${this.getLabel()} To`}
+                        required={false}
+                        hideHeader={true}
+                        defaultValue={this.state.valueTo ?? undefined}
+                        onChanged={e => this.handleBetweenChange({ valueTo: e.getValue() })}
+                    />
+                </NSRow>
+            );
+
+        if (config.operatorName && ENTITY_OPERATORS.includes(config.operatorName))
+            return (
+                <NSBoxEntity<ValueItem>
+                    title={this.getLabel()}
+                    placeholder={this.getLabel()}
+                    required={false}
+                    hideHeader={true}
+                    multiple={false}
+                    defaultValue={this.getInitialValue()}
+                    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 (
+            <NSBoxDouble
+                title={this.getLabel()}
+                placeholder={this.getLabel()}
+                required={false}
+                hideHeader={true}
+                defaultValue={this.getInitialValue() !== undefined ? Number(this.getInitialValue()) : undefined}
+                onChanged={e => this.emitDebounced(e.getValue())}
+            />
+        );
+    }
 }

package/src/components/quickfilter/NSAFilterBoxString.tsx

@@ -1,84 +1,84 @@
-import { FilterItem, FilterItemOperator, SetTimeouService, SortItem } from "namirasoft-core";
-import { NSBoxEntity, NSBoxString } from "namirasoft-site-react";
-import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
-import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
-
-export interface NSAFilterBoxStringProps extends NSAFilterBoxBaseProps
-{
-    getValues: (search: string) => Promise<{ value: string; title: string }[]>;
-}
-
-type ValueItem = { value: string; title: string };
-
-const ENTITY_OPERATORS = ["equals", "notequals"];
-const DEBOUNCE_MS = 1000;
-
-export class NSAFilterBoxString extends NSAFilterBoxBase<NSAFilterBoxStringProps>
-{
-    private debounce = new SetTimeouService();
-
-    private list = async (
-        filters: FilterItem[] | null,
-        _page: number | null,
-        _size: number | null,
-        _sorts: SortItem[]
-    ): Promise<{ count: number; rows: ValueItem[] }> =>
-    {
-        const searchFilter = filters?.find(f => f.values.length > 0);
-        const search = searchFilter?.values[0] ?? "";
-        const rows = await this.props.getValues(search);
-        return { count: rows.length, rows };
-    };
-
-    private emitDebounced(value: string | null): void
-    {
-        this.debounce.setTimeoutIfNotCalledAgain(
-            () => this.props.onChanged(value ? this.buildFilterItem(value) : null),
-            DEBOUNCE_MS
-        );
-    }
-
-    override render(): JSX.Element | null
-    {
-        const { config, onChanged } = this.props;
-        const op = config.operatorName
-            ? FilterItemOperator.getByName(config.operatorName)
-            : null;
-
-        if (op && op.count === 0)
-            return <NSAFilterBoxBoolean config={config} initial={this.props.initial} onChanged={onChanged} />;
-
-        if (config.operatorName && ENTITY_OPERATORS.includes(config.operatorName))
-            return (
-                <NSBoxEntity<ValueItem>
-                    title={this.getLabel()}
-                    placeholder={this.getLabel()}
-                    required={false}
-                    hideHeader={true}
-                    multiple={false}
-                    defaultValue={this.getInitialValue()}
-                    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 (
-            <NSBoxString
-                title={this.getLabel()}
-                placeholder={this.getLabel()}
-                required={false}
-                hideHeader={true}
-                defaultValue={this.getInitialValue()}
-                onChanged={e => this.emitDebounced(e.getValue())}
-            />
-        );
-    }
+import { FilterItem, FilterItemOperator, SetTimeouService, SortItem } from "namirasoft-core";
+import { NSBoxEntity, NSBoxString } from "namirasoft-site-react";
+import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
+import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
+
+export interface NSAFilterBoxStringProps extends NSAFilterBoxBaseProps
+{
+    getValues: (search: string) => Promise<{ value: string; title: string }[]>;
+}
+
+type ValueItem = { value: string; title: string };
+
+const ENTITY_OPERATORS = ["equals", "notequals"];
+const DEBOUNCE_MS = 1000;
+
+export class NSAFilterBoxString extends NSAFilterBoxBase<NSAFilterBoxStringProps>
+{
+    private debounce = new SetTimeouService();
+
+    private list = async (
+        filters: FilterItem[] | null,
+        _page: number | null,
+        _size: number | null,
+        _sorts: SortItem[]
+    ): Promise<{ count: number; rows: ValueItem[] }> =>
+    {
+        const searchFilter = filters?.find(f => f.values.length > 0);
+        const search = searchFilter?.values[0] ?? "";
+        const rows = await this.props.getValues(search);
+        return { count: rows.length, rows };
+    };
+
+    private emitDebounced(value: string | null): void
+    {
+        this.debounce.setTimeoutIfNotCalledAgain(
+            () => this.props.onChanged(value ? this.buildFilterItem(value) : null),
+            DEBOUNCE_MS
+        );
+    }
+
+    override render(): JSX.Element | null
+    {
+        const { config, onChanged } = this.props;
+        const op = config.operatorName
+            ? FilterItemOperator.getByName(config.operatorName)
+            : null;
+
+        if (op && op.count === 0)
+            return <NSAFilterBoxBoolean config={config} initial={this.props.initial} onChanged={onChanged} />;
+
+        if (config.operatorName && ENTITY_OPERATORS.includes(config.operatorName))
+            return (
+                <NSBoxEntity<ValueItem>
+                    title={this.getLabel()}
+                    placeholder={this.getLabel()}
+                    required={false}
+                    hideHeader={true}
+                    multiple={false}
+                    defaultValue={this.getInitialValue()}
+                    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 (
+            <NSBoxString
+                title={this.getLabel()}
+                placeholder={this.getLabel()}
+                required={false}
+                hideHeader={true}
+                defaultValue={this.getInitialValue()}
+                onChanged={e => this.emitDebounced(e.getValue())}
+            />
+        );
+    }
 }