@talxis/base-controls 1.2507.2 → 1.2509.1-alpha.0

package/dist/components/GridColumnHeader/GridColumnHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColumnHeader.js","sources":["../../../src/components/GridColumnHeader/GridColumnHeader.tsx"],"sourcesContent":["import { CommandBarButton, ThemeProvider, Text, Icon } from \"@fluentui/react\";\nimport { useControl } from \"../../hooks\";\nimport { IGridColumnHeader } from \"./interfaces\";\nimport { useMemo, useRef } from \"react\";\nimport { GridColumnHeaderModel } from \"./GridColumnHeaderModel\";\nimport { getGridColumnHeaderStyles } from \"./styles\";\nimport { Autosum20Regular, GroupList20Regular, GroupList24Regular, GroupListRegular } from \"@fluentui/react-icons\";\nimport { gridColumnHeaderTranslations } from \"./translations\";\n\nexport const GridColumnHeader = (props: IGridColumnHeader) => {\n    const { theme, labels } = useControl('GridColumnHeader', props, gridColumnHeaderTranslations);\n    const propsRef = useRef<IGridColumnHeader>(props);\n    propsRef.current = props;\n\n    const model = useMemo(() => new GridColumnHeaderModel({\n        getLabels: () => labels,\n        getProps: () => propsRef.current\n    }), []);\n    const styles = useMemo(() => getGridColumnHeaderStyles(theme, model.getColumn().alignment!), [\n        theme,\n        model.getColumn().alignment!\n    ]);\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n\n    const componentProps = onOverrideComponentProps({\n        onRender: (props, defaultRender) => defaultRender(props)\n    })\n\n    const getSortIconName = () => {\n        if (model.isSortedAsc()) {\n            return 'SortUp';\n        } else if (model.isSortedDesc()) {\n            return 'SortDown';\n        }\n        return undefined;\n    }\n\n    const getTitle = () => {\n        let title = model.getColumn().displayName;\n        if (model.isAggregated()) {\n            title += ` (${model.getAggregationLabel()})`;\n        }\n        return title;\n    }\n\n    return componentProps.onRender({\n        container: {\n            theme: theme\n        },\n        onRenderCommandBarButton: (props, defaultRender) => defaultRender(props),\n    }, (props) => {\n        return <ThemeProvider {...props.container}>\n            {props.onRenderCommandBarButton({\n                buttonProps: {\n                    styles: {\n                        root: styles.commandBarButtonRoot,\n                    },\n                    title: getTitle()\n                },\n                onRenderColumnDisplayNameContainer: (props, defaultRender) => defaultRender(props),\n                onRenderSuffixIconContainer: (props, defaultRender) => defaultRender(props),\n            }, (props) => {\n                return <CommandBarButton {...props.buttonProps}>\n                    {props.onRenderColumnDisplayNameContainer({\n                        container: {\n                            className: styles.columnDisplayNameContainer\n                        },\n                        onRenderColumnDisplayName: (props, defaultRender) => defaultRender(props),\n                        onRenderRequiredSymbol: (props, defaultRender) => defaultRender(props),\n                        onRenderGroupingIcon: (props, defaultRender) => defaultRender(props),\n\n                    }, (props) => {\n                        return <div {...props.container}>\n                            {props.onRenderGroupingIcon({\n                                className: `${styles.svgIcon}`\n                            }, (props) => {\n                                if (model.isGrouped()) {\n                                    return <GroupList20Regular {...props} />\n                                }\n                                return <></>\n                            })}\n                            {props.onRenderColumnDisplayName({\n                                children: model.getColumn().displayName,\n                                styles: {\n                                    root: styles.columnDisplayNameText\n                                }\n                            }, (props) => {\n                                return <Text {...props} />\n                            })}\n                            {props.onRenderRequiredSymbol({\n                                children: '*',\n                                className: styles.asterix\n                            }, (props) => {\n                                if (model.isRequired()) {\n                                    return <Text {...props} />\n                                }\n                                return <></>\n                            })}\n                        </div>\n                    })}\n                    {props.onRenderSuffixIconContainer({\n                        container: {\n                            className: styles.suffixIconsContainer\n                        },\n                        onRenderFilterIcon: (props, defaultRender) => defaultRender(props),\n                        onRenderSortIcon: (props, defaultRender) => defaultRender(props),\n                        onRenderUneditableIcon: (props, defaultRender) => defaultRender(props),\n                        onRenderSumIcon: (props, defaultRender) => defaultRender(props),\n                    }, (props) => {\n                        return <div {...props.container}>\n                            {props.onRenderSortIcon({\n                                iconName: getSortIconName()\n                            }, (props) => {\n                                if (props.iconName) {\n                                    return <Icon {...props} />\n                                }\n                                return <></>\n                            })}\n                            {props.onRenderFilterIcon({\n                                iconName: 'Filter'\n                            }, (props) => {\n                                if (model.isFiltered()) {\n                                    return <Icon {...props} />\n                                }\n                                return <></>\n                            })}\n                            {props.onRenderUneditableIcon({\n                                iconName: 'Uneditable'\n                            }, (props) => {\n                                if (model.isUneditableIconVisible()) {\n                                    return <Icon {...props} />\n                                }\n                                return <></>\n                            })}\n                            {props.onRenderSumIcon({\n                                className: `${styles.svgIcon} ${styles.aggregationIcon}`\n                            }, (props) => {\n                                if (model.isAggregated()) {\n                                    return <Autosum20Regular {...props} />\n                                }\n                                return <></>\n                            })}\n                        </div>\n                    })}\n                </CommandBarButton>\n            })}\n        </ThemeProvider>\n    })\n\n}"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/GridColumnHeader/GridColumnHeaderModel.d.ts

@@ -0,0 +1,26 @@
+import { ITranslation } from "../../hooks";
+import { IGridColumnHeader } from "./interfaces";
+import { gridColumnHeaderTranslations } from "./translations";
+type Labels = Required<ITranslation<typeof gridColumnHeaderTranslations>>;
+interface IDeps {
+    getProps: () => IGridColumnHeader;
+    getLabels: () => Labels;
+}
+export declare class GridColumnHeaderModel {
+    private _getProps;
+    private _getLabels;
+    constructor(deps: IDeps);
+    getColumn(): import("@talxis/client-libraries").IColumn;
+    isGrouped(): boolean;
+    isSortedAsc(): boolean;
+    isSortedDesc(): boolean;
+    isUneditableIconVisible(): boolean;
+    isFiltered(): boolean | undefined;
+    isRequired(): boolean;
+    getAggregationLabel(): string | undefined;
+    isAggregated(): boolean;
+    getDataset(): import("@talxis/client-libraries").IDataset;
+    private _getSorting;
+    private get _labels();
+}
+export {};

package/dist/components/GridColumnHeader/GridColumnHeaderModel.js

@@ -0,0 +1,87 @@
+import { Attribute } from '@talxis/client-libraries';
+
+class GridColumnHeaderModel {
+    constructor(deps) {
+        this._getProps = deps.getProps;
+        this._getLabels = deps.getLabels;
+    }
+    getColumn() {
+        return this._getProps().parameters.Column.raw;
+    }
+    isGrouped() {
+        return !!this.getColumn().grouping?.isGrouped;
+    }
+    isSortedAsc() {
+        return this._getSorting()?.sortDirection === 0;
+    }
+    isSortedDesc() {
+        return this._getSorting()?.sortDirection === 1;
+    }
+    isUneditableIconVisible() {
+        switch (true) {
+            case !this._getProps().parameters.EnableEditing?.raw:
+            case this.getColumn().type === 'action': {
+                return false;
+            }
+        }
+        return !this.getColumn().metadata?.IsValidForUpdate;
+    }
+    isFiltered() {
+        const filtering = this.getDataset().filtering.getFilter();
+        return filtering?.conditions.some(condition => condition.attributeName === Attribute.GetNameFromAlias(this.getColumn().name));
+    }
+    isRequired() {
+        if (!this._getProps().parameters.EnableEditing?.raw) {
+            return false;
+        }
+        switch (this.getColumn().metadata?.RequiredLevel) {
+            case 1:
+            case 2: {
+                return true;
+            }
+            default: {
+                return false;
+            }
+        }
+    }
+    getAggregationLabel() {
+        switch (this.getColumn().aggregation?.aggregationFunction) {
+            case 'avg': {
+                return this._labels.avg();
+            }
+            case 'max': {
+                return this._labels.max();
+            }
+            case 'min': {
+                return this._labels.min();
+            }
+            case 'sum': {
+                return this._labels.sum();
+            }
+            case 'count': {
+                return this._labels.count();
+            }
+            case 'countcolumn': {
+                return this._labels.countcolumn();
+            }
+        }
+    }
+    isAggregated() {
+        if (this.getColumn().grouping?.isGrouped) {
+            return false;
+        }
+        return !!this.getColumn().aggregation?.aggregationFunction;
+    }
+    getDataset() {
+        return this._getProps().parameters.Dataset.raw;
+    }
+    _getSorting() {
+        return this.getDataset().sorting.find(sort => sort.name === this.getColumn().name);
+    }
+    get _labels() {
+        return this._getLabels();
+    }
+}
+
+export { GridColumnHeaderModel };
+//# sourceMappingURL=GridColumnHeaderModel.js.map

package/dist/components/GridColumnHeader/GridColumnHeaderModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColumnHeaderModel.js","sources":["../../../src/components/GridColumnHeader/GridColumnHeaderModel.ts"],"sourcesContent":["import { Attribute } from \"@talxis/client-libraries\";\nimport { ITranslation } from \"../../hooks\";\nimport { IGridColumnHeader } from \"./interfaces\";\nimport { gridColumnHeaderTranslations } from \"./translations\";\n\ntype Labels = Required<ITranslation<typeof gridColumnHeaderTranslations>>;\n\ninterface IDeps {\n    getProps: () => IGridColumnHeader;\n    getLabels: () => Labels;\n}\n\nexport class GridColumnHeaderModel {\n    private _getProps: () => IGridColumnHeader;\n    private _getLabels: () => Labels\n\n    constructor(deps: IDeps) {\n        this._getProps = deps.getProps;\n        this._getLabels = deps.getLabels;\n    }\n\n    public getColumn() {\n        return this._getProps().parameters.Column.raw;\n    }\n\n    public isGrouped() {\n        return !!this.getColumn().grouping?.isGrouped\n    }\n    public isSortedAsc() {\n        return this._getSorting()?.sortDirection === 0;\n    }\n    public isSortedDesc() {\n        return this._getSorting()?.sortDirection === 1;\n    }\n    public isUneditableIconVisible() {\n        switch (true) {\n            case !this._getProps().parameters.EnableEditing?.raw:\n            case this.getColumn().type === 'action': {\n                return false;\n            }\n        }\n        return !this.getColumn().metadata?.IsValidForUpdate\n    }\n    public isFiltered() {\n        const filtering = this.getDataset().filtering.getFilter();\n        return filtering?.conditions.some(condition => condition.attributeName === Attribute.GetNameFromAlias(this.getColumn().name));\n    }\n    public isRequired() {\n        if (!this._getProps().parameters.EnableEditing?.raw) {\n            return false;\n        }\n        switch (this.getColumn().metadata?.RequiredLevel) {\n            case 1:\n            case 2: {\n                return true;\n            }\n            default: {\n                return false;\n            }\n        }\n    }\n    public getAggregationLabel() {\n        switch (this.getColumn().aggregation?.aggregationFunction) {\n            case 'avg': {\n                return this._labels.avg();\n            }\n            case 'max': {\n                return this._labels.max();\n            }\n            case 'min': {\n                return this._labels.min();\n            }\n            case 'sum': {\n                return this._labels.sum();\n            }\n            case 'count': {\n                return this._labels.count()\n            }\n            case 'countcolumn': {\n                return this._labels.countcolumn()\n            }\n            default: {\n                undefined;\n            }\n        }\n    }\n    public isAggregated() {\n        if (this.getColumn().grouping?.isGrouped) {\n            return false;\n        }\n        return !!this.getColumn().aggregation?.aggregationFunction;\n    }\n    public getDataset() {\n        return this._getProps().parameters.Dataset.raw;\n    }\n    private _getSorting() {\n        return this.getDataset().sorting.find(sort => sort.name === this.getColumn().name);\n    }\n    private get _labels() {\n        return this._getLabels();\n    }\n}"],"names":[],"mappings":"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"}

package/dist/components/GridColumnHeader/interfaces.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+import { IColumn, IDataset } from "@talxis/client-libraries";
+import { IControl, IParameters, ITwoOptionsProperty } from "../../interfaces";
+import { IButtonProps, IIconProps, ITextProps, ThemeProviderProps } from "@fluentui/react";
+import { gridColumnHeaderTranslations } from "./translations";
+export interface IGridColumnHeader extends IControl<IGridColumnHeaderParameters, any, typeof gridColumnHeaderTranslations, IGridColumnHeaderComponentProps> {
+}
+interface IGridColumnHeaderComponentProps {
+    onRender: (props: IComponentProps, defaultRender: (props: IComponentProps) => React.ReactElement) => React.ReactElement;
+}
+interface IComponentProps {
+    container: ThemeProviderProps;
+    onRenderCommandBarButton: (props: ICommandBarButtonProps, defaultRender: (props: ICommandBarButtonProps) => React.ReactElement) => React.ReactElement;
+}
+interface ICommandBarButtonProps {
+    buttonProps: IButtonProps;
+    onRenderColumnDisplayNameContainer: (props: IColumnDisplayNameContainerProps, defaultRender: (props: IColumnDisplayNameContainerProps) => React.ReactElement) => React.ReactElement;
+    onRenderSuffixIconContainer: (props: ISuffixIcons, defaultRender: (props: ISuffixIcons) => React.ReactElement) => React.ReactElement;
+}
+interface IColumnDisplayNameContainerProps {
+    container: React.HTMLAttributes<HTMLDivElement>;
+    onRenderGroupingIcon: (props: React.SVGAttributes<SVGElement>, defaultRender: (props: React.SVGAttributes<SVGElement>) => React.ReactElement) => React.ReactElement;
+    onRenderColumnDisplayName: (props: ITextProps, defaultRender: (props: ITextProps) => React.ReactElement) => React.ReactElement;
+    onRenderRequiredSymbol: (props: ITextProps, defaultRender: (props: ITextProps) => React.ReactElement) => React.ReactElement;
+}
+interface ISuffixIcons {
+    container: React.HTMLAttributes<HTMLDivElement>;
+    onRenderSortIcon: (props: IIconProps, defaultRender: (props: IIconProps) => React.ReactElement) => React.ReactElement;
+    onRenderFilterIcon: (props: IIconProps, defaultRender: (props: IIconProps) => React.ReactElement) => React.ReactElement;
+    onRenderUneditableIcon: (props: IIconProps, defaultRender: (props: IIconProps) => React.ReactElement) => React.ReactElement;
+    onRenderSumIcon: (props: React.SVGAttributes<SVGElement>, defaultRender: (props: React.SVGAttributes<SVGElement>) => React.ReactElement) => React.ReactElement;
+}
+export interface IGridColumnHeaderParameters extends IParameters {
+    Dataset: {
+        raw: IDataset;
+    };
+    Column: {
+        raw: IColumn;
+    };
+    /**
+     * Should correspond to the `EnableEditing` property in the Grid control.
+     */
+    EnableEditing?: Omit<ITwoOptionsProperty, 'attributes'>;
+}
+export {};

package/dist/components/GridColumnHeader/styles.d.ts

@@ -0,0 +1,34 @@
+import { ITheme } from "@fluentui/react";
+import { IColumn } from "@talxis/client-libraries";
+export declare const getGridColumnHeaderStyles: (theme: ITheme, alignment: Required<IColumn['alignment']>) => import("@fluentui/react").IProcessedStyleSet<{
+    commandBarButtonRoot: {
+        width: string;
+        height: number;
+        paddingLeft: number;
+        paddingRight: number;
+        overflow: string;
+    };
+    columnDisplayNameText: {
+        fontWeight: number;
+        textOverflow: string;
+        overflow: string;
+    };
+    asterix: {
+        color: string;
+    };
+    svgIcon: {
+        minWidth: number;
+    };
+    aggregationIcon: {};
+    suffixIconsContainer: {
+        display: string;
+        alignItems: string;
+    };
+    columnDisplayNameContainer: {
+        display: string;
+        flex: number;
+        overflow: string;
+        justifyContent: string | undefined;
+        order: number | undefined;
+    };
+}>;

package/dist/components/GridColumnHeader/styles.js

@@ -0,0 +1,52 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getGridColumnHeaderStyles = (theme, alignment) => {
+    return mergeStyleSets({
+        commandBarButtonRoot: {
+            width: '100%',
+            height: 42,
+            paddingLeft: 10,
+            paddingRight: 10,
+            overflow: 'hidden'
+        },
+        columnDisplayNameText: {
+            fontWeight: 600,
+            textOverflow: 'ellipsis',
+            overflow: 'hidden',
+        },
+        asterix: {
+            color: theme.semanticColors.errorText
+        },
+        svgIcon: {
+            minWidth: 20
+        },
+        aggregationIcon: {},
+        suffixIconsContainer: {
+            display: 'flex',
+            alignItems: 'center'
+        },
+        columnDisplayNameContainer: {
+            display: 'flex',
+            flex: 1,
+            overflow: 'hidden',
+            justifyContent: getJustifyContent(alignment),
+            order: alignment === 'right' ? 2 : undefined
+        }
+    });
+};
+const getJustifyContent = (alignment) => {
+    switch (alignment) {
+        case 'left': {
+            return 'flex-start';
+        }
+        case 'center': {
+            return 'center';
+        }
+        case 'right': {
+            return 'flex-end';
+        }
+    }
+};
+
+export { getGridColumnHeaderStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/GridColumnHeader/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/GridColumnHeader/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\"\nimport { IColumn } from \"@talxis/client-libraries\"\n\nexport const getGridColumnHeaderStyles = (theme: ITheme, alignment: Required<IColumn['alignment']>) => {\n    return mergeStyleSets({\n        commandBarButtonRoot: {\n            width: '100%',\n            height: 42,\n            paddingLeft: 10,\n            paddingRight: 10,\n            overflow: 'hidden'\n        },\n        columnDisplayNameText: {\n            fontWeight: 600,\n            textOverflow: 'ellipsis',\n            overflow: 'hidden',\n        },\n        asterix: {\n            color: theme.semanticColors.errorText\n        },\n        svgIcon: {\n            minWidth: 20\n        },\n        aggregationIcon: {\n        },\n        suffixIconsContainer: {\n            display: 'flex',\n            alignItems: 'center'\n        },\n        columnDisplayNameContainer: {\n            display: 'flex',\n            flex: 1,\n            overflow: 'hidden',\n            justifyContent: getJustifyContent(alignment),\n            order: alignment === 'right' ? 2 : undefined\n        }\n    })\n}\n\nconst getJustifyContent = (alignment: Required<IColumn['alignment']>) => {\n    switch (alignment) {\n        case 'left': {\n            return 'flex-start';\n        }\n        case 'center': {\n            return 'center';\n        }\n        case 'right': {\n            return 'flex-end';\n        }\n        default: {\n            undefined\n        }\n    }\n}"],"names":[],"mappings":";;MAGa,yBAAyB,GAAG,CAAC,KAAa,EAAE,SAAyC,KAAI;AAClG,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,oBAAoB,EAAE;AAClB,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,WAAW,EAAE,EAAE;AACf,YAAA,YAAY,EAAE,EAAE;AAChB,YAAA,QAAQ,EAAE,QAAQ;AACrB,SAAA;AACD,QAAA,qBAAqB,EAAE;AACnB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,QAAQ,EAAE,QAAQ;AACrB,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS;AACxC,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,QAAQ,EAAE,EAAE;AACf,SAAA;AACD,QAAA,eAAe,EAAE,EAChB;AACD,QAAA,oBAAoB,EAAE;AAClB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,QAAQ;AACvB,SAAA;AACD,QAAA,0BAA0B,EAAE;AACxB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,cAAc,EAAE,iBAAiB,CAAC,SAAS,CAAC;YAC5C,KAAK,EAAE,SAAS,KAAK,OAAO,GAAG,CAAC,GAAG,SAAS;AAC/C,SAAA;AACJ,KAAA,CAAC,CAAA;AACN,EAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,SAAyC,KAAI;AACpE,IAAA,QAAQ,SAAS;QACb,KAAK,MAAM,EAAE;AACT,YAAA,OAAO,YAAY,CAAC;AACvB,SAAA;QACD,KAAK,QAAQ,EAAE;AACX,YAAA,OAAO,QAAQ,CAAC;AACnB,SAAA;QACD,KAAK,OAAO,EAAE;AACV,YAAA,OAAO,UAAU,CAAC;AACrB,SAAA;AAIJ,KAAA;AACL,CAAC;;;;"}

package/dist/components/GridColumnHeader/translations.d.ts

@@ -0,0 +1,26 @@
+export declare const gridColumnHeaderTranslations: {
+    max: {
+        1029: string;
+        1033: string;
+    };
+    min: {
+        1029: string;
+        1033: string;
+    };
+    avg: {
+        1029: string;
+        1033: string;
+    };
+    sum: {
+        1029: string;
+        1033: string;
+    };
+    count: {
+        1029: string;
+        1033: string;
+    };
+    countcolumn: {
+        1029: string;
+        1033: string;
+    };
+};

package/dist/components/GridColumnHeader/translations.js

@@ -0,0 +1,29 @@
+const gridColumnHeaderTranslations = {
+    max: {
+        1029: 'Maximum',
+        1033: 'Maximum'
+    },
+    min: {
+        1029: 'Minimum',
+        1033: 'Minimum'
+    },
+    avg: {
+        1029: 'Průměr',
+        1033: 'Average'
+    },
+    sum: {
+        1029: 'Součet',
+        1033: 'Sum'
+    },
+    count: {
+        1029: 'Počet (včetně prázdných hodnot)',
+        1033: 'Count (including empty values)'
+    },
+    countcolumn: {
+        1029: 'Počet',
+        1033: 'Count'
+    }
+};
+
+export { gridColumnHeaderTranslations };
+//# sourceMappingURL=translations.js.map

package/dist/components/GridColumnHeader/translations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.js","sources":["../../../src/components/GridColumnHeader/translations.ts"],"sourcesContent":["export const gridColumnHeaderTranslations = {\n    max: {\n        1029: 'Maximum',\n        1033: 'Maximum'\n    },\n    min: {\n        1029: 'Minimum',\n        1033: 'Minimum'\n    },\n    avg: {\n        1029: 'Průměr',\n        1033: 'Average'\n    },\n    sum: {\n        1029: 'Součet',\n        1033: 'Sum'\n    },\n    count: {\n        1029: 'Počet (včetně prázdných hodnot)',\n        1033: 'Count (including empty values)'\n    },\n    countcolumn: {\n        1029: 'Počet',\n        1033: 'Count'\n    }\n}"],"names":[],"mappings":"AAAa,MAAA,4BAA4B,GAAG;AACxC,IAAA,GAAG,EAAE;AACD,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AAClB,KAAA;AACD,IAAA,GAAG,EAAE;AACD,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,IAAI,EAAE,SAAS;AAClB,KAAA;AACD,IAAA,GAAG,EAAE;AACD,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,IAAI,EAAE,SAAS;AAClB,KAAA;AACD,IAAA,GAAG,EAAE;AACD,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,IAAI,EAAE,KAAK;AACd,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,IAAI,EAAE,iCAAiC;AACvC,QAAA,IAAI,EAAE,gCAAgC;AACzC,KAAA;AACD,IAAA,WAAW,EAAE;AACT,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,IAAI,EAAE,OAAO;AAChB,KAAA;;;;;"}

package/dist/components/Lookup/Lookup.js

@@ -94,24 +94,50 @@ const Lookup = (props) => {
     const isComponentActive = () => {
         return mouseOver || isFocused;
     };
-    const getSecondaryName = (result, metadata) => {
+    const getSecondaryName = async (result) => {
+        const metadata = await entities.find(x => x.entityName === result.entityType)?.metadata;
+        const attribute = result.layout?.Rows?.[0]?.Cells?.[1]?.Name;
         //polymorphic, selected all
         if (!entities.find(x => x.selected)) {
             return metadata?.DisplayName;
         }
-        else {
-            let text = result.entityData[result.layout?.Rows?.[0]?.Cells?.[1]?.Name];
-            //TODO: use metadata to know if the attribute is a lookup and datetime
-            //metadata are laaded prior to the search result, so we don't know what attribute to ask for when fetching metadata
-            if (!text) {
-                //if the attribute is not found, try to get the formatted value of lookup
-                text = result.entityData["_" + result.layout?.Rows?.[0]?.Cells?.[1]?.Name + "_value@OData.Community.Display.V1.FormattedValue"];
+        else if (metadata?.LogicalName && attribute) {
+            let targetEntityName = metadata.LogicalName;
+            let targetAttribute = attribute;
+            //checking for attributes pointing to related entity attribute, given by convention of using dot as separator
+            if (attribute.includes(".")) {
+                targetEntityName = result.layout.Rows.find(x => x.Cells.find(y => y.Name === attribute))?.Cells?.find(y => y.Name === attribute)?.RelatedEntityName || metadata.LogicalName;
+                targetAttribute = attribute.split(".")[1];
             }
-            const dateRegex = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z/;
-            if (typeof text === 'string' && text.match(dateRegex)) {
-                text = props.context.formatting.formatTime(dayjs(text).toDate(), 1);
+            const entityMetadata = await props.context.utils.getEntityMetadata(targetEntityName, [targetAttribute]);
+            const attributetype = entityMetadata.Attributes.get(targetAttribute).AttributeTypeName;
+            let primaryName;
+            switch (attributetype) {
+                case "lookup":
+                case "partylist":
+                case "owner":
+                case "customer":
+                    primaryName = result.entityData[`_${targetAttribute}_value@OData.Community.Display.V1.FormattedValue`];
+                    break;
+                case "optionset":
+                case "picklist":
+                case "state":
+                case "status":
+                case "boolean":
+                case "integer":
+                case "bigint":
+                case "decimal":
+                case "money":
+                    //TODO: Introduce user formatting, this approach takes format from application user setting
+                    primaryName = result.entityData[`${targetAttribute}@OData.Community.Display.V1.FormattedValue`];
+                    break;
+                case "datetime":
+                    primaryName = props.context.formatting.formatTime(dayjs(result.entityData[attribute]).toDate(), 1);
+                    break;
+                default:
+                    primaryName = result.entityData[attribute];
             }
-            return text;
+            return primaryName;
         }
     };
     const onResolveSuggestions = async (filter, selectedItems) => {
@@ -122,11 +148,10 @@ const Lookup = (props) => {
             if (selectedItems?.find(x => x.key === result.id)) {
                 continue;
             }
-            const metadata = await entities.find(x => x.entityName === result.entityType)?.metadata;
             suggestions.push({
                 key: result.id,
                 text: result.name,
-                secondaryText: getSecondaryName(result, metadata),
+                secondaryText: await getSecondaryName(result),
                 'data-entity': result.entityType
             });
         }

package/dist/components/Lookup/Lookup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lookup.js","sources":["../../../src/components/Lookup/Lookup.tsx"],"sourcesContent":["\nimport { ILayout, ILookup, IMetadata } from \"./interfaces\";\nimport { useLookup } from \"./hooks/useLookup\";\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { ThemeProvider } from \"@fluentui/react\";\nimport { IItemProps, TagPicker } from \"@talxis/react-components\";\nimport { TargetSelector } from \"./components/TargetSelector\";\nimport { useMouseOver } from \"../../hooks/useMouseOver\";\nimport { getLookupStyles, getSuggestionsCalloutStyles } from \"./styles\";\nimport { IBasePicker } from \"@fluentui/react/lib/components/pickers/BasePicker.types\";\nimport { ITag } from \"@fluentui/react/lib/components/pickers/TagPicker/TagPicker.types\";\nimport { RecordCreator } from \"./components/RecordCreator\";\nimport { useFocusIn } from \"../../hooks/useFocusIn\";\nimport { useControlSizing } from \"../../hooks/useControlSizing\";\nimport dayjs from \"dayjs\";\n\nexport const Lookup = (props: ILookup) => {\n    const context = props.context;\n    const ref = useRef<HTMLDivElement>(null);\n    const componentRef = useRef<IBasePicker<ITag>>(null);\n    const itemLimit = props.parameters.MultipleEnabled?.raw === true ? Infinity : 1\n    const { height } = useControlSizing(props.context.mode);\n    const [value, entities, labels, records, selectEntity, getSearchResults, theme] = useLookup(props);\n    const styles = getLookupStyles(theme, itemLimit === 1, height);\n    const suggestionsCalloutTheme = props.context.fluentDesignLanguage?.applicationTheme ?? theme;\n    const suggestionsCalloutStyles = useMemo(() => getSuggestionsCalloutStyles(suggestionsCalloutTheme), [suggestionsCalloutTheme])\n    const mouseOver = useMouseOver(ref);\n    const isFocused = useFocusIn(ref, 100);\n    const firstRenderRef = useRef(true);\n    const shouldFocusRef = useRef(false);\n    const [placeholder, setPlaceholder] = useState('---');\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n\n\n    useEffect(() => {\n        if (firstRenderRef.current) {\n            firstRenderRef.current = false;\n            return;\n        }\n        //@ts-ignore\n        if (componentRef.current.state.suggestionsVisible) {\n            //if the suggestions callout is open and the selected target changes, refresh the results\n            forceSearch();\n        }\n    }, [entities])\n\n    useEffect(() => {\n        const onKeyPress = (ev: KeyboardEvent) => {\n            if (context.mode.isControlDisabled) {\n                return;\n            }\n            if (ev.key === 'Backspace') {\n                const picker = ref.current?.querySelector('[class*=\"TALXIS__tag-picker__root\"]');\n                if ((document.activeElement === picker) && value.length === 1) {\n                    records.select(undefined);\n                    setTimeout(() => {\n                        componentRef.current?.focusInput()\n                    }, 200)\n                }\n            }\n        }\n        document.addEventListener('keydown', onKeyPress)\n        return () => {\n            document.removeEventListener('keydown', onKeyPress);\n        }\n    }, [value]);\n\n    useEffect(() => {\n        if (props.parameters.AutoFocus?.raw === true) {\n            focus();\n        }\n    }, []);\n\n    const focus = () => {\n        if (componentRef.current?.items?.length === itemLimit) {\n            const el = ref.current?.querySelector(':scope>div') as HTMLDivElement;\n            el?.click();\n            el?.focus();\n            return;\n        }\n        componentRef.current?.focusInput();\n    }\n\n    const forceSearch = async () => {\n        //@ts-ignore - We need to use internal methods to show and fill the suggestions on entity change\n        componentRef.current.suggestionStore.updateSuggestions([]);\n        //@ts-ignore - ^^same as above\n        componentRef.current.setState({\n            suggestionsVisible: true,\n            suggestionsLoading: true,\n        });\n        //@ts-ignore - ^^same as above\n        const results = await onResolveSuggestions(componentRef.current.input.current.value)\n        //@ts-ignore - ^^same as above\n        componentRef.current.updateSuggestionsList(results);\n        //@ts-ignore - ^^same above\n        componentRef.current.setState({\n            isMostRecentlyUsedVisible: false,\n            suggestionsVisible: true,\n            moreSuggestionsAvailable: false,\n        });\n    }\n\n    const isComponentActive = () => {\n        return mouseOver || isFocused;\n    }\n\n    const getSecondaryName = (result: ComponentFramework.LookupValue & {\n        entityData: {\n            [key: string]: any;\n        };\n        layout: ILayout;\n    }, metadata?: IMetadata) => {\n        //polymorphic, selected all\n        if (!entities.find(x => x.selected)) {\n            return metadata?.DisplayName;\n        }\n        else {\n            let text: string | undefined = result.entityData[result.layout?.Rows?.[0]?.Cells?.[1]?.Name];\n            //TODO: use metadata to know if the attribute is a lookup and datetime\n            //metadata are laaded prior to the search result, so we don't know what attribute to ask for when fetching metadata\n            if(!text){\n                //if the attribute is not found, try to get the formatted value of lookup\n                text = result.entityData[\"_\"+result.layout?.Rows?.[0]?.Cells?.[1]?.Name+\"_value@OData.Community.Display.V1.FormattedValue\"]\n            }\n            const dateRegex = /\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}Z/;\n            if (typeof text === 'string' && text.match(dateRegex)) {\n                text = props.context.formatting.formatTime(dayjs(text).toDate(), 1);\n            }\n            return text;\n        }\n    }\n\n    const onResolveSuggestions = async (filter: string, selectedItems?: IItemProps[] | undefined): Promise<IItemProps[]> => {\n        //TODO: onResolveSuggestions gets called when the record gets selected resulting in unnecessary call\n        const results = await getSearchResults(filter);\n        const suggestions: IItemProps[] = [];\n        for (const result of results) {\n            if (selectedItems?.find(x => x.key === result.id)) {\n                continue;\n            }\n            const metadata = await entities.find(x => x.entityName === result.entityType)?.metadata;\n            suggestions.push({\n                key: result.id,\n                text: result.name,\n                secondaryText: getSecondaryName(result, metadata),\n                'data-entity': result.entityType\n            })\n        }\n        return suggestions;\n    }\n\n    const componentProps = onOverrideComponentProps({\n        ref: componentRef,\n        readOnly: context.mode.isControlDisabled,\n        resolveDelay: 200,\n        stackItems: itemLimit === 1,\n        errorMessage: props.parameters.value.errorMessage,\n        hideErrorMessage: !props.parameters.ShowErrorMessage?.raw,\n        pickerCalloutProps: {\n            layerProps: {\n                eventBubblingEnabled: true\n            },\n            className: suggestionsCalloutStyles.suggestionsCallout,\n            theme: suggestionsCalloutTheme,\n        },\n        inputProps: {\n            placeholder: placeholder,\n            onMouseEnter: () => {\n                if (context.mode.isControlDisabled) {\n                    return;\n                }\n                setPlaceholder(`${labels.placeholder()} ${props.parameters.value.attributes.DisplayName}`);\n            },\n            onMouseLeave: () => {\n                setPlaceholder(\"---\");\n            }\n\n        },\n        pickerSuggestionsProps: {\n            loadingText: labels.searching(),\n            theme: suggestionsCalloutTheme,\n            noResultsFoundText: labels.noRecordsFound(),\n            className: suggestionsCalloutStyles.suggestionsContainer,\n            // @ts-ignore\n            suggestionsHeaderText: (\n                <>\n                    {props.parameters.IsInlineNewEnabled?.raw !== false && (\n                        <RecordCreator labels={labels} entities={entities} onCreateRecord={records.create} />\n                    )}\n                    {props.parameters.value.attributes.Targets.length > 1 && (\n                        <TargetSelector\n                            labels={labels}\n                            entities={entities}\n                            onEntitySelected={(entityName) => {\n                                selectEntity(entityName);\n                            }}\n                        />\n                    )}\n                </>\n            )\n        },\n        transparent: itemLimit === 1,\n        onChange: (items) => {\n            records.select(\n                items?.map((item) => {\n                    return {\n                        entityType: item['data-entity'],\n                        id: item.key,\n                        name: item.text\n                    };\n                })\n            );\n        },\n        searchBtnProps: {\n            key: 'search',\n            iconProps: {\n                iconName: 'Search'\n            },\n            showOnlyOnHover: true\n        },\n        selectedItems: value.map((lookup) => {\n            return {\n                key: lookup.id,\n                text: lookup.name || labels.noName(),\n                'data-entity': lookup.entityType,\n                'data-navigation-enabled': props.parameters.EnableNavigation?.raw !== false,\n                onClick: () => {\n                    if (props.parameters.EnableNavigation?.raw === false) {\n                        return;\n                    }\n                    context.navigation.openForm({\n                        entityName: lookup.entityType,\n                        entityId: lookup.id\n                    });\n                },\n                deleteButtonProps:\n                    isComponentActive() || itemLimit > 1\n                        ? {\n                            key: 'delete',\n                            iconProps: {\n                                iconName: 'Cancel',\n                            },\n                            onClick: () => {\n                                shouldFocusRef.current = false;\n                                records.deselect(lookup);\n                                setTimeout(() => {\n                                    focus();\n                                }, 200);\n                            }\n                        }\n                        : undefined\n            };\n        }),\n        itemLimit: itemLimit,\n        onEmptyResolveSuggestions: !context.mode.isControlDisabled ? (selectedItems) => onResolveSuggestions(\"\", selectedItems as IItemProps[]) as any : undefined,\n        onResolveSuggestions: onResolveSuggestions,\n    });\n\n    return (\n        <ThemeProvider applyTo=\"none\" theme={theme} className={`talxis__lookupControl ${styles.root}`} ref={ref}>\n            <TagPicker {...componentProps} />\n        </ThemeProvider>\n    );\n};"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"Lookup.js","sources":["../../../src/components/Lookup/Lookup.tsx"],"sourcesContent":["\nimport { ILayout, ILookup, IMetadata } from \"./interfaces\";\nimport { useLookup } from \"./hooks/useLookup\";\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { ThemeProvider } from \"@fluentui/react\";\nimport { IItemProps, TagPicker } from \"@talxis/react-components\";\nimport { TargetSelector } from \"./components/TargetSelector\";\nimport { useMouseOver } from \"../../hooks/useMouseOver\";\nimport { getLookupStyles, getSuggestionsCalloutStyles } from \"./styles\";\nimport { IBasePicker } from \"@fluentui/react/lib/components/pickers/BasePicker.types\";\nimport { ITag } from \"@fluentui/react/lib/components/pickers/TagPicker/TagPicker.types\";\nimport { RecordCreator } from \"./components/RecordCreator\";\nimport { useFocusIn } from \"../../hooks/useFocusIn\";\nimport { useControlSizing } from \"../../hooks/useControlSizing\";\nimport dayjs from \"dayjs\";\n\nexport const Lookup = (props: ILookup) => {\n    const context = props.context;\n    const ref = useRef<HTMLDivElement>(null);\n    const componentRef = useRef<IBasePicker<ITag>>(null);\n    const itemLimit = props.parameters.MultipleEnabled?.raw === true ? Infinity : 1\n    const { height } = useControlSizing(props.context.mode);\n    const [value, entities, labels, records, selectEntity, getSearchResults, theme] = useLookup(props);\n    const styles = getLookupStyles(theme, itemLimit === 1, height);\n    const suggestionsCalloutTheme = props.context.fluentDesignLanguage?.applicationTheme ?? theme;\n    const suggestionsCalloutStyles = useMemo(() => getSuggestionsCalloutStyles(suggestionsCalloutTheme), [suggestionsCalloutTheme])\n    const mouseOver = useMouseOver(ref);\n    const isFocused = useFocusIn(ref, 100);\n    const firstRenderRef = useRef(true);\n    const shouldFocusRef = useRef(false);\n    const [placeholder, setPlaceholder] = useState('---');\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n\n\n    useEffect(() => {\n        if (firstRenderRef.current) {\n            firstRenderRef.current = false;\n            return;\n        }\n        //@ts-ignore\n        if (componentRef.current.state.suggestionsVisible) {\n            //if the suggestions callout is open and the selected target changes, refresh the results\n            forceSearch();\n        }\n    }, [entities])\n\n    useEffect(() => {\n        const onKeyPress = (ev: KeyboardEvent) => {\n            if (context.mode.isControlDisabled) {\n                return;\n            }\n            if (ev.key === 'Backspace') {\n                const picker = ref.current?.querySelector('[class*=\"TALXIS__tag-picker__root\"]');\n                if ((document.activeElement === picker) && value.length === 1) {\n                    records.select(undefined);\n                    setTimeout(() => {\n                        componentRef.current?.focusInput()\n                    }, 200)\n                }\n            }\n        }\n        document.addEventListener('keydown', onKeyPress)\n        return () => {\n            document.removeEventListener('keydown', onKeyPress);\n        }\n    }, [value]);\n\n    useEffect(() => {\n        if (props.parameters.AutoFocus?.raw === true) {\n            focus();\n        }\n    }, []);\n\n    const focus = () => {\n        if (componentRef.current?.items?.length === itemLimit) {\n            const el = ref.current?.querySelector(':scope>div') as HTMLDivElement;\n            el?.click();\n            el?.focus();\n            return;\n        }\n        componentRef.current?.focusInput();\n    }\n\n    const forceSearch = async () => {\n        //@ts-ignore - We need to use internal methods to show and fill the suggestions on entity change\n        componentRef.current.suggestionStore.updateSuggestions([]);\n        //@ts-ignore - ^^same as above\n        componentRef.current.setState({\n            suggestionsVisible: true,\n            suggestionsLoading: true,\n        });\n        //@ts-ignore - ^^same as above\n        const results = await onResolveSuggestions(componentRef.current.input.current.value)\n        //@ts-ignore - ^^same as above\n        componentRef.current.updateSuggestionsList(results);\n        //@ts-ignore - ^^same above\n        componentRef.current.setState({\n            isMostRecentlyUsedVisible: false,\n            suggestionsVisible: true,\n            moreSuggestionsAvailable: false,\n        });\n    }\n\n    const isComponentActive = () => {\n        return mouseOver || isFocused;\n    }\n\n    const getSecondaryName = async (result: ComponentFramework.LookupValue & {\n        entityData: {\n            [key: string]: any;\n        };\n        layout: ILayout;\n    }): Promise<string | undefined> => {\n        const metadata = await entities.find(x => x.entityName === result.entityType)?.metadata;\n        const attribute: string | undefined = result.layout?.Rows?.[0]?.Cells?.[1]?.Name;\n        //polymorphic, selected all\n        if (!entities.find(x => x.selected)) {\n            return metadata?.DisplayName;\n        }\n        else if (metadata?.LogicalName && attribute) {\n            let targetEntityName = metadata.LogicalName;\n            let targetAttribute = attribute;\n            //checking for attributes pointing to related entity attribute, given by convention of using dot as separator\n            if (attribute.includes(\".\")) {\n                targetEntityName = result.layout.Rows.find(x => x.Cells.find(y => y.Name === attribute))?.Cells?.find(y => y.Name === attribute)?.RelatedEntityName || metadata.LogicalName;\n                targetAttribute = attribute.split(\".\")[1]\n            }\n            const entityMetadata: ComponentFramework.PropertyHelper.EntityMetadata = await props.context.utils.getEntityMetadata(targetEntityName, [targetAttribute]);\n            const attributetype: string = entityMetadata.Attributes.get(targetAttribute).AttributeTypeName;\n            let primaryName: string;\n            switch (attributetype) {\n                case \"lookup\":\n                case \"partylist\":\n                case \"owner\":\n                case \"customer\":\n                    primaryName = result.entityData[`_${targetAttribute}_value@OData.Community.Display.V1.FormattedValue`];\n                    break;\n                case \"optionset\":\n                case \"picklist\":\n                case \"state\":\n                case \"status\":\n                case \"boolean\":\n                case \"integer\":\n                case \"bigint\":\n                case \"decimal\":\n                case \"money\":\n                    //TODO: Introduce user formatting, this approach takes format from application user setting\n                    primaryName = result.entityData[`${targetAttribute}@OData.Community.Display.V1.FormattedValue`];\n                    break;\n                case \"datetime\":\n                    primaryName = props.context.formatting.formatTime(dayjs(result.entityData[attribute]).toDate(), 1);\n                    break;\n                default:\n                    primaryName = result.entityData[attribute];\n            };\n            return primaryName;\n        }\n    }\n\n    const onResolveSuggestions = async (filter: string, selectedItems?: IItemProps[] | undefined): Promise<IItemProps[]> => {\n        //TODO: onResolveSuggestions gets called when the record gets selected resulting in unnecessary call\n        const results = await getSearchResults(filter);\n        const suggestions: IItemProps[] = [];\n        for (const result of results) {\n            if (selectedItems?.find(x => x.key === result.id)) {\n                continue;\n            }\n            suggestions.push({\n                key: result.id,\n                text: result.name,\n                secondaryText: await getSecondaryName(result),\n                'data-entity': result.entityType\n            })\n        }\n        return suggestions;\n    }\n\n    const componentProps = onOverrideComponentProps({\n        ref: componentRef,\n        readOnly: context.mode.isControlDisabled,\n        resolveDelay: 200,\n        stackItems: itemLimit === 1,\n        errorMessage: props.parameters.value.errorMessage,\n        hideErrorMessage: !props.parameters.ShowErrorMessage?.raw,\n        pickerCalloutProps: {\n            layerProps: {\n                eventBubblingEnabled: true\n            },\n            className: suggestionsCalloutStyles.suggestionsCallout,\n            theme: suggestionsCalloutTheme,\n        },\n        inputProps: {\n            placeholder: placeholder,\n            onMouseEnter: () => {\n                if (context.mode.isControlDisabled) {\n                    return;\n                }\n                setPlaceholder(`${labels.placeholder()} ${props.parameters.value.attributes.DisplayName}`);\n            },\n            onMouseLeave: () => {\n                setPlaceholder(\"---\");\n            }\n\n        },\n        pickerSuggestionsProps: {\n            loadingText: labels.searching(),\n            theme: suggestionsCalloutTheme,\n            noResultsFoundText: labels.noRecordsFound(),\n            className: suggestionsCalloutStyles.suggestionsContainer,\n            // @ts-ignore\n            suggestionsHeaderText: (\n                <>\n                    {props.parameters.IsInlineNewEnabled?.raw !== false && (\n                        <RecordCreator labels={labels} entities={entities} onCreateRecord={records.create} />\n                    )}\n                    {props.parameters.value.attributes.Targets.length > 1 && (\n                        <TargetSelector\n                            labels={labels}\n                            entities={entities}\n                            onEntitySelected={(entityName) => {\n                                selectEntity(entityName);\n                            }}\n                        />\n                    )}\n                </>\n            )\n        },\n        transparent: itemLimit === 1,\n        onChange: (items) => {\n            records.select(\n                items?.map((item) => {\n                    return {\n                        entityType: item['data-entity'],\n                        id: item.key,\n                        name: item.text\n                    };\n                })\n            );\n        },\n        searchBtnProps: {\n            key: 'search',\n            iconProps: {\n                iconName: 'Search'\n            },\n            showOnlyOnHover: true\n        },\n        selectedItems: value.map((lookup) => {\n            return {\n                key: lookup.id,\n                text: lookup.name || labels.noName(),\n                'data-entity': lookup.entityType,\n                'data-navigation-enabled': props.parameters.EnableNavigation?.raw !== false,\n                onClick: () => {\n                    if (props.parameters.EnableNavigation?.raw === false) {\n                        return;\n                    }\n                    context.navigation.openForm({\n                        entityName: lookup.entityType,\n                        entityId: lookup.id\n                    });\n                },\n                deleteButtonProps:\n                    isComponentActive() || itemLimit > 1\n                        ? {\n                            key: 'delete',\n                            iconProps: {\n                                iconName: 'Cancel',\n                            },\n                            onClick: () => {\n                                shouldFocusRef.current = false;\n                                records.deselect(lookup);\n                                setTimeout(() => {\n                                    focus();\n                                }, 200);\n                            }\n                        }\n                        : undefined\n            };\n        }),\n        itemLimit: itemLimit,\n        onEmptyResolveSuggestions: !context.mode.isControlDisabled ? (selectedItems) => onResolveSuggestions(\"\", selectedItems as IItemProps[]) as any : undefined,\n        onResolveSuggestions: onResolveSuggestions,\n    });\n\n    return (\n        <ThemeProvider applyTo=\"none\" theme={theme} className={`talxis__lookupControl ${styles.root}`} ref={ref}>\n            <TagPicker {...componentProps} />\n        </ThemeProvider>\n    );\n};"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/components/Lookup/hooks/useFetchXml.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { IEntity } from "../interfaces";
 export declare const useFetchXml: (context: ComponentFramework.Context<any>) => [(viewId: string) => Promise<{
     fetchxml: string;

package/dist/components/Lookup/hooks/useLookup.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { ITranslation } from "../../../hooks";
 import { IEntity, ILayout, ILookup } from "../interfaces";
 import { ITheme } from "@talxis/react-components";