d2aura 23.0.79 → 23.0.80

package/coreui/components/select/abstractMultiSelect.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { SelectProps } from "antd";
+import { AdvancedFilterApi, AdvancedFilterCondition } from "../../../api/advancedFilterApi";
+import Entity from "../../../api/types/entity";
+import AbstractEntityApi from "../../../api/abstractEntityApi";
+import { SelectedEntity } from "./abstractSelect";
+export interface AbstractMultiSelectProps<T extends Entity> extends SelectProps {
+    api: AbstractEntityApi<T>;
+    advancedFilterApi: AdvancedFilterApi;
+    value: SelectedEntity[];
+    filterConditions?: AdvancedFilterCondition[];
+    onChange(value: T[]): void;
+}
+interface AbstractMultiSelectSelectState<T extends Entity> {
+    selectDialogOpen: boolean;
+    loading: boolean;
+    options: T[];
+}
+export default abstract class AbstractMultiSelect<T extends Entity, P extends AbstractMultiSelectProps<T>, S extends AbstractMultiSelectSelectState<T> = AbstractMultiSelectSelectState<T>> extends React.Component<P, S> {
+    constructor(props: Readonly<P>);
+    protected initialState: AbstractMultiSelectSelectState<T>;
+    private getFilterConditionForCode;
+    private getFilterConditionForName;
+    private getFilterConditions;
+    onLoadData(searchString?: string): Promise<void>;
+    protected getData(filterConditions: AdvancedFilterCondition[]): Promise<import("../../../api/abstractEntityApi").PageableList<T>>;
+    private showCancelButton;
+    protected getSuffixIcon(): React.ReactNode;
+    abstract renderSelectDialog(): React.ReactNode;
+    render(): React.JSX.Element;
+}
+export {};

package/coreui/components/select/abstractMultiSelect.js

@@ -0,0 +1,119 @@
+import React from "react";
+import { Select, Spin } from "antd";
+import { AdvancedFilterLogicalOperator, AdvancedFilterOperator } from "../../../api/advancedFilterApi";
+import AdvancedFilterUtils from "../advancedFilter/advancedFilterUtils";
+import { GeneralEntityColumn, getStringAdvancedFilterColumn } from "../advancedFilter/advancedFilterColumnDefinitions";
+import debounce from "lodash/debounce";
+import { CloseCircleOutlined, LoadingOutlined, SelectOutlined } from "@ant-design/icons";
+import { ERROR_COLOR } from "../../../api/constants/constants";
+import i18n from "d2core/i18n/i18n";
+import ColorTag from "../colorTag/colorTag";
+export default class AbstractMultiSelect extends React.Component {
+    constructor(props) {
+        super(props);
+        this.initialState = {
+            selectDialogOpen: false,
+            loading: false,
+            options: [],
+        };
+        this.onLoadData = debounce(this.onLoadData.bind(this), 250);
+    }
+    getFilterConditionForCode(searchString) {
+        return AdvancedFilterUtils.newCondition(getStringAdvancedFilterColumn(GeneralEntityColumn.CODE), {
+            operator: AdvancedFilterOperator.LIKE,
+            value: `%${searchString ?? ""}%`,
+        });
+    }
+    getFilterConditionForName(searchString) {
+        return AdvancedFilterUtils.newCondition(getStringAdvancedFilterColumn(GeneralEntityColumn.NAME), {
+            operator: AdvancedFilterOperator.LIKE,
+            value: `%${searchString ?? ""}%`,
+        });
+    }
+    getFilterConditions(searchString) {
+        const filterConditionForCode = this.getFilterConditionForCode(searchString);
+        filterConditionForCode.left_par = 1;
+        filterConditionForCode.logical_operator = AdvancedFilterLogicalOperator.OR;
+        const filterConditionForName = this.getFilterConditionForName(searchString);
+        filterConditionForName.right_par = 1;
+        return [
+            filterConditionForCode,
+            filterConditionForName,
+        ];
+    }
+    async onLoadData(searchString) {
+        this.setState({ loading: true });
+        const filterConditions = this.getFilterConditions(searchString);
+        if (this.props.filterConditions) {
+            filterConditions[filterConditions.length - 1].logical_operator = AdvancedFilterLogicalOperator.AND;
+            filterConditions.push(...this.props.filterConditions);
+        }
+        const pageableList = await this.getData(filterConditions);
+        this.setState({ options: pageableList.data, loading: false });
+    }
+    async getData(filterConditions) {
+        return await this.props.api.getAllData(0, 10, "", filterConditions, true);
+    }
+    showCancelButton() {
+        return this.props.value.length > 0;
+    }
+    getSuffixIcon() {
+        if (this.state.loading) {
+            return React.createElement(LoadingOutlined, null);
+        }
+        else {
+            return (React.createElement(React.Fragment, null,
+                this.showCancelButton() &&
+                    React.createElement(CloseCircleOutlined, { style: { color: ERROR_COLOR }, title: i18n("Cancel Selected Entity"), onClick: () => {
+                            this.props.onChange([]);
+                        } }),
+                React.createElement(SelectOutlined, { title: i18n("Open Select Dialog"), onClick: () => {
+                        this.setState({ selectDialogOpen: true });
+                    } })));
+        }
+    }
+    render() {
+        const { disabled, value, onChange, api, advancedFilterApi, filterConditions, ...rest } = this.props;
+        return (React.createElement("div", { onDoubleClick: () => {
+                if (!disabled && !this.state.selectDialogOpen) {
+                    this.setState({ selectDialogOpen: true });
+                }
+            } },
+            this.renderSelectDialog(),
+            React.createElement(Select, { disabled: disabled, style: { width: "100%" }, labelInValue: true, filterOption: false, mode: "multiple", maxTagCount: "responsive", notFoundContent: this.state.loading
+                    ?
+                        React.createElement("div", { style: { textAlign: "center" } },
+                            React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { spin: true }), spinning: true }))
+                    :
+                        null, value: value.map(value => {
+                    return {
+                        value: value.id,
+                        label: React.createElement("span", null,
+                            value.code,
+                            (value.code && value.name) ? ` (${value.name})` : value.name)
+                    };
+                }), loading: this.state.loading, onChange: (_, option) => {
+                    onChange(option.map(value => value.data));
+                }, onFocus: () => {
+                    this.onLoadData();
+                }, onClick: event => {
+                    if (event.target instanceof HTMLInputElement || event.target instanceof HTMLSpanElement) {
+                        this.onLoadData();
+                    }
+                }, onSearch: this.onLoadData, options: this.state.options.map(value => {
+                    return {
+                        value: value.id,
+                        code: value.code,
+                        name: value.name,
+                        data: value,
+                    };
+                }), optionRender: option => {
+                    const data = option.data;
+                    const displayName = data.name ?? "";
+                    return (React.createElement("div", { style: { display: "flex", justifyContent: "space-between" } },
+                        data.code && React.createElement(ColorTag, null, data.code),
+                        React.createElement("div", { title: displayName }, displayName)));
+                }, suffixIcon: React.createElement("span", { style: { display: "flex", gap: 4, fontSize: 14, color: "rgba(0, 0, 0, 0.55)" } }, this.getSuffixIcon()), ...rest })));
+    }
+}
+//# sourceMappingURL=abstractMultiSelect.js.map

package/coreui/components/select/abstractMultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"abstractMultiSelect.js","sourceRoot":"","sources":["../../../../../coreui/components/select/abstractMultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAe,IAAI,EAAC,MAAM,MAAM,CAAC;AAC/C,OAAO,EAGH,6BAA6B,EAC7B,sBAAsB,EACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,mBAAmB,MAAM,uCAAuC,CAAC;AACxE,OAAO,EACH,mBAAmB,EACnB,6BAA6B,EAChC,MAAM,mDAAmD,CAAC;AAC3D,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAC,mBAAmB,EAAE,eAAe,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AACvF,OAAO,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAC7D,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAIpC,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAkB5C,MAAM,CAAC,OAAO,OAAgB,mBAEuD,SAAQ,KAAK,CAAC,SAAe;IAE9G,YAAY,KAAkB;QAC1B,KAAK,CAAC,KAAK,CAAC,CAAC;QAMP,iBAAY,GAAsC;YACxD,gBAAgB,EAAE,KAAK;YACvB,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,EAAE;SACd,CAAA;QAPG,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;IAChE,CAAC;IAQO,yBAAyB,CAAC,YAAqB;QACnD,OAAO,mBAAmB,CAAC,YAAY,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE;YAC7F,QAAQ,EAAE,sBAAsB,CAAC,IAAI;YACrC,KAAK,EAAE,IAAI,YAAY,IAAI,EAAE,GAAG;SACnC,CAAC,CAAC;IACP,CAAC;IAEO,yBAAyB,CAAC,YAAqB;QACnD,OAAO,mBAAmB,CAAC,YAAY,CAAC,6BAA6B,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE;YAC7F,QAAQ,EAAE,sBAAsB,CAAC,IAAI;YACrC,KAAK,EAAE,IAAI,YAAY,IAAI,EAAE,GAAG;SACnC,CAAC,CAAA;IACN,CAAC;IAEO,mBAAmB,CAAC,YAAqB;QAC7C,MAAM,sBAAsB,GAAG,IAAI,CAAC,yBAAyB,CAAC,YAAY,CAAC,CAAC;QAC5E,sBAAsB,CAAC,QAAQ,GAAG,CAAC,CAAC;QACpC,sBAAsB,CAAC,gBAAgB,GAAG,6BAA6B,CAAC,EAAE,CAAC;QAE3E,MAAM,sBAAsB,GAAG,IAAI,CAAC,yBAAyB,CAAC,YAAY,CAAC,CAAC;QAC5E,sBAAsB,CAAC,SAAS,GAAG,CAAC,CAAC;QAErC,OAAO;YACH,sBAAsB;YACtB,sBAAsB;SACzB,CAAA;IACL,CAAC;IAED,KAAK,CAAC,UAAU,CAAC,YAAqB;QAClC,IAAI,CAAC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAE/B,MAAM,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC;QAChE,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC9B,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,gBAAgB,GAAG,6BAA6B,CAAC,GAAG,CAAC;YACnG,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QAC1D,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;QAE1D,IAAI,CAAC,QAAQ,CAAC,EAAC,OAAO,EAAE,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;IAChE,CAAC;IAES,KAAK,CAAC,OAAO,CAAC,gBAA2C;QAC/D,OAAO,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE,IAAI,CAAC,CAAC;IAC9E,CAAC;IAEO,gBAAgB;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACvC,CAAC;IAES,aAAa;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO,oBAAC,eAAe,OAAE,CAAC;QAC9B,CAAC;aAAM,CAAC;YACJ,OAAO,CACH;gBACK,IAAI,CAAC,gBAAgB,EAAE;oBACpB,oBAAC,mBAAmB,IAChB,KAAK,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,EAC3B,KAAK,EAAE,IAAI,CAAC,wBAAwB,CAAC,EACrC,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;wBAC5B,CAAC,GACH;gBAEN,oBAAC,cAAc,IACX,KAAK,EAAE,IAAI,CAAC,oBAAoB,CAAC,EACjC,OAAO,EAAE,GAAG,EAAE;wBACV,IAAI,CAAC,QAAQ,CAAC,EAAC,gBAAgB,EAAE,IAAI,EAAC,CAAC,CAAA;oBAC3C,CAAC,GACH,CACH,CACN,CAAC;QACN,CAAC;IACL,CAAC;IAID,MAAM;QACF,MAAM,EACF,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,EACH,iBAAiB,EACjB,gBAAgB,EAChB,GAAG,IAAI,EACV,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,OAAO,CACH,6BACI,aAAa,EAAE,GAAG,EAAE;gBAChB,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;oBAC5C,IAAI,CAAC,QAAQ,CAAC,EAAC,gBAAgB,EAAE,IAAI,EAAC,CAAC,CAAC;gBAC5C,CAAC;YACL,CAAC;YAEA,IAAI,CAAC,kBAAkB,EAAE;YAC1B,oBAAC,MAAM,IACH,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,EACtB,YAAY,QACZ,YAAY,EAAE,KAAK,EACnB,IAAI,EAAC,UAAU,EACf,WAAW,EAAC,YAAY,EACxB,eAAe,EACX,IAAI,CAAC,KAAK,CAAC,OAAO;oBACd,CAAC;wBACD,6BAAK,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC;4BAC7B,oBAAC,IAAI,IAAC,SAAS,EAAE,oBAAC,eAAe,IAAC,IAAI,SAAE,EAAE,QAAQ,SAAE,CAClD;oBACN,CAAC;wBACD,IAAI,EAEZ,KAAK,EACD,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;oBACd,OAAO;wBACH,KAAK,EAAE,KAAK,CAAC,EAAE;wBACf,KAAK,EACD;4BACK,KAAK,CAAC,IAAI;4BACV,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAC1D;qBACd,CAAA;gBACL,CAAC,CAAC,EAEN,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;oBACpB,QAAQ,CAAE,MAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;gBACzD,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;oBACV,IAAI,CAAC,UAAU,EAAE,CAAC;gBACtB,CAAC,EACD,OAAO,EAAE,KAAK,CAAC,EAAE;oBACb,IAAI,KAAK,CAAC,MAAM,YAAY,gBAAgB,IAAI,KAAK,CAAC,MAAM,YAAY,eAAe,EAAE,CAAC;wBACtF,IAAI,CAAC,UAAU,EAAE,CAAC;oBACtB,CAAC;gBACL,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EACH,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;oBAE3B,OAAO;wBACH,KAAK,EAAE,KAAK,CAAC,EAAE;wBACf,IAAI,EAAE,KAAK,CAAC,IAAI;wBAChB,IAAI,EAAE,KAAK,CAAC,IAAI;wBAChB,IAAI,EAAE,KAAK;qBACd,CAAA;gBACL,CAAC,CAAC,EAEN,YAAY,EAAE,MAAM,CAAC,EAAE;oBACnB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;oBACzB,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;oBAEpC,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAC;wBACzD,IAAI,CAAC,IAAI,IAAI,oBAAC,QAAQ,QAAE,IAAI,CAAC,IAAI,CAAY;wBAC9C,6BAAK,KAAK,EAAE,WAAW,IAAG,WAAW,CAAO,CAC1C,CACT,CAAA;gBACL,CAAC,EACD,UAAU,EACN,8BAAM,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAC,IAC7E,IAAI,CAAC,aAAa,EAAE,CAClB,KAEP,IAAI,GACV,CACA,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\";\r\nimport {Select, SelectProps, Spin} from \"antd\";\r\nimport {\r\n    AdvancedFilterApi,\r\n    AdvancedFilterCondition,\r\n    AdvancedFilterLogicalOperator,\r\n    AdvancedFilterOperator\r\n} from \"../../../api/advancedFilterApi\";\r\nimport AdvancedFilterUtils from \"../advancedFilter/advancedFilterUtils\";\r\nimport {\r\n    GeneralEntityColumn,\r\n    getStringAdvancedFilterColumn\r\n} from \"../advancedFilter/advancedFilterColumnDefinitions\";\r\nimport debounce from \"lodash/debounce\";\r\nimport {CloseCircleOutlined, LoadingOutlined, SelectOutlined} from \"@ant-design/icons\";\r\nimport {ERROR_COLOR} from \"../../../api/constants/constants\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport Entity from \"../../../api/types/entity\";\r\nimport AbstractEntityApi from \"../../../api/abstractEntityApi\";\r\nimport {SelectedEntity} from \"./abstractSelect\";\r\nimport ColorTag from \"../colorTag/colorTag\";\r\n\r\nexport interface AbstractMultiSelectProps<T extends Entity> extends SelectProps {\r\n    api: AbstractEntityApi<T>\r\n    advancedFilterApi: AdvancedFilterApi\r\n\r\n    value: SelectedEntity[]\r\n    filterConditions?: AdvancedFilterCondition[]\r\n\r\n    onChange(value: T[]): void\r\n}\r\n\r\ninterface AbstractMultiSelectSelectState<T extends Entity> {\r\n    selectDialogOpen: boolean\r\n    loading: boolean\r\n    options: T[]\r\n}\r\n\r\nexport default abstract class AbstractMultiSelect<T extends Entity,\r\n    P extends AbstractMultiSelectProps<T>,\r\n    S extends AbstractMultiSelectSelectState<T> = AbstractMultiSelectSelectState<T>> extends React.Component<P, S> {\r\n\r\n    constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        // @ts-ignore\r\n        this.onLoadData = debounce(this.onLoadData.bind(this), 250);\r\n    }\r\n\r\n    protected initialState: AbstractMultiSelectSelectState<T> = {\r\n        selectDialogOpen: false,\r\n        loading: false,\r\n        options: [],\r\n    }\r\n\r\n    private getFilterConditionForCode(searchString?: string): AdvancedFilterCondition {\r\n        return AdvancedFilterUtils.newCondition(getStringAdvancedFilterColumn(GeneralEntityColumn.CODE), {\r\n            operator: AdvancedFilterOperator.LIKE,\r\n            value: `%${searchString ?? \"\"}%`,\r\n        });\r\n    }\r\n\r\n    private getFilterConditionForName(searchString?: string): AdvancedFilterCondition {\r\n        return AdvancedFilterUtils.newCondition(getStringAdvancedFilterColumn(GeneralEntityColumn.NAME), {\r\n            operator: AdvancedFilterOperator.LIKE,\r\n            value: `%${searchString ?? \"\"}%`,\r\n        })\r\n    }\r\n\r\n    private getFilterConditions(searchString?: string): AdvancedFilterCondition[] {\r\n        const filterConditionForCode = this.getFilterConditionForCode(searchString);\r\n        filterConditionForCode.left_par = 1;\r\n        filterConditionForCode.logical_operator = AdvancedFilterLogicalOperator.OR;\r\n\r\n        const filterConditionForName = this.getFilterConditionForName(searchString);\r\n        filterConditionForName.right_par = 1;\r\n\r\n        return [\r\n            filterConditionForCode,\r\n            filterConditionForName,\r\n        ]\r\n    }\r\n\r\n    async onLoadData(searchString?: string) {\r\n        this.setState({loading: true});\r\n\r\n        const filterConditions = this.getFilterConditions(searchString);\r\n        if (this.props.filterConditions) {\r\n            filterConditions[filterConditions.length - 1].logical_operator = AdvancedFilterLogicalOperator.AND;\r\n            filterConditions.push(...this.props.filterConditions);\r\n        }\r\n\r\n        const pageableList = await this.getData(filterConditions);\r\n\r\n        this.setState({options: pageableList.data, loading: false});\r\n    }\r\n\r\n    protected async getData(filterConditions: AdvancedFilterCondition[]) {\r\n        return await this.props.api.getAllData(0, 10, \"\", filterConditions, true);\r\n    }\r\n\r\n    private showCancelButton(): boolean {\r\n        return this.props.value.length > 0;\r\n    }\r\n\r\n    protected getSuffixIcon(): React.ReactNode {\r\n        if (this.state.loading) {\r\n            return <LoadingOutlined/>;\r\n        } else {\r\n            return (\r\n                <>\r\n                    {this.showCancelButton() &&\r\n                        <CloseCircleOutlined\r\n                            style={{color: ERROR_COLOR}}\r\n                            title={i18n(\"Cancel Selected Entity\")}\r\n                            onClick={() => {\r\n                                this.props.onChange([]);\r\n                            }}\r\n                        />\r\n                    }\r\n                    <SelectOutlined\r\n                        title={i18n(\"Open Select Dialog\")}\r\n                        onClick={() => {\r\n                            this.setState({selectDialogOpen: true})\r\n                        }}\r\n                    />\r\n                </>\r\n            );\r\n        }\r\n    }\r\n\r\n    abstract renderSelectDialog(): React.ReactNode;\r\n\r\n    render() {\r\n        const {\r\n            disabled,\r\n            value,\r\n            onChange,\r\n            api,\r\n            advancedFilterApi,\r\n            filterConditions,\r\n            ...rest\r\n        } = this.props;\r\n\r\n        return (\r\n            <div\r\n                onDoubleClick={() => {\r\n                    if (!disabled && !this.state.selectDialogOpen) {\r\n                        this.setState({selectDialogOpen: true});\r\n                    }\r\n                }}\r\n            >\r\n                {this.renderSelectDialog()}\r\n                <Select\r\n                    disabled={disabled}\r\n                    style={{width: \"100%\"}}\r\n                    labelInValue\r\n                    filterOption={false}\r\n                    mode=\"multiple\"\r\n                    maxTagCount=\"responsive\"\r\n                    notFoundContent={\r\n                        this.state.loading\r\n                            ?\r\n                            <div style={{textAlign: \"center\"}}>\r\n                                <Spin indicator={<LoadingOutlined spin/>} spinning/>\r\n                            </div>\r\n                            :\r\n                            null\r\n                    }\r\n                    value={\r\n                        value.map(value => {\r\n                            return {\r\n                                value: value.id,\r\n                                label:\r\n                                    <span>\r\n                                        {value.code}\r\n                                        {(value.code && value.name) ? ` (${value.name})` : value.name}\r\n                                    </span>\r\n                            }\r\n                        })\r\n                    }\r\n                    loading={this.state.loading}\r\n                    onChange={(_, option) => {\r\n                        onChange((option as any[]).map(value => value.data));\r\n                    }}\r\n                    onFocus={() => {\r\n                        this.onLoadData();\r\n                    }}\r\n                    onClick={event => {\r\n                        if (event.target instanceof HTMLInputElement || event.target instanceof HTMLSpanElement) {\r\n                            this.onLoadData();\r\n                        }\r\n                    }}\r\n                    onSearch={this.onLoadData}\r\n                    options={\r\n                        this.state.options.map(value => {\r\n\r\n                            return {\r\n                                value: value.id,\r\n                                code: value.code,\r\n                                name: value.name,\r\n                                data: value,\r\n                            }\r\n                        })\r\n                    }\r\n                    optionRender={option => {\r\n                        const data = option.data;\r\n                        const displayName = data.name ?? \"\";\r\n\r\n                        return (\r\n                            <div style={{display: \"flex\", justifyContent: \"space-between\"}}>\r\n                                {data.code && <ColorTag>{data.code}</ColorTag>}\r\n                                <div title={displayName}>{displayName}</div>\r\n                            </div>\r\n                        )\r\n                    }}\r\n                    suffixIcon={\r\n                        <span style={{display: \"flex\", gap: 4, fontSize: 14, color: \"rgba(0, 0, 0, 0.55)\"}}>\r\n                            {this.getSuffixIcon()}\r\n                        </span>\r\n                    }\r\n                    {...rest}\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n}"]}

package/coreui/components/select/abstractSelectModalDialog.d.ts

@@ -5,9 +5,13 @@ import { RowDoubleClickedEvent, SelectionChangedEvent } from "ag-grid-community"
 import AbstractEntityApi from "../../../api/abstractEntityApi";
 import AdvancedFilteredGrid, { AdvancedFilteredGridProps, AdvancedFilteredGridState } from "../advancedFilter/advancedFilteredGrid";
 import type { ButtonProps } from "antd/es/button/button";
+export interface WithSelected {
+    selected?: boolean;
+}
 export interface AbstractSelectModalDialogProps<T extends Entity> extends AdvancedFilteredGridProps<T> {
     api: AbstractEntityApi<T>;
     multiSelect?: boolean;
+    preselectedIds?: number[];
     visible: boolean;
     initialWidth?: number;
     initialHeight?: number;
@@ -24,6 +28,7 @@ export default abstract class AbstractSelectModalDialog<T extends Entity, P exte
     protected adaptLoadedData(data: T[]): void;
     abstract getIdColumnName(): string;
     abstract getTitle(): string;
+    protected getSelectionColumnDefinition(): DataGridColDef;
     protected getCodeColumnDefinition(): DataGridColDef;
     protected getNameColumnDefinition(): DataGridColDef;
     protected getExtraColumnDefinitions(): DataGridColDef[];

package/coreui/components/select/abstractSelectModalDialog.js

@@ -6,6 +6,7 @@ import AdvancedFilterButton from "../advancedFilter/advancedFilterButton";
 import { WarningOutlined } from "@ant-design/icons";
 import i18n from "d2core/i18n/i18n";
 import ColorTag from "../colorTag/colorTag";
+import { Checkbox } from "antd";
 class AbstractSelectModalDialog extends AdvancedFilteredGrid {
     constructor(props) {
         super(props);
@@ -44,7 +45,34 @@ class AbstractSelectModalDialog extends AdvancedFilteredGrid {
         this.onOk = this.onOk.bind(this);
     }
     adaptLoadedData(data) {
-        data;
+        const preselectedSet = new Set(this.props.preselectedIds ?? []);
+        data.forEach((value) => {
+            if (preselectedSet.has(value.id)) {
+                value.selected = true;
+            }
+        });
+    }
+    getSelectionColumnDefinition() {
+        return {
+            headerName: i18n("Select"),
+            colId: "selected",
+            field: "selected",
+            width: 40,
+            cellRenderer: (params) => {
+                const data = params.data;
+                if (!data) {
+                    return null;
+                }
+                return (React.createElement("span", { style: { height: "100%", display: "flex", justifyContent: "center" } },
+                    React.createElement(Checkbox, { checked: data.selected, onChange: e => {
+                            data.selected = e.target.checked;
+                            const rowNode = this.gridApi?.getRowNode(data.id.toString());
+                            rowNode?.updateData(data);
+                        } })));
+            },
+            enableCellChangeFlash: true,
+            group: i18n("Basic Columns"),
+        };
     }
     getCodeColumnDefinition() {
         return this.getCodeColumn({ flex: 0.5 });
@@ -61,6 +89,7 @@ class AbstractSelectModalDialog extends AdvancedFilteredGrid {
     getInitialColumnDefs() {
         if (!this.initialColumnDefs) {
             this.initialColumnDefs = [
+                ...(this.props.preselectedIds ? [this.getSelectionColumnDefinition()] : []),
                 this.getIdColumn(this.getIdColumnName()),
                 this.getCodeColumnDefinition(),
                 this.getNameColumnDefinition(),
@@ -84,16 +113,27 @@ class AbstractSelectModalDialog extends AdvancedFilteredGrid {
         return 800;
     }
     onOk() {
-        if (this.state.selectedData.length > 0) {
+        if (this.props.preselectedIds) {
+            const selectedData = this.getLoadedData().filter((value) => value.selected);
+            this.props.onItemsSelected(selectedData);
+        }
+        else if (this.state.selectedData.length > 0) {
             this.props.onItemsSelected(this.state.selectedData);
         }
     }
     get okButtonProps() {
-        return { disabled: this.state.selectedData.length === 0 };
+        if (this.props.preselectedIds) {
+            return undefined;
+        }
+        else {
+            return { disabled: this.state.selectedData.length === 0 };
+        }
     }
     onRowDoubleClicked(event) {
-        const item = event.data;
-        this.props.onItemsSelected([item]);
+        if (!this.props.preselectedIds) {
+            const item = event.data;
+            this.props.onItemsSelected([item]);
+        }
     }
     render() {
         const { visible, initialWidth, initialHeight } = this.props;

package/coreui/components/select/abstractSelectModalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstractSelectModalDialog.js","sourceRoot":"","sources":["../../../../../coreui/components/select/abstractSelectModalDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport Entity from \"../../../api/types/entity\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {GridReadyEvent, IGetRowsParams, RowDoubleClickedEvent, SelectionChangedEvent} from \"ag-grid-community\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport AbstractEntityApi, {PageableList} from \"../../../api/abstractEntityApi\";\r\nimport AdvancedFilteredGrid, {\r\n    AdvancedFilteredGridProps,\r\n    AdvancedFilteredGridState\r\n} from \"../advancedFilter/advancedFilteredGrid\";\r\nimport AdvancedFilterButton from \"../advancedFilter/advancedFilterButton\";\r\nimport {WarningOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport ColorTag from \"../colorTag/colorTag\";\r\nimport type {ButtonProps} from \"antd/es/button/button\";\r\n\r\nexport interface AbstractSelectModalDialogProps<T extends Entity> extends AdvancedFilteredGridProps<T> {\r\n    api: AbstractEntityApi<T>\r\n\r\n    multiSelect?: boolean\r\n    visible: boolean\r\n    initialWidth?: number\r\n    initialHeight?: number\r\n\r\n    onItemsSelected(selectedItems: T[]): void\r\n\r\n    onCancel(): void\r\n}\r\n\r\nexport interface AbstractSelectModalDialogState<T extends Entity> extends AdvancedFilteredGridState<T> {\r\n    totalNumberOfRows?: number\r\n}\r\n\r\nexport default abstract class AbstractSelectModalDialog<T extends Entity,\r\n    P extends AbstractSelectModalDialogProps<T>,\r\n    S extends AbstractSelectModalDialogState<T> = AbstractSelectModalDialogState<T>>\r\n    extends AdvancedFilteredGrid<T, P, S> {\r\n\r\n    private static MAX_ROWS_TO_SHOW = 1_000;\r\n\r\n    protected initialState: AbstractSelectModalDialogState<T> = {\r\n        loading: false,\r\n        columnDefs: this.getInitialColumnDefs(),\r\n        datasource: {\r\n            getRows: async (params: IGetRowsParams) => {\r\n                if (this.firstLoadedPage) {\r\n                    let pageableList: PageableList<T>;\r\n                    if (this.manualReload && params.startRow === 0 && params.endRow === 100) {\r\n                        this.manualReload = false;\r\n                        pageableList = this.firstLoadedPage;\r\n                    } else {\r\n                        pageableList = await this.getRecords(params.startRow, params.endRow);\r\n                    }\r\n                    this.setState({totalNumberOfRows: pageableList.totalNumberOfRows});\r\n                    let totalNumberOfRows = pageableList.totalNumberOfRows;\r\n                    if (totalNumberOfRows > AbstractSelectModalDialog.MAX_ROWS_TO_SHOW) {\r\n                        totalNumberOfRows = AbstractSelectModalDialog.MAX_ROWS_TO_SHOW;\r\n                    }\r\n                    this.adaptLoadedData(pageableList.data);\r\n                    params.successCallback(pageableList.data, totalNumberOfRows);\r\n                } else {\r\n                    params.successCallback([], 0);\r\n                }\r\n            }\r\n        },\r\n        selectedData: [],\r\n\r\n        filterConditions: [],\r\n    }\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        this.onSelectionChanged = this.onSelectionChanged.bind(this);\r\n        this.onRowDoubleClicked = this.onRowDoubleClicked.bind(this);\r\n        this.onOk = this.onOk.bind(this);\r\n    }\r\n\r\n    protected adaptLoadedData(data: T[]) {\r\n        data;\r\n    }\r\n\r\n    abstract getIdColumnName(): string;\r\n\r\n    abstract getTitle(): string;\r\n\r\n    protected getCodeColumnDefinition(): DataGridColDef {\r\n        return this.getCodeColumn({flex: 0.5});\r\n    }\r\n\r\n    protected getNameColumnDefinition(): DataGridColDef {\r\n        return this.getNameColumn({flex: 0.5});\r\n    }\r\n\r\n    protected getExtraColumnDefinitions(): DataGridColDef[] {\r\n        return [];\r\n    }\r\n\r\n    getOnlyValidRecords(): boolean {\r\n        return true;\r\n    }\r\n\r\n    protected getInitialColumnDefs(): DataGridColDef[] {\r\n        if (!this.initialColumnDefs) {\r\n            this.initialColumnDefs = [\r\n                this.getIdColumn(this.getIdColumnName()),\r\n                this.getCodeColumnDefinition(),\r\n                this.getNameColumnDefinition(),\r\n                ...this.getExtraColumnDefinitions()\r\n            ]\r\n        }\r\n        return this.initialColumnDefs;\r\n    }\r\n\r\n    protected renderToolbarButtons(): React.ReactElement | undefined {\r\n        const advancedFilterConfig = this.getAdvancedFilterConfig();\r\n\r\n        if (advancedFilterConfig) {\r\n            return (\r\n                <AdvancedFilterButton\r\n                    advancedFilterApi={this.props.advancedFilterApi}\r\n                    listName={advancedFilterConfig.listName}\r\n                    columnDefinitions={this.getAdvancedFilterColumnDefinitions()}\r\n                    filterConditions={this.state.filterConditions}\r\n                    onApplyFilter={this.onApplyFilter}\r\n                />\r\n            );\r\n        }\r\n\r\n        return undefined;\r\n    }\r\n\r\n    onSelectionChanged(event: SelectionChangedEvent): void {\r\n        const selectedRows = event.api.getSelectedRows();\r\n        this.setState({selectedData: selectedRows});\r\n    }\r\n\r\n    protected getInitialWidth(): number {\r\n        return 800;\r\n    }\r\n\r\n    protected onOk() {\r\n        if (this.state.selectedData.length > 0) {\r\n            this.props.onItemsSelected(this.state.selectedData);\r\n        }\r\n    }\r\n\r\n    protected get okButtonProps(): ButtonProps | undefined {\r\n        return {disabled: this.state.selectedData.length === 0}\r\n    }\r\n\r\n    protected onRowDoubleClicked(event: RowDoubleClickedEvent): void {\r\n        const item = event.data as T;\r\n        this.props.onItemsSelected([item]);\r\n    }\r\n\r\n    render() {\r\n        const {visible, initialWidth, initialHeight} = this.props;\r\n\r\n        return (\r\n            <ModalDialog\r\n                mode={ModalDialogMode.OK_CANCEL}\r\n                title={\r\n                    <>\r\n                        {this.getTitle()}\r\n                        {!!this.state.totalNumberOfRows && this.state.totalNumberOfRows > AbstractSelectModalDialog.MAX_ROWS_TO_SHOW &&\r\n                            <div style={{display: \"inline\"}}>\r\n                                <ColorTag\r\n                                    style={{whiteSpace: \"break-spaces\", marginLeft: 8}}\r\n                                    color=\"warning\"\r\n                                    icon={<WarningOutlined/>}\r\n                                >\r\n                                    <span>{i18n(\"Displaying first %{count} records\", {count: AbstractSelectModalDialog.MAX_ROWS_TO_SHOW+\"\"})}</span>\r\n                                </ColorTag>\r\n                            </div>\r\n                        }\r\n                    </>\r\n                }\r\n                onOk={this.onOk}\r\n                onCancel={this.props.onCancel}\r\n                initialWidth={initialWidth ?? this.getInitialWidth()}\r\n                initialHeight={initialHeight ?? window.innerHeight * 0.9}\r\n                maskClosable={false}\r\n                open={visible}\r\n                okButtonProps={this.okButtonProps}\r\n            >\r\n                <ExtendedDataGrid<T>\r\n                    ref={(dataGrid) => {\r\n                        this.dataGrid = dataGrid;\r\n                    }}\r\n                    defaultGridConfiguration={{pageSize: -1, columnSearchVisible: true}}\r\n                    onGridReady={(params: GridReadyEvent) => {\r\n                        this.gridApi = params.api;\r\n                    }}\r\n                    columnDefs={this.state.columnDefs}\r\n                    onLoadData={this.onLoadData}\r\n                    rowModelType=\"infinite\"\r\n                    datasource={this.state.datasource}\r\n                    rowSelection={this.props.multiSelect ? \"multiple\" : \"single\"}\r\n                    onSelectionChanged={this.onSelectionChanged}\r\n                    onRowDoubleClicked={this.onRowDoubleClicked}\r\n                    toolbar={{\r\n                        toolbarButtons: this.renderToolbarButtons(),\r\n                    }}\r\n                    search={{\r\n                        hidden: true,\r\n                    }}\r\n                    onSortChanged={() => {\r\n                        this.dataGrid?.loadData();\r\n                    }}\r\n                    panelStyle={{padding: 0}}\r\n                    noRecordsOverlayRenderer={() => <div/>}\r\n                />\r\n            </ModalDialog>\r\n        )\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"abstractSelectModalDialog.js","sourceRoot":"","sources":["../../../../../coreui/components/select/abstractSelectModalDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport Entity from \"../../../api/types/entity\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {GridReadyEvent, IGetRowsParams, RowDoubleClickedEvent, SelectionChangedEvent} from \"ag-grid-community\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport AbstractEntityApi, {PageableList} from \"../../../api/abstractEntityApi\";\r\nimport AdvancedFilteredGrid, {\r\n    AdvancedFilteredGridProps,\r\n    AdvancedFilteredGridState\r\n} from \"../advancedFilter/advancedFilteredGrid\";\r\nimport AdvancedFilterButton from \"../advancedFilter/advancedFilterButton\";\r\nimport {WarningOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport ColorTag from \"../colorTag/colorTag\";\r\nimport type {ButtonProps} from \"antd/es/button/button\";\r\nimport {Checkbox} from \"antd\";\r\n\r\nexport interface WithSelected {\r\n    selected?: boolean\r\n}\r\n\r\nexport interface AbstractSelectModalDialogProps<T extends Entity> extends AdvancedFilteredGridProps<T> {\r\n    api: AbstractEntityApi<T>\r\n\r\n    multiSelect?: boolean\r\n    preselectedIds?: number[]\r\n    visible: boolean\r\n    initialWidth?: number\r\n    initialHeight?: number\r\n\r\n    onItemsSelected(selectedItems: T[]): void\r\n\r\n    onCancel(): void\r\n}\r\n\r\nexport interface AbstractSelectModalDialogState<T extends Entity> extends AdvancedFilteredGridState<T> {\r\n    totalNumberOfRows?: number\r\n}\r\n\r\nexport default abstract class AbstractSelectModalDialog<T extends Entity,\r\n    P extends AbstractSelectModalDialogProps<T>,\r\n    S extends AbstractSelectModalDialogState<T> = AbstractSelectModalDialogState<T>>\r\n    extends AdvancedFilteredGrid<T, P, S> {\r\n\r\n    private static MAX_ROWS_TO_SHOW = 1_000;\r\n\r\n    protected initialState: AbstractSelectModalDialogState<T> = {\r\n        loading: false,\r\n        columnDefs: this.getInitialColumnDefs(),\r\n        datasource: {\r\n            getRows: async (params: IGetRowsParams) => {\r\n                if (this.firstLoadedPage) {\r\n                    let pageableList: PageableList<T>;\r\n                    if (this.manualReload && params.startRow === 0 && params.endRow === 100) {\r\n                        this.manualReload = false;\r\n                        pageableList = this.firstLoadedPage;\r\n                    } else {\r\n                        pageableList = await this.getRecords(params.startRow, params.endRow);\r\n                    }\r\n                    this.setState({totalNumberOfRows: pageableList.totalNumberOfRows});\r\n                    let totalNumberOfRows = pageableList.totalNumberOfRows;\r\n                    if (totalNumberOfRows > AbstractSelectModalDialog.MAX_ROWS_TO_SHOW) {\r\n                        totalNumberOfRows = AbstractSelectModalDialog.MAX_ROWS_TO_SHOW;\r\n                    }\r\n                    this.adaptLoadedData(pageableList.data);\r\n                    params.successCallback(pageableList.data, totalNumberOfRows);\r\n                } else {\r\n                    params.successCallback([], 0);\r\n                }\r\n            }\r\n        },\r\n        selectedData: [],\r\n\r\n        filterConditions: [],\r\n    }\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        this.onSelectionChanged = this.onSelectionChanged.bind(this);\r\n        this.onRowDoubleClicked = this.onRowDoubleClicked.bind(this);\r\n        this.onOk = this.onOk.bind(this);\r\n    }\r\n\r\n    protected adaptLoadedData(data: T[]) {\r\n        const preselectedSet = new Set(this.props.preselectedIds ?? []);\r\n\r\n        data.forEach((value: T & WithSelected) => {\r\n            if (preselectedSet.has(value.id)) {\r\n                value.selected = true;\r\n            }\r\n        })\r\n    }\r\n\r\n    abstract getIdColumnName(): string;\r\n\r\n    abstract getTitle(): string;\r\n\r\n    protected getSelectionColumnDefinition(): DataGridColDef {\r\n        return {\r\n            headerName: i18n(\"Select\"),\r\n            colId: \"selected\",\r\n            field: \"selected\",\r\n            width: 40,\r\n            cellRenderer: (params: any) => {\r\n                const data = params.data as T & WithSelected;\r\n\r\n                if (!data) {\r\n                    return null;\r\n                }\r\n\r\n                return (\r\n                    <span style={{height: \"100%\", display: \"flex\", justifyContent: \"center\"}}>\r\n                        <Checkbox\r\n                            checked={data.selected}\r\n                            onChange={e => {\r\n                                data.selected = e.target.checked;\r\n                                const rowNode = this.gridApi?.getRowNode(data.id.toString());\r\n                                rowNode?.updateData(data);\r\n                            }}\r\n                        />\r\n                    </span>\r\n                );\r\n            },\r\n            enableCellChangeFlash: true,\r\n            group: i18n(\"Basic Columns\"),\r\n        }\r\n    }\r\n\r\n    protected getCodeColumnDefinition(): DataGridColDef {\r\n        return this.getCodeColumn({flex: 0.5});\r\n    }\r\n\r\n    protected getNameColumnDefinition(): DataGridColDef {\r\n        return this.getNameColumn({flex: 0.5});\r\n    }\r\n\r\n    protected getExtraColumnDefinitions(): DataGridColDef[] {\r\n        return [];\r\n    }\r\n\r\n    getOnlyValidRecords(): boolean {\r\n        return true;\r\n    }\r\n\r\n    protected getInitialColumnDefs(): DataGridColDef[] {\r\n        if (!this.initialColumnDefs) {\r\n            this.initialColumnDefs = [\r\n                ...(this.props.preselectedIds ? [this.getSelectionColumnDefinition()] : []),\r\n                this.getIdColumn(this.getIdColumnName()),\r\n                this.getCodeColumnDefinition(),\r\n                this.getNameColumnDefinition(),\r\n                ...this.getExtraColumnDefinitions()\r\n            ]\r\n        }\r\n\r\n        return this.initialColumnDefs;\r\n    }\r\n\r\n    protected renderToolbarButtons(): React.ReactElement | undefined {\r\n        const advancedFilterConfig = this.getAdvancedFilterConfig();\r\n\r\n        if (advancedFilterConfig) {\r\n            return (\r\n                <AdvancedFilterButton\r\n                    advancedFilterApi={this.props.advancedFilterApi}\r\n                    listName={advancedFilterConfig.listName}\r\n                    columnDefinitions={this.getAdvancedFilterColumnDefinitions()}\r\n                    filterConditions={this.state.filterConditions}\r\n                    onApplyFilter={this.onApplyFilter}\r\n                />\r\n            );\r\n        }\r\n\r\n        return undefined;\r\n    }\r\n\r\n    onSelectionChanged(event: SelectionChangedEvent): void {\r\n        const selectedRows = event.api.getSelectedRows();\r\n        this.setState({selectedData: selectedRows});\r\n    }\r\n\r\n    protected getInitialWidth(): number {\r\n        return 800;\r\n    }\r\n\r\n    protected onOk() {\r\n        if (this.props.preselectedIds) {\r\n            const selectedData = this.getLoadedData().filter((value: T & WithSelected) => value.selected);\r\n            this.props.onItemsSelected(selectedData);\r\n        } else if (this.state.selectedData.length > 0) {\r\n            this.props.onItemsSelected(this.state.selectedData);\r\n        }\r\n    }\r\n\r\n    protected get okButtonProps(): ButtonProps | undefined {\r\n        if (this.props.preselectedIds) {\r\n            return undefined;\r\n        } else {\r\n            return {disabled: this.state.selectedData.length === 0}\r\n        }\r\n    }\r\n\r\n    protected onRowDoubleClicked(event: RowDoubleClickedEvent): void {\r\n        if (!this.props.preselectedIds) {\r\n            const item = event.data as T;\r\n            this.props.onItemsSelected([item]);\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const {visible, initialWidth, initialHeight} = this.props;\r\n\r\n        return (\r\n            <ModalDialog\r\n                mode={ModalDialogMode.OK_CANCEL}\r\n                title={\r\n                    <>\r\n                        {this.getTitle()}\r\n                        {!!this.state.totalNumberOfRows && this.state.totalNumberOfRows > AbstractSelectModalDialog.MAX_ROWS_TO_SHOW &&\r\n                            <div style={{display: \"inline\"}}>\r\n                                <ColorTag\r\n                                    style={{whiteSpace: \"break-spaces\", marginLeft: 8}}\r\n                                    color=\"warning\"\r\n                                    icon={<WarningOutlined/>}\r\n                                >\r\n                                    <span>{i18n(\"Displaying first %{count} records\", {count: AbstractSelectModalDialog.MAX_ROWS_TO_SHOW+\"\"})}</span>\r\n                                </ColorTag>\r\n                            </div>\r\n                        }\r\n                    </>\r\n                }\r\n                onOk={this.onOk}\r\n                onCancel={this.props.onCancel}\r\n                initialWidth={initialWidth ?? this.getInitialWidth()}\r\n                initialHeight={initialHeight ?? window.innerHeight * 0.9}\r\n                maskClosable={false}\r\n                open={visible}\r\n                okButtonProps={this.okButtonProps}\r\n            >\r\n                <ExtendedDataGrid<T>\r\n                    ref={(dataGrid) => {\r\n                        this.dataGrid = dataGrid;\r\n                    }}\r\n                    defaultGridConfiguration={{pageSize: -1, columnSearchVisible: true}}\r\n                    onGridReady={(params: GridReadyEvent) => {\r\n                        this.gridApi = params.api;\r\n                    }}\r\n                    columnDefs={this.state.columnDefs}\r\n                    onLoadData={this.onLoadData}\r\n                    rowModelType=\"infinite\"\r\n                    datasource={this.state.datasource}\r\n                    rowSelection={this.props.multiSelect ? \"multiple\" : \"single\"}\r\n                    onSelectionChanged={this.onSelectionChanged}\r\n                    onRowDoubleClicked={this.onRowDoubleClicked}\r\n                    toolbar={{\r\n                        toolbarButtons: this.renderToolbarButtons(),\r\n                    }}\r\n                    search={{\r\n                        hidden: true,\r\n                    }}\r\n                    onSortChanged={() => {\r\n                        this.dataGrid?.loadData();\r\n                    }}\r\n                    panelStyle={{padding: 0}}\r\n                    noRecordsOverlayRenderer={() => <div/>}\r\n                />\r\n            </ModalDialog>\r\n        )\r\n    }\r\n\r\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "d2aura",
-  "version": "23.0.79",
+  "version": "23.0.80",
   "description": "D2 AURA - Advanced User Interface Resource Architecture",
   "author": "Ipesoft s.r.o.",
   "license": "MIT",