@talxis/base-controls 1.2509.1-alpha.6 → 1.2509.1

package/dist/components/Grid/core/services/KeyListener.js

@@ -0,0 +1,31 @@
+class KeyHoldListener {
+    constructor() {
+        this._currentlyHeldKey = null;
+        this._keyDownHandlers = new Set();
+        this._onKeyDownRef = (e) => this._onKeyDown(e);
+        this._onKeyUpRef = (e) => this._onKeyUp(e);
+        window.addEventListener('keydown', this._onKeyDownRef);
+        window.addEventListener('keyup', this._onKeyUpRef);
+    }
+    getHeldKey() {
+        return this._currentlyHeldKey;
+    }
+    addOnKeyDownHandler(handler) {
+        this._keyDownHandlers.add(handler);
+    }
+    _onKeyDown(e) {
+        this._currentlyHeldKey = e.key;
+        [...this._keyDownHandlers.values()].map(handler => handler(e));
+    }
+    _onKeyUp(e) {
+        this._currentlyHeldKey = null;
+    }
+    destroy() {
+        this._keyDownHandlers.clear();
+        window.removeEventListener('keydown', this._onKeyDownRef);
+        window.removeEventListener('keyup', this._onKeyUpRef);
+    }
+}
+
+export { KeyHoldListener };
+//# sourceMappingURL=KeyListener.js.map

package/dist/components/Grid/core/services/KeyListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyListener.js","sources":["../../../../../src/components/Grid/core/services/KeyListener.ts"],"sourcesContent":["export class KeyHoldListener {\n    private _currentlyHeldKey: string | null = null;\n    private _keyDownHandlers: Set<(e: KeyboardEvent) => void> = new Set();\n    private _onKeyDownRef: (e: KeyboardEvent) => void;\n    private _onKeyUpRef: (e: KeyboardEvent) => void;\n\n    constructor() {\n        this._onKeyDownRef = (e) => this._onKeyDown(e);\n        this._onKeyUpRef = (e) => this._onKeyUp(e);\n        window.addEventListener('keydown', this._onKeyDownRef);\n        window.addEventListener('keyup', this._onKeyUpRef);\n    }\n    public getHeldKey(): string | null {\n        return this._currentlyHeldKey;\n    }\n    public addOnKeyDownHandler(handler: (e: KeyboardEvent) => void) {\n        this._keyDownHandlers.add(handler);\n    }\n    private _onKeyDown(e: KeyboardEvent) {\n        this._currentlyHeldKey = e.key;\n        [...this._keyDownHandlers.values()].map(handler => handler(e));\n    }\n    private _onKeyUp(e: KeyboardEvent) {\n        this._currentlyHeldKey = null;\n    }\n    destroy() {\n        this._keyDownHandlers.clear();\n        window.removeEventListener('keydown', this._onKeyDownRef);\n        window.removeEventListener('keyup', this._onKeyUpRef);\n    }\n}"],"names":[],"mappings":"MAAa,eAAe,CAAA;AAMxB,IAAA,WAAA,GAAA;QALQ,IAAiB,CAAA,iBAAA,GAAkB,IAAI,CAAC;AACxC,QAAA,IAAA,CAAA,gBAAgB,GAAoC,IAAI,GAAG,EAAE,CAAC;AAKlE,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AAC/C,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC3C,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACvD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;KACtD;IACM,UAAU,GAAA;QACb,OAAO,IAAI,CAAC,iBAAiB,CAAC;KACjC;AACM,IAAA,mBAAmB,CAAC,OAAmC,EAAA;AAC1D,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;KACtC;AACO,IAAA,UAAU,CAAC,CAAgB,EAAA;AAC/B,QAAA,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,GAAG,CAAC;QAC/B,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;KAClE;AACO,IAAA,QAAQ,CAAC,CAAgB,EAAA;AAC7B,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;KACjC;IACD,OAAO,GAAA;AACH,QAAA,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC9B,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC1D,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;KACzD;AACJ;;;;"}

package/dist/components/Grid/{column-headers/column-header → filtering/components/FilterCallout}/FilterCallout.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ICalloutProps } from '@fluentui/react';
-import { IGridColumn } from '../../grid/GridModel';
+import { IGridColumn } from '../../../core/interfaces/IGridColumn';
 export interface IFilterCallout extends ICalloutProps {
     column: IGridColumn;
     onDismiss: () => void;

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

@@ -0,0 +1,59 @@
+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';
+import { ConditionValueBetween } from './components/ConditionValue/ConditionValueBetween.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;
+    };
+    const isBetweenCondition = () => {
+        if (conditionOperator === 10 || conditionOperator === 11) {
+            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 && !isBetweenCondition() &&
+                                    jsx(ConditionValue, { column: column }), isBetweenCondition() &&
+                                    jsx(ConditionValueBetween, { 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.setShouldShowError(false);
+                                            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';\nimport { ConditionValueBetween } from './components/ConditionValue/ConditionValueBetween';\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    const isBetweenCondition = () => {\n        if (conditionOperator === 10 || conditionOperator === 11) {\n            return true;\n        }\n        return false;\n    }\n\n    React.useEffect(() => {\n        return () => {\n            conditionRef.current?.clear();\n        }\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 && !isBetweenCondition() &&\n                            <ConditionValue\n                                column={column} />\n                        }\n                        {isBetweenCondition() &&\n                            <ConditionValueBetween\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.setShouldShowError(false);\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.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IGridColumn } from '../../../../../core/interfaces/IGridColumn';
+interface IConditionOperator {
+    column: IGridColumn;
+}
+export declare const ConditionOperator: (props: IConditionOperator) => JSX.Element;
+export {};

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

@@ -0,0 +1,56 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { ComboBox } from '@talxis/react-components';
+import { DataType } from '../../../../../core/enums/DataType.js';
+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);
+    //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';\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\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":";;;;;;;AAaa,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;;IAG7D,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.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IGridColumn } from "../../../../../core/interfaces/IGridColumn";
+interface IConditionValue {
+    column: IGridColumn;
+}
+export declare const ConditionValue: (props: IConditionValue) => JSX.Element;
+export {};

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

@@ -0,0 +1,73 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useRef, useMemo, useEffect } from 'react';
+import { useColumnFilterConditionController } from '../../../../controller/useColumnFilterConditionController.js';
+import { ConditionComponentValue } from './model/ConditionComponentValue.js';
+import { MemoryDataProvider, DataTypes } from '@talxis/client-libraries';
+import { Component } from '../LegacyControlRendering/Component.js';
+import { useRerender } from '@talxis/react-components';
+
+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);
+    const firstRenderRef = useRef(true);
+    controllerRef.current = controller;
+    const conditionComponentValue = useMemo(() => new ConditionComponentValue(controllerRef), []);
+    const column = conditionComponentValue.column;
+    const rerender = useRerender();
+    const record = useMemo(() => {
+        const memoryProvider = new MemoryDataProvider([
+            {
+                [column.name]: conditionComponentValue.get() ?? undefined,
+                id: "id",
+            },
+        ], {
+            PrimaryIdAttribute: "id"
+        });
+        memoryProvider.setColumns([
+            {
+                ...column,
+                metadata: { ...column.metadata, RequiredLevel: 0 },
+            },
+            {
+                name: "id",
+                displayName: "",
+                dataType: DataTypes.SingleLineText,
+                alias: "id",
+                order: 0,
+                visualSizeFactor: 0,
+            },
+        ]);
+        const record = memoryProvider.refreshSync()[0];
+        return record;
+    }, []);
+    record.setValue(column.name, conditionComponentValue.get());
+    useEffect(() => {
+        if (conditionComponentValue.get() === null) {
+            const input = componentContainerRef.current?.querySelector('input');
+            input?.focus();
+        }
+        if (!firstRenderRef.current) {
+            record.expressions?.setRequiredLevelExpression(column.name, () => 'required');
+        }
+        if (firstRenderRef.current) {
+            firstRenderRef.current = false;
+        }
+    }, [conditionComponentValue.get()]);
+    useEffect(() => {
+        if (!controller.value.valid) {
+            record?.expressions?.setRequiredLevelExpression(column.name, () => 'required');
+            rerender();
+        }
+    }, [controller.value.valid]);
+    return (jsx("div", { ref: componentContainerRef, children: jsx(Component, { column: column, record: record, onNotifyOutputChanged: (value) => conditionComponentValue.set(value) }) }));
+};
+
+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 { IGridColumn } from \"../../../../../core/interfaces/IGridColumn\";\nimport { IColumnFilterConditionController, useColumnFilterConditionController } from \"../../../../controller/useColumnFilterConditionController\";\nimport { ConditionComponentValue } from \"./model/ConditionComponentValue\";\nimport { DataTypes, MemoryDataProvider } from \"@talxis/client-libraries\";\nimport { Component } from \"../LegacyControlRendering/Component\";\nimport { useRerender } from \"@talxis/react-components\";\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    const firstRenderRef = useRef(true);\n    controllerRef.current = controller;\n    const conditionComponentValue = useMemo(() => new ConditionComponentValue(controllerRef), []);\n    const column = conditionComponentValue.column;\n    const rerender = useRerender();\n\n    const record = useMemo(() => {\n        const memoryProvider = new MemoryDataProvider(\n            [\n                {\n                    [column.name]: conditionComponentValue.get() ?? undefined,\n                    id: \"id\",\n                },\n            ], {\n                PrimaryIdAttribute: \"id\"\n            }\n        );\n        memoryProvider.setColumns([\n            {\n                ...column,\n                metadata: { ...(column.metadata as any), RequiredLevel: 0 },\n            },\n            {\n                name: \"id\",\n                displayName: \"\",\n                dataType: DataTypes.SingleLineText,\n                alias: \"id\",\n                order: 0,\n                visualSizeFactor: 0,\n            },\n        ]);\n        const record = memoryProvider.refreshSync()[0];\n        return record;\n    }, []);\n\n    record.setValue(column.name, conditionComponentValue.get())\n\n    useEffect(() => {\n        if (conditionComponentValue.get() === null) {\n            const input = componentContainerRef.current?.querySelector('input')\n            input?.focus()\n        }\n        if (!firstRenderRef.current) {\n            record.expressions?.setRequiredLevelExpression(column.name, () => 'required');\n        }\n        if (firstRenderRef.current) {\n            firstRenderRef.current = false;\n        }\n    }, [conditionComponentValue.get()])\n\n    useEffect(() => {\n        if (!controller.value.valid) {\n            record?.expressions?.setRequiredLevelExpression(column.name, () => 'required');\n            rerender();\n        }\n    }, [controller.value.valid])\n\n\n    return (\n        <div ref={componentContainerRef}>\n            <Component\n                column={column}\n                record={record}\n                onNotifyOutputChanged={(value) => conditionComponentValue.set(value)}\n            />\n        </div>\n    )\n}\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/Grid/filtering/components/FilterCallout/components/ConditionValue/ConditionValueBetween.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IGridColumn } from "../../../../../core/interfaces/IGridColumn";
+interface IConditionValue {
+    column: IGridColumn;
+}
+export declare const ConditionValueBetween: (props: IConditionValue) => JSX.Element;
+export {};

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

@@ -0,0 +1,90 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useRef, useMemo } from 'react';
+import { useColumnFilterConditionController } from '../../../../controller/useColumnFilterConditionController.js';
+import { ConditionComponentValue } from './model/ConditionComponentValue.js';
+import { FieldValue } from '@talxis/client-libraries';
+import { useGridInstance } from '../../../../../core/hooks/useGridInstance.js';
+import dayjs from 'dayjs';
+import { mergeStyles } from '@fluentui/react';
+import { DateTime } from '../../../../../../DateTime/DateTime.js';
+
+//copied over the original so it wont get messed up, we need to create a new solution for filtering that is independent of the legacy control rendering
+const ConditionValueBetween = (props) => {
+    const condition = useColumnFilterConditionController(props.column);
+    if (!condition) {
+        return jsx(Fragment, {});
+    }
+    return jsx(InternalConditionValue, { ...condition });
+};
+const InternalConditionValue = (controller) => {
+    const grid = useGridInstance();
+    const componentContainerRef = useRef(null);
+    const controllerRef = useRef(controller);
+    controllerRef.current = controller;
+    const conditionComponentValue = useMemo(() => new ConditionComponentValue(controllerRef), []);
+    const column = conditionComponentValue.column;
+    const getDateBetweenError = (value) => {
+        if (controller.shouldShowError() && !controller.value.valid) {
+            const fieldValue = new FieldValue(value, column.dataType, {
+                ...column.metadata,
+                RequiredLevel: 1
+            });
+            if (fieldValue.isValid().error) {
+                return fieldValue.isValid().errorMessage;
+            }
+        }
+        return undefined;
+    };
+    const getDateBetweenValue = (value) => {
+        if (!value) {
+            return null;
+        }
+        const fieldValue = new FieldValue(value, column.dataType, column.metadata);
+        if (fieldValue.isValid().error) {
+            return value;
+        }
+        return dayjs(fieldValue.getValue()).startOf('day').toDate();
+    };
+    return (jsxs("div", { className: mergeStyles({
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 5
+        }), ref: componentContainerRef, children: [jsx(DateTime, { context: grid.pcfContext, parameters: {
+                    EnableDeleteButton: {
+                        raw: true
+                    },
+                    ShowErrorMessage: {
+                        raw: true
+                    },
+                    value: {
+                        error: !!getDateBetweenError(conditionComponentValue.get()?.[0]),
+                        errorMessage: getDateBetweenError(conditionComponentValue.get()?.[0]),
+                        raw: getDateBetweenValue(conditionComponentValue.get()?.[0]),
+                        //@ts-ignore - typings
+                        attributes: {
+                            Format: "DateOnly",
+                            Behavior: 1,
+                        }
+                    }
+                }, onNotifyOutputChanged: (outputs) => conditionComponentValue.set([outputs.value, conditionComponentValue.get()?.[1]]) }), jsx(DateTime, { context: grid.pcfContext, parameters: {
+                    EnableDeleteButton: {
+                        raw: true
+                    },
+                    ShowErrorMessage: {
+                        raw: true
+                    },
+                    value: {
+                        error: !!getDateBetweenError(conditionComponentValue.get()?.[1]),
+                        errorMessage: getDateBetweenError(conditionComponentValue.get()?.[1]),
+                        raw: getDateBetweenValue(conditionComponentValue.get()?.[1]),
+                        //@ts-ignore - typings
+                        attributes: {
+                            Format: "DateOnly",
+                            Behavior: 1,
+                        }
+                    }
+                }, onNotifyOutputChanged: (outputs) => conditionComponentValue.set([conditionComponentValue.get()?.[0], outputs.value]) })] }));
+};
+
+export { ConditionValueBetween };
+//# sourceMappingURL=ConditionValueBetween.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionValueBetween.js","sources":["../../../../../../../../src/components/Grid/filtering/components/FilterCallout/components/ConditionValue/ConditionValueBetween.tsx"],"sourcesContent":["import { useMemo, useRef } from \"react\";\nimport { IGridColumn } from \"../../../../../core/interfaces/IGridColumn\";\nimport { IColumnFilterConditionController, useColumnFilterConditionController } from \"../../../../controller/useColumnFilterConditionController\";\nimport { ConditionComponentValue } from \"./model/ConditionComponentValue\";\nimport { DataType, FieldValue } from \"@talxis/client-libraries\";\nimport { DateTime } from \"../../../../../../DateTime\";\nimport { useGridInstance } from \"../../../../../core/hooks/useGridInstance\";\nimport dayjs from \"dayjs\";\nimport { mergeStyles } from \"@fluentui/react\";\n\ninterface IConditionValue {\n    column: IGridColumn;\n}\n\n\n//copied over the original so it wont get messed up, we need to create a new solution for filtering that is independent of the legacy control rendering\nexport const ConditionValueBetween = (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 grid = useGridInstance();\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    const getDateBetweenError = (value: any): string | undefined => {\n        if (controller.shouldShowError() && !controller.value.valid) {\n            const fieldValue = new FieldValue(value, column.dataType as DataType, {\n                ...column.metadata,\n                RequiredLevel: 1\n            });\n            if (fieldValue.isValid().error) {\n                return fieldValue.isValid().errorMessage;\n            }\n        }\n        return undefined;\n    }\n\n    const getDateBetweenValue = (value: any) => {\n        if (!value) {\n            return null;\n        }\n        const fieldValue = new FieldValue(value, column.dataType as DataType, column.metadata);\n        if (fieldValue.isValid().error) {\n            return value;\n        }\n        return dayjs(fieldValue.getValue()).startOf('day').toDate();\n    }\n\n    return (\n        <div className={mergeStyles({\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 5\n        })} ref={componentContainerRef}>\n            <DateTime\n                context={grid.pcfContext}\n                parameters={{\n                    EnableDeleteButton: {\n                        raw: true\n                    },\n                    ShowErrorMessage: {\n                        raw: true\n                    },\n                    value: {\n                        error: !!getDateBetweenError(conditionComponentValue.get()?.[0]),\n                        errorMessage: getDateBetweenError(conditionComponentValue.get()?.[0]),\n                        raw: getDateBetweenValue(conditionComponentValue.get()?.[0]),\n                        //@ts-ignore - typings\n                        attributes: {\n                            Format: \"DateOnly\",\n                            Behavior: 1,\n                        }\n                    }\n                }}\n                onNotifyOutputChanged={(outputs) => conditionComponentValue.set([outputs.value, conditionComponentValue.get()?.[1]])}\n            />\n            <DateTime\n                context={grid.pcfContext}\n                parameters={{\n                    EnableDeleteButton: {\n                        raw: true\n                    },\n                    ShowErrorMessage: {\n                        raw: true\n                    },\n                    value: {\n                        error: !!getDateBetweenError(conditionComponentValue.get()?.[1]),\n                        errorMessage: getDateBetweenError(conditionComponentValue.get()?.[1]),\n                        raw: getDateBetweenValue(conditionComponentValue.get()?.[1]),\n                        //@ts-ignore - typings\n                        attributes: {\n                            Format: \"DateOnly\",\n                            Behavior: 1,\n                        }\n                    }\n                }}\n                onNotifyOutputChanged={(outputs) => conditionComponentValue.set([conditionComponentValue.get()?.[0], outputs.value])}\n            />\n        </div >\n    )\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/Grid/filtering/components/FilterCallout/components/ConditionValue/model/ConditionComponentValue.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+/// <reference types="@types/xrm" />
+import { IColumnFilterConditionController } from "../../../../../controller/useColumnFilterConditionController";
+export declare class ConditionComponentValue {
+    private _columnFilterConditionControllerRef;
+    private _conditionUtils;
+    constructor(columnFilterConditionControllerRef: React.MutableRefObject<IColumnFilterConditionController>);
+    get column(): {
+        isRequired: boolean;
+        isEditable: boolean;
+        isFilterable: boolean;
+        isSorted: boolean;
+        isFiltered: boolean;
+        canBeAggregated: boolean;
+        isSortedDescending: boolean;
+        isResizable: boolean;
+        alignment: "left" | "right" | "center" | undefined;
+        getEntityName: () => string;
+        name: string;
+        metadata?: Partial<Omit<Xrm.Metadata.AttributeMetadata, "OptionSet"> & {
+            [key: string]: any;
+            OptionSet: {
+                Color: string;
+                Label: string;
+                Value: number;
+            }[];
+            SupportedAggregations?: import("@talxis/client-libraries").AggregationFunction[] | undefined;
+        }> | undefined;
+        type?: "data" | "action" | undefined;
+        isDraggable?: boolean | undefined;
+        aggregationFunction?: import("@talxis/client-libraries").AggregationFunction | undefined;
+        oneClickEdit?: boolean | undefined;
+        controls?: import("@talxis/client-libraries").ICustomColumnControl[] | undefined;
+        displayName?: string | undefined;
+        dataType?: string | undefined;
+        alias?: string | undefined;
+        order?: number | undefined;
+        visualSizeFactor?: number | undefined;
+        isHidden?: boolean | undefined;
+        isPrimary?: boolean | undefined;
+        disableSorting?: boolean | undefined;
+    };
+    get(): any;
+    set(value: any): void;
+    private get _columnFilterConditionController();
+    private get _value();
+    private get _operator();
+}

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

@@ -0,0 +1,146 @@
+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:
+            //use single line text field for filters on multiple
+            case DataType.MULTIPLE:
+            case DataType.SINGLE_LINE_TEXT_AREA: {
+                _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 == null) {
+            return null;
+        }
+        switch (this.column.dataType) {
+            case DataType.MULTI_SELECT_OPTIONSET: {
+                if (!value) {
+                    return [];
+                }
+                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 (!value) {
+                    return [];
+                }
+                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 (Array.isArray(value)) {
+                    value = value.map((x) => {
+                        if (x) {
+                            const date = dayjs(x);
+                            if (date.isValid()) {
+                                return date.format('YYYY-MM-DD');
+                            }
+                            return x;
+                        }
+                        return null;
+                    });
+                }
+                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            //use single line text field for filters on multiple\n            case DataType.MULTIPLE:\n            case DataType.SINGLE_LINE_TEXT_AREA: {\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 == null) {\n            return null;\n        }\n        switch (this.column.dataType) {\n            case DataType.MULTI_SELECT_OPTIONSET: {\n                if(!value) {\n                    return [];\n                }\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(!value) {\n                    return [];\n                }\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(Array.isArray(value)) {\n                    value = value.map((x: Date) => {\n                        if(x) {\n                            const date = dayjs(x);\n                            if(date.isValid()) {\n                                return date.format('YYYY-MM-DD');\n                            }\n                            return x;\n                        }\n                        return null;\n                    })\n                }\n                if(value instanceof Date) {\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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"}