namirasoft-account-react 1.5.37 → 1.5.39

package/src/components/quickfilter/NSAFilterBoxDateTime.tsx

@@ -1,111 +1,111 @@
-import { FilterItem, FilterItemOperator, SortItem, TimeOperation } from "namirasoft-core";
-import { NSBoxDateTime, NSBoxDateTimeRange, NSBoxEntity } from "namirasoft-site-react";
-import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
-import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
-
-export interface NSAFilterBoxDateTimeProps extends NSAFilterBoxBaseProps
-{
-    getValues: (search: string) => Promise<{ value: string; title: string }[]>;
-}
-
-type ValueItem = { value: string; title: string };
-
-const ENTITY_OPERATORS = ["equals"];
-
-export class NSAFilterBoxDateTime extends NSAFilterBoxBase<NSAFilterBoxDateTimeProps>
-{
-    private betweenActive = this.getInitialBetween() !== undefined;
-
-    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} />;
-
-        const between = this.getInitialBetween();
-
-        if (config.operatorName === "between")
-            return (
-                <NSBoxDateTimeRange
-                    title={this.getLabel()}
-                    placeholder={this.getLabel()}
-                    required={false}
-                    hideHeader={true}
-                    preset={true}
-                    defaultValue={between ? { from: this.parseDBDate(between.from), to: this.parseDBDate(between.to) } : undefined}
-                    onChanged={e =>
-                    {
-                        const val = e.getValue();
-                        if (val)
-                        {
-                            this.betweenActive = true;
-                            onChanged(this.buildBetweenFilterItems(
-                                TimeOperation.toDBFormat(val.from),
-                                TimeOperation.toDBFormat(val.to)
-                            ));
-                        }
-                        else if (this.betweenActive)
-                        {
-                            this.betweenActive = false;
-                            onChanged(null);
-                        }
-                    }}
-                />
-            );
-
-        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);
-                    }}
-                />
-            );
-
-        const single = this.getInitialValue();
-        return (
-            <NSBoxDateTime
-                title={this.getLabel()}
-                placeholder={this.getLabel()}
-                required={false}
-                hideHeader={true}
-                defaultValue={single !== undefined ? this.parseDBDate(single) : undefined}
-                onChanged={e =>
-                {
-                    const val = e.getValue();
-                    onChanged(val ? this.buildFilterItem(TimeOperation.toDBFormat(val)) : null);
-                }}
-            />
-        );
-    }
+import { FilterItem, FilterItemOperator, SortItem, TimeOperation } from "namirasoft-core";
+import { NSBoxDateTime, NSBoxDateTimeRange, NSBoxEntity } from "namirasoft-site-react";
+import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
+import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
+
+export interface NSAFilterBoxDateTimeProps extends NSAFilterBoxBaseProps
+{
+    getValues: (search: string) => Promise<{ value: string; title: string }[]>;
+}
+
+type ValueItem = { value: string; title: string };
+
+const ENTITY_OPERATORS = ["equals"];
+
+export class NSAFilterBoxDateTime extends NSAFilterBoxBase<NSAFilterBoxDateTimeProps>
+{
+    private betweenActive = this.getInitialBetween() !== undefined;
+
+    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} />;
+
+        const between = this.getInitialBetween();
+
+        if (config.operatorName === "between")
+            return (
+                <NSBoxDateTimeRange
+                    title={this.getLabel()}
+                    placeholder={this.getLabel()}
+                    required={false}
+                    hideHeader={true}
+                    preset={true}
+                    defaultValue={between ? { from: this.parseDBDate(between.from), to: this.parseDBDate(between.to) } : undefined}
+                    onChanged={e =>
+                    {
+                        const val = e.getValue();
+                        if (val)
+                        {
+                            this.betweenActive = true;
+                            onChanged(this.buildBetweenFilterItems(
+                                TimeOperation.toDBFormat(val.from),
+                                TimeOperation.toDBFormat(val.to)
+                            ));
+                        }
+                        else if (this.betweenActive)
+                        {
+                            this.betweenActive = false;
+                            onChanged(null);
+                        }
+                    }}
+                />
+            );
+
+        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);
+                    }}
+                />
+            );
+
+        const single = this.getInitialValue();
+        return (
+            <NSBoxDateTime
+                title={this.getLabel()}
+                placeholder={this.getLabel()}
+                required={false}
+                hideHeader={true}
+                defaultValue={single !== undefined ? this.parseDBDate(single) : undefined}
+                onChanged={e =>
+                {
+                    const val = e.getValue();
+                    onChanged(val ? this.buildFilterItem(TimeOperation.toDBFormat(val)) : null);
+                }}
+            />
+        );
+    }
 }

package/src/components/quickfilter/NSAFilterBoxEnum.module.css

@@ -1,52 +1,52 @@
-.title {
-    font-size: 13px;
-    font-weight: 400;
-    color: #6b6b6b;
-    display: flex;
-    align-items: center;
-    white-space: nowrap;
-    flex-shrink: 0;
-    margin-right: 2px;
-}
-
-.container {
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    gap: 6px;
-    height: 48px;
-    width: 100%;
-    box-sizing: border-box;
-    padding: 0 10px;
-    border: 1px solid #a0a0a0;
-    border-radius: 8px;
-    background-color: #fff;
-    overflow-x: auto;
-    overflow-y: hidden;
-}
-
-.option {
-    padding: 4px 12px;
-    border-radius: 16px;
-    border: 1px solid #a0a0a0;
-    background-color: #fff;
-    color: #333;
-    cursor: pointer;
-    font-size: 13px;
-    font-family: inherit;
-    flex-shrink: 0;
-    white-space: nowrap;
-}
-
-.option_active {
-    border-color: #1976d2;
-    background-color: #1976d2;
-    color: #fff;
-}
-
-.option_exclude {
-    border-color: #d32f2f;
-    text-decoration: line-through;
-    text-decoration-color: #d32f2f;
-    text-decoration-thickness: 1px;
+.title {
+    font-size: 13px;
+    font-weight: 400;
+    color: #6b6b6b;
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+    flex-shrink: 0;
+    margin-right: 2px;
+}
+
+.container {
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    gap: 6px;
+    height: 48px;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 10px;
+    border: 1px solid #a0a0a0;
+    border-radius: 8px;
+    background-color: #fff;
+    overflow-x: auto;
+    overflow-y: hidden;
+}
+
+.option {
+    padding: 4px 12px;
+    border-radius: 16px;
+    border: 1px solid #a0a0a0;
+    background-color: #fff;
+    color: #333;
+    cursor: pointer;
+    font-size: 13px;
+    font-family: inherit;
+    flex-shrink: 0;
+    white-space: nowrap;
+}
+
+.option_active {
+    border-color: #1976d2;
+    background-color: #1976d2;
+    color: #fff;
+}
+
+.option_exclude {
+    border-color: #d32f2f;
+    text-decoration: line-through;
+    text-decoration-color: #d32f2f;
+    text-decoration-thickness: 1px;
 }

package/src/components/quickfilter/NSAFilterBoxEnum.tsx

@@ -1,104 +1,104 @@
-import { FilterItemOperator } from "namirasoft-core";
-import { NSLoading } from "namirasoft-site-react";
-import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
-import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
-import Styles from "./NSAFilterBoxEnum.module.css";
-
-export interface NSAFilterBoxEnumProps extends NSAFilterBoxBaseProps
-{
-    getValues: (search: string) => Promise<{ value: string; title: string }[]>;
-}
-
-type ValueItem = { value: string; title: string };
-
-type SelectionMode = "include" | "exclude";
-
-type State = {
-    loading: boolean;
-    values: ValueItem[];
-    selection: { [value: string]: SelectionMode };
-};
-
-export class NSAFilterBoxEnum extends NSAFilterBoxBase<NSAFilterBoxEnumProps, State>
-{
-    constructor(props: NSAFilterBoxEnumProps)
-    {
-        super(props);
-        this.state = { loading: false, values: [], selection: this.buildInitialSelection() };
-    }
-
-    private buildInitialSelection(): { [value: string]: SelectionMode }
-    {
-        const ans: { [value: string]: SelectionMode } = {};
-        for (const item of this.getInitialItems())
-            for (const v of item.values)
-                ans[v] = item.not ? "exclude" : "include";
-        return ans;
-    }
-
-    private cycleSelection(value: string)
-    {
-        const next = { ...this.state.selection };
-        const mode = next[value];
-        if (!mode)
-            next[value] = "include";
-        else if (mode === "include")
-            next[value] = "exclude";
-        else
-            delete next[value];
-        this.setState({ selection: next });
-
-        const items = Object.entries(next).map(([v, m]) =>
-            m === "include" ? this.buildFilterItem(v) : this.buildInverseFilterItem(v));
-        this.props.onChanged(items.length > 0 ? items : null);
-    }
-
-    override async componentDidMount()
-    {
-        this.setState({ loading: true });
-        const values = await this.props.getValues("");
-        this.setState({ loading: false, values });
-    }
-
-    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 === "equals")
-        {
-            return (
-                <div className={Styles.container}>
-                    <span className={Styles.title}>{this.getLabel()}</span>
-                    {
-                        this.state.loading
-                            ? <NSLoading classList={["p-2"]} small={true} hideTitle={true} hideDescription={true} />
-                            : this.state.values.map(item =>
-                            {
-                                const mode = this.state.selection[item.value];
-                                const modeClass = mode === "include" ? Styles.option_active
-                                    : mode === "exclude" ? Styles.option_exclude
-                                    : "";
-                                return (
-                                    <button
-                                        key={item.value}
-                                        className={`${Styles.option} ${modeClass}`}
-                                        onClick={() => this.cycleSelection(item.value)}
-                                    >
-                                        {item.title}
-                                    </button>
-                                );
-                            })
-                    }
-                </div>
-            );
-        }
-
-        return null;
-    }
+import { FilterItemOperator } from "namirasoft-core";
+import { NSLoading } from "namirasoft-site-react";
+import { NSAFilterBoxBase, NSAFilterBoxBaseProps } from "./NSAFilterBoxBase";
+import { NSAFilterBoxBoolean } from "./NSAFilterBoxBoolean";
+import Styles from "./NSAFilterBoxEnum.module.css";
+
+export interface NSAFilterBoxEnumProps extends NSAFilterBoxBaseProps
+{
+    getValues: (search: string) => Promise<{ value: string; title: string }[]>;
+}
+
+type ValueItem = { value: string; title: string };
+
+type SelectionMode = "include" | "exclude";
+
+type State = {
+    loading: boolean;
+    values: ValueItem[];
+    selection: { [value: string]: SelectionMode };
+};
+
+export class NSAFilterBoxEnum extends NSAFilterBoxBase<NSAFilterBoxEnumProps, State>
+{
+    constructor(props: NSAFilterBoxEnumProps)
+    {
+        super(props);
+        this.state = { loading: false, values: [], selection: this.buildInitialSelection() };
+    }
+
+    private buildInitialSelection(): { [value: string]: SelectionMode }
+    {
+        const ans: { [value: string]: SelectionMode } = {};
+        for (const item of this.getInitialItems())
+            for (const v of item.values)
+                ans[v] = item.not ? "exclude" : "include";
+        return ans;
+    }
+
+    private cycleSelection(value: string)
+    {
+        const next = { ...this.state.selection };
+        const mode = next[value];
+        if (!mode)
+            next[value] = "include";
+        else if (mode === "include")
+            next[value] = "exclude";
+        else
+            delete next[value];
+        this.setState({ selection: next });
+
+        const items = Object.entries(next).map(([v, m]) =>
+            m === "include" ? this.buildFilterItem(v) : this.buildInverseFilterItem(v));
+        this.props.onChanged(items.length > 0 ? items : null);
+    }
+
+    override async componentDidMount()
+    {
+        this.setState({ loading: true });
+        const values = await this.props.getValues("");
+        this.setState({ loading: false, values });
+    }
+
+    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 === "equals")
+        {
+            return (
+                <div className={Styles.container}>
+                    <span className={Styles.title}>{this.getLabel()}</span>
+                    {
+                        this.state.loading
+                            ? <NSLoading classList={["p-2"]} small={true} hideTitle={true} hideDescription={true} />
+                            : this.state.values.map(item =>
+                            {
+                                const mode = this.state.selection[item.value];
+                                const modeClass = mode === "include" ? Styles.option_active
+                                    : mode === "exclude" ? Styles.option_exclude
+                                    : "";
+                                return (
+                                    <button
+                                        key={item.value}
+                                        className={`${Styles.option} ${modeClass}`}
+                                        onClick={() => this.cycleSelection(item.value)}
+                                    >
+                                        {item.title}
+                                    </button>
+                                );
+                            })
+                    }
+                </div>
+            );
+        }
+
+        return null;
+    }
 }