@talxis/base-controls 1.2509.6 → 1.2512.1

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

@@ -0,0 +1 @@
+{"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 { onDismiss } = { ...props };\n    const column = grid.getGridColumnByName(props.column.name, true);\n\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,\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,\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/{filtering/components/FilterCallout → column-headers/column-header}/FilterCallout.d.ts

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

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

@@ -0,0 +1,107 @@
+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 dataProvider = dataset.getDataProvider();
+    const context = grid.getPcfContext();
+    const labels = grid.getLabels();
+    const onColumnFilterSaved = (filter) => {
+        dataProvider.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,
+                                        IsInlineNewEnabled: {
+                                            raw: false
+                                        },
+                                        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

@@ -0,0 +1 @@
+{"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';\nimport { IInternalDataProvider } from '@talxis/client-libraries';\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 dataProvider = dataset.getDataProvider() as IInternalDataProvider;\n    const context = grid.getPcfContext();\n    const labels = grid.getLabels();\n\n    const onColumnFilterSaved = (filter: ComponentFramework.PropertyHelper.DataSetApi.FilterExpression) => {\n        dataProvider.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                                        IsInlineNewEnabled: {\n                                            raw: false\n                                        },\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

@@ -0,0 +1,84 @@
+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/{filtering/components/FilterCallout → column-headers/column-header}/styles.js

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,45 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { Checkbox } from '@fluentui/react';
+import { getGlobalCheckboxStyles } from './styles.js';
+import { 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 styles = getGlobalCheckboxStyles();
+    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 && !dataset.loading) {
+        return jsx(Fragment, {});
+    }
+    else {
+        return (jsx("div", { 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

@@ -0,0 +1 @@
+{"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 { 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 styles = getGlobalCheckboxStyles();\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 && !dataset.loading) {\n        return <></>\n    }\n    else {\n        return (\n            <div 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            </div>\n        )\n    }\n};"],"names":["_jsx"],"mappings":";;;;;;;AAQO,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,MAAM,GAAG,uBAAuB,EAAE,CAAC;AACzC,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,EAAE,qBAAqB,EAAE,IAAI,EAAE,wBAAwB,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3I,QAAA,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE;AAChC,YAAA,OAAO,WAAW,CAAC;AACtB,SAAA;QACD,IAAI,iBAAiB,CAAC,MAAM,KAAK,OAAO,CAAC,eAAe,CAAC,MAAM,EAAE;AAC7D,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,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;AAC1D,QAAA,OAAOA,iBAAK,CAAA;AACf,KAAA;AACI,SAAA;AACD,QAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EACtB,IAAI,CAAC,gBAAgB,EAAE,KAAK,UAAU;gBACnCA,GAAC,CAAA,QAAQ,IACL,OAAO,EAAE,aAAa,KAAK,SAAS,EACpC,MAAM,EAAE;wBACJ,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC5B,qBAAA,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,CAErD,EACT;AACJ,KAAA;AACL;;;;"}

package/dist/components/Grid/{core/components/ColumnHeader/components/GlobalCheckbox → column-headers/record-selection-checkbox}/styles.d.ts

@@ -1,7 +1,5 @@
-import { ITheme } from "@fluentui/react";
-export declare const getGlobalCheckboxStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
+export declare const getGlobalCheckboxStyles: () => import("@fluentui/react").IProcessedStyleSet<{
     root: {
-        backgroundColor: string;
         flexGrow: number;
         display: string;
         justifyContent: string;

package/dist/components/Grid/{core/components/ColumnHeader/components/GlobalCheckbox → column-headers/record-selection-checkbox}/styles.js

@@ -1,9 +1,8 @@
 import { mergeStyleSets } from '@fluentui/react';
 
-const getGlobalCheckboxStyles = (theme) => {
+const getGlobalCheckboxStyles = () => {
     return mergeStyleSets({
         root: {
-            backgroundColor: theme.semanticColors.bodyBackground,
             flexGrow: 1,
             display: 'flex',
             justifyContent: 'center',

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Grid/column-headers/record-selection-checkbox/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getGlobalCheckboxStyles = () => {\n    return mergeStyleSets({\n        root: {\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":";;AAEO,MAAM,uBAAuB,GAAG,MAAK;AACxC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,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

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

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1 @@
+{"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/{core/components/AgGrid/AgGrid.d.ts → grid/Grid.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
+import { IGrid } from "../interfaces";
 import "@ag-grid-community/styles/ag-grid.css";
 import "@ag-grid-community/styles/ag-theme-balham.css";
-import { IGrid } from '../../../interfaces';
-export declare const AgGrid: (props: IGrid) => JSX.Element;
+export declare const Grid: (props: IGrid) => JSX.Element;

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

@@ -0,0 +1,64 @@
+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, initialState: props.state?.AgGridState, 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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/grid/Grid.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\nimport { GetRowIdParams, GridReadyEvent, GridState } 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, useStateValues } 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                    initialState={props.state?.AgGridState}\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":"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"}

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

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

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

@@ -0,0 +1 @@
+{"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;;;;"}