@talxis/base-controls 1.2408.1 → 1.2408.2

package/dist/components/Grid/core/services/RecordUpdateService/model/RecordUpdateService.js

@@ -1 +1,190 @@
-import{__awaiter as e}from"tslib";import t from"fast-deep-equal/es6";import{cloneDeep as r}from"lodash";import a from"numeral";import{Numeral as i}from"../../../../../../utils/Numeral.js";import{ColumnValidation as s}from"../../../../validation/model/ColumnValidation.js";import{DataType as d}from"../../../enums/DataType.js";import{GridDependency as o}from"../../../model/GridDependency.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"dayjs";class RecordUpdateService extends o{constructor(t){var r;super(t),this._updatedRecords=new Map,this._internalRecordMap=new Map;const a=null===(r=this._grid.state)||void 0===r?void 0:r.__updatedRecords;a&&(null==a?void 0:a.length)>0&&a[0].getRecordId&&(this._updatedRecords=new Map(a.map((t=>{const r=t.clear,a=t.setValue,i=t.save;return t.clear=()=>{this._updatedRecords.delete(t.getRecordId()),r(),this._pcfContext.factory.requestRender()},t.save=()=>e(this,void 0,void 0,(function*(){const e=yield i();return e&&this._updatedRecords.delete(t.getRecordId()),[...t.columns.values()].map((e=>{var r;null===(r=this._internalRecordMap.get(t.getRecordId()))||void 0===r||r.setValue(e.name,t.getValue(e.name))})),e})),t.setValue=(e,t)=>{a(e,t),this._pcfContext.factory.requestRender()},[t.getRecordId(),t]}))))}get updatedRecords(){if(this._isReadOnlyChangeEditor()&&0===this._updatedRecords.size){const e=this._grid.records[0];for(const t of this._grid.columns)this.record(e.getRecordId()).setValue(t.key,e.getValue(t.key),!0)}return[...this._updatedRecords.values()]}get isDirty(){return this._updatedRecords.size>0}get hasInvalidRecords(){return!![...this._updatedRecords.values()].find((e=>{for(const t of e.columns.values())if(!e.isValid(t.name))return!0;return!1}))}record(t){return{get:()=>this._updatedRecords.get(t),setValue:(a,i,d)=>{if(!d&&this._isEqual(a,this._internalRecordMap.get(t).getValue(a),i))return;const o=this._updatedRecords.get(t);if(o)o.columns.set(a,this._getEntityColumnByKey(a));else{const i=r(this._internalRecordMap.get(t));this._updatedRecords.set(t,{columns:new Map([[a,this._getEntityColumnByKey(a)]]),getRecordId:()=>t,getValue:e=>{var r;return null===(r=this._internalRecordMap.get(t))||void 0===r?void 0:r.getValue(e)},getFormattedValue:e=>{var r;return null===(r=this._internalRecordMap.get(t))||void 0===r?void 0:r.getFormattedValue(e)},getNamedReference:()=>i.getNamedReference(),getOriginalValue:e=>i.getValue(e),getOriginalFormattedValue:e=>i.getFormattedValue(e),getOriginalFormattedPrimaryNameValue:()=>{let e=this._dataset.columns.find((e=>e.isPrimary));e||(e=this._dataset.columns[0]);let t=i.getFormattedValue(e.name);return t||(t=this._grid.labels["no-name"]()),t},setValue:(e,r)=>{var a;null===(a=this._internalRecordMap.get(t))||void 0===a||a.setValue(e,r)},isValid:e=>{var r;const a=this._grid.columns.find((t=>t.key===e));if(!a)return!0;const[i,d]=new s(this._grid,a).validate(null===(r=this._internalRecordMap.get(t))||void 0===r?void 0:r.getValue(e));return i},clear:()=>{var e;const r=[...this._updatedRecords.get(t).columns.values()];this._updatedRecords.delete(t);for(const a of r)null===(e=this._internalRecordMap.get(t))||void 0===e||e.setValue(a.name,i.getValue(a.name))},save:()=>e(this,void 0,void 0,(function*(){var e;try{yield null===(e=this._internalRecordMap.get(t))||void 0===e?void 0:e.save(),this._updatedRecords.delete(t)}catch(e){return this._grid.pcfContext.navigation.openErrorDialog({message:"An error occurred during saving. Some of you changes might now have been saved.",details:e.message}),!1}return!0}))})}if(!d){const e=this._updatedRecords.get(t);null==e||e.setValue(a,i)}}}}saveAll(){return e(this,void 0,void 0,(function*(){const e=[];for(const t of this._updatedRecords.values())e.push(t.save());return!(yield Promise.all(e)).find((e=>!1===e))}))}clearAll(){return e(this,void 0,void 0,(function*(){for(const e of this._updatedRecords.values())e.clear()}))}onDependenciesUpdated(){for(const[e,t]of Object.entries(this._grid.dataset.records))this._internalRecordMap.set(e,t)}_getEntityColumnByKey(e){const t=this._grid.columns.find((t=>t.key===e));return this._dataset.columns.find((e=>t.entityAliasName?e.name===t.attributeName&&e.alias===t.entityAliasName:e.name===t.attributeName))}_isReadOnlyChangeEditor(){var e;return"read"===(null===(e=this._grid.props.parameters.ChangeEditorMode)||void 0===e?void 0:e.raw)}_isEqual(e,r,s){const o=this._grid.columns.find((t=>t.key===e));return(null==o?void 0:o.dataType)===d.CURRENCY&&(i.currency(this._grid.pcfContext.userSettings.numberFormattingInfo),(s=a(s).value())===r)||(r==s||t(r,s))}}export{RecordUpdateService};
+import equal from 'fast-deep-equal/es6';
+import { cloneDeep } from 'lodash';
+import numeral from 'numeral';
+import { Numeral } from '../../../../../../utils/Numeral.js';
+import { ColumnValidation } from '../../../../validation/model/ColumnValidation.js';
+import { DataType } from '../../../enums/DataType.js';
+import { GridDependency } from '../../../model/GridDependency.js';
+
+class RecordUpdateService extends GridDependency {
+    constructor(grid) {
+        super(grid);
+        this._updatedRecords = new Map();
+        this._internalRecordMap = new Map();
+        const updatedRecordsFromState = this._grid.state?.['__updatedRecords'];
+        //@ts-ignore - getRecordId could be undefined if it comes from serialized state
+        if (updatedRecordsFromState && updatedRecordsFromState?.length > 0 && updatedRecordsFromState[0].getRecordId) {
+            this._updatedRecords = new Map(updatedRecordsFromState.map(x => {
+                const originalClear = x.clear;
+                const originalSetValue = x.setValue;
+                const originalSave = x.save;
+                x.clear = () => {
+                    this._updatedRecords.delete(x.getRecordId());
+                    originalClear();
+                    this._pcfContext.factory.requestRender();
+                };
+                x.save = async () => {
+                    const result = await originalSave();
+                    if (result) {
+                        this._updatedRecords.delete(x.getRecordId());
+                    }
+                    [...x.columns.values()].map(col => {
+                        this._internalRecordMap.get(x.getRecordId())?.setValue(col.name, x.getValue(col.name));
+                    });
+                    return result;
+                };
+                x.setValue = (columnName, value) => {
+                    originalSetValue(columnName, value);
+                    this._pcfContext.factory.requestRender();
+                };
+                return [x.getRecordId(), x];
+            }));
+        }
+    }
+    get updatedRecords() {
+        if (this._isReadOnlyChangeEditor() && this._updatedRecords.size === 0) {
+            const record = this._grid.records[0];
+            for (const column of this._grid.columns) {
+                this.record(record.getRecordId()).setValue(column.key, record.getValue(column.key), true);
+            }
+        }
+        return [...this._updatedRecords.values()];
+    }
+    get isDirty() {
+        return this._updatedRecords.size > 0;
+    }
+    get hasInvalidRecords() {
+        return [...this._updatedRecords.values()].find(x => {
+            for (const column of x.columns.values()) {
+                if (!x.isValid(column.name)) {
+                    return true;
+                }
+            }
+            return false;
+        }) ? true : false;
+    }
+    record(recordId) {
+        return {
+            get: () => this._updatedRecords.get(recordId),
+            setValue: (columnKey, value, doNotPropagateToDatasetRecord) => {
+                if (!doNotPropagateToDatasetRecord && this._isEqual(columnKey, this._internalRecordMap.get(recordId).getValue(columnKey), value)) {
+                    return;
+                }
+                const updatedRecord = this._updatedRecords.get(recordId);
+                if (!updatedRecord) {
+                    const deepCopiedRecord = cloneDeep(this._internalRecordMap.get(recordId));
+                    this._updatedRecords.set(recordId, {
+                        columns: new Map([[columnKey, this._getEntityColumnByKey(columnKey)]]),
+                        getRecordId: () => recordId,
+                        getValue: (columnKey) => this._internalRecordMap.get(recordId)?.getValue(columnKey),
+                        getFormattedValue: (columnKey) => this._internalRecordMap.get(recordId)?.getFormattedValue(columnKey),
+                        getNamedReference: () => deepCopiedRecord.getNamedReference(),
+                        getOriginalValue: (columnKey) => deepCopiedRecord.getValue(columnKey),
+                        getOriginalFormattedValue: (columnKey) => deepCopiedRecord.getFormattedValue(columnKey),
+                        getOriginalFormattedPrimaryNameValue: () => {
+                            let primaryColumn = this._dataset.columns.find(x => x.isPrimary);
+                            if (!primaryColumn) {
+                                primaryColumn = this._dataset.columns[0];
+                            }
+                            let value = deepCopiedRecord.getFormattedValue(primaryColumn.name);
+                            if (!value) {
+                                value = this._grid.labels["no-name"]();
+                            }
+                            return value;
+                        },
+                        setValue: (columnKey, value) => {
+                            this._internalRecordMap.get(recordId)?.setValue(columnKey, value);
+                        },
+                        isValid: (columnKey) => {
+                            const column = this._grid.columns.find(x => x.key === columnKey);
+                            if (!column) {
+                                return true;
+                            }
+                            const [result, message] = new ColumnValidation(this._grid, column).validate(this._internalRecordMap.get(recordId)?.getValue(columnKey));
+                            return result;
+                        },
+                        clear: () => {
+                            const updatedRecord = this._updatedRecords.get(recordId);
+                            const columns = [...updatedRecord.columns.values()];
+                            this._updatedRecords.delete(recordId);
+                            for (const column of columns) {
+                                this._internalRecordMap.get(recordId)?.setValue(column.name, deepCopiedRecord.getValue(column.name));
+                            }
+                        },
+                        save: async () => {
+                            try {
+                                await this._internalRecordMap.get(recordId)?.save();
+                                this._updatedRecords.delete(recordId);
+                            }
+                            catch (err) {
+                                this._grid.pcfContext.navigation.openErrorDialog({
+                                    message: 'An error occurred during saving. Some of you changes might now have been saved.',
+                                    //@ts-ignore
+                                    details: err.message
+                                });
+                                return false;
+                            }
+                            return true;
+                        }
+                    });
+                }
+                else {
+                    updatedRecord.columns.set(columnKey, this._getEntityColumnByKey(columnKey));
+                }
+                if (!doNotPropagateToDatasetRecord) {
+                    const updatedRecord = this._updatedRecords.get(recordId);
+                    updatedRecord?.setValue(columnKey, value);
+                }
+            }
+        };
+    }
+    async saveAll() {
+        const savePromises = [];
+        for (const record of this._updatedRecords.values()) {
+            savePromises.push(record.save());
+        }
+        const result = await Promise.all(savePromises);
+        return !result.find(x => x === false);
+    }
+    async clearAll() {
+        for (const record of this._updatedRecords.values()) {
+            record.clear();
+        }
+    }
+    onDependenciesUpdated() {
+        for (const [recordId, record] of Object.entries(this._grid.dataset.records)) {
+            this._internalRecordMap.set(recordId, record);
+        }
+    }
+    _getEntityColumnByKey(columnKey) {
+        const gridColumn = this._grid.columns.find(x => x.key === columnKey);
+        return this._dataset.columns.find(x => {
+            if (!gridColumn.entityAliasName) {
+                return x.name === gridColumn.attributeName;
+            }
+            return x.name === gridColumn.attributeName && x.alias === gridColumn.entityAliasName;
+        });
+    }
+    _isReadOnlyChangeEditor() {
+        return this._grid.props.parameters.ChangeEditorMode?.raw === 'read';
+    }
+    _isEqual(columnKey, oldValue, newValue) {
+        const column = this._grid.columns.find(x => x.key === columnKey);
+        //skip in special case for currency
+        //PCF has no info about the currency, which sometimes make it to ouput change
+        if (column?.dataType === DataType.CURRENCY) {
+            Numeral.currency(this._grid.pcfContext.userSettings.numberFormattingInfo);
+            newValue = numeral(newValue).value();
+            if (newValue === oldValue) {
+                return true;
+            }
+        }
+        if (oldValue == newValue) {
+            return true;
+        }
+        return equal(oldValue, newValue);
+    }
+}
+
+export { RecordUpdateService };
+//# sourceMappingURL=RecordUpdateService.js.map

package/dist/components/Grid/core/services/RecordUpdateService/model/RecordUpdateService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordUpdateService.js","sources":["../../../../../../../src/components/Grid/core/services/RecordUpdateService/model/RecordUpdateService.ts"],"sourcesContent":["import equal from \"fast-deep-equal/es6\";\nimport { cloneDeep } from \"lodash\";\nimport numeral from \"numeral\";\nimport { Numeral } from \"../../../../../../utils/Numeral\";\nimport { IEntityColumn, IEntityRecord } from \"../../../../interfaces\";\nimport { ColumnValidation } from \"../../../../validation/model/ColumnValidation\";\nimport { DataType } from \"../../../enums/DataType\";\nimport { Grid } from \"../../../model/Grid\";\nimport { GridDependency } from \"../../../model/GridDependency\";\n\nexport interface IUpdatedRecord extends Omit<IEntityRecord, 'save'> {\n    columns: Map<string, IEntityColumn>,\n    isValid: (columnKey: string) => boolean,\n    getOriginalValue: (columnKey: string) => any;\n    getOriginalFormattedValue: (columnKey: string) => any;\n    getOriginalFormattedPrimaryNameValue: () => any;\n    save: () => Promise<boolean>,\n    clear: () => void;\n}\n\nexport class RecordUpdateService extends GridDependency {\n    private _updatedRecords: Map<string, IUpdatedRecord> = new Map();\n    private _internalRecordMap: Map<string, IEntityRecord> = new Map();\n\n    constructor(grid: Grid) {\n        super(grid);\n        const updatedRecordsFromState: IUpdatedRecord[] | undefined = this._grid.state?.['__updatedRecords'];\n        //@ts-ignore - getRecordId could be undefined if it comes from serialized state\n        if(updatedRecordsFromState && updatedRecordsFromState?.length > 0 && updatedRecordsFromState[0].getRecordId) {\n            this._updatedRecords = new Map(updatedRecordsFromState.map(x => {\n                const originalClear = x.clear;\n                const originalSetValue = x.setValue;\n                const originalSave = x.save;\n                x.clear = () => {\n                    this._updatedRecords.delete(x.getRecordId());\n                    originalClear();\n                    this._pcfContext.factory.requestRender();\n                }\n                x.save = async () => {\n                    const result = await originalSave();\n                    if(result) {\n                        this._updatedRecords.delete(x.getRecordId());\n                    }\n                    [...x.columns.values()].map(col =>  {\n                        this._internalRecordMap.get(x.getRecordId())?.setValue(col.name, x.getValue(col.name));\n                    })\n                    return result;\n                }\n                x.setValue = (columnName: string, value: any) => {\n                    originalSetValue(columnName, value);\n                    this._pcfContext.factory.requestRender();\n                }\n                return [x.getRecordId(), x]\n            }))\n        }\n    }\n\n    public get updatedRecords() {\n        if (this._isReadOnlyChangeEditor() && this._updatedRecords.size === 0) {\n            const record = this._grid.records[0];\n            for (const column of this._grid.columns) {\n                this.record(record.getRecordId()).setValue(column.key, record.getValue(column.key), true);\n            }\n        }\n        return [...this._updatedRecords.values()];\n    }\n\n    public get isDirty() {\n        return this._updatedRecords.size > 0;\n    }\n\n    public get hasInvalidRecords() {\n        return [...this._updatedRecords.values()].find(x => {\n            for(const column of x.columns.values()) {\n                if(!x.isValid(column.name)) {\n                    return true;\n                }\n            }\n            return false;\n        }) ? true : false;\n    }\n\n    public record(recordId: string) {\n        return {\n            get: () => this._updatedRecords.get(recordId),\n            setValue: (columnKey: string, value: any, doNotPropagateToDatasetRecord?: boolean) => {\n                if(!doNotPropagateToDatasetRecord && this._isEqual(columnKey, this._internalRecordMap.get(recordId)!.getValue(columnKey), value)) {\n                    return;\n                }\n                const updatedRecord = this._updatedRecords.get(recordId);\n                if (!updatedRecord) {\n                    const deepCopiedRecord = cloneDeep(this._internalRecordMap.get(recordId)!);\n                    this._updatedRecords.set(recordId, {\n                        columns: new Map([[columnKey, this._getEntityColumnByKey(columnKey)]]),\n                        getRecordId: () => recordId,\n                        getValue: (columnKey: string) => this._internalRecordMap.get(recordId)?.getValue(columnKey)!,\n                        getFormattedValue: (columnKey: string) => this._internalRecordMap.get(recordId)?.getFormattedValue(columnKey)!,\n                        getNamedReference: () => deepCopiedRecord.getNamedReference(),\n                        getOriginalValue: (columnKey: string) => deepCopiedRecord.getValue(columnKey),\n                        getOriginalFormattedValue: (columnKey: string) => deepCopiedRecord.getFormattedValue(columnKey),\n                        getOriginalFormattedPrimaryNameValue: () => {\n                            let primaryColumn = this._dataset.columns.find(x => x.isPrimary);\n                            if(!primaryColumn) {\n                                primaryColumn = this._dataset.columns[0];\n                            }\n                            let value = deepCopiedRecord.getFormattedValue(primaryColumn.name);\n                            if(!value) {\n                                value = this._grid.labels[\"no-name\"]();\n                            }\n                            return value;\n                        },\n                        setValue: (columnKey: string, value: any) => {\n                            this._internalRecordMap.get(recordId)?.setValue(columnKey, value);\n                        },\n                        isValid: (columnKey: string) => {\n                            const column = this._grid.columns.find(x => x.key === columnKey);\n                            if(!column) {\n                                return true;\n                            }\n                            const [result, message] = new ColumnValidation(this._grid, column).validate(this._internalRecordMap.get(recordId)?.getValue(columnKey)!)\n                            return result;\n                        },\n                        clear: () => {\n                            const updatedRecord = this._updatedRecords.get(recordId);\n                            const columns = [...updatedRecord!.columns.values()];\n                            this._updatedRecords.delete(recordId);\n                            for(const column of columns) {\n                                this._internalRecordMap.get(recordId)?.setValue(column.name, deepCopiedRecord.getValue(column.name));\n                            }\n                        },\n                        save: async () => {\n                            try {\n                                await this._internalRecordMap.get(recordId)?.save();\n                                this._updatedRecords.delete(recordId);\n                            }\n                            catch (err) {\n                                this._grid.pcfContext.navigation.openErrorDialog({\n                                    message: 'An error occurred during saving. Some of you changes might now have been saved.',\n                                    //@ts-ignore\n                                    details: err.message\n                                })\n                                return false;\n                            }\n                            return true;\n                        }\n                    })\n                }\n                else {\n                    updatedRecord.columns.set(columnKey, this._getEntityColumnByKey(columnKey))\n                }\n                if (!doNotPropagateToDatasetRecord) {\n                    const updatedRecord = this._updatedRecords.get(recordId);\n                    updatedRecord?.setValue(columnKey, value);\n                }\n            }\n        }\n    }\n\n    public async saveAll(): Promise<boolean> {\n        const savePromises: Promise<boolean>[] = [];\n        for (const record of this._updatedRecords.values()) {\n            savePromises.push(record.save());\n        }\n        const result = await Promise.all(savePromises);\n        return !result.find(x => x === false)\n    }\n    public async clearAll() {\n        for (const record of this._updatedRecords.values()) {\n            record.clear();\n        }\n    }\n\n    public onDependenciesUpdated(): void {\n        for (const [recordId, record] of Object.entries(this._grid.dataset.records)) {\n            this._internalRecordMap.set(recordId, record);\n        }\n    }\n    private _getEntityColumnByKey(columnKey: string) {\n        const gridColumn = this._grid.columns.find(x => x.key === columnKey)!;\n        return this._dataset.columns.find(x => {\n            if (!gridColumn.entityAliasName) {\n                return x.name === gridColumn.attributeName;\n            }\n            return x.name === gridColumn.attributeName && x.alias === gridColumn.entityAliasName;\n        })!;\n    }\n    private _isReadOnlyChangeEditor() {\n        return this._grid.props.parameters.ChangeEditorMode?.raw === 'read';\n    }\n    private _isEqual(columnKey: string, oldValue: any, newValue: any) {\n        const column = this._grid.columns.find(x => x.key === columnKey);\n        //skip in special case for currency\n        //PCF has no info about the currency, which sometimes make it to ouput change\n        if(column?.dataType === DataType.CURRENCY) {\n            Numeral.currency(this._grid.pcfContext.userSettings.numberFormattingInfo);\n            newValue = numeral(newValue).value();\n            if(newValue === oldValue) {\n                return true\n            }\n\n        }\n        if(oldValue == newValue) {\n            return true;\n        }\n        return equal(oldValue, newValue);\n    }\n}"],"names":[],"mappings":"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"}

package/dist/components/Grid/filtering/components/FilterCallout/FilterCallout.js

@@ -1 +1,50 @@
-import{__awaiter as o}from"tslib";import{jsxs as t,jsx as e,Fragment as i}from"react/jsx-runtime";import*as s from"react";import{Callout as r,Text as n,IconButton as m,PrimaryButton as l,Button as p}from"@fluentui/react";import{filterCalloutStyles as a}from"./styles.js";import{useColumnFilterConditionController as u}from"../../controller/useColumnFilterConditionController.js";import{FilteringUtils as c}from"../../utils/FilteringUtilts.js";import{ConditionOperator as j}from"./components/ConditionOperator/ConditionOperator.js";import{ConditionValue as d}from"./components/ConditionValue/ConditionValue.js";import{useGridInstance as C}from"../../../core/hooks/useGridInstance.js";import"../../../core/hooks/useRefreshCallback.js";import"../../../core/enums/ConditionOperator.js";import"../../constants.js";import"@talxis/react-components";import"../../../core/enums/DataType.js";import"../../../core/components/Component/Component.js";import"../../../../DateTime/DateTime.js";import"../../../../DateTime/styles.js";import"../../../../DateTime/hooks/useDateTime.js";import"../../../../../hooks/useInputBasedControl.js";import"../../../../../hooks/useControl.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../../../../hooks/useControlTheme.js";import"../../../../../utils/Theme.js";import"@fluentui/react-migration-v8-v9";import"../../../../../hooks/useControlSizing.js";import"dayjs";import"dayjs/plugin/utc";import"dayjs/plugin/customParseFormat";import"../../../../DateTime/translations.js";import"../../../../DateTime/components/Calendar.js";import"@fluentui/react/lib/Calendar";import"../../../../Decimal/Decimal.js";import"numeral";import"../../../../../utils/Numeral.js";import"../../../../../constants.js";import"../../../../Decimal/components/ArrowButtons.js";import"../../../../Decimal/components/styles.js";import"../../../../Lookup/Lookup.js";import"../../../../Lookup/hooks/useLookup.js";import"../../../../Lookup/translations.js";import"../../../../Lookup/hooks/useFetchXml.js";import"@talxis/client-libraries";import"../../../../Lookup/components/TargetSelector.js";import"@fluentui/react/lib/Text";import"../../../../Lookup/styles.js";import"../../../../Lookup/hooks/useLoadedEntities.js";import"../../../../../hooks/useMouseOver.js";import"../../../../Lookup/components/RecordCreator.js";import"../../../../../hooks/useFocusIn.js";import"../../../../MultiSelectOptionSet/MultiSelectOptionSet.js";import"../../../../OptionSet/OptionSet.js";import"../../../../TextField/TextField.js";import"../../../../TwoOptions/TwoOptions.js";import"../../../../Duration/Duration.js";import"../../../../Duration/translations.js";import"../../../core/components/Component/controller/useComponentController.js";import"../../../core/components/Component/model/Component.js";import"../../../validation/model/ColumnValidation.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"../../../core/model/GridDependency.js";import"../../../GridContext.js";import"./components/ConditionValue/model/ConditionComponentValue.js";const h=h=>{const{column:k,onDismiss:f}=Object.assign({},h),v=u(k),b=C(),D=s.useRef();D.current=v;const g=null==v?void 0:v.operator.get(),O=null==v?void 0:v.value.get(),T=c.condition();return s.useEffect((()=>()=>{var o;null===(o=D.current)||void 0===o||o.clear()}),[]),t(r,Object.assign({},h,{calloutWidth:230,className:a.root},{children:[t("div",Object.assign({className:a.header},{children:[e(n,Object.assign({className:a.title,variant:"mediumPlus"},{children:b.labels["filtermenu-filterby"]()})),e(m,{onClick:()=>f(),iconProps:{iconName:"ChromeClose"}})]})),v&&t(i,{children:[t("div",Object.assign({className:a.controls},{children:[e(j,{column:k}),T.value(g).isEditable&&e(d,{column:k})]})),t("div",Object.assign({className:a.footer},{children:[e(l,{text:b.labels["filtermenu-applybutton"](),onClick:()=>o(void 0,void 0,void 0,(function*(){(yield v.save())&&h.onDismiss()}))}),T.value(g).isEditable&&e(p,{text:b.labels["filtermenu-clearbutton"](),disabled:(()=>{switch(O){case null:case void 0:case"":return!0}return!1})(),onClick:()=>{v.value.set(null)}})]}))]})]}))};export{h as FilterCallout};
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Callout, Text, IconButton, PrimaryButton, Button } from '@fluentui/react';
+import { filterCalloutStyles } from './styles.js';
+import { useColumnFilterConditionController } from '../../controller/useColumnFilterConditionController.js';
+import { FilteringUtils } from '../../utils/FilteringUtilts.js';
+import { ConditionOperator } from './components/ConditionOperator/ConditionOperator.js';
+import { ConditionValue } from './components/ConditionValue/ConditionValue.js';
+import { useGridInstance } from '../../../core/hooks/useGridInstance.js';
+
+const FilterCallout = (props) => {
+    const { column, onDismiss } = { ...props };
+    const condition = useColumnFilterConditionController(column);
+    const grid = useGridInstance();
+    const conditionRef = React.useRef();
+    conditionRef.current = condition;
+    const conditionOperator = condition?.operator.get();
+    const conditionValue = condition?.value.get();
+    const conditionUtils = FilteringUtils.condition();
+    const isDeleteButtonDisabled = () => {
+        switch (conditionValue) {
+            case null:
+            case undefined:
+            case "": {
+                return true;
+            }
+        }
+        return false;
+    };
+    React.useEffect(() => {
+        return () => {
+            conditionRef.current?.clear();
+        };
+    }, []);
+    return (jsxs(Callout, { ...props, calloutWidth: 230, className: filterCalloutStyles.root, children: [jsxs("div", { className: filterCalloutStyles.header, children: [jsx(Text, { className: filterCalloutStyles.title, variant: "mediumPlus", children: grid.labels['filtermenu-filterby']() }), jsx(IconButton, { onClick: () => onDismiss(), iconProps: {
+                            iconName: 'ChromeClose',
+                        } })] }), condition &&
+                jsxs(Fragment, { children: [jsxs("div", { className: filterCalloutStyles.controls, children: [jsx(ConditionOperator, { column: column }), conditionUtils.value(conditionOperator).isEditable &&
+                                    jsx(ConditionValue, { column: column })] }), jsxs("div", { className: filterCalloutStyles.footer, children: [jsx(PrimaryButton, { text: grid.labels['filtermenu-applybutton'](), onClick: async () => {
+                                        if (await condition.save()) {
+                                            props.onDismiss();
+                                        }
+                                    } }), conditionUtils.value(conditionOperator).isEditable &&
+                                    jsx(Button, { text: grid.labels['filtermenu-clearbutton'](), disabled: isDeleteButtonDisabled(), onClick: () => {
+                                            condition.value.set(null);
+                                        } })] })] })] }));
+};
+
+export { FilterCallout };
+//# sourceMappingURL=FilterCallout.js.map

package/dist/components/Grid/filtering/components/FilterCallout/FilterCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterCallout.js","sources":["../../../../../../src/components/Grid/filtering/components/FilterCallout/FilterCallout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Callout, IconButton, PrimaryButton, Button, ICalloutProps } from '@fluentui/react';\nimport { Text } from '@fluentui/react';\nimport { filterCalloutStyles } from './styles';\nimport { IColumnFilterConditionController, useColumnFilterConditionController } from '../../controller/useColumnFilterConditionController';\nimport { IGridColumn } from '../../../core/interfaces/IGridColumn';\nimport { FilteringUtils } from '../../utils/FilteringUtilts';\nimport { ConditionOperator } from './components/ConditionOperator/ConditionOperator';\nimport { ConditionValue } from './components/ConditionValue/ConditionValue';\nimport { useGridInstance } from '../../../core/hooks/useGridInstance';\n\nexport interface IFilterCallout extends ICalloutProps {\n    column: IGridColumn;\n    onDismiss: () => void;\n}\n\nexport const FilterCallout = (props: IFilterCallout) => {\n    const {column, onDismiss} = {...props};\n    const condition = useColumnFilterConditionController(column);\n    const grid = useGridInstance();\n    const conditionRef = React.useRef<IColumnFilterConditionController | null>();\n    conditionRef.current = condition;\n    const conditionOperator = condition?.operator.get();\n    const conditionValue = condition?.value.get();\n    const conditionUtils = FilteringUtils.condition();\n\n    const isDeleteButtonDisabled = () => {\n        switch(conditionValue) {\n            case null:\n            case undefined:\n            case \"\": {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    React.useEffect(() => {\n        return () => {\n            conditionRef.current?.clear();\n        }\n    }, []);\n\n    return (\n        <Callout\n            {...props}\n            calloutWidth={230}\n            className={filterCalloutStyles.root}>\n            <div className={filterCalloutStyles.header}>\n                <Text className={filterCalloutStyles.title} variant=\"mediumPlus\">{grid.labels['filtermenu-filterby']()}</Text>\n                <IconButton onClick={() => onDismiss()} iconProps={{\n                    iconName: 'ChromeClose',\n                }} />\n            </div>\n            {condition &&\n                <>\n                    <div className={filterCalloutStyles.controls}>\n                        <ConditionOperator column={column} />\n                        {conditionUtils.value(conditionOperator!).isEditable &&\n                        <ConditionValue\n                            column={column} />\n                        }\n                    </div>\n                    <div className={filterCalloutStyles.footer}>\n                        <PrimaryButton text={grid.labels['filtermenu-applybutton']()}\n                            onClick={async () => {\n                                if(await condition.save()) {\n                                    props.onDismiss();\n                                }\n                            }} />\n                        {conditionUtils.value(conditionOperator!).isEditable &&\n                            <Button text={grid.labels['filtermenu-clearbutton']()}\n                                disabled={isDeleteButtonDisabled()}\n                                onClick={() => {\n                                    condition.value.set(null);\n                                }} />\n                        }\n                    </div>\n                </>\n            }\n        </Callout>\n    );\n};"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/components/Grid/filtering/components/FilterCallout/components/ConditionOperator/ConditionOperator.js

@@ -1 +1,58 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{ComboBox as o}from"@talxis/react-components";import{DataType as r}from"../../../../../core/enums/DataType.js";import{useTheme as s}from"@fluentui/react";import{FilteringUtils as a}from"../../../../utils/FilteringUtilts.js";import{useGridInstance as i}from"../../../../../core/hooks/useGridInstance.js";import{useColumnFilterConditionController as n}from"../../../../controller/useColumnFilterConditionController.js";import"../../../../../core/enums/ConditionOperator.js";import"../../../../constants.js";import"react";import"../../../../../GridContext.js";import"tslib";import"../../../../../core/hooks/useRefreshCallback.js";const c=c=>{const{column:p}=Object.assign({},c),m=a.condition().operator(),l=i(),u=n(p),E=s();return u?e(o,Object.assign({},c,{underlined:E.effects.underlined,selectedKey:u.operator.get(),shouldRestoreFocus:!1,options:(()=>{let e=m.textFieldOperators;switch(p.dataType){case r.WHOLE_NONE:case r.DECIMAL:case r.FP:case r.WHOLE_DURATION:case r.CURRENCY:e=m.numberOperators;break;case r.DATE_AND_TIME_DATE_AND_TIME:case r.DATE_AND_TIME_DATE_ONLY:e=m.dateOperators;break;case r.MULTI_SELECT_OPTIONSET:e=m.multipleOptionSetOperators;break;case r.FILE:case r.IMAGE:e=m.fileOperators}return e.map((e=>({key:e.type,text:l.labels[e.key]()})))})(),useComboBoxAsMenuWidth:!0,styles:{callout:{maxHeight:"300px !important"}},onChange:(e,t)=>{u.operator.set(t.key)}})):e(t,{})};export{c as ConditionOperator};
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { ComboBox } from '@talxis/react-components';
+import { DataType } from '../../../../../core/enums/DataType.js';
+import { useTheme } from '@fluentui/react';
+import { FilteringUtils } from '../../../../utils/FilteringUtilts.js';
+import { useGridInstance } from '../../../../../core/hooks/useGridInstance.js';
+import { useColumnFilterConditionController } from '../../../../controller/useColumnFilterConditionController.js';
+
+const ConditionOperator = (props) => {
+    const { column } = { ...props };
+    const operatorUtils = FilteringUtils.condition().operator();
+    const grid = useGridInstance();
+    const condition = useColumnFilterConditionController(column);
+    useTheme();
+    //TODO: add missing text operator (begins with, ends with)
+    const getOptions = () => {
+        let operators = operatorUtils.textFieldOperators;
+        switch (column.dataType) {
+            case DataType.WHOLE_NONE:
+            case DataType.DECIMAL:
+            case DataType.FP:
+            case DataType.WHOLE_DURATION:
+            case DataType.CURRENCY:
+                operators = operatorUtils.numberOperators;
+                break;
+            case DataType.DATE_AND_TIME_DATE_AND_TIME:
+            case DataType.DATE_AND_TIME_DATE_ONLY:
+                operators = operatorUtils.dateOperators;
+                break;
+            case DataType.MULTI_SELECT_OPTIONSET:
+                operators = operatorUtils.multipleOptionSetOperators;
+                break;
+            case DataType.FILE:
+            case DataType.IMAGE: {
+                operators = operatorUtils.fileOperators;
+            }
+        }
+        return operators.map(operator => {
+            return {
+                key: operator.type,
+                text: grid.labels[operator.key]()
+            };
+        });
+    };
+    if (!condition) {
+        return jsx(Fragment, {});
+    }
+    return jsx(ComboBox, { ...props, selectedKey: condition.operator.get(), shouldRestoreFocus: false, options: getOptions(), useComboBoxAsMenuWidth: true, styles: {
+            callout: {
+                maxHeight: '300px !important'
+            }
+        }, onChange: (e, option) => {
+            condition.operator.set(option.key);
+        } });
+};
+
+export { ConditionOperator };
+//# sourceMappingURL=ConditionOperator.js.map

package/dist/components/Grid/filtering/components/FilterCallout/components/ConditionOperator/ConditionOperator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionOperator.js","sources":["../../../../../../../../src/components/Grid/filtering/components/FilterCallout/components/ConditionOperator/ConditionOperator.tsx"],"sourcesContent":["import { ComboBox } from \"@talxis/react-components\";\nimport { DataType } from '../../../../../core/enums/DataType';\nimport { IComboBoxOption, useTheme } from '@fluentui/react';\nimport { FilteringUtils } from '../../../../utils/FilteringUtilts';\nimport { useGridInstance } from '../../../../../core/hooks/useGridInstance';\nimport { useColumnFilterConditionController } from '../../../../controller/useColumnFilterConditionController';\nimport { IGridColumn } from '../../../../../core/interfaces/IGridColumn';\nimport { DatasetConditionOperator } from '../../../../../core/enums/ConditionOperator';\nimport React from 'react';\nimport { ITheme } from \"../../../../../../../interfaces/theme\";\n\ninterface IConditionOperator {\n    column: IGridColumn;\n}\nexport const ConditionOperator = (props: IConditionOperator) => {\n    const { column } = { ...props };\n    const operatorUtils = FilteringUtils.condition().operator();\n    const grid = useGridInstance();\n    const condition = useColumnFilterConditionController(column);\n    const theme: ITheme = useTheme();\n\n    //TODO: add missing text operator (begins with, ends with)\n    const getOptions = (): IComboBoxOption[] => {\n        let operators = operatorUtils.textFieldOperators;\n        switch (column.dataType) {\n            case DataType.WHOLE_NONE:\n            case DataType.DECIMAL:\n            case DataType.FP:\n            case DataType.WHOLE_DURATION:\n            case DataType.CURRENCY:\n                operators = operatorUtils.numberOperators;\n                break;\n            case DataType.DATE_AND_TIME_DATE_AND_TIME:\n            case DataType.DATE_AND_TIME_DATE_ONLY:\n                operators = operatorUtils.dateOperators;\n                break;\n            case DataType.MULTI_SELECT_OPTIONSET:\n                operators = operatorUtils.multipleOptionSetOperators;\n                break;\n            case DataType.FILE:\n            case DataType.IMAGE: {\n                operators = operatorUtils.fileOperators;\n            }\n        }\n        return operators.map(operator => {\n            return {\n                key: operator.type,\n                text: grid.labels[operator.key]()\n            };\n        });\n    };\n    if(!condition) {\n        return <></>\n    }\n    return <ComboBox\n        {...props}\n        selectedKey={condition.operator.get()}\n        shouldRestoreFocus={false}\n        options={getOptions()}\n        useComboBoxAsMenuWidth\n        styles={{\n            callout: {\n                maxHeight: '300px !important'\n            }\n        }}\n        onChange={(e, option) => {\n            condition.operator.set(option!.key as DatasetConditionOperator)\n        }} />;\n}"],"names":["_jsx"],"mappings":";;;;;;;;AAca,MAAA,iBAAiB,GAAG,CAAC,KAAyB,KAAI;IAC3D,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAChC,MAAM,aAAa,GAAG,cAAc,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC;AAC5D,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE,CAAC;AAC/B,IAAA,MAAM,SAAS,GAAG,kCAAkC,CAAC,MAAM,CAAC,CAAC;AAC7D,IAAsB,QAAQ,GAAG;;IAGjC,MAAM,UAAU,GAAG,MAAwB;AACvC,QAAA,IAAI,SAAS,GAAG,aAAa,CAAC,kBAAkB,CAAC;QACjD,QAAQ,MAAM,CAAC,QAAQ;YACnB,KAAK,QAAQ,CAAC,UAAU,CAAC;YACzB,KAAK,QAAQ,CAAC,OAAO,CAAC;YACtB,KAAK,QAAQ,CAAC,EAAE,CAAC;YACjB,KAAK,QAAQ,CAAC,cAAc,CAAC;YAC7B,KAAK,QAAQ,CAAC,QAAQ;AAClB,gBAAA,SAAS,GAAG,aAAa,CAAC,eAAe,CAAC;gBAC1C,MAAM;YACV,KAAK,QAAQ,CAAC,2BAA2B,CAAC;YAC1C,KAAK,QAAQ,CAAC,uBAAuB;AACjC,gBAAA,SAAS,GAAG,aAAa,CAAC,aAAa,CAAC;gBACxC,MAAM;YACV,KAAK,QAAQ,CAAC,sBAAsB;AAChC,gBAAA,SAAS,GAAG,aAAa,CAAC,0BAA0B,CAAC;gBACrD,MAAM;YACV,KAAK,QAAQ,CAAC,IAAI,CAAC;AACnB,YAAA,KAAK,QAAQ,CAAC,KAAK,EAAE;AACjB,gBAAA,SAAS,GAAG,aAAa,CAAC,aAAa,CAAC;AAC3C,aAAA;AACJ,SAAA;AACD,QAAA,OAAO,SAAS,CAAC,GAAG,CAAC,QAAQ,IAAG;YAC5B,OAAO;gBACH,GAAG,EAAE,QAAQ,CAAC,IAAI;gBAClB,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;aACpC,CAAC;AACN,SAAC,CAAC,CAAC;AACP,KAAC,CAAC;IACF,IAAG,CAAC,SAAS,EAAE;AACX,QAAA,OAAOA,iBAAK,CAAA;AACf,KAAA;IACD,OAAOA,GAAA,CAAC,QAAQ,EAAA,EAAA,GACR,KAAK,EACT,WAAW,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,EACrC,kBAAkB,EAAE,KAAK,EACzB,OAAO,EAAE,UAAU,EAAE,EACrB,sBAAsB,EACtB,IAAA,EAAA,MAAM,EAAE;AACJ,YAAA,OAAO,EAAE;AACL,gBAAA,SAAS,EAAE,kBAAkB;AAChC,aAAA;AACJ,SAAA,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAI;YACpB,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAO,CAAC,GAA+B,CAAC,CAAA;AACnE,SAAC,GAAI,CAAC;AACd;;;;"}

package/dist/components/Grid/filtering/components/FilterCallout/components/ConditionValue/ConditionValue.js

@@ -1 +1,52 @@
-import{__awaiter as o}from"tslib";import{jsx as t,Fragment as e}from"react/jsx-runtime";import{useRef as i,useMemo as r,useEffect as s}from"react";import{Component as n}from"../../../../../core/components/Component/Component.js";import{useColumnFilterConditionController as m}from"../../../../controller/useColumnFilterConditionController.js";import{ConditionComponentValue as p}from"./model/ConditionComponentValue.js";import"../../../../../../DateTime/DateTime.js";import"@fluentui/react";import"../../../../../../DateTime/styles.js";import"../../../../../../DateTime/hooks/useDateTime.js";import"../../../../../../../hooks/useInputBasedControl.js";import"../../../../../../../hooks/useControl.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../../../../../../hooks/useControlTheme.js";import"../../../../../../../utils/Theme.js";import"@fluentui/react-migration-v8-v9";import"../../../../../../../hooks/useControlSizing.js";import"dayjs";import"dayjs/plugin/utc";import"dayjs/plugin/customParseFormat";import"../../../../../../DateTime/translations.js";import"../../../../../../DateTime/components/Calendar.js";import"@fluentui/react/lib/Calendar";import"@talxis/react-components";import"../../../../../../Decimal/Decimal.js";import"numeral";import"../../../../../../../utils/Numeral.js";import"../../../../../../../constants.js";import"../../../../../../Decimal/components/ArrowButtons.js";import"../../../../../../Decimal/components/styles.js";import"../../../../../../Lookup/Lookup.js";import"../../../../../../Lookup/hooks/useLookup.js";import"../../../../../../Lookup/translations.js";import"../../../../../../Lookup/hooks/useFetchXml.js";import"@talxis/client-libraries";import"../../../../../../Lookup/components/TargetSelector.js";import"@fluentui/react/lib/Text";import"../../../../../../Lookup/styles.js";import"../../../../../../Lookup/hooks/useLoadedEntities.js";import"../../../../../../../hooks/useMouseOver.js";import"../../../../../../Lookup/components/RecordCreator.js";import"../../../../../../../hooks/useFocusIn.js";import"../../../../../../MultiSelectOptionSet/MultiSelectOptionSet.js";import"../../../../../../OptionSet/OptionSet.js";import"../../../../../../TextField/TextField.js";import"../../../../../../TwoOptions/TwoOptions.js";import"../../../../../../Duration/Duration.js";import"../../../../../../Duration/translations.js";import"../../../../../core/enums/DataType.js";import"../../../../../core/components/Component/controller/useComponentController.js";import"../../../../../core/components/Component/model/Component.js";import"../../../../../validation/model/ColumnValidation.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"../../../../../core/model/GridDependency.js";import"../../../../../core/hooks/useGridInstance.js";import"../../../../../GridContext.js";import"../../../../../core/hooks/useRefreshCallback.js";import"../../../../../core/enums/ConditionOperator.js";import"../../../../utils/FilteringUtilts.js";import"../../../../constants.js";const l=o=>{const i=m(o.column);return i?t(a,Object.assign({},i)):t(e,{})},a=e=>{const m=i(null),l=i(e);l.current=e;const a=r((()=>new p(l)),[]),u=a.column;return s((()=>{var o;if(null===a.get()){const t=null===(o=m.current)||void 0===o?void 0:o.querySelector("input");null==t||t.focus()}}),[a.get()]),t("div",Object.assign({ref:m},{children:t(n,{column:u,value:a.get(),onNotifyOutputChanged:o=>a.set(o),onOverrideControlProps:t=>Object.assign(Object.assign({},t),{parameters:Object.assign(Object.assign({},t.parameters),{MultipleEnabled:{raw:!0},IsInlineNewEnabled:{raw:!1},ShowErrorMessage:{raw:!0},value:Object.assign(Object.assign({},t.parameters.value),{getAllViews:e=>o(void 0,void 0,void 0,(function*(){return t.parameters.value.getAllViews(e,1)}))})})})})}))};export{l as ConditionValue};
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useRef, useMemo, useEffect } from 'react';
+import { Component } from '../../../../../core/components/Component/Component.js';
+import { useColumnFilterConditionController } from '../../../../controller/useColumnFilterConditionController.js';
+import { ConditionComponentValue } from './model/ConditionComponentValue.js';
+
+const ConditionValue = (props) => {
+    const condition = useColumnFilterConditionController(props.column);
+    if (!condition) {
+        return jsx(Fragment, {});
+    }
+    return jsx(InternalConditionValue, { ...condition });
+};
+const InternalConditionValue = (controller) => {
+    const componentContainerRef = useRef(null);
+    const controllerRef = useRef(controller);
+    controllerRef.current = controller;
+    const conditionComponentValue = useMemo(() => new ConditionComponentValue(controllerRef), []);
+    const column = conditionComponentValue.column;
+    useEffect(() => {
+        if (conditionComponentValue.get() === null) {
+            const input = componentContainerRef.current?.querySelector('input');
+            input?.focus();
+        }
+    }, [conditionComponentValue.get()]);
+    return (jsx("div", { ref: componentContainerRef, children: jsx(Component, { column: column, value: conditionComponentValue.get(), onNotifyOutputChanged: (value) => conditionComponentValue.set(value), onOverrideControlProps: (props) => {
+                return {
+                    ...props,
+                    parameters: {
+                        ...props.parameters,
+                        MultipleEnabled: {
+                            raw: true
+                        },
+                        IsInlineNewEnabled: {
+                            raw: false
+                        },
+                        ShowErrorMessage: {
+                            raw: true
+                        },
+                        value: {
+                            ...props.parameters.value,
+                            getAllViews: async (entityName) => {
+                                return props.parameters.value.getAllViews(entityName, 1);
+                            }
+                        }
+                    }
+                };
+            } }) }));
+};
+
+export { ConditionValue };
+//# sourceMappingURL=ConditionValue.js.map

package/dist/components/Grid/filtering/components/FilterCallout/components/ConditionValue/ConditionValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionValue.js","sources":["../../../../../../../../src/components/Grid/filtering/components/FilterCallout/components/ConditionValue/ConditionValue.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\nimport { Component } from \"../../../../../core/components/Component/Component\";\nimport { IGridColumn } from \"../../../../../core/interfaces/IGridColumn\";\nimport { IColumnFilterConditionController, useColumnFilterConditionController } from \"../../../../controller/useColumnFilterConditionController\";\nimport { ConditionComponentValue } from \"./model/ConditionComponentValue\";\nimport React from 'react';\n\ninterface IConditionValue {\n    column: IGridColumn;\n}\n\nexport const ConditionValue = (props: IConditionValue) => {\n    const condition = useColumnFilterConditionController(props.column);\n    if (!condition) {\n        return <></>\n    }\n    return <InternalConditionValue {...condition} />\n}\n\nconst InternalConditionValue = (controller: IColumnFilterConditionController) => {\n    const componentContainerRef = useRef<HTMLDivElement>(null);\n    const controllerRef = useRef<IColumnFilterConditionController>(controller);\n    controllerRef.current = controller;\n    const conditionComponentValue = useMemo(() => new ConditionComponentValue(controllerRef), []);\n    const column = conditionComponentValue.column;\n\n    useEffect(() => {\n        if (conditionComponentValue.get() === null) {\n            const input = componentContainerRef.current?.querySelector('input')\n            input?.focus()\n        }\n    }, [conditionComponentValue.get()])\n\n    return (\n        <div ref={componentContainerRef}>\n            <Component\n                column={column}\n                value={conditionComponentValue.get()}\n                onNotifyOutputChanged={(value) => conditionComponentValue.set(value)}\n                onOverrideControlProps={(props) => {\n                    return {\n                        ...props,\n                        parameters: {\n                            ...props.parameters,\n                            MultipleEnabled: {\n                                raw: true\n                            },\n                            IsInlineNewEnabled: {\n                                raw: false\n                            },\n                            ShowErrorMessage: {\n                                raw: true\n                            },\n                            value: {\n                                ...props.parameters.value,\n                                getAllViews: async (entityName: string) => {\n                                    return props.parameters.value.getAllViews(entityName, 1);\n                                }\n                            }\n                        }\n                    }\n                }}\n            />\n        </div>\n    )\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAWa,MAAA,cAAc,GAAG,CAAC,KAAsB,KAAI;IACrD,MAAM,SAAS,GAAG,kCAAkC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACnE,IAAI,CAAC,SAAS,EAAE;AACZ,QAAA,OAAOA,iBAAK,CAAA;AACf,KAAA;AACD,IAAA,OAAOA,GAAC,CAAA,sBAAsB,EAAK,EAAA,GAAA,SAAS,GAAI,CAAA;AACpD,EAAC;AAED,MAAM,sBAAsB,GAAG,CAAC,UAA4C,KAAI;AAC5E,IAAA,MAAM,qBAAqB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC3D,IAAA,MAAM,aAAa,GAAG,MAAM,CAAmC,UAAU,CAAC,CAAC;AAC3E,IAAA,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;AACnC,IAAA,MAAM,uBAAuB,GAAG,OAAO,CAAC,MAAM,IAAI,uBAAuB,CAAC,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC;AAC9F,IAAA,MAAM,MAAM,GAAG,uBAAuB,CAAC,MAAM,CAAC;IAE9C,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,uBAAuB,CAAC,GAAG,EAAE,KAAK,IAAI,EAAE;YACxC,MAAM,KAAK,GAAG,qBAAqB,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;YACnE,KAAK,EAAE,KAAK,EAAE,CAAA;AACjB,SAAA;KACJ,EAAE,CAAC,uBAAuB,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;AAEnC,IAAA,QACIA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,qBAAqB,YAC3BA,GAAC,CAAA,SAAS,EACN,EAAA,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,uBAAuB,CAAC,GAAG,EAAE,EACpC,qBAAqB,EAAE,CAAC,KAAK,KAAK,uBAAuB,CAAC,GAAG,CAAC,KAAK,CAAC,EACpE,sBAAsB,EAAE,CAAC,KAAK,KAAI;gBAC9B,OAAO;AACH,oBAAA,GAAG,KAAK;AACR,oBAAA,UAAU,EAAE;wBACR,GAAG,KAAK,CAAC,UAAU;AACnB,wBAAA,eAAe,EAAE;AACb,4BAAA,GAAG,EAAE,IAAI;AACZ,yBAAA;AACD,wBAAA,kBAAkB,EAAE;AAChB,4BAAA,GAAG,EAAE,KAAK;AACb,yBAAA;AACD,wBAAA,gBAAgB,EAAE;AACd,4BAAA,GAAG,EAAE,IAAI;AACZ,yBAAA;AACD,wBAAA,KAAK,EAAE;AACH,4BAAA,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK;AACzB,4BAAA,WAAW,EAAE,OAAO,UAAkB,KAAI;AACtC,gCAAA,OAAO,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;6BAC5D;AACJ,yBAAA;AACJ,qBAAA;iBACJ,CAAA;aACJ,EAAA,CACH,EACA,CAAA,EACT;AACL,CAAC;;;;"}

package/dist/components/Grid/filtering/components/FilterCallout/components/ConditionValue/model/ConditionComponentValue.js

@@ -1 +1,125 @@
-import t from"dayjs";import{DatasetConditionOperator as e}from"../../../../../../core/enums/ConditionOperator.js";import{DataType as o}from"../../../../../../core/enums/DataType.js";import{FilteringUtils as i}from"../../../../../utils/FilteringUtilts.js";import"../../../../../constants.js";class ConditionComponentValue{constructor(t){this._conditionUtils=i.condition(),this._columnFilterConditionControllerRef=t}get column(){const t=Object.assign({},this._columnFilterConditionController.column);switch(t.isRequired=!1,this._columnFilterConditionController.value.valid||(t.isRequired=!0),this._columnFilterConditionController.column.dataType){case o.OPTIONSET:case o.TWO_OPTIONS:t.dataType=o.MULTI_SELECT_OPTIONSET;break;case o.SINGLE_LINE_EMAIL:case o.SINGLE_LINE_URL:t.dataType=o.SINGLE_LINE_TEXT;break;case o.DATE_AND_TIME_DATE_AND_TIME:t.dataType=o.DATE_AND_TIME_DATE_ONLY}return this._conditionUtils.operator(this._operator.get()).allowsOnlyNumber,this._conditionUtils.operator(this._operator.get()).allowsOnlyNumber&&(t.dataType=o.WHOLE_NONE),this._conditionUtils.operator(this._operator.get()).allowsOnlyFreeText&&(t.dataType=o.SINGLE_LINE_TEXT),t}get(){let t=this._value.get();if(!t)return null;switch(this.column.dataType){case o.MULTI_SELECT_OPTIONSET:return"string"==typeof t&&(t=[t]),t.map((t=>parseInt(t)));case o.LOOKUP_OWNER:case o.LOOKUP_SIMPLE:case o.LOOKUP_CUSTOMER:return"string"==typeof t&&(t=[t]),t.map((t=>({entityType:"",name:"",id:t})))}return t}set(i){var r;switch(this.column.dataType){case o.DATE_AND_TIME_DATE_AND_TIME:case o.DATE_AND_TIME_DATE_ONLY:i instanceof Date&&(i=t(i).format("YYYY-MM-DD"));break;case o.MULTI_SELECT_OPTIONSET:switch(this._operator.get()){case e.Equal:case e.NotEqual:if(1===(null==i?void 0:i.length))return i=i[0].toString(),void this._value.set(i)}for(let t=0;t<(null==i?void 0:i.length);t++)i[t]=i[t].toString();return void this._value.set(i);case o.LOOKUP_OWNER:case o.LOOKUP_SIMPLE:case o.LOOKUP_CUSTOMER:if((null==i?void 0:i.length)>1){i=i.map((t=>t.id));break}i=null===(r=i[0])||void 0===r?void 0:r.id}this._value.set(i)}get _columnFilterConditionController(){return this._columnFilterConditionControllerRef.current}get _value(){return this._columnFilterConditionController.value}get _operator(){return this._columnFilterConditionController.operator}}export{ConditionComponentValue};
+import dayjs from 'dayjs';
+import { DatasetConditionOperator } from '../../../../../../core/enums/ConditionOperator.js';
+import { DataType } from '../../../../../../core/enums/DataType.js';
+import { FilteringUtils } from '../../../../../utils/FilteringUtilts.js';
+
+class ConditionComponentValue {
+    constructor(columnFilterConditionControllerRef) {
+        this._conditionUtils = FilteringUtils.condition();
+        this._columnFilterConditionControllerRef = columnFilterConditionControllerRef;
+    }
+    get column() {
+        const _column = { ...this._columnFilterConditionController.column };
+        _column.isRequired = false;
+        //always needs to be required for filter values if non valid value is present
+        if (!this._columnFilterConditionController.value.valid) {
+            _column.isRequired = true;
+        }
+        switch (this._columnFilterConditionController.column.dataType) {
+            case DataType.OPTIONSET:
+            case DataType.TWO_OPTIONS: {
+                _column.dataType = DataType.MULTI_SELECT_OPTIONSET;
+                break;
+            }
+            //skip this validation because operators like contains should not fail on regexes
+            case DataType.SINGLE_LINE_EMAIL:
+            case DataType.SINGLE_LINE_URL: {
+                _column.dataType = DataType.SINGLE_LINE_TEXT;
+                break;
+            }
+            //In Power Apps, DateTime fields filters do not allow setting filters for time, only for the date
+            case DataType.DATE_AND_TIME_DATE_AND_TIME: {
+                _column.dataType = DataType.DATE_AND_TIME_DATE_ONLY;
+                break;
+            }
+        }
+        this._conditionUtils.operator(this._operator.get()).allowsOnlyNumber;
+        if (this._conditionUtils.operator(this._operator.get()).allowsOnlyNumber) {
+            _column.dataType = DataType.WHOLE_NONE;
+        }
+        if (this._conditionUtils.operator(this._operator.get()).allowsOnlyFreeText) {
+            _column.dataType = DataType.SINGLE_LINE_TEXT;
+        }
+        return _column;
+    }
+    get() {
+        let value = this._value.get();
+        if (!value) {
+            return null;
+        }
+        switch (this.column.dataType) {
+            case DataType.MULTI_SELECT_OPTIONSET: {
+                if (typeof value === 'string') {
+                    value = [value];
+                }
+                return value.map((x) => parseInt(x));
+            }
+            case DataType.LOOKUP_OWNER:
+            case DataType.LOOKUP_SIMPLE:
+            case DataType.LOOKUP_CUSTOMER: {
+                if (typeof value === 'string') {
+                    value = [value];
+                }
+                return value.map((x) => {
+                    return {
+                        entityType: "",
+                        name: "",
+                        id: x
+                    };
+                });
+            }
+        }
+        return value;
+    }
+    set(value) {
+        switch (this.column.dataType) {
+            case DataType.DATE_AND_TIME_DATE_AND_TIME:
+            case DataType.DATE_AND_TIME_DATE_ONLY: {
+                if (value instanceof Date) {
+                    //the column of date time is always converted to Date column in Power Apps
+                    value = dayjs(value).format('YYYY-MM-DD');
+                }
+                break;
+            }
+            case DataType.MULTI_SELECT_OPTIONSET: {
+                switch (this._operator.get()) {
+                    case DatasetConditionOperator.Equal:
+                    case DatasetConditionOperator.NotEqual: {
+                        if (value?.length === 1) {
+                            value = value[0].toString();
+                            this._value.set(value);
+                            return;
+                        }
+                    }
+                }
+                for (let i = 0; i < value?.length; i++) {
+                    value[i] = value[i].toString();
+                }
+                this._value.set(value);
+                return;
+            }
+            case DataType.LOOKUP_OWNER:
+            case DataType.LOOKUP_SIMPLE:
+            case DataType.LOOKUP_CUSTOMER: {
+                if (value?.length > 1) {
+                    value = value.map((x) => x.id);
+                    break;
+                }
+                value = value[0]?.id;
+            }
+        }
+        this._value.set(value);
+    }
+    get _columnFilterConditionController() {
+        return this._columnFilterConditionControllerRef.current;
+    }
+    get _value() {
+        return this._columnFilterConditionController.value;
+    }
+    get _operator() {
+        return this._columnFilterConditionController.operator;
+    }
+}
+
+export { ConditionComponentValue };
+//# sourceMappingURL=ConditionComponentValue.js.map

package/dist/components/Grid/filtering/components/FilterCallout/components/ConditionValue/model/ConditionComponentValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionComponentValue.js","sources":["../../../../../../../../../src/components/Grid/filtering/components/FilterCallout/components/ConditionValue/model/ConditionComponentValue.ts"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { DatasetConditionOperator } from \"../../../../../../core/enums/ConditionOperator\";\nimport { DataType } from \"../../../../../../core/enums/DataType\";\nimport { IColumnFilterConditionController } from \"../../../../../controller/useColumnFilterConditionController\";\nimport { FilteringUtils } from \"../../../../../utils/FilteringUtilts\";\n\nexport class ConditionComponentValue {\n    //needs to be ref to keep the current reference\n    private _columnFilterConditionControllerRef: React.MutableRefObject<IColumnFilterConditionController>;\n    private _conditionUtils = FilteringUtils.condition();\n\n    constructor(columnFilterConditionControllerRef: React.MutableRefObject<IColumnFilterConditionController>) {\n        this._columnFilterConditionControllerRef = columnFilterConditionControllerRef;\n    }\n\n    public get column() {\n        const _column = {...this._columnFilterConditionController.column};\n        _column.isRequired = false;\n        //always needs to be required for filter values if non valid value is present\n        if(!this._columnFilterConditionController.value.valid) {\n            _column.isRequired = true;\n        }\n        switch (this._columnFilterConditionController.column.dataType) {\n            case DataType.OPTIONSET:\n            case DataType.TWO_OPTIONS: {\n                _column.dataType = DataType.MULTI_SELECT_OPTIONSET;\n                break;\n            }\n            //skip this validation because operators like contains should not fail on regexes\n            case DataType.SINGLE_LINE_EMAIL:\n            case DataType.SINGLE_LINE_URL: {\n                _column.dataType = DataType.SINGLE_LINE_TEXT;\n                break;\n            }\n            //In Power Apps, DateTime fields filters do not allow setting filters for time, only for the date\n            case DataType.DATE_AND_TIME_DATE_AND_TIME: {\n                _column.dataType = DataType.DATE_AND_TIME_DATE_ONLY;\n                break;\n            }\n        }\n        this._conditionUtils.operator(this._operator.get()).allowsOnlyNumber\n        if (this._conditionUtils.operator(this._operator.get()).allowsOnlyNumber) {\n            _column.dataType = DataType.WHOLE_NONE;\n        }\n        if (this._conditionUtils.operator(this._operator.get()).allowsOnlyFreeText) {\n            _column.dataType = DataType.SINGLE_LINE_TEXT;\n        }\n        return _column;\n    }\n    public get() {\n        let value = this._value.get();\n        if (!value) {\n            return null;\n        }\n        switch (this.column.dataType) {\n            case DataType.MULTI_SELECT_OPTIONSET: {\n                if (typeof value === 'string') {\n                    value = [value];\n                }\n                return value.map((x: string) => parseInt(x))\n            }\n            case DataType.LOOKUP_OWNER:\n            case DataType.LOOKUP_SIMPLE:\n            case DataType.LOOKUP_CUSTOMER: {\n                if (typeof value === 'string') {\n                    value = [value];\n                }\n                return value.map((x: string) => {\n                    return {\n                        entityType: \"\",\n                        name: \"\",\n                        id: x\n                    } as ComponentFramework.LookupValue;\n                })\n            }\n        }\n        return value;\n    }\n    public set(value: any) {\n        switch (this.column.dataType) {\n            case DataType.DATE_AND_TIME_DATE_AND_TIME:\n            case DataType.DATE_AND_TIME_DATE_ONLY: {\n                if(value instanceof Date) {\n\n                     //the column of date time is always converted to Date column in Power Apps\n                     value = dayjs(value).format('YYYY-MM-DD');\n                }\n                break;\n            }\n            case DataType.MULTI_SELECT_OPTIONSET: {\n                switch (this._operator.get()) {\n                    case DatasetConditionOperator.Equal:\n                    case DatasetConditionOperator.NotEqual: {\n                        if (value?.length === 1) {\n                            value = value[0].toString();\n                            this._value.set(value);\n                            return;\n                        }\n                    }\n                }\n                for (let i = 0; i < value?.length; i++) {\n                    value[i] = value[i].toString()\n                }\n                this._value.set(value);\n                return;\n            }\n            case DataType.LOOKUP_OWNER:\n            case DataType.LOOKUP_SIMPLE:\n            case DataType.LOOKUP_CUSTOMER: {\n                if(value?.length > 1) {\n                    value = value.map((x: ComponentFramework.LookupValue) => x.id);\n                    break;\n                }\n                value = value[0]?.id;\n            }\n\n        }\n        this._value.set(value);\n    }\n    private get _columnFilterConditionController() {\n        return this._columnFilterConditionControllerRef.current;\n    }\n    private get _value() {\n        return this._columnFilterConditionController.value;\n    }\n    private get _operator() {\n        return this._columnFilterConditionController.operator;\n    }\n}"],"names":[],"mappings":"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"}