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

package/dist/components/DatasetControl/QuickFind/QuickFind.js

@@ -1,51 +1,40 @@
 import { jsx } from 'react/jsx-runtime';
-import { useState, useMemo, useEffect } from 'react';
-import { useModel } from '../useModel.js';
 import { TextField } from '@talxis/react-components';
+import { useState, useMemo, useEffect } from 'react';
+import { ThemeProvider } from '@fluentui/react';
 import { getQuickFindStyles } from './styles.js';
 
 const QuickFind = (props) => {
+    const { dataset, labels, theme } = { ...props };
     const [query, setQuery] = useState('');
-    const model = useModel();
-    const dataset = model.getDataset();
-    const labels = model.getLabels();
     const styles = useMemo(() => getQuickFindStyles(), []);
-    const onSearch = (query) => {
-        dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => {
-            setQuery(query ?? '');
-            dataset.setSearchQuery?.(query ?? '');
-            dataset.refresh();
-        });
-    };
-    const onKeyUp = (e) => {
-        if (e.key === 'Enter') {
-            onSearch(query);
-        }
-    };
-    useEffect(() => {
-        setQuery(dataset.getSearchQuery?.() ?? '');
-    }, [dataset.getSearchQuery?.()]);
-    return props.onRenderQuickFind({
-        onRenderTextField: (props, defaultRender) => defaultRender(props),
+    const quickFindProps = props.onGetQuickFindComponentProps({
+        container: {
+            theme: theme,
+            className: styles.quickFindRoot
+        },
         textFieldProps: {
             value: query,
-            placeholder: `${labels.search()} ${dataset.getMetadata()?.DisplayCollectionName ?? labels.records()}...`,
             styles: {
-                root: styles.textFieldRoot,
                 fieldGroup: styles.fieldGroup
             },
-            disabled: dataset.loading,
+            placeholder: `${labels.search()} ${dataset.getMetadata()?.DisplayCollectionName ?? labels.records()}...`,
             onChange: (e, newValue) => setQuery(newValue ?? ''),
-            onKeyUp: onKeyUp,
-            ...(query ? {
-                deleteButtonProps: {
-                    key: 'delete',
-                    iconProps: {
-                        iconName: 'Cancel'
-                    },
-                    onClick: () => onSearch(undefined)
+            onKeyUp: (e) => {
+                if (e.key === 'Enter') {
+                    onSearch(query);
+                }
+            },
+            deleteButtonProps: query ? {
+                key: 'delete',
+                iconProps: {
+                    iconName: 'Cancel'
+                },
+                onClick: () => {
+                    setQuery("");
+                    onSearch(undefined);
                 }
-            } : {}),
+            } : undefined,
             suffixItems: [{
                     key: 'search',
                     iconProps: {
@@ -54,9 +43,16 @@ const QuickFind = (props) => {
                     onClick: () => onSearch(query)
                 }]
         }
-    }, (props) => {
-        return jsx(TextField, { ...props.textFieldProps });
     });
+    const onSearch = (query) => {
+        dataset.setSearchQuery?.(query ?? "");
+        dataset.refresh();
+    };
+    useEffect(() => {
+        setQuery(dataset.getSearchQuery?.() ?? '');
+    }, [dataset.getSearchQuery?.()]);
+    //needs to be wrapped within ThemeProvider because the theme context can be lost if we are overriding the header render
+    return jsx(ThemeProvider, { ...quickFindProps.container, children: jsx(TextField, { ...quickFindProps.textFieldProps }) });
 };
 
 export { QuickFind };

package/dist/components/DatasetControl/QuickFind/QuickFind.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickFind.js","sources":["../../../../src/components/DatasetControl/QuickFind/QuickFind.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { IRibbonQuickFindWrapperProps } from \"../interfaces\";\nimport { useModel } from \"../useModel\";\nimport { TextField } from \"@talxis/react-components\";\nimport { getQuickFindStyles } from \"./styles\";\n\nexport const QuickFind = (props: { onRenderQuickFind: IRibbonQuickFindWrapperProps['onRenderQuickFind'] }) => {\n  const [query, setQuery] = useState<string>('');\n  const model = useModel();\n  const dataset = model.getDataset();\n  const labels = model.getLabels();\n  const styles = useMemo(() => getQuickFindStyles(), []);\n\n  const onSearch = (query?: string) => {\n    dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => {\n      setQuery(query ?? '');\n      dataset.setSearchQuery?.(query ?? '');\n      dataset.refresh();\n    })\n  }\n\n  const onKeyUp = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      onSearch(query);\n    }\n  }\n\n  useEffect(() => {\n    setQuery(dataset.getSearchQuery?.() ?? '');\n  }, [dataset.getSearchQuery?.()])\n\n  return props.onRenderQuickFind({\n    onRenderTextField: (props, defaultRender) => defaultRender(props),\n    textFieldProps: {\n      value: query,\n      placeholder: `${labels.search()} ${dataset.getMetadata()?.DisplayCollectionName ?? labels.records()}...`,\n      styles: {\n        root: styles.textFieldRoot,\n        fieldGroup: styles.fieldGroup\n      },\n      disabled: dataset.loading,\n      onChange: (e, newValue) => setQuery(newValue ?? ''),\n      onKeyUp: onKeyUp,\n      ...(query ? {\n        deleteButtonProps: {\n          key: 'delete',\n          iconProps: {\n            iconName: 'Cancel'\n          },\n          onClick: () => onSearch(undefined)\n        }\n      } : {}),\n      suffixItems: [{\n        key: 'search',\n        iconProps: {\n          iconName: 'Search'\n        },\n        onClick: () => onSearch(query)\n      }]\n\n\n    }\n  }, (props) => {\n    return <TextField {...props.textFieldProps} />\n  })\n}"],"names":["_jsx"],"mappings":";;;;;;AAMa,MAAA,SAAS,GAAG,CAAC,KAA+E,KAAI;IAC3G,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;AAC/C,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;AACnC,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;AACjC,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAC;AAEvD,IAAA,MAAM,QAAQ,GAAG,CAAC,KAAc,KAAI;AAClC,QAAA,OAAO,CAAC,eAAe,EAAE,CAAC,gCAAgC,CAAC,MAAK;AAC9D,YAAA,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;YACtB,OAAO,CAAC,cAAc,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC;YACtC,OAAO,CAAC,OAAO,EAAE,CAAC;AACpB,SAAC,CAAC,CAAA;AACJ,KAAC,CAAA;AAED,IAAA,MAAM,OAAO,GAAG,CAAC,CAAwC,KAAI;AAC3D,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,QAAQ,CAAC,KAAK,CAAC,CAAC;AACjB,SAAA;AACH,KAAC,CAAA;IAED,SAAS,CAAC,MAAK;QACb,QAAQ,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,EAAE,CAAC,CAAC;KAC5C,EAAE,CAAC,OAAO,CAAC,cAAc,IAAI,CAAC,CAAC,CAAA;IAEhC,OAAO,KAAK,CAAC,iBAAiB,CAAC;QAC7B,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,aAAa,CAAC,KAAK,CAAC;AACjE,QAAA,cAAc,EAAE;AACd,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,WAAW,EAAE,CAAG,EAAA,MAAM,CAAC,MAAM,EAAE,IAAI,OAAO,CAAC,WAAW,EAAE,EAAE,qBAAqB,IAAI,MAAM,CAAC,OAAO,EAAE,CAAK,GAAA,CAAA;AACxG,YAAA,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM,CAAC,aAAa;gBAC1B,UAAU,EAAE,MAAM,CAAC,UAAU;AAC9B,aAAA;YACD,QAAQ,EAAE,OAAO,CAAC,OAAO;AACzB,YAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAC;AACnD,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,IAAI,KAAK,GAAG;AACV,gBAAA,iBAAiB,EAAE;AACjB,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,SAAS,EAAE;AACT,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE,MAAM,QAAQ,CAAC,SAAS,CAAC;AACnC,iBAAA;aACF,GAAG,EAAE,CAAC;AACP,YAAA,WAAW,EAAE,CAAC;AACZ,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,SAAS,EAAE;AACT,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE,MAAM,QAAQ,CAAC,KAAK,CAAC;iBAC/B,CAAC;AAGH,SAAA;KACF,EAAE,CAAC,KAAK,KAAI;AACX,QAAA,OAAOA,IAAC,SAAS,EAAA,EAAA,GAAK,KAAK,CAAC,cAAc,GAAI,CAAA;AAChD,KAAC,CAAC,CAAA;AACJ;;;;"}
+{"version":3,"file":"QuickFind.js","sources":["../../../../src/components/DatasetControl/QuickFind/QuickFind.tsx"],"sourcesContent":["import { IDataset } from \"@talxis/client-libraries\";\nimport { ITextFieldProps, ITheme, TextField } from \"@talxis/react-components\";\nimport { datasetControlTranslations } from \"../translations\";\nimport { ITranslation } from \"../../../hooks\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { ThemeProvider } from \"@fluentui/react\";\nimport { IQuickFindProps } from \"../interfaces\";\nimport { getQuickFindStyles } from \"./styles\";\n\nexport interface IQuickFindComponentProps {\n    labels: ITranslation<typeof datasetControlTranslations>\n    dataset: IDataset;\n    theme: ITheme;\n    onGetQuickFindComponentProps: (props: IQuickFindProps) => IQuickFindProps;\n}\n\nexport const QuickFind = (props: IQuickFindComponentProps) => {\n    const { dataset, labels, theme } = { ...props };\n    const [query, setQuery] = useState<string>('');\n    const styles = useMemo(() => getQuickFindStyles(), [])\n\n    const quickFindProps = props.onGetQuickFindComponentProps({\n        container: {\n            theme: theme,\n            className: styles.quickFindRoot\n        },\n        textFieldProps: {\n            value: query,\n            styles: {\n                fieldGroup: styles.fieldGroup\n            },\n            placeholder: `${labels.search()} ${dataset.getMetadata()?.DisplayCollectionName ?? labels.records()}...`,\n            onChange: (e, newValue) => setQuery(newValue ?? ''),\n            onKeyUp: (e) => {\n                if (e.key === 'Enter') {\n                    onSearch(query);\n                }\n            },\n            deleteButtonProps: query ? {\n                key: 'delete',\n                iconProps: {\n                    iconName: 'Cancel'\n                },\n                onClick: () => {\n                    setQuery(\"\");\n                    onSearch(undefined);\n                }\n            } : undefined,\n            suffixItems: [{\n                key: 'search',\n                iconProps: {\n                    iconName: 'Search'\n                },\n                onClick: () => onSearch(query)\n            }]\n        }\n    })\n    const onSearch = (query?: string) => {\n        dataset.setSearchQuery?.(query ?? \"\");\n        dataset.refresh();\n    }\n\n    useEffect(() => {\n        setQuery(dataset.getSearchQuery?.() ?? '');\n    }, [dataset.getSearchQuery?.()])\n    //needs to be wrapped within ThemeProvider because the theme context can be lost if we are overriding the header render\n    return <ThemeProvider {...quickFindProps.container}><TextField {...quickFindProps.textFieldProps} /></ThemeProvider>\n}"],"names":["_jsx"],"mappings":";;;;;;AAgBa,MAAA,SAAS,GAAG,CAAC,KAA+B,KAAI;AACzD,IAAA,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;AAC/C,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAA;AAEtD,IAAA,MAAM,cAAc,GAAG,KAAK,CAAC,4BAA4B,CAAC;AACtD,QAAA,SAAS,EAAE;AACP,YAAA,KAAK,EAAE,KAAK;YACZ,SAAS,EAAE,MAAM,CAAC,aAAa;AAClC,SAAA;AACD,QAAA,cAAc,EAAE;AACZ,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,MAAM,EAAE;gBACJ,UAAU,EAAE,MAAM,CAAC,UAAU;AAChC,aAAA;AACD,YAAA,WAAW,EAAE,CAAG,EAAA,MAAM,CAAC,MAAM,EAAE,IAAI,OAAO,CAAC,WAAW,EAAE,EAAE,qBAAqB,IAAI,MAAM,CAAC,OAAO,EAAE,CAAK,GAAA,CAAA;AACxG,YAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAC;AACnD,YAAA,OAAO,EAAE,CAAC,CAAC,KAAI;AACX,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;oBACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;AACnB,iBAAA;aACJ;AACD,YAAA,iBAAiB,EAAE,KAAK,GAAG;AACvB,gBAAA,GAAG,EAAE,QAAQ;AACb,gBAAA,SAAS,EAAE;AACP,oBAAA,QAAQ,EAAE,QAAQ;AACrB,iBAAA;gBACD,OAAO,EAAE,MAAK;oBACV,QAAQ,CAAC,EAAE,CAAC,CAAC;oBACb,QAAQ,CAAC,SAAS,CAAC,CAAC;iBACvB;aACJ,GAAG,SAAS;AACb,YAAA,WAAW,EAAE,CAAC;AACV,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,SAAS,EAAE;AACP,wBAAA,QAAQ,EAAE,QAAQ;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE,MAAM,QAAQ,CAAC,KAAK,CAAC;iBACjC,CAAC;AACL,SAAA;AACJ,KAAA,CAAC,CAAA;AACF,IAAA,MAAM,QAAQ,GAAG,CAAC,KAAc,KAAI;QAChC,OAAO,CAAC,cAAc,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC;QACtC,OAAO,CAAC,OAAO,EAAE,CAAC;AACtB,KAAC,CAAA;IAED,SAAS,CAAC,MAAK;QACX,QAAQ,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,EAAE,CAAC,CAAC;KAC9C,EAAE,CAAC,OAAO,CAAC,cAAc,IAAI,CAAC,CAAC,CAAA;;AAEhC,IAAA,OAAOA,GAAC,CAAA,aAAa,EAAK,EAAA,GAAA,cAAc,CAAC,SAAS,EAAA,QAAA,EAAEA,GAAC,CAAA,SAAS,OAAK,cAAc,CAAC,cAAc,EAAA,CAAI,GAAgB,CAAA;AACxH;;;;"}

package/dist/components/DatasetControl/QuickFind/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const getQuickFindStyles: () => import("@fluentui/react").IProcessedStyleSet<{
-    textFieldRoot: {
+    quickFindRoot: {
         marginLeft: string;
     };
     fieldGroup: {

package/dist/components/DatasetControl/QuickFind/styles.js

@@ -2,11 +2,11 @@ import { mergeStyleSets } from '@fluentui/react';
 
 const getQuickFindStyles = () => {
     return mergeStyleSets({
-        textFieldRoot: {
+        quickFindRoot: {
             marginLeft: 'auto'
         },
         fieldGroup: {
-            width: 230,
+            width: 230
         }
     });
 };

package/dist/components/DatasetControl/QuickFind/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/DatasetControl/QuickFind/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getQuickFindStyles = () => {\n    return mergeStyleSets({\n        textFieldRoot: {\n            marginLeft: 'auto'\n        },\n        fieldGroup: {\n            width: 230,\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,GAAG,MAAK;AACnC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,aAAa,EAAE;AACX,YAAA,UAAU,EAAE,MAAM;AACrB,SAAA;AACD,QAAA,UAAU,EAAE;AACR,YAAA,KAAK,EAAE,GAAG;AACb,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/DatasetControl/QuickFind/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getQuickFindStyles = () => {\n    return mergeStyleSets({\n        quickFindRoot: {\n            marginLeft: 'auto'\n        },\n        fieldGroup: {\n            width: 230\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,GAAG,MAAK;AACnC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,aAAa,EAAE;AACX,YAAA,UAAU,EAAE,MAAM;AACrB,SAAA;AACD,QAAA,UAAU,EAAE;AACR,YAAA,KAAK,EAAE,GAAG;AACb,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/DatasetControl/index.d.ts

@@ -1,2 +1,3 @@
 export * from './DatasetControl';
 export * from './interfaces';
+export * from './Paging';

package/dist/components/DatasetControl/index.js

@@ -1,2 +1,4 @@
 export { DatasetControl } from './DatasetControl.js';
+export { DatasetPaging } from './Paging/DatasetPaging.js';
+export { Paging } from './Paging/Paging.js';
 //# sourceMappingURL=index.js.map

package/dist/components/DatasetControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -1,66 +1,32 @@
-import { IButtonProps, IMessageBarProps, IShimmerProps, ThemeProviderProps } from "@fluentui/react";
+import { ThemeProviderProps } from "@fluentui/react";
 import { ITranslation } from "../../hooks";
 import { IControl } from "../../interfaces";
 import { IGridOutputs, IGridParameters } from "../Grid";
 import { gridTranslations } from "../Grid/translations";
 import { datasetControlTranslations } from "./translations";
-import { ICommandBarProps, ITextFieldProps } from "@talxis/react-components";
+import { ITextFieldProps } from "@talxis/react-components";
 import React from "react";
+import { IDatasetPaging } from "./Paging";
+export interface IQuickFindProps {
+    textFieldProps: ITextFieldProps;
+    container: ThemeProviderProps;
+}
+export interface IDatasetControlComponentProps {
+    onDatasetInit: () => void;
+    containerProps: ThemeProviderProps;
+    headerProps: {
+        headerContainerProps: React.HTMLAttributes<HTMLDivElement>;
+        /**
+         * Can be used to override the default header renderer (includes QuickFind).
+         */
+        onRender: (renderQuickFind: () => React.ReactElement) => React.ReactElement;
+        onGetQuickFindProps: (props: IQuickFindProps) => IQuickFindProps;
+    };
+    onRenderPagination: (props: IDatasetPaging, renderPagination: (props: IDatasetPaging) => React.ReactElement<IDatasetPaging>) => React.ReactElement;
+}
 export interface IDatasetControl extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof datasetControlTranslations & typeof gridTranslations>>, IDatasetControlComponentProps> {
     /**
      * Tells the Dataset control which UI component should be used for the dataset.
      */
     onGetControlComponent: (props: IControl<IGridParameters, any, any, any>) => React.ReactElement<IControl<any, any, any, any>>;
 }
-export interface IDatasetControlComponentProps {
-    onRender: (props: IComponentProps, defaultRender: (props: IComponentProps) => React.ReactElement) => React.ReactElement;
-}
-export interface IComponentProps {
-    container: ThemeProviderProps;
-    onRenderControlContainer: (props: IControlContainerProps, defaultRender: (props: IControlContainerProps) => React.ReactElement) => React.ReactElement;
-    onRenderHeader: (props: IHeaderProps, defaultRender: (props: IHeaderProps) => React.ReactElement) => React.ReactElement;
-    onRenderFooter: (props: IFooterProps, defaultRender: (props: IFooterProps) => React.ReactElement) => React.ReactElement;
-}
-interface IControlContainerProps {
-    controlContainerProps: React.HTMLAttributes<HTMLDivElement>;
-}
-export interface IFooterProps {
-    footerContainerProps: React.HTMLAttributes<HTMLDivElement>;
-    onRenderPagination: (props: IPaginationProps, defaultRender: (props: IPaginationProps) => React.ReactElement) => React.ReactElement;
-}
-export interface IPaginationProps {
-    paginationContainerProps: React.HTMLAttributes<HTMLDivElement>;
-    commandBarProps: ICommandBarProps;
-    pageSizeSwitcherProps: IButtonProps;
-    onRenderCommandBar: (props: ICommandBarProps, defaultRender: (props: ICommandBarProps) => React.ReactElement) => React.ReactElement;
-    onRenderPageSizeSwitcher: (props: IButtonProps, defaultRender: (props: IButtonProps) => React.ReactElement) => React.ReactElement;
-}
-export interface IHeaderProps {
-    headerContainerProps: React.HTMLAttributes<HTMLDivElement>;
-    onRenderRibbonQuickFindWrapper: (props: IRibbonQuickFindWrapperProps, defaultRender: (props: IRibbonQuickFindWrapperProps) => React.ReactElement) => React.ReactElement;
-    onRenderErrorMessageBar: (props: IErrorMessageBarProps, defaultRender: (props: IErrorMessageBarProps) => React.ReactElement) => React.ReactElement;
-    onRenderUnsavedChangesMessageBar: (props: IUnsavedChangesMesssageBarProps, defaultRender: (props: IUnsavedChangesMesssageBarProps) => React.ReactElement) => React.ReactElement;
-}
-export interface IRibbonQuickFindWrapperProps {
-    ribbonQuickFindContainerProps: React.HTMLAttributes<HTMLDivElement>;
-    onRenderQuickFind: (props: IQuickFindProps, defaultRender: (props: IQuickFindProps) => React.ReactElement) => React.ReactElement;
-    onRenderRibbon: (props: IRibbonProps, defaultRender: (props: IRibbonProps) => React.ReactElement) => React.ReactElement;
-}
-interface IRibbonProps {
-    onRenderCommandBar: (props: ICommandBarProps, defaultRender: (props: ICommandBarProps) => React.ReactElement) => React.ReactElement;
-    onRenderLoading: (props: IShimmerProps, defaultRender: (props: IShimmerProps) => React.ReactElement) => React.ReactElement;
-}
-interface IErrorMessageBarProps {
-    messageBarProps: IMessageBarProps;
-    onRenderMessageBar: (props: IMessageBarProps, defaultRender: (props: IMessageBarProps) => React.ReactElement) => React.ReactElement;
-}
-interface IUnsavedChangesMesssageBarProps {
-    messageBarProps: IMessageBarProps;
-    onRenderSaveBtn: (props: IButtonProps, defaultRender: (props: IButtonProps) => React.ReactElement) => React.ReactElement;
-    onRenderDiscardBtn: (props: IButtonProps, defaultRender: (props: IButtonProps) => React.ReactElement) => React.ReactElement;
-}
-export interface IQuickFindProps {
-    textFieldProps: ITextFieldProps;
-    onRenderTextField: (props: ITextFieldProps, defaultRender: (props: ITextFieldProps) => React.ReactElement) => React.ReactElement;
-}
-export {};

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

@@ -1,11 +1,18 @@
-export declare const getDatasetControlStyles: (height?: string | null) => import("@fluentui/react").IProcessedStyleSet<{
+import { ITheme } from "@talxis/react-components";
+export declare const getDatasetControlStyles: (theme: ITheme, height?: string | null) => import("@fluentui/react").IProcessedStyleSet<{
     datasetControlRoot: {
         flexGrow?: number | undefined;
         display: string;
         flexDirection: string;
     };
-    controlContainer: {
-        flexGrow?: number | undefined;
+    headerRoot: {
+        display: string;
+        paddingLeft: number;
+        paddingTop: number;
+        paddingRight: number;
+        marginBottom: number;
+    };
+    messageBarBtn: {
+        minHeight: string;
     };
-    footer: {};
 }>;

package/dist/components/DatasetControl/styles.js

@@ -1,19 +1,25 @@
 import { mergeStyleSets } from '@fluentui/react';
 
-const getDatasetControlStyles = (height) => {
+const getDatasetControlStyles = (theme, height) => {
     return mergeStyleSets({
         datasetControlRoot: {
             display: 'flex',
             flexDirection: 'column',
             ...(height === '100%' ? getFullHeightStyles() : {})
         },
-        controlContainer: {
-            ...(height === '100%' ? getFullHeightStyles() : {})
+        headerRoot: {
+            display: 'flex',
+            paddingLeft: 15,
+            paddingTop: 15,
+            paddingRight: 15,
+            marginBottom: 15
         },
-        footer: {},
+        messageBarBtn: {
+            minHeight: 'inherit'
+        }
     });
 };
-const getFullHeightStyles = () => {
+const getFullHeightStyles = (theme) => {
     return {
         flexGrow: 1
     };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/DatasetControl/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getDatasetControlStyles = (height?: string | null) => {\n    return mergeStyleSets({\n        datasetControlRoot: {\n            display: 'flex',\n            flexDirection: 'column',\n            ...(height === '100%' ? getFullHeightStyles() : {})\n\n        },\n        controlContainer: {\n            ...(height === '100%' ? getFullHeightStyles() : {})\n        },\n        footer: {\n\n        },\n    });\n}\n\nconst getFullHeightStyles = () => {\n    return {\n        flexGrow: 1\n    }\n}"],"names":[],"mappings":";;AAEa,MAAA,uBAAuB,GAAG,CAAC,MAAsB,KAAI;AAC9D,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,kBAAkB,EAAE;AAChB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,IAAI,MAAM,KAAK,MAAM,GAAG,mBAAmB,EAAE,GAAG,EAAE,CAAC;AAEtD,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,IAAI,MAAM,KAAK,MAAM,GAAG,mBAAmB,EAAE,GAAG,EAAE,CAAC;AACtD,SAAA;AACD,QAAA,MAAM,EAAE,EAEP;AACJ,KAAA,CAAC,CAAC;AACP,EAAC;AAED,MAAM,mBAAmB,GAAG,MAAK;IAC7B,OAAO;AACH,QAAA,QAAQ,EAAE,CAAC;KACd,CAAA;AACL,CAAC;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../src/components/DatasetControl/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\nimport { ITheme } from \"@talxis/react-components\";\n\nexport const getDatasetControlStyles = (theme: ITheme, height?: string | null) => {\n    return mergeStyleSets({\n        datasetControlRoot: {\n            display: 'flex',\n            flexDirection: 'column',\n            ...(height === '100%' ? getFullHeightStyles(theme) : {})\n\n        },\n        headerRoot: {\n            display: 'flex',\n            paddingLeft: 15,\n            paddingTop: 15,\n            paddingRight: 15,\n            marginBottom: 15\n        },\n        messageBarBtn: {\n            minHeight: 'inherit'\n        }\n    });\n}\n\nconst getFullHeightStyles = (theme: ITheme) => {\n    return {\n        flexGrow: 1\n    }\n}"],"names":[],"mappings":";;MAGa,uBAAuB,GAAG,CAAC,KAAa,EAAE,MAAsB,KAAI;AAC7E,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,kBAAkB,EAAE;AAChB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,IAAI,MAAM,KAAK,MAAM,GAAG,mBAAmB,CAAM,CAAC,GAAG,EAAE,CAAC;AAE3D,SAAA;AACD,QAAA,UAAU,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,WAAW,EAAE,EAAE;AACf,YAAA,UAAU,EAAE,EAAE;AACd,YAAA,YAAY,EAAE,EAAE;AAChB,YAAA,YAAY,EAAE,EAAE;AACnB,SAAA;AACD,QAAA,aAAa,EAAE;AACX,YAAA,SAAS,EAAE,SAAS;AACvB,SAAA;AACJ,KAAA,CAAC,CAAC;AACP,EAAC;AAED,MAAM,mBAAmB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO;AACH,QAAA,QAAQ,EAAE,CAAC;KACd,CAAA;AACL,CAAC;;;;"}

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

@@ -15,48 +15,4 @@ export declare const datasetControlTranslations: {
         1029: string;
         1033: string;
     };
-    "unsaved-changes": {
-        1029: string;
-        1033: string;
-    };
-    "saving-discard-all-confirmation": {
-        1029: string;
-        1033: string;
-    };
-    "paging-of": {
-        1029: string;
-        1033: string;
-    };
-    "paging-firstpage": {
-        1029: string;
-        1033: string;
-    };
-    "paging-previouspage": {
-        1029: string;
-        1033: string;
-    };
-    "paging-page": {
-        1029: string;
-        1033: string;
-    };
-    "paging-nextpage": {
-        1029: string;
-        1033: string;
-    };
-    "paging-lastpage": {
-        1029: string;
-        1033: string;
-    };
-    "paging-pages": {
-        1029: string;
-        1033: string;
-    };
-    "paging-pages-totalcount": {
-        1029: string;
-        1033: string;
-    };
-    "page-record-count": {
-        1029: string;
-        1033: string;
-    };
 };

package/dist/components/DatasetControl/translations.js

@@ -2,21 +2,7 @@ const datasetControlTranslations = {
     "search": { 1029: "Vyhledat", 1033: "Search" },
     "records": { 1029: "záznamy", 1033: "records" },
     "generalError": { 1029: "Během načítání ovládacího prvku došlo k nečekané chybě", 1033: "An unexpected error occurred while loading the control." },
-    "reload": { 1029: "Obnovit", 1033: "Reload" },
-    "unsaved-changes": { 1029: "Počet upravených záznamů: <b>{{numOfChanges}}</b>.", 1033: "Number of updated records: <b>{{numOfChanges}}</b>." },
-    "saving-discard-all-confirmation": {
-        1029: "Tato akce zruší všechny neuložené změny. Chcete pokračovat?",
-        1033: "This action will discard all unsaved changes. Would you like to continue?"
-    },
-    "paging-of": { 1029: "z", 1033: "of" },
-    "paging-firstpage": { 1029: "První strana", 1033: "First page" },
-    "paging-previouspage": { 1029: "Předchozí", 1033: "Previous" },
-    "paging-page": { 1029: "Strana", 1033: "Page" },
-    "paging-nextpage": { 1029: "Další", 1033: "Next" },
-    "paging-lastpage": { 1029: "Poslední strana", 1033: "Last page" },
-    "paging-pages": { 1029: "{{start}} - {{end}}", 1033: "{{start}} - {{end}}" },
-    "paging-pages-totalcount": { 1029: "z {{recordcount}}", 1033: "of {{recordcount}}" },
-    "page-record-count": { 1029: 'Počet záznamů na stránce', 1033: 'Records per page' }
+    "reload": { 1029: "Obnovit", 1033: "Reload" }
 };
 
 export { datasetControlTranslations };

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

@@ -1 +1 @@
-{"version":3,"file":"translations.js","sources":["../../../src/components/DatasetControl/translations.ts"],"sourcesContent":["export const datasetControlTranslations = {\n    \"search\": { 1029: \"Vyhledat\", 1033: \"Search\" },\n    \"records\": { 1029: \"záznamy\", 1033: \"records\" },\n    \"generalError\": { 1029: \"Během načítání ovládacího prvku došlo k nečekané chybě\", 1033: \"An unexpected error occurred while loading the control.\" },\n    \"reload\": { 1029: \"Obnovit\", 1033: \"Reload\" },\n    \"unsaved-changes\": { 1029: \"Počet upravených záznamů: <b>{{numOfChanges}}</b>.\", 1033: \"Number of updated records: <b>{{numOfChanges}}</b>.\" },\n    \"saving-discard-all-confirmation\": {\n        1029: \"Tato akce zruší všechny neuložené změny. Chcete pokračovat?\",\n        1033: \"This action will discard all unsaved changes. Would you like to continue?\"\n    },\n    \"paging-of\": { 1029: \"z\", 1033: \"of\" },\n    \"paging-firstpage\": { 1029: \"První strana\", 1033: \"First page\" },\n    \"paging-previouspage\": { 1029: \"Předchozí\", 1033: \"Previous\" },\n    \"paging-page\": { 1029: \"Strana\", 1033: \"Page\" },\n    \"paging-nextpage\": { 1029: \"Další\", 1033: \"Next\" },\n    \"paging-lastpage\": { 1029: \"Poslední strana\", 1033: \"Last page\" },\n    \"paging-pages\": { 1029: \"{{start}} - {{end}}\", 1033: \"{{start}} - {{end}}\" },\n    \"paging-pages-totalcount\": { 1029: \"z {{recordcount}}\", 1033: \"of {{recordcount}}\" },\n    \"page-record-count\": { 1029: 'Počet záznamů na stránce', 1033: 'Records per page' }\n};\n\n"],"names":[],"mappings":"AAAa,MAAA,0BAA0B,GAAG;IACtC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC9C,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC/C,cAAc,EAAE,EAAE,IAAI,EAAE,wDAAwD,EAAE,IAAI,EAAE,yDAAyD,EAAE;IACnJ,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC7C,iBAAiB,EAAE,EAAE,IAAI,EAAE,oDAAoD,EAAE,IAAI,EAAE,qDAAqD,EAAE;AAC9I,IAAA,iCAAiC,EAAE;AAC/B,QAAA,IAAI,EAAE,6DAA6D;AACnE,QAAA,IAAI,EAAE,2EAA2E;AACpF,KAAA;IACD,WAAW,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE;IACtC,kBAAkB,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,YAAY,EAAE;IAChE,qBAAqB,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE;IAC9D,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE;IAC/C,iBAAiB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;IAClD,iBAAiB,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,WAAW,EAAE;IACjE,cAAc,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,qBAAqB,EAAE;IAC5E,yBAAyB,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAE,oBAAoB,EAAE;IACpF,mBAAmB,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE,IAAI,EAAE,kBAAkB,EAAE;;;;;"}
+{"version":3,"file":"translations.js","sources":["../../../src/components/DatasetControl/translations.ts"],"sourcesContent":["export const datasetControlTranslations = {\n    \"search\": { 1029: \"Vyhledat\", 1033: \"Search\" },\n    \"records\": { 1029: \"záznamy\", 1033: \"records\" },\n    \"generalError\": { 1029: \"Během načítání ovládacího prvku došlo k nečekané chybě\", 1033: \"An unexpected error occurred while loading the control.\" },\n    \"reload\": { 1029: \"Obnovit\", 1033: \"Reload\" }\n};\n   \n"],"names":[],"mappings":"AAAa,MAAA,0BAA0B,GAAG;IACtC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC9C,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC/C,cAAc,EAAE,EAAE,IAAI,EAAE,wDAAwD,EAAE,IAAI,EAAE,yDAAyD,EAAE;IACnJ,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE;;;;;"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IGrid } from "./interfaces";
+export declare const Grid: (props: IGrid) => JSX.Element;

package/dist/components/Grid/Grid.js

@@ -0,0 +1,37 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo, useEffect } from 'react';
+import { Grid as Grid$1 } from './core/model/Grid.js';
+import { AgGrid } from './core/components/AgGrid/AgGrid.js';
+import { gridTranslations } from './translations.js';
+import { GridContext } from './GridContext.js';
+import { mergeStyleSets, ThemeProvider } from '@fluentui/react';
+import { KeyHoldListener } from './core/services/KeyListener.js';
+import { useControlTheme } from '../../utils/theme/hooks/useControlTheme.js';
+import { useControl } from '../../hooks/useControl.js';
+
+const styles = mergeStyleSets({
+    root: {
+        displayName: 'talxis__gridControl',
+        height: '100%'
+    }
+});
+const Grid = (props) => {
+    const { labels } = useControl('Grid', props, gridTranslations);
+    const keyHoldListener = useMemo(() => new KeyHoldListener(), []);
+    const providerValue = useMemo(() => {
+        return {
+            gridInstance: new Grid$1(props, labels, keyHoldListener)
+        };
+    }, []);
+    providerValue.gridInstance.updateDependencies(props);
+    const theme = useControlTheme(props.context.fluentDesignLanguage);
+    useEffect(() => {
+        return () => {
+            providerValue.gridInstance.destroy();
+        };
+    }, []);
+    return (jsx(GridContext.Provider, { value: providerValue, children: jsx(ThemeProvider, { className: `talxis__gridControl ${styles.root}`, theme: theme, applyTo: 'none', children: jsx(AgGrid, { ...props }) }) }));
+};
+
+export { Grid };
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport { useControl, useControlTheme } from \"../../hooks\"\nimport { IGridContext } from \"./core/interfaces/IGridContext\";\nimport { Grid as GridModel } from \"./core/model/Grid\";\nimport { IGrid } from \"./interfaces\";\nimport { AgGrid } from './core/components/AgGrid/AgGrid';\nimport { gridTranslations } from './translations';\nimport { GridContext } from \"./GridContext\";\nimport { mergeStyleSets, ThemeProvider } from \"@fluentui/react\";\nimport { KeyHoldListener } from \"./core/services/KeyListener\";\n\nconst styles = mergeStyleSets({\n    root: {\n        displayName: 'talxis__gridControl',\n        height: '100%'\n    }\n});\n\n\nexport const Grid = (props: IGrid) => {\n    const { labels } = useControl('Grid', props, gridTranslations);\n    const keyHoldListener = useMemo(() => new KeyHoldListener(), []);\n    const providerValue: IGridContext = useMemo(() => {\n        return {\n            gridInstance: new GridModel(props, labels, keyHoldListener)\n        }\n    }, [])\n\n    providerValue.gridInstance.updateDependencies(props);\n    const theme = useControlTheme(props.context.fluentDesignLanguage);\n\n    useEffect(() => {\n        return () => {\n            providerValue.gridInstance.destroy();\n        }\n    }, []);\n\n    return (\n        <GridContext.Provider value={providerValue}>\n            <ThemeProvider className={`talxis__gridControl ${styles.root}`} theme={theme} applyTo='none'>\n                <AgGrid {...props} />\n            </ThemeProvider>\n        </GridContext.Provider>\n\n    )\n}"],"names":["GridModel","_jsx"],"mappings":";;;;;;;;;;;AAWA,MAAM,MAAM,GAAG,cAAc,CAAC;AAC1B,IAAA,IAAI,EAAE;AACF,QAAA,WAAW,EAAE,qBAAqB;AAClC,QAAA,MAAM,EAAE,MAAM;AACjB,KAAA;AACJ,CAAA,CAAC,CAAC;AAGU,MAAA,IAAI,GAAG,CAAC,KAAY,KAAI;AACjC,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC/D,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,IAAI,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;AACjE,IAAA,MAAM,aAAa,GAAiB,OAAO,CAAC,MAAK;QAC7C,OAAO;YACH,YAAY,EAAE,IAAIA,MAAS,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC;SAC9D,CAAA;KACJ,EAAE,EAAE,CAAC,CAAA;AAEN,IAAA,aAAa,CAAC,YAAY,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACrD,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAElE,SAAS,CAAC,MAAK;AACX,QAAA,OAAO,MAAK;AACR,YAAA,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;AACzC,SAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,QACIC,GAAC,CAAA,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EACtCA,IAAC,aAAa,EAAA,EAAC,SAAS,EAAE,uBAAuB,MAAM,CAAC,IAAI,CAAA,CAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,MAAM,EACxF,QAAA,EAAAA,GAAA,CAAC,MAAM,EAAK,EAAA,GAAA,KAAK,GAAI,EACT,CAAA,EAAA,CACG,EAE1B;AACL;;;;"}

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

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

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

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

package/dist/components/Grid/aggregation/Aggregation.d.ts

@@ -0,0 +1,18 @@
+import { AggregationFunction, IAggregationMetadata, IRecord } from "@talxis/client-libraries";
+import { GridDependency } from "../core/model/GridDependency";
+import { Grid } from "../core/model/Grid";
+export declare class Aggregation extends GridDependency {
+    private _hasUserChangedAggregations;
+    private _aggregationDataset;
+    constructor(grid: Grid);
+    getAggregationRecord(): IRecord[];
+    addAggregation(columnName: string, aggregationFunction: AggregationFunction): void;
+    removeAggregation(columnName: string): void;
+    isAggregationAppliedToColumn(columnName: string, aggregationFunction?: string): boolean;
+    getAggregationForColumn(columnName: string): IAggregationMetadata | undefined;
+    private _updateAggregations;
+    private _getAggregationsFromColumns;
+    private _getDummyLoadingRecord;
+    private _onError;
+    private _syncAggregationDataProvider;
+}

package/dist/components/Grid/aggregation/Aggregation.js

@@ -0,0 +1,129 @@
+import { MemoryDataProvider } from '@talxis/client-libraries';
+import { GridDependency } from '../core/model/GridDependency.js';
+
+class Aggregation extends GridDependency {
+    constructor(grid) {
+        super(grid);
+        this._hasUserChangedAggregations = false;
+        this._aggregationDataset = this._dataset.getChildDataset();
+        this._aggregationDataset.addEventListener('onBeforeNewDataLoaded', () => this._syncAggregationDataProvider());
+        this._aggregationDataset.addEventListener('onError', (errorMessage, details) => this._onError(errorMessage, details));
+        this._aggregationDataset.addEventListener('onNewDataLoaded', () => this._dataset.getDataProvider().setError(false));
+        this._aggregationDataset.addEventListener('onLoading', () => this._pcfContext.factory.requestRender());
+        this._dataset.addEventListener('onNewDataLoaded', () => this._updateAggregations());
+    }
+    getAggregationRecord() {
+        if (this._aggregationDataset.aggregation.getAggregations().length === 0 || this._dataset.sortedRecordIds.length === 0) {
+            return [];
+        }
+        if (this._aggregationDataset.loading) {
+            return [this._getDummyLoadingRecord()];
+        }
+        return this._aggregationDataset.getDataProvider().getRecords();
+    }
+    addAggregation(columnName, aggregationFunction) {
+        this._aggregationDataset.aggregation.addAggregation({
+            columnName: columnName,
+            alias: `${columnName}_${aggregationFunction}`,
+            aggregationFunction: aggregationFunction,
+        });
+        this._hasUserChangedAggregations = true;
+        this._aggregationDataset.refresh();
+    }
+    removeAggregation(columnName) {
+        const aggregation = this.getAggregationForColumn(columnName);
+        if (aggregation) {
+            this._aggregationDataset.aggregation.removeAggregation(aggregation);
+        }
+        this._hasUserChangedAggregations = true;
+        this._aggregationDataset.refresh();
+    }
+    isAggregationAppliedToColumn(columnName, aggregationFunction) {
+        return !!this._aggregationDataset.aggregation.getAggregations().find(agg => {
+            if (agg.columnName === columnName) {
+                if (aggregationFunction) {
+                    return agg.aggregationFunction === aggregationFunction;
+                }
+                return true;
+            }
+        });
+    }
+    getAggregationForColumn(columnName) {
+        return this._aggregationDataset.aggregation.getAggregations().find(agg => {
+            return agg.columnName === columnName;
+        });
+    }
+    _updateAggregations() {
+        this._syncAggregationDataProvider();
+        if (!this._hasUserChangedAggregations) {
+            this._getAggregationsFromColumns().map(aggregation => {
+                this._aggregationDataset.aggregation.addAggregation(aggregation);
+            });
+        }
+        const aggregations = this._aggregationDataset.aggregation.getAggregations();
+        const columnNames = this._dataset.getDataProvider().getColumns().map(col => col.name);
+        aggregations.map(agg => {
+            if (!columnNames.includes(agg.columnName)) {
+                this._aggregationDataset.aggregation.removeAggregation(agg);
+            }
+        });
+        if (this._aggregationDataset.aggregation.getAggregations().length > 0) {
+            this._aggregationDataset.refresh();
+        }
+    }
+    _getAggregationsFromColumns() {
+        const aggregations = [];
+        this._dataset.columns.map(col => {
+            if (col.aggregationFunction) {
+                aggregations.push({
+                    columnName: col.name,
+                    alias: `${col.name}_${col.aggregationFunction}`,
+                    aggregationFunction: col.aggregationFunction,
+                });
+            }
+        });
+        return aggregations;
+    }
+    _getDummyLoadingRecord() {
+        const data = {};
+        data.id = 'loading';
+        this._dataset.columns.map(col => {
+            data[col.name] = null;
+        });
+        const provider = new MemoryDataProvider([data], { PrimaryIdAttribute: "id" });
+        provider.setColumns(this._dataset.columns);
+        provider.refreshSync();
+        const dummyRecord = provider.getRecords()[0];
+        this._dataset.columns.map(col => {
+            dummyRecord.expressions.ui.setLoadingExpression(col.name, () => true);
+        });
+        return dummyRecord;
+    }
+    _onError(errorMessage, details) {
+        let errorText = errorMessage;
+        const errorCode = details?.errorCode;
+        if (errorCode === 2147750198 || errorCode === -2147164125) {
+            errorText = this._grid.labels['error-2147750198']();
+        }
+        this._dataset.getDataProvider().setError(true, errorText);
+        this._pcfContext.factory.requestRender();
+    }
+    _syncAggregationDataProvider() {
+        this._aggregationDataset.getDataProvider().setLinking(this._dataset.getDataProvider().getLinking());
+        this._aggregationDataset.getDataProvider().setFiltering(this._dataset.getDataProvider().getFiltering());
+        this._aggregationDataset.getDataProvider().setSearchQuery(this._dataset.getDataProvider().getSearchQuery());
+        this._aggregationDataset.getDataProvider().setDataSource(this._dataset.getDataProvider().getDataSource());
+        this._aggregationDataset.getDataProvider().setColumns(this._dataset.getDataProvider().getColumns().map(col => {
+            return {
+                ...col,
+                metadata: {
+                    ...col.metadata,
+                    RequiredLevel: 0
+                }
+            };
+        }));
+    }
+}
+
+export { Aggregation };
+//# sourceMappingURL=Aggregation.js.map