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

package/dist/components/Grid/column-headers/column-header/ColumnHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnHeader.js","sources":["../../../../../src/components/Grid/column-headers/column-header/ColumnHeader.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { CommandBarButton, Icon, Label, useTheme } from '@fluentui/react';\nimport React from 'react';\nimport { useGridInstance } from '../../grid/useGridInstance';\nimport { IGridColumn } from '../../grid/GridModel';\nimport { ColumnHeaderContextualMenu, IColumnHeaderContextualMenuProps } from './ColumnHeaderContextualMenu';\nimport { FilterCallout } from './FilterCallout';\nimport { NestedControlRenderer } from '../../../NestedControlRenderer';\nimport { useRerender } from '@talxis/react-components';\nimport { useAgGridInstance } from '../../grid/ag-grid/useAgGridInstance';\nimport { useEventEmitter } from '../../../../hooks/useEventEmitter';\nimport { IAgGridModelEvents } from '../../grid/ag-grid/AgGridModel';\n\nexport interface IColumnHeader {\n    baseColumn: IGridColumn;\n}\n\nexport const ColumnHeader = (props: IColumnHeader) => {\n    const grid = useGridInstance();\n    const agGrid = useAgGridInstance();\n    const column = grid.getGridColumnByName(props.baseColumn.name);\n    const [columnHeaderContextualMenuProps, setColumnHeaderContextualMenuProps] = useState<IColumnHeaderContextualMenuProps | null>(null);\n    const [filterCalloutProps, setFilterCalloutProps] = useState<any | null>(null);\n    const buttonRef = useRef<HTMLDivElement>(null);\n    const rerender = useRerender();\n    useEventEmitter<IAgGridModelEvents>(agGrid, 'onRefresh', rerender);\n\n\n    //needs to be called with onTouchEnd as well since ag grid cancels the click event on them\n    const onClick = () => {\n        if ((!column.isFilterable && column.disableSorting && !column.canBeAggregated)) {\n            return;\n        }\n        setColumnHeaderContextualMenuProps({\n            column: column,\n            onDismiss: (e, dismissAll, showFilterCallout) => {\n                setColumnHeaderContextualMenuProps(null);\n                if (!showFilterCallout) {\n                    return;\n                }\n                setFilterCalloutProps({\n                    column: column,\n                    onDismiss: () => {\n                        setFilterCalloutProps(null)\n                    }\n                })\n            }\n        });\n    }\n    const preventDismissOnEvent = (e: Event | React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element> | React.FocusEvent<Element, Element>) => {\n        if (e.type !== 'scroll') {\n            return false;\n        }\n        const target = e.target as HTMLElement;\n        //check for vertical scroll\n        if (target?.classList?.contains('ag-body-viewport') || target?.classList?.contains('ag-body-vertical-scroll-viewport')) {\n            return true;\n        }\n        //ios outputs horizontal scroll if focused in callout btn which would result in dismiss of callout\n        if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {\n            return true;\n        }\n        return false;\n    }\n    return (\n        <>\n            <div ref={buttonRef} onClick={onClick} onTouchEnd={onClick}>\n            <NestedControlRenderer\n                context={grid.getPcfContext()}\n                parameters={{\n                    ControlName: 'GridColumnHeader',\n                    Bindings: {\n                        Column: {\n                            isStatic: true,\n                            value: column,\n                            type: 'Object',\n                        },\n                        Dataset: {\n                            value: grid.getDataset(),\n                            isStatic: true,\n                            type: 'Object',\n                        },\n                        EnableEditing: {\n                            isStatic: true,\n                            value: grid.isEditingEnabled(),\n                            type: 'TwoOptions'\n                        }\n                    }\n                }}\n            />\n            </div>\n            {columnHeaderContextualMenuProps &&\n                <ColumnHeaderContextualMenu\n                    target={buttonRef}\n                    calloutProps={{\n                        preventDismissOnEvent: preventDismissOnEvent\n                    }}\n                    {...columnHeaderContextualMenuProps} />\n            }\n            {filterCalloutProps &&\n                <FilterCallout preventDismissOnEvent={preventDismissOnEvent} target={buttonRef} {...filterCalloutProps} />\n            }\n        </>\n    )\n};"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/components/Grid/column-headers/column-header/ColumnHeaderContextualMenu.js

@@ -1,115 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useTheme, ContextualMenu, ContextualMenuItemType } from '@fluentui/react';
-import { ArrowSortUp24Regular, ArrowSortDown24Regular, Filter24Regular, AppsList24Regular, GroupList24Regular, Autosum24Regular, Dismiss24Regular, FilterDismiss24Regular } from '@fluentui/react-icons';
-import { getColumnHeaderContextualMenuStyles } from './styles.js';
-import { DataTypes } from '@talxis/client-libraries';
-import { useGridInstance } from '../../grid/useGridInstance.js';
-
-const ColumnHeaderContextualMenu = (props) => {
-    const grid = useGridInstance();
-    const dataset = grid.getDataset();
-    const labels = grid.getLabels();
-    const styles = getColumnHeaderContextualMenuStyles(useTheme());
-    const { column, onDismiss } = { ...props };
-    const aggregationFunctionList = column.metadata.SupportedAggregations;
-    const getItems = () => {
-        const items = [
-            {
-                key: 'sort_asc',
-                checked: column.isSorted && !column.isSortedDescending,
-                disabled: column.disableSorting || column.dataType === DataTypes.MultiSelectOptionSet,
-                text: grid.getColumnSortingLabel(column.name, false),
-                className: styles.item,
-                onRenderIcon: () => jsx(ArrowSortUp24Regular, {}),
-                onClick: () => grid.sortColumn(column.name, false)
-            },
-            {
-                key: 'sort_desc',
-                checked: column.isSorted && column.isSortedDescending,
-                disabled: column.disableSorting || column.dataType === DataTypes.MultiSelectOptionSet,
-                text: grid.getColumnSortingLabel(column.name, true),
-                className: styles.item,
-                onRenderIcon: () => jsx(ArrowSortDown24Regular, {}),
-                iconProps: {},
-                onClick: () => grid.sortColumn(column.name, true)
-            },
-            {
-                key: 'divider',
-                itemType: ContextualMenuItemType.Divider
-            },
-            {
-                key: 'filter',
-                className: styles.item,
-                disabled: !column.isFilterable,
-                text: labels['filtermenu-filterby'](),
-                onRenderIcon: () => jsx(Filter24Regular, {}),
-                onClick: (e) => onDismiss(e, false, true)
-            },
-            ...(column.canBeGrouped ? [
-                {
-                    key: 'divider-grouping',
-                    itemType: ContextualMenuItemType.Divider
-                }, {
-                    key: 'group',
-                    text: column.grouping?.isGrouped ? labels['filtersortmenu-ungroup']() : labels['filtersortmenu-group'](),
-                    onRenderIcon: () => column.grouping?.isGrouped ? jsx(AppsList24Regular, {}) : jsx(GroupList24Regular, {}),
-                    onClick: () => grid.toggleColumnGroup(column.name)
-                }
-            ] : []),
-            ...(column.canBeAggregated && aggregationFunctionList.length > 0 ? [
-                {
-                    key: 'divider-aggregation',
-                    itemType: ContextualMenuItemType.Divider
-                },
-                {
-                    key: 'total',
-                    text: labels['filtersortmenu-total'](),
-                    onRenderIcon: () => jsx(Autosum24Regular, {}),
-                    subMenuProps: {
-                        items: [
-                            ...!column.grouping?.isGrouped ? [
-                                {
-                                    key: 'none',
-                                    className: styles.item,
-                                    checked: !column.aggregation,
-                                    text: labels['filtersortmenu-total-none'](),
-                                    onClick: () => grid.removeAggregation(column.aggregation?.alias)
-                                }
-                            ] : [],
-                            ...aggregationFunctionList.map(aggregationFunction => {
-                                return {
-                                    key: aggregationFunction,
-                                    className: styles.item,
-                                    checked: column.aggregation?.aggregationFunction === aggregationFunction,
-                                    text: labels[`filtersortmenu-total-${aggregationFunction}`](),
-                                    onClick: () => grid.addAggregation(column.name, aggregationFunction)
-                                };
-                            })
-                        ]
-                    }
-                }
-            ] : []),
-            {
-                key: 'divider-footer',
-                itemType: ContextualMenuItemType.Divider
-            },
-            ...(dataset.sorting.find(x => x.name === column.name) ? [{
-                    key: 'clear',
-                    text: labels['filtersortmenu-clearsorting'](),
-                    onRenderIcon: () => jsx(Dismiss24Regular, {}),
-                    onClick: () => grid.clearColumnSorting(column.name)
-                }] : []),
-            ...(column.isFiltered ? [{
-                    key: 'clearFilter',
-                    text: labels['filtersortmenu-clearfilter'](),
-                    onRenderIcon: () => jsx(FilterDismiss24Regular, {}),
-                    onClick: () => grid.removeColumnFilter(column.name, true)
-                }] : []),
-        ];
-        return items;
-    };
-    return jsx(ContextualMenu, { ...props, items: getItems() });
-};
-
-export { ColumnHeaderContextualMenu };
-//# sourceMappingURL=ColumnHeaderContextualMenu.js.map

package/dist/components/Grid/column-headers/column-header/ColumnHeaderContextualMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnHeaderContextualMenu.js","sources":["../../../../../src/components/Grid/column-headers/column-header/ColumnHeaderContextualMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { ContextualMenu, ContextualMenuItemType, IContextualMenuItem, IContextualMenuProps, useTheme } from '@fluentui/react';\nimport { Filter24Regular, ArrowSortUp24Regular, ArrowSortDown24Regular, FilterDismiss24Regular, Dismiss24Regular, Autosum24Regular, GroupList24Regular, AppsList24Regular } from '@fluentui/react-icons';\nimport { getColumnHeaderContextualMenuStyles } from './styles';\nimport { DataTypes } from '@talxis/client-libraries';\nimport { useGridInstance } from '../../grid/useGridInstance';\nimport { IGridColumn } from '../../grid/GridModel';\n\nexport interface IColumnHeaderContextualMenuProps extends Omit<IContextualMenuProps, 'items'> {\n    column: IGridColumn;\n    onDismiss: (e?: Event | React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>, dismissAll?: boolean, showFilterCallout?: boolean) => void;\n}\n\nexport const ColumnHeaderContextualMenu = (props: IColumnHeaderContextualMenuProps) => {\n    const grid = useGridInstance();\n    const dataset = grid.getDataset();\n    const labels = grid.getLabels();\n    const styles = getColumnHeaderContextualMenuStyles(useTheme());\n    const { column, onDismiss } = { ...props };\n    const aggregationFunctionList = column.metadata!.SupportedAggregations!\n\n    const getItems = (): IContextualMenuItem[] => {\n        const items: IContextualMenuItem[] = [\n            {\n                key: 'sort_asc',\n                checked: column.isSorted && !column.isSortedDescending,\n                disabled: column.disableSorting || column.dataType === DataTypes.MultiSelectOptionSet,\n                text: grid.getColumnSortingLabel(column.name, false),\n                className: styles.item,\n                onRenderIcon: () => <ArrowSortUp24Regular />,\n                onClick: () => grid.sortColumn(column.name, false)\n            },\n            {\n                key: 'sort_desc',\n                checked: column.isSorted && column.isSortedDescending,\n                disabled: column.disableSorting || column.dataType === DataTypes.MultiSelectOptionSet,\n                text: grid.getColumnSortingLabel(column.name, true),\n                className: styles.item,\n                onRenderIcon: () => <ArrowSortDown24Regular />,\n                iconProps: {},\n                onClick: () => grid.sortColumn(column.name, true)\n            },\n            {\n                key: 'divider',\n                itemType: ContextualMenuItemType.Divider\n            },\n            {\n                key: 'filter',\n                className: styles.item,\n                disabled: !column.isFilterable,\n                text: labels['filtermenu-filterby'](),\n                onRenderIcon: () => <Filter24Regular />,\n                onClick: (e) => onDismiss(e, false, true)\n            },\n            ...(column.canBeGrouped ? [\n                {\n                    key: 'divider-grouping',\n                    itemType: ContextualMenuItemType.Divider\n                }, {\n                    key: 'group',\n                    text: column.grouping?.isGrouped ? labels['filtersortmenu-ungroup']() : labels['filtersortmenu-group'](),\n                    onRenderIcon: () => column.grouping?.isGrouped ? <AppsList24Regular /> : <GroupList24Regular />,\n                    onClick: () => grid.toggleColumnGroup(column.name)\n                }\n            ] : []),\n            ...(column.canBeAggregated && aggregationFunctionList.length > 0 ? [\n                {\n                    key: 'divider-aggregation',\n                    itemType: ContextualMenuItemType.Divider\n                },\n                {\n                    key: 'total',\n                    text: labels['filtersortmenu-total'](),\n                    onRenderIcon: () => <Autosum24Regular />,\n                    subMenuProps: {\n                        items: [\n                            ...!column.grouping?.isGrouped ? [\n                                {\n                                    key: 'none',\n                                    className: styles.item,\n                                    checked: !column.aggregation,\n                                    text: labels['filtersortmenu-total-none'](),\n                                    onClick: () => grid.removeAggregation(column.aggregation?.alias!)\n\n                                }\n                            ] : [],\n                            ...aggregationFunctionList.map(aggregationFunction => {\n                                return {\n                                    key: aggregationFunction,\n                                    className: styles.item,\n                                    checked: column.aggregation?.aggregationFunction === aggregationFunction,\n                                    text: labels[`filtersortmenu-total-${aggregationFunction}`](),\n                                    onClick: () => grid.addAggregation(column.name, aggregationFunction)\n                                }\n                            })]\n                    }\n                }\n            ] : []),\n            {\n                key: 'divider-footer',\n                itemType: ContextualMenuItemType.Divider\n            },\n            ...(dataset.sorting.find(x => x.name === column.name) ? [{\n                key: 'clear',\n                text: labels['filtersortmenu-clearsorting'](),\n                onRenderIcon: () => <Dismiss24Regular />,\n                onClick: () => grid.clearColumnSorting(column.name)\n            }] : []),\n            ...(column.isFiltered ? [{\n                key: 'clearFilter',\n                text: labels['filtersortmenu-clearfilter'](),\n                onRenderIcon: () => <FilterDismiss24Regular />,\n                onClick: () => grid.removeColumnFilter(column.name, true)\n            }] : []),\n\n        ];\n        return items\n    }\n    return <ContextualMenu {...props} items={getItems()} />;\n};"],"names":["_jsx"],"mappings":"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"}

package/dist/components/Grid/column-headers/column-header/FilterCallout.js

@@ -1,103 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Callout, Text, IconButton } from '@fluentui/react';
-import { DatasetColumnFiltering } from '../../../DatasetControl/Filtering/DatasetColumnFiltering.js';
-import { getClassNames } from '@talxis/react-components';
-import { useEffect } from 'react';
-import { useGridInstance } from '../../grid/useGridInstance.js';
-import { filterCalloutStyles } from './styles.js';
-
-const FilterCallout = (props) => {
-    const { column, onDismiss } = { ...props };
-    const grid = useGridInstance();
-    const dataset = grid.getDataset();
-    const context = grid.getPcfContext();
-    const labels = grid.getLabels();
-    const onColumnFilterSaved = (filter) => {
-        dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => {
-            onDismiss();
-            dataset.filtering.setFilter(filter);
-            dataset.refresh();
-        });
-    };
-    const onRenderConditionValueControl = (props, defaultRender) => {
-        switch (column.dataType) {
-            case 'Lookup.Customer':
-            case 'Lookup.Owner':
-            case 'Lookup.Regarding':
-            case 'Lookup.Simple': {
-                return defaultRender({
-                    ...props,
-                    onOverrideComponentProps: (props) => {
-                        return {
-                            ...props,
-                            onOverrideControlProps: (props) => {
-                                return {
-                                    ...props,
-                                    parameters: {
-                                        ...props.parameters,
-                                        value: {
-                                            ...props.parameters.value,
-                                            //@ts-ignore
-                                            getAllViews: (() => {
-                                                const originalGetAllViews = props.parameters.value.getAllViews;
-                                                //@ts-ignore
-                                                return (...args) => originalGetAllViews(...args, 1);
-                                            })()
-                                        }
-                                    }
-                                };
-                            }
-                        };
-                    }
-                });
-            }
-            default: {
-                return defaultRender(props);
-            }
-        }
-    };
-    useEffect(() => {
-        return () => {
-            if (!column.isFiltered) {
-                grid.removeColumnFilter(column.name);
-            }
-        };
-    }, []);
-    return (jsxs(Callout, { ...props, calloutWidth: 230, className: filterCalloutStyles.root, children: [jsxs("div", { className: filterCalloutStyles.header, children: [jsx(Text, { className: filterCalloutStyles.title, variant: "mediumPlus", children: labels['filtermenu-filterby']() }), jsx(IconButton, { onClick: () => onDismiss(), iconProps: {
-                            iconName: 'ChromeClose',
-                        } })] }), jsx(DatasetColumnFiltering, { parameters: {
-                    ColumnName: {
-                        raw: column.name,
-                    },
-                    Filtering: grid.getFiltering()
-                }, onNotifyOutputChanged: (outputs) => onColumnFilterSaved(outputs), onOverrideComponentProps: (props) => {
-                    return {
-                        ...props,
-                        onRender: (props, defaultRender) => {
-                            return defaultRender({
-                                ...props,
-                                container: {
-                                    ...props.container,
-                                    className: getClassNames([props.container.className, filterCalloutStyles.datasetColumnFilteringRoot]),
-                                },
-                                valueControlsContainer: {
-                                    ...props.valueControlsContainer,
-                                    className: getClassNames([props.valueControlsContainer.className, filterCalloutStyles.valueControlsContainer]),
-                                },
-                                onRenderConditionValueControl: onRenderConditionValueControl,
-                                onRenderButtons: (props, defaultRender) => {
-                                    return defaultRender({
-                                        ...props,
-                                        container: {
-                                            className: getClassNames([props.container.className, filterCalloutStyles.datasetColumnFilteringButtons])
-                                        }
-                                    });
-                                }
-                            });
-                        }
-                    };
-                }, context: context })] }));
-};
-
-export { FilterCallout };
-//# sourceMappingURL=FilterCallout.js.map

package/dist/components/Grid/column-headers/column-header/FilterCallout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterCallout.js","sources":["../../../../../src/components/Grid/column-headers/column-header/FilterCallout.tsx"],"sourcesContent":["import { Callout, IconButton, ICalloutProps } from '@fluentui/react';\nimport { Text } from '@fluentui/react';\nimport { DatasetColumnFiltering } from '../../../DatasetControl/Filtering/DatasetColumnFiltering';\nimport { getClassNames } from '@talxis/react-components';\nimport { useEffect } from 'react';\nimport { IGridColumn } from '../../grid/GridModel';\nimport { useGridInstance } from '../../grid/useGridInstance';\nimport { filterCalloutStyles } from './styles';\nimport { ILookup } from '../../../Lookup';\nimport { INestedControlRenderer } from '../../../NestedControlRenderer/interfaces';\n\nexport interface IFilterCallout extends ICalloutProps {\n    column: IGridColumn;\n    onDismiss: () => void;\n}\n\nexport const FilterCallout = (props: IFilterCallout) => {\n    const { column, onDismiss } = { ...props };\n    const grid = useGridInstance();\n    const dataset = grid.getDataset();\n    const context = grid.getPcfContext();\n    const labels = grid.getLabels();\n\n    const onColumnFilterSaved = (filter: ComponentFramework.PropertyHelper.DataSetApi.FilterExpression) => {\n        dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => {\n            onDismiss();\n            dataset.filtering.setFilter(filter);\n            dataset.refresh();\n        })\n    }\n\n    const onRenderConditionValueControl = (props: INestedControlRenderer, defaultRender: (props: INestedControlRenderer) => React.ReactElement) => {\n        switch (column.dataType) {\n            case 'Lookup.Customer':\n            case 'Lookup.Owner':\n            case 'Lookup.Regarding':\n            case 'Lookup.Simple': {\n                return defaultRender({\n                    ...props,\n                    onOverrideComponentProps: (props) => {\n                        return {\n                            ...props,\n                            onOverrideControlProps: (props: ILookup): ILookup => {\n                                return {\n                                    ...props,\n                                    parameters: {\n                                        ...props.parameters,\n                                        value: {\n                                            ...props.parameters.value,\n                                            //@ts-ignore\n                                            getAllViews: (() => {\n                                                const originalGetAllViews = props.parameters.value.getAllViews;\n                                                //@ts-ignore\n                                                return (...args) => originalGetAllViews(...args, 1);\n                                            })()\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                })\n            }\n            default: {\n                return defaultRender(props);\n            }\n        }\n    }\n\n    useEffect(() => {\n        return () => {\n            if (!column.isFiltered) {\n                grid.removeColumnFilter(column.name)\n            }\n        }\n    }, []);\n\n    return (\n        <Callout\n            {...props}\n            calloutWidth={230}\n            className={filterCalloutStyles.root}>\n            <div className={filterCalloutStyles.header}>\n                <Text className={filterCalloutStyles.title} variant=\"mediumPlus\">{labels['filtermenu-filterby']()}</Text>\n                <IconButton onClick={() => onDismiss()} iconProps={{\n                    iconName: 'ChromeClose',\n                }} />\n            </div>\n            <DatasetColumnFiltering\n                parameters={{\n                    ColumnName: {\n                        raw: column.name,\n                    },\n                    Filtering: grid.getFiltering()\n                }}\n                onNotifyOutputChanged={(outputs) => onColumnFilterSaved(outputs)}\n                onOverrideComponentProps={(props) => {\n                    return {\n                        ...props,\n                        onRender: (props, defaultRender) => {\n                            return defaultRender({\n                                ...props,\n                                container: {\n                                    ...props.container,\n                                    className: getClassNames([props.container.className, filterCalloutStyles.datasetColumnFilteringRoot]),\n                                },\n                                valueControlsContainer: {\n                                    ...props.valueControlsContainer,\n                                    className: getClassNames([props.valueControlsContainer.className, filterCalloutStyles.valueControlsContainer]),\n                                },\n                                onRenderConditionValueControl: onRenderConditionValueControl,\n                                onRenderButtons: (props, defaultRender) => {\n                                    return defaultRender({\n                                        ...props,\n                                        container: {\n                                            className: getClassNames([props.container.className, filterCalloutStyles.datasetColumnFilteringButtons])\n                                        }\n                                    })\n                                }\n                            })\n                        }\n                    }\n                }}\n                context={context} />\n        </Callout>\n    );\n};"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/Grid/column-headers/column-header/styles.d.ts

@@ -1,84 +0,0 @@
-import { ITheme } from "@fluentui/react";
-import { IColumn } from "@talxis/client-libraries";
-export declare const getColumnHeaderStyles: (theme: ITheme, columnAlignment: Required<IColumn['alignment']>) => import("@fluentui/react").IProcessedStyleSet<{
-    root: {
-        width: string;
-        textAlign: string;
-        height: number;
-        paddingLeft: number;
-        paddingRight: number;
-        justifyContent: string;
-        '.ms-Button-flexContainer': {
-            justifyContent: string;
-            width: string;
-            gap: number;
-            pointerEvents: string;
-        };
-    };
-    labelWrapper: {
-        flex: number;
-        display: string;
-        minWidth: number;
-        justifyContent: string | undefined;
-    };
-    label: {
-        overflow: string;
-        textOverflow: string;
-        cursor: string;
-    };
-    requiredSymbol: {
-        color: string;
-        position: string;
-        top: number;
-        left: number;
-    };
-    filterSortIcons: {
-        display: string;
-        gap: number;
-    };
-    editIcon: {
-        marginRight: number;
-    };
-}>;
-export declare const getColumnHeaderContextualMenuStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
-    item: {
-        '& .is-checked': {
-            backgroundColor: string;
-            fontWeight: number;
-        };
-    };
-}>;
-export declare const filterCalloutStyles: import("@fluentui/react").IProcessedStyleSet<{
-    root: {
-        minHeight: number;
-        padding: number;
-        '.ms-Callout-main': {
-            display: string;
-            flexDirection: string;
-            minHeight: number;
-            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;
-        };
-    };
-    valueControlsContainer: {
-        flexGrow: number;
-    };
-    datasetColumnFilteringRoot: {
-        flexGrow: number;
-    };
-    datasetColumnFilteringButtons: {
-        justifyContent: string;
-    };
-}>;

package/dist/components/Grid/column-headers/column-header/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Grid/column-headers/column-header/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\nimport { IColumn } from \"@talxis/client-libraries\";\nimport { getJustifyContent } from \"../../grid/styles\";\n\nexport const getColumnHeaderStyles = (theme: ITheme, columnAlignment: Required<IColumn['alignment']>) => {\n    return mergeStyleSets({\n        root: {\n            width: '100%',\n            textAlign: 'left',\n            height: 42,\n            paddingLeft: 10,\n            paddingRight: 10,\n            justifyContent: 'flex-start',\n            '.ms-Button-flexContainer': {\n                justifyContent: 'flex-start',\n                width: '100%',\n                gap: 2,\n                pointerEvents: 'none'\n            }\n        },\n        labelWrapper: {\n            flex: 1,\n            display: 'flex',\n            minWidth: 0,\n            justifyContent: getJustifyContent(columnAlignment)\n        },\n        label: {\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            cursor: 'pointer',\n        },\n        requiredSymbol: {\n            color: theme.semanticColors.errorIcon,\n            position: 'relative',\n            top: 4,\n            left: 2\n        },\n        filterSortIcons: {\n            display: 'flex',\n            gap: 2\n        },\n        editIcon: {\n            marginRight: 3\n        }\n    })\n}\n\nexport const getColumnHeaderContextualMenuStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        item: {\n            '& .is-checked': {\n                backgroundColor: theme.semanticColors.buttonBackgroundHovered,\n                fontWeight: 600\n            }\n        }\n    });\n};\n\nexport const filterCalloutStyles = mergeStyleSets({\n    root: {\n        minHeight: 200,\n        padding: 16,\n        '.ms-Callout-main': {\n            display: 'flex',\n            flexDirection: 'column',\n            minHeight: 180,\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    valueControlsContainer: {\n        flexGrow: 1\n    },\n    datasetColumnFilteringRoot: {\n        flexGrow: 1\n    },\n    datasetColumnFilteringButtons: {\n        justifyContent: 'flex-end',\n    }\n});"],"names":[],"mappings":";;AA+Ca,MAAA,mCAAmC,GAAG,CAAC,KAAa,KAAI;AACjE,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,eAAe,EAAE;AACb,gBAAA,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB;AAC7D,gBAAA,UAAU,EAAE,GAAG;AAClB,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAC;AACP,EAAE;AAEK,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAC9C,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,SAAS,EAAE,GAAG;AACd,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,sBAAsB,EAAE;AACpB,QAAA,QAAQ,EAAE,CAAC;AACd,KAAA;AACD,IAAA,0BAA0B,EAAE;AACxB,QAAA,QAAQ,EAAE,CAAC;AACd,KAAA;AACD,IAAA,6BAA6B,EAAE;AAC3B,QAAA,cAAc,EAAE,UAAU;AAC7B,KAAA;AACJ,CAAA;;;;"}

package/dist/components/Grid/column-headers/record-selection-checkbox/RecordSelectionCheckbox.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const RecordSelectionCheckBox: () => JSX.Element;

package/dist/components/Grid/column-headers/record-selection-checkbox/RecordSelectionCheckbox.js

@@ -1,50 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useTheme, ThemeProvider, Checkbox } from '@fluentui/react';
-import { getGlobalCheckboxStyles } from './styles.js';
-import { Theming, useThemeGenerator, useRerender } from '@talxis/react-components';
-import { useGridInstance } from '../../grid/useGridInstance.js';
-import { useEventEmitter } from '../../../../hooks/useEventEmitter.js';
-
-const RecordSelectionCheckBox = () => {
-    const grid = useGridInstance();
-    const dataset = grid.getDataset();
-    const context = grid.getPcfContext();
-    const baseTheme = useTheme();
-    const primaryColor = baseTheme.palette.themePrimary;
-    const backgroundColor = baseTheme.semanticColors.bodyBackground;
-    const textColor = Theming.GetTextColorForBackground(backgroundColor);
-    const v8FluentOverrides = context.fluentDesignLanguage?.v8FluentOverrides;
-    const theme = useThemeGenerator(primaryColor, backgroundColor, textColor, v8FluentOverrides);
-    const styles = getGlobalCheckboxStyles(theme);
-    const rerender = useRerender();
-    useEventEmitter(dataset, 'onRecordsSelected', rerender);
-    const getCheckBoxState = () => {
-        const selectedRecordIds = dataset.getDataProvider().getSelectedRecordIds({ includeGroupRecordIds: true, includeChildrenRecordIds: false });
-        if (selectedRecordIds.length === 0) {
-            return 'unchecked';
-        }
-        if (selectedRecordIds.length === dataset.sortedRecordIds.length) {
-            return 'checked';
-        }
-        return 'intermediate'; //indeterminate state, when some records are selected but not all
-    };
-    const onChange = (checked) => {
-        if (checked) {
-            dataset.setSelectedRecordIds(dataset.sortedRecordIds);
-        }
-        else {
-            dataset.clearSelectedRecordIds();
-        }
-    };
-    const checkboxState = getCheckBoxState();
-    if (dataset.sortedRecordIds.length === 0) {
-        return jsx(Fragment, {});
-    }
-    return (jsx(ThemeProvider, { theme: theme, className: styles.root, children: grid.getSelectionType() === 'multiple' &&
-            jsx(Checkbox, { checked: checkboxState === 'checked', styles: {
-                    checkbox: styles.checkbox
-                }, disabled: dataset.grouping.getGroupBys().length > 0, indeterminate: checkboxState === 'intermediate', onChange: (e, checked) => onChange(checked) }) }));
-};
-
-export { RecordSelectionCheckBox };
-//# sourceMappingURL=RecordSelectionCheckbox.js.map

package/dist/components/Grid/column-headers/record-selection-checkbox/RecordSelectionCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecordSelectionCheckbox.js","sources":["../../../../../src/components/Grid/column-headers/record-selection-checkbox/RecordSelectionCheckbox.tsx"],"sourcesContent":["import { Checkbox, ThemeProvider, useTheme } from \"@fluentui/react\";\nimport { getGlobalCheckboxStyles } from \"./styles\";\nimport { Theming, useRerender, useThemeGenerator } from \"@talxis/react-components\";\nimport { useMemo } from \"react\";\nimport { useGridInstance } from \"../../grid/useGridInstance\";\nimport { useEventEmitter } from \"../../../../hooks/useEventEmitter\";\nimport { IDataProviderEventListeners } from \"@talxis/client-libraries\";\n\n\nexport const RecordSelectionCheckBox = () => {\n    const grid = useGridInstance();\n    const dataset = grid.getDataset();\n    const context = grid.getPcfContext();\n    const baseTheme = useTheme();\n    const primaryColor = baseTheme.palette.themePrimary;\n    const backgroundColor = baseTheme.semanticColors.bodyBackground;\n    const textColor = Theming.GetTextColorForBackground(backgroundColor);\n    const v8FluentOverrides = context.fluentDesignLanguage?.v8FluentOverrides;\n    const theme = useThemeGenerator(primaryColor, backgroundColor, textColor, v8FluentOverrides);\n    const styles = getGlobalCheckboxStyles(theme);\n    const rerender = useRerender();\n    useEventEmitter<IDataProviderEventListeners>(dataset, 'onRecordsSelected', rerender);\n\n\n    const getCheckBoxState = () => {\n        const selectedRecordIds = dataset.getDataProvider().getSelectedRecordIds({includeGroupRecordIds: true, includeChildrenRecordIds: false});\n        if (selectedRecordIds.length === 0) {\n            return 'unchecked';\n        }\n        if(selectedRecordIds.length === dataset.sortedRecordIds.length) {\n            return 'checked';\n        }\n        return 'intermediate'; //indeterminate state, when some records are selected but not all\n    }\n\n    const onChange = (checked?: boolean) => {\n        if (checked) {\n            dataset.setSelectedRecordIds(dataset.sortedRecordIds);\n        }\n        else {\n            dataset.clearSelectedRecordIds();\n        }\n    }\n    const checkboxState = getCheckBoxState();\n\n    if (dataset.sortedRecordIds.length === 0) {\n        return <></>\n    }\n    return (\n        <ThemeProvider theme={theme} className={styles.root}>\n            {grid.getSelectionType() === 'multiple' &&\n                <Checkbox\n                    checked={checkboxState === 'checked'}\n                    styles={{\n                        checkbox: styles.checkbox\n                    }}\n                    disabled={dataset.grouping.getGroupBys().length > 0}\n                    indeterminate={checkboxState === 'intermediate'}\n                    onChange={(e, checked) => onChange(checked)} />\n            }\n        </ThemeProvider>\n    )\n};"],"names":["_jsx"],"mappings":";;;;;;;AASO,MAAM,uBAAuB,GAAG,MAAK;AACxC,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE,CAAC;AAC/B,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;AAClC,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;AACrC,IAAA,MAAM,SAAS,GAAG,QAAQ,EAAE,CAAC;AAC7B,IAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC;AACpD,IAAA,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,cAAc,CAAC;IAChE,MAAM,SAAS,GAAG,OAAO,CAAC,yBAAyB,CAAC,eAAe,CAAC,CAAC;AACrE,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,oBAAoB,EAAE,iBAAiB,CAAC;AAC1E,IAAA,MAAM,KAAK,GAAG,iBAAiB,CAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAC7F,IAAA,MAAM,MAAM,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;AAC9C,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;AAC/B,IAAA,eAAe,CAA8B,OAAO,EAAE,mBAAmB,EAAE,QAAQ,CAAC,CAAC;IAGrF,MAAM,gBAAgB,GAAG,MAAK;AAC1B,QAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC,oBAAoB,CAAC,EAAC,qBAAqB,EAAE,IAAI,EAAE,wBAAwB,EAAE,KAAK,EAAC,CAAC,CAAC;AACzI,QAAA,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE;AAChC,YAAA,OAAO,WAAW,CAAC;AACtB,SAAA;QACD,IAAG,iBAAiB,CAAC,MAAM,KAAK,OAAO,CAAC,eAAe,CAAC,MAAM,EAAE;AAC5D,YAAA,OAAO,SAAS,CAAC;AACpB,SAAA;QACD,OAAO,cAAc,CAAC;AAC1B,KAAC,CAAA;AAED,IAAA,MAAM,QAAQ,GAAG,CAAC,OAAiB,KAAI;AACnC,QAAA,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,CAAC,oBAAoB,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;AACzD,SAAA;AACI,aAAA;YACD,OAAO,CAAC,sBAAsB,EAAE,CAAC;AACpC,SAAA;AACL,KAAC,CAAA;AACD,IAAA,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;AAEzC,IAAA,IAAI,OAAO,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;AACtC,QAAA,OAAOA,iBAAK,CAAA;AACf,KAAA;AACD,IAAA,QACIA,GAAC,CAAA,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAC9C,QAAA,EAAA,IAAI,CAAC,gBAAgB,EAAE,KAAK,UAAU;YACnCA,GAAC,CAAA,QAAQ,IACL,OAAO,EAAE,aAAa,KAAK,SAAS,EACpC,MAAM,EAAE;oBACJ,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC5B,iBAAA,EACD,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,MAAM,GAAG,CAAC,EACnD,aAAa,EAAE,aAAa,KAAK,cAAc,EAC/C,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC,EAAI,CAAA,EAAA,CAE3C,EACnB;AACL;;;;"}

package/dist/components/Grid/column-headers/record-selection-checkbox/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Grid/column-headers/record-selection-checkbox/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\"\n\nexport const getGlobalCheckboxStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        root: {\n            backgroundColor: theme.semanticColors.bodyBackground,\n            flexGrow: 1,\n            display: 'flex',\n            justifyContent: 'center',\n            height: '100%',\n            alignItems: 'center'\n        },\n        checkbox: {\n            marginRight: 0.5\n        }\n    });\n}"],"names":[],"mappings":";;AAEa,MAAA,uBAAuB,GAAG,CAAC,KAAa,KAAI;AACrD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;AACpD,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,UAAU,EAAE,QAAQ;AACvB,SAAA;AACD,QAAA,QAAQ,EAAE;AACN,YAAA,WAAW,EAAE,GAAG;AACnB,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/dist/components/Grid/errors/FullWidthCellRendererError/FullWidthCellRendererError.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface IFullWidthCellRendererErrorProps {
-    errorMessage: string;
-}
-export declare const FullWidthCellRendererError: (props: IFullWidthCellRendererErrorProps) => JSX.Element;
-export {};

package/dist/components/Grid/errors/FullWidthCellRendererError/FullWidthCellRendererError.js

@@ -1,15 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { MessageBar, MessageBarType } from '@fluentui/react';
-import { useMemo } from 'react';
-import { getFullWidthCellRendererErrorStyles } from './styles.js';
-
-const FullWidthCellRendererError = (props) => {
-    const { errorMessage } = props;
-    const styles = useMemo(() => getFullWidthCellRendererErrorStyles(), []);
-    return jsx(MessageBar, { styles: {
-            root: styles.errorMessageBarRoot
-        }, messageBarType: MessageBarType.error, children: errorMessage });
-};
-
-export { FullWidthCellRendererError };
-//# sourceMappingURL=FullWidthCellRendererError.js.map

package/dist/components/Grid/errors/FullWidthCellRendererError/FullWidthCellRendererError.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FullWidthCellRendererError.js","sources":["../../../../../src/components/Grid/errors/FullWidthCellRendererError/FullWidthCellRendererError.tsx"],"sourcesContent":["import { MessageBar, MessageBarType } from \"@fluentui/react\";\nimport { useMemo } from \"react\";\nimport { getFullWidthCellRendererErrorStyles } from \"./styles\";\n\ninterface IFullWidthCellRendererErrorProps {\n    errorMessage: string;\n}\n\nexport const FullWidthCellRendererError = (props: IFullWidthCellRendererErrorProps) => {\n    const { errorMessage } = props;\n    const styles = useMemo(() => getFullWidthCellRendererErrorStyles(), []);\n    return <MessageBar\n        styles={{\n            root: styles.errorMessageBarRoot\n        }}\n        messageBarType={MessageBarType.error}>\n        {errorMessage}\n    </MessageBar>\n}"],"names":["_jsx"],"mappings":";;;;;AAQa,MAAA,0BAA0B,GAAG,CAAC,KAAuC,KAAI;AAClF,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;AAC/B,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,mCAAmC,EAAE,EAAE,EAAE,CAAC,CAAC;AACxE,IAAA,OAAOA,GAAC,CAAA,UAAU,EACd,EAAA,MAAM,EAAE;YACJ,IAAI,EAAE,MAAM,CAAC,mBAAmB;SACnC,EACD,cAAc,EAAE,cAAc,CAAC,KAAK,EACnC,QAAA,EAAA,YAAY,GACJ,CAAA;AACjB;;;;"}

package/dist/components/Grid/errors/FullWidthCellRendererError/styles.d.ts

@@ -1,6 +0,0 @@
-export declare const getFullWidthCellRendererErrorStyles: () => import("@fluentui/react").IProcessedStyleSet<{
-    errorMessageBarRoot: {
-        height: string;
-        justifyContent: string;
-    };
-}>;

package/dist/components/Grid/errors/FullWidthCellRendererError/styles.js

@@ -1,13 +0,0 @@
-import { mergeStyleSets } from '@fluentui/react';
-
-const getFullWidthCellRendererErrorStyles = () => {
-    return mergeStyleSets({
-        errorMessageBarRoot: {
-            height: '100%',
-            justifyContent: 'center',
-        }
-    });
-};
-
-export { getFullWidthCellRendererErrorStyles };
-//# sourceMappingURL=styles.js.map

package/dist/components/Grid/errors/FullWidthCellRendererError/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Grid/errors/FullWidthCellRendererError/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getFullWidthCellRendererErrorStyles = () => {\n    return mergeStyleSets({\n        errorMessageBarRoot: {\n            height: '100%',\n            justifyContent: 'center',\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,mCAAmC,GAAG,MAAK;AACpD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,mBAAmB,EAAE;AACjB,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,cAAc,EAAE,QAAQ;AAC3B,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/Grid/grid/Grid.js

@@ -1,64 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useMemo, useEffect } from 'react';
-import { AgGridModel } from './ag-grid/AgGridModel.js';
-import { AgGridReact } from '@ag-grid-community/react';
-import { LoadingOverlay } from '../overlays/loading/LoadingOverlay.js';
-import { EmptyRecords } from '../overlays/empty-records/EmptyRecordsOverlay.js';
-import { getClassNames } from '@talxis/react-components';
-import { GridModel } from './GridModel.js';
-import { gridTranslations } from '../translations.js';
-import { GridContext } from './GridContext.js';
-import { ThemeProvider } from '@fluentui/react';
-import { getGridStyles } from './styles.js';
-import '@ag-grid-community/styles/ag-grid.css';
-import '@ag-grid-community/styles/ag-theme-balham.css';
-import { AgGridContext } from './ag-grid/AgGridContext.js';
-import { useControl } from '../../../hooks/useControl.js';
-
-const getGridInstance = (onGetProps, labels, theme) => {
-    return new GridModel({
-        labels: labels,
-        onGetProps: () => onGetProps(),
-        theme: theme
-    });
-};
-const Grid = (props) => {
-    const { labels, theme, className } = useControl('Grid', props, gridTranslations);
-    const propsRef = useRef(props);
-    propsRef.current = props;
-    const grid = useMemo(() => {
-        return getGridInstance(() => propsRef.current, labels, theme);
-    }, []);
-    const styles = useMemo(() => getGridStyles(theme), [theme]);
-    const containerRef = useRef(null);
-    const gridReadyRef = useRef(false);
-    const agGrid = useMemo(() => new AgGridModel({
-        grid: grid,
-        getContainer: () => containerRef.current
-    }), []);
-    const onGridReady = (event) => {
-        agGrid.init(event.api);
-        gridReadyRef.current = true;
-    };
-    useEffect(() => {
-        return () => {
-            grid.destroy();
-        };
-    }, []);
-    return jsx(GridContext.Provider, { value: grid, children: jsx(AgGridContext.Provider, { value: agGrid, children: jsx(ThemeProvider, { className: getClassNames([className, styles.gridRoot, 'ag-theme-balham']), ref: containerRef, children: jsx(AgGridReact, { getRowId: (params) => `${params.data.getRecordId()}`, rowModelType: 'serverSide', 
-                    //needs to be set here, crashes if set via API
-                    rowHeight: grid.getDefaultRowHeight(), rowSelection: agGrid.getSelectionType(), loadingOverlayComponent: LoadingOverlay, noRowsOverlayComponent: EmptyRecords, enableGroupEdit: true, reactiveCustomComponents: true, gridOptions: {
-                        getRowStyle: (params) => {
-                            const record = params.data;
-                            if (!record) {
-                                return undefined;
-                            }
-                            return {
-                                backgroundColor: grid.getDefaultCellTheme(record).semanticColors.bodyBackground,
-                            };
-                        },
-                    }, onGridReady: onGridReady }) }) }) });
-};
-
-export { Grid };
-//# sourceMappingURL=Grid.js.map

package/dist/components/Grid/grid/Grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/grid/Grid.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\nimport { GetRowIdParams, GridReadyEvent } from \"@ag-grid-community/core\";\nimport { IRecord } from \"@talxis/client-libraries\";\nimport { AgGridModel } from \"./ag-grid/AgGridModel\";\nimport { AgGridReact } from \"@ag-grid-community/react\";\nimport { LoadingOverlay } from \"../overlays/loading/LoadingOverlay\";\nimport { EmptyRecords } from \"../overlays/empty-records/EmptyRecordsOverlay\";\nimport { getClassNames, ITheme } from \"@talxis/react-components\";\nimport { IGrid } from \"../interfaces\";\nimport { GridModel } from \"./GridModel\";\nimport { useControl } from \"../../../hooks\";\nimport { gridTranslations } from \"../translations\";\nimport { GridContext } from \"./GridContext\";\nimport { ThemeProvider } from \"@fluentui/react\";\nimport { getGridStyles } from \"./styles\";\nimport \"@ag-grid-community/styles/ag-grid.css\";\nimport \"@ag-grid-community/styles/ag-theme-balham.css\";\nimport { AgGridContext } from \"./ag-grid/AgGridContext\";\n\nconst getGridInstance = (onGetProps: () => IGrid, labels: any, theme: ITheme): GridModel => {\n    return new GridModel({\n        labels: labels,\n        onGetProps: () => onGetProps(),\n        theme: theme\n    })\n}\n\nexport const Grid = (props: IGrid) => {\n    const { labels, theme, className } = useControl('Grid', props, gridTranslations);\n    const propsRef = useRef<IGrid>(props);\n    propsRef.current = props;\n    const grid = useMemo(() => {\n        return getGridInstance(() => propsRef.current, labels, theme)\n    }, []);\n\n    const styles = useMemo(() => getGridStyles(theme), [theme]);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const gridReadyRef = useRef<boolean>(false);\n    const agGrid = useMemo(() => new AgGridModel({\n        grid: grid,\n        getContainer: () => containerRef.current!\n    }), []);\n\n\n    const onGridReady = (event: GridReadyEvent<IRecord, any>) => {\n        agGrid.init(event.api);\n        gridReadyRef.current = true;\n    }\n\n    useEffect(() => {\n        return () => {\n            grid.destroy();\n        }\n    }, []);\n\n\n    return <GridContext.Provider value={grid}>\n        <AgGridContext.Provider value={agGrid}>\n            <ThemeProvider\n                className={getClassNames([className, styles.gridRoot, 'ag-theme-balham'])}\n                ref={containerRef}\n            >\n                <AgGridReact\n                    getRowId={(params: GetRowIdParams<IRecord>) => `${params.data.getRecordId()}`}\n                    rowModelType='serverSide'\n                    //needs to be set here, crashes if set via API\n                    rowHeight={grid.getDefaultRowHeight()}\n                    rowSelection={agGrid.getSelectionType()}\n                    loadingOverlayComponent={LoadingOverlay}\n                    noRowsOverlayComponent={EmptyRecords}\n                    enableGroupEdit\n                    reactiveCustomComponents\n                    gridOptions={{\n                        getRowStyle: (params) => {\n                            const record = params.data;\n                            if (!record) {\n                                return undefined\n                            }\n                            return {\n                                backgroundColor: grid.getDefaultCellTheme(record).semanticColors.bodyBackground,\n                            }\n                        },\n                    }}\n                    onGridReady={onGridReady}\n                />\n            </ThemeProvider>\n        </AgGridContext.Provider>\n    </GridContext.Provider>\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,MAAM,eAAe,GAAG,CAAC,UAAuB,EAAE,MAAW,EAAE,KAAa,KAAe;IACvF,OAAO,IAAI,SAAS,CAAC;AACjB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,UAAU,EAAE,MAAM,UAAU,EAAE;AAC9B,QAAA,KAAK,EAAE,KAAK;AACf,KAAA,CAAC,CAAA;AACN,CAAC,CAAA;AAEY,MAAA,IAAI,GAAG,CAAC,KAAY,KAAI;AACjC,IAAA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC;AACjF,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAQ,KAAK,CAAC,CAAC;AACtC,IAAA,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;AACzB,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAK;AACtB,QAAA,OAAO,eAAe,CAAC,MAAM,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAA;KAChE,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAClD,IAAA,MAAM,YAAY,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;IAC5C,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,WAAW,CAAC;AACzC,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,YAAY,EAAE,MAAM,YAAY,CAAC,OAAQ;KAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;AAGR,IAAA,MAAM,WAAW,GAAG,CAAC,KAAmC,KAAI;AACxD,QAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACvB,QAAA,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;AAChC,KAAC,CAAA;IAED,SAAS,CAAC,MAAK;AACX,QAAA,OAAO,MAAK;YACR,IAAI,CAAC,OAAO,EAAE,CAAC;AACnB,SAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAC;AAGP,IAAA,OAAOA,GAAC,CAAA,WAAW,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,IAAI,EACpC,QAAA,EAAAA,GAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,MAAM,EAAA,QAAA,EACjCA,GAAC,CAAA,aAAa,EACV,EAAA,SAAS,EAAE,aAAa,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,EACzE,GAAG,EAAE,YAAY,EAAA,QAAA,EAEjBA,GAAC,CAAA,WAAW,EACR,EAAA,QAAQ,EAAE,CAAC,MAA+B,KAAK,CAAG,EAAA,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,CAAA,CAAE,EAC7E,YAAY,EAAC,YAAY;;oBAEzB,SAAS,EAAE,IAAI,CAAC,mBAAmB,EAAE,EACrC,YAAY,EAAE,MAAM,CAAC,gBAAgB,EAAE,EACvC,uBAAuB,EAAE,cAAc,EACvC,sBAAsB,EAAE,YAAY,EACpC,eAAe,EACf,IAAA,EAAA,wBAAwB,EACxB,IAAA,EAAA,WAAW,EAAE;AACT,wBAAA,WAAW,EAAE,CAAC,MAAM,KAAI;AACpB,4BAAA,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC;4BAC3B,IAAI,CAAC,MAAM,EAAE;AACT,gCAAA,OAAO,SAAS,CAAA;AACnB,6BAAA;4BACD,OAAO;gCACH,eAAe,EAAE,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,cAAc;6BAClF,CAAA;yBACJ;AACJ,qBAAA,EACD,WAAW,EAAE,WAAW,GAC1B,EACU,CAAA,EAAA,CACK,GACN,CAAA;AAC3B;;;;"}

package/dist/components/Grid/grid/GridContext.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { GridModel } from "./GridModel";
-export declare const GridContext: import("react").Context<GridModel>;

package/dist/components/Grid/grid/GridContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridContext.js","sources":["../../../../src/components/Grid/grid/GridContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport { GridModel } from \"./GridModel\";\n\nexport const GridContext = createContext<GridModel>(null as any);"],"names":[],"mappings":";;MAGa,WAAW,GAAG,aAAa,CAAY,IAAW;;;;"}