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

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/ChangeGrid/ChangeGrid.js

@@ -0,0 +1,231 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default, { useRef, useMemo, useEffect } from 'react';
+import { useGridInstance } from '../../../../../../hooks/useGridInstance.js';
+import { DataTypes, MemoryDataProvider, Dataset } from '@talxis/client-libraries';
+import { useTheme } from '@fluentui/react';
+import { getChangeGridStyles } from './styles.js';
+import { AgGridContext } from '../../../../../AgGrid/context.js';
+import { Grid } from '../../../../../../../Grid.js';
+import { DatasetControl } from '../../../../../../../../DatasetControl/DatasetControl.js';
+
+const ChangeGrid = (props) => {
+    const fieldChangesRef = useRef(props.recordChange.columns);
+    fieldChangesRef.current = props.recordChange.columns;
+    const baseRecord = props.recordChange.record;
+    const grid = useGridInstance();
+    const changedColumns = fieldChangesRef.current.map((change) => {
+        return grid.dataset.columns.find((x) => change.columnName === x.name);
+    });
+    const agGridContext = React__default.useContext(AgGridContext);
+    const recordPrimaryName = (() => {
+        let result;
+        const primaryColumn = grid.dataset.columns.find((col) => col.isPrimary);
+        if (primaryColumn) {
+            result = baseRecord.getFormattedValue(primaryColumn.name);
+        }
+        else {
+            const firstTextColumn = grid.dataset.columns.find((col) => col.dataType === DataTypes.SingleLineText);
+            if (firstTextColumn) {
+                result = baseRecord.getFormattedValue(firstTextColumn.name);
+            }
+        }
+        return result ?? grid.labels["no-name"]();
+    })();
+    const theme = useTheme();
+    const styles = useMemo(() => getChangeGridStyles(theme, recordPrimaryName), [theme, recordPrimaryName]);
+    useEffect(() => {
+        props.onDatasetReady(dataset);
+        return () => {
+            props.onDatasetDestroyed(dataset);
+            agGridContext.rerender();
+        };
+    }, []);
+    const getColumns = () => {
+        const virtualColumns = [
+            {
+                name: "id__virtual",
+                alias: "id__virtual",
+                visualSizeFactor: 0,
+                dataType: DataTypes.SingleLineText,
+                displayName: "",
+                order: 0,
+                isHidden: true,
+            },
+            {
+                name: "valueDesc__virtual",
+                alias: "valueDesc__virtual",
+                visualSizeFactor: 150,
+                dataType: DataTypes.SingleLineText,
+                displayName: "",
+                order: 1,
+            },
+        ];
+        return [...virtualColumns, ...changedColumns];
+    };
+    const getDataset = () => {
+        const memoryProvider = new MemoryDataProvider([
+            {
+                id__virtual: "original",
+                'valueDesc__virtual': grid.labels["original-value"](),
+            },
+            {
+                id__virtual: "new",
+                'valueDesc__virtual': grid.labels["new-value"](),
+            },
+        ], {
+            PrimaryIdAttribute: "id__virtual"
+        });
+        memoryProvider.setColumns(getColumns().map(col => {
+            return {
+                ...col,
+                aggregationFunction: undefined
+            };
+        }));
+        const dataset = new Dataset(memoryProvider);
+        dataset.isValid = () => {
+            return baseRecord.isValid();
+        };
+        grid.dataset.linking.getLinkedEntities().map(x => dataset.linking.addLinkedEntity(x));
+        dataset.addEventListener('onRecordLoaded', (record) => {
+            const recordId = record.getRecordId();
+            record.expressions.ui.setCustomFormattingExpression('valueDesc__virtual', (cellTheme) => {
+                return {
+                    themeOverride: {
+                        fonts: {
+                            medium: {
+                                fontWeight: 600
+                            }
+                        }
+                    }
+                };
+            });
+            changedColumns.map(col => {
+                const change = fieldChangesRef.current.find(x => x.columnName === col.name);
+                record.expressions?.setCurrencySymbolExpression(col.name, () => baseRecord.getCurrencySymbol?.(col.name) ?? "");
+                //we need to store the previous values somewhere, in changes?
+                //record.expressions?.ui.setCustomFormattingExpression(col.name, (cellTheme) => baseRecord.getColumnInfo(col.name).ui.getCustomFormatting(cellTheme));
+                record.expressions?.ui.setControlParametersExpression(col.name, (parameters) => baseRecord.getColumnInfo(col.name).ui.getControlParameters(parameters));
+                record.expressions?.ui.setCustomControlsExpression(col.name, (defaultCustomControls) => baseRecord.getColumnInfo(col.name).ui.getCustomControls(defaultCustomControls));
+                record.expressions?.ui.setCustomControlComponentExpression(col.name, () => baseRecord.getColumnInfo(col.name).ui.getCustomControlComponent());
+                if (recordId === 'new') {
+                    record.expressions?.setValueExpression?.(col.name, () => {
+                        //this happens if we have removed a change
+                        if (!change) {
+                            return baseRecord.getValue(col.name);
+                        }
+                        return change.originalValue;
+                    });
+                    if (!change) {
+                        record.setValue(col.name, record.getValue(col.name));
+                    }
+                    else {
+                        record.setValue(col.name, change.currentValue);
+                    }
+                    record.expressions?.ui.setNotificationsExpression?.(col.name, () => {
+                        return [
+                            {
+                                uniqueId: "clear",
+                                title: grid.labels["saving-discard"](),
+                                iconName: "EraseTool",
+                                compact: true,
+                                messages: [],
+                                actions: [
+                                    {
+                                        actions: [
+                                            () => {
+                                                baseRecord.clearChanges?.(col.name);
+                                                record.setValue(col.name, baseRecord.getValue(col.name));
+                                            },
+                                        ],
+                                    },
+                                ],
+                            }
+                        ];
+                    });
+                    record.expressions?.setValidationExpression?.(col.name, () => baseRecord.getColumnInfo(col.name));
+                }
+                else if (recordId === 'original') {
+                    record.expressions?.setDisabledExpression?.(col.name, () => true);
+                    record.expressions?.setValueExpression?.(col.name, () => {
+                        //this happens if we have removed a change
+                        if (!change) {
+                            return baseRecord.getValue(col.name);
+                        }
+                        return change.originalValue;
+                    });
+                }
+            });
+        });
+        dataset.addEventListener('onRecordColumnValueChanged', (record, columnName) => {
+            baseRecord.setValue(columnName, record.getValue(columnName));
+            props.onRequestRender();
+        });
+        dataset.addEventListener('onChangesCleared', () => {
+            baseRecord.clearChanges?.();
+            props.onRequestRender();
+        });
+        dataset.addEventListener('onRecordSave', async () => {
+            props.onIsSaving(true);
+            await baseRecord.save();
+            baseRecord.clearChanges?.();
+            props.onIsSaving(false);
+            props.onRequestRender();
+        });
+        return dataset;
+    };
+    const dataset = useMemo(() => getDataset(), []);
+    return (jsx("div", { className: styles.root, children: jsx(DatasetControl, { onGetControlComponent: (props) => jsx(Grid, { ...props }), context: {
+                ...grid.pcfContext,
+                parameters: {
+                    ...grid.pcfContext.parameters,
+                    Grid: dataset,
+                },
+            }, onOverrideComponentProps: (props) => {
+                return {
+                    ...props,
+                    headerProps: {
+                        ...props.headerProps,
+                        headerContainerProps: {
+                            ...props.headerProps?.headerContainerProps,
+                            style: {
+                                display: 'none'
+                            }
+                        }
+                    },
+                    onRenderPagination: (props, renderPagination) => React__default.createElement(React__default.Fragment)
+                };
+            }, parameters: {
+                Grid: dataset,
+                EnablePagination: {
+                    raw: false,
+                },
+                EnableFiltering: {
+                    raw: false,
+                },
+                EnableEditing: {
+                    raw: true,
+                },
+                EnableNavigation: {
+                    raw: false,
+                },
+                EnableAggregation: {
+                    raw: false
+                },
+                EnableOptionSetColors: grid.parameters.EnableOptionSetColors,
+                EnableSorting: {
+                    raw: false,
+                },
+                EnableChangeEditor: {
+                    raw: false
+                },
+                SelectableRows: {
+                    raw: "none",
+                },
+                Height: {
+                    raw: '160px'
+                },
+            } }) }));
+};
+
+export { ChangeGrid };
+//# sourceMappingURL=ChangeGrid.js.map

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/ChangeGrid/ChangeGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeGrid.js","sources":["../../../../../../../../../../src/components/Grid/core/components/Save/components/ChangeEditor/components/ChangeGrid/ChangeGrid.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\nimport { useGridInstance } from \"../../../../../../hooks/useGridInstance\";\nimport {\n    Dataset,\n    DataTypes,\n    IColumn,\n    IDataset,\n    IRecordChange,\n    MemoryDataProvider,\n} from \"@talxis/client-libraries\";\nimport { DatasetControl } from \"../../../../../../../../DatasetControl\";\nimport { useTheme } from \"@fluentui/react\";\nimport { getChangeGridStyles } from \"./styles\";\nimport React from \"react\";\nimport { AgGridContext } from \"../../../../../AgGrid/context\";\nimport { Grid } from \"../../../../../../../Grid\";\n\ninterface IChangeGrid {\n    recordChange: IRecordChange;\n    onDatasetReady: (dataset: IDataset) => void;\n    onDatasetDestroyed: (dataset: IDataset) => void;\n    onIsSaving: (value: boolean) => void;\n    onRequestRender: () => void;\n}\n\nexport const ChangeGrid = (props: IChangeGrid) => {\n    const fieldChangesRef = useRef(props.recordChange.columns);\n    fieldChangesRef.current = props.recordChange.columns;\n    const baseRecord = props.recordChange.record;\n    const grid = useGridInstance();\n    const changedColumns = fieldChangesRef.current.map((change) => {\n        return grid.dataset.columns.find((x) => change.columnName === x.name)!;\n    });\n    const agGridContext = React.useContext(AgGridContext);\n\n    const recordPrimaryName = (() => {\n        let result;\n        const primaryColumn = grid.dataset.columns.find((col) => col.isPrimary);\n        if (primaryColumn) {\n            result = baseRecord.getFormattedValue(primaryColumn.name);\n        } else {\n            const firstTextColumn = grid.dataset.columns.find(\n                (col) => col.dataType === DataTypes.SingleLineText\n            );\n            if (firstTextColumn) {\n                result = baseRecord.getFormattedValue(firstTextColumn.name);\n            }\n        }\n        return result ?? grid.labels[\"no-name\"]();\n    })();\n\n    const theme = useTheme();\n    const styles = useMemo(() => getChangeGridStyles(theme, recordPrimaryName), [theme, recordPrimaryName]);\n\n    useEffect(() => {\n        props.onDatasetReady(dataset);\n        return () => {\n            props.onDatasetDestroyed(dataset);\n            agGridContext.rerender();\n        }\n    }, []);\n\n    const getColumns = (): IColumn[] => {\n        const virtualColumns: IColumn[] = [\n            {\n                name: \"id__virtual\",\n                alias: \"id__virtual\",\n                visualSizeFactor: 0,\n                dataType: DataTypes.SingleLineText,\n                displayName: \"\",\n                order: 0,\n                isHidden: true,\n            },\n            {\n                name: \"valueDesc__virtual\",\n                alias: \"valueDesc__virtual\",\n                visualSizeFactor: 150,\n                dataType: DataTypes.SingleLineText,\n                displayName: \"\",\n                order: 1,\n            },\n        ];\n        return [...virtualColumns, ...changedColumns];\n    };\n\n    const getDataset = () => {\n        const memoryProvider = new MemoryDataProvider(\n            [\n                {\n                    id__virtual: \"original\",\n                    'valueDesc__virtual': grid.labels[\"original-value\"](),\n                },\n                {\n                    id__virtual: \"new\",\n                    'valueDesc__virtual': grid.labels[\"new-value\"](),\n                },\n            ], {\n            PrimaryIdAttribute: \"id__virtual\"\n        }\n        );\n        memoryProvider.setColumns(getColumns().map(col => {\n            return {\n                ...col,\n                aggregationFunction: undefined\n            }\n        }));\n        const dataset = new Dataset(memoryProvider);\n        dataset.isValid = () => {\n            return baseRecord.isValid()\n        }\n        grid.dataset.linking.getLinkedEntities().map(x => dataset.linking.addLinkedEntity(x))\n\n        dataset.addEventListener('onRecordLoaded', (record) => {\n            const recordId = record.getRecordId();\n            record.expressions.ui.setCustomFormattingExpression('valueDesc__virtual', (cellTheme) => {\n                return {\n                    themeOverride: {\n                        fonts: {\n                            medium: {\n                                fontWeight: 600\n                            }\n                        }\n                    }\n                }\n            })\n            changedColumns.map(col => {\n                const change = fieldChangesRef.current.find(x => x.columnName === col.name);\n                record.expressions?.setCurrencySymbolExpression(col.name, () => baseRecord.getCurrencySymbol?.(col.name) ?? \"\");\n                //we need to store the previous values somewhere, in changes?\n                //record.expressions?.ui.setCustomFormattingExpression(col.name, (cellTheme) => baseRecord.getColumnInfo(col.name).ui.getCustomFormatting(cellTheme));\n                record.expressions?.ui.setControlParametersExpression(col.name, (parameters) => baseRecord.getColumnInfo(col.name).ui.getControlParameters(parameters));\n                record.expressions?.ui.setCustomControlsExpression(col.name, (defaultCustomControls) => baseRecord.getColumnInfo(col.name).ui.getCustomControls(defaultCustomControls));\n                record.expressions?.ui.setCustomControlComponentExpression(col.name, () => baseRecord.getColumnInfo(col.name).ui.getCustomControlComponent())\n                if (recordId === 'new') {\n                    record.expressions?.setValueExpression?.(col.name, () => {\n                        //this happens if we have removed a change\n                        if (!change) {\n                            return baseRecord.getValue(col.name);\n                        }\n                        return change.originalValue;\n                    })\n                    if (!change) {\n                        record.setValue(col.name, record.getValue(col.name))\n                    }\n                    else {\n                        record.setValue(col.name, change.currentValue);\n                    }\n                    record.expressions?.ui.setNotificationsExpression?.(col.name, () => {\n                        return [\n                            {\n                                uniqueId: \"clear\",\n                                title: grid.labels[\"saving-discard\"](),\n                                iconName: \"EraseTool\",\n                                compact: true,\n                                messages: [],\n                                actions: [\n                                    {\n                                        actions: [\n                                            () => {\n                                                baseRecord.clearChanges?.(col.name);\n                                                record.setValue(col.name, baseRecord.getValue(col.name))\n                                            },\n                                        ],\n                                    },\n                                ],\n                            }\n                        ]\n                    })\n                    record.expressions?.setValidationExpression?.(col.name, () => baseRecord.getColumnInfo(col.name))\n                }\n                else if (recordId === 'original') {\n                    record.expressions?.setDisabledExpression?.(col.name, () => true);\n                    record.expressions?.setValueExpression?.(col.name, () => {\n                        //this happens if we have removed a change\n                        if (!change) {\n                            return baseRecord.getValue(col.name);\n                        }\n                        return change.originalValue;\n                    })\n                }\n            });\n        })\n\n        dataset.addEventListener('onRecordColumnValueChanged', (record, columnName) => {\n            baseRecord.setValue(columnName, record.getValue(columnName));\n            props.onRequestRender();\n        })\n        dataset.addEventListener('onChangesCleared', () => {\n            baseRecord.clearChanges?.();\n            props.onRequestRender();\n        })\n        dataset.addEventListener('onRecordSave', async () => {\n            props.onIsSaving(true);\n            await baseRecord.save();\n            baseRecord.clearChanges?.();\n            props.onIsSaving(false);\n            props.onRequestRender();\n        })\n        return dataset;\n    };\n    const dataset = useMemo(() => getDataset(), []);\n    return (\n        <div className={styles.root}>\n            <DatasetControl\n                onGetControlComponent={(props) => <Grid {...props} />}\n                context={{\n                    ...grid.pcfContext,\n                    parameters: {\n                        ...grid.pcfContext.parameters,\n                        Grid: dataset,\n                    },\n                }}\n                onOverrideComponentProps={(props) => {\n                    return {\n                        ...props,\n                        headerProps: {\n                            ...props.headerProps,\n                            headerContainerProps: {\n                                ...props.headerProps?.headerContainerProps,\n                                style: {\n                                    display: 'none'\n                                }\n                            }\n                        },\n                        onRenderPagination: (props, renderPagination) => React.createElement(React.Fragment)\n                    }\n                }}\n                parameters={{\n                    Grid: dataset,\n                    EnablePagination: {\n                        raw: false,\n                    },\n                    EnableFiltering: {\n                        raw: false,\n                    },\n                    EnableEditing: {\n                        raw: true,\n                    },\n                    EnableNavigation: {\n                        raw: false,\n                    },\n                    EnableAggregation: {\n                        raw: false\n                    },\n                    EnableOptionSetColors: grid.parameters.EnableOptionSetColors,\n                    EnableSorting: {\n                        raw: false,\n                    },\n                    EnableChangeEditor: {\n                        raw: false\n                    },\n                    SelectableRows: {\n                        raw: \"none\",\n                    },\n                    Height: {\n                        raw: '160px'\n                    },\n                }}\n            />\n        </div>\n    );\n};\n"],"names":["React","_jsx"],"mappings":"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"}

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/ChangeGrid/styles.d.ts

@@ -0,0 +1,39 @@
+import { ITheme } from "@fluentui/react";
+export declare const getChangeGridStyles: (theme: ITheme, recordName: string) => import("@fluentui/react").IProcessedStyleSet<{
+    commandBar: {
+        borderBottom: string;
+    };
+    root: {
+        '[col-id="valueDesc__virtual"]': {
+            '.talxis-cell-text': {
+                fontWeight: number;
+            };
+            '[data-icon-name="Uneditable"]': {
+                display: string;
+            };
+        };
+        '.talxis__grid-control__notification-bar': {
+            '.ms-MessageBar-icon': {
+                display: string;
+            };
+            '[class^="notificationText"]': {
+                display: string;
+            };
+            '.ms-MessageBar-innerText': {
+                fontWeight: number;
+                fontSize: number;
+                '::after': {
+                    content: string;
+                    display: string;
+                };
+            };
+        };
+    };
+    recordName: {
+        '.ms-Button-label': {
+            fontSize: string | number | undefined;
+            fontWeight: number;
+            color: string;
+        };
+    };
+}>;

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/ChangeGrid/styles.js

@@ -0,0 +1,45 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getChangeGridStyles = (theme, recordName) => {
+    return mergeStyleSets({
+        commandBar: {
+            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`
+        },
+        root: {
+            '[col-id="valueDesc__virtual"]': {
+                '.talxis-cell-text': {
+                    fontWeight: 600
+                },
+                '[data-icon-name="Uneditable"]': {
+                    display: 'none'
+                }
+            },
+            '.talxis__grid-control__notification-bar': {
+                '.ms-MessageBar-icon': {
+                    display: 'none'
+                },
+                '[class^="notificationText"]': {
+                    display: 'none'
+                },
+                '.ms-MessageBar-innerText': {
+                    fontWeight: 600,
+                    fontSize: 16,
+                    '::after': {
+                        content: `"${recordName}"`,
+                        display: 'block'
+                    }
+                }
+            }
+        },
+        recordName: {
+            '.ms-Button-label': {
+                fontSize: theme.fonts.mediumPlus.fontSize,
+                fontWeight: 600,
+                color: theme.semanticColors.bodyText
+            }
+        }
+    });
+};
+
+export { getChangeGridStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/ChangeGrid/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../../../src/components/Grid/core/components/Save/components/ChangeEditor/components/ChangeGrid/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\n\nexport const getChangeGridStyles = (theme: ITheme, recordName: string) => {\n    return mergeStyleSets({\n        commandBar: {\n            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`\n        },\n        root: {\n            '[col-id=\"valueDesc__virtual\"]': {\n                '.talxis-cell-text': {\n                    fontWeight: 600\n                },\n                '[data-icon-name=\"Uneditable\"]': {\n                    display: 'none'\n                }\n            },\n            '.talxis__grid-control__notification-bar': {\n                '.ms-MessageBar-icon': {\n                    display: 'none'\n                },\n                '[class^=\"notificationText\"]': {\n                    display: 'none'\n                },\n                '.ms-MessageBar-innerText': {\n                    fontWeight: 600,\n                    fontSize: 16,\n                    '::after': {\n                        content: `\"${recordName}\"`,\n                        display: 'block'\n                    }\n                }\n            }\n        },\n        recordName: {\n            '.ms-Button-label': {\n                fontSize: theme.fonts.mediumPlus.fontSize,\n                fontWeight: 600,\n                color: theme.semanticColors.bodyText\n            }\n        }\n    })\n}"],"names":[],"mappings":";;MAEa,mBAAmB,GAAG,CAAC,KAAa,EAAE,UAAkB,KAAI;AACrE,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,UAAU,EAAE;AACR,YAAA,YAAY,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE,CAAA;AAChE,SAAA;AACD,QAAA,IAAI,EAAE;AACF,YAAA,+BAA+B,EAAE;AAC7B,gBAAA,mBAAmB,EAAE;AACjB,oBAAA,UAAU,EAAE,GAAG;AAClB,iBAAA;AACD,gBAAA,+BAA+B,EAAE;AAC7B,oBAAA,OAAO,EAAE,MAAM;AAClB,iBAAA;AACJ,aAAA;AACD,YAAA,yCAAyC,EAAE;AACvC,gBAAA,qBAAqB,EAAE;AACnB,oBAAA,OAAO,EAAE,MAAM;AAClB,iBAAA;AACD,gBAAA,6BAA6B,EAAE;AAC3B,oBAAA,OAAO,EAAE,MAAM;AAClB,iBAAA;AACD,gBAAA,0BAA0B,EAAE;AACxB,oBAAA,UAAU,EAAE,GAAG;AACf,oBAAA,QAAQ,EAAE,EAAE;AACZ,oBAAA,SAAS,EAAE;wBACP,OAAO,EAAE,CAAI,CAAA,EAAA,UAAU,CAAG,CAAA,CAAA;AAC1B,wBAAA,OAAO,EAAE,OAAO;AACnB,qBAAA;AACJ,iBAAA;AACJ,aAAA;AACJ,SAAA;AACD,QAAA,UAAU,EAAE;AACR,YAAA,kBAAkB,EAAE;AAChB,gBAAA,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ;AACzC,gBAAA,UAAU,EAAE,GAAG;AACf,gBAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;AACvC,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/Grid/core/components/Save/components/ChangeEditor/styles.d.ts

@@ -0,0 +1,31 @@
+import { ITheme } from "@fluentui/react";
+export declare const getChangeEditorStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
+    root: {
+        '.ag-row': {
+            borderBottom: string;
+        };
+        '.ms-Dialog-title': {
+            borderBottom: string;
+        };
+        '.ms-Dialog-content': {
+            backgroundColor: string;
+        };
+    };
+    recordGrids: {
+        marginTop: number;
+        display: string;
+        flexDirection: string;
+        gap: number;
+    };
+    saveBtn: {
+        '.ms-Button-flexContainer': {
+            gap: number;
+            '>span': {
+                order: number;
+            };
+            '>div': {
+                order: number;
+            };
+        };
+    };
+}>;

package/dist/components/Grid/core/components/Save/components/ChangeEditor/styles.js

@@ -0,0 +1,37 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getChangeEditorStyles = (theme) => {
+    return mergeStyleSets({
+        root: {
+            '.ag-row': {
+                borderBottom: 'none'
+            },
+            '.ms-Dialog-title': {
+                borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`
+            },
+            '.ms-Dialog-content': {
+                backgroundColor: 'var(--talxis-main-bodyBackgroundMain, #faf9f8)'
+            }
+        },
+        recordGrids: {
+            marginTop: 15,
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 15,
+        },
+        saveBtn: {
+            '.ms-Button-flexContainer': {
+                gap: 5,
+                '>span': {
+                    order: 2
+                },
+                '>div': {
+                    order: 1
+                }
+            }
+        }
+    });
+};
+
+export { getChangeEditorStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/Grid/core/components/Save/components/ChangeEditor/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../src/components/Grid/core/components/Save/components/ChangeEditor/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\n\nexport const getChangeEditorStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        root: {\n            '.ag-row': {\n                borderBottom: 'none'\n            },\n            '.ms-Dialog-title': {\n                borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`\n            },\n            '.ms-Dialog-content': {\n                backgroundColor: 'var(--talxis-main-bodyBackgroundMain, #faf9f8)'\n            }\n        },\n        recordGrids: {\n            marginTop: 15,\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 15,\n        },\n        saveBtn: {\n            '.ms-Button-flexContainer': {\n                gap: 5,\n                '>span': {\n                    order: 2\n                },\n                '>div': {\n                    order: 1\n                }\n            }\n        }\n    })\n}"],"names":[],"mappings":";;AAEa,MAAA,qBAAqB,GAAG,CAAC,KAAa,KAAI;AACnD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,SAAS,EAAE;AACP,gBAAA,YAAY,EAAE,MAAM;AACvB,aAAA;AACD,YAAA,kBAAkB,EAAE;AAChB,gBAAA,YAAY,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE,CAAA;AAChE,aAAA;AACD,YAAA,oBAAoB,EAAE;AAClB,gBAAA,eAAe,EAAE,gDAAgD;AACpE,aAAA;AACJ,SAAA;AACD,QAAA,WAAW,EAAE;AACT,YAAA,SAAS,EAAE,EAAE;AACb,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,GAAG,EAAE,EAAE;AACV,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,0BAA0B,EAAE;AACxB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,OAAO,EAAE;AACL,oBAAA,KAAK,EAAE,CAAC;AACX,iBAAA;AACD,gBAAA,MAAM,EAAE;AACJ,oBAAA,KAAK,EAAE,CAAC;AACX,iBAAA;AACJ,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/Grid/core/components/Save/styles.d.ts

@@ -0,0 +1,35 @@
+export declare const getSaveStyles: (enableChangeEditor: boolean) => import("@fluentui/react").IProcessedStyleSet<{
+    root: {
+        '&[data-dirty="false"]': {
+            '.ms-MessageBar': {
+                backgroundColor: string;
+                '.ms-MessageBar-icon': {
+                    display: string;
+                };
+            };
+        };
+        '.ms-MessageBar-icon': {
+            alignItems: string;
+        };
+        '.ms-MessageBar-actionsSingleLine': {
+            marginRight: number;
+        };
+        '.ms-MessageBar-innerText': {
+            textAlign: string;
+        };
+        cursor: string | undefined;
+    };
+    notificationText: {
+        whiteSpace: string;
+    };
+    actions: {
+        height: string;
+        '.ms-Button': {
+            height: string;
+            backgroundColor: string;
+            ':last-child': {
+                marginLeft: number;
+            };
+        };
+    };
+}>;

package/dist/components/Grid/core/components/Save/styles.js

@@ -0,0 +1,42 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getSaveStyles = (enableChangeEditor) => {
+    return mergeStyleSets({
+        root: {
+            '&[data-dirty="false"]': {
+                '.ms-MessageBar': {
+                    backgroundColor: 'transparent',
+                    '.ms-MessageBar-icon': {
+                        display: 'none'
+                    }
+                }
+            },
+            '.ms-MessageBar-icon': {
+                alignItems: 'center'
+            },
+            '.ms-MessageBar-actionsSingleLine': {
+                marginRight: 0
+            },
+            '.ms-MessageBar-innerText': {
+                textAlign: 'left'
+            },
+            cursor: enableChangeEditor ? 'pointer' : undefined
+        },
+        notificationText: {
+            whiteSpace: 'normal',
+        },
+        actions: {
+            height: '100%',
+            '.ms-Button': {
+                height: '100%',
+                backgroundColor: 'transparent',
+                ':last-child': {
+                    marginLeft: 0
+                }
+            }
+        }
+    });
+};
+
+export { getSaveStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/Grid/core/components/Save/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Grid/core/components/Save/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getSaveStyles = (enableChangeEditor: boolean) => {\n    return mergeStyleSets({\n        root: {\n            '&[data-dirty=\"false\"]': {\n                '.ms-MessageBar': {\n                    backgroundColor: 'transparent',\n                    '.ms-MessageBar-icon': {\n                        display: 'none'\n                    }\n                }\n            },\n            '.ms-MessageBar-icon': {\n                alignItems: 'center'\n            },\n            '.ms-MessageBar-actionsSingleLine': {\n                marginRight: 0\n            },\n            '.ms-MessageBar-innerText': {\n                textAlign: 'left'\n            },\n            cursor: enableChangeEditor ? 'pointer' : undefined\n        },\n        notificationText: {\n            whiteSpace: 'normal',\n        },\n        actions: {\n            height: '100%',\n            '.ms-Button': {\n                height: '100%',\n                backgroundColor: 'transparent',\n                ':last-child': {\n                    marginLeft: 0\n                }\n            }\n        }\n    });\n}"],"names":[],"mappings":";;AAEa,MAAA,aAAa,GAAG,CAAC,kBAA2B,KAAI;AACzD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,uBAAuB,EAAE;AACrB,gBAAA,gBAAgB,EAAE;AACd,oBAAA,eAAe,EAAE,aAAa;AAC9B,oBAAA,qBAAqB,EAAE;AACnB,wBAAA,OAAO,EAAE,MAAM;AAClB,qBAAA;AACJ,iBAAA;AACJ,aAAA;AACD,YAAA,qBAAqB,EAAE;AACnB,gBAAA,UAAU,EAAE,QAAQ;AACvB,aAAA;AACD,YAAA,kCAAkC,EAAE;AAChC,gBAAA,WAAW,EAAE,CAAC;AACjB,aAAA;AACD,YAAA,0BAA0B,EAAE;AACxB,gBAAA,SAAS,EAAE,MAAM;AACpB,aAAA;YACD,MAAM,EAAE,kBAAkB,GAAG,SAAS,GAAG,SAAS;AACrD,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,UAAU,EAAE,QAAQ;AACvB,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,YAAY,EAAE;AACV,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,eAAe,EAAE,aAAa;AAC9B,gBAAA,aAAa,EAAE;AACX,oBAAA,UAAU,EAAE,CAAC;AAChB,iBAAA;AACJ,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/dist/components/Grid/core/controllers/useGridController.d.ts

@@ -0,0 +1,7 @@
+import { Grid } from "../model/Grid";
+import { IGridColumn } from "../interfaces/IGridColumn";
+interface IGridController {
+    columns: IGridColumn[];
+}
+export declare const useGridController: (gridInstance?: Grid) => IGridController;
+export {};

package/dist/components/Grid/core/controllers/useGridController.js

@@ -0,0 +1,29 @@
+import { useContext, useState, useEffect } from 'react';
+import deepEqual from 'fast-deep-equal/es6';
+import { GridContext } from '../../GridContext.js';
+
+const useGridController = (gridInstance) => {
+    const grid = gridInstance ?? useContext(GridContext).gridInstance;
+    const [columns, setColumns] = useState(grid.columns);
+    const preprocessColumns = (columns) => {
+        return columns.map(({ getEntityName, metadata, ...rest }) => rest);
+    };
+    //only change columns and records reference if there is a change
+    useEffect(() => {
+        if (grid.loading) {
+            return;
+        }
+        (async () => {
+            const newColumns = await grid.refreshColumns();
+            if (!deepEqual(preprocessColumns(newColumns), preprocessColumns(columns))) {
+                setColumns(newColumns);
+            }
+        })();
+    }, [grid.loading]);
+    return {
+        columns
+    };
+};
+
+export { useGridController };
+//# sourceMappingURL=useGridController.js.map

package/dist/components/Grid/core/controllers/useGridController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridController.js","sources":["../../../../../src/components/Grid/core/controllers/useGridController.ts"],"sourcesContent":["import { useContext, useEffect, useState } from \"react\"\nimport equal from 'fast-deep-equal/es6';\nimport { Grid } from \"../model/Grid\";\nimport { IGridColumn } from \"../interfaces/IGridColumn\";\nimport { GridContext } from \"../../GridContext\";\n\ninterface IGridController {\n    columns: IGridColumn[]\n}\n\nexport const useGridController = (gridInstance?: Grid): IGridController => {\n    const grid = gridInstance ?? useContext(GridContext).gridInstance;\n    const [columns, setColumns] = useState<IGridColumn[]>(grid.columns);\n\n    const preprocessColumns = (columns: IGridColumn[]): any[] => {\n        return columns.map(({ getEntityName, metadata, ...rest }) => rest);\n    };\n    \n    //only change columns and records reference if there is a change\n    useEffect(() => {\n        if(grid.loading) {\n            return;\n        }\n        (async () => {\n            const newColumns = await grid.refreshColumns();\n            if(!equal(preprocessColumns(newColumns), preprocessColumns(columns))) {\n                setColumns(newColumns);\n            }\n        })();\n    }, [grid.loading]);\n\n    return {\n        columns\n    }\n}"],"names":["equal"],"mappings":";;;;AAUa,MAAA,iBAAiB,GAAG,CAAC,YAAmB,KAAqB;IACtE,MAAM,IAAI,GAAG,YAAY,IAAI,UAAU,CAAC,WAAW,CAAC,CAAC,YAAY,CAAC;AAClE,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,OAAO,CAAC,CAAC;AAEpE,IAAA,MAAM,iBAAiB,GAAG,CAAC,OAAsB,KAAW;AACxD,QAAA,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC;AACvE,KAAC,CAAC;;IAGF,SAAS,CAAC,MAAK;QACX,IAAG,IAAI,CAAC,OAAO,EAAE;YACb,OAAO;AACV,SAAA;QACD,CAAC,YAAW;AACR,YAAA,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;AAC/C,YAAA,IAAG,CAACA,SAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,EAAE;gBAClE,UAAU,CAAC,UAAU,CAAC,CAAC;AAC1B,aAAA;SACJ,GAAG,CAAC;AACT,KAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnB,OAAO;QACH,OAAO;KACV,CAAA;AACL;;;;"}

package/dist/components/Grid/core/enums/ConditionOperator.d.ts

@@ -0,0 +1,48 @@
+export declare enum DatasetConditionOperator {
+    None = -1,
+    Equal = 0,
+    NotEqual = 1,
+    GreaterThan = 2,
+    LessThan = 3,
+    GreaterEqual = 4,
+    LessEqual = 5,
+    Like = 6,
+    NotLike = 7,
+    In = 8,
+    NotIn = 9,
+    Between = 10,
+    NotBetween = 11,
+    Null = 12,
+    NotNull = 13,
+    Yesterday = 14,
+    Today = 15,
+    Tomorrow = 16,
+    Last7Days = 17,
+    Next7Days = 18,
+    LastWeek = 19,
+    ThisWeek = 20,
+    LastMonth = 22,
+    ThisMonth = 23,
+    On = 25,
+    OnOrBefore = 26,
+    OnOrAfter = 27,
+    LastYear = 28,
+    ThisYear = 29,
+    LastXDays = 33,
+    NextXDays = 34,
+    LastXMonths = 37,
+    NextXMonths = 38,
+    Contains = 49,
+    BeginWith = 54,
+    DoesNotBeginWith = 55,
+    EndsWith = 56,
+    DoesNotEndWith = 57,
+    InFiscalPeriodAndYear = 70,
+    Above = 75,
+    Under = 76,
+    NotUnder = 77,
+    AboveOrEqual = 78,
+    UnderOrEqual = 79,
+    ContainValues = 87,
+    DoesNotContainValues = 88
+}