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

package/dist/components/Grid/filtering/components/FilterCallout/components/LegacyControlRendering/Component.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IRecord } from "@talxis/client-libraries";
+import { IControl } from "../../../../../../../interfaces";
+import { IGridColumn } from "../../../../../core/interfaces/IGridColumn";
+export interface IControlProps {
+    column: IGridColumn;
+    record: IRecord;
+    onNotifyOutputChanged: (value: any) => void;
+    onOverrideControlProps?: (props: IControl<any, any, any, any>) => IControl<any, any, any, any>;
+}
+export declare const Component: (props: IControlProps) => JSX.Element;

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

@@ -0,0 +1,53 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { DataType } from '../../../../../core/enums/DataType.js';
+import { useComponentController } from './controller/useComponentController.js';
+import { TextField } from '../../../../../../TextField/TextField.js';
+import { Duration } from '../../../../../../Duration/Duration.js';
+import { Lookup } from '../../../../../../Lookup/Lookup.js';
+import { Decimal } from '../../../../../../Decimal/Decimal.js';
+import { DateTime } from '../../../../../../DateTime/DateTime.js';
+import { MultiSelectOptionSet } from '../../../../../../MultiSelectOptionSet/MultiSelectOptionSet.js';
+import { TwoOptions } from '../../../../../../TwoOptions/TwoOptions.js';
+import { OptionSet } from '../../../../../../OptionSet/OptionSet.js';
+
+const Component = (props) => {
+    const controller = useComponentController(props);
+    const { column, componentProps } = { ...controller };
+    if (!column) {
+        return jsx(Fragment, {});
+    }
+    switch (column.dataType) {
+        case DataType.TWO_OPTIONS: {
+            return jsx(TwoOptions, { ...componentProps });
+        }
+        case DataType.OPTIONSET: {
+            return jsx(OptionSet, { ...componentProps });
+        }
+        case DataType.MULTI_SELECT_OPTIONSET: {
+            return jsx(MultiSelectOptionSet, { ...componentProps });
+        }
+        case DataType.DATE_AND_TIME_DATE_AND_TIME:
+        case DataType.DATE_AND_TIME_DATE_ONLY: {
+            return jsx(DateTime, { ...componentProps });
+        }
+        case DataType.DECIMAL:
+        case DataType.WHOLE_NONE:
+        case DataType.CURRENCY: {
+            return jsx(Decimal, { ...componentProps });
+        }
+        case DataType.LOOKUP_SIMPLE:
+        case DataType.LOOKUP_OWNER:
+        case DataType.LOOKUP_CUSTOMER: {
+            return jsx(Lookup, { ...componentProps });
+        }
+        case DataType.WHOLE_DURATION: {
+            return jsx(Duration, { ...componentProps });
+        }
+        default: {
+            return jsx(TextField, { ...componentProps });
+        }
+    }
+};
+
+export { Component };
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../../../../../../src/components/Grid/filtering/components/FilterCallout/components/LegacyControlRendering/Component.tsx"],"sourcesContent":["import { IRecord } from \"@talxis/client-libraries\";\nimport { IControl } from \"../../../../../../../interfaces\";\nimport { DateTime } from \"../../../../../../DateTime\";\nimport { Decimal } from \"../../../../../../Decimal\";\nimport { Duration } from \"../../../../../../Duration\";\nimport { Lookup } from \"../../../../../../Lookup\";\nimport { MultiSelectOptionSet } from \"../../../../../../MultiSelectOptionSet\";\nimport { OptionSet } from \"../../../../../../OptionSet\";\nimport { TwoOptions } from \"../../../../../../TwoOptions\";\nimport { DataType } from \"../../../../../core/enums/DataType\";\nimport { IGridColumn } from \"../../../../../core/interfaces/IGridColumn\";\nimport { useComponentController } from \"./controller/useComponentController\";\nimport { TextField } from \"../../../../../../TextField\";\n\nexport interface IControlProps {\n    column: IGridColumn;\n    record: IRecord\n    onNotifyOutputChanged: (value: any) => void;\n    onOverrideControlProps?: (props: IControl<any, any, any, any>) => IControl<any, any, any, any>;\n}\n\nexport const Component = (props: IControlProps) => {\n    const controller = useComponentController(props);\n    const {column, componentProps} = {...controller};\n    if(!column) {\n        return <></>\n    }\n    switch(column.dataType) {\n        case DataType.TWO_OPTIONS: {\n            return <TwoOptions {...componentProps!} />\n        }\n        case DataType.OPTIONSET: {\n            return <OptionSet {...componentProps!} />\n        }\n        case DataType.MULTI_SELECT_OPTIONSET: {\n            return <MultiSelectOptionSet {...componentProps!} />\n        }\n        case DataType.DATE_AND_TIME_DATE_AND_TIME:\n        case DataType.DATE_AND_TIME_DATE_ONLY: {\n            return <DateTime {...componentProps!} />\n        }\n        case DataType.DECIMAL:\n        case DataType.WHOLE_NONE:\n        case DataType.CURRENCY: {\n            return <Decimal {...componentProps!} />\n        }\n        case DataType.LOOKUP_SIMPLE:\n        case DataType.LOOKUP_OWNER:\n        case DataType.LOOKUP_CUSTOMER: {\n            return <Lookup {...componentProps!} />\n        }\n        case DataType.WHOLE_DURATION: {\n            return <Duration {...componentProps!} />\n        }\n        default: {\n            return <TextField {...componentProps!} />\n        }\n    }\n}"],"names":["_jsx"],"mappings":";;;;;;;;;;;;AAqBa,MAAA,SAAS,GAAG,CAAC,KAAoB,KAAI;AAC9C,IAAA,MAAM,UAAU,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IACjD,MAAM,EAAC,MAAM,EAAE,cAAc,EAAC,GAAG,EAAC,GAAG,UAAU,EAAC,CAAC;IACjD,IAAG,CAAC,MAAM,EAAE;AACR,QAAA,OAAOA,iBAAK,CAAA;AACf,KAAA;IACD,QAAO,MAAM,CAAC,QAAQ;AAClB,QAAA,KAAK,QAAQ,CAAC,WAAW,EAAE;AACvB,YAAA,OAAOA,GAAC,CAAA,UAAU,EAAK,EAAA,GAAA,cAAe,GAAI,CAAA;AAC7C,SAAA;AACD,QAAA,KAAK,QAAQ,CAAC,SAAS,EAAE;AACrB,YAAA,OAAOA,GAAC,CAAA,SAAS,EAAK,EAAA,GAAA,cAAe,GAAI,CAAA;AAC5C,SAAA;AACD,QAAA,KAAK,QAAQ,CAAC,sBAAsB,EAAE;AAClC,YAAA,OAAOA,GAAC,CAAA,oBAAoB,EAAK,EAAA,GAAA,cAAe,GAAI,CAAA;AACvD,SAAA;QACD,KAAK,QAAQ,CAAC,2BAA2B,CAAC;AAC1C,QAAA,KAAK,QAAQ,CAAC,uBAAuB,EAAE;AACnC,YAAA,OAAOA,GAAC,CAAA,QAAQ,EAAK,EAAA,GAAA,cAAe,GAAI,CAAA;AAC3C,SAAA;QACD,KAAK,QAAQ,CAAC,OAAO,CAAC;QACtB,KAAK,QAAQ,CAAC,UAAU,CAAC;AACzB,QAAA,KAAK,QAAQ,CAAC,QAAQ,EAAE;AACpB,YAAA,OAAOA,GAAC,CAAA,OAAO,EAAK,EAAA,GAAA,cAAe,GAAI,CAAA;AAC1C,SAAA;QACD,KAAK,QAAQ,CAAC,aAAa,CAAC;QAC5B,KAAK,QAAQ,CAAC,YAAY,CAAC;AAC3B,QAAA,KAAK,QAAQ,CAAC,eAAe,EAAE;AAC3B,YAAA,OAAOA,GAAC,CAAA,MAAM,EAAK,EAAA,GAAA,cAAe,GAAI,CAAA;AACzC,SAAA;AACD,QAAA,KAAK,QAAQ,CAAC,cAAc,EAAE;AAC1B,YAAA,OAAOA,GAAC,CAAA,QAAQ,EAAK,EAAA,GAAA,cAAe,GAAI,CAAA;AAC3C,SAAA;AACD,QAAA,SAAS;AACL,YAAA,OAAOA,GAAC,CAAA,SAAS,EAAK,EAAA,GAAA,cAAe,GAAI,CAAA;AAC5C,SAAA;AACJ,KAAA;AACL;;;;"}

package/dist/components/Grid/filtering/components/FilterCallout/components/LegacyControlRendering/controller/useComponentController.d.ts

@@ -0,0 +1,9 @@
+import { IControlProps } from "../Component";
+import { IGridColumn } from "../../../../../../core/interfaces/IGridColumn";
+import { IControl } from "../../../../../../../../interfaces";
+interface IControlController {
+    column: IGridColumn;
+    componentProps: IControl<any, any, any, any>;
+}
+export declare const useComponentController: (props: IControlProps) => IControlController | undefined;
+export {};

package/dist/components/Grid/filtering/components/FilterCallout/components/LegacyControlRendering/controller/useComponentController.js

@@ -0,0 +1,31 @@
+import { useMemo, useState, useRef, useEffect } from 'react';
+import { Component } from '../model/Component.js';
+import { useGridInstance } from '../../../../../../core/hooks/useGridInstance.js';
+
+const useComponentController = (props) => {
+    const grid = useGridInstance();
+    const component = useMemo(() => new Component(grid), []);
+    const [controller, setController] = useState();
+    const mountedRef = useRef(true);
+    useEffect(() => {
+        (async () => {
+            const componentProps = await component.getControlProps(props);
+            if (!mountedRef.current) {
+                return;
+            }
+            setController({
+                column: props.column,
+                componentProps: componentProps
+            });
+        })();
+    }, [props]);
+    useEffect(() => {
+        return () => {
+            mountedRef.current = false;
+        };
+    }, []);
+    return controller;
+};
+
+export { useComponentController };
+//# sourceMappingURL=useComponentController.js.map

package/dist/components/Grid/filtering/components/FilterCallout/components/LegacyControlRendering/controller/useComponentController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentController.js","sources":["../../../../../../../../../src/components/Grid/filtering/components/FilterCallout/components/LegacyControlRendering/controller/useComponentController.ts"],"sourcesContent":["import { useEffect, useMemo,useRef,useState } from \"react\"\nimport { IControlProps } from \"../Component\";\nimport { Component } from '../model/Component';\nimport { IGridColumn } from \"../../../../../../core/interfaces/IGridColumn\";\nimport { IControl } from \"../../../../../../../../interfaces\";\nimport { useGridInstance } from \"../../../../../../core/hooks/useGridInstance\";\n\ninterface IControlController {\n    column: IGridColumn;\n    componentProps: IControl<any, any, any, any>;\n}\n\nexport const useComponentController = (props: IControlProps): IControlController | undefined => {\n    const grid = useGridInstance();\n    const component = useMemo(() => new Component(grid), []);\n    const [controller, setController] = useState<IControlController>();\n    const mountedRef = useRef<boolean>(true);\n    \n    useEffect(() => {\n        (async () => {\n            const componentProps = await component.getControlProps(props);\n            if(!mountedRef.current) {\n                return;\n            }\n            setController({\n                column: props.column,\n                componentProps: componentProps\n            })\n        })();\n    }, [props]);\n\n    useEffect(() => {\n        return () => {\n            mountedRef.current = false;\n        }\n    }, []);\n\n    return controller;\n}"],"names":[],"mappings":";;;;AAYa,MAAA,sBAAsB,GAAG,CAAC,KAAoB,KAAoC;AAC3F,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE,CAAC;AAC/B,IAAA,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAsB,CAAC;AACnE,IAAA,MAAM,UAAU,GAAG,MAAM,CAAU,IAAI,CAAC,CAAC;IAEzC,SAAS,CAAC,MAAK;QACX,CAAC,YAAW;YACR,MAAM,cAAc,GAAG,MAAM,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;AAC9D,YAAA,IAAG,CAAC,UAAU,CAAC,OAAO,EAAE;gBACpB,OAAO;AACV,aAAA;AACD,YAAA,aAAa,CAAC;gBACV,MAAM,EAAE,KAAK,CAAC,MAAM;AACpB,gBAAA,cAAc,EAAE,cAAc;AACjC,aAAA,CAAC,CAAA;SACL,GAAG,CAAC;AACT,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,MAAK;AACX,QAAA,OAAO,MAAK;AACR,YAAA,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;AAC/B,SAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAO,UAAU,CAAC;AACtB;;;;"}

package/dist/components/Grid/filtering/components/FilterCallout/components/LegacyControlRendering/model/Component.d.ts

@@ -0,0 +1,10 @@
+import { GridDependency } from "../../../../../../core/model/GridDependency";
+import { IControlProps } from "../Component";
+import { IControl } from "../../../../../../../../interfaces";
+export declare class Component extends GridDependency {
+    private _debouncedGetLookupValue;
+    private static _lookupSavedQueriesCache;
+    getControlProps(props: IControlProps): Promise<IControl<any, any, any, any>>;
+    private _getLookupValue;
+    private _getComponentValue;
+}

package/dist/components/Grid/filtering/components/FilterCallout/components/LegacyControlRendering/model/Component.js

@@ -0,0 +1,294 @@
+import dayjs from 'dayjs';
+import { GridDependency } from '../../../../../../core/model/GridDependency.js';
+import { Sanitizer } from '@talxis/client-libraries';
+import { DataType } from '../../../../../../core/enums/DataType.js';
+
+const debounce = (func, wait) => {
+    let timeout = null;
+    let promiseCache = null;
+    return async (...args) => {
+        if (!promiseCache) {
+            promiseCache = func(...args);
+        }
+        if (timeout)
+            clearTimeout(timeout);
+        timeout = setTimeout(() => {
+            promiseCache = null;
+        }, wait);
+        return promiseCache;
+    };
+};
+//deprecated, used for filters only
+//filters should be moved to NestedControlRenderer
+class Component extends GridDependency {
+    constructor() {
+        super(...arguments);
+        this._debouncedGetLookupValue = debounce(this._getLookupValue.bind(this), 50);
+    }
+    async getControlProps(props) {
+        const { column, onNotifyOutputChanged, record } = { ...props };
+        const value = this._getComponentValue(column, record.getValue(column.name));
+        const formattedValue = record.getFormattedValue(column.name);
+        const validation = record.getColumnInfo(column.name);
+        const onOverrideControlProps = (props) => {
+            return {
+                ...props,
+                parameters: {
+                    ...props.parameters,
+                    MultipleEnabled: {
+                        raw: true
+                    },
+                    IsInlineNewEnabled: {
+                        raw: false
+                    },
+                    ShowErrorMessage: {
+                        raw: true
+                    },
+                    EnableTypeSuffix: {
+                        raw: false
+                    }
+                }
+            };
+        };
+        switch (column.dataType) {
+            case DataType.LOOKUP_SIMPLE:
+            case DataType.LOOKUP_OWNER:
+            case DataType.LOOKUP_CUSTOMER: {
+                const columnMetadata = column.metadata;
+                const targets = columnMetadata?.Targets ?? [];
+                //@ts-ignore - typings
+                if (column.dataType === DataType.LOOKUP_OWNER && window.TALXIS.Portal) {
+                    targets.push('systemuser', 'team');
+                }
+                let displayName = "";
+                if (targets.length === 1) {
+                    displayName = (await this._pcfContext.utils.getEntityMetadata(targets[0])).DisplayName;
+                }
+                const result = {
+                    context: this._pcfContext,
+                    parameters: {
+                        value: {
+                            getAllViews: async (entityName, __queryType = 1) => {
+                                const cacheKey = `${entityName}_${__queryType}`;
+                                if (!Component._lookupSavedQueriesCache.get(cacheKey)) {
+                                    Component._lookupSavedQueriesCache.set(cacheKey, new Promise(async (resolve) => {
+                                        const response = await this._pcfContext.webAPI.retrieveMultipleRecords('savedquery', `?$filter=returnedtypecode eq '${entityName}' and querytype eq ${__queryType} and isdefault eq true&$select=name,savedqueryid,fetchxml`);
+                                        resolve(response.entities[0]);
+                                    }));
+                                }
+                                const result = await Component._lookupSavedQueriesCache.get(cacheKey);
+                                return [
+                                    {
+                                        isDefault: true,
+                                        viewName: result.name,
+                                        viewId: result.savedqueryid,
+                                        fetchXml: result.fetchxml
+                                    }
+                                ];
+                            },
+                            raw: await this._debouncedGetLookupValue(targets, value),
+                            attributes: {
+                                Targets: targets,
+                                DisplayName: displayName
+                            },
+                            error: validation?.error === false,
+                            errorMessage: validation?.errorMessage ?? "",
+                        },
+                        MultipleEnabled: {
+                            raw: true
+                        },
+                        IsInlineNewEnabled: {
+                            raw: false
+                        },
+                        ShowErrorMessage: {
+                            raw: true
+                        }
+                    },
+                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)
+                };
+                return onOverrideControlProps(result);
+            }
+            case DataType.TWO_OPTIONS: {
+                const twoOptionsValue = value;
+                const options = column.metadata?.OptionSet ?? [];
+                return onOverrideControlProps({
+                    context: this._pcfContext,
+                    parameters: {
+                        value: {
+                            raw: twoOptionsValue === true ? true : false,
+                            error: validation?.error === false,
+                            errorMessage: validation?.errorMessage ?? "",
+                            attributes: {
+                                Options: options
+                            }
+                        }
+                    },
+                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)
+                });
+            }
+            case DataType.OPTIONSET: {
+                const optionSetValue = value;
+                const options = column.metadata?.OptionSet ?? [];
+                return onOverrideControlProps({
+                    context: this._pcfContext,
+                    parameters: {
+                        value: {
+                            raw: optionSetValue ?? null,
+                            error: validation?.error === false,
+                            errorMessage: validation?.errorMessage ?? "",
+                            attributes: {
+                                Options: options
+                            }
+                        },
+                    },
+                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)
+                });
+            }
+            case DataType.MULTI_SELECT_OPTIONSET: {
+                const options = column.metadata?.OptionSet ?? [];
+                const optionSetValue = value;
+                return onOverrideControlProps({
+                    context: this._pcfContext,
+                    parameters: {
+                        value: {
+                            raw: optionSetValue ?? null,
+                            error: validation?.error === false,
+                            errorMessage: validation?.errorMessage ?? "",
+                            attributes: {
+                                Options: options
+                            }
+                        }
+                    },
+                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)
+                });
+            }
+            case DataType.DATE_AND_TIME_DATE_AND_TIME:
+            case DataType.DATE_AND_TIME_DATE_ONLY: {
+                const dateTimeValue = value;
+                const metadata = column.metadata;
+                const date = dayjs(dateTimeValue);
+                return onOverrideControlProps({
+                    context: this._pcfContext,
+                    parameters: {
+                        value: {
+                            raw: date.isValid() ? date.toDate() : dateTimeValue,
+                            error: validation?.error === false,
+                            errorMessage: validation?.errorMessage ?? "",
+                            attributes: {
+                                Behavior: metadata?.Behavior,
+                                Format: column.dataType
+                            }
+                        }
+                    },
+                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)
+                });
+            }
+            case DataType.WHOLE_NONE:
+            case DataType.DECIMAL:
+            case DataType.CURRENCY:
+            case DataType.WHOLE_DURATION: {
+                const decimalValue = value;
+                const metadata = column.metadata;
+                const precision = metadata?.Precision;
+                return onOverrideControlProps({
+                    context: this._pcfContext,
+                    parameters: {
+                        value: {
+                            raw: decimalValue ?? null,
+                            error: validation?.error === false,
+                            //formatted value is only used for currency => there is no way to get the currency symbol so the formatCurrency method is useless
+                            formatted: formattedValue,
+                            errorMessage: validation?.errorMessage ?? "",
+                            type: column.dataType,
+                            attributes: {
+                                Precision: precision
+                            }
+                        },
+                        NotifyOutputChangedOnUnmount: {
+                            //duration is ComboBox => no need to do this
+                            raw: column.dataType !== DataType.WHOLE_DURATION,
+                        }
+                    },
+                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)
+                });
+            }
+            default: {
+                return onOverrideControlProps({
+                    context: this._pcfContext,
+                    parameters: {
+                        isResizable: {
+                            raw: false
+                        },
+                        NotifyOutputChangedOnUnmount: {
+                            raw: true,
+                        },
+                        value: {
+                            raw: value,
+                            type: column.dataType,
+                            error: validation?.error === false,
+                            errorMessage: validation?.errorMessage ?? ""
+                        }
+                    },
+                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)
+                });
+            }
+        }
+    }
+    async _getLookupValue(targets, value) {
+        if (!value || value.length === 0) {
+            return [];
+        }
+        //this is case from filters where we only have the id to work it => we need to go through targets and search for the records
+        if (!value[0].entityType) {
+            for (const lookup of value) {
+                for (const target of targets) {
+                    try {
+                        const lookupEntityMetadata = await this._pcfContext.utils.getEntityMetadata(target, []);
+                        const response = await this._pcfContext.webAPI.retrieveRecord(target, lookup.id, `?$select=${lookupEntityMetadata.PrimaryNameAttribute}`);
+                        lookup.entityType = target;
+                        lookup.name = response[lookupEntityMetadata.PrimaryNameAttribute];
+                        break;
+                    }
+                    catch (err) {
+                        continue;
+                    }
+                }
+            }
+        }
+        return value;
+    }
+    //map because getValue API does not return values 1:1 to PCF bindings
+    _getComponentValue(column, value) {
+        switch (column.dataType) {
+            //getValue always returns string for TwoOptions
+            case DataType.TWO_OPTIONS: {
+                value = value == '1' ? true : false;
+                break;
+            }
+            //getValue always returns string for OptionSet
+            case DataType.OPTIONSET: {
+                value = value ? parseInt(value) : null;
+                break;
+            }
+            case DataType.MULTI_SELECT_OPTIONSET: {
+                value = value ? value.split(',').map((x) => parseInt(x)) : null;
+                break;
+            }
+            case DataType.LOOKUP_SIMPLE:
+            case DataType.LOOKUP_CUSTOMER:
+            case DataType.LOOKUP_OWNER: {
+                //our implementation returns array, Power Apps returns object
+                if (value && !Array.isArray(value)) {
+                    value = [value];
+                }
+                value = value?.map((x) => Sanitizer.Lookup.getLookupValue(x));
+                break;
+            }
+        }
+        return value;
+    }
+}
+Component._lookupSavedQueriesCache = new Map;
+
+export { Component };
+//# sourceMappingURL=Component.js.map

package/dist/components/Grid/filtering/components/FilterCallout/components/LegacyControlRendering/model/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../../../../../../../src/components/Grid/filtering/components/FilterCallout/components/LegacyControlRendering/model/Component.ts"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { GridDependency } from \"../../../../../../core/model/GridDependency\";\nimport { IControlProps } from \"../Component\";\nimport { IControl } from \"../../../../../../../../interfaces\";\nimport { Attribute, Sanitizer } from \"@talxis/client-libraries\";\nimport { DataType } from \"../../../../../../core/enums/DataType\";\nimport { ILookup } from \"../../../../../../../Lookup\";\nimport { ITwoOptions } from \"../../../../../../../TwoOptions\";\nimport { IOptionSet } from \"../../../../../../../OptionSet\";\nimport { IMultiSelectOptionSet } from \"../../../../../../../MultiSelectOptionSet\";\nimport { IDateTime } from \"../../../../../../../DateTime\";\nimport { IDecimal } from \"../../../../../../../Decimal\";\nimport { ITextField } from \"../../../../../../../TextField\";\nimport { IGridColumn } from \"../../../../../../core/interfaces/IGridColumn\";\n\nconst debounce = (func: (...args: any[]) => Promise<any>, wait: number) => {\n    let timeout: NodeJS.Timeout | null = null;\n    let promiseCache: Promise<any> | null = null;\n\n    return async (...args: any[]) => {\n        if (!promiseCache) {\n            promiseCache = func(...args);\n        }\n\n        if (timeout) clearTimeout(timeout);\n\n        timeout = setTimeout(() => {\n            promiseCache = null;\n        }, wait);\n\n        return promiseCache;\n    };\n};\n\n\n//deprecated, used for filters only\n//filters should be moved to NestedControlRenderer\nexport class Component extends GridDependency {\n    private _debouncedGetLookupValue = debounce(this._getLookupValue.bind(this), 50);\n    private static _lookupSavedQueriesCache = new Map<string, Promise<ComponentFramework.WebApi.Entity>>;\n\n    public async getControlProps(props: IControlProps): Promise<IControl<any, any, any, any>> {\n        const { column, onNotifyOutputChanged, record} = { ...props };\n        const value = this._getComponentValue(column, record.getValue(column.name));\n        const formattedValue = record.getFormattedValue(column.name);\n        const validation = record.getColumnInfo(column.name);\n        const onOverrideControlProps = (props: IControl<any, any, any, any>) => {\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                    EnableTypeSuffix: {\n                        raw: false\n                    }\n                }\n            }\n        };\n        switch (column.dataType) {\n            case DataType.LOOKUP_SIMPLE:\n            case DataType.LOOKUP_OWNER:\n            case DataType.LOOKUP_CUSTOMER: {\n                const columnMetadata = column.metadata\n                const targets = columnMetadata?.Targets ?? [];\n                //@ts-ignore - typings\n                if (column.dataType === DataType.LOOKUP_OWNER && window.TALXIS.Portal) {\n                    targets.push('systemuser', 'team')\n                }\n                let displayName = \"\";\n                if(targets.length === 1) {\n                    displayName = (await this._pcfContext.utils.getEntityMetadata(targets[0])).DisplayName;\n                }\n                const result = {\n                    context: this._pcfContext,\n                    parameters: {\n                        value: {\n                            getAllViews: async (entityName: string, __queryType: number = 1) => {\n                                const cacheKey = `${entityName}_${__queryType}`\n                                if (!Component._lookupSavedQueriesCache.get(cacheKey)) {\n                                    Component._lookupSavedQueriesCache.set(cacheKey, new Promise(async (resolve) => {\n                                        const response = await this._pcfContext.webAPI.retrieveMultipleRecords('savedquery', `?$filter=returnedtypecode eq '${entityName}' and querytype eq ${__queryType} and isdefault eq true&$select=name,savedqueryid,fetchxml`);\n                                        resolve(response.entities[0])\n                                    }))\n                                }\n                                const result = await Component._lookupSavedQueriesCache.get(cacheKey)!;\n                                return [\n                                    {\n                                        isDefault: true,\n                                        viewName: result.name,\n                                        viewId: result.savedqueryid,\n                                        fetchXml: result.fetchxml\n                                    }\n                                ]\n                            },\n                            raw: await this._debouncedGetLookupValue(targets, value),\n                            attributes: {\n                                Targets: targets,\n                                DisplayName: displayName\n                            },\n                            error: validation?.error === false,\n                            errorMessage: validation?.errorMessage ?? \"\",\n                        },\n                        MultipleEnabled: {\n                            raw: true\n                        },\n                        IsInlineNewEnabled: {\n                            raw: false\n                        },\n                        ShowErrorMessage: {\n                            raw: true\n                        }\n                    },\n                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)\n\n                } as ILookup;\n                return onOverrideControlProps(result);\n            }\n            case DataType.TWO_OPTIONS: {\n                const twoOptionsValue = value as boolean | undefined | null;\n                const options = column.metadata?.OptionSet ?? [];\n                return onOverrideControlProps({\n                    context: this._pcfContext,\n                    parameters: {\n                        value: {\n                            raw: twoOptionsValue === true ? true : false,\n                            error: validation?.error === false,\n                            errorMessage: validation?.errorMessage ?? \"\",\n                            attributes: {\n                                Options: options\n                            }\n                        }\n                    },\n                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)\n                } as ITwoOptions)\n            }\n            case DataType.OPTIONSET: {\n                const optionSetValue = value as number | null | undefined;\n                const options = column.metadata?.OptionSet ?? [];\n                return onOverrideControlProps({\n                    context: this._pcfContext,\n                    parameters: {\n                        value: {\n                            raw: optionSetValue ?? null,\n                            error:  validation?.error === false,\n                            errorMessage: validation?.errorMessage ?? \"\",\n                            attributes: {\n                                Options: options\n                            }\n                        },\n                    },\n                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)\n                } as IOptionSet);\n            }\n            case DataType.MULTI_SELECT_OPTIONSET: {\n                const options = column.metadata?.OptionSet ?? [];\n                const optionSetValue = value as number[] | null | undefined;\n                return onOverrideControlProps({\n                    context: this._pcfContext,\n                    parameters: {\n                        value: {\n                            raw: optionSetValue ?? null,\n                            error:  validation?.error === false,\n                            errorMessage: validation?.errorMessage ?? \"\",\n                            attributes: {\n                                Options: options\n                            }\n                        }\n                    },\n                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)\n                } as IMultiSelectOptionSet);\n            }\n            case DataType.DATE_AND_TIME_DATE_AND_TIME:\n            case DataType.DATE_AND_TIME_DATE_ONLY: {\n                const dateTimeValue = value as Date | null | undefined;\n                const metadata = column.metadata;\n                const date = dayjs(dateTimeValue);\n                return onOverrideControlProps({\n                    context: this._pcfContext,\n                    parameters: {\n                        value: {\n                            raw: date.isValid() ? date.toDate() : dateTimeValue,\n                            error: validation?.error === false,\n                            errorMessage: validation?.errorMessage ?? \"\",\n                            attributes: {\n                                Behavior: metadata?.Behavior,\n                                Format: column.dataType\n                            }\n                        }\n                    },\n                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)\n                    \n                } as IDateTime);\n            }\n            case DataType.WHOLE_NONE:\n            case DataType.DECIMAL:\n            case DataType.CURRENCY:\n            case DataType.WHOLE_DURATION: {\n                const decimalValue = value as number | null | undefined\n                const metadata = column.metadata\n                const precision = metadata?.Precision;\n                return onOverrideControlProps({\n                    context: this._pcfContext,\n                    parameters: {\n                        value: {\n                            raw: decimalValue ?? null,\n                            error: validation?.error === false,\n                            //formatted value is only used for currency => there is no way to get the currency symbol so the formatCurrency method is useless\n                            formatted: formattedValue,\n                            errorMessage: validation?.errorMessage ?? \"\",\n                            type: column.dataType,\n                            attributes: {\n                                Precision: precision\n                            }\n                        },\n                        NotifyOutputChangedOnUnmount: {\n                            //duration is ComboBox => no need to do this\n                            raw: column.dataType !== DataType.WHOLE_DURATION,\n                        }\n                    },\n                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)\n\n                } as IDecimal);\n            }\n            default: {\n                return onOverrideControlProps({\n                    context: this._pcfContext,\n                    parameters: {\n                        isResizable: {\n                            raw: false\n                        },\n                        NotifyOutputChangedOnUnmount: {\n                            raw: true,\n                        },\n                        value: {\n                            raw: value,\n                            type: column.dataType,\n                            error:  validation?.error === false,\n                            errorMessage: validation?.errorMessage ?? \"\"\n                        }\n                    },\n                    onNotifyOutputChanged: (outputs) => onNotifyOutputChanged(outputs.value)\n                } as ITextField);\n            }\n        }\n    }\n    private async _getLookupValue(targets: string[], value: ComponentFramework.LookupValue[] | null | undefined): Promise<ComponentFramework.LookupValue[]> {\n        if (!value || value.length === 0) {\n            return [];\n        }\n        //this is case from filters where we only have the id to work it => we need to go through targets and search for the records\n        if (!value[0].entityType) {\n            for (const lookup of value) {\n                for (const target of targets) {\n                    try {\n                        const lookupEntityMetadata = await this._pcfContext.utils.getEntityMetadata(target, []);\n                        const response = await this._pcfContext.webAPI.retrieveRecord(target, lookup.id, `?$select=${lookupEntityMetadata.PrimaryNameAttribute}`);\n                        lookup.entityType = target;\n                        lookup.name = response[lookupEntityMetadata.PrimaryNameAttribute];\n                        break;\n                    }\n                    catch (err) {\n                        continue;\n                    }\n                }\n            }\n        }\n        return value;\n    }\n\n\n    //map because getValue API does not return values 1:1 to PCF bindings\n    private _getComponentValue(column: IGridColumn, value: any) {\n        switch(column.dataType) {\n            //getValue always returns string for TwoOptions\n            case DataType.TWO_OPTIONS: {\n                value = value == '1' ? true : false\n                break;\n            }\n            //getValue always returns string for OptionSet\n            case DataType.OPTIONSET: {\n                value = value ? parseInt(value) : null;\n                break;\n            }\n            case DataType.MULTI_SELECT_OPTIONSET: {\n                value = value ? value.split(',').map((x: string) => parseInt(x)) : null;\n                break;\n            }\n            case DataType.LOOKUP_SIMPLE:\n            case DataType.LOOKUP_CUSTOMER:\n            case DataType.LOOKUP_OWNER: {\n                //our implementation returns array, Power Apps returns object\n                if(value && !Array.isArray(value)) {\n                    value = [value];\n                }\n                value = value?.map((x: ComponentFramework.EntityReference) => Sanitizer.Lookup.getLookupValue(x))\n                break;\n            }\n        }\n        return value;\n    }\n}"],"names":[],"mappings":"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"}

package/dist/components/Grid/filtering/components/FilterCallout/styles.d.ts

@@ -0,0 +1,35 @@
+export declare const filterCalloutStyles: import("@fluentui/react").IProcessedStyleSet<{
+    controls: {
+        display: string;
+        flexDirection: string;
+        gap: number;
+        flexGrow: number;
+    };
+    root: {
+        minHeight: number;
+        padding: number;
+        '.ms-Callout-main': {
+            display: string;
+            flexDirection: string;
+            gap: number;
+        };
+        '.TALXIS__combobox__root, [class*="TALXIS__textfield__root"], [class*="TALXIS__tag-picker__root"]': {
+            padding: string;
+        };
+    };
+    title: {
+        fontWeight: number;
+        flexGrow: number;
+    };
+    header: {
+        display: string;
+        i: {
+            fontSize: number;
+        };
+    };
+    footer: {
+        display: string;
+        gap: number;
+        justifyContent: string;
+    };
+}>;

package/dist/components/Grid/{column-headers/column-header → filtering/components/FilterCallout}/styles.js

@@ -1,23 +1,18 @@
 import { mergeStyleSets } from '@fluentui/react';
 
-const getColumnHeaderContextualMenuStyles = (theme) => {
-    return mergeStyleSets({
-        item: {
-            '& .is-checked': {
-                backgroundColor: theme.semanticColors.buttonBackgroundHovered,
-                fontWeight: 600
-            }
-        }
-    });
-};
 const filterCalloutStyles = mergeStyleSets({
+    controls: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 10,
+        flexGrow: 1
+    },
     root: {
         minHeight: 200,
         padding: 16,
         '.ms-Callout-main': {
             display: 'flex',
             flexDirection: 'column',
-            minHeight: 180,
             gap: 10
         },
         '.TALXIS__combobox__root, [class*="TALXIS__textfield__root"], [class*="TALXIS__tag-picker__root"]': {
@@ -34,16 +29,12 @@ const filterCalloutStyles = mergeStyleSets({
             fontSize: 12
         }
     },
-    valueControlsContainer: {
-        flexGrow: 1
-    },
-    datasetColumnFilteringRoot: {
-        flexGrow: 1
-    },
-    datasetColumnFilteringButtons: {
-        justifyContent: 'flex-end',
+    footer: {
+        display: 'flex',
+        gap: 10,
+        justifyContent: 'flex-end'
     }
 });
 
-export { filterCalloutStyles, getColumnHeaderContextualMenuStyles };
+export { filterCalloutStyles };
 //# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Grid/filtering/components/FilterCallout/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\";\n\nexport const filterCalloutStyles = mergeStyleSets({\n    controls: {\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 10,\n        flexGrow: 1\n    },\n    root: {\n        minHeight: 200,\n        padding: 16,\n        '.ms-Callout-main': {\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 10\n        },\n        '.TALXIS__combobox__root, [class*=\"TALXIS__textfield__root\"], [class*=\"TALXIS__tag-picker__root\"]': {\n            padding: `0x !important`\n        }\n    },\n    title: {\n        fontWeight: 600,\n        flexGrow: 1\n    },\n    header: {\n        display: 'flex',\n        'i': {\n            fontSize: 12\n        }\n    },\n    footer: {\n        display: 'flex',\n        gap: 10,\n        justifyContent: 'flex-end'\n    }\n});"],"names":[],"mappings":";;AAEO,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAC9C,IAAA,QAAQ,EAAE;AACN,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,GAAG,EAAE,EAAE;AACP,QAAA,QAAQ,EAAE,CAAC;AACd,KAAA;AACD,IAAA,IAAI,EAAE;AACF,QAAA,SAAS,EAAE,GAAG;AACd,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,kBAAkB,EAAE;AAChB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,GAAG,EAAE,EAAE;AACV,SAAA;AACD,QAAA,kGAAkG,EAAE;AAChG,YAAA,OAAO,EAAE,CAAe,aAAA,CAAA;AAC3B,SAAA;AACJ,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,QAAQ,EAAE,CAAC;AACd,KAAA;AACD,IAAA,MAAM,EAAE;AACJ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,GAAG,EAAE;AACD,YAAA,QAAQ,EAAE,EAAE;AACf,SAAA;AACJ,KAAA;AACD,IAAA,MAAM,EAAE;AACJ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,GAAG,EAAE,EAAE;AACP,QAAA,cAAc,EAAE,UAAU;AAC7B,KAAA;AACJ,CAAA;;;;"}

package/dist/components/Grid/filtering/constants.d.ts

@@ -0,0 +1,5 @@
+import { DatasetConditionOperator } from "../core/enums/ConditionOperator";
+export declare const OPERATORS: {
+    type: DatasetConditionOperator;
+    key: string;
+}[];

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

@@ -0,0 +1,53 @@
+import { DatasetConditionOperator } from '../core/enums/ConditionOperator.js';
+
+const OPERATORS = [
+    { type: DatasetConditionOperator.None, key: 'condition-none' },
+    { type: DatasetConditionOperator.Equal, key: 'condition-equal' },
+    { type: DatasetConditionOperator.NotEqual, key: 'condition-notequal' },
+    { type: DatasetConditionOperator.GreaterThan, key: 'condition-greaterthan' },
+    { type: DatasetConditionOperator.LessThan, key: 'condition-lessthan' },
+    { type: DatasetConditionOperator.GreaterEqual, key: 'condition-greaterequal' },
+    { type: DatasetConditionOperator.LessEqual, key: 'condition-lessequal' },
+    { type: DatasetConditionOperator.Like, key: 'condition-like' },
+    { type: DatasetConditionOperator.NotLike, key: 'condition-notlike' },
+    { type: DatasetConditionOperator.In, key: 'condition-in' },
+    { type: DatasetConditionOperator.NotIn, key: 'condition-notin' },
+    { type: DatasetConditionOperator.Between, key: 'condition-between' },
+    { type: DatasetConditionOperator.NotBetween, key: 'condition-notbetween' },
+    { type: DatasetConditionOperator.Null, key: 'condition-null' },
+    { type: DatasetConditionOperator.NotNull, key: 'condition-notnull' },
+    { type: DatasetConditionOperator.Yesterday, key: 'condition-yesterday' },
+    { type: DatasetConditionOperator.Today, key: 'condition-today' },
+    { type: DatasetConditionOperator.Tomorrow, key: 'condition-tomorrow' },
+    { type: DatasetConditionOperator.Last7Days, key: 'condition-last7days' },
+    { type: DatasetConditionOperator.Next7Days, key: 'condition-next7days' },
+    { type: DatasetConditionOperator.LastWeek, key: 'condition-lastweek' },
+    { type: DatasetConditionOperator.ThisWeek, key: 'condition-thisweek' },
+    { type: DatasetConditionOperator.LastMonth, key: 'condition-lastmonth' },
+    { type: DatasetConditionOperator.ThisMonth, key: 'condition-thismonth' },
+    { type: DatasetConditionOperator.On, key: 'condition-on' },
+    { type: DatasetConditionOperator.OnOrBefore, key: 'condition-onorbefore' },
+    { type: DatasetConditionOperator.OnOrAfter, key: 'condition-onorafter' },
+    { type: DatasetConditionOperator.LastYear, key: 'condition-lastyear' },
+    { type: DatasetConditionOperator.ThisYear, key: 'condition-thisyear' },
+    { type: DatasetConditionOperator.LastXDays, key: 'condition-lastxdays' },
+    { type: DatasetConditionOperator.NextXDays, key: 'condition-nextxdays' },
+    { type: DatasetConditionOperator.LastXMonths, key: 'condition-lastxmonths' },
+    { type: DatasetConditionOperator.NextXMonths, key: 'condition-nextxmonths' },
+    { type: DatasetConditionOperator.Contains, key: 'condition-contains' },
+    { type: DatasetConditionOperator.BeginWith, key: 'condition-beginwith' },
+    { type: DatasetConditionOperator.DoesNotBeginWith, key: 'condition-doesnotbeginwith' },
+    { type: DatasetConditionOperator.EndsWith, key: 'condition-endswith' },
+    { type: DatasetConditionOperator.DoesNotEndWith, key: 'condition-doesnotendwith' },
+    { type: DatasetConditionOperator.InFiscalPeriodAndYear, key: 'condition-infiscalperiodandyear' },
+    { type: DatasetConditionOperator.Above, key: 'condition-above' },
+    { type: DatasetConditionOperator.Under, key: 'condition-under' },
+    { type: DatasetConditionOperator.NotUnder, key: 'condition-notunder' },
+    { type: DatasetConditionOperator.AboveOrEqual, key: 'condition-aboveorequal' },
+    { type: DatasetConditionOperator.UnderOrEqual, key: 'condition-underorequal' },
+    { type: DatasetConditionOperator.ContainValues, key: 'condition-containvalues' },
+    { type: DatasetConditionOperator.DoesNotContainValues, key: 'condition-doesnotcontainvalues' }, // Added missing operator
+];
+
+export { OPERATORS };
+//# sourceMappingURL=constants.js.map