@talxis/base-controls 1.2508.2 → 1.2509.1-alpha.1

package/dist/components/Grid/grid/ag-grid/ServerSideDatasource.d.ts

@@ -0,0 +1,7 @@
+import { IServerSideDatasource, IServerSideGetRowsParams } from "@ag-grid-community/core";
+import { AgGridModel } from "./AgGridModel";
+export declare class ServerSideDatasource implements IServerSideDatasource {
+    private _agGrid;
+    constructor(agGrid: AgGridModel);
+    getRows(params: IServerSideGetRowsParams): Promise<void>;
+}

package/dist/components/Grid/grid/ag-grid/ServerSideDatasource.js

@@ -0,0 +1,38 @@
+class ServerSideDatasource {
+    constructor(agGrid) {
+        this._agGrid = agGrid;
+    }
+    async getRows(params) {
+        const dataset = this._agGrid.getGrid().getDataset();
+        const records = dataset.getRecords();
+        if (params.request.groupKeys.length > 0) {
+            const groupDataProvider = dataset.getDataProvider().getGroupChildrenDataProvider(params.parentNode.data);
+            let records = groupDataProvider.getRecords();
+            try {
+                //clear selected records means the main dataset has been refreshed
+                if (records.length === 0 || dataset.getSelectedRecordIds().length === 0) {
+                    records = await groupDataProvider.refresh();
+                }
+            }
+            catch (err) { }
+            if (groupDataProvider.isError()) {
+                params.fail();
+            }
+            else {
+                params.success({
+                    rowData: records,
+                    rowCount: records.length
+                });
+            }
+        }
+        else {
+            params.success({
+                rowData: records,
+                rowCount: records.length
+            });
+        }
+    }
+}
+
+export { ServerSideDatasource };
+//# sourceMappingURL=ServerSideDatasource.js.map

package/dist/components/Grid/grid/ag-grid/ServerSideDatasource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerSideDatasource.js","sources":["../../../../../src/components/Grid/grid/ag-grid/ServerSideDatasource.ts"],"sourcesContent":["import { IServerSideDatasource, IServerSideGetRowsParams } from \"@ag-grid-community/core\";\nimport { AgGridModel } from \"./AgGridModel\";\nimport { IDataProvider, IRecord } from \"@talxis/client-libraries\";\n\nexport class ServerSideDatasource implements IServerSideDatasource {\n    private _agGrid: AgGridModel\n\n    constructor(agGrid: AgGridModel) {\n        this._agGrid = agGrid;\n\n    }\n    public async getRows(params: IServerSideGetRowsParams): Promise<void> {\n        const dataset = this._agGrid.getGrid().getDataset();\n        const records = dataset.getRecords();\n        if (params.request.groupKeys.length > 0) {\n            const groupDataProvider = dataset.getDataProvider().getGroupChildrenDataProvider(params.parentNode.data);\n            let records: IRecord[] = groupDataProvider.getRecords();\n            try {\n                //clear selected records means the main dataset has been refreshed\n                if (records.length === 0 || dataset.getSelectedRecordIds().length === 0) {\n                    records = await groupDataProvider.refresh();\n                }\n            }\n            catch (err) { }\n            if (groupDataProvider.isError()) {\n                params.fail();\n            }\n            else {\n                params.success({\n                    rowData: records,\n                    rowCount: records.length\n                })\n            }\n        }\n        else {\n            params.success({\n                rowData: records,\n                rowCount: records.length\n            })\n        }\n    }\n}"],"names":[],"mappings":"MAIa,oBAAoB,CAAA;AAG7B,IAAA,WAAA,CAAY,MAAmB,EAAA;AAC3B,QAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;KAEzB;IACM,MAAM,OAAO,CAAC,MAAgC,EAAA;QACjD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,UAAU,EAAE,CAAC;AACpD,QAAA,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC;QACrC,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;AACrC,YAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC,4BAA4B,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AACzG,YAAA,IAAI,OAAO,GAAc,iBAAiB,CAAC,UAAU,EAAE,CAAC;YACxD,IAAI;;AAEA,gBAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,oBAAoB,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE;AACrE,oBAAA,OAAO,GAAG,MAAM,iBAAiB,CAAC,OAAO,EAAE,CAAC;AAC/C,iBAAA;AACJ,aAAA;YACD,OAAO,GAAG,EAAE,GAAG;AACf,YAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE,EAAE;gBAC7B,MAAM,CAAC,IAAI,EAAE,CAAC;AACjB,aAAA;AACI,iBAAA;gBACD,MAAM,CAAC,OAAO,CAAC;AACX,oBAAA,OAAO,EAAE,OAAO;oBAChB,QAAQ,EAAE,OAAO,CAAC,MAAM;AAC3B,iBAAA,CAAC,CAAA;AACL,aAAA;AACJ,SAAA;AACI,aAAA;YACD,MAAM,CAAC,OAAO,CAAC;AACX,gBAAA,OAAO,EAAE,OAAO;gBAChB,QAAQ,EAAE,OAAO,CAAC,MAAM;AAC3B,aAAA,CAAC,CAAA;AACL,SAAA;KACJ;AACJ;;;;"}

package/dist/components/Grid/grid/ag-grid/useAgGridInstance.d.ts

@@ -0,0 +1,2 @@
+import { AgGridModel } from "./AgGridModel";
+export declare const useAgGridInstance: () => AgGridModel;

package/dist/components/Grid/grid/ag-grid/useAgGridInstance.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { AgGridContext } from './AgGridContext.js';
+
+const useAgGridInstance = () => {
+    return useContext(AgGridContext);
+};
+
+export { useAgGridInstance };
+//# sourceMappingURL=useAgGridInstance.js.map

package/dist/components/Grid/grid/ag-grid/useAgGridInstance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAgGridInstance.js","sources":["../../../../../src/components/Grid/grid/ag-grid/useAgGridInstance.ts"],"sourcesContent":["import { useContext } from \"react\"\nimport { AgGridModel } from \"./AgGridModel\";\nimport { AgGridContext } from \"./AgGridContext\";\n\nexport const useAgGridInstance = (): AgGridModel => {\n    return useContext(AgGridContext);\n}"],"names":[],"mappings":";;;AAIO,MAAM,iBAAiB,GAAG,MAAkB;AAC/C,IAAA,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC;AACrC;;;;"}

package/dist/components/Grid/{core/components/AgGrid → grid}/styles.d.ts

@@ -1,7 +1,9 @@
 import { ITheme } from "@fluentui/react";
+import { IColumn } from "@talxis/client-libraries";
 export declare const getGridStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
-    root: {
+    gridRoot: {
         height: string;
+        minHeight: number;
         display: string;
         flexDirection: string;
         '--ag-borders': string;
@@ -24,9 +26,6 @@ export declare const getGridStyles: (theme: ITheme) => import("@fluentui/react")
                 opacity: number;
             };
         };
-        '.ag-root': {
-            minHeight: number;
-        };
         '.ag-body': {
             borderTop: string;
         };
@@ -47,6 +46,26 @@ export declare const getGridStyles: (theme: ITheme) => import("@fluentui/react")
         '.ag-cell': {
             border: string;
             borderRadius: number;
+            overflow: string;
+        };
+        '.ag-cell-wrapper:has([data-is-loading="true"])': {
+            height: string;
+        };
+        '.ms-Checkbox.is-disabled .ms-Checkbox-checkbox': {
+            borderColor: string;
+        };
+        '.ag-pinned-left-cols-container .ag-cell-last-left-pinned:not([col-id="__checkbox__virtual"])': {
+            borderRight: string;
+        };
+        '.ag-cell-highlight': {
+            '::after': {
+                content: string;
+                position: string;
+                left: number;
+                top: number;
+                backgroundColor: string;
+                'view-transition-name': string;
+            };
         };
         '.ag-cell-focus': {
             zIndex: number;
@@ -70,3 +89,4 @@ export declare const getGridStyles: (theme: ITheme) => import("@fluentui/react")
         };
     };
 }>;
+export declare const getJustifyContent: (columnAlignment: Required<IColumn['alignment']>) => "center" | "flex-start" | "flex-end" | undefined;

package/dist/components/Grid/{core/components/AgGrid → grid}/styles.js

@@ -2,8 +2,9 @@ import { mergeStyleSets } from '@fluentui/react';
 
 const getGridStyles = (theme) => {
     return mergeStyleSets({
-        root: {
+        gridRoot: {
             height: '100%',
+            minHeight: 180,
             display: 'flex',
             flexDirection: 'column',
             '--ag-borders': 'none !important',
@@ -26,9 +27,6 @@ const getGridStyles = (theme) => {
                     opacity: 0.2
                 }
             },
-            '.ag-root': {
-                minHeight: 180
-            },
             '.ag-body': {
                 borderTop: `1px solid ${theme.semanticColors.menuDivider}`
             },
@@ -48,7 +46,27 @@ const getGridStyles = (theme) => {
             },
             '.ag-cell': {
                 border: 'none !important',
-                borderRadius: 0
+                borderRadius: 0,
+                overflow: 'hidden'
+            },
+            '.ag-cell-wrapper:has([data-is-loading="true"])': {
+                height: '100%'
+            },
+            '.ms-Checkbox.is-disabled .ms-Checkbox-checkbox': {
+                borderColor: `${theme.semanticColors.disabledBorder} !important`
+            },
+            '.ag-pinned-left-cols-container .ag-cell-last-left-pinned:not([col-id="__checkbox__virtual"])': {
+                borderRight: `1px solid ${theme.semanticColors.menuDivider} !important`
+            },
+            '.ag-cell-highlight': {
+                '::after': {
+                    content: "''",
+                    position: 'absolute',
+                    left: 0,
+                    top: 0,
+                    backgroundColor: `color-mix(in srgb, ${theme.palette.themePrimary}, transparent 70%)`,
+                    'view-transition-name': 'cell-highlight',
+                }
             },
             '.ag-cell-focus': {
                 zIndex: 2,
@@ -73,6 +91,19 @@ const getGridStyles = (theme) => {
         }
     });
 };
+const getJustifyContent = (columnAlignment) => {
+    switch (columnAlignment) {
+        case 'left': {
+            return 'flex-start';
+        }
+        case 'center': {
+            return 'center';
+        }
+        case 'right': {
+            return 'flex-end';
+        }
+    }
+};
 
-export { getGridStyles };
+export { getGridStyles, getJustifyContent };
 //# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Grid/grid/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\nimport { IColumn } from \"@talxis/client-libraries\";\n\nexport const getGridStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        gridRoot: {\n            height: '100%',\n            minHeight: 180,\n            display: 'flex',\n            flexDirection: 'column',\n            '--ag-borders': 'none !important',\n            '.ag-root-wrapper': {\n                maxHeight: '100%',\n                '--ag-selected-row-background-color': theme.palette.themePrimary,\n                '--ag-range-selection-border-color': theme.palette.themePrimary,\n                '--ag-row-hover-color': theme.palette.black,\n                '--ag-row-border-color': theme.semanticColors.menuDivider,\n                '--ag-cell-horizontal-padding': 0,\n                '--ag-input-focus-border-color': theme.semanticColors.inputFocusBorderAlt,\n                borderBottom: `1px solid ${theme.semanticColors.menuDivider}`,\n                '.ag-row::before': {\n                    zIndex: 1\n                },\n                '.ag-row-hover::before': {\n                    opacity: 0.1\n                },\n                '.ag-row-selected::before': {\n                    opacity: 0.2\n                }\n            },\n            '.ag-body': {\n                borderTop: `1px solid ${theme.semanticColors.menuDivider}`\n            },\n            '.ag-header-viewport': {\n                backgroundColor: `${theme.semanticColors.bodyBackground}`\n            },\n            '.ag-center-cols-container': {\n                minWidth: '100%',\n            },\n            '.ag-layout-auto-height .ag-center-cols-clipper, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-clipper, .ag-layout-print .ag-center-cols-container': {\n                minHeight: '42px !important'\n            },\n            '.ag-header-cell': {\n                paddingLeft: 0,\n                paddingRight: 0,\n                backgroundColor: `${theme.semanticColors.bodyBackground} !important`\n            },\n            '.ag-cell': {\n                border: 'none !important',\n                borderRadius: 0,\n                overflow: 'hidden'\n            },\n            '.ag-cell-wrapper:has([data-is-loading=\"true\"])': {\n                height: '100%'\n            },\n            '.ms-Checkbox.is-disabled .ms-Checkbox-checkbox': {\n                borderColor: `${theme.semanticColors.disabledBorder} !important`\n            },\n            '.ag-pinned-left-cols-container .ag-cell-last-left-pinned:not([col-id=\"__checkbox__virtual\"])': {\n                borderRight: `1px solid ${theme.semanticColors.menuDivider} !important`\n            },\n            '.ag-cell-highlight': {\n                '::after': {\n                    content: \"''\",\n                    position: 'absolute',\n                    left: 0,\n                    top: 0,\n                    backgroundColor: `color-mix(in srgb, ${theme.palette.themePrimary}, transparent 70%)`,\n                    'view-transition-name': 'cell-highlight',\n                }\n            },\n            '.ag-cell-focus': {\n                zIndex: 2,\n                '::after': {\n                    content: \"''\",\n                    position: 'absolute',\n                    inset: '-1px',\n                    border: `3px solid ${theme.semanticColors.inputFocusBorderAlt}`,\n                    borderRadius: theme.effects.roundedCorner2,\n                    pointerEvents: 'none'\n                }\n            },\n            '.ag-cell-focus:has([data-is-valid=\"false\"])': {\n                '::after': {\n                    borderColor: `${theme.semanticColors.errorIcon} !important`\n                }\n            },\n            '.ag-floating-bottom .ag-row-pinned': {\n                borderTop: `1px solid ${theme.semanticColors.menuDivider}`,\n                borderBottom: 'none',\n            }\n        }\n    })\n};\n\nexport const getJustifyContent = (columnAlignment: Required<IColumn['alignment']>) => {\n    switch (columnAlignment) {\n        case 'left': {\n            return 'flex-start'\n        }\n        case 'center': {\n            return 'center'\n        }\n        case 'right': {\n            return 'flex-end'\n        }\n    }\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { GridModel } from "./GridModel";
+export declare const useGridInstance: () => GridModel;

package/dist/components/Grid/{core/hooks → grid}/useGridInstance.js

@@ -1,8 +1,8 @@
 import { useContext } from 'react';
-import { GridContext } from '../../GridContext.js';
+import { GridContext } from './GridContext.js';
 
 const useGridInstance = () => {
-    return useContext(GridContext).gridInstance;
+    return useContext(GridContext);
 };
 
 export { useGridInstance };

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGridInstance.js","sources":["../../../../src/components/Grid/grid/useGridInstance.ts"],"sourcesContent":["import { useContext } from \"react\"\nimport { GridModel } from \"./GridModel\";\nimport { GridContext } from \"./GridContext\";\n\nexport const useGridInstance = (): GridModel => {\n    return useContext(GridContext);\n}"],"names":[],"mappings":";;;AAIO,MAAM,eAAe,GAAG,MAAgB;AAC3C,IAAA,OAAO,UAAU,CAAC,WAAW,CAAC,CAAC;AACnC;;;;"}

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

@@ -1,2 +1,2 @@
-export * from './Grid';
+export * from './grid/Grid';
 export * from './interfaces';

package/dist/components/Grid/index.js

@@ -1,2 +1,2 @@
-export { Grid } from './Grid.js';
+export { Grid } from './grid/Grid.js';
 //# sourceMappingURL=index.js.map

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

@@ -1,4 +1,5 @@
 /// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { AgGridReactProps } from "@ag-grid-community/react";
 import { ITranslation } from "../../hooks";
 import { IParameters, IStringProperty, ITwoOptionsProperty, IWholeNumberProperty } from "../../interfaces";
@@ -20,16 +21,25 @@ export interface IGridParameters extends IParameters {
     EnableFiltering?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableSorting?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableNavigation?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableQuickFind?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableOptionSetColors?: Omit<ITwoOptionsProperty, 'attributes'>;
+    ShowRecordCount?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableChangeEditor?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableMultiEdit?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableZebra?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableGrouping?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableAggregation?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableGroupedColumnsPinning?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableCommandBar?: Omit<ITwoOptionsProperty, 'attributes'>;
     RowHeight?: Omit<IWholeNumberProperty, 'attributes'>;
     EnablePageSizeSwitcher?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableAutoSave?: Omit<ITwoOptionsProperty, 'attributes'>;
+    DefaultExpandedGroupLevel?: Omit<IWholeNumberProperty, 'attributes'>;
     Height?: IStringProperty;
     InlineRibbonButtonIds?: IStringProperty;
+    GroupType?: Omit<ComponentFramework.PropertyTypes.EnumProperty<"nested" | "flat">, 'type'>;
     SelectableRows?: Omit<ComponentFramework.PropertyTypes.EnumProperty<"none" | "single" | "multiple">, 'type'>;
+    LicenseKey?: IStringProperty;
     Grid: IDataset;
 }
 export interface IGridOutputs extends IOutputs {

package/dist/components/Grid/loading/full-row/FullRowLoading.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ILoadingCellRendererParams } from "@ag-grid-community/core";
+export declare const FullRowLoading: (props: ILoadingCellRendererParams) => JSX.Element;

package/dist/components/Grid/loading/full-row/FullRowLoading.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { Shimmer } from '@fluentui/react';
+import { useMemo } from 'react';
+import { getFullRowLoadingStyles } from './styles.js';
+import { useGridInstance } from '../../grid/useGridInstance.js';
+import { FullWidthCellRendererError } from '../../errors/FullWidthCellRendererError/FullWidthCellRendererError.js';
+
+const FullRowLoading = (props) => {
+    const styles = useMemo(() => getFullRowLoadingStyles(), []);
+    const grid = useGridInstance();
+    const { node } = props;
+    const getDataProvider = () => {
+        const parentRecord = node.parent?.data;
+        if (parentRecord) {
+            return parentRecord.getDataProvider().getChildDataProvider(parentRecord.getRecordId());
+        }
+        else {
+            return grid.getDataset().getDataProvider();
+        }
+    };
+    if (!node.failedLoad) {
+        return jsx(Shimmer, { styles: {
+                root: styles.fullRowLoadingRoot,
+                shimmerWrapper: styles.shimmerWrapper,
+            } });
+    }
+    else {
+        return jsx(FullWidthCellRendererError, { errorMessage: getDataProvider().getErrorMessage() });
+    }
+};
+
+export { FullRowLoading };
+//# sourceMappingURL=FullRowLoading.js.map

package/dist/components/Grid/loading/full-row/FullRowLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullRowLoading.js","sources":["../../../../../src/components/Grid/loading/full-row/FullRowLoading.tsx"],"sourcesContent":["import { Shimmer } from \"@fluentui/react\"\nimport { useMemo } from \"react\"\nimport { getFullRowLoadingStyles } from \"./styles\"\nimport { ILoadingCellRendererParams } from \"@ag-grid-community/core\"\nimport { useGridInstance } from \"../../grid/useGridInstance\"\nimport { IRecord } from \"@talxis/client-libraries\"\nimport { FullWidthCellRendererError } from \"../../errors/FullWidthCellRendererError/FullWidthCellRendererError\"\n\nexport const FullRowLoading = (props: ILoadingCellRendererParams) => {\n    const styles = useMemo(() => getFullRowLoadingStyles(), []);\n    const grid = useGridInstance();\n    const {node} = props;\n\n    const getDataProvider = () => {\n        const parentRecord: IRecord | undefined = node.parent?.data;\n        if(parentRecord) {\n            return parentRecord.getDataProvider().getChildDataProvider(parentRecord.getRecordId())!\n        }\n        else {\n            return grid.getDataset().getDataProvider();\n        }\n    }\n    if (!node.failedLoad) {\n        return <Shimmer styles={{\n            root: styles.fullRowLoadingRoot,\n            shimmerWrapper: styles.shimmerWrapper,\n        }} />\n    }\n    else {\n        return <FullWidthCellRendererError \n            errorMessage={getDataProvider().getErrorMessage()} />\n    }\n}"],"names":["_jsx"],"mappings":";;;;;;;AAQa,MAAA,cAAc,GAAG,CAAC,KAAiC,KAAI;AAChE,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,uBAAuB,EAAE,EAAE,EAAE,CAAC,CAAC;AAC5D,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE,CAAC;AAC/B,IAAA,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC;IAErB,MAAM,eAAe,GAAG,MAAK;AACzB,QAAA,MAAM,YAAY,GAAwB,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AAC5D,QAAA,IAAG,YAAY,EAAE;AACb,YAAA,OAAO,YAAY,CAAC,eAAe,EAAE,CAAC,oBAAoB,CAAC,YAAY,CAAC,WAAW,EAAE,CAAE,CAAA;AAC1F,SAAA;AACI,aAAA;AACD,YAAA,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,eAAe,EAAE,CAAC;AAC9C,SAAA;AACL,KAAC,CAAA;AACD,IAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AAClB,QAAA,OAAOA,GAAC,CAAA,OAAO,EAAC,EAAA,MAAM,EAAE;gBACpB,IAAI,EAAE,MAAM,CAAC,kBAAkB;gBAC/B,cAAc,EAAE,MAAM,CAAC,cAAc;AACxC,aAAA,EAAA,CAAI,CAAA;AACR,KAAA;AACI,SAAA;QACD,OAAOA,GAAA,CAAC,0BAA0B,EAAA,EAC9B,YAAY,EAAE,eAAe,EAAE,CAAC,eAAe,EAAE,EAAA,CAAI,CAAA;AAC5D,KAAA;AACL;;;;"}

package/dist/components/Grid/loading/full-row/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const getFullRowLoadingStyles: () => import("@fluentui/react").IProcessedStyleSet<{
+    fullRowLoadingRoot: {
+        width: string;
+        height: string;
+    };
+    shimmerWrapper: {
+        height: string;
+    };
+}>;

package/dist/components/Grid/loading/full-row/styles.js

@@ -0,0 +1,16 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getFullRowLoadingStyles = () => {
+    return mergeStyleSets({
+        fullRowLoadingRoot: {
+            width: '100%',
+            height: '100%'
+        },
+        shimmerWrapper: {
+            height: '100%'
+        }
+    });
+};
+
+export { getFullRowLoadingStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/Grid/loading/full-row/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Grid/loading/full-row/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getFullRowLoadingStyles = () => {\n    return mergeStyleSets({\n        fullRowLoadingRoot: {\n            width: '100%',\n            height: '100%'\n        },\n        shimmerWrapper: {\n            height: '100%'\n        }\n    });\n}"],"names":[],"mappings":";;AAEO,MAAM,uBAAuB,GAAG,MAAK;AACxC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,kBAAkB,EAAE;AAChB,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,MAAM,EAAE,MAAM;AACjB,SAAA;AACD,QAAA,cAAc,EAAE;AACZ,YAAA,MAAM,EAAE,MAAM;AACjB,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/dist/components/Grid/overlays/empty-records/EmptyRecordsOverlay.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon, Text } from '@fluentui/react';
+import { useGridInstance } from '../../grid/useGridInstance.js';
+import { emptyRecordStyles } from './styles.js';
+
+const EmptyRecords = () => {
+    const grid = useGridInstance();
+    const labels = grid.getLabels();
+    return (jsxs("div", { className: emptyRecordStyles.emptyRecordsRoot, children: [jsx(Icon, { className: emptyRecordStyles.icon, iconName: 'SearchAndApps' }), jsx(Text, { children: labels.norecordsfound() })] }));
+};
+
+export { EmptyRecords };
+//# sourceMappingURL=EmptyRecordsOverlay.js.map

package/dist/components/Grid/overlays/empty-records/EmptyRecordsOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyRecordsOverlay.js","sources":["../../../../../src/components/Grid/overlays/empty-records/EmptyRecordsOverlay.tsx"],"sourcesContent":["import { Icon } from '@fluentui/react';\nimport { Text } from '@fluentui/react';\nimport { useGridInstance } from '../../grid/useGridInstance';\nimport { emptyRecordStyles } from './styles';\n\nexport const EmptyRecords = () => {\n    const grid = useGridInstance();\n    const labels = grid.getLabels();\n\n    return (\n        <div className={emptyRecordStyles.emptyRecordsRoot}>\n            <Icon className={emptyRecordStyles.icon} iconName='SearchAndApps' />\n            <Text>{labels.norecordsfound()}</Text>\n        </div>\n    )\n}"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAKO,MAAM,YAAY,GAAG,MAAK;AAC7B,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE,CAAC;AAC/B,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;AAEhC,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,iBAAiB,CAAC,gBAAgB,EAC9C,QAAA,EAAA,CAAAC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAC,eAAe,EAAG,CAAA,EACpEA,IAAC,IAAI,EAAA,EAAA,QAAA,EAAE,MAAM,CAAC,cAAc,EAAE,EAAQ,CAAA,CAAA,EAAA,CACpC,EACT;AACL;;;;"}

package/dist/components/Grid/{core/components/AgGrid/components/EmptyRecordsOverlay → overlays/empty-records}/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const emptyRecordStyles: import("@fluentui/react").IProcessedStyleSet<{
-    root: {
+    emptyRecordsRoot: {
         display: string;
         flexDirection: string;
         gap: number;

package/dist/components/Grid/{core/components/AgGrid/components/EmptyRecordsOverlay → overlays/empty-records}/styles.js

@@ -1,7 +1,7 @@
 import { mergeStyleSets } from '@fluentui/react';
 
 const emptyRecordStyles = mergeStyleSets({
-    root: {
+    emptyRecordsRoot: {
         display: 'flex',
         flexDirection: 'column',
         gap: 10,

package/dist/components/Grid/overlays/empty-records/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Grid/overlays/empty-records/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\";\n\nexport const emptyRecordStyles = mergeStyleSets({\n    emptyRecordsRoot: {\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 10,\n        alignItems: 'center',\n        position: 'relative',\n        top: 18\n    },\n    icon: {\n        fontSize: 46\n    },\n    image: {\n        'img': {\n            width: '100px'\n        }\n    }\n})"],"names":[],"mappings":";;AAEO,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAC5C,IAAA,gBAAgB,EAAE;AACd,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,GAAG,EAAE,EAAE;AACP,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,EAAE;AACV,KAAA;AACD,IAAA,IAAI,EAAE;AACF,QAAA,QAAQ,EAAE,EAAE;AACf,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,OAAO;AACjB,SAAA;AACJ,KAAA;AACJ,CAAA;;;;"}

package/dist/components/Grid/overlays/loading/LoadingOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.js","sources":["../../../../../src/components/Grid/overlays/loading/LoadingOverlay.tsx"],"sourcesContent":["import { SpinnerSize } from '@fluentui/react';\nimport { Spinner } from '@talxis/react-components';\n\nexport const LoadingOverlay = () => {\n    return <Spinner size={SpinnerSize.large} />\n}"],"names":["_jsx"],"mappings":";;;;AAGO,MAAM,cAAc,GAAG,MAAK;IAC/B,OAAOA,GAAA,CAAC,OAAO,EAAC,EAAA,IAAI,EAAE,WAAW,CAAC,KAAK,EAAA,CAAI,CAAA;AAC/C;;;;"}

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

@@ -1,180 +1,4 @@
 export declare const gridTranslations: {
-    "condition-none": {
-        1029: string;
-        1033: string;
-    };
-    "condition-equal": {
-        1029: string;
-        1033: string;
-    };
-    "condition-notequal": {
-        1029: string;
-        1033: string;
-    };
-    "condition-greaterthan": {
-        1029: string;
-        1033: string;
-    };
-    "condition-lessthan": {
-        1029: string;
-        1033: string;
-    };
-    "condition-greaterequal": {
-        1029: string;
-        1033: string;
-    };
-    "condition-lessequal": {
-        1029: string;
-        1033: string;
-    };
-    "condition-like": {
-        1029: string;
-        1033: string;
-    };
-    "condition-notlike": {
-        1029: string;
-        1033: string;
-    };
-    "condition-null": {
-        1029: string;
-        1033: string;
-    };
-    "condition-notnull": {
-        1029: string;
-        1033: string;
-    };
-    "condition-beginwith": {
-        1029: string;
-        1033: string;
-    };
-    "condition-doesnotbeginwith": {
-        1029: string;
-        1033: string;
-    };
-    "condition-endswith": {
-        1029: string;
-        1033: string;
-    };
-    "condition-doesnotendwith": {
-        1029: string;
-        1033: string;
-    };
-    "condition-yesterday": {
-        1029: string;
-        1033: string;
-    };
-    "condition-today": {
-        1029: string;
-        1033: string;
-    };
-    "condition-tomorrow": {
-        1029: string;
-        1033: string;
-    };
-    "condition-last7days": {
-        1029: string;
-        1033: string;
-    };
-    "condition-next7days": {
-        1029: string;
-        1033: string;
-    };
-    "condition-lastweek": {
-        1029: string;
-        1033: string;
-    };
-    "condition-thisweek": {
-        1029: string;
-        1033: string;
-    };
-    "condition-lastmonth": {
-        1029: string;
-        1033: string;
-    };
-    "condition-thismonth": {
-        1029: string;
-        1033: string;
-    };
-    "condition-on": {
-        1029: string;
-        1033: string;
-    };
-    "condition-onorbefore": {
-        1029: string;
-        1033: string;
-    };
-    "condition-onorafter": {
-        1029: string;
-        1033: string;
-    };
-    "condition-lastyear": {
-        1029: string;
-        1033: string;
-    };
-    "condition-thisyear": {
-        1029: string;
-        1033: string;
-    };
-    "condition-lastxdays": {
-        1029: string;
-        1033: string;
-    };
-    "condition-nextxdays": {
-        1029: string;
-        1033: string;
-    };
-    "condition-lastxmonths": {
-        1029: string;
-        1033: string;
-    };
-    "condition-nextxmonths": {
-        1029: string;
-        1033: string;
-    };
-    "condition-contains": {
-        1029: string;
-        1033: string;
-    };
-    "condition-infiscalperiodandyear": {
-        1029: string;
-        1033: string;
-    };
-    "condition-above": {
-        1029: string;
-        1033: string;
-    };
-    "condition-under": {
-        1029: string;
-        1033: string;
-    };
-    "condition-notunder": {
-        1029: string;
-        1033: string;
-    };
-    "condition-aboveorequal": {
-        1029: string;
-        1033: string;
-    };
-    "condition-underorequal": {
-        1029: string;
-        1033: string;
-    };
-    "condition-containvalues": {
-        1029: string;
-        1033: string;
-    };
-    "condition-doesnotcontainvalues": {
-        1029: string;
-        1033: string;
-    };
-    "condition-between": {
-        1029: string;
-        1033: string;
-    };
-    "condition-notbetween": {
-        1029: string;
-        1033: string;
-    };
     "filtermenu-filterby": {
         1029: string;
         1033: string;
@@ -267,6 +91,14 @@ export declare const gridTranslations: {
         1029: string;
         1033: string;
     };
+    "filtersortmenu-group": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-ungroup": {
+        1029: string;
+        1033: string;
+    };
     norecordsfound: {
         1029: string;
         1033: string;
@@ -315,6 +147,18 @@ export declare const gridTranslations: {
         1029: string;
         1033: string;
     };
+    "saving-autosave-success": {
+        1029: string;
+        1033: string;
+    };
+    "saving-autosave-error": {
+        1029: string;
+        1033: string;
+    };
+    "saving-unsaved-changes": {
+        1029: string;
+        1033: string;
+    };
     "saving-discard-all-confirmation": {
         1029: string;
         1033: string;
@@ -359,8 +203,4 @@ export declare const gridTranslations: {
         1029: string;
         1033: string;
     };
-    "error-2147750198": {
-        1029: string;
-        1033: string;
-    };
 };