d2aura 23.0.0

package/coreui/components/advancedFilter/components/advancedFilterValueInput.js

@@ -0,0 +1,148 @@
+import React from "react";
+import { AdvancedFilterOperator } from "../../../../api/advancedFilterApi";
+import { Input, InputNumber, Select } from "antd";
+import dayjs from "d2core/dayjs";
+import DateTimeInput from "d2coreui/components/date/dateTimeInput";
+import { LocaleHolder } from "d2core/i18n/localeHolder";
+import { AdvancedFilterValueType } from "../../../../api/types/advancedFilter";
+export const ADVANCED_FILTER_DATE_FORMAT = "YYYY-MM-DD HH:mm:ss";
+export default class AdvancedFilterValueInput extends React.Component {
+    constructor(props) {
+        super(props);
+        this.inputComponent = null;
+    }
+    focusInput() {
+        this.inputComponent?.focus();
+    }
+    renderInputComponent() {
+        let { operator, editedValue } = this.props;
+        if (operator === AdvancedFilterOperator.LIKE && editedValue === undefined) {
+            editedValue = "%";
+        }
+        return (React.createElement(Input, { ref: instance => this.inputComponent = instance, disabled: operator === AdvancedFilterOperator.IS_NULL, onPressEnter: event => {
+                this.props.onPressEnter?.(event.ctrlKey, event.altKey);
+            }, value: editedValue, onChange: event => {
+                editedValue = event.target.value;
+                this.props.onChange(editedValue);
+            } }));
+    }
+    renderInputNumberComponent() {
+        let editedValue = this.props.editedValue;
+        let value = undefined;
+        if (this.props.operator === AdvancedFilterOperator.IS_NULL) {
+            value = "NULL";
+        }
+        else if (typeof editedValue === "number") {
+            value = editedValue;
+        }
+        return (React.createElement(InputNumber, { ref: instance => this.inputComponent = instance, style: { width: "100%" }, disabled: this.props.operator === AdvancedFilterOperator.IS_NULL, onPressEnter: event => {
+                this.props.onPressEnter?.(event.ctrlKey, event.altKey);
+            }, value: value, onChange: value => {
+                editedValue = value !== null ? value : undefined;
+                this.props.onChange(editedValue);
+            } }));
+    }
+    renderSelectListComponent(mode) {
+        let editedValue = this.props.editedValue;
+        return (React.createElement(Select, { ref: instance => this.inputComponent = instance, mode: mode, showSearch: true, allowClear: true, style: { width: "100%" }, onInputKeyDown: event => {
+                if (event.key === "Enter") {
+                    this.props.onPressEnter?.(event.ctrlKey, event.altKey);
+                }
+            }, value: editedValue, onChange: value => {
+                if (mode === "tags" && [AdvancedFilterValueType.NUMBER, AdvancedFilterValueType.NUMBER_LIST].includes(this.props.columnDefinition.valueType)) {
+                    editedValue = value.filter(value => Number.isInteger(Number(value)));
+                }
+                else {
+                    editedValue = value;
+                }
+                this.props.onChange(editedValue);
+            }, filterOption: mode === "tags" ?
+                undefined
+                :
+                    (input, option) => {
+                        return (option?.children).toLowerCase().includes(input.toLowerCase());
+                    }, dropdownStyle: { display: mode === "tags" ? "none" : undefined }, tokenSeparators: ["@#@"] }, this.props.columnDefinition?.optionList?.map(option => {
+            return React.createElement(Select.Option, { value: option.value, key: option.value }, option.title);
+        })));
+    }
+    renderDateComponent(withTime) {
+        const mask = withTime ? LocaleHolder.getDateTimeFormat(true, true, false) : LocaleHolder.getDateFormat(true);
+        let { operator, editedValue } = this.props;
+        const value = dayjs(editedValue, ADVANCED_FILTER_DATE_FORMAT, true);
+        if (operator !== AdvancedFilterOperator.IS_NULL) {
+            return (React.createElement(DateTimeInput, { ref: instance => this.inputComponent = instance, style: { width: "100%" }, mask: mask, onKeyDown: event => {
+                    if (event.key === "Enter") {
+                        this.props.onPressEnter?.(event.ctrlKey, event.altKey);
+                    }
+                }, value: value.isValid() ? value : null, onChange: time => {
+                    editedValue = time?.format(ADVANCED_FILTER_DATE_FORMAT);
+                    this.props.onChange(editedValue);
+                } }));
+        }
+        else {
+            return (React.createElement(Input, { disabled: true, value: editedValue }));
+        }
+    }
+    renderValueComponent() {
+        const { operator } = this.props;
+        switch (this.props.columnDefinition.valueType) {
+            case AdvancedFilterValueType.STRING:
+                switch (operator) {
+                    case AdvancedFilterOperator.EQUALS:
+                    case AdvancedFilterOperator.LESS_THAN:
+                    case AdvancedFilterOperator.GREATER_THAN:
+                    case AdvancedFilterOperator.NOT_EQUALS:
+                    case AdvancedFilterOperator.LESS_THAN_EQUALS:
+                    case AdvancedFilterOperator.GREATER_THAN_EQUALS:
+                    case AdvancedFilterOperator.LIKE:
+                    case AdvancedFilterOperator.IS_NULL:
+                        return this.renderInputComponent();
+                    case AdvancedFilterOperator.IN:
+                        return this.renderSelectListComponent("tags");
+                }
+                break;
+            case AdvancedFilterValueType.NUMBER:
+                switch (operator) {
+                    case AdvancedFilterOperator.EQUALS:
+                    case AdvancedFilterOperator.LESS_THAN:
+                    case AdvancedFilterOperator.GREATER_THAN:
+                    case AdvancedFilterOperator.NOT_EQUALS:
+                    case AdvancedFilterOperator.LESS_THAN_EQUALS:
+                    case AdvancedFilterOperator.GREATER_THAN_EQUALS:
+                    case AdvancedFilterOperator.IS_NULL:
+                        return this.renderInputNumberComponent();
+                    case AdvancedFilterOperator.IN:
+                        return this.renderSelectListComponent("tags");
+                    case AdvancedFilterOperator.LIKE:
+                        return "Unsupported operator";
+                }
+                break;
+            case AdvancedFilterValueType.STRING_LIST:
+            case AdvancedFilterValueType.NUMBER_LIST:
+                switch (operator) {
+                    case AdvancedFilterOperator.IN:
+                        return this.renderSelectListComponent("multiple");
+                    case AdvancedFilterOperator.IS_NULL:
+                        return this.renderInputComponent();
+                    case AdvancedFilterOperator.EQUALS:
+                        return this.renderSelectListComponent();
+                    case AdvancedFilterOperator.LESS_THAN:
+                    case AdvancedFilterOperator.GREATER_THAN:
+                    case AdvancedFilterOperator.NOT_EQUALS:
+                    case AdvancedFilterOperator.LESS_THAN_EQUALS:
+                    case AdvancedFilterOperator.GREATER_THAN_EQUALS:
+                    case AdvancedFilterOperator.LIKE:
+                        return "Unsupported operator";
+                }
+                break;
+            case AdvancedFilterValueType.DATE_TIME:
+                return this.renderDateComponent(true);
+            case AdvancedFilterValueType.DATE:
+                return this.renderDateComponent(false);
+        }
+    }
+    render() {
+        return this.renderValueComponent();
+    }
+}
+//# sourceMappingURL=advancedFilterValueInput.js.map

package/coreui/components/advancedFilter/components/advancedFilterValueInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advancedFilterValueInput.js","sourceRoot":"","sources":["../../../../../../coreui/components/advancedFilter/components/advancedFilterValueInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {AdvancedFilterOperator, AdvancedFilterValue} from \"../../../../api/advancedFilterApi\";\r\nimport {Input, InputNumber, InputRef, Select} from \"antd\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport DateTimeInput from \"d2coreui/components/date/dateTimeInput\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport {AdvancedFilterColumnDefinition, AdvancedFilterValueType} from \"../../../../api/types/advancedFilter\";\r\nimport {RefSelectProps} from \"antd/es/select\";\r\n\r\nexport const ADVANCED_FILTER_DATE_FORMAT = \"YYYY-MM-DD HH:mm:ss\";\r\n\r\ninterface AdvancedFilterValueInputProps {\r\n    operator: AdvancedFilterOperator\r\n    editedValue: AdvancedFilterValue\r\n    columnDefinition: AdvancedFilterColumnDefinition\r\n\r\n    onPressEnter?(isCtrl: boolean, isAlt: boolean): void\r\n\r\n    onChange(value: AdvancedFilterValue): void\r\n}\r\n\r\nexport default class AdvancedFilterValueInput extends React.Component<AdvancedFilterValueInputProps> {\r\n    private inputComponent: InputRef | HTMLInputElement | RefSelectProps | DateTimeInput | null = null;\r\n\r\n    constructor(props: Readonly<AdvancedFilterValueInputProps>) {\r\n        super(props);\r\n    }\r\n\r\n    focusInput() {\r\n        this.inputComponent?.focus();\r\n    }\r\n\r\n    private renderInputComponent() {\r\n        let {operator, editedValue} = this.props;\r\n        if (operator === AdvancedFilterOperator.LIKE && editedValue === undefined) {\r\n            editedValue = \"%\";\r\n        }\r\n\r\n        return (\r\n            <Input\r\n                ref={instance => this.inputComponent = instance}\r\n                disabled={operator === AdvancedFilterOperator.IS_NULL}\r\n                onPressEnter={event => {\r\n                    this.props.onPressEnter?.(event.ctrlKey, event.altKey);\r\n                }}\r\n                value={editedValue as string | undefined}\r\n                onChange={event => {\r\n                    editedValue = event.target.value;\r\n                    this.props.onChange(editedValue);\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    private renderInputNumberComponent() {\r\n        let editedValue = this.props.editedValue;\r\n\r\n        let value = undefined;\r\n        if (this.props.operator === AdvancedFilterOperator.IS_NULL) {\r\n            value = \"NULL\";\r\n        } else if (typeof editedValue === \"number\") {\r\n            value = editedValue;\r\n        }\r\n\r\n        return (\r\n            <InputNumber\r\n                ref={instance => this.inputComponent = instance}\r\n                style={{width: \"100%\"}}\r\n                disabled={this.props.operator === AdvancedFilterOperator.IS_NULL}\r\n                onPressEnter={event => {\r\n                    this.props.onPressEnter?.(event.ctrlKey, event.altKey);\r\n                }}\r\n                value={value}\r\n                onChange={value => {\r\n                    editedValue = value !== null ? value : undefined;\r\n                    this.props.onChange(editedValue);\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    // private renderCustomValueSetComponent() {\r\n    //     const editedCondition = this.props.editedCondition;\r\n    //\r\n    //     return (\r\n    //         <AdvancedFilterValueSetPanel\r\n    //             value={Array.isArray(editedCondition.value) ? editedCondition.value : undefined}\r\n    //             onChange={value => {\r\n    //                 editedCondition.value = value;\r\n    //                 this.props.onChange(editedCondition);\r\n    //             }}\r\n    //         />\r\n    //     );\r\n    // }\r\n\r\n    private renderSelectListComponent(mode?: \"multiple\" | \"tags\") {\r\n        let editedValue = this.props.editedValue;\r\n\r\n        return (\r\n            <Select\r\n                ref={instance => this.inputComponent = instance}\r\n                mode={mode}\r\n                showSearch\r\n                allowClear\r\n                style={{width: \"100%\"}}\r\n                onInputKeyDown={event => {\r\n                    if (event.key === \"Enter\") {\r\n                        this.props.onPressEnter?.(event.ctrlKey, event.altKey);\r\n                    }\r\n                }}\r\n                value={editedValue}\r\n                onChange={value => {\r\n                    if (mode === \"tags\" && [AdvancedFilterValueType.NUMBER, AdvancedFilterValueType.NUMBER_LIST].includes(this.props.columnDefinition.valueType)) {\r\n                        editedValue = (value as string[]).filter(value => Number.isInteger(Number(value)));\r\n                    } else {\r\n                        editedValue = value;\r\n                    }\r\n                    this.props.onChange(editedValue);\r\n                }}\r\n                filterOption={\r\n                    mode === \"tags\" ?\r\n                        undefined\r\n                        :\r\n                        (input, option) => {\r\n                            return (option?.children as unknown as string).toLowerCase().includes(input.toLowerCase());\r\n                        }\r\n                }\r\n                dropdownStyle={{display: mode === \"tags\" ? \"none\" : undefined}}\r\n                tokenSeparators={[\"@#@\"]}\r\n            >\r\n                {this.props.columnDefinition?.optionList?.map(option => {\r\n                    return <Select.Option value={option.value} key={option.value}>{option.title}</Select.Option>\r\n                })}\r\n            </Select>\r\n        );\r\n    }\r\n\r\n    private renderDateComponent(withTime: boolean) {\r\n        const mask = withTime ? LocaleHolder.getDateTimeFormat(true, true, false) : LocaleHolder.getDateFormat(true);\r\n        let {operator, editedValue} = this.props;\r\n        const value = dayjs(editedValue as string, ADVANCED_FILTER_DATE_FORMAT, true);\r\n\r\n        if (operator !== AdvancedFilterOperator.IS_NULL) {\r\n            return (\r\n                <DateTimeInput\r\n                    ref={instance => this.inputComponent = instance}\r\n                    style={{width: \"100%\"}}\r\n                    mask={mask}\r\n                    onKeyDown={event => {\r\n                        if (event.key === \"Enter\") {\r\n                            this.props.onPressEnter?.(event.ctrlKey, event.altKey);\r\n                        }\r\n                    }}\r\n                    value={value.isValid() ? value : null}\r\n                    onChange={time => {\r\n                        editedValue = time?.format(ADVANCED_FILTER_DATE_FORMAT);\r\n                        this.props.onChange(editedValue);\r\n                    }}\r\n                />\r\n            );\r\n        } else {\r\n            return (\r\n                <Input\r\n                    disabled\r\n                    value={editedValue as string | undefined}\r\n                />\r\n            );\r\n        }\r\n    }\r\n\r\n    private renderValueComponent() {\r\n        const {operator} = this.props;\r\n\r\n        switch (this.props.columnDefinition.valueType) {\r\n            case AdvancedFilterValueType.STRING:\r\n                switch (operator) {\r\n                    case AdvancedFilterOperator.EQUALS:\r\n                    case AdvancedFilterOperator.LESS_THAN:\r\n                    case AdvancedFilterOperator.GREATER_THAN:\r\n                    case AdvancedFilterOperator.NOT_EQUALS:\r\n                    case AdvancedFilterOperator.LESS_THAN_EQUALS:\r\n                    case AdvancedFilterOperator.GREATER_THAN_EQUALS:\r\n                    case AdvancedFilterOperator.LIKE:\r\n                    case AdvancedFilterOperator.IS_NULL:\r\n                        return this.renderInputComponent();\r\n                    case AdvancedFilterOperator.IN:\r\n                        return this.renderSelectListComponent(\"tags\");\r\n                }\r\n                break;\r\n            case AdvancedFilterValueType.NUMBER:\r\n                switch (operator) {\r\n                    case AdvancedFilterOperator.EQUALS:\r\n                    case AdvancedFilterOperator.LESS_THAN:\r\n                    case AdvancedFilterOperator.GREATER_THAN:\r\n                    case AdvancedFilterOperator.NOT_EQUALS:\r\n                    case AdvancedFilterOperator.LESS_THAN_EQUALS:\r\n                    case AdvancedFilterOperator.GREATER_THAN_EQUALS:\r\n                    case AdvancedFilterOperator.IS_NULL:\r\n                        return this.renderInputNumberComponent();\r\n                    case AdvancedFilterOperator.IN:\r\n                        return this.renderSelectListComponent(\"tags\");\r\n                    case AdvancedFilterOperator.LIKE:\r\n                        return \"Unsupported operator\"; // should never happen\r\n                }\r\n                break;\r\n            case AdvancedFilterValueType.STRING_LIST:\r\n            case AdvancedFilterValueType.NUMBER_LIST:\r\n                switch (operator) {\r\n                    case AdvancedFilterOperator.IN:\r\n                        return this.renderSelectListComponent(\"multiple\");\r\n                    case AdvancedFilterOperator.IS_NULL:\r\n                        return this.renderInputComponent();\r\n                    case AdvancedFilterOperator.EQUALS:\r\n                        return this.renderSelectListComponent();\r\n                    case AdvancedFilterOperator.LESS_THAN:\r\n                    case AdvancedFilterOperator.GREATER_THAN:\r\n                    case AdvancedFilterOperator.NOT_EQUALS:\r\n                    case AdvancedFilterOperator.LESS_THAN_EQUALS:\r\n                    case AdvancedFilterOperator.GREATER_THAN_EQUALS:\r\n                    case AdvancedFilterOperator.LIKE:\r\n                        return \"Unsupported operator\"; // should never happen\r\n                }\r\n                break;\r\n            case AdvancedFilterValueType.DATE_TIME:\r\n                return this.renderDateComponent(true);\r\n            case AdvancedFilterValueType.DATE:\r\n                return this.renderDateComponent(false);\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return this.renderValueComponent();\r\n    }\r\n\r\n}"]}

package/coreui/components/advancedFilter/conditionList/advancedFilterConditionDetailPanel.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { AdvancedFilterCondition } from "../../../../api/advancedFilterApi";
+import { AdvancedFilterColumnDefinition } from "../../../../api/types/advancedFilter";
+interface Props {
+    editedCondition: AdvancedFilterCondition;
+    columnDefinitions: AdvancedFilterColumnDefinition[];
+    onClose(): void;
+    onNextRecord(): void;
+    onPrevRecord(): void;
+    onChange(editedCondition: AdvancedFilterCondition): void;
+}
+export default class AdvancedFilterConditionDetailPanel extends React.Component<Props> {
+    constructor(props: Readonly<Props>);
+    renderConfigHeader(): React.JSX.Element;
+    private renderConfigForm;
+    render(): React.JSX.Element;
+}
+export {};

package/coreui/components/advancedFilter/conditionList/advancedFilterConditionDetailPanel.js

@@ -0,0 +1,82 @@
+import React from "react";
+import { Button, Form, Select } from "antd";
+import i18n from "d2core/i18n/i18n";
+import { AdvancedFilterLogicalOperator, } from "../../../../api/advancedFilterApi";
+import AdvancedFilterUtils from "../advancedFilterUtils";
+import { getErrorInfo } from "../advancedFilterValidationUtils";
+import AdvancedFilterOperatorSelect from "../components/advancedFilterOperatorSelect";
+import AdvancedFilterValueInput from "../components/advancedFilterValueInput";
+import { AdvancedFilterConditionError } from "../../../../api/types/advancedFilter";
+import DetailHeaderPanel from "../../grid/detailHeaderPanel";
+export default class AdvancedFilterConditionDetailPanel extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    renderConfigHeader() {
+        return (React.createElement(DetailHeaderPanel, { onPrevRecord: this.props.onPrevRecord, onNextRecord: this.props.onNextRecord, onClose: this.props.onClose }));
+    }
+    renderConfigForm() {
+        const editedCondition = this.props.editedCondition;
+        const columnDefinition = this.props.columnDefinitions.find(value => value.columnName === editedCondition.column_name);
+        const [valueValidateStatus, valueErrorMessage] = getErrorInfo([AdvancedFilterConditionError.VALUE_REQUIRED], editedCondition._errors ?? []);
+        const [logicalOperatorValidateStatus, logicalOperatorErrorMessage] = getErrorInfo([AdvancedFilterConditionError.LOGICAL_OPERATOR_REQUIRED, AdvancedFilterConditionError.LOGICAL_OPERATOR_UNNECESSARY], editedCondition._errors ?? []);
+        return (React.createElement(Form, { className: "record-config-form", layout: "horizontal", labelCol: { sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 } },
+            React.createElement("div", { style: { display: "flex", marginTop: 8 } },
+                React.createElement(Button, { type: editedCondition.not_flag ? "primary" : "default", onClick: () => {
+                        editedCondition.not_flag = editedCondition.not_flag === 1 ? 0 : 1;
+                        this.props.onChange(editedCondition);
+                    } }, i18n("Negation")),
+                React.createElement(Button, { style: { marginLeft: 8 }, type: editedCondition.left_par ? "primary" : "default", onClick: () => {
+                        editedCondition.left_par = editedCondition.left_par === 1 ? 0 : 1;
+                        this.props.onChange(editedCondition);
+                    } }, "(")),
+            React.createElement("div", { style: { marginLeft: 32 } },
+                React.createElement(Form.Item, { label: i18n("Column") },
+                    React.createElement(Select, { value: editedCondition.column_name, onChange: value => {
+                            const newValueType = this.props.columnDefinitions.find(columnDefinition => columnDefinition.columnName === value).valueType;
+                            if (editedCondition.value_type !== newValueType) {
+                                editedCondition.value = undefined;
+                            }
+                            editedCondition.column_name = value;
+                            editedCondition.value_type = newValueType;
+                            const newAllowedOperators = AdvancedFilterUtils.getOperatorsForValueType(newValueType);
+                            editedCondition.operator = newAllowedOperators[0];
+                            this.props.onChange(editedCondition);
+                        } }, this.props.columnDefinitions.map(value => {
+                        return (React.createElement(Select.Option, { value: value.columnName, key: value.columnName }, value.columnName));
+                    }))),
+                React.createElement(Form.Item, { label: i18n("Operator") },
+                    React.createElement(AdvancedFilterOperatorSelect, { operator: editedCondition.operator, value: editedCondition.value, valueType: editedCondition.value_type, onChange: (operator, value) => {
+                            editedCondition.operator = operator;
+                            editedCondition.value = value;
+                            this.props.onChange(editedCondition);
+                        } })),
+                React.createElement(Form.Item, { label: i18n("Value"), validateStatus: valueValidateStatus, help: valueErrorMessage }, columnDefinition &&
+                    React.createElement(AdvancedFilterValueInput, { operator: editedCondition.operator, editedValue: editedCondition.value, columnDefinition: columnDefinition, onChange: value => {
+                            editedCondition.value = value;
+                            this.props.onChange(editedCondition);
+                        } }))),
+            React.createElement("div", { style: { display: "flex", marginTop: 12 } },
+                React.createElement(Button, { type: editedCondition.right_par ? "primary" : "default", onClick: () => {
+                        editedCondition.right_par = editedCondition.right_par === 1 ? 0 : 1;
+                        this.props.onChange(editedCondition);
+                    } }, ")"),
+                React.createElement(Form.Item, { style: { width: 160, marginLeft: 8 }, validateStatus: logicalOperatorValidateStatus, help: logicalOperatorErrorMessage },
+                    React.createElement(Select, { value: editedCondition.logical_operator ?? undefined, onChange: value => {
+                            editedCondition.logical_operator = value ?? null;
+                            this.props.onChange(editedCondition);
+                        }, allowClear: true }, Object.values(AdvancedFilterLogicalOperator).map(value => {
+                        return React.createElement(Select.Option, { value: value, key: value }, value);
+                    }))))));
+    }
+    render() {
+        const editedCondition = this.props.editedCondition;
+        return (React.createElement("div", { style: { display: "flex", flexDirection: "column", overflow: "hidden", height: "100%" } },
+            this.renderConfigHeader(),
+            React.createElement("div", { style: { flex: "1 1 auto", overflow: "hidden" } },
+                React.createElement("div", { style: { height: "calc(100% - 8px)" } },
+                    React.createElement("div", { style: { height: "100%", overflow: "auto" } },
+                        React.createElement("div", { style: { margin: "0px 12px 16px" } }, editedCondition && this.renderConfigForm()))))));
+    }
+}
+//# sourceMappingURL=advancedFilterConditionDetailPanel.js.map

package/coreui/components/advancedFilter/conditionList/advancedFilterConditionDetailPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advancedFilterConditionDetailPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/advancedFilter/conditionList/advancedFilterConditionDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAC,MAAM,MAAM,CAAC;AAC1C,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAA0B,6BAA6B,GAAE,MAAM,mCAAmC,CAAC;AAC1G,OAAO,mBAAmB,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAO,4BAA4B,MAAM,4CAA4C,CAAC;AACtF,OAAO,wBAAwB,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAiC,4BAA4B,EAAC,MAAM,sCAAsC,CAAC;AAClH,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAkB7D,MAAM,CAAC,OAAO,OAAO,kCAAmC,SAAQ,KAAK,CAAC,SAAgB;IAClF,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,kBAAkB;QACd,OAAO,CACH,oBAAC,iBAAiB,IACd,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAC7B,CACL,CAAC;IACN,CAAC;IAEO,gBAAgB;QACpB,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;QACnD,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,KAAK,eAAe,CAAC,WAAW,CAAC,CAAC;QAEtH,MAAM,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,GAAG,YAAY,CAAC,CAAC,4BAA4B,CAAC,cAAc,CAAC,EAAE,eAAe,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QAC5I,MAAM,CAAC,6BAA6B,EAAE,2BAA2B,CAAC,GAAG,YAAY,CAAC,CAAC,4BAA4B,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,4BAA4B,CAAC,EAAE,eAAe,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QAEtO,OAAO,CACH,oBAAC,IAAI,IACD,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAC,YAAY,EACnB,QAAQ,EAAE,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAC;YAEnD,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAC;gBACvC,oBAAC,MAAM,IACH,IAAI,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,OAAO,EAAE,GAAG,EAAE;wBACV,eAAe,CAAC,QAAQ,GAAG,eAAe,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAClE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;oBACzC,CAAC,IAEA,IAAI,CAAC,UAAU,CAAC,CACZ;gBACT,oBAAC,MAAM,IACH,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,EAAC,EACtB,IAAI,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,OAAO,EAAE,GAAG,EAAE;wBACV,eAAe,CAAC,QAAQ,GAAG,eAAe,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBAClE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;oBACzC,CAAC,QAGI,CACP;YACN,6BAAK,KAAK,EAAE,EAAC,UAAU,EAAE,EAAE,EAAC;gBACxB,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;oBAC5B,oBAAC,MAAM,IACH,KAAK,EAAE,eAAe,CAAC,WAAW,EAClC,QAAQ,EAAE,KAAK,CAAC,EAAE;4BACd,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,gBAAgB,CAAC,UAAU,KAAK,KAAK,CAAE,CAAC,SAAS,CAAC;4BAE7H,IAAI,eAAe,CAAC,UAAU,KAAK,YAAY,EAAE,CAAC;gCAC9C,eAAe,CAAC,KAAK,GAAG,SAAS,CAAC;4BACtC,CAAC;4BAED,eAAe,CAAC,WAAW,GAAG,KAAK,CAAC;4BACpC,eAAe,CAAC,UAAU,GAAG,YAAY,CAAC;4BAE1C,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC;4BACvF,eAAe,CAAC,QAAQ,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;4BAElD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;wBACzC,CAAC,IAEA,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;wBACtC,OAAO,CACH,oBAAC,MAAM,CAAC,MAAM,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,IACxD,KAAK,CAAC,UAAU,CACL,CACnB,CAAC;oBACN,CAAC,CAAC,CACG,CACD;gBACZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;oBAC9B,oBAAC,4BAA4B,IACzB,QAAQ,EAAE,eAAe,CAAC,QAAQ,EAClC,KAAK,EAAE,eAAe,CAAC,KAAK,EAC5B,SAAS,EAAE,eAAe,CAAC,UAAU,EACrC,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;4BAC1B,eAAe,CAAC,QAAQ,GAAG,QAAQ,CAAC;4BACpC,eAAe,CAAC,KAAK,GAAG,KAAK,CAAC;4BAC9B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;wBACzC,CAAC,GACH,CACM;gBACZ,oBAAC,IAAI,CAAC,IAAI,IACN,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,EACpB,cAAc,EAAE,mBAAmB,EACnC,IAAI,EAAE,iBAAiB,IAEtB,gBAAgB;oBACb,oBAAC,wBAAwB,IACrB,QAAQ,EAAE,eAAe,CAAC,QAAQ,EAClC,WAAW,EAAE,eAAe,CAAC,KAAK,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,KAAK,CAAC,EAAE;4BACd,eAAe,CAAC,KAAK,GAAG,KAAK,CAAC;4BAC9B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;wBACzC,CAAC,GACH,CAEE,CACV;YACN,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAC;gBACxC,oBAAC,MAAM,IACH,IAAI,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvD,OAAO,EAAE,GAAG,EAAE;wBACV,eAAe,CAAC,SAAS,GAAG,eAAe,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBACpE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;oBACzC,CAAC,QAGI;gBACT,oBAAC,IAAI,CAAC,IAAI,IACN,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC,EAAC,EAClC,cAAc,EAAE,6BAA6B,EAC7C,IAAI,EAAE,2BAA2B;oBAEjC,oBAAC,MAAM,IACH,KAAK,EAAE,eAAe,CAAC,gBAAgB,IAAI,SAAS,EACpD,QAAQ,EAAE,KAAK,CAAC,EAAE;4BACd,eAAe,CAAC,gBAAgB,GAAG,KAAK,IAAI,IAAI,CAAC;4BACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;wBACzC,CAAC,EACD,UAAU,UAET,MAAM,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;wBACtD,OAAO,oBAAC,MAAM,CAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,IAAG,KAAK,CAAiB,CAAA;oBAC3E,CAAC,CAAC,CACG,CACD,CACV,CACH,CACV,CAAC;IACN,CAAC;IAED,MAAM;QACF,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;QAEnD,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAC;YACrF,IAAI,CAAC,kBAAkB,EAAE;YAC1B,6BAAK,KAAK,EAAE,EAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAC;gBAC9C,6BAAK,KAAK,EAAE,EAAC,MAAM,EAAE,kBAAkB,EAAC;oBACpC,6BAAK,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAC;wBAC1C,6BAAK,KAAK,EAAE,EAAC,MAAM,EAAE,eAAe,EAAC,IAChC,eAAe,IAAI,IAAI,CAAC,gBAAgB,EAAE,CACzC,CACJ,CACJ,CACJ,CACJ,CACT,CAAC;IACN,CAAC;CAEJ","sourcesContent":["import React from \"react\";\r\nimport {Button, Form, Select} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {AdvancedFilterCondition, AdvancedFilterLogicalOperator,} from \"../../../../api/advancedFilterApi\";\r\nimport AdvancedFilterUtils from \"../advancedFilterUtils\";\r\nimport {getErrorInfo} from \"../advancedFilterValidationUtils\";\r\nimport AdvancedFilterOperatorSelect from \"../components/advancedFilterOperatorSelect\";\r\nimport AdvancedFilterValueInput from \"../components/advancedFilterValueInput\";\r\nimport {AdvancedFilterColumnDefinition, AdvancedFilterConditionError} from \"../../../../api/types/advancedFilter\";\r\nimport DetailHeaderPanel from \"../../grid/detailHeaderPanel\";\r\n\r\ninterface Props {\r\n    editedCondition: AdvancedFilterCondition\r\n    columnDefinitions: AdvancedFilterColumnDefinition[]\r\n\r\n    // conditionList close handler\r\n    onClose(): void\r\n\r\n    // next record handler\r\n    onNextRecord(): void\r\n\r\n    // previous record handler\r\n    onPrevRecord(): void\r\n\r\n    onChange(editedCondition: AdvancedFilterCondition): void\r\n}\r\n\r\nexport default class AdvancedFilterConditionDetailPanel extends React.Component<Props> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n    }\r\n\r\n    renderConfigHeader() {\r\n        return (\r\n            <DetailHeaderPanel\r\n                onPrevRecord={this.props.onPrevRecord}\r\n                onNextRecord={this.props.onNextRecord}\r\n                onClose={this.props.onClose}\r\n            />\r\n        );\r\n    }\r\n\r\n    private renderConfigForm() {\r\n        const editedCondition = this.props.editedCondition;\r\n        const columnDefinition = this.props.columnDefinitions.find(value => value.columnName === editedCondition.column_name);\r\n\r\n        const [valueValidateStatus, valueErrorMessage] = getErrorInfo([AdvancedFilterConditionError.VALUE_REQUIRED], editedCondition._errors ?? []);\r\n        const [logicalOperatorValidateStatus, logicalOperatorErrorMessage] = getErrorInfo([AdvancedFilterConditionError.LOGICAL_OPERATOR_REQUIRED, AdvancedFilterConditionError.LOGICAL_OPERATOR_UNNECESSARY], editedCondition._errors ?? []);\r\n\r\n        return (\r\n            <Form\r\n                className=\"record-config-form\"\r\n                layout=\"horizontal\"\r\n                labelCol={{sm: 24, md: 24, lg: 24, xl: 24, xxl: 24}}\r\n            >\r\n                <div style={{display: \"flex\", marginTop: 8}}>\r\n                    <Button\r\n                        type={editedCondition.not_flag ? \"primary\" : \"default\"}\r\n                        onClick={() => {\r\n                            editedCondition.not_flag = editedCondition.not_flag === 1 ? 0 : 1;\r\n                            this.props.onChange(editedCondition);\r\n                        }}\r\n                    >\r\n                        {i18n(\"Negation\")}\r\n                    </Button>\r\n                    <Button\r\n                        style={{marginLeft: 8}}\r\n                        type={editedCondition.left_par ? \"primary\" : \"default\"}\r\n                        onClick={() => {\r\n                            editedCondition.left_par = editedCondition.left_par === 1 ? 0 : 1;\r\n                            this.props.onChange(editedCondition);\r\n                        }}\r\n                    >\r\n                        (\r\n                    </Button>\r\n                </div>\r\n                <div style={{marginLeft: 32}}>\r\n                    <Form.Item label={i18n(\"Column\")}>\r\n                        <Select\r\n                            value={editedCondition.column_name}\r\n                            onChange={value => {\r\n                                const newValueType = this.props.columnDefinitions.find(columnDefinition => columnDefinition.columnName === value)!.valueType;\r\n\r\n                                if (editedCondition.value_type !== newValueType) {\r\n                                    editedCondition.value = undefined;\r\n                                }\r\n\r\n                                editedCondition.column_name = value;\r\n                                editedCondition.value_type = newValueType;\r\n\r\n                                const newAllowedOperators = AdvancedFilterUtils.getOperatorsForValueType(newValueType);\r\n                                editedCondition.operator = newAllowedOperators[0];\r\n\r\n                                this.props.onChange(editedCondition);\r\n                            }}\r\n                        >\r\n                            {this.props.columnDefinitions.map(value => {\r\n                                return (\r\n                                    <Select.Option value={value.columnName} key={value.columnName}>\r\n                                        {value.columnName}\r\n                                    </Select.Option>\r\n                                );\r\n                            })}\r\n                        </Select>\r\n                    </Form.Item>\r\n                    <Form.Item label={i18n(\"Operator\")}>\r\n                        <AdvancedFilterOperatorSelect\r\n                            operator={editedCondition.operator}\r\n                            value={editedCondition.value}\r\n                            valueType={editedCondition.value_type}\r\n                            onChange={(operator, value) => {\r\n                                editedCondition.operator = operator;\r\n                                editedCondition.value = value;\r\n                                this.props.onChange(editedCondition);\r\n                            }}\r\n                        />\r\n                    </Form.Item>\r\n                    <Form.Item\r\n                        label={i18n(\"Value\")}\r\n                        validateStatus={valueValidateStatus}\r\n                        help={valueErrorMessage}\r\n                    >\r\n                        {columnDefinition &&\r\n                            <AdvancedFilterValueInput\r\n                                operator={editedCondition.operator}\r\n                                editedValue={editedCondition.value}\r\n                                columnDefinition={columnDefinition}\r\n                                onChange={value => {\r\n                                    editedCondition.value = value;\r\n                                    this.props.onChange(editedCondition);\r\n                                }}\r\n                            />\r\n                        }\r\n                    </Form.Item>\r\n                </div>\r\n                <div style={{display: \"flex\", marginTop: 12}}>\r\n                    <Button\r\n                        type={editedCondition.right_par ? \"primary\" : \"default\"}\r\n                        onClick={() => {\r\n                            editedCondition.right_par = editedCondition.right_par === 1 ? 0 : 1;\r\n                            this.props.onChange(editedCondition);\r\n                        }}\r\n                    >\r\n                        )\r\n                    </Button>\r\n                    <Form.Item\r\n                        style={{width: 160, marginLeft: 8}}\r\n                        validateStatus={logicalOperatorValidateStatus}\r\n                        help={logicalOperatorErrorMessage}\r\n                    >\r\n                        <Select\r\n                            value={editedCondition.logical_operator ?? undefined}\r\n                            onChange={value => {\r\n                                editedCondition.logical_operator = value ?? null;\r\n                                this.props.onChange(editedCondition);\r\n                            }}\r\n                            allowClear\r\n                        >\r\n                            {Object.values(AdvancedFilterLogicalOperator).map(value => {\r\n                                return <Select.Option value={value} key={value}>{value}</Select.Option>\r\n                            })}\r\n                        </Select>\r\n                    </Form.Item>\r\n                </div>\r\n            </Form>\r\n        );\r\n    }\r\n\r\n    render() {\r\n        const editedCondition = this.props.editedCondition;\r\n\r\n        return (\r\n            <div style={{display: \"flex\", flexDirection: \"column\", overflow: \"hidden\", height: \"100%\"}}>\r\n                {this.renderConfigHeader()}\r\n                <div style={{flex: \"1 1 auto\", overflow: \"hidden\"}}>\r\n                    <div style={{height: \"calc(100% - 8px)\"}}>\r\n                        <div style={{height: \"100%\", overflow: \"auto\"}}>\r\n                            <div style={{margin: \"0px 12px 16px\"}}>\r\n                                {editedCondition && this.renderConfigForm()}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n}"]}

package/coreui/components/advancedFilter/conditionList/advancedFilterConditionListModalDialog.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { AdvancedFilterCondition } from "../../../../api/advancedFilterApi";
+import { AdvancedFilterColumnDefinition } from "../../../../api/types/advancedFilter";
+interface AdvancedFilterConditionListModalDialogProps {
+    visible: boolean;
+    filterConditions: AdvancedFilterCondition[];
+    columnDefinitions: AdvancedFilterColumnDefinition[];
+    onOk(filterConditions: AdvancedFilterCondition[]): void;
+    onCancel(): void;
+}
+interface AdvancedFilterConditionListModalDialogState {
+    editedFilterConditions: AdvancedFilterCondition[];
+    validateOnChange: boolean;
+    isConditionError: boolean;
+    isParenthesisError: boolean;
+}
+export default class AdvancedFilterConditionListModalDialog extends React.Component<AdvancedFilterConditionListModalDialogProps, AdvancedFilterConditionListModalDialogState> {
+    private advancedFilterConditionListPanel;
+    constructor(props: Readonly<AdvancedFilterConditionListModalDialogProps>);
+    componentDidUpdate(prevProps: Readonly<AdvancedFilterConditionListModalDialogProps>): void;
+    render(): React.JSX.Element;
+}
+export {};

package/coreui/components/advancedFilter/conditionList/advancedFilterConditionListModalDialog.js

@@ -0,0 +1,58 @@
+import React from "react";
+import { ModalDialog } from "d2coreui/components/modal/modalDialog";
+import i18n from "d2core/i18n/i18n";
+import AdvancedFilterConditionListPanel from "./advancedFilterConditionListPanel";
+import cloneDeep from "lodash/cloneDeep";
+import isEqual from "lodash/isEqual";
+import AdvancedFilterValidationUtils from "../advancedFilterValidationUtils";
+export default class AdvancedFilterConditionListModalDialog extends React.Component {
+    constructor(props) {
+        super(props);
+        this.advancedFilterConditionListPanel = null;
+        this.state = {
+            editedFilterConditions: cloneDeep(props.filterConditions),
+            validateOnChange: false,
+            isConditionError: false,
+            isParenthesisError: false,
+        };
+    }
+    componentDidUpdate(prevProps) {
+        if (!isEqual(prevProps.filterConditions, this.props.filterConditions)) {
+            this.setState({ editedFilterConditions: cloneDeep(this.props.filterConditions) });
+        }
+    }
+    render() {
+        return (React.createElement(ModalDialog, { mode: "OK_CANCEL", open: this.props.visible, title: i18n("Condition List"), initialWidth: window.innerWidth * 0.9, initialHeight: window.innerHeight * 0.75, styles: { body: { padding: 0 } }, okText: i18n("Apply Filter"), okButtonProps: { disabled: this.state.editedFilterConditions.length === 0 || this.state.isConditionError || this.state.isParenthesisError }, onOk: () => {
+                const validationResult = AdvancedFilterValidationUtils.validade(this.state.editedFilterConditions);
+                this.setState({
+                    isConditionError: validationResult.isConditionError,
+                    isParenthesisError: validationResult.isParenthesisError,
+                    validateOnChange: true,
+                });
+                this.advancedFilterConditionListPanel?.refreshData();
+                if (!validationResult.isConditionError && !validationResult.isParenthesisError) {
+                    this.props.onOk(this.state.editedFilterConditions);
+                }
+            }, onCancel: () => {
+                this.setState({
+                    editedFilterConditions: cloneDeep(this.props.filterConditions),
+                    validateOnChange: false,
+                    isConditionError: false,
+                    isParenthesisError: false,
+                });
+                this.props.onCancel();
+            } },
+            React.createElement(AdvancedFilterConditionListPanel, { ref: instance => this.advancedFilterConditionListPanel = instance, columnDefinitions: this.props.columnDefinitions, filterConditions: this.state.editedFilterConditions, isParenthesisError: this.state.isParenthesisError, onChange: filterConditions => {
+                    if (this.state.validateOnChange) {
+                        const validationResult = AdvancedFilterValidationUtils.validade(filterConditions);
+                        this.advancedFilterConditionListPanel?.refreshData();
+                        this.setState({
+                            isConditionError: validationResult.isConditionError,
+                            isParenthesisError: validationResult.isParenthesisError,
+                        });
+                    }
+                    this.setState({ editedFilterConditions: filterConditions });
+                } })));
+    }
+}
+//# sourceMappingURL=advancedFilterConditionListModalDialog.js.map

package/coreui/components/advancedFilter/conditionList/advancedFilterConditionListModalDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advancedFilterConditionListModalDialog.js","sourceRoot":"","sources":["../../../../../../coreui/components/advancedFilter/conditionList/advancedFilterConditionListModalDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport AdvancedFilterConditionListPanel from \"./advancedFilterConditionListPanel\";\r\nimport {AdvancedFilterCondition} from \"../../../../api/advancedFilterApi\";\r\nimport cloneDeep from \"lodash/cloneDeep\";\r\nimport isEqual from \"lodash/isEqual\";\r\nimport AdvancedFilterValidationUtils from \"../advancedFilterValidationUtils\";\r\nimport {AdvancedFilterColumnDefinition} from \"../../../../api/types/advancedFilter\";\r\n\r\ninterface AdvancedFilterConditionListModalDialogProps {\r\n    visible: boolean\r\n    filterConditions: AdvancedFilterCondition[]\r\n    columnDefinitions: AdvancedFilterColumnDefinition[]\r\n\r\n    onOk(filterConditions: AdvancedFilterCondition[]): void\r\n\r\n    onCancel(): void\r\n}\r\n\r\ninterface AdvancedFilterConditionListModalDialogState {\r\n    editedFilterConditions: AdvancedFilterCondition[]\r\n    validateOnChange: boolean\r\n    isConditionError: boolean\r\n    isParenthesisError: boolean\r\n}\r\n\r\nexport default class AdvancedFilterConditionListModalDialog extends React.Component<AdvancedFilterConditionListModalDialogProps, AdvancedFilterConditionListModalDialogState> {\r\n    private advancedFilterConditionListPanel: AdvancedFilterConditionListPanel | null = null;\r\n\r\n    constructor(props: Readonly<AdvancedFilterConditionListModalDialogProps>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            editedFilterConditions: cloneDeep(props.filterConditions),\r\n            validateOnChange: false,\r\n            isConditionError: false,\r\n            isParenthesisError: false,\r\n        }\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<AdvancedFilterConditionListModalDialogProps>) {\r\n        if (!isEqual(prevProps.filterConditions, this.props.filterConditions)) {\r\n            this.setState({editedFilterConditions: cloneDeep(this.props.filterConditions)});\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <ModalDialog\r\n                mode={ModalDialogMode.OK_CANCEL}\r\n                open={this.props.visible}\r\n                title={i18n(\"Condition List\")}\r\n                initialWidth={window.innerWidth * 0.9}\r\n                initialHeight={window.innerHeight * 0.75}\r\n                styles={{body: {padding: 0}}}\r\n                okText={i18n(\"Apply Filter\")}\r\n                okButtonProps={{disabled: this.state.editedFilterConditions.length === 0 || this.state.isConditionError || this.state.isParenthesisError}}\r\n                onOk={() => {\r\n                    const validationResult = AdvancedFilterValidationUtils.validade(this.state.editedFilterConditions);\r\n                    this.setState({\r\n                        isConditionError: validationResult.isConditionError,\r\n                        isParenthesisError: validationResult.isParenthesisError,\r\n                        validateOnChange: true,\r\n                    });\r\n\r\n                    this.advancedFilterConditionListPanel?.refreshData();\r\n                    if (!validationResult.isConditionError && !validationResult.isParenthesisError) {\r\n                        this.props.onOk(this.state.editedFilterConditions);\r\n                    }\r\n                }}\r\n                onCancel={() => {\r\n                    this.setState({\r\n                        editedFilterConditions: cloneDeep(this.props.filterConditions),\r\n                        validateOnChange: false,\r\n                        isConditionError: false,\r\n                        isParenthesisError: false,\r\n                    });\r\n                    this.props.onCancel();\r\n                }}\r\n            >\r\n                <AdvancedFilterConditionListPanel\r\n                    ref={instance => this.advancedFilterConditionListPanel = instance}\r\n                    columnDefinitions={this.props.columnDefinitions}\r\n                    filterConditions={this.state.editedFilterConditions}\r\n                    isParenthesisError={this.state.isParenthesisError}\r\n                    onChange={filterConditions => {\r\n                        if (this.state.validateOnChange) {\r\n                            const validationResult = AdvancedFilterValidationUtils.validade(filterConditions);\r\n                            this.advancedFilterConditionListPanel?.refreshData();\r\n\r\n                            this.setState({\r\n                                isConditionError: validationResult.isConditionError,\r\n                                isParenthesisError: validationResult.isParenthesisError,\r\n                            });\r\n                        }\r\n\r\n                        this.setState({editedFilterConditions: filterConditions});\r\n                    }}\r\n                />\r\n            </ModalDialog>\r\n        );\r\n    }\r\n\r\n}"]}

package/coreui/components/advancedFilter/conditionList/advancedFilterConditionListPanel.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { DataGridColDef } from "d2coreui/components/grid/dataGrid";
+import { AdvancedFilterCondition } from "../../../../api/advancedFilterApi";
+import { SelectionChangedEvent } from "ag-grid-community";
+import { AdvancedFilterColumnDefinition } from "../../../../api/types/advancedFilter";
+interface AdvancedFilterConditionListPanelProps {
+    filterConditions: AdvancedFilterCondition[];
+    columnDefinitions: AdvancedFilterColumnDefinition[];
+    isParenthesisError: boolean;
+    onChange(filterConditions: AdvancedFilterCondition[]): void;
+}
+interface AdvancedFilterConditionListPanelState {
+    selectedCondition: AdvancedFilterCondition | null;
+    loading: boolean;
+}
+export default class AdvancedFilterConditionListPanel extends React.Component<AdvancedFilterConditionListPanelProps, AdvancedFilterConditionListPanelState> {
+    private initialColumnDefs?;
+    private dataGrid;
+    private gridApi?;
+    constructor(props: Readonly<AdvancedFilterConditionListPanelProps>);
+    componentDidMount(): void;
+    refreshData(): void;
+    getInitialColumnDefs(): DataGridColDef[];
+    onSelectionChanged(event: SelectionChangedEvent): void;
+    private onAddNewCondition;
+    renderToolbarButtons(): React.JSX.Element;
+    renderDetailPanel(): React.JSX.Element;
+    renderControlPanel(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export {};