@talxis/base-controls 1.2408.1 → 1.2408.3

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

@@ -1 +1,39 @@
-import"react/jsx-runtime";import"@fluentui/react";import"react";import"../../../../hooks/useGridInstance.js";import"../../../../services/RecordUpdateService/controllers/useRecordUpdateServiceController.js";import"../../../Dialog/index.js";export{C as ChangeEditor}from"../../../../../../../Grid-b7e6190d.js";import"./styles.js";import"../../hooks/useSave.js";import"../../../../../GridContext.js";import"../../../Dialog/Constants.js";import"../../../Dialog/Styles.js";import"../../../../../../../hooks/useControl.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../../../../../../hooks/useControlTheme.js";import"../../../../../../../utils/Theme.js";import"@fluentui/react-migration-v8-v9";import"../../../../../../../hooks/useControlSizing.js";import"../../../../model/Grid.js";import"tslib";import"../../../../../constants.js";import"../../../../../filtering/model/Filtering.js";import"../../../../model/GridDependency.js";import"../../../../../filtering/model/Condition.js";import"../../../../enums/ConditionOperator.js";import"../../../../enums/DataType.js";import"../../../../../validation/model/ColumnValidation.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"dayjs";import"../../../../../filtering/utils/FilteringUtilts.js";import"../../../../../filtering/constants.js";import"../../../../../paging/model/Paging.js";import"../../../../../selection/model/Selection.js";import"../../../../../sorting/Sorting.js";import"../../../../services/RecordUpdateService/model/RecordUpdateService.js";import"lodash";import"numeral";import"../../../../../../../utils/Numeral.js";import"../../../../model/Metadata.js";import"@ag-grid-community/react";import"../../../../../selection/controllers/useSelectionController.js";import"../../../AgGrid/styles.js";import"../../../AgGrid/controllers/useAgGridController.js";import"../../../../controllers/useGridController.js";import"../../../Cell/EditableCell/EditableCell.js";import"../../../Component/Component.js";import"../../../../../../DateTime/DateTime.js";import"../../../../../../DateTime/styles.js";import"../../../../../../DateTime/hooks/useDateTime.js";import"../../../../../../../hooks/useInputBasedControl.js";import"dayjs/plugin/utc";import"dayjs/plugin/customParseFormat";import"../../../../../../DateTime/translations.js";import"../../../../../../DateTime/components/Calendar.js";import"@fluentui/react/lib/Calendar";import"@talxis/react-components";import"../../../../../../Decimal/Decimal.js";import"../../../../../../../constants.js";import"../../../../../../Decimal/components/ArrowButtons.js";import"../../../../../../Decimal/components/styles.js";import"../../../../../../Lookup/Lookup.js";import"../../../../../../Lookup/hooks/useLookup.js";import"../../../../../../Lookup/translations.js";import"../../../../../../Lookup/hooks/useFetchXml.js";import"@talxis/client-libraries";import"../../../../../../Lookup/components/TargetSelector.js";import"@fluentui/react/lib/Text";import"../../../../../../Lookup/styles.js";import"../../../../../../Lookup/hooks/useLoadedEntities.js";import"../../../../../../../hooks/useMouseOver.js";import"../../../../../../Lookup/components/RecordCreator.js";import"../../../../../../../hooks/useFocusIn.js";import"../../../../../../MultiSelectOptionSet/MultiSelectOptionSet.js";import"../../../../../../OptionSet/OptionSet.js";import"../../../../../../TextField/TextField.js";import"../../../../../../TwoOptions/TwoOptions.js";import"../../../../../../Duration/Duration.js";import"../../../../../../Duration/translations.js";import"../../../Component/controller/useComponentController.js";import"../../../Component/model/Component.js";import"../../../Cell/ReadOnlyCell/ReadOnlyCell.js";import"../../../Cell/ReadOnlyCell/styles.js";import"../../../Cell/Commands/Commands.js";import"../../../Cell/Commands/useCommands.js";import"../../../Cell/Commands/Icon.js";import"external-svg-loader";import"../../../Cell/Commands/styles.js";import"../../../Cell/ReadOnlyCell/ReadOnlyOptionSet/ReadOnlyOptionSet.js";import"../../../Cell/ReadOnlyCell/ReadOnlyOptionSet/styles.js";import"color";import"../../../../../validation/controllers/useRecordValidationController.js";import"../../../../hooks/useRerender.js";import"../../../ColumnHeader/ColumnHeader.js";import"../../../../../filtering/components/FilterCallout/FilterCallout.js";import"../../../../../filtering/components/FilterCallout/styles.js";import"../../../../../filtering/controller/useColumnFilterConditionController.js";import"../../../../hooks/useRefreshCallback.js";import"../../../../../filtering/components/FilterCallout/components/ConditionOperator/ConditionOperator.js";import"../../../../../filtering/components/FilterCallout/components/ConditionValue/ConditionValue.js";import"../../../../../filtering/components/FilterCallout/components/ConditionValue/model/ConditionComponentValue.js";import"../../../../../sorting/components/SortingContextualMenu/SortingContextualMenu.js";import"../../../../../sorting/components/SortingContextualMenu/styles.js";import"../../../../../sorting/controllers/useColumnSortingController.js";import"../../../ColumnHeader/styles.js";import"../../../ColumnHeader/components/GlobalCheckbox/GlobalCheckbox.js";import"../../../ColumnHeader/components/GlobalCheckbox/styles.js";import"../../../AgGrid/model/AgGrid.js";import"@ag-grid-community/core";import"@ag-grid-community/client-side-row-model";import"use-debounce";import"@ag-grid-community/styles/ag-grid.css";import"@ag-grid-community/styles/ag-theme-balham.css";import"../../../../../paging/controllers/usePagingController.js";import"../../../../../paging/components/Paging/Paging.js";import"../../../../../paging/components/Paging/styles.js";import"../../../AgGrid/components/EmptyRecordsOverlay/EmptyRecords.js";import"../../../AgGrid/components/EmptyRecordsOverlay/styles.js";import"../../styles.js";import"../../../../../translations.js";import"./components/RecordGrids/styles.js";import"../../../AgGrid/components/LoadingOverlay/LoadingOverlay.js";import"../../../AgGrid/components/LoadingOverlay/styles.js";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTheme, DialogFooter, PrimaryButton, Spinner, SpinnerSize } from '@fluentui/react';
+import { useEffect } from 'react';
+import { useGridInstance } from '../../../../hooks/useGridInstance.js';
+import { useRecordUpdateServiceController } from '../../../../services/RecordUpdateService/controllers/useRecordUpdateServiceController.js';
+import Dialog from '../../../Dialog/index.js';
+import { RecordGrids } from './components/RecordGrids/RecordGrids.js';
+import { getChangeEditorStyles } from './styles.js';
+import { useSave } from '../../hooks/useSave.js';
+
+const ChangeEditor = (props) => {
+    const grid = useGridInstance();
+    const labels = grid.labels;
+    const controller = useRecordUpdateServiceController();
+    const { isSaving, saveBtnProps, save } = useSave();
+    const updatedRecords = controller.updatedRecords;
+    const styles = getChangeEditorStyles(useTheme());
+    useEffect(() => {
+        if (updatedRecords.length === 0) {
+            props.onDismiss?.();
+        }
+    }, [updatedRecords]);
+    return jsxs(Dialog, { ...props, width: 1000, minWidth: '80%', modalProps: {
+            isBlocking: true,
+            className: styles.root,
+            layerProps: {
+                eventBubblingEnabled: true
+            }
+        }, dialogContentProps: {
+            showCloseButton: true,
+            title: labels["saving-changepreview-title"]({
+                numOfChanges: updatedRecords.length
+            })
+        }, hidden: false, children: [jsx("div", { className: styles.recordGrids, children: updatedRecords.map(record => jsx(RecordGrids, { record: record }, record.getRecordId())) }), jsx(DialogFooter, { children: jsx(PrimaryButton, { className: styles.saveBtn, text: saveBtnProps.text, disabled: saveBtnProps.disabled, onClick: () => save(), children: isSaving &&
+                        jsx(Spinner, { size: SpinnerSize.small }) }) })] });
+};
+
+export { ChangeEditor };
+//# sourceMappingURL=ChangeEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeEditor.js","sources":["../../../../../../../../src/components/Grid/core/components/Save/components/ChangeEditor/ChangeEditor.tsx"],"sourcesContent":["import { DialogFooter, FocusTrapZone, ICommandBarItemProps, IDialogProps, PrimaryButton, Spinner, SpinnerSize, useTheme } from \"@fluentui/react\";\nimport { useEffect } from 'react';\nimport { useGridInstance } from \"../../../../hooks/useGridInstance\";\nimport { useRecordUpdateServiceController } from \"../../../../services/RecordUpdateService/controllers/useRecordUpdateServiceController\";\nimport { IUpdatedRecord } from \"../../../../services/RecordUpdateService/model/RecordUpdateService\";\nimport { IEntityColumn, IEntityRecord } from \"../../../../../interfaces\";\nimport Dialog from \"../../../Dialog\";\nimport { RecordGrids } from \"./components/RecordGrids/RecordGrids\";\nimport { DataType } from \"../../../../enums/DataType\";\nimport { getChangeEditorStyles } from \"./styles\";\nimport { useSave } from \"../../hooks/useSave\";\nimport React from 'react';\n\nexport const ChangeEditor = (props: IDialogProps) => {\n    const grid = useGridInstance();\n    const labels = grid.labels;\n    const controller = useRecordUpdateServiceController();\n    const { isSaving, saveBtnProps, save } = useSave();\n    const updatedRecords = controller.updatedRecords;\n\n    const styles = getChangeEditorStyles(useTheme());\n    useEffect(() => {\n        if (updatedRecords.length === 0) {\n            props.onDismiss?.();\n        }\n    }, [updatedRecords]);\n\n\n    return <Dialog\n        {...props}\n        width={1000}\n        minWidth={'80%'}\n        modalProps={{\n            isBlocking: true,\n            className: styles.root,\n            layerProps: {\n                eventBubblingEnabled: true\n            }\n        }}\n        dialogContentProps={{\n            showCloseButton: true,\n            title: labels[\"saving-changepreview-title\"]({\n                numOfChanges: updatedRecords.length\n            })\n        }}\n        hidden={false}>\n            <div className={styles.recordGrids}>\n                {updatedRecords.map(record => <RecordGrids key={record.getRecordId()} record={record} />)}\n            </div>\n        <DialogFooter>\n            <PrimaryButton\n                className={styles.saveBtn}\n                text={saveBtnProps.text}\n                disabled={saveBtnProps.disabled}\n                onClick={() => save()}\n            >\n                {isSaving &&\n                    <Spinner size={SpinnerSize.small} />\n                }\n            </PrimaryButton>\n        </DialogFooter>\n    </Dialog>\n}"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAaa,MAAA,YAAY,GAAG,CAAC,KAAmB,KAAI;AAChD,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE,CAAC;AAC/B,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;AAC3B,IAAA,MAAM,UAAU,GAAG,gCAAgC,EAAE,CAAC;IACtD,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,CAAC;AACnD,IAAA,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC;AAEjD,IAAA,MAAM,MAAM,GAAG,qBAAqB,CAAC,QAAQ,EAAE,CAAC,CAAC;IACjD,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;AAC7B,YAAA,KAAK,CAAC,SAAS,IAAI,CAAC;AACvB,SAAA;AACL,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AAGrB,IAAA,OAAOA,IAAC,CAAA,MAAM,EACN,EAAA,GAAA,KAAK,EACT,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE;AACR,YAAA,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,MAAM,CAAC,IAAI;AACtB,YAAA,UAAU,EAAE;AACR,gBAAA,oBAAoB,EAAE,IAAI;AAC7B,aAAA;AACJ,SAAA,EACD,kBAAkB,EAAE;AAChB,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,KAAK,EAAE,MAAM,CAAC,4BAA4B,CAAC,CAAC;gBACxC,YAAY,EAAE,cAAc,CAAC,MAAM;aACtC,CAAC;AACL,SAAA,EACD,MAAM,EAAE,KAAK,EAAA,QAAA,EAAA,CACTC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,QAAA,EAAA,cAAc,CAAC,GAAG,CAAC,MAAM,IAAIA,GAAC,CAAA,WAAW,IAA4B,MAAM,EAAE,MAAM,EAAA,EAApC,MAAM,CAAC,WAAW,EAAE,CAAoB,CAAC,EAAA,CACvF,EACVA,GAAA,CAAC,YAAY,EAAA,EAAA,QAAA,EACTA,GAAC,CAAA,aAAa,EACV,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,IAAI,EAAE,YAAY,CAAC,IAAI,EACvB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,OAAO,EAAE,MAAM,IAAI,EAAE,YAEpB,QAAQ;wBACLA,GAAC,CAAA,OAAO,EAAC,EAAA,IAAI,EAAE,WAAW,CAAC,KAAK,EAAI,CAAA,EAAA,CAE5B,EACL,CAAA,CAAA,EAAA,CACV,CAAA;AACb;;;;"}

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

@@ -1 +1,136 @@
-import"tslib";import"react/jsx-runtime";export{R as RecordGrids}from"../../../../../../../../../Grid-b7e6190d.js";import"../../../../../../hooks/useGridInstance.js";import"@fluentui/react";import"./styles.js";import"react";import"../../../../../../../../../hooks/useControl.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../../../../../../../../hooks/useControlTheme.js";import"../../../../../../../../../utils/Theme.js";import"@fluentui/react-migration-v8-v9";import"../../../../../../../../../hooks/useControlSizing.js";import"../../../../../../model/Grid.js";import"../../../../../../../constants.js";import"../../../../../../../filtering/model/Filtering.js";import"../../../../../../model/GridDependency.js";import"../../../../../../../filtering/model/Condition.js";import"../../../../../../enums/ConditionOperator.js";import"../../../../../../enums/DataType.js";import"../../../../../../../validation/model/ColumnValidation.js";import"validator/es/lib/isEmail";import"validator/es/lib/isURL";import"dayjs";import"../../../../../../../filtering/utils/FilteringUtilts.js";import"../../../../../../../filtering/constants.js";import"../../../../../../../paging/model/Paging.js";import"../../../../../../../selection/model/Selection.js";import"../../../../../../../sorting/Sorting.js";import"../../../../../../services/RecordUpdateService/model/RecordUpdateService.js";import"lodash";import"numeral";import"../../../../../../../../../utils/Numeral.js";import"../../../../../../model/Metadata.js";import"@ag-grid-community/react";import"../../../../../../../selection/controllers/useSelectionController.js";import"../../../../../../../GridContext.js";import"../../../../../AgGrid/styles.js";import"../../../../../AgGrid/controllers/useAgGridController.js";import"../../../../../../controllers/useGridController.js";import"../../../../../Cell/EditableCell/EditableCell.js";import"../../../../../../services/RecordUpdateService/controllers/useRecordUpdateServiceController.js";import"../../../../../Component/Component.js";import"../../../../../../../../DateTime/DateTime.js";import"../../../../../../../../DateTime/styles.js";import"../../../../../../../../DateTime/hooks/useDateTime.js";import"../../../../../../../../../hooks/useInputBasedControl.js";import"dayjs/plugin/utc";import"dayjs/plugin/customParseFormat";import"../../../../../../../../DateTime/translations.js";import"../../../../../../../../DateTime/components/Calendar.js";import"@fluentui/react/lib/Calendar";import"@talxis/react-components";import"../../../../../../../../Decimal/Decimal.js";import"../../../../../../../../../constants.js";import"../../../../../../../../Decimal/components/ArrowButtons.js";import"../../../../../../../../Decimal/components/styles.js";import"../../../../../../../../Lookup/Lookup.js";import"../../../../../../../../Lookup/hooks/useLookup.js";import"../../../../../../../../Lookup/translations.js";import"../../../../../../../../Lookup/hooks/useFetchXml.js";import"@talxis/client-libraries";import"../../../../../../../../Lookup/components/TargetSelector.js";import"@fluentui/react/lib/Text";import"../../../../../../../../Lookup/styles.js";import"../../../../../../../../Lookup/hooks/useLoadedEntities.js";import"../../../../../../../../../hooks/useMouseOver.js";import"../../../../../../../../Lookup/components/RecordCreator.js";import"../../../../../../../../../hooks/useFocusIn.js";import"../../../../../../../../MultiSelectOptionSet/MultiSelectOptionSet.js";import"../../../../../../../../OptionSet/OptionSet.js";import"../../../../../../../../TextField/TextField.js";import"../../../../../../../../TwoOptions/TwoOptions.js";import"../../../../../../../../Duration/Duration.js";import"../../../../../../../../Duration/translations.js";import"../../../../../Component/controller/useComponentController.js";import"../../../../../Component/model/Component.js";import"../../../../../Cell/ReadOnlyCell/ReadOnlyCell.js";import"../../../../../Cell/ReadOnlyCell/styles.js";import"../../../../../Cell/Commands/Commands.js";import"../../../../../Cell/Commands/useCommands.js";import"../../../../../Cell/Commands/Icon.js";import"external-svg-loader";import"../../../../../Cell/Commands/styles.js";import"../../../../../Cell/ReadOnlyCell/ReadOnlyOptionSet/ReadOnlyOptionSet.js";import"../../../../../Cell/ReadOnlyCell/ReadOnlyOptionSet/styles.js";import"color";import"../../../../../../../validation/controllers/useRecordValidationController.js";import"../../../../../../hooks/useRerender.js";import"../../../../../ColumnHeader/ColumnHeader.js";import"../../../../../../../filtering/components/FilterCallout/FilterCallout.js";import"../../../../../../../filtering/components/FilterCallout/styles.js";import"../../../../../../../filtering/controller/useColumnFilterConditionController.js";import"../../../../../../hooks/useRefreshCallback.js";import"../../../../../../../filtering/components/FilterCallout/components/ConditionOperator/ConditionOperator.js";import"../../../../../../../filtering/components/FilterCallout/components/ConditionValue/ConditionValue.js";import"../../../../../../../filtering/components/FilterCallout/components/ConditionValue/model/ConditionComponentValue.js";import"../../../../../../../sorting/components/SortingContextualMenu/SortingContextualMenu.js";import"../../../../../../../sorting/components/SortingContextualMenu/styles.js";import"../../../../../../../sorting/controllers/useColumnSortingController.js";import"../../../../../ColumnHeader/styles.js";import"../../../../../ColumnHeader/components/GlobalCheckbox/GlobalCheckbox.js";import"../../../../../ColumnHeader/components/GlobalCheckbox/styles.js";import"../../../../../AgGrid/model/AgGrid.js";import"@ag-grid-community/core";import"@ag-grid-community/client-side-row-model";import"use-debounce";import"@ag-grid-community/styles/ag-grid.css";import"@ag-grid-community/styles/ag-theme-balham.css";import"../../../../../../../paging/controllers/usePagingController.js";import"../../../../../../../paging/components/Paging/Paging.js";import"../../../../../../../paging/components/Paging/styles.js";import"../../../../../AgGrid/components/EmptyRecordsOverlay/EmptyRecords.js";import"../../../../../AgGrid/components/EmptyRecordsOverlay/styles.js";import"../../../../hooks/useSave.js";import"../../../../styles.js";import"../../../../../Dialog/index.js";import"../../../../../Dialog/Constants.js";import"../../../../../Dialog/Styles.js";import"../../../../../../../translations.js";import"../../styles.js";import"../../../../../AgGrid/components/LoadingOverlay/LoadingOverlay.js";import"../../../../../AgGrid/components/LoadingOverlay/styles.js";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Grid } from '../../../../../../../Grid.js';
+import { useGridInstance } from '../../../../../../hooks/useGridInstance.js';
+import { useTheme, Text, Icon } from '@fluentui/react';
+import { getRecordGridStyles } from './styles.js';
+
+const RecordGrids = (props) => {
+    const grid = useGridInstance();
+    const record = { ...props.record };
+    const styles = getRecordGridStyles(useTheme());
+    const sharedProps = {
+        context: {
+            ...grid.pcfContext,
+            mode: {
+                ...grid.pcfContext.mode,
+                //needed so the nested grids to do not interfere with the state of parent grid
+                setControlState: (state) => false
+            }
+        },
+        state: {},
+        parameters: {
+            EnableFiltering: {
+                raw: false
+            },
+            EnablePagination: {
+                raw: false
+            },
+            EnableSorting: {
+                raw: false
+            },
+            EnableNavigation: {
+                raw: false
+            },
+            SelectableRows: {
+                type: 'static',
+                raw: 'none'
+            },
+            Grid: {
+                ...grid.dataset,
+                sorting: [],
+                columns: [...record.columns.values()],
+                filtering: {
+                    ...grid.dataset.filtering,
+                    getFilter: () => {
+                        return {
+                            conditions: [],
+                            filterOperator: 0,
+                        };
+                    }
+                },
+                getSelectedRecordIds: () => [],
+                paging: {
+                    ...grid.dataset.paging,
+                    pageSize: 1
+                }
+            }
+        }
+    };
+    const invalidColumns = (() => {
+        const columns = [];
+        for (const column of record.columns.values()) {
+            if (!record.isValid(column.name)) {
+                columns.push(column);
+            }
+        }
+        return columns;
+    })();
+    const hasInvalidColumn = invalidColumns.length > 0;
+    const getOriginalRecord = (record) => {
+        return {
+            getFormattedValue: (columnKey) => record.getOriginalFormattedValue(columnKey),
+            getRecordId: () => record.getRecordId(),
+            getNamedReference: () => record.getNamedReference(),
+            getValue: (columnKey) => record.getOriginalValue(columnKey),
+            save: async () => {
+                await record.save();
+                grid.pcfContext.factory.requestRender();
+            },
+            //only comes when clear is called to return to the original value
+            setValue: (columnKey, value) => {
+                record.clear();
+                //TODO: the internal record id map wont get updated
+                //with the references to updated records until they appear 
+                //in the grid => you cant see the changes 
+                grid.pcfContext.factory.requestRender();
+            }
+        };
+    };
+    const getUpdatedRecord = (record) => {
+        return {
+            getFormattedValue: (columnKey) => record.getFormattedValue(columnKey),
+            getRecordId: () => record.getRecordId(),
+            getNamedReference: () => record.getNamedReference(),
+            getValue: (columnKey) => record.getValue(columnKey),
+            save: () => { throw new Error('Should not be called!'); },
+            setValue: (columnKey, value) => {
+                record.setValue(columnKey, value);
+                grid.pcfContext.factory.requestRender();
+            }
+        };
+    };
+    return (jsxs("div", { className: styles.root, children: [jsxs("div", { className: styles.readOnlyGrid, children: [jsx("div", { className: styles.gridTitleWrapper, children: jsx(Text, { title: record.getOriginalFormattedPrimaryNameValue(), variant: 'large', children: record.getOriginalFormattedPrimaryNameValue() }) }), jsx(Grid, { ...sharedProps, parameters: {
+                            ...sharedProps.parameters,
+                            ChangeEditorMode: {
+                                raw: "read",
+                                error: hasInvalidColumn,
+                            },
+                            Grid: {
+                                ...sharedProps.parameters.Grid,
+                                error: hasInvalidColumn,
+                                errorMessage: hasInvalidColumn ? grid.labels['saving-validation-error']({
+                                    columnDisplayNames: invalidColumns.map(x => x.displayName).join(', ')
+                                }) : undefined,
+                                records: {
+                                    [record.getRecordId()]: getOriginalRecord(record)
+                                }
+                            },
+                        } })] }), jsx(Icon, { iconName: "DoubleChevronDown8" }), jsx("div", { className: styles.editableGrid, children: jsx(Grid, { ...sharedProps, parameters: {
+                        ...sharedProps.parameters,
+                        ChangeEditorMode: {
+                            raw: "edit"
+                        },
+                        EnableEditing: {
+                            raw: true
+                        },
+                        Grid: {
+                            ...sharedProps.parameters.Grid,
+                            records: {
+                                [record.getRecordId()]: getUpdatedRecord(record)
+                            }
+                        }
+                    } }) })] }));
+};
+
+export { RecordGrids };
+//# sourceMappingURL=RecordGrids.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecordGrids.js","sources":["../../../../../../../../../../src/components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/RecordGrids.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../../../../../../Grid';\nimport { useGridInstance } from '../../../../../../hooks/useGridInstance';\nimport { IUpdatedRecord } from '../../../../../../services/RecordUpdateService/model/RecordUpdateService';\nimport { Text } from '@fluentui/react';\nimport { IEntityColumn, IEntityRecord, IGrid, IGridParameters } from '../../../../../../../interfaces';\nimport { Icon } from '@fluentui/react';\nimport { getRecordGridStyles } from './styles';\nimport { useTheme } from '@fluentui/react';\n\ninterface IRecordGrids {\n    record: IUpdatedRecord;\n}\nexport const RecordGrids = (props: IRecordGrids) => {\n    const grid = useGridInstance();\n    const record = { ...props.record };\n    const styles = getRecordGridStyles(useTheme());\n    const sharedProps: IGrid = {\n        context: {\n            ...grid.pcfContext,\n            mode: {\n                ...grid.pcfContext.mode,\n                //needed so the nested grids to do not interfere with the state of parent grid\n                setControlState: (state: ComponentFramework.Dictionary) => false\n            }\n        },\n        state: {},\n        parameters: {\n            EnableFiltering: {\n                raw: false\n            },\n            EnablePagination: {\n                raw: false\n            },\n            EnableSorting: {\n                raw: false\n            },\n            EnableNavigation: {\n                raw: false\n            },\n            SelectableRows: {\n                type: 'static',\n                raw: 'none'\n            },\n            Grid: {\n                ...grid.dataset,\n                sorting: [],\n                columns: [...record.columns.values()],\n                filtering: {\n                    ...grid.dataset.filtering,\n                    getFilter: () => {\n                        return {\n                            conditions: [],\n                            filterOperator: 0,\n                        }\n                    }\n                },\n                getSelectedRecordIds: () => [],\n                paging: {\n                    ...grid.dataset.paging,\n                    pageSize: 1\n                }\n            }\n        } as IGridParameters\n    }\n\n    const invalidColumns = (() => {\n        const columns: IEntityColumn[] = [];\n        for(const column of record.columns.values()) {\n            if(!record.isValid(column.name)) {\n                columns.push(column);\n            }\n        }\n        return columns;\n    })();\n\n    const hasInvalidColumn = invalidColumns.length > 0;\n\n    const getOriginalRecord = (record: IUpdatedRecord): IEntityRecord => {\n        return {\n            getFormattedValue: (columnKey: string) => record.getOriginalFormattedValue(columnKey),\n            getRecordId: () => record.getRecordId(),\n            getNamedReference: () => record.getNamedReference(),\n            getValue: (columnKey: string) => record.getOriginalValue(columnKey),\n            save: async () => {\n                const result = await record.save();\n                grid.pcfContext.factory.requestRender();\n            },\n            //only comes when clear is called to return to the original value\n            setValue: (columnKey: string, value: any) => {\n                record.clear();\n                //TODO: the internal record id map wont get updated\n                //with the references to updated records until they appear \n                //in the grid => you cant see the changes \n                grid.pcfContext.factory.requestRender();\n            }\n        }\n    }\n    const getUpdatedRecord = (record: IUpdatedRecord): IEntityRecord => {\n        return {\n            getFormattedValue: (columnKey: string) => record.getFormattedValue(columnKey),\n            getRecordId: () => record.getRecordId(),\n            getNamedReference: () => record.getNamedReference(),\n            getValue: (columnKey: string) => record.getValue(columnKey),\n            save: () => { throw new Error('Should not be called!') },\n            setValue: (columnKey: string, value: any) => {\n                record.setValue(columnKey, value)\n                grid.pcfContext.factory.requestRender();\n            }\n        }\n    }\n\n    return (\n        <div className={styles.root}>\n            <div className={styles.readOnlyGrid}>\n                <div className={styles.gridTitleWrapper}>\n                    <Text title={record.getOriginalFormattedPrimaryNameValue()} variant='large'>{record.getOriginalFormattedPrimaryNameValue()}</Text>\n                </div>\n                <Grid\n                    {...sharedProps}\n                    parameters={{\n                        ...sharedProps.parameters,\n                        ChangeEditorMode: {\n                            raw: \"read\",\n                            error: hasInvalidColumn,\n                        },\n                        Grid: {\n                            ...sharedProps.parameters.Grid,\n                            error: hasInvalidColumn,\n                            errorMessage: hasInvalidColumn ? grid.labels['saving-validation-error']({\n                                columnDisplayNames: invalidColumns.map( x => x.displayName).join(', ')\n                            }): undefined,\n                            records: {\n                                [record.getRecordId()]: getOriginalRecord(record)\n                            }\n                        },\n\n                    } as IGridParameters} />\n            </div>\n            <Icon iconName=\"DoubleChevronDown8\" />\n            <div className={styles.editableGrid}>\n                <Grid\n                    {...sharedProps}\n                    parameters={{\n                        ...sharedProps.parameters,\n                        ChangeEditorMode: {\n                            raw: \"edit\"\n                        },\n                        EnableEditing: {\n                            raw: true\n                        },\n                        Grid: {\n                            ...sharedProps.parameters.Grid,\n                            records: {\n                                [record.getRecordId()]: getUpdatedRecord(record)\n                            }\n                        }\n                    } as IGridParameters} />\n            </div>\n        </div>\n    )\n}"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -1 +1,54 @@
-import{mergeStyleSets as e}from"@fluentui/react";const o=o=>e({root:{borderRadius:5,padding:8,paddingTop:10,gap:25,display:"flex",flexDirection:"column",justifyContent:"center",backgroundColor:o.semanticColors.bodyBackground,boxShadow:o.semanticColors.cardShadow,">span":{fontWeight:600},">i":{alignSelf:"center",fontSize:22}},readOnlyGrid:{".ag-theme-balham > div > .ms-MessageBar":{minHeight:0,height:0,".ms-MessageBar-actionsSingleLine":{position:"relative",top:-28}}},gridTitleWrapper:{borderBottom:`1px solid ${o.semanticColors.bodyDivider}`,paddingBottom:10,">span":{fontWeight:600,fontSize:15,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",display:"block",maxWidth:"calc(100% - 130px)"}},editableGrid:{position:"relative",top:-5}});export{o as getRecordGridStyles};
+import { mergeStyleSets } from '@fluentui/react';
+
+const getRecordGridStyles = (theme) => {
+    return mergeStyleSets({
+        root: {
+            borderRadius: 5,
+            padding: 8,
+            paddingTop: 10,
+            gap: 25,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            backgroundColor: theme.semanticColors.bodyBackground,
+            boxShadow: theme.semanticColors.cardShadow,
+            '>span': {
+                fontWeight: 600
+            },
+            '>i': {
+                alignSelf: 'center',
+                fontSize: 22,
+            }
+        },
+        readOnlyGrid: {
+            '.ag-theme-balham > div > .ms-MessageBar': {
+                minHeight: 0,
+                height: 0,
+                '.ms-MessageBar-actionsSingleLine': {
+                    position: 'relative',
+                    top: -28
+                }
+            }
+        },
+        gridTitleWrapper: {
+            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,
+            paddingBottom: 10,
+            '>span': {
+                fontWeight: 600,
+                fontSize: 15,
+                overflow: 'hidden',
+                whiteSpace: 'nowrap',
+                textOverflow: 'ellipsis',
+                display: 'block',
+                maxWidth: 'calc(100% - 130px)'
+            },
+        },
+        editableGrid: {
+            position: 'relative',
+            top: -5
+        }
+    });
+};
+
+export { getRecordGridStyles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../../../src/components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\n\nexport const getRecordGridStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        root: {\n            borderRadius: 5,\n            padding: 8,\n            paddingTop: 10,\n            gap: 25,\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'center',\n            backgroundColor: theme.semanticColors.bodyBackground,\n            boxShadow: theme.semanticColors.cardShadow,\n            '>span': {\n                fontWeight: 600\n            },\n            '>i': {\n                alignSelf: 'center',\n                fontSize: 22,\n            }\n\n        },\n        readOnlyGrid: {\n            '.ag-theme-balham > div > .ms-MessageBar': {\n                minHeight: 0,\n                height: 0,\n                '.ms-MessageBar-actionsSingleLine': {\n                    position: 'relative',\n                    top: -28\n                }\n            }\n        },\n        gridTitleWrapper: {\n            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,\n            paddingBottom: 10,\n            '>span': {\n                fontWeight: 600,\n                fontSize: 15,\n                overflow: 'hidden',\n                whiteSpace: 'nowrap',\n                textOverflow: 'ellipsis',\n                display: 'block',\n                maxWidth: 'calc(100% - 130px)'\n            },\n        },\n        editableGrid: {\n            position: 'relative',\n            top: -5\n        }\n    })\n}"],"names":[],"mappings":";;AAEa,MAAA,mBAAmB,GAAG,CAAC,KAAa,KAAI;AACjD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,UAAU,EAAE,EAAE;AACd,YAAA,GAAG,EAAE,EAAE;AACP,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;AACpD,YAAA,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU;AAC1C,YAAA,OAAO,EAAE;AACL,gBAAA,UAAU,EAAE,GAAG;AAClB,aAAA;AACD,YAAA,IAAI,EAAE;AACF,gBAAA,SAAS,EAAE,QAAQ;AACnB,gBAAA,QAAQ,EAAE,EAAE;AACf,aAAA;AAEJ,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,yCAAyC,EAAE;AACvC,gBAAA,SAAS,EAAE,CAAC;AACZ,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,kCAAkC,EAAE;AAChC,oBAAA,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC,EAAE;AACX,iBAAA;AACJ,aAAA;AACJ,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,YAAY,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE,CAAA;AAC7D,YAAA,aAAa,EAAE,EAAE;AACjB,YAAA,OAAO,EAAE;AACL,gBAAA,UAAU,EAAE,GAAG;AACf,gBAAA,QAAQ,EAAE,EAAE;AACZ,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,YAAY,EAAE,UAAU;AACxB,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,QAAQ,EAAE,oBAAoB;AACjC,aAAA;AACJ,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,CAAC;AACV,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

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

@@ -1 +1,37 @@
-import{mergeStyleSets as o}from"@fluentui/react";const r=r=>o({root:{".ag-row":{borderBottom:"none"},".ms-Dialog-title":{borderBottom:`1px solid ${r.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{r as getChangeEditorStyles};
+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/hooks/useSave.js

@@ -1 +1,45 @@
-import{__awaiter as e}from"tslib";import{useState as r}from"react";import{useGridInstance as o}from"../../../hooks/useGridInstance.js";import{useRecordUpdateServiceController as i}from"../../../services/RecordUpdateService/controllers/useRecordUpdateServiceController.js";import"../../../../GridContext.js";const s=()=>{const s=o(),t=s.labels,a=i(),[n,v]=r(!1);return{isSaving:n,saveBtnProps:n?{disabled:!0,iconName:"SaveInPropgre",text:t["saving-saving"]()}:a.isDirty?{disabled:!(!a.hasInvalidRecords&&!(null===(d=s.props.parameters.ChangeEditorMode)||void 0===d?void 0:d.error)),iconName:"Save",text:t["saving-save"]()}:{disabled:!0,iconName:"Save",text:t["saving-save"]()},save:()=>e(void 0,void 0,void 0,(function*(){v(!0);const e=yield a.saveAll();return v(!1),e}))};var d};export{s as useSave};
+import { useState } from 'react';
+import { useGridInstance } from '../../../hooks/useGridInstance.js';
+import { useRecordUpdateServiceController } from '../../../services/RecordUpdateService/controllers/useRecordUpdateServiceController.js';
+
+const useSave = () => {
+    const grid = useGridInstance();
+    const labels = grid.labels;
+    const controller = useRecordUpdateServiceController();
+    const [isSaving, setIsSaving] = useState(false);
+    const save = async () => {
+        setIsSaving(true);
+        const result = await controller.saveAll();
+        setIsSaving(false);
+        return result;
+    };
+    const getSaveBtnProps = () => {
+        if (isSaving) {
+            return {
+                disabled: true,
+                iconName: 'SaveInPropgre',
+                text: labels["saving-saving"](),
+            };
+        }
+        if (controller.isDirty) {
+            return {
+                disabled: (controller.hasInvalidRecords || grid.props.parameters.ChangeEditorMode?.error) ? true : false,
+                iconName: 'Save',
+                text: labels["saving-save"]()
+            };
+        }
+        return {
+            disabled: true,
+            iconName: 'Save',
+            text: labels["saving-save"]()
+        };
+    };
+    return {
+        isSaving: isSaving,
+        saveBtnProps: getSaveBtnProps(),
+        save: save
+    };
+};
+
+export { useSave };
+//# sourceMappingURL=useSave.js.map

package/dist/components/Grid/core/components/Save/hooks/useSave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSave.js","sources":["../../../../../../../src/components/Grid/core/components/Save/hooks/useSave.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { useGridInstance } from \"../../../hooks/useGridInstance\";\nimport { useRecordUpdateServiceController } from \"../../../services/RecordUpdateService/controllers/useRecordUpdateServiceController\";\n\ninterface ISaveBtnProps {\n    disabled: boolean,\n    text: string,\n    iconName: string\n}\n\ninterface ISave {\n    isSaving: boolean,\n    saveBtnProps: ISaveBtnProps,\n    save: () => Promise<boolean>\n}\n\nexport const useSave = (): ISave => {\n    const grid = useGridInstance();\n    const labels = grid.labels;\n    const controller = useRecordUpdateServiceController();\n    const [isSaving, setIsSaving] = useState<boolean>(false);\n\n    const save = async (): Promise<boolean> => {\n        setIsSaving(true);\n        const result = await controller.saveAll();\n        setIsSaving(false);\n        return result;\n    }\n\n    const getSaveBtnProps = (): ISaveBtnProps => {\n        if (isSaving) {\n            return {\n                disabled: true,\n                iconName: 'SaveInPropgre',\n                text: labels[\"saving-saving\"](),\n            }\n        }\n        if (controller.isDirty) {\n            return {\n                disabled: (controller.hasInvalidRecords || grid.props.parameters.ChangeEditorMode?.error) ? true : false,\n                iconName: 'Save',\n                text: labels[\"saving-save\"]()\n\n            }\n        }\n        return {\n            disabled: true,\n            iconName: 'Save',\n            text: labels[\"saving-save\"]()\n        }\n    }\n\n    return {\n        isSaving: isSaving,\n        saveBtnProps: getSaveBtnProps(),\n        save: save\n    }\n\n}"],"names":[],"mappings":";;;;AAgBO,MAAM,OAAO,GAAG,MAAY;AAC/B,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE,CAAC;AAC/B,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;AAC3B,IAAA,MAAM,UAAU,GAAG,gCAAgC,EAAE,CAAC;IACtD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;AAEzD,IAAA,MAAM,IAAI,GAAG,YAA6B;QACtC,WAAW,CAAC,IAAI,CAAC,CAAC;AAClB,QAAA,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,OAAO,EAAE,CAAC;QAC1C,WAAW,CAAC,KAAK,CAAC,CAAC;AACnB,QAAA,OAAO,MAAM,CAAC;AAClB,KAAC,CAAA;IAED,MAAM,eAAe,GAAG,MAAoB;AACxC,QAAA,IAAI,QAAQ,EAAE;YACV,OAAO;AACH,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,QAAQ,EAAE,eAAe;AACzB,gBAAA,IAAI,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE;aAClC,CAAA;AACJ,SAAA;QACD,IAAI,UAAU,CAAC,OAAO,EAAE;YACpB,OAAO;gBACH,QAAQ,EAAE,CAAC,UAAU,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,KAAK,IAAI,IAAI,GAAG,KAAK;AACxG,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE;aAEhC,CAAA;AACJ,SAAA;QACD,OAAO;AACH,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE;SAChC,CAAA;AACL,KAAC,CAAA;IAED,OAAO;AACH,QAAA,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,eAAe,EAAE;AAC/B,QAAA,IAAI,EAAE,IAAI;KACb,CAAA;AAEL;;;;"}

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

@@ -1 +1,44 @@
-import{mergeStyleSets as t}from"@fluentui/react";const e=()=>t({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"},'&[data-dirty="true"]':{cursor:"pointer"}},notificationText:{whiteSpace:"normal"},actions:{height:"100%",".ms-Button":{height:"100%",backgroundColor:"transparent",":last-child":{marginLeft:0}}}});export{e as getSaveStyles};
+import { mergeStyleSets } from '@fluentui/react';
+
+const getSaveStyles = () => {
+    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'
+            },
+            '&[data-dirty="true"]': {
+                cursor: 'pointer'
+            }
+        },
+        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 = () => {\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            '&[data-dirty=\"true\"]': {\n                cursor: 'pointer'\n            }\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":";;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,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;AACD,YAAA,sBAAsB,EAAE;AACpB,gBAAA,MAAM,EAAE,SAAS;AACpB,aAAA;AACJ,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.js

@@ -1 +1,39 @@
-import{__awaiter as r}from"tslib";import{useContext as o,useState as e,useEffect as s}from"react";import t from"fast-deep-equal/es6";import{GridContext as n}from"../../GridContext.js";const c=c=>{const d=null!=c?c:o(n).gridInstance,[i,m]=e(d.columns),[f,u]=e((()=>d.refreshRecords())),l=(r,o)=>o.map((o=>{const e=[];for(const s of r)e.push(o.getValue(s.key));return e}));return s((()=>{r(void 0,void 0,void 0,(function*(){const r=yield d.refreshColumns(),o=l(r,d.refreshRecords());t(r,i)||m(r),t(o,l(r,f))||u(d.records)}))}),[d.shouldRerender]),{columns:i,records:f}};export{c as useGridController};
+import { useContext, useState, useEffect } from 'react';
+import equal 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 [records, setRecords] = useState(() => grid.refreshRecords());
+    const getRecordValues = (columns, records) => {
+        const newRecordValues = records.map(x => {
+            const values = [];
+            for (const column of columns) {
+                values.push(x.getValue(column.key));
+            }
+            return values;
+        });
+        return newRecordValues;
+    };
+    //only change columns and records reference if there is a change
+    useEffect(() => {
+        (async () => {
+            const newColumns = await grid.refreshColumns();
+            const newRecordValues = getRecordValues(newColumns, grid.refreshRecords());
+            if (!equal(newColumns, columns)) {
+                setColumns(newColumns);
+            }
+            if (!equal(newRecordValues, getRecordValues(newColumns, records))) {
+                setRecords(grid.records);
+            }
+        })();
+    }, [grid.shouldRerender]);
+    return {
+        columns,
+        records
+    };
+};
+
+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 { IEntityRecord } from \"../../interfaces\";\nimport { Grid } from \"../model/Grid\";\nimport { IGridColumn } from \"../interfaces/IGridColumn\";\nimport { GridContext } from \"../../GridContext\";\n\ninterface IGridController {\n    columns: IGridColumn[],\n    records: IEntityRecord[]\n}\n\nexport const useGridController = (gridInstance?: Grid): IGridController => {\n    const grid = gridInstance ?? useContext(GridContext).gridInstance;\n    const [columns, setColumns] = useState<IGridColumn[]>(grid.columns);\n    const [records, setRecords] = useState<IEntityRecord[]>(() => grid.refreshRecords());\n\n    const getRecordValues = (columns: IGridColumn[], records: IEntityRecord[]) => {\n        const newRecordValues = records.map(x => {\n            const values = [];\n            for(const column of columns) {\n                values.push(x.getValue(column.key))\n            }\n            return values;\n        });\n        return newRecordValues;\n    }\n\n    //only change columns and records reference if there is a change\n    useEffect(() => {\n        (async () => {\n            const newColumns = await grid.refreshColumns();\n            const newRecordValues = getRecordValues(newColumns, grid.refreshRecords());\n            if(!equal(newColumns, columns)) {\n                setColumns(newColumns);\n            }\n            if(!equal(newRecordValues, getRecordValues(newColumns, records))) {\n                setRecords(grid.records);\n            }\n        })();\n    }, [grid.shouldRerender]);\n    return {\n        columns,\n        records\n    }\n}"],"names":[],"mappings":";;;;AAYa,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;AACpE,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAkB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;AAErF,IAAA,MAAM,eAAe,GAAG,CAAC,OAAsB,EAAE,OAAwB,KAAI;QACzE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAG;YACpC,MAAM,MAAM,GAAG,EAAE,CAAC;AAClB,YAAA,KAAI,MAAM,MAAM,IAAI,OAAO,EAAE;AACzB,gBAAA,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;AACtC,aAAA;AACD,YAAA,OAAO,MAAM,CAAC;AAClB,SAAC,CAAC,CAAC;AACH,QAAA,OAAO,eAAe,CAAC;AAC3B,KAAC,CAAA;;IAGD,SAAS,CAAC,MAAK;QACX,CAAC,YAAW;AACR,YAAA,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAC/C,MAAM,eAAe,GAAG,eAAe,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;AAC3E,YAAA,IAAG,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE;gBAC5B,UAAU,CAAC,UAAU,CAAC,CAAC;AAC1B,aAAA;AACD,YAAA,IAAG,CAAC,KAAK,CAAC,eAAe,EAAE,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,EAAE;AAC9D,gBAAA,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC5B,aAAA;SACJ,GAAG,CAAC;AACT,KAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;IAC1B,OAAO;QACH,OAAO;QACP,OAAO;KACV,CAAA;AACL;;;;"}

package/dist/components/Grid/core/enums/ConditionOperator.js

@@ -1 +1,50 @@
-var e;!function(e){e[e.None=-1]="None",e[e.Equal=0]="Equal",e[e.NotEqual=1]="NotEqual",e[e.GreaterThan=2]="GreaterThan",e[e.LessThan=3]="LessThan",e[e.GreaterEqual=4]="GreaterEqual",e[e.LessEqual=5]="LessEqual",e[e.Like=6]="Like",e[e.NotLike=7]="NotLike",e[e.In=8]="In",e[e.NotIn=9]="NotIn",e[e.Null=12]="Null",e[e.NotNull=13]="NotNull",e[e.Yesterday=14]="Yesterday",e[e.Today=15]="Today",e[e.Tomorrow=16]="Tomorrow",e[e.Last7Days=17]="Last7Days",e[e.Next7Days=18]="Next7Days",e[e.LastWeek=19]="LastWeek",e[e.ThisWeek=20]="ThisWeek",e[e.LastMonth=22]="LastMonth",e[e.ThisMonth=23]="ThisMonth",e[e.On=25]="On",e[e.OnOrBefore=26]="OnOrBefore",e[e.OnOrAfter=27]="OnOrAfter",e[e.LastYear=28]="LastYear",e[e.ThisYear=29]="ThisYear",e[e.LastXDays=33]="LastXDays",e[e.NextXDays=34]="NextXDays",e[e.LastXMonths=37]="LastXMonths",e[e.NextXMonths=38]="NextXMonths",e[e.Contains=49]="Contains",e[e.BeginWith=54]="BeginWith",e[e.DoesNotBeginWith=55]="DoesNotBeginWith",e[e.EndsWith=56]="EndsWith",e[e.DoesNotEndWith=57]="DoesNotEndWith",e[e.InFiscalPeriodAndYear=70]="InFiscalPeriodAndYear",e[e.Above=75]="Above",e[e.Under=76]="Under",e[e.NotUnder=77]="NotUnder",e[e.AboveOrEqual=78]="AboveOrEqual",e[e.UnderOrEqual=79]="UnderOrEqual",e[e.ContainValues=87]="ContainValues",e[e.DoesNotContainValues=88]="DoesNotContainValues"}(e||(e={}));export{e as DatasetConditionOperator};
+var DatasetConditionOperator;
+(function (DatasetConditionOperator) {
+    DatasetConditionOperator[DatasetConditionOperator["None"] = -1] = "None";
+    DatasetConditionOperator[DatasetConditionOperator["Equal"] = 0] = "Equal";
+    DatasetConditionOperator[DatasetConditionOperator["NotEqual"] = 1] = "NotEqual";
+    DatasetConditionOperator[DatasetConditionOperator["GreaterThan"] = 2] = "GreaterThan";
+    DatasetConditionOperator[DatasetConditionOperator["LessThan"] = 3] = "LessThan";
+    DatasetConditionOperator[DatasetConditionOperator["GreaterEqual"] = 4] = "GreaterEqual";
+    DatasetConditionOperator[DatasetConditionOperator["LessEqual"] = 5] = "LessEqual";
+    DatasetConditionOperator[DatasetConditionOperator["Like"] = 6] = "Like";
+    DatasetConditionOperator[DatasetConditionOperator["NotLike"] = 7] = "NotLike";
+    DatasetConditionOperator[DatasetConditionOperator["In"] = 8] = "In";
+    DatasetConditionOperator[DatasetConditionOperator["NotIn"] = 9] = "NotIn";
+    DatasetConditionOperator[DatasetConditionOperator["Null"] = 12] = "Null";
+    DatasetConditionOperator[DatasetConditionOperator["NotNull"] = 13] = "NotNull";
+    DatasetConditionOperator[DatasetConditionOperator["Yesterday"] = 14] = "Yesterday";
+    DatasetConditionOperator[DatasetConditionOperator["Today"] = 15] = "Today";
+    DatasetConditionOperator[DatasetConditionOperator["Tomorrow"] = 16] = "Tomorrow";
+    DatasetConditionOperator[DatasetConditionOperator["Last7Days"] = 17] = "Last7Days";
+    DatasetConditionOperator[DatasetConditionOperator["Next7Days"] = 18] = "Next7Days";
+    DatasetConditionOperator[DatasetConditionOperator["LastWeek"] = 19] = "LastWeek";
+    DatasetConditionOperator[DatasetConditionOperator["ThisWeek"] = 20] = "ThisWeek";
+    DatasetConditionOperator[DatasetConditionOperator["LastMonth"] = 22] = "LastMonth";
+    DatasetConditionOperator[DatasetConditionOperator["ThisMonth"] = 23] = "ThisMonth";
+    DatasetConditionOperator[DatasetConditionOperator["On"] = 25] = "On";
+    DatasetConditionOperator[DatasetConditionOperator["OnOrBefore"] = 26] = "OnOrBefore";
+    DatasetConditionOperator[DatasetConditionOperator["OnOrAfter"] = 27] = "OnOrAfter";
+    DatasetConditionOperator[DatasetConditionOperator["LastYear"] = 28] = "LastYear";
+    DatasetConditionOperator[DatasetConditionOperator["ThisYear"] = 29] = "ThisYear";
+    DatasetConditionOperator[DatasetConditionOperator["LastXDays"] = 33] = "LastXDays";
+    DatasetConditionOperator[DatasetConditionOperator["NextXDays"] = 34] = "NextXDays";
+    DatasetConditionOperator[DatasetConditionOperator["LastXMonths"] = 37] = "LastXMonths";
+    DatasetConditionOperator[DatasetConditionOperator["NextXMonths"] = 38] = "NextXMonths";
+    DatasetConditionOperator[DatasetConditionOperator["Contains"] = 49] = "Contains";
+    DatasetConditionOperator[DatasetConditionOperator["BeginWith"] = 54] = "BeginWith";
+    DatasetConditionOperator[DatasetConditionOperator["DoesNotBeginWith"] = 55] = "DoesNotBeginWith";
+    DatasetConditionOperator[DatasetConditionOperator["EndsWith"] = 56] = "EndsWith";
+    DatasetConditionOperator[DatasetConditionOperator["DoesNotEndWith"] = 57] = "DoesNotEndWith";
+    DatasetConditionOperator[DatasetConditionOperator["InFiscalPeriodAndYear"] = 70] = "InFiscalPeriodAndYear";
+    DatasetConditionOperator[DatasetConditionOperator["Above"] = 75] = "Above";
+    DatasetConditionOperator[DatasetConditionOperator["Under"] = 76] = "Under";
+    DatasetConditionOperator[DatasetConditionOperator["NotUnder"] = 77] = "NotUnder";
+    DatasetConditionOperator[DatasetConditionOperator["AboveOrEqual"] = 78] = "AboveOrEqual";
+    DatasetConditionOperator[DatasetConditionOperator["UnderOrEqual"] = 79] = "UnderOrEqual";
+    DatasetConditionOperator[DatasetConditionOperator["ContainValues"] = 87] = "ContainValues";
+    DatasetConditionOperator[DatasetConditionOperator["DoesNotContainValues"] = 88] = "DoesNotContainValues";
+})(DatasetConditionOperator || (DatasetConditionOperator = {}));
+
+export { DatasetConditionOperator };
+//# sourceMappingURL=ConditionOperator.js.map

package/dist/components/Grid/core/enums/ConditionOperator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionOperator.js","sources":["../../../../../src/components/Grid/core/enums/ConditionOperator.ts"],"sourcesContent":["export enum DatasetConditionOperator {\n    None = -1,\n    Equal = 0,\n    NotEqual = 1,\n    GreaterThan = 2,\n    LessThan = 3,\n    GreaterEqual = 4,\n    LessEqual = 5,\n    Like = 6,\n    NotLike = 7,\n    In = 8,\n    NotIn = 9,\n    Null = 12,\n    NotNull = 13,\n    Yesterday = 14,\n    Today = 15,\n    Tomorrow = 16,\n    Last7Days = 17,\n    Next7Days = 18,\n    LastWeek = 19,\n    ThisWeek = 20,\n    LastMonth = 22,\n    ThisMonth = 23,\n    On = 25,\n    OnOrBefore = 26,\n    OnOrAfter = 27,\n    LastYear = 28,\n    ThisYear = 29,\n    LastXDays = 33,\n    NextXDays = 34,\n    LastXMonths = 37,\n    NextXMonths = 38,\n    Contains = 49,\n    BeginWith = 54,\n    DoesNotBeginWith = 55,\n    EndsWith = 56,\n    DoesNotEndWith = 57,\n    InFiscalPeriodAndYear = 70,\n    Above = 75,\n    Under = 76,\n    NotUnder = 77,\n    AboveOrEqual = 78,\n    UnderOrEqual = 79,\n    ContainValues = 87,\n    DoesNotContainValues = 88\n  }"],"names":[],"mappings":"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"}