d2aura 23.0.54 → 23.0.57

package/coreui/components/advancedFilter/advancedFilteredGrid.js

@@ -59,7 +59,7 @@ export default class AdvancedFilteredGrid extends React.Component {
         return [];
     }
     getAllFilterConditions() {
-        const filterConditions = [...this.state.filterConditions];
+        const filterConditions = cloneDeep(this.state.filterConditions);
         if (this.props.filterConditions) {
             if (filterConditions.length > 0) {
                 filterConditions[filterConditions.length - 1].logical_operator = AdvancedFilterLogicalOperator.AND;

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

@@ -1 +1 @@
-{"version":3,"file":"advancedFilteredGrid.js","sourceRoot":"","sources":["../../../../../coreui/components/advancedFilter/advancedFilteredGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {\r\n    AdvancedFilterApi,\r\n    AdvancedFilterCondition,\r\n    AdvancedFilterLogicalOperator,\r\n    AdvancedFilterOperator,\r\n    AdvancedFilterValue\r\n} from \"../../../api/advancedFilterApi\";\r\nimport Entity from \"../../../api/types/entity\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {GridApi, IDatasource} from \"ag-grid-community\";\r\nimport cloneDeep from \"lodash/cloneDeep\";\r\nimport AdvancedFilterFloatingColumnComponent from \"./floatingColumnFilter/advancedFilterFloatingColumnComponent\";\r\nimport {AdvancedFilterColumnDefinition} from \"../../../api/types/advancedFilter\";\r\nimport AdvancedFilterUtils from \"./advancedFilterUtils\";\r\nimport {\r\n    getCodeColumn,\r\n    getDateColumn,\r\n    getDateTimeColumn,\r\n    getDbBooleanColumn,\r\n    getEntityColumn,\r\n    getIDColumn,\r\n    getNameColumn,\r\n    getNumberColumn,\r\n    getStringColumn\r\n} from \"../grid/standardColumns\";\r\nimport {\r\n    GeneralEntityColumn,\r\n    getDateAdvancedFilterColumn,\r\n    getDateTimeAdvancedFilterColumn,\r\n    getDbBooleanAdvancedFilterColumn,\r\n    getNumberAdvancedFilterColumn,\r\n    getStringAdvancedFilterColumn\r\n} from \"./advancedFilterColumnDefinitions\";\r\nimport {DataGridColDef, OnLoadDataCallback} from \"d2coreui/components/grid/dataGrid\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport AbstractEntityApi, {PageableList} from \"../../../api/abstractEntityApi\";\r\n\r\ninterface AdvancedFilterSavedConditions {\r\n    version: number\r\n    filterConditions: AdvancedFilterCondition[]\r\n}\r\n\r\nexport interface AdvancedFilterConfig {\r\n    version: number\r\n    listName: string\r\n}\r\n\r\nexport interface AdvancedFilteredGridProps<T extends Entity> {\r\n    api: AbstractEntityApi<T>\r\n    advancedFilterApi: AdvancedFilterApi\r\n    filterConditions?: AdvancedFilterCondition[]\r\n}\r\n\r\nexport interface AdvancedFilteredGridState<T extends Entity> {\r\n    filterConditions: AdvancedFilterCondition[]\r\n    selectedData: T[]\r\n    columnDefs: DataGridColDef[]\r\n    loading: boolean\r\n    datasource: IDatasource\r\n}\r\n\r\nexport default abstract class AdvancedFilteredGrid<T extends Entity, P extends AdvancedFilteredGridProps<T>, S extends AdvancedFilteredGridState<T>> extends React.Component<P, S> {\r\n    protected dataGrid: ExtendedDataGrid<T> | null = null;\r\n    protected gridApi?: GridApi;\r\n    protected firstLoadedPage: PageableList<T> | null = null;\r\n    protected manualReload = true;\r\n    protected initialColumnDefs?: DataGridColDef[];\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        this.renderFloatingFilter = this.renderFloatingFilter.bind(this);\r\n        this.onApplyFilter = this.onApplyFilter.bind(this);\r\n        this.onAddCondition = this.onAddCondition.bind(this);\r\n        this.onSetCondition = this.onSetCondition.bind(this);\r\n        this.onClearCondition = this.onClearCondition.bind(this);\r\n        this.onLoadData = this.onLoadData.bind(this);\r\n    }\r\n\r\n    componentDidMount() {\r\n        // can be set in child component from url parameters\r\n        if (this.state.filterConditions.length === 0) {\r\n            const advancedFilterConfig = this.getAdvancedFilterConfig();\r\n\r\n            if (advancedFilterConfig) {\r\n                const item = localStorage.getItem(advancedFilterConfig.listName);\r\n\r\n                if (item) {\r\n                    try {\r\n                        const savedConditions: AdvancedFilterSavedConditions = JSON.parse(item);\r\n                        if (savedConditions.version === advancedFilterConfig.version) {\r\n                            this.setState({filterConditions: savedConditions.filterConditions});\r\n                        }\r\n                    } catch {\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    protected async onLoadData(callback: OnLoadDataCallback) {\r\n        this.manualReload = true;\r\n        this.firstLoadedPage = await this.getRecords(0, 100);\r\n        callback(this.firstLoadedPage.totalNumberOfRows);\r\n        this.gridApi?.onFilterChanged();\r\n    }\r\n\r\n    protected async getRecords(from: number, to: number): Promise<PageableList<T>> {\r\n        this.setState({loading: true});\r\n\r\n        let orderBy = \"\";\r\n        const sortModel = this.dataGrid?.getSortModel()[0];\r\n        if (sortModel) {\r\n            orderBy = `${sortModel.colId} ${sortModel.sort}`;\r\n        }\r\n        const pageableList = await this.props.api.getAllData(from, to, orderBy, AdvancedFilterUtils.serializeConditionValues(this.getAllFilterConditions()), this.getOnlyValidRecords());\r\n        await this.onRecordsLoaded();\r\n\r\n        this.setState({loading: false});\r\n        return pageableList;\r\n    }\r\n\r\n    abstract getOnlyValidRecords(): boolean\r\n\r\n    protected getAdditionalFilterConditions(): AdvancedFilterCondition[] {\r\n        return [];\r\n    }\r\n\r\n    protected getAllFilterConditions(): AdvancedFilterCondition[] {\r\n        const filterConditions = [...this.state.filterConditions];\r\n        if (this.props.filterConditions) {\r\n            if (filterConditions.length > 0) {\r\n                filterConditions[filterConditions.length - 1].logical_operator = AdvancedFilterLogicalOperator.AND;\r\n            }\r\n            filterConditions.push(...this.props.filterConditions);\r\n        }\r\n\r\n        const additionalFilterConditions = this.getAdditionalFilterConditions();\r\n        if (additionalFilterConditions.length > 0) {\r\n            if (filterConditions.length > 0) {\r\n                filterConditions[filterConditions.length - 1].logical_operator = AdvancedFilterLogicalOperator.AND;\r\n            }\r\n            filterConditions.push(...additionalFilterConditions);\r\n        }\r\n\r\n        return filterConditions;\r\n    }\r\n\r\n    protected async onRecordsLoaded() {\r\n    }\r\n\r\n    private saveConfiguration() {\r\n        const advancedFilterConfig = this.getAdvancedFilterConfig();\r\n\r\n        if (advancedFilterConfig) {\r\n            const conditionsToSave: AdvancedFilterSavedConditions = {\r\n                version: advancedFilterConfig.version,\r\n                filterConditions: this.state.filterConditions,\r\n            }\r\n\r\n            localStorage.setItem(advancedFilterConfig.listName, JSON.stringify(conditionsToSave));\r\n        }\r\n    }\r\n\r\n    abstract getAdvancedFilterConfig(): AdvancedFilterConfig | undefined\r\n\r\n    protected getAdvancedFilterColumnDefinitions(): AdvancedFilterColumnDefinition[] {\r\n        return this.dataGrid?.props.columnDefs\r\n            .filter(value => value.renderFilter && value.context)\r\n            .map(value => value.context as AdvancedFilterColumnDefinition)\r\n            ?? [];\r\n    }\r\n\r\n    protected renderFloatingFilter(columnDefinition: AdvancedFilterColumnDefinition) {\r\n        const filterCondition = this.state.filterConditions.find(value => value.column_name === columnDefinition.columnName);\r\n        return (\r\n            <AdvancedFilterFloatingColumnComponent\r\n                filterCondition={filterCondition}\r\n                columnDefinition={columnDefinition}\r\n                onAddCondition={(operator, value) => this.onAddCondition(columnDefinition, operator, value)}\r\n                onSetCondition={(operator, value) => this.onSetCondition(columnDefinition, operator, value)}\r\n                onClearCondition={() => this.onClearCondition(columnDefinition)}\r\n            />\r\n        );\r\n    }\r\n\r\n    protected onApplyFilter(filterConditions: AdvancedFilterCondition[]) {\r\n        this.setState({filterConditions: filterConditions}, () => {\r\n            this.dataGrid?.loadData();\r\n            this.saveConfiguration();\r\n        });\r\n    }\r\n\r\n    private onAddCondition(columnDefinition: AdvancedFilterColumnDefinition, operator: AdvancedFilterOperator, value: AdvancedFilterValue) {\r\n        const filterConditions = cloneDeep(this.state.filterConditions);\r\n\r\n        const filterConditionIndex = filterConditions.findIndex(filterCondition => filterCondition.column_name === columnDefinition.columnName);\r\n\r\n        if (filterConditionIndex >= 0) {\r\n            if (filterConditions[filterConditionIndex + 1]) {\r\n                filterConditions[filterConditionIndex].logical_operator = AdvancedFilterLogicalOperator.AND;\r\n            }\r\n            filterConditions[filterConditionIndex].operator = operator;\r\n            filterConditions[filterConditionIndex].value = value;\r\n        } else {\r\n            const newId = filterConditions.length === 0 ? 0 : Math.max(...filterConditions.map(value => value.id)) + 1;\r\n            const newCondition = AdvancedFilterUtils.newCondition(columnDefinition, {operator, value});\r\n            newCondition.id = newId;\r\n\r\n            if (filterConditions.length > 0) {\r\n                filterConditions[filterConditions.length - 1].logical_operator = AdvancedFilterLogicalOperator.AND;\r\n            }\r\n            filterConditions.push(newCondition);\r\n        }\r\n\r\n        this.setState({filterConditions: filterConditions}, () => {\r\n            this.dataGrid?.loadData();\r\n            this.saveConfiguration();\r\n        });\r\n    }\r\n\r\n    private onSetCondition(columnDefinition: AdvancedFilterColumnDefinition, operator: AdvancedFilterOperator, value: AdvancedFilterValue) {\r\n        const newCondition = AdvancedFilterUtils.newCondition(columnDefinition, {operator, value});\r\n\r\n        this.setState({filterConditions: [newCondition]}, () => {\r\n            this.dataGrid?.loadData()\r\n            this.saveConfiguration();\r\n        });\r\n    }\r\n\r\n    private onClearCondition(columnDefinition: AdvancedFilterColumnDefinition) {\r\n        const filterConditions = this.state.filterConditions.filter(value => value.column_name !== columnDefinition.columnName);\r\n\r\n        if (filterConditions.length > 0) {\r\n            filterConditions[filterConditions.length - 1].logical_operator = null;\r\n        }\r\n\r\n        this.setState({filterConditions: filterConditions}, () => {\r\n            this.dataGrid?.loadData();\r\n            this.saveConfiguration();\r\n        });\r\n    }\r\n\r\n    // columns\r\n    protected getIdColumn(columnName: string) {\r\n        return getIDColumn(() => this.renderFloatingFilter(getNumberAdvancedFilterColumn(columnName)), {colId: columnName, context: getNumberAdvancedFilterColumn(columnName)});\r\n    }\r\n\r\n    protected getCodeColumn(params?: Partial<DataGridColDef>) {\r\n        return getCodeColumn(() => this.renderFloatingFilter(getStringAdvancedFilterColumn(GeneralEntityColumn.CODE)), {context: getStringAdvancedFilterColumn(GeneralEntityColumn.CODE), ...params});\r\n    }\r\n\r\n    protected getCodeColumnWithBackgroundColor() {\r\n        return this.getEntityColumn({codeColumn: GeneralEntityColumn.CODE, nameColumn: GeneralEntityColumn.NAME, backgroundColorColumn: GeneralEntityColumn.BG_COLOR}, {headerName: i18n(\"Code\")});\r\n    }\r\n\r\n    protected getNameColumn(params?: Partial<DataGridColDef>) {\r\n        return getNameColumn(() => this.renderFloatingFilter(getStringAdvancedFilterColumn(GeneralEntityColumn.NAME)), {context: getStringAdvancedFilterColumn(GeneralEntityColumn.NAME), ...params});\r\n    }\r\n\r\n    protected getEntityColumn(columnConfig: {codeColumn: string, nameColumn: string, backgroundColorColumn?: string}, params?: Partial<DataGridColDef>, omitFilter?: boolean) {\r\n        return getEntityColumn(\r\n            columnConfig,\r\n            omitFilter ? undefined : () => this.renderFloatingFilter(getStringAdvancedFilterColumn(columnConfig.codeColumn)),\r\n            {context: getStringAdvancedFilterColumn(columnConfig.codeColumn), ...params}\r\n        );\r\n    }\r\n\r\n    protected getDateColumn(columnName: string, params?: Partial<DataGridColDef>) {\r\n        return getDateColumn(columnName, () => this.renderFloatingFilter(getDateAdvancedFilterColumn(columnName)), {context: getDateAdvancedFilterColumn(columnName), ...params});\r\n    }\r\n\r\n    protected getDateTimeColumn(columnName: string, params?: Partial<DataGridColDef>) {\r\n        return getDateTimeColumn(columnName, () => this.renderFloatingFilter(getDateTimeAdvancedFilterColumn(columnName)), {context: getDateTimeAdvancedFilterColumn(columnName), ...params});\r\n    }\r\n\r\n    protected getDbBooleanColumn(columnName: string, params?: Partial<DataGridColDef>) {\r\n        return getDbBooleanColumn(columnName, () => this.renderFloatingFilter(getDbBooleanAdvancedFilterColumn(columnName)), {context: getDbBooleanAdvancedFilterColumn(columnName), ...params});\r\n    }\r\n\r\n    protected getStringColumn(columnName: string, params?: Partial<DataGridColDef>) {\r\n        return getStringColumn(columnName, () => this.renderFloatingFilter(getStringAdvancedFilterColumn(columnName)), {context: getStringAdvancedFilterColumn(columnName), ...params});\r\n    }\r\n\r\n    protected getNumberColumn(columnName: string, params?: Partial<DataGridColDef>) {\r\n        return getNumberColumn(columnName, () => this.renderFloatingFilter(getNumberAdvancedFilterColumn(columnName)), {context: getNumberAdvancedFilterColumn(columnName), ...params});\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"advancedFilteredGrid.js","sourceRoot":"","sources":["../../../../../coreui/components/advancedFilter/advancedFilteredGrid.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {\r\n    AdvancedFilterApi,\r\n    AdvancedFilterCondition,\r\n    AdvancedFilterLogicalOperator,\r\n    AdvancedFilterOperator,\r\n    AdvancedFilterValue\r\n} from \"../../../api/advancedFilterApi\";\r\nimport Entity from \"../../../api/types/entity\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {GridApi, IDatasource} from \"ag-grid-community\";\r\nimport cloneDeep from \"lodash/cloneDeep\";\r\nimport AdvancedFilterFloatingColumnComponent from \"./floatingColumnFilter/advancedFilterFloatingColumnComponent\";\r\nimport {AdvancedFilterColumnDefinition} from \"../../../api/types/advancedFilter\";\r\nimport AdvancedFilterUtils from \"./advancedFilterUtils\";\r\nimport {\r\n    getCodeColumn,\r\n    getDateColumn,\r\n    getDateTimeColumn,\r\n    getDbBooleanColumn,\r\n    getEntityColumn,\r\n    getIDColumn,\r\n    getNameColumn,\r\n    getNumberColumn,\r\n    getStringColumn\r\n} from \"../grid/standardColumns\";\r\nimport {\r\n    GeneralEntityColumn,\r\n    getDateAdvancedFilterColumn,\r\n    getDateTimeAdvancedFilterColumn,\r\n    getDbBooleanAdvancedFilterColumn,\r\n    getNumberAdvancedFilterColumn,\r\n    getStringAdvancedFilterColumn\r\n} from \"./advancedFilterColumnDefinitions\";\r\nimport {DataGridColDef, OnLoadDataCallback} from \"d2coreui/components/grid/dataGrid\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport AbstractEntityApi, {PageableList} from \"../../../api/abstractEntityApi\";\r\n\r\ninterface AdvancedFilterSavedConditions {\r\n    version: number\r\n    filterConditions: AdvancedFilterCondition[]\r\n}\r\n\r\nexport interface AdvancedFilterConfig {\r\n    version: number\r\n    listName: string\r\n}\r\n\r\nexport interface AdvancedFilteredGridProps<T extends Entity> {\r\n    api: AbstractEntityApi<T>\r\n    advancedFilterApi: AdvancedFilterApi\r\n    filterConditions?: AdvancedFilterCondition[]\r\n}\r\n\r\nexport interface AdvancedFilteredGridState<T extends Entity> {\r\n    filterConditions: AdvancedFilterCondition[]\r\n    selectedData: T[]\r\n    columnDefs: DataGridColDef[]\r\n    loading: boolean\r\n    datasource: IDatasource\r\n}\r\n\r\nexport default abstract class AdvancedFilteredGrid<T extends Entity, P extends AdvancedFilteredGridProps<T>, S extends AdvancedFilteredGridState<T>> extends React.Component<P, S> {\r\n    protected dataGrid: ExtendedDataGrid<T> | null = null;\r\n    protected gridApi?: GridApi;\r\n    protected firstLoadedPage: PageableList<T> | null = null;\r\n    protected manualReload = true;\r\n    protected initialColumnDefs?: DataGridColDef[];\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        this.renderFloatingFilter = this.renderFloatingFilter.bind(this);\r\n        this.onApplyFilter = this.onApplyFilter.bind(this);\r\n        this.onAddCondition = this.onAddCondition.bind(this);\r\n        this.onSetCondition = this.onSetCondition.bind(this);\r\n        this.onClearCondition = this.onClearCondition.bind(this);\r\n        this.onLoadData = this.onLoadData.bind(this);\r\n    }\r\n\r\n    componentDidMount() {\r\n        // can be set in child component from url parameters\r\n        if (this.state.filterConditions.length === 0) {\r\n            const advancedFilterConfig = this.getAdvancedFilterConfig();\r\n\r\n            if (advancedFilterConfig) {\r\n                const item = localStorage.getItem(advancedFilterConfig.listName);\r\n\r\n                if (item) {\r\n                    try {\r\n                        const savedConditions: AdvancedFilterSavedConditions = JSON.parse(item);\r\n                        if (savedConditions.version === advancedFilterConfig.version) {\r\n                            this.setState({filterConditions: savedConditions.filterConditions});\r\n                        }\r\n                    } catch {\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    protected async onLoadData(callback: OnLoadDataCallback) {\r\n        this.manualReload = true;\r\n        this.firstLoadedPage = await this.getRecords(0, 100);\r\n        callback(this.firstLoadedPage.totalNumberOfRows);\r\n        this.gridApi?.onFilterChanged();\r\n    }\r\n\r\n    protected async getRecords(from: number, to: number): Promise<PageableList<T>> {\r\n        this.setState({loading: true});\r\n\r\n        let orderBy = \"\";\r\n        const sortModel = this.dataGrid?.getSortModel()[0];\r\n        if (sortModel) {\r\n            orderBy = `${sortModel.colId} ${sortModel.sort}`;\r\n        }\r\n        const pageableList = await this.props.api.getAllData(from, to, orderBy, AdvancedFilterUtils.serializeConditionValues(this.getAllFilterConditions()), this.getOnlyValidRecords());\r\n        await this.onRecordsLoaded();\r\n\r\n        this.setState({loading: false});\r\n        return pageableList;\r\n    }\r\n\r\n    abstract getOnlyValidRecords(): boolean\r\n\r\n    protected getAdditionalFilterConditions(): AdvancedFilterCondition[] {\r\n        return [];\r\n    }\r\n\r\n    protected getAllFilterConditions(): AdvancedFilterCondition[] {\r\n        const filterConditions = cloneDeep(this.state.filterConditions);\r\n        if (this.props.filterConditions) {\r\n            if (filterConditions.length > 0) {\r\n                filterConditions[filterConditions.length - 1].logical_operator = AdvancedFilterLogicalOperator.AND;\r\n            }\r\n            filterConditions.push(...this.props.filterConditions);\r\n        }\r\n\r\n        const additionalFilterConditions = this.getAdditionalFilterConditions();\r\n        if (additionalFilterConditions.length > 0) {\r\n            if (filterConditions.length > 0) {\r\n                filterConditions[filterConditions.length - 1].logical_operator = AdvancedFilterLogicalOperator.AND;\r\n            }\r\n            filterConditions.push(...additionalFilterConditions);\r\n        }\r\n\r\n        return filterConditions;\r\n    }\r\n\r\n    protected async onRecordsLoaded() {\r\n    }\r\n\r\n    private saveConfiguration() {\r\n        const advancedFilterConfig = this.getAdvancedFilterConfig();\r\n\r\n        if (advancedFilterConfig) {\r\n            const conditionsToSave: AdvancedFilterSavedConditions = {\r\n                version: advancedFilterConfig.version,\r\n                filterConditions: this.state.filterConditions,\r\n            }\r\n\r\n            localStorage.setItem(advancedFilterConfig.listName, JSON.stringify(conditionsToSave));\r\n        }\r\n    }\r\n\r\n    abstract getAdvancedFilterConfig(): AdvancedFilterConfig | undefined\r\n\r\n    protected getAdvancedFilterColumnDefinitions(): AdvancedFilterColumnDefinition[] {\r\n        return this.dataGrid?.props.columnDefs\r\n                .filter(value => value.renderFilter && value.context)\r\n                .map(value => value.context as AdvancedFilterColumnDefinition)\r\n            ?? [];\r\n    }\r\n\r\n    protected renderFloatingFilter(columnDefinition: AdvancedFilterColumnDefinition) {\r\n        const filterCondition = this.state.filterConditions.find(value => value.column_name === columnDefinition.columnName);\r\n        return (\r\n            <AdvancedFilterFloatingColumnComponent\r\n                filterCondition={filterCondition}\r\n                columnDefinition={columnDefinition}\r\n                onAddCondition={(operator, value) => this.onAddCondition(columnDefinition, operator, value)}\r\n                onSetCondition={(operator, value) => this.onSetCondition(columnDefinition, operator, value)}\r\n                onClearCondition={() => this.onClearCondition(columnDefinition)}\r\n            />\r\n        );\r\n    }\r\n\r\n    protected onApplyFilter(filterConditions: AdvancedFilterCondition[]) {\r\n        this.setState({filterConditions: filterConditions}, () => {\r\n            this.dataGrid?.loadData();\r\n            this.saveConfiguration();\r\n        });\r\n    }\r\n\r\n    private onAddCondition(columnDefinition: AdvancedFilterColumnDefinition, operator: AdvancedFilterOperator, value: AdvancedFilterValue) {\r\n        const filterConditions = cloneDeep(this.state.filterConditions);\r\n\r\n        const filterConditionIndex = filterConditions.findIndex(filterCondition => filterCondition.column_name === columnDefinition.columnName);\r\n\r\n        if (filterConditionIndex >= 0) {\r\n            if (filterConditions[filterConditionIndex + 1]) {\r\n                filterConditions[filterConditionIndex].logical_operator = AdvancedFilterLogicalOperator.AND;\r\n            }\r\n            filterConditions[filterConditionIndex].operator = operator;\r\n            filterConditions[filterConditionIndex].value = value;\r\n        } else {\r\n            const newId = filterConditions.length === 0 ? 0 : Math.max(...filterConditions.map(value => value.id)) + 1;\r\n            const newCondition = AdvancedFilterUtils.newCondition(columnDefinition, {operator, value});\r\n            newCondition.id = newId;\r\n\r\n            if (filterConditions.length > 0) {\r\n                filterConditions[filterConditions.length - 1].logical_operator = AdvancedFilterLogicalOperator.AND;\r\n            }\r\n            filterConditions.push(newCondition);\r\n        }\r\n\r\n        this.setState({filterConditions: filterConditions}, () => {\r\n            this.dataGrid?.loadData();\r\n            this.saveConfiguration();\r\n        });\r\n    }\r\n\r\n    private onSetCondition(columnDefinition: AdvancedFilterColumnDefinition, operator: AdvancedFilterOperator, value: AdvancedFilterValue) {\r\n        const newCondition = AdvancedFilterUtils.newCondition(columnDefinition, {operator, value});\r\n\r\n        this.setState({filterConditions: [newCondition]}, () => {\r\n            this.dataGrid?.loadData()\r\n            this.saveConfiguration();\r\n        });\r\n    }\r\n\r\n    private onClearCondition(columnDefinition: AdvancedFilterColumnDefinition) {\r\n        const filterConditions = this.state.filterConditions.filter(value => value.column_name !== columnDefinition.columnName);\r\n\r\n        if (filterConditions.length > 0) {\r\n            filterConditions[filterConditions.length - 1].logical_operator = null;\r\n        }\r\n\r\n        this.setState({filterConditions: filterConditions}, () => {\r\n            this.dataGrid?.loadData();\r\n            this.saveConfiguration();\r\n        });\r\n    }\r\n\r\n    // columns\r\n    protected getIdColumn(columnName: string) {\r\n        return getIDColumn(() => this.renderFloatingFilter(getNumberAdvancedFilterColumn(columnName)), {colId: columnName, context: getNumberAdvancedFilterColumn(columnName)});\r\n    }\r\n\r\n    protected getCodeColumn(params?: Partial<DataGridColDef>) {\r\n        return getCodeColumn(() => this.renderFloatingFilter(getStringAdvancedFilterColumn(GeneralEntityColumn.CODE)), {context: getStringAdvancedFilterColumn(GeneralEntityColumn.CODE), ...params});\r\n    }\r\n\r\n    protected getCodeColumnWithBackgroundColor() {\r\n        return this.getEntityColumn({codeColumn: GeneralEntityColumn.CODE, nameColumn: GeneralEntityColumn.NAME, backgroundColorColumn: GeneralEntityColumn.BG_COLOR}, {headerName: i18n(\"Code\")});\r\n    }\r\n\r\n    protected getNameColumn(params?: Partial<DataGridColDef>) {\r\n        return getNameColumn(() => this.renderFloatingFilter(getStringAdvancedFilterColumn(GeneralEntityColumn.NAME)), {context: getStringAdvancedFilterColumn(GeneralEntityColumn.NAME), ...params});\r\n    }\r\n\r\n    protected getEntityColumn(columnConfig: {codeColumn: string, nameColumn: string, backgroundColorColumn?: string}, params?: Partial<DataGridColDef>, omitFilter?: boolean) {\r\n        return getEntityColumn(\r\n            columnConfig,\r\n            omitFilter ? undefined : () => this.renderFloatingFilter(getStringAdvancedFilterColumn(columnConfig.codeColumn)),\r\n            {context: getStringAdvancedFilterColumn(columnConfig.codeColumn), ...params}\r\n        );\r\n    }\r\n\r\n    protected getDateColumn(columnName: string, params?: Partial<DataGridColDef>) {\r\n        return getDateColumn(columnName, () => this.renderFloatingFilter(getDateAdvancedFilterColumn(columnName)), {context: getDateAdvancedFilterColumn(columnName), ...params});\r\n    }\r\n\r\n    protected getDateTimeColumn(columnName: string, params?: Partial<DataGridColDef>) {\r\n        return getDateTimeColumn(columnName, () => this.renderFloatingFilter(getDateTimeAdvancedFilterColumn(columnName)), {context: getDateTimeAdvancedFilterColumn(columnName), ...params});\r\n    }\r\n\r\n    protected getDbBooleanColumn(columnName: string, params?: Partial<DataGridColDef>) {\r\n        return getDbBooleanColumn(columnName, () => this.renderFloatingFilter(getDbBooleanAdvancedFilterColumn(columnName)), {context: getDbBooleanAdvancedFilterColumn(columnName), ...params});\r\n    }\r\n\r\n    protected getStringColumn(columnName: string, params?: Partial<DataGridColDef>) {\r\n        return getStringColumn(columnName, () => this.renderFloatingFilter(getStringAdvancedFilterColumn(columnName)), {context: getStringAdvancedFilterColumn(columnName), ...params});\r\n    }\r\n\r\n    protected getNumberColumn(columnName: string, params?: Partial<DataGridColDef>) {\r\n        return getNumberColumn(columnName, () => this.renderFloatingFilter(getNumberAdvancedFilterColumn(columnName)), {context: getNumberAdvancedFilterColumn(columnName), ...params});\r\n    }\r\n\r\n}"]}

package/coreui/components/assignEntitiesToEntity/abstractEntitiesOnEntityList.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import Entity from "../../../api/types/entity";
 import { DataGridColDef } from "d2coreui/components/grid/dataGrid";
-import { GridApi } from "ag-grid-community";
+import { GridApi, RowDoubleClickedEvent } from "ag-grid-community";
 export interface AbstractEntitiesOnEntityListProps<ME extends Entity> {
     editedEntity: ME;
     height: number;
@@ -32,6 +32,7 @@ export declare abstract class AbstractEntitiesOnEntityList<ME extends Entity, SE
     protected renderToolbarButtons(): React.JSX.Element;
     private onSelectionChanged;
     protected addRecordsToGrid(records: SE[], idToSelect?: number): void;
+    protected onRowDoubleClicked(_event: RowDoubleClickedEvent): void;
     private renderFullScreenModalDialog;
     protected renderGrid(fullscreen: boolean): React.JSX.Element;
     render(): React.JSX.Element;

package/coreui/components/assignEntitiesToEntity/abstractEntitiesOnEntityList.js

@@ -17,6 +17,7 @@ export class AbstractEntitiesOnEntityList extends React.Component {
         this.onSelectionChanged = this.onSelectionChanged.bind(this);
         this.renderControlPanel = this.renderControlPanel.bind(this);
         this.onExcludeRecords = this.onExcludeRecords.bind(this);
+        this.onRowDoubleClicked = this.onRowDoubleClicked.bind(this);
     }
     componentDidUpdate(prevProps) {
         if (prevProps.disabled !== this.props.disabled || prevProps.editedEntity.id !== this.props.editedEntity.id) {
@@ -89,6 +90,8 @@ export class AbstractEntitiesOnEntityList extends React.Component {
             rowNode?.setSelected(true, true);
         }
     }
+    onRowDoubleClicked(_event) {
+    }
     renderFullScreenModalDialog() {
         return (React.createElement(ModalDialog, { styles: { body: { paddingTop: 0 } }, mode: "NO_BUTTONS", open: this.state.fullscreenModalOpen, onCancel: () => this.setState({ fullscreenModalOpen: false }), afterClose: () => {
                 if (this.renderSelectModalDialog()) {
@@ -138,7 +141,7 @@ export class AbstractEntitiesOnEntityList extends React.Component {
                     return this.noRecordsOverlayRenderer();
                 }
                 return React.createElement("div", null);
-            }, singleClickEdit: true, stopEditingWhenCellsLoseFocus: true, enterNavigatesVerticallyAfterEdit: true }));
+            }, onRowDoubleClicked: this.onRowDoubleClicked, singleClickEdit: true, stopEditingWhenCellsLoseFocus: true, enterNavigatesVerticallyAfterEdit: true }));
     }
     render() {
         return (React.createElement("div", { style: { height: this.props.height, overflow: "auto", resize: "vertical" } },

package/coreui/components/assignEntitiesToEntity/abstractEntitiesOnEntityList.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstractEntitiesOnEntityList.js","sourceRoot":"","sources":["../../../../../coreui/components/assignEntitiesToEntity/abstractEntitiesOnEntityList.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 {GridApi, GridReadyEvent, SelectionChangedEvent} from \"ag-grid-community\";\r\nimport {Button} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {CloseCircleOutlined, DeleteOutlined, FullscreenOutlined, PlusCircleOutlined} from \"@ant-design/icons\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {ERROR_COLOR, WARNING_COLOR} from \"../../../api/constants/constants\";\r\n\r\nexport interface AbstractEntitiesOnEntityListProps<ME extends Entity> {\r\n    editedEntity: ME\r\n    height: number\r\n    disabled?: boolean\r\n    isHighlighted?: boolean\r\n    isError?: boolean\r\n\r\n    onChange?(): void\r\n}\r\n\r\nexport interface AbstractEntitiesOnEntityListState<SE extends Entity> {\r\n    selectedRecords: SE[]\r\n    selectModalDialogVisible: boolean\r\n    columnDefs: DataGridColDef[]\r\n    fullscreenModalOpen: boolean\r\n}\r\n\r\nexport abstract class AbstractEntitiesOnEntityList<\r\n    ME extends Entity,\r\n    SE extends Entity,\r\n    P extends AbstractEntitiesOnEntityListProps<ME>,\r\n    S extends AbstractEntitiesOnEntityListState<SE>\r\n> extends React.Component<P, S> {\r\n    protected gridApi?: GridApi;\r\n    protected fullscreenGridApi?: GridApi;\r\n    protected initialColumnDefs?: DataGridColDef[];\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.renderControlPanel = this.renderControlPanel.bind(this);\r\n        this.onExcludeRecords = this.onExcludeRecords.bind(this);\r\n    }\r\n\r\n    protected initialState: AbstractEntitiesOnEntityListState<SE> = {\r\n        selectedRecords: [],\r\n        selectModalDialogVisible: false,\r\n        columnDefs: this.getInitialColumnDefs(),\r\n        fullscreenModalOpen: false,\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<P>) {\r\n        if (prevProps.disabled !== this.props.disabled || prevProps.editedEntity.id !== this.props.editedEntity.id) {\r\n            this.gridApi?.updateGridOptions({rowData: this.getSubEntities()});\r\n        }\r\n    }\r\n\r\n    abstract getInitialColumnDefs(): DataGridColDef[];\r\n\r\n    abstract getSubEntities(): SE[];\r\n\r\n    protected renderSelectModalDialog(): React.ReactNode | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected renderControlPanel(): JSX.Element | null {\r\n        return null;\r\n    }\r\n\r\n    protected noRecordsOverlayRenderer() {\r\n        return <div/>\r\n    }\r\n\r\n    protected onExcludeRecords() {\r\n        const subEntities = this.getSubEntities();\r\n\r\n        this.state.selectedRecords.forEach(subEntityToExclude => {\r\n            const index = subEntities.findIndex(value => value.id === subEntityToExclude.id);\r\n            subEntities.splice(index, 1);\r\n        });\r\n\r\n        this.props.onChange?.();\r\n        if (this.state.fullscreenModalOpen) {\r\n            this.fullscreenGridApi?.applyTransaction({remove: this.state.selectedRecords});\r\n        } else {\r\n            this.gridApi?.applyTransaction({remove: this.state.selectedRecords});\r\n        }\r\n    }\r\n\r\n    protected renderToolbarButtons() {\r\n        return <>\r\n            <Button\r\n                title={i18n(\"Add Record\")}\r\n                disabled={this.props.disabled}\r\n                onClick={() => {\r\n                    this.setState({selectModalDialogVisible: true});\r\n                }}\r\n            >\r\n                <PlusCircleOutlined/>\r\n            </Button>\r\n            <Button\r\n                title={i18n(\"Exclude Record\")}\r\n                disabled={this.state.selectedRecords.length === 0 || this.props.disabled}\r\n                onClick={() => {\r\n                    ModalDialog.delete({\r\n                        mode: ModalDialogMode.YES_NO,\r\n                        title:\r\n                            <span style={{whiteSpace: \"nowrap\"}}>\r\n                                {i18n(\"Exclude %n records?\", this.state.selectedRecords.length)}\r\n                            </span>,\r\n                        icon: <DeleteOutlined style={{color: ERROR_COLOR}}/>,\r\n                        onOk: this.onExcludeRecords\r\n                    });\r\n                }}\r\n            >\r\n                <CloseCircleOutlined/>\r\n            </Button>\r\n        </>;\r\n    }\r\n\r\n    private onSelectionChanged(event: SelectionChangedEvent): void {\r\n        const selectedRows = event.api.getSelectedRows();\r\n        this.setState({selectedRecords: selectedRows});\r\n    }\r\n\r\n    protected addRecordsToGrid(records: SE[], idToSelect?: number) {\r\n        if (records.length > 0) {\r\n            if (this.state.fullscreenModalOpen) {\r\n                this.fullscreenGridApi?.applyTransaction({add: records});\r\n            } else {\r\n                this.gridApi?.applyTransaction({add: records});\r\n            }\r\n            this.props.onChange?.();\r\n        }\r\n\r\n        if (idToSelect !== undefined) {\r\n            let rowNode;\r\n            if (this.state.fullscreenModalOpen) {\r\n                rowNode = this.fullscreenGridApi?.getRowNode(idToSelect.toString());\r\n                this.fullscreenGridApi?.ensureNodeVisible(rowNode);\r\n            } else {\r\n                rowNode = this.gridApi?.getRowNode(idToSelect.toString());\r\n                this.gridApi?.ensureNodeVisible(rowNode);\r\n            }\r\n\r\n            rowNode?.setSelected(true, true);\r\n        }\r\n    }\r\n\r\n    private renderFullScreenModalDialog() {\r\n        return (\r\n            <ModalDialog\r\n                styles={{body: {paddingTop: 0}}}\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                open={this.state.fullscreenModalOpen}\r\n                onCancel={() => this.setState({fullscreenModalOpen: false})}\r\n                afterClose={() => {\r\n                    if (this.renderSelectModalDialog()) {\r\n                        this.gridApi?.updateGridOptions({rowData: this.getSubEntities()});\r\n                    } else {\r\n                        this.gridApi?.refreshCells({force: true});\r\n                    }\r\n                }}\r\n                title={i18n(\"Fullscreen\")}\r\n                initialWidth={800}\r\n                initialHeight={window.innerHeight - 20}\r\n            >\r\n                {this.renderGrid(true)}\r\n            </ModalDialog>\r\n        )\r\n    }\r\n\r\n    protected renderGrid(fullscreen: boolean) {\r\n        const subEntities = this.getSubEntities();\r\n\r\n        let tablePanelStyleBorder: React.CSSProperties[\"border\"] = \"unset\";\r\n        if (this.props.isHighlighted) {\r\n            tablePanelStyleBorder = `1px solid ${WARNING_COLOR}`;\r\n        } else if (this.props.isError) {\r\n            tablePanelStyleBorder = `1px solid ${ERROR_COLOR}`;\r\n        }\r\n\r\n        return (\r\n            <ExtendedDataGrid\r\n                onGridReady={(params: GridReadyEvent) => {\r\n                    if (fullscreen) {\r\n                        this.fullscreenGridApi = params.api;\r\n                    } else {\r\n                        this.gridApi = params.api;\r\n                    }\r\n                }}\r\n                defaultGridConfiguration={{pageSize: -1}}\r\n                columnDefs={this.state.columnDefs}\r\n                rowData={subEntities}\r\n                onLoadData={(callback) => {\r\n                    callback(subEntities.length);\r\n                }}\r\n                search={{\r\n                    hidden: true,\r\n                    searchButtonHidden: true,\r\n                }}\r\n                rowSelection=\"multiple\"\r\n                onSelectionChanged={this.onSelectionChanged}\r\n                toolbar={{\r\n                    renderToolbar: (originalSearchBar) => this.renderSelectModalDialog() ? originalSearchBar : <></>,\r\n                    toolbarButtons: this.renderSelectModalDialog() ? this.renderToolbarButtons() : <></>,\r\n                    extraContent:\r\n                        !fullscreen\r\n                            ?\r\n                            <FullscreenOutlined\r\n                                style={{cursor: \"pointer\", height: 32}}\r\n                                title={i18n(\"Fullscreen\")}\r\n                                onClick={() => this.setState({fullscreenModalOpen: true})}\r\n                            />\r\n                            :\r\n                            undefined\r\n                }}\r\n                tablePanelStyle={{\r\n                    marginTop: this.renderSelectModalDialog() ? 4 : 0,\r\n                    border: tablePanelStyleBorder,\r\n                }}\r\n                controlPanel={{\r\n                    renderer: this.renderControlPanel\r\n                }}\r\n                panelStyle={{padding: 0}}\r\n                tableConfigVisible={false}\r\n                noRecordsOverlayRenderer={() => {\r\n                    if (this.getSubEntities().length === 0) {\r\n                        return this.noRecordsOverlayRenderer();\r\n                    }\r\n                    return <div/>\r\n                }}\r\n                singleClickEdit\r\n                stopEditingWhenCellsLoseFocus\r\n                enterNavigatesVerticallyAfterEdit\r\n            />\r\n        );\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div style={{height: this.props.height, overflow: \"auto\", resize: \"vertical\"}}>\r\n                {this.renderFullScreenModalDialog()}\r\n                {this.renderSelectModalDialog()}\r\n                {this.renderGrid(false)}\r\n            </div>\r\n        );\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"abstractEntitiesOnEntityList.js","sourceRoot":"","sources":["../../../../../coreui/components/assignEntitiesToEntity/abstractEntitiesOnEntityList.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 {GridApi, GridReadyEvent, SelectionChangedEvent, RowDoubleClickedEvent} from \"ag-grid-community\";\r\nimport {Button} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {CloseCircleOutlined, DeleteOutlined, FullscreenOutlined, PlusCircleOutlined} from \"@ant-design/icons\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {ERROR_COLOR, WARNING_COLOR} from \"../../../api/constants/constants\";\r\n\r\nexport interface AbstractEntitiesOnEntityListProps<ME extends Entity> {\r\n    editedEntity: ME\r\n    height: number\r\n    disabled?: boolean\r\n    isHighlighted?: boolean\r\n    isError?: boolean\r\n\r\n    onChange?(): void\r\n}\r\n\r\nexport interface AbstractEntitiesOnEntityListState<SE extends Entity> {\r\n    selectedRecords: SE[]\r\n    selectModalDialogVisible: boolean\r\n    columnDefs: DataGridColDef[]\r\n    fullscreenModalOpen: boolean\r\n}\r\n\r\nexport abstract class AbstractEntitiesOnEntityList<\r\n    ME extends Entity,\r\n    SE extends Entity,\r\n    P extends AbstractEntitiesOnEntityListProps<ME>,\r\n    S extends AbstractEntitiesOnEntityListState<SE>\r\n> extends React.Component<P, S> {\r\n    protected gridApi?: GridApi;\r\n    protected fullscreenGridApi?: GridApi;\r\n    protected initialColumnDefs?: DataGridColDef[];\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.renderControlPanel = this.renderControlPanel.bind(this);\r\n        this.onExcludeRecords = this.onExcludeRecords.bind(this);\r\n        this.onRowDoubleClicked = this.onRowDoubleClicked.bind(this);\r\n    }\r\n\r\n    protected initialState: AbstractEntitiesOnEntityListState<SE> = {\r\n        selectedRecords: [],\r\n        selectModalDialogVisible: false,\r\n        columnDefs: this.getInitialColumnDefs(),\r\n        fullscreenModalOpen: false,\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<P>) {\r\n        if (prevProps.disabled !== this.props.disabled || prevProps.editedEntity.id !== this.props.editedEntity.id) {\r\n            this.gridApi?.updateGridOptions({rowData: this.getSubEntities()});\r\n        }\r\n    }\r\n\r\n    abstract getInitialColumnDefs(): DataGridColDef[];\r\n\r\n    abstract getSubEntities(): SE[];\r\n\r\n    protected renderSelectModalDialog(): React.ReactNode | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected renderControlPanel(): JSX.Element | null {\r\n        return null;\r\n    }\r\n\r\n    protected noRecordsOverlayRenderer() {\r\n        return <div/>\r\n    }\r\n\r\n    protected onExcludeRecords() {\r\n        const subEntities = this.getSubEntities();\r\n\r\n        this.state.selectedRecords.forEach(subEntityToExclude => {\r\n            const index = subEntities.findIndex(value => value.id === subEntityToExclude.id);\r\n            subEntities.splice(index, 1);\r\n        });\r\n\r\n        this.props.onChange?.();\r\n        if (this.state.fullscreenModalOpen) {\r\n            this.fullscreenGridApi?.applyTransaction({remove: this.state.selectedRecords});\r\n        } else {\r\n            this.gridApi?.applyTransaction({remove: this.state.selectedRecords});\r\n        }\r\n    }\r\n\r\n    protected renderToolbarButtons() {\r\n        return <>\r\n            <Button\r\n                title={i18n(\"Add Record\")}\r\n                disabled={this.props.disabled}\r\n                onClick={() => {\r\n                    this.setState({selectModalDialogVisible: true});\r\n                }}\r\n            >\r\n                <PlusCircleOutlined/>\r\n            </Button>\r\n            <Button\r\n                title={i18n(\"Exclude Record\")}\r\n                disabled={this.state.selectedRecords.length === 0 || this.props.disabled}\r\n                onClick={() => {\r\n                    ModalDialog.delete({\r\n                        mode: ModalDialogMode.YES_NO,\r\n                        title:\r\n                            <span style={{whiteSpace: \"nowrap\"}}>\r\n                                {i18n(\"Exclude %n records?\", this.state.selectedRecords.length)}\r\n                            </span>,\r\n                        icon: <DeleteOutlined style={{color: ERROR_COLOR}}/>,\r\n                        onOk: this.onExcludeRecords\r\n                    });\r\n                }}\r\n            >\r\n                <CloseCircleOutlined/>\r\n            </Button>\r\n        </>;\r\n    }\r\n\r\n    private onSelectionChanged(event: SelectionChangedEvent): void {\r\n        const selectedRows = event.api.getSelectedRows();\r\n        this.setState({selectedRecords: selectedRows});\r\n    }\r\n\r\n    protected addRecordsToGrid(records: SE[], idToSelect?: number) {\r\n        if (records.length > 0) {\r\n            if (this.state.fullscreenModalOpen) {\r\n                this.fullscreenGridApi?.applyTransaction({add: records});\r\n            } else {\r\n                this.gridApi?.applyTransaction({add: records});\r\n            }\r\n            this.props.onChange?.();\r\n        }\r\n\r\n        if (idToSelect !== undefined) {\r\n            let rowNode;\r\n            if (this.state.fullscreenModalOpen) {\r\n                rowNode = this.fullscreenGridApi?.getRowNode(idToSelect.toString());\r\n                this.fullscreenGridApi?.ensureNodeVisible(rowNode);\r\n            } else {\r\n                rowNode = this.gridApi?.getRowNode(idToSelect.toString());\r\n                this.gridApi?.ensureNodeVisible(rowNode);\r\n            }\r\n\r\n            rowNode?.setSelected(true, true);\r\n        }\r\n    }\r\n\r\n    protected onRowDoubleClicked(_event: RowDoubleClickedEvent) {\r\n    }\r\n\r\n    private renderFullScreenModalDialog() {\r\n        return (\r\n            <ModalDialog\r\n                styles={{body: {paddingTop: 0}}}\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                open={this.state.fullscreenModalOpen}\r\n                onCancel={() => this.setState({fullscreenModalOpen: false})}\r\n                afterClose={() => {\r\n                    if (this.renderSelectModalDialog()) {\r\n                        this.gridApi?.updateGridOptions({rowData: this.getSubEntities()});\r\n                    } else {\r\n                        this.gridApi?.refreshCells({force: true});\r\n                    }\r\n                }}\r\n                title={i18n(\"Fullscreen\")}\r\n                initialWidth={800}\r\n                initialHeight={window.innerHeight - 20}\r\n            >\r\n                {this.renderGrid(true)}\r\n            </ModalDialog>\r\n        )\r\n    }\r\n\r\n    protected renderGrid(fullscreen: boolean) {\r\n        const subEntities = this.getSubEntities();\r\n\r\n        let tablePanelStyleBorder: React.CSSProperties[\"border\"] = \"unset\";\r\n        if (this.props.isHighlighted) {\r\n            tablePanelStyleBorder = `1px solid ${WARNING_COLOR}`;\r\n        } else if (this.props.isError) {\r\n            tablePanelStyleBorder = `1px solid ${ERROR_COLOR}`;\r\n        }\r\n\r\n        return (\r\n            <ExtendedDataGrid\r\n                onGridReady={(params: GridReadyEvent) => {\r\n                    if (fullscreen) {\r\n                        this.fullscreenGridApi = params.api;\r\n                    } else {\r\n                        this.gridApi = params.api;\r\n                    }\r\n                }}\r\n                defaultGridConfiguration={{pageSize: -1}}\r\n                columnDefs={this.state.columnDefs}\r\n                rowData={subEntities}\r\n                onLoadData={(callback) => {\r\n                    callback(subEntities.length);\r\n                }}\r\n                search={{\r\n                    hidden: true,\r\n                    searchButtonHidden: true,\r\n                }}\r\n                rowSelection=\"multiple\"\r\n                onSelectionChanged={this.onSelectionChanged}\r\n                toolbar={{\r\n                    renderToolbar: (originalSearchBar) => this.renderSelectModalDialog() ? originalSearchBar : <></>,\r\n                    toolbarButtons: this.renderSelectModalDialog() ? this.renderToolbarButtons() : <></>,\r\n                    extraContent:\r\n                        !fullscreen\r\n                            ?\r\n                            <FullscreenOutlined\r\n                                style={{cursor: \"pointer\", height: 32}}\r\n                                title={i18n(\"Fullscreen\")}\r\n                                onClick={() => this.setState({fullscreenModalOpen: true})}\r\n                            />\r\n                            :\r\n                            undefined\r\n                }}\r\n                tablePanelStyle={{\r\n                    marginTop: this.renderSelectModalDialog() ? 4 : 0,\r\n                    border: tablePanelStyleBorder,\r\n                }}\r\n                controlPanel={{\r\n                    renderer: this.renderControlPanel\r\n                }}\r\n                panelStyle={{padding: 0}}\r\n                tableConfigVisible={false}\r\n                noRecordsOverlayRenderer={() => {\r\n                    if (this.getSubEntities().length === 0) {\r\n                        return this.noRecordsOverlayRenderer();\r\n                    }\r\n                    return <div/>\r\n                }}\r\n                onRowDoubleClicked={this.onRowDoubleClicked}\r\n                singleClickEdit\r\n                stopEditingWhenCellsLoseFocus\r\n                enterNavigatesVerticallyAfterEdit\r\n            />\r\n        );\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div style={{height: this.props.height, overflow: \"auto\", resize: \"vertical\"}}>\r\n                {this.renderFullScreenModalDialog()}\r\n                {this.renderSelectModalDialog()}\r\n                {this.renderGrid(false)}\r\n            </div>\r\n        );\r\n    }\r\n\r\n}"]}

package/coreui/components/d2Chart/d2ChartPanel.js

@@ -172,7 +172,7 @@ class D2ChartPanel extends React.Component {
             return {
                 id: uniqueId,
                 displayName: series.name,
-                color: optionColors[series.colorIndex !== undefined ? series.colorIndex : index % optionColors.length],
+                color: optionColors[series.colorIndex !== undefined ? series.colorIndex % optionColors.length : index % optionColors.length],
                 visible: this.state.tableItems.find(value => value.id === uniqueId)?.visible ?? true,
                 min: recordValues.length === 0 ? undefined : min,
                 max: recordValues.length === 0 ? undefined : max,

package/coreui/components/d2Chart/d2ChartPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"d2ChartPanel.js","sourceRoot":"","sources":["../../../../../coreui/components/d2Chart/d2ChartPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport ReactEcharts, {EChartsInstance, EChartsOption} from \"echarts-for-react\";\r\nimport {compactChartOptions, d2ChartOptions} from \"./d2ChartOptions\";\r\nimport {at} from \"lodash\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {Empty} from \"antd\";\r\nimport {UnixTime} from \"d2jsapi\";\r\nimport isEqual from \"lodash/isEqual\";\r\nimport D2ChartTablePanel, {D2ChartTableItem} from \"./d2ChartTablePanel\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport D2ChartToolboxPanel from \"./d2ChartToolboxPanel\";\r\nimport {LoadingOutlined} from \"@ant-design/icons\";\r\nimport {D2ChartRecord, D2ChartSeriesItem, LineStyleEnum, MarkArea, MarkAreaData} from \"../../../api/types/d2ChartTypes\";\r\nimport D2ChartUtils from \"../../../api/util/d2ChartUtils\";\r\n\r\ninterface SeriesItem {\r\n    name: string,\r\n    type: string,\r\n    sampling: string,\r\n    symbol?: string,\r\n    step?: string,\r\n    color?: string,\r\n    encode?: { x: string, y: string },\r\n    markArea?: MarkArea\r\n}\r\n\r\nexport interface D2ChartPanelProps {\r\n    d2ChartSeries: D2ChartSeriesItem[]\r\n    d2ChartRecords: D2ChartRecord[]\r\n    d2ChartCalendarRecords?: D2ChartRecord[]\r\n    loading?: boolean\r\n\r\n    markArea?: MarkArea\r\n    compact?: boolean\r\n    yAxisLabel?: string\r\n\r\n    tableHeight: number | \"auto\"\r\n    tableWrapperStyle?: Omit<React.CSSProperties, \"height\">\r\n}\r\n\r\ninterface State {\r\n    tableItems: D2ChartTableItem[]\r\n    tooltipTime?: UnixTime\r\n    missingData: MarkAreaData[][]\r\n\r\n    modalVisible: boolean\r\n    calendarDataVisible: boolean\r\n    missingDataVisible: boolean\r\n}\r\n\r\nexport default class D2ChartPanel extends React.Component<D2ChartPanelProps, State> {\r\n    private static SAMPLING_MODE = \"minmax\";\r\n    private chartInstance: EChartsInstance | null = null;\r\n    private d2ChartPanelInModal: D2ChartPanel | null = null;\r\n    private d2ChartTablePanel: D2ChartTablePanel | null = null;\r\n\r\n    constructor(props: Readonly<D2ChartPanelProps>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            tableItems: [],\r\n            missingData: [],\r\n            modalVisible: false,\r\n            calendarDataVisible: false,\r\n            missingDataVisible: true,\r\n        }\r\n\r\n        this.onSwitchCalendarData = this.onSwitchCalendarData.bind(this);\r\n        this.onSwitchLegend = this.onSwitchLegend.bind(this);\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<D2ChartPanelProps>) {\r\n        if (!isEqual(this.props.markArea, prevProps.markArea) && this.props.d2ChartRecords.length > 0) {\r\n            this.onReload();\r\n        }\r\n    }\r\n\r\n    private onSwitchLegend(name: string) {\r\n        const tableData = this.state.tableItems;\r\n        const d2ChartTableItem = tableData.find(value => value.id === name);\r\n\r\n        if (d2ChartTableItem) {\r\n            this.chartInstance.dispatchAction({\r\n                type: d2ChartTableItem.visible ? \"legendUnSelect\" : \"legendSelect\",\r\n                name: name,\r\n            });\r\n\r\n            d2ChartTableItem.visible = !d2ChartTableItem.visible\r\n            this.setState({tableItems: tableData}, () => this.d2ChartTablePanel?.updateGrid());\r\n        }\r\n    }\r\n\r\n    private onSwitchCalendarData() {\r\n        const calendarDataVisible = this.state.calendarDataVisible;\r\n        const option = this.chartInstance.getOption();\r\n\r\n        if (calendarDataVisible) {\r\n            this.prepareCalendarMarkarea(option.series, option.dataset[0]);\r\n            this.chartInstance.setOption(option);\r\n        }\r\n        const calendarSeries = option.series.filter((value: SeriesItem) => value.name.startsWith(\"__markArea-calendar-\")) as SeriesItem[];\r\n        calendarSeries.forEach(value => {\r\n            this.chartInstance.dispatchAction({\r\n                type: calendarDataVisible ? \"legendSelect\" : \"legendUnSelect\",\r\n                name: value.name,\r\n            });\r\n        });\r\n    }\r\n\r\n    private prepareCalendarMarkarea(series: SeriesItem[], dataset: any) {\r\n        if (this.props.d2ChartCalendarRecords) {\r\n            const markAreas = D2ChartUtils.calendarRecordsToMarkAreas(this.props.d2ChartCalendarRecords);\r\n            Object.keys(markAreas).forEach(key => {\r\n                const markAreaName = `__markArea-calendar-${key}`;\r\n                const markArea = {\r\n                    name: markAreaName,\r\n                    type: \"line\",\r\n                    sampling: D2ChartPanel.SAMPLING_MODE,\r\n                    markArea: markAreas[key],\r\n                    encode: {\r\n                        x: \"timestamp\",\r\n                        y: markAreaName,\r\n                    },\r\n                }\r\n\r\n                const seriesIndex = series.findIndex(value => value.name === markAreaName);\r\n                if (seriesIndex >= 0) {\r\n                    series[seriesIndex] = markArea;\r\n                } else {\r\n                    series.push(markArea);\r\n                }\r\n\r\n                const dimensionsIndex = dataset.dimensions.findIndex((value: string) => value === markAreaName);\r\n                if (dimensionsIndex >= 0) {\r\n                    dataset.dimensions[dimensionsIndex] = markAreaName;\r\n                } else {\r\n                    dataset.dimensions.push(markAreaName);\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    private onSwitchMissingData() {\r\n        this.chartInstance.dispatchAction({\r\n            type: this.state.missingDataVisible ? \"legendSelect\" : \"legendUnSelect\",\r\n            name: \"__markArea-missing-data\",\r\n        });\r\n    }\r\n\r\n    private setTooltip(option: EChartsOption) {\r\n        option.tooltip = {\r\n            trigger: \"axis\",\r\n            position: (_pos: any, params: any[]) => {\r\n                const param = params[0];\r\n                if (param && param.data) {\r\n                    const data = this.state.tableItems;\r\n                    data.forEach((value, index) => {\r\n                        if (value.visible) {\r\n                            value.tooltipValue = param.data[index + 1]; //index 0 is timestamp\r\n                        } else {\r\n                            value.tooltipValue = undefined;\r\n                        }\r\n                    });\r\n\r\n                    this.setState({tableItems: data, tooltipTime: param.data[0]}, () => {\r\n                        this.d2ChartTablePanel?.updateGrid();\r\n                    });\r\n                }\r\n            },\r\n            formatter: (params: Object | Array<any>) => {\r\n                if (Array.isArray(params)) {\r\n                    const seriesToCompare = params.filter(value => !value.seriesName.startsWith(\"__\"));\r\n                    if (seriesToCompare.length === 2) {\r\n                        const data = seriesToCompare[0].data;\r\n                        const seriesName1 = seriesToCompare[0].seriesName;\r\n                        const seriesName2 = seriesToCompare[1].seriesName;\r\n                        const dimensions = seriesToCompare[0].dimensionNames as string[];\r\n\r\n                        const value1 = data[dimensions.findIndex(value => value === seriesName1)]\r\n                        const value2 = data[dimensions.findIndex(value => value === seriesName2)]\r\n                        if (value1 !== undefined && value2 !== undefined) {\r\n                            const gap = value1 - value2;\r\n                            return `Gap: ${gap.toFixed(4)}`;\r\n                        }\r\n                    }\r\n                }\r\n                return \"\";\r\n            }\r\n        }\r\n    }\r\n\r\n    private getUniqueId(code: string, index: number): string {\r\n        return `${code}@${index}`;\r\n    }\r\n\r\n    private getDiemnsions(currentSeries: D2ChartSeriesItem[]): string[] {\r\n        return currentSeries.map((value, index) => this.getUniqueId(value.code!, index));\r\n    }\r\n\r\n    private getSeriesFields(currentSeries: D2ChartSeriesItem[]): string[] {\r\n        return currentSeries.map((_, index) => `col${index}`);\r\n    }\r\n\r\n    private getSeries(currentSeries: D2ChartSeriesItem[], optionColors: string[]): SeriesItem[] {\r\n        return currentSeries.map((value, index) => {\r\n            return {\r\n                name: this.getUniqueId(value.code!, index),\r\n                type: \"line\",\r\n                sampling: D2ChartPanel.SAMPLING_MODE,\r\n                symbol: \"none\",\r\n                step: \"end\",\r\n                color: optionColors[value.colorIndex !== undefined ? value.colorIndex : index % optionColors.length],\r\n                encode: {\r\n                    x: \"timestamp\",\r\n                    y: this.getUniqueId(value.code!, index)\r\n                },\r\n                areaStyle: value.fillColor ? {} : undefined,\r\n                lineStyle: {type: value.lineStyle ?? LineStyleEnum.SOLID}\r\n            }\r\n        })\r\n    }\r\n\r\n    private getTableItems(currentSeries: D2ChartSeriesItem[], seriesFields: string[], optionColors: string[]): D2ChartTableItem[] {\r\n        return currentSeries.map((series, index) => {\r\n            const recordValues = this.props.d2ChartRecords.map(value => at(value, seriesFields[index])[0]).filter(value => value !== undefined) as number[];\r\n            const uniqueId = this.getUniqueId(series.code!, index);\r\n            const [min, max, sum] = recordValues.reduce(([min, max, sum], val) =>\r\n                    [Math.min(min, val), Math.max(max, val), sum + val],\r\n                [Number.POSITIVE_INFINITY, Number.NEGATIVE_INFINITY, 0]\r\n            );\r\n\r\n            return {\r\n                id: uniqueId,\r\n                displayName: series.name!,\r\n                color: optionColors[series.colorIndex !== undefined ? series.colorIndex : index % optionColors.length],\r\n                visible: this.state.tableItems.find(value => value.id === uniqueId)?.visible ?? true,\r\n                min: recordValues.length === 0 ? undefined : min,\r\n                max: recordValues.length === 0 ? undefined : max,\r\n                avg: recordValues.length === 0 ? undefined : sum / recordValues.length,\r\n                sum: sum,\r\n            }\r\n        });\r\n    }\r\n\r\n    private getDatasetSource(seriesFields: string[]): (number | undefined)[][] {\r\n        return this.props.d2ChartRecords.map(record => {\r\n            const seriesValuesInTime: (number | undefined | null)[] = at(record, seriesFields);\r\n            const roundedSeriesValues = seriesValuesInTime.map(value => value !== undefined && value !== null ? +value.toFixed(4) : undefined) as (number | undefined)[];\r\n            roundedSeriesValues.unshift(record.date.getTime());\r\n\r\n            return roundedSeriesValues;\r\n        })\r\n    }\r\n\r\n    onReload() {\r\n        const tableItems: D2ChartTableItem[] = [];\r\n        let missingData: MarkAreaData[][] = [];\r\n\r\n        const option = this.chartInstance?.getOption() as EChartsOption | undefined | null;\r\n        if (option) {\r\n            const currentSeries = this.props.d2ChartSeries;\r\n            const seriesFields = this.getSeriesFields(currentSeries);\r\n            const series = this.getSeries(currentSeries, option.color);\r\n            const dataset: { dimensions: string[], source: (number | undefined)[][] } = {\r\n                dimensions: [\"timestamp\", ...this.getDiemnsions(currentSeries)],\r\n                source: this.getDatasetSource(seriesFields),\r\n            }\r\n            tableItems.push(...this.getTableItems(currentSeries, seriesFields, option.color));\r\n\r\n            this.setTooltip(option);\r\n\r\n            // chart markArea\r\n            if (this.props.markArea) {\r\n                series.push({\r\n                    name: \"__markArea\",\r\n                    type: \"line\",\r\n                    sampling: D2ChartPanel.SAMPLING_MODE,\r\n                    markArea: this.props.markArea,\r\n                    encode: {\r\n                        x: \"timestamp\",\r\n                        y: \"__markArea\",\r\n                    },\r\n                });\r\n\r\n                dataset.dimensions.push(\"__markArea\");\r\n            }\r\n\r\n            //calendar markArea\r\n            if (this.state.calendarDataVisible) {\r\n                this.prepareCalendarMarkarea(series, dataset);\r\n            }\r\n\r\n            // missing data markArea\r\n            const missingDataMarkArea = D2ChartUtils.getMissingDataMarkArea(this.props.d2ChartRecords, seriesFields);\r\n            missingData = missingDataMarkArea.data;\r\n            series.push({\r\n                name: \"__markArea-missing-data\",\r\n                type: \"line\",\r\n                sampling: D2ChartPanel.SAMPLING_MODE,\r\n                markArea: missingDataMarkArea,\r\n                encode: {\r\n                    x: \"timestamp\",\r\n                    y: \"__markArea-missing-data\",\r\n                },\r\n            });\r\n\r\n            dataset.dimensions.push(\"__markArea-missing-data\");\r\n\r\n            option.dataset = dataset;\r\n            option.series = series;\r\n            option.markArea = undefined;\r\n            option.legend[0].selected = Object.fromEntries(tableItems.map(value => [value.id, value.visible]));\r\n\r\n            if (this.props.yAxisLabel) {\r\n                option.yAxis[0].name = this.props.yAxisLabel;\r\n            }\r\n\r\n            this.chartInstance.setOption(option, true);\r\n        }\r\n\r\n        this.setState({\r\n            tableItems: tableItems,\r\n            missingData: missingData,\r\n        });\r\n    }\r\n\r\n    private renderToolbox() {\r\n        return (\r\n            <D2ChartToolboxPanel\r\n                missingData={this.state.missingData}\r\n                calendarDataVisible={this.state.calendarDataVisible}\r\n                missingDataVisible={this.state.missingDataVisible}\r\n                showCalendarIcon={!!this.props.d2ChartCalendarRecords}\r\n                onSwitchCalendarData={() => {\r\n                    this.setState({calendarDataVisible: !this.state.calendarDataVisible}, () => {\r\n                        this.onSwitchCalendarData();\r\n                    })\r\n                }}\r\n                onSwitchMissingData={() => {\r\n                    this.setState({missingDataVisible: !this.state.missingDataVisible}, () => {\r\n                        this.onSwitchMissingData();\r\n                    })\r\n                }}\r\n                onZoomControlSwitch={zoomEnabled => {\r\n                    this.chartInstance.dispatchAction({\r\n                        type: \"takeGlobalCursor\",\r\n                        key: \"dataZoomSelect\",\r\n                        dataZoomSelectActive: zoomEnabled\r\n                    });\r\n                }}\r\n                onZoomReset={() => {\r\n                    this.chartInstance.dispatchAction({\r\n                        type: \"dataZoom\",\r\n                        start: 0,\r\n                        end: 100,\r\n                    });\r\n                }}\r\n                compact={this.props.compact}\r\n                onFullScreen={() => {\r\n                    this.setState({modalVisible: true}, () => {\r\n                        setTimeout(() => this.d2ChartPanelInModal?.onReload());\r\n                    })\r\n                }}\r\n            />\r\n        )\r\n    }\r\n\r\n    private renderModalDialog() {\r\n        return (\r\n            <ModalDialog\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                open={this.state.modalVisible}\r\n                onCancel={() => this.setState({modalVisible: false})}\r\n                title={i18n(\"Chart\")}\r\n                initialWidth={window.innerWidth * 0.8}\r\n                initialHeight={window.innerHeight * 0.98}\r\n            >\r\n                <D2ChartPanel\r\n                    ref={component => {\r\n                        this.d2ChartPanelInModal = component;\r\n                    }}\r\n                    d2ChartSeries={this.props.d2ChartSeries}\r\n                    d2ChartRecords={this.props.d2ChartRecords}\r\n                    d2ChartCalendarRecords={this.props.d2ChartCalendarRecords}\r\n                    loading={this.props.loading}\r\n                    tableHeight={180}\r\n                    tableWrapperStyle={{padding: \"0px 12px 8px\"}}\r\n                    markArea={this.props.markArea}\r\n                />\r\n            </ModalDialog>\r\n        )\r\n    }\r\n\r\n    render() {\r\n        const style: React.CSSProperties = {\r\n            height: \"100%\",\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            justifyContent: \"center\",\r\n        }\r\n\r\n        if (this.props.loading) {\r\n            return (\r\n                <div style={{alignItems: \"center\", ...style}}>\r\n                    <LoadingOutlined/>\r\n                </div>\r\n            );\r\n        } else if (this.props.d2ChartRecords.length === 0) {\r\n            return (\r\n                <Empty\r\n                    style={style}\r\n                    description={i18n(\"No records found.\")}\r\n                    imageStyle={{height: \"8vh\"}}\r\n                />\r\n            );\r\n        } else {\r\n            let computedTableHeight = this.props.tableHeight;\r\n            if (computedTableHeight === \"auto\") {\r\n                computedTableHeight = 62 + this.props.d2ChartSeries.length * 28;\r\n            }\r\n\r\n            return (\r\n                <div style={{position: \"relative\", ...style}}>\r\n                    {this.renderModalDialog()}\r\n                    {this.renderToolbox()}\r\n                    <ReactEcharts\r\n                        style={{height: `calc(100% - ${computedTableHeight}px)`}}\r\n                        onChartReady={instance => {\r\n                            this.chartInstance = instance;\r\n                            const zr = instance.getZr();\r\n                            zr.on(\"mouseout\", () => {\r\n                                const tableItems = this.state.tableItems;\r\n                                tableItems.forEach(value => value.tooltipValue = undefined);\r\n                                this.setState({tableItems: tableItems, tooltipTime: undefined}, () => {\r\n                                    this.d2ChartTablePanel?.updateGrid();\r\n                                });\r\n                            });\r\n                            setTimeout(() => instance.resize(), 50);\r\n                        }}\r\n                        option={this.props.compact ? compactChartOptions : d2ChartOptions}\r\n                    />\r\n                    <D2ChartTablePanel\r\n                        style={{height: computedTableHeight, ...this.props.tableWrapperStyle}}\r\n                        ref={component => this.d2ChartTablePanel = component}\r\n                        tableItems={this.state.tableItems}\r\n                        tooltipTime={this.state.tooltipTime}\r\n                        onSwitchLegend={this.onSwitchLegend}\r\n                    />\r\n                </div>\r\n            )\r\n        }\r\n    }\r\n}"]}
+{"version":3,"file":"d2ChartPanel.js","sourceRoot":"","sources":["../../../../../coreui/components/d2Chart/d2ChartPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport ReactEcharts, {EChartsInstance, EChartsOption} from \"echarts-for-react\";\r\nimport {compactChartOptions, d2ChartOptions} from \"./d2ChartOptions\";\r\nimport {at} from \"lodash\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {Empty} from \"antd\";\r\nimport {UnixTime} from \"d2jsapi\";\r\nimport isEqual from \"lodash/isEqual\";\r\nimport D2ChartTablePanel, {D2ChartTableItem} from \"./d2ChartTablePanel\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport D2ChartToolboxPanel from \"./d2ChartToolboxPanel\";\r\nimport {LoadingOutlined} from \"@ant-design/icons\";\r\nimport {D2ChartRecord, D2ChartSeriesItem, LineStyleEnum, MarkArea, MarkAreaData} from \"../../../api/types/d2ChartTypes\";\r\nimport D2ChartUtils from \"../../../api/util/d2ChartUtils\";\r\n\r\ninterface SeriesItem {\r\n    name: string,\r\n    type: string,\r\n    sampling: string,\r\n    symbol?: string,\r\n    step?: string,\r\n    color?: string,\r\n    encode?: { x: string, y: string },\r\n    markArea?: MarkArea\r\n}\r\n\r\nexport interface D2ChartPanelProps {\r\n    d2ChartSeries: D2ChartSeriesItem[]\r\n    d2ChartRecords: D2ChartRecord[]\r\n    d2ChartCalendarRecords?: D2ChartRecord[]\r\n    loading?: boolean\r\n\r\n    markArea?: MarkArea\r\n    compact?: boolean\r\n    yAxisLabel?: string\r\n\r\n    tableHeight: number | \"auto\"\r\n    tableWrapperStyle?: Omit<React.CSSProperties, \"height\">\r\n}\r\n\r\ninterface State {\r\n    tableItems: D2ChartTableItem[]\r\n    tooltipTime?: UnixTime\r\n    missingData: MarkAreaData[][]\r\n\r\n    modalVisible: boolean\r\n    calendarDataVisible: boolean\r\n    missingDataVisible: boolean\r\n}\r\n\r\nexport default class D2ChartPanel extends React.Component<D2ChartPanelProps, State> {\r\n    private static SAMPLING_MODE = \"minmax\";\r\n    private chartInstance: EChartsInstance | null = null;\r\n    private d2ChartPanelInModal: D2ChartPanel | null = null;\r\n    private d2ChartTablePanel: D2ChartTablePanel | null = null;\r\n\r\n    constructor(props: Readonly<D2ChartPanelProps>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            tableItems: [],\r\n            missingData: [],\r\n            modalVisible: false,\r\n            calendarDataVisible: false,\r\n            missingDataVisible: true,\r\n        }\r\n\r\n        this.onSwitchCalendarData = this.onSwitchCalendarData.bind(this);\r\n        this.onSwitchLegend = this.onSwitchLegend.bind(this);\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<D2ChartPanelProps>) {\r\n        if (!isEqual(this.props.markArea, prevProps.markArea) && this.props.d2ChartRecords.length > 0) {\r\n            this.onReload();\r\n        }\r\n    }\r\n\r\n    private onSwitchLegend(name: string) {\r\n        const tableData = this.state.tableItems;\r\n        const d2ChartTableItem = tableData.find(value => value.id === name);\r\n\r\n        if (d2ChartTableItem) {\r\n            this.chartInstance.dispatchAction({\r\n                type: d2ChartTableItem.visible ? \"legendUnSelect\" : \"legendSelect\",\r\n                name: name,\r\n            });\r\n\r\n            d2ChartTableItem.visible = !d2ChartTableItem.visible\r\n            this.setState({tableItems: tableData}, () => this.d2ChartTablePanel?.updateGrid());\r\n        }\r\n    }\r\n\r\n    private onSwitchCalendarData() {\r\n        const calendarDataVisible = this.state.calendarDataVisible;\r\n        const option = this.chartInstance.getOption();\r\n\r\n        if (calendarDataVisible) {\r\n            this.prepareCalendarMarkarea(option.series, option.dataset[0]);\r\n            this.chartInstance.setOption(option);\r\n        }\r\n        const calendarSeries = option.series.filter((value: SeriesItem) => value.name.startsWith(\"__markArea-calendar-\")) as SeriesItem[];\r\n        calendarSeries.forEach(value => {\r\n            this.chartInstance.dispatchAction({\r\n                type: calendarDataVisible ? \"legendSelect\" : \"legendUnSelect\",\r\n                name: value.name,\r\n            });\r\n        });\r\n    }\r\n\r\n    private prepareCalendarMarkarea(series: SeriesItem[], dataset: any) {\r\n        if (this.props.d2ChartCalendarRecords) {\r\n            const markAreas = D2ChartUtils.calendarRecordsToMarkAreas(this.props.d2ChartCalendarRecords);\r\n            Object.keys(markAreas).forEach(key => {\r\n                const markAreaName = `__markArea-calendar-${key}`;\r\n                const markArea = {\r\n                    name: markAreaName,\r\n                    type: \"line\",\r\n                    sampling: D2ChartPanel.SAMPLING_MODE,\r\n                    markArea: markAreas[key],\r\n                    encode: {\r\n                        x: \"timestamp\",\r\n                        y: markAreaName,\r\n                    },\r\n                }\r\n\r\n                const seriesIndex = series.findIndex(value => value.name === markAreaName);\r\n                if (seriesIndex >= 0) {\r\n                    series[seriesIndex] = markArea;\r\n                } else {\r\n                    series.push(markArea);\r\n                }\r\n\r\n                const dimensionsIndex = dataset.dimensions.findIndex((value: string) => value === markAreaName);\r\n                if (dimensionsIndex >= 0) {\r\n                    dataset.dimensions[dimensionsIndex] = markAreaName;\r\n                } else {\r\n                    dataset.dimensions.push(markAreaName);\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    private onSwitchMissingData() {\r\n        this.chartInstance.dispatchAction({\r\n            type: this.state.missingDataVisible ? \"legendSelect\" : \"legendUnSelect\",\r\n            name: \"__markArea-missing-data\",\r\n        });\r\n    }\r\n\r\n    private setTooltip(option: EChartsOption) {\r\n        option.tooltip = {\r\n            trigger: \"axis\",\r\n            position: (_pos: any, params: any[]) => {\r\n                const param = params[0];\r\n                if (param && param.data) {\r\n                    const data = this.state.tableItems;\r\n                    data.forEach((value, index) => {\r\n                        if (value.visible) {\r\n                            value.tooltipValue = param.data[index + 1]; //index 0 is timestamp\r\n                        } else {\r\n                            value.tooltipValue = undefined;\r\n                        }\r\n                    });\r\n\r\n                    this.setState({tableItems: data, tooltipTime: param.data[0]}, () => {\r\n                        this.d2ChartTablePanel?.updateGrid();\r\n                    });\r\n                }\r\n            },\r\n            formatter: (params: Object | Array<any>) => {\r\n                if (Array.isArray(params)) {\r\n                    const seriesToCompare = params.filter(value => !value.seriesName.startsWith(\"__\"));\r\n                    if (seriesToCompare.length === 2) {\r\n                        const data = seriesToCompare[0].data;\r\n                        const seriesName1 = seriesToCompare[0].seriesName;\r\n                        const seriesName2 = seriesToCompare[1].seriesName;\r\n                        const dimensions = seriesToCompare[0].dimensionNames as string[];\r\n\r\n                        const value1 = data[dimensions.findIndex(value => value === seriesName1)]\r\n                        const value2 = data[dimensions.findIndex(value => value === seriesName2)]\r\n                        if (value1 !== undefined && value2 !== undefined) {\r\n                            const gap = value1 - value2;\r\n                            return `Gap: ${gap.toFixed(4)}`;\r\n                        }\r\n                    }\r\n                }\r\n                return \"\";\r\n            }\r\n        }\r\n    }\r\n\r\n    private getUniqueId(code: string, index: number): string {\r\n        return `${code}@${index}`;\r\n    }\r\n\r\n    private getDiemnsions(currentSeries: D2ChartSeriesItem[]): string[] {\r\n        return currentSeries.map((value, index) => this.getUniqueId(value.code!, index));\r\n    }\r\n\r\n    private getSeriesFields(currentSeries: D2ChartSeriesItem[]): string[] {\r\n        return currentSeries.map((_, index) => `col${index}`);\r\n    }\r\n\r\n    private getSeries(currentSeries: D2ChartSeriesItem[], optionColors: string[]): SeriesItem[] {\r\n        return currentSeries.map((value, index) => {\r\n            return {\r\n                name: this.getUniqueId(value.code!, index),\r\n                type: \"line\",\r\n                sampling: D2ChartPanel.SAMPLING_MODE,\r\n                symbol: \"none\",\r\n                step: \"end\",\r\n                color: optionColors[value.colorIndex !== undefined ? value.colorIndex : index % optionColors.length],\r\n                encode: {\r\n                    x: \"timestamp\",\r\n                    y: this.getUniqueId(value.code!, index)\r\n                },\r\n                areaStyle: value.fillColor ? {} : undefined,\r\n                lineStyle: {type: value.lineStyle ?? LineStyleEnum.SOLID}\r\n            }\r\n        })\r\n    }\r\n\r\n    private getTableItems(currentSeries: D2ChartSeriesItem[], seriesFields: string[], optionColors: string[]): D2ChartTableItem[] {\r\n        return currentSeries.map((series, index) => {\r\n            const recordValues = this.props.d2ChartRecords.map(value => at(value, seriesFields[index])[0]).filter(value => value !== undefined) as number[];\r\n            const uniqueId = this.getUniqueId(series.code!, index);\r\n            const [min, max, sum] = recordValues.reduce(([min, max, sum], val) =>\r\n                    [Math.min(min, val), Math.max(max, val), sum + val],\r\n                [Number.POSITIVE_INFINITY, Number.NEGATIVE_INFINITY, 0]\r\n            );\r\n\r\n            return {\r\n                id: uniqueId,\r\n                displayName: series.name!,\r\n                color: optionColors[series.colorIndex !== undefined ? series.colorIndex % optionColors.length : index % optionColors.length],\r\n                visible: this.state.tableItems.find(value => value.id === uniqueId)?.visible ?? true,\r\n                min: recordValues.length === 0 ? undefined : min,\r\n                max: recordValues.length === 0 ? undefined : max,\r\n                avg: recordValues.length === 0 ? undefined : sum / recordValues.length,\r\n                sum: sum,\r\n            }\r\n        });\r\n    }\r\n\r\n    private getDatasetSource(seriesFields: string[]): (number | undefined)[][] {\r\n        return this.props.d2ChartRecords.map(record => {\r\n            const seriesValuesInTime: (number | undefined | null)[] = at(record, seriesFields);\r\n            const roundedSeriesValues = seriesValuesInTime.map(value => value !== undefined && value !== null ? +value.toFixed(4) : undefined) as (number | undefined)[];\r\n            roundedSeriesValues.unshift(record.date.getTime());\r\n\r\n            return roundedSeriesValues;\r\n        })\r\n    }\r\n\r\n    onReload() {\r\n        const tableItems: D2ChartTableItem[] = [];\r\n        let missingData: MarkAreaData[][] = [];\r\n\r\n        const option = this.chartInstance?.getOption() as EChartsOption | undefined | null;\r\n        if (option) {\r\n            const currentSeries = this.props.d2ChartSeries;\r\n            const seriesFields = this.getSeriesFields(currentSeries);\r\n            const series = this.getSeries(currentSeries, option.color);\r\n            const dataset: { dimensions: string[], source: (number | undefined)[][] } = {\r\n                dimensions: [\"timestamp\", ...this.getDiemnsions(currentSeries)],\r\n                source: this.getDatasetSource(seriesFields),\r\n            }\r\n            tableItems.push(...this.getTableItems(currentSeries, seriesFields, option.color));\r\n\r\n            this.setTooltip(option);\r\n\r\n            // chart markArea\r\n            if (this.props.markArea) {\r\n                series.push({\r\n                    name: \"__markArea\",\r\n                    type: \"line\",\r\n                    sampling: D2ChartPanel.SAMPLING_MODE,\r\n                    markArea: this.props.markArea,\r\n                    encode: {\r\n                        x: \"timestamp\",\r\n                        y: \"__markArea\",\r\n                    },\r\n                });\r\n\r\n                dataset.dimensions.push(\"__markArea\");\r\n            }\r\n\r\n            //calendar markArea\r\n            if (this.state.calendarDataVisible) {\r\n                this.prepareCalendarMarkarea(series, dataset);\r\n            }\r\n\r\n            // missing data markArea\r\n            const missingDataMarkArea = D2ChartUtils.getMissingDataMarkArea(this.props.d2ChartRecords, seriesFields);\r\n            missingData = missingDataMarkArea.data;\r\n            series.push({\r\n                name: \"__markArea-missing-data\",\r\n                type: \"line\",\r\n                sampling: D2ChartPanel.SAMPLING_MODE,\r\n                markArea: missingDataMarkArea,\r\n                encode: {\r\n                    x: \"timestamp\",\r\n                    y: \"__markArea-missing-data\",\r\n                },\r\n            });\r\n\r\n            dataset.dimensions.push(\"__markArea-missing-data\");\r\n\r\n            option.dataset = dataset;\r\n            option.series = series;\r\n            option.markArea = undefined;\r\n            option.legend[0].selected = Object.fromEntries(tableItems.map(value => [value.id, value.visible]));\r\n\r\n            if (this.props.yAxisLabel) {\r\n                option.yAxis[0].name = this.props.yAxisLabel;\r\n            }\r\n\r\n            this.chartInstance.setOption(option, true);\r\n        }\r\n\r\n        this.setState({\r\n            tableItems: tableItems,\r\n            missingData: missingData,\r\n        });\r\n    }\r\n\r\n    private renderToolbox() {\r\n        return (\r\n            <D2ChartToolboxPanel\r\n                missingData={this.state.missingData}\r\n                calendarDataVisible={this.state.calendarDataVisible}\r\n                missingDataVisible={this.state.missingDataVisible}\r\n                showCalendarIcon={!!this.props.d2ChartCalendarRecords}\r\n                onSwitchCalendarData={() => {\r\n                    this.setState({calendarDataVisible: !this.state.calendarDataVisible}, () => {\r\n                        this.onSwitchCalendarData();\r\n                    })\r\n                }}\r\n                onSwitchMissingData={() => {\r\n                    this.setState({missingDataVisible: !this.state.missingDataVisible}, () => {\r\n                        this.onSwitchMissingData();\r\n                    })\r\n                }}\r\n                onZoomControlSwitch={zoomEnabled => {\r\n                    this.chartInstance.dispatchAction({\r\n                        type: \"takeGlobalCursor\",\r\n                        key: \"dataZoomSelect\",\r\n                        dataZoomSelectActive: zoomEnabled\r\n                    });\r\n                }}\r\n                onZoomReset={() => {\r\n                    this.chartInstance.dispatchAction({\r\n                        type: \"dataZoom\",\r\n                        start: 0,\r\n                        end: 100,\r\n                    });\r\n                }}\r\n                compact={this.props.compact}\r\n                onFullScreen={() => {\r\n                    this.setState({modalVisible: true}, () => {\r\n                        setTimeout(() => this.d2ChartPanelInModal?.onReload());\r\n                    })\r\n                }}\r\n            />\r\n        )\r\n    }\r\n\r\n    private renderModalDialog() {\r\n        return (\r\n            <ModalDialog\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                open={this.state.modalVisible}\r\n                onCancel={() => this.setState({modalVisible: false})}\r\n                title={i18n(\"Chart\")}\r\n                initialWidth={window.innerWidth * 0.8}\r\n                initialHeight={window.innerHeight * 0.98}\r\n            >\r\n                <D2ChartPanel\r\n                    ref={component => {\r\n                        this.d2ChartPanelInModal = component;\r\n                    }}\r\n                    d2ChartSeries={this.props.d2ChartSeries}\r\n                    d2ChartRecords={this.props.d2ChartRecords}\r\n                    d2ChartCalendarRecords={this.props.d2ChartCalendarRecords}\r\n                    loading={this.props.loading}\r\n                    tableHeight={180}\r\n                    tableWrapperStyle={{padding: \"0px 12px 8px\"}}\r\n                    markArea={this.props.markArea}\r\n                />\r\n            </ModalDialog>\r\n        )\r\n    }\r\n\r\n    render() {\r\n        const style: React.CSSProperties = {\r\n            height: \"100%\",\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            justifyContent: \"center\",\r\n        }\r\n\r\n        if (this.props.loading) {\r\n            return (\r\n                <div style={{alignItems: \"center\", ...style}}>\r\n                    <LoadingOutlined/>\r\n                </div>\r\n            );\r\n        } else if (this.props.d2ChartRecords.length === 0) {\r\n            return (\r\n                <Empty\r\n                    style={style}\r\n                    description={i18n(\"No records found.\")}\r\n                    imageStyle={{height: \"8vh\"}}\r\n                />\r\n            );\r\n        } else {\r\n            let computedTableHeight = this.props.tableHeight;\r\n            if (computedTableHeight === \"auto\") {\r\n                computedTableHeight = 62 + this.props.d2ChartSeries.length * 28;\r\n            }\r\n\r\n            return (\r\n                <div style={{position: \"relative\", ...style}}>\r\n                    {this.renderModalDialog()}\r\n                    {this.renderToolbox()}\r\n                    <ReactEcharts\r\n                        style={{height: `calc(100% - ${computedTableHeight}px)`}}\r\n                        onChartReady={instance => {\r\n                            this.chartInstance = instance;\r\n                            const zr = instance.getZr();\r\n                            zr.on(\"mouseout\", () => {\r\n                                const tableItems = this.state.tableItems;\r\n                                tableItems.forEach(value => value.tooltipValue = undefined);\r\n                                this.setState({tableItems: tableItems, tooltipTime: undefined}, () => {\r\n                                    this.d2ChartTablePanel?.updateGrid();\r\n                                });\r\n                            });\r\n                            setTimeout(() => instance.resize(), 50);\r\n                        }}\r\n                        option={this.props.compact ? compactChartOptions : d2ChartOptions}\r\n                    />\r\n                    <D2ChartTablePanel\r\n                        style={{height: computedTableHeight, ...this.props.tableWrapperStyle}}\r\n                        ref={component => this.d2ChartTablePanel = component}\r\n                        tableItems={this.state.tableItems}\r\n                        tooltipTime={this.state.tooltipTime}\r\n                        onSwitchLegend={this.onSwitchLegend}\r\n                    />\r\n                </div>\r\n            )\r\n        }\r\n    }\r\n}"]}

package/coreui/components/editor/abstractEntityConfigPanel.d.ts

@@ -5,6 +5,7 @@ import { AbstractBreadcrumbItem } from "../../abstractListPanel";
 import AuditableEntity from "../../../api/types/auditableEntity";
 import { AccessRight } from "../../../api/types/accessRight";
 import { ErrorCode } from "../../../api/validation/abstractEntityValidationUtils";
+import { SizeType } from "antd/lib/config-provider/SizeContext";
 interface GeneralConfigItemParams {
     hidden?: boolean;
     notRequired?: boolean;
@@ -16,6 +17,7 @@ export interface EntityValidationContext {
 export interface EntityConfigPanelProperties<T extends AuditableEntity> {
     api: AbstractEntityApi<T>;
     selectedEntity?: T;
+    title?: React.ReactNode;
     hidePrevNextButton?: boolean;
     hideConfigHeader?: boolean;
     hideConfigFooter?: boolean;
@@ -67,7 +69,12 @@ export default abstract class AbstractEntityConfigPanel<P extends EntityConfigPa
     protected renderNamePrefix(): React.ReactNode | undefined;
     protected handleCodeChange(value: string): void;
     protected handleNameChange(value: string): void;
-    protected renderGeneralConfigItems(codeConfig?: GeneralConfigItemParams, nameConfig?: GeneralConfigItemParams, hideDivider?: boolean): React.JSX.Element;
+    protected renderGeneralConfigItems(config?: {
+        codeConfig?: GeneralConfigItemParams;
+        nameConfig?: GeneralConfigItemParams;
+        dividerHidden?: boolean;
+        size?: SizeType;
+    }): React.JSX.Element;
     protected renderNoteFormItem(): React.JSX.Element;
     protected isNewEntity(): boolean;
     protected isEditMode(): boolean | undefined;

package/coreui/components/editor/abstractEntityConfigPanel.js

@@ -134,7 +134,7 @@ export default class AbstractEntityConfigPanel extends React.Component {
         });
     }
     renderConfigHeader(hidePrevNextButton) {
-        return (React.createElement(DetailHeaderPanel, { hidePrevNextButton: hidePrevNextButton, code: this.state.editedEntity?.code, onPrevRecord: this.props.onPrevRecord, onNextRecord: this.props.onNextRecord, onClose: this.props.onClose }));
+        return (React.createElement(DetailHeaderPanel, { title: this.props.title, hidePrevNextButton: hidePrevNextButton, code: this.state.editedEntity?.code, onPrevRecord: this.props.onPrevRecord, onNextRecord: this.props.onNextRecord, onClose: this.props.onClose }));
     }
     async onEditStart() {
         this.focusFirstField();
@@ -178,13 +178,14 @@ export default class AbstractEntityConfigPanel extends React.Component {
         entity.name = value;
         this.updateEditedObject();
     }
-    renderGeneralConfigItems(codeConfig, nameConfig, hideDivider) {
+    renderGeneralConfigItems(config) {
         const entity = this.state.editedEntity;
         const errors = this.state.editedEntityValidationContext.errors;
         const fieldsToHighlight = this.props.fieldsToHighlight;
+        const { codeConfig, nameConfig, dividerHidden, size } = config ?? {};
         const [codeValidateStatus, codeErrorMessage] = getAbstractEntityErrorInfo([AbstractEntityValidationErrorEnum.CODE_REQUIRED, AbstractEntityValidationErrorEnum.CODE_DUPLICATE], errors);
         const [nameValidateStatus, nameErrorMessage] = getAbstractEntityErrorInfo([AbstractEntityValidationErrorEnum.NAME_REQUIRED], errors);
-        return (React.createElement(Form, { className: "record-config-form", layout: "horizontal", labelCol: { sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 } },
+        return (React.createElement(Form, { className: "record-config-form", layout: "horizontal", labelCol: { sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 }, size: size },
             React.createElement(Row, { gutter: 8 },
                 React.createElement(Col, { span: 6 },
                     React.createElement(Form.Item, { label: i18n("ID") },
@@ -217,7 +218,7 @@ export default class AbstractEntityConfigPanel extends React.Component {
                     React.createElement(Input, { value: entity.name ?? undefined, disabled: this.isEditDisabled() || nameConfig?.disabled || this.state.nameSameAsCode, onChange: e => {
                             this.handleNameChange(e.target.value);
                         }, maxLength: this.getNameMaxLength(), prefix: this.renderNamePrefix() })),
-            !hideDivider && React.createElement(Divider, { className: "compact-divider" })));
+            !dividerHidden && React.createElement(Divider, { className: "compact-divider" })));
     }
     renderNoteFormItem() {
         const entity = this.state.editedEntity;

package/coreui/components/editor/abstractEntityConfigPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstractEntityConfigPanel.js","sourceRoot":"","sources":["../../../../../coreui/components/editor/abstractEntityConfigPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {cloneDeep, isEqual, omit} from \"lodash\";\r\nimport {Button, Col, Divider, Form, Input, InputRef, Row, Switch} from \"antd\";\r\nimport AbstractEntityApi from \"../../../api/abstractEntityApi\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {CloseCircleOutlined, EditOutlined, SaveOutlined} from \"@ant-design/icons\";\r\nimport {UndoIcon} from \"d2coreui/components/icons/undoIcon\";\r\nimport DetailHeaderPanel from \"../grid/detailHeaderPanel\";\r\nimport {AbstractBreadcrumbItem} from \"../../abstractListPanel\";\r\nimport {GeneralEntityColumn} from \"../advancedFilter/advancedFilterColumnDefinitions\";\r\nimport TextArea from \"antd/es/input/TextArea\";\r\nimport AuditableEntity from \"../../../api/types/auditableEntity\";\r\nimport {AccessRight} from \"../../../api/types/accessRight\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport {\r\n    AbstractEntityValidationErrorEnum,\r\n    ErrorCode,\r\n    getAbstractEntityErrorInfo\r\n} from \"../../../api/validation/abstractEntityValidationUtils\";\r\nimport {DbBoolean} from \"../../../api/types/dbBoolean\";\r\n\r\ninterface GeneralConfigItemParams {\r\n    hidden?: boolean,\r\n    notRequired?: boolean,\r\n    disabled?: boolean\r\n}\r\n\r\n/**\r\n * Additional data needed for object validation\r\n */\r\nexport interface EntityValidationContext {\r\n    errors: ErrorCode[]\r\n}\r\n\r\nexport interface EntityConfigPanelProperties<T extends AuditableEntity> {\r\n    api: AbstractEntityApi<T>\r\n    selectedEntity?: T\r\n    hidePrevNextButton?: boolean\r\n    hideConfigHeader?: boolean\r\n    hideConfigFooter?: boolean\r\n    historyMode?: boolean\r\n    fieldsToHighlight?: string[]\r\n    breadcrumbPath?: AbstractBreadcrumbItem[]\r\n\r\n    // detail 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    onSave?(savedEntity: T): void\r\n}\r\n\r\nexport interface EntityConfigPanelState<T extends AuditableEntity> {\r\n    originalEntity?: T\r\n    editedEntity: T\r\n    editedEntityValidationContext: EntityValidationContext\r\n    validationIsRunning: boolean\r\n    savingIsRunning: boolean\r\n    validateOnChange: boolean\r\n    waitingForLockResponse: boolean\r\n    savingIsStarting: boolean\r\n    nameSameAsCode: boolean\r\n}\r\n\r\nexport default abstract class AbstractEntityConfigPanel<P extends EntityConfigPanelProperties<E>,\r\n    S extends EntityConfigPanelState<E>,\r\n    E extends AuditableEntity = S extends EntityConfigPanelState<infer T> ? T : never> extends React.Component<P, S> {\r\n    protected codeInput: InputRef | null = null;\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        this.updateEditedObject = this.updateEditedObject.bind(this);\r\n        this.renderNoteFormItem = this.renderNoteFormItem.bind(this);\r\n    }\r\n\r\n    protected initialState: EntityConfigPanelState<E> = {\r\n        editedEntity: this.props.selectedEntity as unknown as E,\r\n        editedEntityValidationContext: {errors: []},\r\n        validationIsRunning: false,\r\n        savingIsRunning: false,\r\n        validateOnChange: false,\r\n        waitingForLockResponse: false,\r\n        savingIsStarting: false,\r\n        nameSameAsCode: true,\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.updateEditedObject();\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<P>, prevState: Readonly<S>) {\r\n        if (!isEqual(prevProps.selectedEntity, this.props.selectedEntity)) {\r\n            if (prevState.editedEntity?.locked) {\r\n                this.props.api.unlockEntity(prevState.editedEntity);\r\n            }\r\n            this.updateData(this.props.selectedEntity, cloneDeep(this.props.selectedEntity), {errors: []}, () => {\r\n                this.setState({validateOnChange: false, nameSameAsCode: this.isNewEntity()});\r\n            });\r\n        }\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        if (this.state.editedEntity?.locked) {\r\n            this.props.api.unlockEntity(this.state.editedEntity);\r\n        }\r\n    }\r\n\r\n    getOriginal(): E | undefined {\r\n        return this.state.originalEntity;\r\n    }\r\n\r\n    getEdited(): E {\r\n        return this.state.editedEntity;\r\n    }\r\n\r\n    revertChanges() {\r\n        if (this.state.originalEntity && !isEqual(this.state.editedEntity, this.state.originalEntity)) {\r\n            this.updateData(undefined, cloneDeep(this.state.originalEntity), undefined, () => {\r\n                const editedEntityValidationContext = this.state.editedEntityValidationContext;\r\n                editedEntityValidationContext.errors = [];\r\n                this.setState({editedEntityValidationContext: editedEntityValidationContext});\r\n            });\r\n        }\r\n    }\r\n\r\n    abstract validateObject(): ErrorCode[];\r\n\r\n    private async validate() {\r\n        const isNewEntity = this.state.editedEntity.id < 0 || this.state.editedEntity.id === undefined;\r\n        this.setState({validationIsRunning: true});\r\n\r\n        const editedEntityValidationContext = this.state.editedEntityValidationContext;\r\n        editedEntityValidationContext.errors = this.validateObject();\r\n\r\n        // code validation - only when creating new entity (editation of code is not allowed)\r\n        const code = this.state.editedEntity.code;\r\n        if (isNewEntity && code) {\r\n            const codeExists = await this.props.api.codeExists(code);\r\n\r\n            if (codeExists) {\r\n                if (!editedEntityValidationContext.errors.includes(AbstractEntityValidationErrorEnum.CODE_DUPLICATE)) {\r\n                    editedEntityValidationContext.errors.push(AbstractEntityValidationErrorEnum.CODE_DUPLICATE);\r\n                }\r\n            } else {\r\n                const index = editedEntityValidationContext.errors.findIndex(value => value === AbstractEntityValidationErrorEnum.CODE_DUPLICATE);\r\n                if (index >= 0) {\r\n                    editedEntityValidationContext.errors.splice(index, 1);\r\n                }\r\n            }\r\n        }\r\n\r\n        this.setState({\r\n            editedEntityValidationContext: editedEntityValidationContext,\r\n            validateOnChange: true,\r\n            validationIsRunning: false,\r\n        });\r\n    };\r\n\r\n    async save(isCosmeticChange?: boolean): Promise<E | undefined> {\r\n        await this.validate();\r\n        const errors = this.state.editedEntityValidationContext.errors;\r\n        let savedEntity: E | undefined = undefined;\r\n\r\n        if (errors.length === 0 && this.state.originalEntity && !isEqual(this.state.editedEntity, this.state.originalEntity)) {\r\n            this.setState({savingIsRunning: true});\r\n            savedEntity = await this.props.api.saveEntity(this.state.editedEntity, isCosmeticChange);\r\n            this.setState({savingIsRunning: false});\r\n            if (savedEntity) {\r\n                this.updateData(savedEntity, cloneDeep(savedEntity), {errors: []});\r\n                this.props.onSave?.(savedEntity);\r\n            }\r\n        }\r\n        this.afterSave();\r\n\r\n        return savedEntity;\r\n    }\r\n\r\n    protected async onSave() {\r\n        await this.save();\r\n    }\r\n\r\n    protected afterSave() {\r\n    }\r\n\r\n    updateEditedObject() {\r\n        if (this.state.validateOnChange) {\r\n            this.validate();\r\n        }\r\n        this.updateData(undefined, this.state.editedEntity as E, this.state.editedEntityValidationContext);\r\n    }\r\n\r\n    onChangeEditContext(_original?: E, _edited?: E, _editedEntityValidationContext?: EntityValidationContext) {\r\n    }\r\n\r\n    updateData(originalEntity?: E, editedEntity?: E, editedEntityValidationContext?: EntityValidationContext, callback?: () => void) {\r\n        const newState: Partial<S> = {};\r\n        if (originalEntity) {\r\n            newState.originalEntity = originalEntity;\r\n        }\r\n        if (editedEntity) {\r\n            newState.editedEntity = editedEntity;\r\n        }\r\n        if (editedEntityValidationContext) {\r\n            newState.editedEntityValidationContext = editedEntityValidationContext;\r\n        }\r\n        this.setState(newState as S, () => {\r\n            this.onChangeEditContext(originalEntity, editedEntity, editedEntityValidationContext);\r\n            callback?.();\r\n        })\r\n    }\r\n\r\n    renderConfigHeader(hidePrevNextButton?: boolean) {\r\n        return (\r\n            <DetailHeaderPanel\r\n                hidePrevNextButton={hidePrevNextButton}\r\n                code={this.state.editedEntity?.code}\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    protected async onEditStart() {\r\n        this.focusFirstField();\r\n    }\r\n\r\n    focusFirstField() {\r\n        if (this.props.selectedEntity?.id === undefined || this.props.selectedEntity?.id === null) {\r\n            this.codeInput?.focus();\r\n        }\r\n    }\r\n\r\n    isEditDisabled() {\r\n        const entityExists = !!this.state.originalEntity;\r\n        const isNewEntity = this.state.editedEntity.id < 0 || this.state.editedEntity.id === undefined;\r\n        const isSaveMode = entityExists && (isNewEntity || this.state.editedEntity.locked);\r\n        return !isSaveMode;\r\n    }\r\n\r\n    protected getCodeMaxLength() {\r\n        return 64;\r\n    }\r\n\r\n    protected getNameMaxLength() {\r\n        return 256;\r\n    }\r\n\r\n    protected renderCodePrefix(): React.ReactNode | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected renderCodeSuffix(): React.ReactNode | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected renderNamePrefix(): React.ReactNode | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected handleCodeChange(value: string) {\r\n        const entity = this.state.editedEntity;\r\n\r\n        entity.code = value;\r\n        if (this.state.nameSameAsCode) {\r\n            entity.name = value;\r\n        }\r\n        this.updateEditedObject();\r\n    }\r\n\r\n    protected handleNameChange(value: string) {\r\n        const entity = this.state.editedEntity;\r\n\r\n        entity.name = value;\r\n        this.updateEditedObject();\r\n    }\r\n\r\n    protected renderGeneralConfigItems(codeConfig?: GeneralConfigItemParams, nameConfig?: GeneralConfigItemParams, hideDivider?: boolean) {\r\n        const entity = this.state.editedEntity;\r\n        const errors = this.state.editedEntityValidationContext.errors;\r\n        const fieldsToHighlight = this.props.fieldsToHighlight;\r\n\r\n        const [codeValidateStatus, codeErrorMessage] = getAbstractEntityErrorInfo([AbstractEntityValidationErrorEnum.CODE_REQUIRED, AbstractEntityValidationErrorEnum.CODE_DUPLICATE], errors);\r\n        const [nameValidateStatus, nameErrorMessage] = getAbstractEntityErrorInfo([AbstractEntityValidationErrorEnum.NAME_REQUIRED], 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                <Row gutter={8}>\r\n                    <Col span={6}>\r\n                        <Form.Item label={i18n(\"ID\")}>\r\n                            <Input disabled value={entity.id}/>\r\n                        </Form.Item>\r\n                    </Col>\r\n                    {!codeConfig?.hidden &&\r\n                        <Col span={18}>\r\n                            <Form.Item\r\n                                label={i18n(\"Code\")}\r\n                                validateStatus={fieldsToHighlight?.includes(GeneralEntityColumn.CODE) ? \"warning\" : codeValidateStatus}\r\n                                help={codeErrorMessage}\r\n                                required={!codeConfig?.notRequired}\r\n                            >\r\n                                <Input\r\n                                    disabled={entity.id !== undefined || this.isEditDisabled() || codeConfig?.disabled}\r\n                                    ref={(input) => {\r\n                                        this.codeInput = input;\r\n                                    }}\r\n                                    value={entity.code ?? undefined}\r\n                                    onChange={e => {\r\n                                        this.handleCodeChange(e.target.value);\r\n                                    }}\r\n                                    prefix={this.renderCodePrefix()}\r\n                                    suffix={this.renderCodeSuffix()}\r\n                                    maxLength={this.getCodeMaxLength()}\r\n                                    showCount\r\n                                />\r\n                            </Form.Item>\r\n                        </Col>\r\n                    }\r\n                </Row>\r\n                {!nameConfig?.hidden &&\r\n                    <Form.Item\r\n                        className=\"form-item-full-width-label\"\r\n                        label={\r\n                            <div\r\n                                style={{\r\n                                    width: \"100%\",\r\n                                    display: \"flex\",\r\n                                    justifyContent: \"space-between\",\r\n                                }}\r\n                            >\r\n                                <span>{i18n(\"Name\")}</span>\r\n                                {this.isNewEntity() &&\r\n                                    <span style={{display: \"flex\"}}>\r\n                                        <Switch\r\n                                            style={{marginRight: 4}}\r\n                                            size=\"small\"\r\n                                            checked={this.state.nameSameAsCode}\r\n                                            onChange={checked => {\r\n                                                this.setState({nameSameAsCode: checked})\r\n                                                if (checked) {\r\n                                                    entity.name = entity.code;\r\n                                                    this.updateEditedObject();\r\n                                                }\r\n                                            }}\r\n                                        />\r\n                                        {i18n(\"Same As Code\")}\r\n                                    </span>\r\n                                }\r\n                            </div>\r\n                        }\r\n                        validateStatus={fieldsToHighlight?.includes(GeneralEntityColumn.NAME) ? \"warning\" : nameValidateStatus}\r\n                        help={nameErrorMessage}\r\n                        required={!nameConfig?.notRequired}\r\n                    >\r\n                        <Input\r\n                            value={entity.name ?? undefined}\r\n                            disabled={this.isEditDisabled() || nameConfig?.disabled || this.state.nameSameAsCode}\r\n                            onChange={e => {\r\n                                this.handleNameChange(e.target.value);\r\n                            }}\r\n                            maxLength={this.getNameMaxLength()}\r\n                            prefix={this.renderNamePrefix()}\r\n                        />\r\n                    </Form.Item>\r\n                }\r\n                {!hideDivider && <Divider className=\"compact-divider\"/>}\r\n            </Form>\r\n        )\r\n    }\r\n\r\n    protected renderNoteFormItem() {\r\n        const entity = this.state.editedEntity;\r\n        const fieldsToHighlight = this.props.fieldsToHighlight;\r\n\r\n        return (\r\n            <Form.Item\r\n                label={i18n(\"Note\")}\r\n                validateStatus={fieldsToHighlight?.includes(GeneralEntityColumn.NOTE) ? \"warning\" : undefined}\r\n            >\r\n                <TextArea\r\n                    disabled={this.isEditDisabled()}\r\n                    value={entity.note ?? undefined}\r\n                    onChange={event => {\r\n                        entity.note = event.target.value;\r\n                        this.updateEditedObject();\r\n                    }}\r\n                />\r\n            </Form.Item>\r\n        );\r\n    }\r\n\r\n    protected isNewEntity() {\r\n        return !this.state.editedEntity?.id;\r\n    }\r\n\r\n    protected isEditMode() {\r\n        return this.state.originalEntity && !this.isNewEntity() && !this.state.editedEntity.locked;\r\n    }\r\n\r\n    protected async getAccessRightForEntity(): Promise<{ accessRight: AccessRight, message: string }> {\r\n        return {\r\n            accessRight: AccessRight.WRITE,\r\n            message: \"\",\r\n        }\r\n    }\r\n\r\n    protected getFieldsToOmitForCompare(): string[] {\r\n        return [\"locked\"]\r\n    }\r\n\r\n    protected isEntityModified() {\r\n        return !isEqual(\r\n            omit(cloneDeep(this.state.editedEntity), this.getFieldsToOmitForCompare()),\r\n            omit(cloneDeep(this.state.originalEntity), this.getFieldsToOmitForCompare())\r\n        );\r\n    }\r\n\r\n    async startEdit(): Promise<boolean> {\r\n        this.setState({savingIsStarting: true});\r\n        await this.onEditStart();\r\n        const accessRightResult = await this.getAccessRightForEntity();\r\n        this.setState({savingIsStarting: false});\r\n        if (accessRightResult.accessRight !== AccessRight.WRITE) {\r\n            ModalDialog.error({\r\n                mode: ModalDialogMode.OK,\r\n                title: i18n(\"Edit is not allowed\"),\r\n                content: accessRightResult.message,\r\n                okText: i18n(\"Cancel\")\r\n            });\r\n            return false;\r\n        } else {\r\n            this.setState({waitingForLockResponse: true, nameSameAsCode: false});\r\n            const isOk = await this.props.api.lockEntity(this.state.editedEntity);\r\n            this.setState({waitingForLockResponse: false});\r\n            if (isOk) {\r\n                this.updateEditedObject();\r\n            } else {\r\n                return false;\r\n            }\r\n        }\r\n        return true;\r\n    }\r\n\r\n    renderConfigFooter() {\r\n        const entityExists = !!this.state.originalEntity;\r\n        const isNewEntity = this.isNewEntity();\r\n        const isEditMode = this.isEditMode();\r\n        const isSaveMode = entityExists && (isNewEntity || this.state.editedEntity.locked);\r\n        const isEntityModified = entityExists && this.isEntityModified();\r\n\r\n        return (\r\n            <div style={{padding: 8}}>\r\n                <Button.Group style={{width: \"100%\"}}>\r\n                    <Button\r\n                        disabled={!entityExists || (isSaveMode ? !isEntityModified : !isEditMode) || this.state.editedEntityValidationContext.errors.length !== 0 || this.state.validationIsRunning}\r\n                        block\r\n                        loading={this.state.waitingForLockResponse || this.state.savingIsStarting || this.state.savingIsRunning}\r\n                        type=\"primary\"\r\n                        icon={isSaveMode ? <SaveOutlined/> : <EditOutlined/>}\r\n                        onClick={async () => {\r\n                            if (isSaveMode) {\r\n                                await this.onSave();\r\n                            } else if (isEditMode) {\r\n                                await this.startEdit();\r\n                            }\r\n                        }}\r\n                    >\r\n                        {isSaveMode ? i18n(\"Save\") : i18n(\"Edit\")}\r\n                    </Button>\r\n                    <Button\r\n                        disabled={!entityExists || !isSaveMode}\r\n                        block\r\n                        danger\r\n                        icon={(isEntityModified && !isNewEntity) ? <UndoIcon/> : <CloseCircleOutlined/>}\r\n                        onClick={async () => {\r\n                            if (isNewEntity) {\r\n                                this.props.onClose?.();\r\n                            } else if (isSaveMode) {\r\n                                if (this.state.editedEntity.locked) {\r\n                                    await this.props.api.unlockEntity(this.state.editedEntity);\r\n                                }\r\n                                this.revertChanges();\r\n                            }\r\n                        }}\r\n                    >\r\n                        {(isEntityModified && !isNewEntity) ? i18n(\"Revert Changes\") : i18n(\"Cancel\")}\r\n                    </Button>\r\n                </Button.Group>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    abstract renderConfigForm(): React.ReactNode;\r\n\r\n    render() {\r\n        const entity = this.state.editedEntity;\r\n        const {hideConfigHeader, hideConfigFooter, historyMode} = this.props;\r\n\r\n        return (\r\n            <div style={{display: \"flex\", flexDirection: \"column\", overflow: \"hidden\", width: \"100%\", height: \"100%\"}}>\r\n                {!hideConfigHeader && !historyMode && this.renderConfigHeader(entity?.id === undefined || this.props.hidePrevNextButton)}\r\n                <div style={{flex: \"1 1 auto\", overflow: \"hidden\"}}>\r\n                    <div style={{height: `calc(100% - ${hideConfigFooter ? 0 : 48}px)`}}>\r\n                        <div style={{height: \"100%\", overflow: \"auto\"}}>\r\n                            <div style={{margin: \"0px 12px 16px\"}}>\r\n                                {entity && this.renderConfigForm()}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    {!hideConfigFooter && !historyMode && entity?.ano_platny === DbBoolean.TRUE && this.renderConfigFooter()}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"abstractEntityConfigPanel.js","sourceRoot":"","sources":["../../../../../coreui/components/editor/abstractEntityConfigPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAY,GAAG,EAAE,MAAM,EAAC,MAAM,MAAM,CAAC;AAE9E,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,mBAAmB,EAAE,YAAY,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAClF,OAAO,EAAC,QAAQ,EAAC,MAAM,oCAAoC,CAAC;AAC5D,OAAO,iBAAiB,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,mDAAmD,CAAC;AACtF,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAC,WAAW,EAAC,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAkB,MAAM,uCAAuC,CAAC;AACnF,OAAO,EACH,iCAAiC,EAEjC,0BAA0B,EAC7B,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAmDvD,MAAM,CAAC,OAAO,OAAgB,yBAEyD,SAAQ,KAAK,CAAC,SAAe;IAGhH,YAAsB,KAAkB;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHP,cAAS,GAAoB,IAAI,CAAC;QASlC,iBAAY,GAA8B;YAChD,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,cAA8B;YACvD,6BAA6B,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC;YAC3C,mBAAmB,EAAE,KAAK;YAC1B,eAAe,EAAE,KAAK;YACtB,gBAAgB,EAAE,KAAK;YACvB,sBAAsB,EAAE,KAAK;YAC7B,gBAAgB,EAAE,KAAK;YACvB,cAAc,EAAE,IAAI;SACvB,CAAA;QAbG,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7D,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACjE,CAAC;IAaD,iBAAiB;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAED,kBAAkB,CAAC,SAAsB,EAAE,SAAsB;QAC7D,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;YAChE,IAAI,SAAS,CAAC,YAAY,EAAE,MAAM,EAAE,CAAC;gBACjC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YACxD,CAAC;YACD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC,EAAE,GAAG,EAAE;gBAChG,IAAI,CAAC,QAAQ,CAAC,EAAC,gBAAgB,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,CAAC,WAAW,EAAE,EAAC,CAAC,CAAC;YACjF,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED,oBAAoB;QAChB,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,MAAM,EAAE,CAAC;YAClC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QACzD,CAAC;IACL,CAAC;IAED,WAAW;QACP,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;IACrC,CAAC;IAED,SAAS;QACL,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;IACnC,CAAC;IAED,aAAa;QACT,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;YAC5F,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE;gBAC7E,MAAM,6BAA6B,GAAG,IAAI,CAAC,KAAK,CAAC,6BAA6B,CAAC;gBAC/E,6BAA6B,CAAC,MAAM,GAAG,EAAE,CAAC;gBAC1C,IAAI,CAAC,QAAQ,CAAC,EAAC,6BAA6B,EAAE,6BAA6B,EAAC,CAAC,CAAC;YAClF,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAIO,KAAK,CAAC,QAAQ;QAClB,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,KAAK,SAAS,CAAC;QAC/F,IAAI,CAAC,QAAQ,CAAC,EAAC,mBAAmB,EAAE,IAAI,EAAC,CAAC,CAAC;QAE3C,MAAM,6BAA6B,GAAG,IAAI,CAAC,KAAK,CAAC,6BAA6B,CAAC;QAC/E,6BAA6B,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAG7D,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC;QAC1C,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YACtB,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAEzD,IAAI,UAAU,EAAE,CAAC;gBACb,IAAI,CAAC,6BAA6B,CAAC,MAAM,CAAC,QAAQ,CAAC,iCAAiC,CAAC,cAAc,CAAC,EAAE,CAAC;oBACnG,6BAA6B,CAAC,MAAM,CAAC,IAAI,CAAC,iCAAiC,CAAC,cAAc,CAAC,CAAC;gBAChG,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,MAAM,KAAK,GAAG,6BAA6B,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,KAAK,iCAAiC,CAAC,cAAc,CAAC,CAAC;gBAClI,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;oBACb,6BAA6B,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBAC1D,CAAC;YACL,CAAC;QACL,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC;YACV,6BAA6B,EAAE,6BAA6B;YAC5D,gBAAgB,EAAE,IAAI;YACtB,mBAAmB,EAAE,KAAK;SAC7B,CAAC,CAAC;IACP,CAAC;IAAA,CAAC;IAEF,KAAK,CAAC,IAAI,CAAC,gBAA0B;QACjC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,6BAA6B,CAAC,MAAM,CAAC;QAC/D,IAAI,WAAW,GAAkB,SAAS,CAAC;QAE3C,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;YACnH,IAAI,CAAC,QAAQ,CAAC,EAAC,eAAe,EAAE,IAAI,EAAC,CAAC,CAAC;YACvC,WAAW,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;YACzF,IAAI,CAAC,QAAQ,CAAC,EAAC,eAAe,EAAE,KAAK,EAAC,CAAC,CAAC;YACxC,IAAI,WAAW,EAAE,CAAC;gBACd,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC,CAAC,CAAC;gBACnE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC;YACrC,CAAC;QACL,CAAC;QACD,IAAI,CAAC,SAAS,EAAE,CAAC;QAEjB,OAAO,WAAW,CAAC;IACvB,CAAC;IAES,KAAK,CAAC,MAAM;QAClB,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;IAES,SAAS;IACnB,CAAC;IAED,kBAAkB;QACd,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC9B,IAAI,CAAC,QAAQ,EAAE,CAAC;QACpB,CAAC;QACD,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,YAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;IACvG,CAAC;IAED,mBAAmB,CAAC,SAAa,EAAE,OAAW,EAAE,8BAAwD;IACxG,CAAC;IAED,UAAU,CAAC,cAAkB,EAAE,YAAgB,EAAE,6BAAuD,EAAE,QAAqB;QAC3H,MAAM,QAAQ,GAAe,EAAE,CAAC;QAChC,IAAI,cAAc,EAAE,CAAC;YACjB,QAAQ,CAAC,cAAc,GAAG,cAAc,CAAC;QAC7C,CAAC;QACD,IAAI,YAAY,EAAE,CAAC;YACf,QAAQ,CAAC,YAAY,GAAG,YAAY,CAAC;QACzC,CAAC;QACD,IAAI,6BAA6B,EAAE,CAAC;YAChC,QAAQ,CAAC,6BAA6B,GAAG,6BAA6B,CAAC;QAC3E,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,QAAa,EAAE,GAAG,EAAE;YAC9B,IAAI,CAAC,mBAAmB,CAAC,cAAc,EAAE,YAAY,EAAE,6BAA6B,CAAC,CAAC;YACtF,QAAQ,EAAE,EAAE,CAAC;QACjB,CAAC,CAAC,CAAA;IACN,CAAC;IAED,kBAAkB,CAAC,kBAA4B;QAC3C,OAAO,CACH,oBAAC,iBAAiB,IACd,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,EACnC,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;IAES,KAAK,CAAC,WAAW;QACvB,IAAI,CAAC,eAAe,EAAE,CAAC;IAC3B,CAAC;IAED,eAAe;QACX,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,IAAI,EAAE,CAAC;YACxF,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;IACL,CAAC;IAED,cAAc;QACV,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;QACjD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,KAAK,SAAS,CAAC;QAC/F,MAAM,UAAU,GAAG,YAAY,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QACnF,OAAO,CAAC,UAAU,CAAC;IACvB,CAAC;IAES,gBAAgB;QACtB,OAAO,EAAE,CAAC;IACd,CAAC;IAES,gBAAgB;QACtB,OAAO,GAAG,CAAC;IACf,CAAC;IAES,gBAAgB;QACtB,OAAO,SAAS,CAAC;IACrB,CAAC;IAES,gBAAgB;QACtB,OAAO,SAAS,CAAC;IACrB,CAAC;IAES,gBAAgB;QACtB,OAAO,SAAS,CAAC;IACrB,CAAC;IAES,gBAAgB,CAAC,KAAa;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QAEvC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAC5B,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;QACxB,CAAC;QACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,gBAAgB,CAAC,KAAa;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QAEvC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,wBAAwB,CAC9B,MAKC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QACvC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,6BAA6B,CAAC,MAAM,CAAC;QAC/D,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;QACvD,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAC,GAAG,MAAM,IAAI,EAAE,CAAC;QAEnE,MAAM,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,0BAA0B,CAAC,CAAC,iCAAiC,CAAC,aAAa,EAAE,iCAAiC,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,CAAC;QACvL,MAAM,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,GAAG,0BAA0B,CAAC,CAAC,iCAAiC,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,CAAC;QAErI,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,EACnD,IAAI,EAAE,IAAI;YAEV,oBAAC,GAAG,IAAC,MAAM,EAAE,CAAC;gBACV,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC;oBACR,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;wBACxB,oBAAC,KAAK,IAAC,QAAQ,QAAC,KAAK,EAAE,MAAM,CAAC,EAAE,GAAG,CAC3B,CACV;gBACL,CAAC,UAAU,EAAE,MAAM;oBAChB,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;wBACT,oBAAC,IAAI,CAAC,IAAI,IACN,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,EACnB,cAAc,EAAE,iBAAiB,EAAE,QAAQ,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,EACtG,IAAI,EAAE,gBAAgB,EACtB,QAAQ,EAAE,CAAC,UAAU,EAAE,WAAW;4BAElC,oBAAC,KAAK,IACF,QAAQ,EAAE,MAAM,CAAC,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,cAAc,EAAE,IAAI,UAAU,EAAE,QAAQ,EAClF,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE;oCACX,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gCAC3B,CAAC,EACD,KAAK,EAAE,MAAM,CAAC,IAAI,IAAI,SAAS,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE;oCACV,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gCAC1C,CAAC,EACD,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAC/B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAC/B,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAClC,SAAS,SACX,CACM,CACV,CAER;YACL,CAAC,UAAU,EAAE,MAAM;gBAChB,oBAAC,IAAI,CAAC,IAAI,IACN,SAAS,EAAC,4BAA4B,EACtC,KAAK,EACD,6BACI,KAAK,EAAE;4BACH,KAAK,EAAE,MAAM;4BACb,OAAO,EAAE,MAAM;4BACf,cAAc,EAAE,eAAe;yBAClC;wBAED,kCAAO,IAAI,CAAC,MAAM,CAAC,CAAQ;wBAC1B,IAAI,CAAC,WAAW,EAAE;4BACf,8BAAM,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC;gCAC1B,oBAAC,MAAM,IACH,KAAK,EAAE,EAAC,WAAW,EAAE,CAAC,EAAC,EACvB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAClC,QAAQ,EAAE,OAAO,CAAC,EAAE;wCAChB,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAE,OAAO,EAAC,CAAC,CAAA;wCACxC,IAAI,OAAO,EAAE,CAAC;4CACV,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;4CAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;wCAC9B,CAAC;oCACL,CAAC,GACH;gCACD,IAAI,CAAC,cAAc,CAAC,CAClB,CAET,EAEV,cAAc,EAAE,iBAAiB,EAAE,QAAQ,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,EACtG,IAAI,EAAE,gBAAgB,EACtB,QAAQ,EAAE,CAAC,UAAU,EAAE,WAAW;oBAElC,oBAAC,KAAK,IACF,KAAK,EAAE,MAAM,CAAC,IAAI,IAAI,SAAS,EAC/B,QAAQ,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,UAAU,EAAE,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EACpF,QAAQ,EAAE,CAAC,CAAC,EAAE;4BACV,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC1C,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAClC,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAAE,GACjC,CACM;YAEf,CAAC,aAAa,IAAI,oBAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB,GAAE,CACtD,CACV,CAAA;IACL,CAAC;IAES,kBAAkB;QACxB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QACvC,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;QAEvD,OAAO,CACH,oBAAC,IAAI,CAAC,IAAI,IACN,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,EACnB,cAAc,EAAE,iBAAiB,EAAE,QAAQ,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YAE7F,oBAAC,QAAQ,IACL,QAAQ,EAAE,IAAI,CAAC,cAAc,EAAE,EAC/B,KAAK,EAAE,MAAM,CAAC,IAAI,IAAI,SAAS,EAC/B,QAAQ,EAAE,KAAK,CAAC,EAAE;oBACd,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;oBACjC,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC9B,CAAC,GACH,CACM,CACf,CAAC;IACN,CAAC;IAES,WAAW;QACjB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,CAAC;IACxC,CAAC;IAES,UAAU;QAChB,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC;IAC/F,CAAC;IAES,KAAK,CAAC,uBAAuB;QACnC,OAAO;YACH,WAAW,EAAE,WAAW,CAAC,KAAK;YAC9B,OAAO,EAAE,EAAE;SACd,CAAA;IACL,CAAC;IAES,yBAAyB;QAC/B,OAAO,CAAC,QAAQ,CAAC,CAAA;IACrB,CAAC;IAES,gBAAgB;QACtB,OAAO,CAAC,OAAO,CACX,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,yBAAyB,EAAE,CAAC,EAC1E,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,yBAAyB,EAAE,CAAC,CAC/E,CAAC;IACN,CAAC;IAED,KAAK,CAAC,SAAS;QACX,IAAI,CAAC,QAAQ,CAAC,EAAC,gBAAgB,EAAE,IAAI,EAAC,CAAC,CAAC;QACxC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QACzB,MAAM,iBAAiB,GAAG,MAAM,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAC/D,IAAI,CAAC,QAAQ,CAAC,EAAC,gBAAgB,EAAE,KAAK,EAAC,CAAC,CAAC;QACzC,IAAI,iBAAiB,CAAC,WAAW,KAAK,WAAW,CAAC,KAAK,EAAE,CAAC;YACtD,WAAW,CAAC,KAAK,CAAC;gBACd,IAAI,MAAoB;gBACxB,KAAK,EAAE,IAAI,CAAC,qBAAqB,CAAC;gBAClC,OAAO,EAAE,iBAAiB,CAAC,OAAO;gBAClC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC;aACzB,CAAC,CAAC;YACH,OAAO,KAAK,CAAC;QACjB,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,QAAQ,CAAC,EAAC,sBAAsB,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAC,CAAC,CAAC;YACrE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;YACtE,IAAI,CAAC,QAAQ,CAAC,EAAC,sBAAsB,EAAE,KAAK,EAAC,CAAC,CAAC;YAC/C,IAAI,IAAI,EAAE,CAAC;gBACP,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACJ,OAAO,KAAK,CAAC;YACjB,CAAC;QACL,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,kBAAkB;QACd,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;QACjD,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACvC,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,YAAY,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QACnF,MAAM,gBAAgB,GAAG,YAAY,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAEjE,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,CAAC,EAAC;YACpB,oBAAC,MAAM,CAAC,KAAK,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC;gBAChC,oBAAC,MAAM,IACH,QAAQ,EAAE,CAAC,YAAY,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,6BAA6B,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAC3K,KAAK,QACL,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,sBAAsB,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,EACvG,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,oBAAC,YAAY,OAAE,CAAC,CAAC,CAAC,oBAAC,YAAY,OAAE,EACpD,OAAO,EAAE,KAAK,IAAI,EAAE;wBAChB,IAAI,UAAU,EAAE,CAAC;4BACb,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;wBACxB,CAAC;6BAAM,IAAI,UAAU,EAAE,CAAC;4BACpB,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;wBAC3B,CAAC;oBACL,CAAC,IAEA,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpC;gBACT,oBAAC,MAAM,IACH,QAAQ,EAAE,CAAC,YAAY,IAAI,CAAC,UAAU,EACtC,KAAK,QACL,MAAM,QACN,IAAI,EAAE,CAAC,gBAAgB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,oBAAC,QAAQ,OAAE,CAAC,CAAC,CAAC,oBAAC,mBAAmB,OAAE,EAC/E,OAAO,EAAE,KAAK,IAAI,EAAE;wBAChB,IAAI,WAAW,EAAE,CAAC;4BACd,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;wBAC3B,CAAC;6BAAM,IAAI,UAAU,EAAE,CAAC;4BACpB,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;gCACjC,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;4BAC/D,CAAC;4BACD,IAAI,CAAC,aAAa,EAAE,CAAC;wBACzB,CAAC;oBACL,CAAC,IAEA,CAAC,gBAAgB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxE,CACE,CACb,CACT,CAAC;IACN,CAAC;IAID,MAAM;QACF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QACvC,MAAM,EAAC,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAErE,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC;YACpG,CAAC,gBAAgB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;YACxH,6BAAK,KAAK,EAAE,EAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAC;gBAC9C,6BAAK,KAAK,EAAE,EAAC,MAAM,EAAE,eAAe,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAC;oBAC/D,6BAAK,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAC;wBAC1C,6BAAK,KAAK,EAAE,EAAC,MAAM,EAAE,eAAe,EAAC,IAChC,MAAM,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAChC,CACJ,CACJ;gBACL,CAAC,gBAAgB,IAAI,CAAC,WAAW,IAAI,MAAM,EAAE,UAAU,KAAK,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,kBAAkB,EAAE,CACtG,CACJ,CACT,CAAC;IACN,CAAC;CAEJ","sourcesContent":["import React from \"react\";\r\nimport {cloneDeep, isEqual, omit} from \"lodash\";\r\nimport {Button, Col, Divider, Form, Input, InputRef, Row, Switch} from \"antd\";\r\nimport AbstractEntityApi from \"../../../api/abstractEntityApi\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {CloseCircleOutlined, EditOutlined, SaveOutlined} from \"@ant-design/icons\";\r\nimport {UndoIcon} from \"d2coreui/components/icons/undoIcon\";\r\nimport DetailHeaderPanel from \"../grid/detailHeaderPanel\";\r\nimport {AbstractBreadcrumbItem} from \"../../abstractListPanel\";\r\nimport {GeneralEntityColumn} from \"../advancedFilter/advancedFilterColumnDefinitions\";\r\nimport TextArea from \"antd/es/input/TextArea\";\r\nimport AuditableEntity from \"../../../api/types/auditableEntity\";\r\nimport {AccessRight} from \"../../../api/types/accessRight\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport {\r\n    AbstractEntityValidationErrorEnum,\r\n    ErrorCode,\r\n    getAbstractEntityErrorInfo\r\n} from \"../../../api/validation/abstractEntityValidationUtils\";\r\nimport {DbBoolean} from \"../../../api/types/dbBoolean\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\n\r\ninterface GeneralConfigItemParams {\r\n    hidden?: boolean,\r\n    notRequired?: boolean,\r\n    disabled?: boolean\r\n}\r\n\r\n/**\r\n * Additional data needed for object validation\r\n */\r\nexport interface EntityValidationContext {\r\n    errors: ErrorCode[]\r\n}\r\n\r\nexport interface EntityConfigPanelProperties<T extends AuditableEntity> {\r\n    api: AbstractEntityApi<T>\r\n    selectedEntity?: T\r\n    title?: React.ReactNode\r\n    hidePrevNextButton?: boolean\r\n    hideConfigHeader?: boolean\r\n    hideConfigFooter?: boolean\r\n    historyMode?: boolean\r\n    fieldsToHighlight?: string[]\r\n    breadcrumbPath?: AbstractBreadcrumbItem[]\r\n\r\n    // detail 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    onSave?(savedEntity: T): void\r\n}\r\n\r\nexport interface EntityConfigPanelState<T extends AuditableEntity> {\r\n    originalEntity?: T\r\n    editedEntity: T\r\n    editedEntityValidationContext: EntityValidationContext\r\n    validationIsRunning: boolean\r\n    savingIsRunning: boolean\r\n    validateOnChange: boolean\r\n    waitingForLockResponse: boolean\r\n    savingIsStarting: boolean\r\n    nameSameAsCode: boolean\r\n}\r\n\r\nexport default abstract class AbstractEntityConfigPanel<P extends EntityConfigPanelProperties<E>,\r\n    S extends EntityConfigPanelState<E>,\r\n    E extends AuditableEntity = S extends EntityConfigPanelState<infer T> ? T : never> extends React.Component<P, S> {\r\n    protected codeInput: InputRef | null = null;\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        this.updateEditedObject = this.updateEditedObject.bind(this);\r\n        this.renderNoteFormItem = this.renderNoteFormItem.bind(this);\r\n    }\r\n\r\n    protected initialState: EntityConfigPanelState<E> = {\r\n        editedEntity: this.props.selectedEntity as unknown as E,\r\n        editedEntityValidationContext: {errors: []},\r\n        validationIsRunning: false,\r\n        savingIsRunning: false,\r\n        validateOnChange: false,\r\n        waitingForLockResponse: false,\r\n        savingIsStarting: false,\r\n        nameSameAsCode: true,\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.updateEditedObject();\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<P>, prevState: Readonly<S>) {\r\n        if (!isEqual(prevProps.selectedEntity, this.props.selectedEntity)) {\r\n            if (prevState.editedEntity?.locked) {\r\n                this.props.api.unlockEntity(prevState.editedEntity);\r\n            }\r\n            this.updateData(this.props.selectedEntity, cloneDeep(this.props.selectedEntity), {errors: []}, () => {\r\n                this.setState({validateOnChange: false, nameSameAsCode: this.isNewEntity()});\r\n            });\r\n        }\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        if (this.state.editedEntity?.locked) {\r\n            this.props.api.unlockEntity(this.state.editedEntity);\r\n        }\r\n    }\r\n\r\n    getOriginal(): E | undefined {\r\n        return this.state.originalEntity;\r\n    }\r\n\r\n    getEdited(): E {\r\n        return this.state.editedEntity;\r\n    }\r\n\r\n    revertChanges() {\r\n        if (this.state.originalEntity && !isEqual(this.state.editedEntity, this.state.originalEntity)) {\r\n            this.updateData(undefined, cloneDeep(this.state.originalEntity), undefined, () => {\r\n                const editedEntityValidationContext = this.state.editedEntityValidationContext;\r\n                editedEntityValidationContext.errors = [];\r\n                this.setState({editedEntityValidationContext: editedEntityValidationContext});\r\n            });\r\n        }\r\n    }\r\n\r\n    abstract validateObject(): ErrorCode[];\r\n\r\n    private async validate() {\r\n        const isNewEntity = this.state.editedEntity.id < 0 || this.state.editedEntity.id === undefined;\r\n        this.setState({validationIsRunning: true});\r\n\r\n        const editedEntityValidationContext = this.state.editedEntityValidationContext;\r\n        editedEntityValidationContext.errors = this.validateObject();\r\n\r\n        // code validation - only when creating new entity (editation of code is not allowed)\r\n        const code = this.state.editedEntity.code;\r\n        if (isNewEntity && code) {\r\n            const codeExists = await this.props.api.codeExists(code);\r\n\r\n            if (codeExists) {\r\n                if (!editedEntityValidationContext.errors.includes(AbstractEntityValidationErrorEnum.CODE_DUPLICATE)) {\r\n                    editedEntityValidationContext.errors.push(AbstractEntityValidationErrorEnum.CODE_DUPLICATE);\r\n                }\r\n            } else {\r\n                const index = editedEntityValidationContext.errors.findIndex(value => value === AbstractEntityValidationErrorEnum.CODE_DUPLICATE);\r\n                if (index >= 0) {\r\n                    editedEntityValidationContext.errors.splice(index, 1);\r\n                }\r\n            }\r\n        }\r\n\r\n        this.setState({\r\n            editedEntityValidationContext: editedEntityValidationContext,\r\n            validateOnChange: true,\r\n            validationIsRunning: false,\r\n        });\r\n    };\r\n\r\n    async save(isCosmeticChange?: boolean): Promise<E | undefined> {\r\n        await this.validate();\r\n        const errors = this.state.editedEntityValidationContext.errors;\r\n        let savedEntity: E | undefined = undefined;\r\n\r\n        if (errors.length === 0 && this.state.originalEntity && !isEqual(this.state.editedEntity, this.state.originalEntity)) {\r\n            this.setState({savingIsRunning: true});\r\n            savedEntity = await this.props.api.saveEntity(this.state.editedEntity, isCosmeticChange);\r\n            this.setState({savingIsRunning: false});\r\n            if (savedEntity) {\r\n                this.updateData(savedEntity, cloneDeep(savedEntity), {errors: []});\r\n                this.props.onSave?.(savedEntity);\r\n            }\r\n        }\r\n        this.afterSave();\r\n\r\n        return savedEntity;\r\n    }\r\n\r\n    protected async onSave() {\r\n        await this.save();\r\n    }\r\n\r\n    protected afterSave() {\r\n    }\r\n\r\n    updateEditedObject() {\r\n        if (this.state.validateOnChange) {\r\n            this.validate();\r\n        }\r\n        this.updateData(undefined, this.state.editedEntity as E, this.state.editedEntityValidationContext);\r\n    }\r\n\r\n    onChangeEditContext(_original?: E, _edited?: E, _editedEntityValidationContext?: EntityValidationContext) {\r\n    }\r\n\r\n    updateData(originalEntity?: E, editedEntity?: E, editedEntityValidationContext?: EntityValidationContext, callback?: () => void) {\r\n        const newState: Partial<S> = {};\r\n        if (originalEntity) {\r\n            newState.originalEntity = originalEntity;\r\n        }\r\n        if (editedEntity) {\r\n            newState.editedEntity = editedEntity;\r\n        }\r\n        if (editedEntityValidationContext) {\r\n            newState.editedEntityValidationContext = editedEntityValidationContext;\r\n        }\r\n        this.setState(newState as S, () => {\r\n            this.onChangeEditContext(originalEntity, editedEntity, editedEntityValidationContext);\r\n            callback?.();\r\n        })\r\n    }\r\n\r\n    renderConfigHeader(hidePrevNextButton?: boolean) {\r\n        return (\r\n            <DetailHeaderPanel\r\n                title={this.props.title}\r\n                hidePrevNextButton={hidePrevNextButton}\r\n                code={this.state.editedEntity?.code}\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    protected async onEditStart() {\r\n        this.focusFirstField();\r\n    }\r\n\r\n    focusFirstField() {\r\n        if (this.props.selectedEntity?.id === undefined || this.props.selectedEntity?.id === null) {\r\n            this.codeInput?.focus();\r\n        }\r\n    }\r\n\r\n    isEditDisabled() {\r\n        const entityExists = !!this.state.originalEntity;\r\n        const isNewEntity = this.state.editedEntity.id < 0 || this.state.editedEntity.id === undefined;\r\n        const isSaveMode = entityExists && (isNewEntity || this.state.editedEntity.locked);\r\n        return !isSaveMode;\r\n    }\r\n\r\n    protected getCodeMaxLength() {\r\n        return 64;\r\n    }\r\n\r\n    protected getNameMaxLength() {\r\n        return 256;\r\n    }\r\n\r\n    protected renderCodePrefix(): React.ReactNode | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected renderCodeSuffix(): React.ReactNode | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected renderNamePrefix(): React.ReactNode | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected handleCodeChange(value: string) {\r\n        const entity = this.state.editedEntity;\r\n\r\n        entity.code = value;\r\n        if (this.state.nameSameAsCode) {\r\n            entity.name = value;\r\n        }\r\n        this.updateEditedObject();\r\n    }\r\n\r\n    protected handleNameChange(value: string) {\r\n        const entity = this.state.editedEntity;\r\n\r\n        entity.name = value;\r\n        this.updateEditedObject();\r\n    }\r\n\r\n    protected renderGeneralConfigItems(\r\n        config?: {\r\n            codeConfig?: GeneralConfigItemParams\r\n            nameConfig?: GeneralConfigItemParams\r\n            dividerHidden?: boolean\r\n            size?: SizeType\r\n        }\r\n    ) {\r\n        const entity = this.state.editedEntity;\r\n        const errors = this.state.editedEntityValidationContext.errors;\r\n        const fieldsToHighlight = this.props.fieldsToHighlight;\r\n        const {codeConfig, nameConfig, dividerHidden, size} = config ?? {};\r\n\r\n        const [codeValidateStatus, codeErrorMessage] = getAbstractEntityErrorInfo([AbstractEntityValidationErrorEnum.CODE_REQUIRED, AbstractEntityValidationErrorEnum.CODE_DUPLICATE], errors);\r\n        const [nameValidateStatus, nameErrorMessage] = getAbstractEntityErrorInfo([AbstractEntityValidationErrorEnum.NAME_REQUIRED], 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                size={size}\r\n            >\r\n                <Row gutter={8}>\r\n                    <Col span={6}>\r\n                        <Form.Item label={i18n(\"ID\")}>\r\n                            <Input disabled value={entity.id}/>\r\n                        </Form.Item>\r\n                    </Col>\r\n                    {!codeConfig?.hidden &&\r\n                        <Col span={18}>\r\n                            <Form.Item\r\n                                label={i18n(\"Code\")}\r\n                                validateStatus={fieldsToHighlight?.includes(GeneralEntityColumn.CODE) ? \"warning\" : codeValidateStatus}\r\n                                help={codeErrorMessage}\r\n                                required={!codeConfig?.notRequired}\r\n                            >\r\n                                <Input\r\n                                    disabled={entity.id !== undefined || this.isEditDisabled() || codeConfig?.disabled}\r\n                                    ref={(input) => {\r\n                                        this.codeInput = input;\r\n                                    }}\r\n                                    value={entity.code ?? undefined}\r\n                                    onChange={e => {\r\n                                        this.handleCodeChange(e.target.value);\r\n                                    }}\r\n                                    prefix={this.renderCodePrefix()}\r\n                                    suffix={this.renderCodeSuffix()}\r\n                                    maxLength={this.getCodeMaxLength()}\r\n                                    showCount\r\n                                />\r\n                            </Form.Item>\r\n                        </Col>\r\n                    }\r\n                </Row>\r\n                {!nameConfig?.hidden &&\r\n                    <Form.Item\r\n                        className=\"form-item-full-width-label\"\r\n                        label={\r\n                            <div\r\n                                style={{\r\n                                    width: \"100%\",\r\n                                    display: \"flex\",\r\n                                    justifyContent: \"space-between\",\r\n                                }}\r\n                            >\r\n                                <span>{i18n(\"Name\")}</span>\r\n                                {this.isNewEntity() &&\r\n                                    <span style={{display: \"flex\"}}>\r\n                                        <Switch\r\n                                            style={{marginRight: 4}}\r\n                                            size=\"small\"\r\n                                            checked={this.state.nameSameAsCode}\r\n                                            onChange={checked => {\r\n                                                this.setState({nameSameAsCode: checked})\r\n                                                if (checked) {\r\n                                                    entity.name = entity.code;\r\n                                                    this.updateEditedObject();\r\n                                                }\r\n                                            }}\r\n                                        />\r\n                                        {i18n(\"Same As Code\")}\r\n                                    </span>\r\n                                }\r\n                            </div>\r\n                        }\r\n                        validateStatus={fieldsToHighlight?.includes(GeneralEntityColumn.NAME) ? \"warning\" : nameValidateStatus}\r\n                        help={nameErrorMessage}\r\n                        required={!nameConfig?.notRequired}\r\n                    >\r\n                        <Input\r\n                            value={entity.name ?? undefined}\r\n                            disabled={this.isEditDisabled() || nameConfig?.disabled || this.state.nameSameAsCode}\r\n                            onChange={e => {\r\n                                this.handleNameChange(e.target.value);\r\n                            }}\r\n                            maxLength={this.getNameMaxLength()}\r\n                            prefix={this.renderNamePrefix()}\r\n                        />\r\n                    </Form.Item>\r\n                }\r\n                {!dividerHidden && <Divider className=\"compact-divider\"/>}\r\n            </Form>\r\n        )\r\n    }\r\n\r\n    protected renderNoteFormItem() {\r\n        const entity = this.state.editedEntity;\r\n        const fieldsToHighlight = this.props.fieldsToHighlight;\r\n\r\n        return (\r\n            <Form.Item\r\n                label={i18n(\"Note\")}\r\n                validateStatus={fieldsToHighlight?.includes(GeneralEntityColumn.NOTE) ? \"warning\" : undefined}\r\n            >\r\n                <TextArea\r\n                    disabled={this.isEditDisabled()}\r\n                    value={entity.note ?? undefined}\r\n                    onChange={event => {\r\n                        entity.note = event.target.value;\r\n                        this.updateEditedObject();\r\n                    }}\r\n                />\r\n            </Form.Item>\r\n        );\r\n    }\r\n\r\n    protected isNewEntity() {\r\n        return !this.state.editedEntity?.id;\r\n    }\r\n\r\n    protected isEditMode() {\r\n        return this.state.originalEntity && !this.isNewEntity() && !this.state.editedEntity.locked;\r\n    }\r\n\r\n    protected async getAccessRightForEntity(): Promise<{ accessRight: AccessRight, message: string }> {\r\n        return {\r\n            accessRight: AccessRight.WRITE,\r\n            message: \"\",\r\n        }\r\n    }\r\n\r\n    protected getFieldsToOmitForCompare(): string[] {\r\n        return [\"locked\"]\r\n    }\r\n\r\n    protected isEntityModified() {\r\n        return !isEqual(\r\n            omit(cloneDeep(this.state.editedEntity), this.getFieldsToOmitForCompare()),\r\n            omit(cloneDeep(this.state.originalEntity), this.getFieldsToOmitForCompare())\r\n        );\r\n    }\r\n\r\n    async startEdit(): Promise<boolean> {\r\n        this.setState({savingIsStarting: true});\r\n        await this.onEditStart();\r\n        const accessRightResult = await this.getAccessRightForEntity();\r\n        this.setState({savingIsStarting: false});\r\n        if (accessRightResult.accessRight !== AccessRight.WRITE) {\r\n            ModalDialog.error({\r\n                mode: ModalDialogMode.OK,\r\n                title: i18n(\"Edit is not allowed\"),\r\n                content: accessRightResult.message,\r\n                okText: i18n(\"Cancel\")\r\n            });\r\n            return false;\r\n        } else {\r\n            this.setState({waitingForLockResponse: true, nameSameAsCode: false});\r\n            const isOk = await this.props.api.lockEntity(this.state.editedEntity);\r\n            this.setState({waitingForLockResponse: false});\r\n            if (isOk) {\r\n                this.updateEditedObject();\r\n            } else {\r\n                return false;\r\n            }\r\n        }\r\n        return true;\r\n    }\r\n\r\n    renderConfigFooter() {\r\n        const entityExists = !!this.state.originalEntity;\r\n        const isNewEntity = this.isNewEntity();\r\n        const isEditMode = this.isEditMode();\r\n        const isSaveMode = entityExists && (isNewEntity || this.state.editedEntity.locked);\r\n        const isEntityModified = entityExists && this.isEntityModified();\r\n\r\n        return (\r\n            <div style={{padding: 8}}>\r\n                <Button.Group style={{width: \"100%\"}}>\r\n                    <Button\r\n                        disabled={!entityExists || (isSaveMode ? !isEntityModified : !isEditMode) || this.state.editedEntityValidationContext.errors.length !== 0 || this.state.validationIsRunning}\r\n                        block\r\n                        loading={this.state.waitingForLockResponse || this.state.savingIsStarting || this.state.savingIsRunning}\r\n                        type=\"primary\"\r\n                        icon={isSaveMode ? <SaveOutlined/> : <EditOutlined/>}\r\n                        onClick={async () => {\r\n                            if (isSaveMode) {\r\n                                await this.onSave();\r\n                            } else if (isEditMode) {\r\n                                await this.startEdit();\r\n                            }\r\n                        }}\r\n                    >\r\n                        {isSaveMode ? i18n(\"Save\") : i18n(\"Edit\")}\r\n                    </Button>\r\n                    <Button\r\n                        disabled={!entityExists || !isSaveMode}\r\n                        block\r\n                        danger\r\n                        icon={(isEntityModified && !isNewEntity) ? <UndoIcon/> : <CloseCircleOutlined/>}\r\n                        onClick={async () => {\r\n                            if (isNewEntity) {\r\n                                this.props.onClose?.();\r\n                            } else if (isSaveMode) {\r\n                                if (this.state.editedEntity.locked) {\r\n                                    await this.props.api.unlockEntity(this.state.editedEntity);\r\n                                }\r\n                                this.revertChanges();\r\n                            }\r\n                        }}\r\n                    >\r\n                        {(isEntityModified && !isNewEntity) ? i18n(\"Revert Changes\") : i18n(\"Cancel\")}\r\n                    </Button>\r\n                </Button.Group>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    abstract renderConfigForm(): React.ReactNode;\r\n\r\n    render() {\r\n        const entity = this.state.editedEntity;\r\n        const {hideConfigHeader, hideConfigFooter, historyMode} = this.props;\r\n\r\n        return (\r\n            <div style={{display: \"flex\", flexDirection: \"column\", overflow: \"hidden\", width: \"100%\", height: \"100%\"}}>\r\n                {!hideConfigHeader && !historyMode && this.renderConfigHeader(entity?.id === undefined || this.props.hidePrevNextButton)}\r\n                <div style={{flex: \"1 1 auto\", overflow: \"hidden\"}}>\r\n                    <div style={{height: `calc(100% - ${hideConfigFooter ? 0 : 48}px)`}}>\r\n                        <div style={{height: \"100%\", overflow: \"auto\"}}>\r\n                            <div style={{margin: \"0px 12px 16px\"}}>\r\n                                {entity && this.renderConfigForm()}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    {!hideConfigFooter && !historyMode && entity?.ano_platny === DbBoolean.TRUE && this.renderConfigFooter()}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n}"]}

package/coreui/components/grid/detailHeaderPanel.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface Props {
     hidePrevNextButton?: boolean;
+    title?: React.ReactNode;
     code?: string | null;
     onPrevRecord?(): void;
     onNextRecord?(): void;

package/coreui/components/grid/detailHeaderPanel.js

@@ -8,12 +8,14 @@ export default class DetailHeaderPanel extends React.Component {
         super(props);
     }
     render() {
-        const code = this.props.code;
+        const { title, code } = this.props;
         return (React.createElement("div", { style: { padding: "8px 4px 8px 12px", display: "flex", justifyContent: "space-between", fontSize: 16 } },
             React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 2 } },
-                React.createElement(ProfileOutlined, null),
-                " ",
-                i18n("Detail"),
+                title ??
+                    React.createElement(React.Fragment, null,
+                        React.createElement(ProfileOutlined, null),
+                        " ",
+                        i18n("Detail")),
                 code && React.createElement(ColorTag, { style: { marginLeft: 4, fontSize: 13 } }, code)),
             React.createElement("div", null,
                 !this.props.hidePrevNextButton &&

package/coreui/components/grid/detailHeaderPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"detailHeaderPanel.js","sourceRoot":"","sources":["../../../../../coreui/components/grid/detailHeaderPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,EAAC,MAAM,mBAAmB,CAAC;AACrG,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,MAAM,EAAC,MAAM,MAAM,CAAC;AAC5B,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAa5C,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAgB;IACjE,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAE7B,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,EAAC;YACrG,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAC;gBACvD,oBAAC,eAAe,OAAE;;gBAAE,IAAI,CAAC,QAAQ,CAAC;gBACjC,IAAI,IAAI,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAC,IAAG,IAAI,CAAY,CACxE;YACN;gBACK,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB;oBAC3B,oBAAC,MAAM,CAAC,KAAK,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,CAAC,CAAC,EAAC;wBAChC,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;4BACpE,oBAAC,eAAe,OAAE,CACb;wBACT,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;4BAChE,oBAAC,iBAAiB,OAAE,CACf,CACE;gBAEnB,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;oBACjE,oBAAC,aAAa,OAAE,CACX,CACP,CACJ,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\";\r\nimport {ArrowDownOutlined, ArrowUpOutlined, CloseOutlined, ProfileOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {Button} from \"antd\";\r\nimport ColorTag from \"../colorTag/colorTag\";\r\n\r\ninterface Props {\r\n    hidePrevNextButton?: boolean\r\n    code?: string | null\r\n\r\n    onPrevRecord?(): void\r\n\r\n    onNextRecord?(): void\r\n\r\n    onClose?(): void\r\n}\r\n\r\nexport default class DetailHeaderPanel extends React.Component<Props> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n    }\r\n\r\n    render() {\r\n        const code = this.props.code;\r\n\r\n        return (\r\n            <div style={{padding: \"8px 4px 8px 12px\", display: \"flex\", justifyContent: \"space-between\", fontSize: 16}}>\r\n                <div style={{display: \"flex\", alignItems: \"center\", gap: 2}}>\r\n                    <ProfileOutlined/> {i18n(\"Detail\")}\r\n                    {code && <ColorTag style={{marginLeft: 4, fontSize: 13}}>{code}</ColorTag>}\r\n                </div>\r\n                <div>\r\n                    {!this.props.hidePrevNextButton &&\r\n                        <Button.Group style={{marginTop: -4}}>\r\n                            <Button title={i18n(\"Previous Record\")} onClick={this.props.onPrevRecord}>\r\n                                <ArrowUpOutlined/>\r\n                            </Button>\r\n                            <Button title={i18n(\"Next Record\")} onClick={this.props.onNextRecord}>\r\n                                <ArrowDownOutlined/>\r\n                            </Button>\r\n                        </Button.Group>\r\n                    }\r\n                    <Button title={i18n(\"Close\")} type=\"text\" onClick={this.props.onClose}>\r\n                        <CloseOutlined/>\r\n                    </Button>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}"]}
+{"version":3,"file":"detailHeaderPanel.js","sourceRoot":"","sources":["../../../../../coreui/components/grid/detailHeaderPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,EAAC,MAAM,mBAAmB,CAAC;AACrG,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,MAAM,EAAC,MAAM,MAAM,CAAC;AAC5B,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAc5C,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAgB;IACjE,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAEjC,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,EAAC;YACrG,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAC;gBACtD,KAAK;oBACF;wBAAE,oBAAC,eAAe,OAAE;;wBAAE,IAAI,CAAC,QAAQ,CAAC,CAAI;gBAE3C,IAAI,IAAI,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAC,IAAG,IAAI,CAAY,CACxE;YACN;gBACK,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB;oBAC3B,oBAAC,MAAM,CAAC,KAAK,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,CAAC,CAAC,EAAC;wBAChC,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;4BACpE,oBAAC,eAAe,OAAE,CACb;wBACT,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;4BAChE,oBAAC,iBAAiB,OAAE,CACf,CACE;gBAEnB,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;oBACjE,oBAAC,aAAa,OAAE,CACX,CACP,CACJ,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\";\r\nimport {ArrowDownOutlined, ArrowUpOutlined, CloseOutlined, ProfileOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {Button} from \"antd\";\r\nimport ColorTag from \"../colorTag/colorTag\";\r\n\r\ninterface Props {\r\n    hidePrevNextButton?: boolean\r\n    title?: React.ReactNode\r\n    code?: string | null\r\n\r\n    onPrevRecord?(): void\r\n\r\n    onNextRecord?(): void\r\n\r\n    onClose?(): void\r\n}\r\n\r\nexport default class DetailHeaderPanel extends React.Component<Props> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n    }\r\n\r\n    render() {\r\n        const {title, code} = this.props;\r\n\r\n        return (\r\n            <div style={{padding: \"8px 4px 8px 12px\", display: \"flex\", justifyContent: \"space-between\", fontSize: 16}}>\r\n                <div style={{display: \"flex\", alignItems: \"center\", gap: 2}}>\r\n                    {title ??\r\n                        <><ProfileOutlined/> {i18n(\"Detail\")}</>\r\n                    }\r\n                    {code && <ColorTag style={{marginLeft: 4, fontSize: 13}}>{code}</ColorTag>}\r\n                </div>\r\n                <div>\r\n                    {!this.props.hidePrevNextButton &&\r\n                        <Button.Group style={{marginTop: -4}}>\r\n                            <Button title={i18n(\"Previous Record\")} onClick={this.props.onPrevRecord}>\r\n                                <ArrowUpOutlined/>\r\n                            </Button>\r\n                            <Button title={i18n(\"Next Record\")} onClick={this.props.onNextRecord}>\r\n                                <ArrowDownOutlined/>\r\n                            </Button>\r\n                        </Button.Group>\r\n                    }\r\n                    <Button title={i18n(\"Close\")} type=\"text\" onClick={this.props.onClose}>\r\n                        <CloseOutlined/>\r\n                    </Button>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}"]}

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

@@ -1,5 +1,6 @@
 import React from "react";
 import Entity from "../../../api/types/entity";
+import { SelectProps } from "antd/es/select";
 import AbstractEntityApi from "../../../api/abstractEntityApi";
 import { AdvancedFilterApi, AdvancedFilterCondition } from "../../../api/advancedFilterApi";
 export declare enum DetailModalDialogMode {
@@ -12,7 +13,7 @@ export interface SelectedEntity {
     code: string | null;
     extra?: string;
 }
-export interface AbstractSelectProps<T extends Entity> {
+export interface AbstractSelectProps<T extends Entity> extends SelectProps {
     api: AbstractEntityApi<T>;
     advancedFilterApi: AdvancedFilterApi;
     disabled?: boolean;

package/coreui/components/select/abstractSelect.js

@@ -182,7 +182,7 @@ export default class AbstractSelect extends React.Component {
         return undefined;
     }
     render() {
-        const selectedItem = this.props.selectedItem;
+        const { api, advancedFilterApi, disabled, selectedItem, filterConditions, onItemSelected, ...rest } = this.props;
         const hasDetailPanel = !!this.renderDetailPanel();
         let value;
         if (selectedItem && selectedItem.id >= 0) {
@@ -199,15 +199,15 @@ export default class AbstractSelect extends React.Component {
             value = undefined;
         }
         return (React.createElement("div", { onDoubleClick: () => {
-                if (!this.props.disabled && !this.state.detailDialogVisible) {
+                if (!disabled && !this.state.detailDialogVisible) {
                     this.setState({ selectDialogVisible: true });
                 }
             } },
             this.renderSelectDialog(),
             this.renderDetailPanelModalDialog(),
-            React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement(Select, { className: !this.props.disabled && hasDetailPanel ? css.styles.abstractSelectWithDetail : undefined, disabled: this.props.disabled, style: { width: "100%" }, labelInValue: true, showSearch: true, filterOption: false, value: value, notFoundContent: null, onChange: (value) => {
+            React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement(Select, { className: !disabled && hasDetailPanel ? css.styles.abstractSelectWithDetail : undefined, disabled: disabled, style: { width: "100%" }, labelInValue: true, showSearch: true, filterOption: false, value: value, notFoundContent: null, onChange: (value) => {
                     if (!value) {
-                        this.props.onItemSelected?.(undefined);
+                        onItemSelected?.(undefined);
                     }
                 }, onFocus: () => {
                     this.onLoadData();
@@ -219,8 +219,8 @@ export default class AbstractSelect extends React.Component {
                     this.onLoadData(searchString);
                 }, onSelect: (selectedValue) => {
                     const item = this.state.suggestedItems.find(value => value.id === selectedValue.value);
-                    this.props.onItemSelected?.(item);
-                }, suffixIcon: React.createElement("span", { style: { display: "flex", gap: 4, fontSize: 14, color: "rgba(0, 0, 0, 0.55)" } }, this.getSuffixIcon()) }, this.state.suggestedItems.map(suggestedItem => {
+                    onItemSelected?.(item);
+                }, suffixIcon: React.createElement("span", { style: { display: "flex", gap: 4, fontSize: 14, color: "rgba(0, 0, 0, 0.55)" } }, this.getSuffixIcon()), ...rest }, this.state.suggestedItems.map(suggestedItem => {
                 const extraValueForDropdown = this.getExtraValueForDropdown(suggestedItem);
                 const displayName = `${suggestedItem.name ?? ""} ${extraValueForDropdown ?? ""}`;
                 return (React.createElement(Select.Option, { value: suggestedItem.id, key: suggestedItem.id },

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

@@ -1 +1 @@
-{"version":3,"file":"abstractSelect.js","sourceRoot":"","sources":["../../../../../coreui/components/select/abstractSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport Entity from \"../../../api/types/entity\";\r\nimport {\r\n    CloseCircleOutlined,\r\n    LoadingOutlined,\r\n    MonitorOutlined,\r\n    PlusCircleOutlined,\r\n    SelectOutlined\r\n} from \"@ant-design/icons\";\r\nimport {LabeledValue} from \"antd/es/select\";\r\nimport {Select} from \"antd\";\r\nimport AbstractEntityApi from \"../../../api/abstractEntityApi\";\r\nimport {\r\n    AdvancedFilterApi,\r\n    AdvancedFilterCondition,\r\n    AdvancedFilterLogicalOperator,\r\n    AdvancedFilterOperator\r\n} from \"../../../api/advancedFilterApi\";\r\nimport debounce from \"lodash/debounce\";\r\nimport AdvancedFilterUtils from \"../advancedFilter/advancedFilterUtils\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {GeneralEntityColumn, getStringAdvancedFilterColumn} from \"../advancedFilter/advancedFilterColumnDefinitions\";\r\nimport {ERROR_COLOR} from \"../../../api/constants/constants\";\r\nimport TitleWithCodePanel from \"../titleWithCodePanel/titleWithCodePanel\";\r\nimport ColorTag from \"../colorTag/colorTag\";\r\nimport {createStyles} from \"antd-style\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\n\r\nconst useStyles = createStyles(({css}) => {\r\n    return {\r\n        abstractSelectWithDetail: css`\r\n            .ant-select-selection-item {\r\n                max-width: calc(100% - 52px);\r\n            }\r\n        `\r\n    }\r\n});\r\n\r\nexport enum DetailModalDialogMode {\r\n    NEW, DETAIL\r\n}\r\n\r\nexport interface SelectedEntity {\r\n    id: number\r\n    name: string | null\r\n    code: string | null\r\n    extra?: string\r\n}\r\n\r\nexport interface AbstractSelectProps<T extends Entity> {\r\n    api: AbstractEntityApi<T>\r\n    advancedFilterApi: AdvancedFilterApi\r\n    disabled?: boolean\r\n\r\n    selectedItem?: SelectedEntity\r\n    filterConditions?: AdvancedFilterCondition[]\r\n\r\n    onItemSelected?(selectedItem?: T): void\r\n}\r\n\r\nexport interface AbstractSelectState<T extends Entity> {\r\n    selectDialogVisible: boolean\r\n    detailDialogVisible: boolean\r\n    detailModalDialogMode?: DetailModalDialogMode\r\n    entityToCreateOrEdit?: T\r\n    loading: boolean\r\n    suggestedItems: T[]\r\n    waitingForNewEntity: boolean\r\n    waitingForEntityDetail: boolean\r\n}\r\n\r\nexport default abstract class AbstractSelect<T extends Entity,\r\n    P extends AbstractSelectProps<T>,\r\n    S extends AbstractSelectState<T> = AbstractSelectState<T>> extends React.Component<P, S> {\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        // @ts-ignore\r\n        this.onLoadData = debounce(this.onLoadData.bind(this), 500);\r\n        this.onSaveEntity = this.onSaveEntity.bind(this);\r\n    }\r\n\r\n    protected initialState: AbstractSelectState<T> = {\r\n        selectDialogVisible: false,\r\n        detailDialogVisible: false,\r\n        loading: false,\r\n        suggestedItems: [],\r\n        waitingForNewEntity: false,\r\n        waitingForEntityDetail: false,\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<P>) {\r\n        if (prevProps.selectedItem?.id !== this.props.selectedItem?.id) {\r\n            this.setState({suggestedItems: []});\r\n        }\r\n    }\r\n\r\n    protected 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    protected 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    protected 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    private 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.props.api.getAllData(\r\n            0,\r\n            10,\r\n            \"\",\r\n            filterConditions,\r\n            true\r\n        );\r\n\r\n        this.setState({suggestedItems: pageableList.data, loading: false});\r\n    }\r\n\r\n    protected async createNewEntity(): Promise<T> {\r\n        return await this.props.api.createNewEntity();\r\n    }\r\n\r\n    protected async getEntity(id: number): Promise<T> {\r\n        return await this.props.api.getEntity(id);\r\n    }\r\n\r\n    private renderNewEntityButton() {\r\n        if (this.state.waitingForNewEntity) {\r\n            return <LoadingOutlined/>\r\n        } else {\r\n            return (\r\n                <PlusCircleOutlined\r\n                    title={i18n(\"Create New Entity\")}\r\n                    style={{cursor: \"pointer\"}}\r\n                    disabled={this.state.waitingForEntityDetail}\r\n                    onClick={async () => {\r\n                        this.setState({\r\n                            waitingForNewEntity: true,\r\n                            detailModalDialogMode: DetailModalDialogMode.NEW\r\n                        });\r\n                        const newEntity = await this.createNewEntity();\r\n                        this.setState({\r\n                            entityToCreateOrEdit: newEntity,\r\n                            detailDialogVisible: true,\r\n                            waitingForNewEntity: false\r\n                        });\r\n                    }}\r\n                />\r\n            );\r\n        }\r\n    }\r\n\r\n    private renderDetailEntityButton(id: number) {\r\n        if (this.state.waitingForEntityDetail) {\r\n            return <LoadingOutlined/>\r\n        } else {\r\n            return (\r\n                <MonitorOutlined\r\n                    title={i18n(\"Show Detail\")}\r\n                    disabled={this.state.waitingForNewEntity}\r\n                    onClick={async () => {\r\n                        this.setState({\r\n                            waitingForEntityDetail: true,\r\n                            detailModalDialogMode: DetailModalDialogMode.DETAIL\r\n                        });\r\n                        const entity = await this.getEntity(id);\r\n                        this.setState({\r\n                            entityToCreateOrEdit: entity,\r\n                            detailDialogVisible: true,\r\n                            waitingForEntityDetail: false\r\n                        });\r\n                    }}\r\n                />\r\n            );\r\n        }\r\n    }\r\n\r\n    private showCancelButton(): boolean {\r\n        return !!this.props.selectedItem;\r\n    }\r\n\r\n    private showDetailButton(): boolean {\r\n        return !!this.props.selectedItem && !!this.renderDetailPanel();\r\n    }\r\n\r\n    private showNewEntityButton(): boolean {\r\n        return !!this.renderDetailPanel();\r\n    }\r\n\r\n    protected getSuffixIcon(): React.ReactNode {\r\n        if (this.props.disabled) {\r\n            if (this.showDetailButton()) {\r\n                return this.renderDetailEntityButton(this.props.selectedItem!.id)\r\n            } else {\r\n                return <span/>;\r\n            }\r\n        } else 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.onItemSelected?.(undefined);\r\n                            }}\r\n                        />\r\n                    }\r\n                    {this.showDetailButton() && this.renderDetailEntityButton(this.props.selectedItem!.id)}\r\n                    {this.showNewEntityButton() && this.renderNewEntityButton()}\r\n                    <SelectOutlined\r\n                        title={i18n(\"Open Select Dialog\")}\r\n                        onClick={() => {\r\n                            this.setState({selectDialogVisible: 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    protected onSaveEntity(savedEntity: T) {\r\n        this.props.onItemSelected?.(savedEntity);\r\n        this.setState({detailDialogVisible: false, entityToCreateOrEdit: undefined});\r\n    }\r\n\r\n    renderDetailPanel(): React.ReactNode {\r\n        return undefined;\r\n    }\r\n\r\n    protected getNewEntityModalDialogTitle(): string {\r\n        return i18n(\"New Entity\");\r\n    }\r\n\r\n    private getModalDialogTitle() {\r\n        if (this.state.detailModalDialogMode === DetailModalDialogMode.NEW) {\r\n            return this.getNewEntityModalDialogTitle();\r\n        } else if (this.state.detailModalDialogMode === DetailModalDialogMode.DETAIL) {\r\n            return <TitleWithCodePanel title={i18n(\"Detail\")} code={this.state.entityToCreateOrEdit?.code ?? \"\"}/>\r\n        }\r\n        return undefined;\r\n    }\r\n\r\n    private renderDetailPanelModalDialog() {\r\n        return (\r\n            <ModalDialog\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                open={this.state.detailDialogVisible}\r\n                onCancel={() => this.setState({detailDialogVisible: false})}\r\n                styles={{body: {padding: 0}}}\r\n                title={this.getModalDialogTitle()}\r\n                initialWidth={720}\r\n                initialHeight={window.innerHeight * 0.95}\r\n                forceRender\r\n            >\r\n                {this.renderDetailPanel()}\r\n            </ModalDialog>\r\n        );\r\n    }\r\n\r\n    protected getExtraValueForDropdown(_suggestedItem: T): string | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    render() {\r\n        const selectedItem = this.props.selectedItem;\r\n        const hasDetailPanel = !!this.renderDetailPanel();\r\n\r\n        let value: LabeledValue | undefined;\r\n        if (selectedItem && selectedItem.id >= 0) {\r\n            value = {\r\n                key: selectedItem.id.toString(),\r\n                value: selectedItem.id,\r\n                label:\r\n                    <span>\r\n                        {selectedItem.code}\r\n                        {(selectedItem.code && selectedItem.name) ? ` (${selectedItem.name})` : selectedItem.name}\r\n                        {selectedItem.extra && ` ${selectedItem.extra}`}\r\n                    </span>\r\n            };\r\n        } else {\r\n            value = undefined;\r\n        }\r\n\r\n        return (\r\n            <div\r\n                onDoubleClick={() => {\r\n                    if (!this.props.disabled && !this.state.detailDialogVisible) {\r\n                        this.setState({selectDialogVisible: true});\r\n                    }\r\n                }}\r\n            >\r\n                {this.renderSelectDialog()}\r\n                {this.renderDetailPanelModalDialog()}\r\n                <WithCss useStyles={useStyles}>{(css) =>\r\n                    <Select\r\n                        className={!this.props.disabled && hasDetailPanel ? css.styles.abstractSelectWithDetail : undefined}\r\n                        disabled={this.props.disabled}\r\n                        style={{width: \"100%\"}}\r\n                        labelInValue\r\n                        showSearch\r\n                        filterOption={false}\r\n                        value={value}\r\n                        notFoundContent={null}\r\n                        onChange={(value: any) => {\r\n                            if (!value) {\r\n                                this.props.onItemSelected?.(undefined);\r\n                            }\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={searchString => {\r\n                            this.onLoadData(searchString);\r\n                        }}\r\n                        onSelect={(selectedValue: LabeledValue) => {\r\n                            const item = this.state.suggestedItems.find(value => value.id === selectedValue.value);\r\n                            this.props.onItemSelected?.(item);\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                    >\r\n                        {this.state.suggestedItems.map(suggestedItem => {\r\n                            const extraValueForDropdown = this.getExtraValueForDropdown(suggestedItem);\r\n                            const displayName = `${suggestedItem.name ?? \"\"} ${extraValueForDropdown ?? \"\"}`\r\n                            return (\r\n                                <Select.Option value={suggestedItem.id} key={suggestedItem.id}>\r\n                                    <div style={{display: \"flex\", justifyContent: \"space-between\"}}>\r\n                                        {suggestedItem.code && <ColorTag>{suggestedItem.code}</ColorTag>}\r\n                                        <div title={displayName}>{displayName}</div>\r\n                                    </div>\r\n                                </Select.Option>\r\n                            );\r\n                        })}\r\n                    </Select>\r\n                }</WithCss>\r\n            </div>\r\n        )\r\n    }\r\n}"]}
+{"version":3,"file":"abstractSelect.js","sourceRoot":"","sources":["../../../../../coreui/components/select/abstractSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport Entity from \"../../../api/types/entity\";\r\nimport {\r\n    CloseCircleOutlined,\r\n    LoadingOutlined,\r\n    MonitorOutlined,\r\n    PlusCircleOutlined,\r\n    SelectOutlined\r\n} from \"@ant-design/icons\";\r\nimport {LabeledValue, SelectProps} from \"antd/es/select\";\r\nimport {Select} from \"antd\";\r\nimport AbstractEntityApi from \"../../../api/abstractEntityApi\";\r\nimport {\r\n    AdvancedFilterApi,\r\n    AdvancedFilterCondition,\r\n    AdvancedFilterLogicalOperator,\r\n    AdvancedFilterOperator\r\n} from \"../../../api/advancedFilterApi\";\r\nimport debounce from \"lodash/debounce\";\r\nimport AdvancedFilterUtils from \"../advancedFilter/advancedFilterUtils\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {GeneralEntityColumn, getStringAdvancedFilterColumn} from \"../advancedFilter/advancedFilterColumnDefinitions\";\r\nimport {ERROR_COLOR} from \"../../../api/constants/constants\";\r\nimport TitleWithCodePanel from \"../titleWithCodePanel/titleWithCodePanel\";\r\nimport ColorTag from \"../colorTag/colorTag\";\r\nimport {createStyles} from \"antd-style\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\n\r\nconst useStyles = createStyles(({css}) => {\r\n    return {\r\n        abstractSelectWithDetail: css`\r\n            .ant-select-selection-item {\r\n                max-width: calc(100% - 52px);\r\n            }\r\n        `\r\n    }\r\n});\r\n\r\nexport enum DetailModalDialogMode {\r\n    NEW, DETAIL\r\n}\r\n\r\nexport interface SelectedEntity {\r\n    id: number\r\n    name: string | null\r\n    code: string | null\r\n    extra?: string\r\n}\r\n\r\nexport interface AbstractSelectProps<T extends Entity> extends SelectProps {\r\n    api: AbstractEntityApi<T>\r\n    advancedFilterApi: AdvancedFilterApi\r\n    disabled?: boolean\r\n\r\n    selectedItem?: SelectedEntity\r\n    filterConditions?: AdvancedFilterCondition[]\r\n\r\n    onItemSelected?(selectedItem?: T): void\r\n}\r\n\r\nexport interface AbstractSelectState<T extends Entity> {\r\n    selectDialogVisible: boolean\r\n    detailDialogVisible: boolean\r\n    detailModalDialogMode?: DetailModalDialogMode\r\n    entityToCreateOrEdit?: T\r\n    loading: boolean\r\n    suggestedItems: T[]\r\n    waitingForNewEntity: boolean\r\n    waitingForEntityDetail: boolean\r\n}\r\n\r\nexport default abstract class AbstractSelect<T extends Entity,\r\n    P extends AbstractSelectProps<T>,\r\n    S extends AbstractSelectState<T> = AbstractSelectState<T>> extends React.Component<P, S> {\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        // @ts-ignore\r\n        this.onLoadData = debounce(this.onLoadData.bind(this), 500);\r\n        this.onSaveEntity = this.onSaveEntity.bind(this);\r\n    }\r\n\r\n    protected initialState: AbstractSelectState<T> = {\r\n        selectDialogVisible: false,\r\n        detailDialogVisible: false,\r\n        loading: false,\r\n        suggestedItems: [],\r\n        waitingForNewEntity: false,\r\n        waitingForEntityDetail: false,\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<P>) {\r\n        if (prevProps.selectedItem?.id !== this.props.selectedItem?.id) {\r\n            this.setState({suggestedItems: []});\r\n        }\r\n    }\r\n\r\n    protected 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    protected 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    protected 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    private 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.props.api.getAllData(\r\n            0,\r\n            10,\r\n            \"\",\r\n            filterConditions,\r\n            true\r\n        );\r\n\r\n        this.setState({suggestedItems: pageableList.data, loading: false});\r\n    }\r\n\r\n    protected async createNewEntity(): Promise<T> {\r\n        return await this.props.api.createNewEntity();\r\n    }\r\n\r\n    protected async getEntity(id: number): Promise<T> {\r\n        return await this.props.api.getEntity(id);\r\n    }\r\n\r\n    private renderNewEntityButton() {\r\n        if (this.state.waitingForNewEntity) {\r\n            return <LoadingOutlined/>\r\n        } else {\r\n            return (\r\n                <PlusCircleOutlined\r\n                    title={i18n(\"Create New Entity\")}\r\n                    style={{cursor: \"pointer\"}}\r\n                    disabled={this.state.waitingForEntityDetail}\r\n                    onClick={async () => {\r\n                        this.setState({\r\n                            waitingForNewEntity: true,\r\n                            detailModalDialogMode: DetailModalDialogMode.NEW\r\n                        });\r\n                        const newEntity = await this.createNewEntity();\r\n                        this.setState({\r\n                            entityToCreateOrEdit: newEntity,\r\n                            detailDialogVisible: true,\r\n                            waitingForNewEntity: false\r\n                        });\r\n                    }}\r\n                />\r\n            );\r\n        }\r\n    }\r\n\r\n    private renderDetailEntityButton(id: number) {\r\n        if (this.state.waitingForEntityDetail) {\r\n            return <LoadingOutlined/>\r\n        } else {\r\n            return (\r\n                <MonitorOutlined\r\n                    title={i18n(\"Show Detail\")}\r\n                    disabled={this.state.waitingForNewEntity}\r\n                    onClick={async () => {\r\n                        this.setState({\r\n                            waitingForEntityDetail: true,\r\n                            detailModalDialogMode: DetailModalDialogMode.DETAIL\r\n                        });\r\n                        const entity = await this.getEntity(id);\r\n                        this.setState({\r\n                            entityToCreateOrEdit: entity,\r\n                            detailDialogVisible: true,\r\n                            waitingForEntityDetail: false\r\n                        });\r\n                    }}\r\n                />\r\n            );\r\n        }\r\n    }\r\n\r\n    private showCancelButton(): boolean {\r\n        return !!this.props.selectedItem;\r\n    }\r\n\r\n    private showDetailButton(): boolean {\r\n        return !!this.props.selectedItem && !!this.renderDetailPanel();\r\n    }\r\n\r\n    private showNewEntityButton(): boolean {\r\n        return !!this.renderDetailPanel();\r\n    }\r\n\r\n    protected getSuffixIcon(): React.ReactNode {\r\n        if (this.props.disabled) {\r\n            if (this.showDetailButton()) {\r\n                return this.renderDetailEntityButton(this.props.selectedItem!.id)\r\n            } else {\r\n                return <span/>;\r\n            }\r\n        } else 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.onItemSelected?.(undefined);\r\n                            }}\r\n                        />\r\n                    }\r\n                    {this.showDetailButton() && this.renderDetailEntityButton(this.props.selectedItem!.id)}\r\n                    {this.showNewEntityButton() && this.renderNewEntityButton()}\r\n                    <SelectOutlined\r\n                        title={i18n(\"Open Select Dialog\")}\r\n                        onClick={() => {\r\n                            this.setState({selectDialogVisible: 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    protected onSaveEntity(savedEntity: T) {\r\n        this.props.onItemSelected?.(savedEntity);\r\n        this.setState({detailDialogVisible: false, entityToCreateOrEdit: undefined});\r\n    }\r\n\r\n    renderDetailPanel(): React.ReactNode {\r\n        return undefined;\r\n    }\r\n\r\n    protected getNewEntityModalDialogTitle(): string {\r\n        return i18n(\"New Entity\");\r\n    }\r\n\r\n    private getModalDialogTitle() {\r\n        if (this.state.detailModalDialogMode === DetailModalDialogMode.NEW) {\r\n            return this.getNewEntityModalDialogTitle();\r\n        } else if (this.state.detailModalDialogMode === DetailModalDialogMode.DETAIL) {\r\n            return <TitleWithCodePanel title={i18n(\"Detail\")} code={this.state.entityToCreateOrEdit?.code ?? \"\"}/>\r\n        }\r\n        return undefined;\r\n    }\r\n\r\n    private renderDetailPanelModalDialog() {\r\n        return (\r\n            <ModalDialog\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                open={this.state.detailDialogVisible}\r\n                onCancel={() => this.setState({detailDialogVisible: false})}\r\n                styles={{body: {padding: 0}}}\r\n                title={this.getModalDialogTitle()}\r\n                initialWidth={720}\r\n                initialHeight={window.innerHeight * 0.95}\r\n                forceRender\r\n            >\r\n                {this.renderDetailPanel()}\r\n            </ModalDialog>\r\n        );\r\n    }\r\n\r\n    protected getExtraValueForDropdown(_suggestedItem: T): string | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    render() {\r\n        const {\r\n            api,\r\n            advancedFilterApi,\r\n            disabled,\r\n            selectedItem,\r\n            filterConditions,\r\n            onItemSelected,\r\n            ...rest\r\n        } = this.props;\r\n\r\n        const hasDetailPanel = !!this.renderDetailPanel();\r\n\r\n        let value: LabeledValue | undefined;\r\n        if (selectedItem && selectedItem.id >= 0) {\r\n            value = {\r\n                key: selectedItem.id.toString(),\r\n                value: selectedItem.id,\r\n                label:\r\n                    <span>\r\n                        {selectedItem.code}\r\n                        {(selectedItem.code && selectedItem.name) ? ` (${selectedItem.name})` : selectedItem.name}\r\n                        {selectedItem.extra && ` ${selectedItem.extra}`}\r\n                    </span>\r\n            };\r\n        } else {\r\n            value = undefined;\r\n        }\r\n\r\n        return (\r\n            <div\r\n                onDoubleClick={() => {\r\n                    if (!disabled && !this.state.detailDialogVisible) {\r\n                        this.setState({selectDialogVisible: true});\r\n                    }\r\n                }}\r\n            >\r\n                {this.renderSelectDialog()}\r\n                {this.renderDetailPanelModalDialog()}\r\n                <WithCss useStyles={useStyles}>{(css) =>\r\n                    <Select\r\n                        className={!disabled && hasDetailPanel ? css.styles.abstractSelectWithDetail : undefined}\r\n                        disabled={disabled}\r\n                        style={{width: \"100%\"}}\r\n                        labelInValue\r\n                        showSearch\r\n                        filterOption={false}\r\n                        value={value}\r\n                        notFoundContent={null}\r\n                        onChange={(value: any) => {\r\n                            if (!value) {\r\n                                onItemSelected?.(undefined);\r\n                            }\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={searchString => {\r\n                            this.onLoadData(searchString);\r\n                        }}\r\n                        onSelect={(selectedValue: LabeledValue) => {\r\n                            const item = this.state.suggestedItems.find(value => value.id === selectedValue.value);\r\n                            onItemSelected?.(item);\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                        {this.state.suggestedItems.map(suggestedItem => {\r\n                            const extraValueForDropdown = this.getExtraValueForDropdown(suggestedItem);\r\n                            const displayName = `${suggestedItem.name ?? \"\"} ${extraValueForDropdown ?? \"\"}`\r\n                            return (\r\n                                <Select.Option value={suggestedItem.id} key={suggestedItem.id}>\r\n                                    <div style={{display: \"flex\", justifyContent: \"space-between\"}}>\r\n                                        {suggestedItem.code && <ColorTag>{suggestedItem.code}</ColorTag>}\r\n                                        <div title={displayName}>{displayName}</div>\r\n                                    </div>\r\n                                </Select.Option>\r\n                            );\r\n                        })}\r\n                    </Select>\r\n                }</WithCss>\r\n            </div>\r\n        )\r\n    }\r\n}"]}

package/coreui/style/index.less

@@ -47,10 +47,14 @@
   font-weight: 600;
 }
 
-.record-config-form .ant-col-sm-24.ant-form-item-label label {
+.record-config-form .ant-col-sm-24.ant-form-item-label {
   font-weight: @label-font-weight;
 }
 
+.record-config-form.ant-form-small .ant-form-item-label {
+  margin-bottom: -5px;
+}
+
 .compact-label {
   font-size: @label-font-size;
   color: @label-color;

package/package.json

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