@talxis/base-controls 0.0.1

package/dist/components/Grid/core/components/Dialog/Constants.js

@@ -0,0 +1,9 @@
+const defaultProps = {
+    dialogContentProps: {},
+    modalProps: {
+        className: ''
+    }
+};
+
+export { defaultProps };
+//# sourceMappingURL=Constants.js.map

package/dist/components/Grid/core/components/Dialog/Constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Constants.js","sources":["../../../../../../src/components/Grid/core/components/Dialog/Constants.tsx"],"sourcesContent":["import { IDialogProps } from \"./interfaces\";\n\nexport const defaultProps: IDialogProps = {\n    dialogContentProps: {},\n    modalProps: {\n        className: ''\n    }\n};"],"names":[],"mappings":"AAEa,MAAA,YAAY,GAAiB;AACtC,IAAA,kBAAkB,EAAE,EAAE;AACtB,IAAA,UAAU,EAAE;AACR,QAAA,SAAS,EAAE,EAAE;AAChB,KAAA;;;;;"}

package/dist/components/Grid/core/components/Dialog/Styles.d.ts

@@ -0,0 +1,2 @@
+import { IDialogProps } from './interfaces/index';
+export declare const getRootStyles: (props: IDialogProps) => string;

package/dist/components/Grid/core/components/Dialog/Styles.js

@@ -0,0 +1,61 @@
+import { getTheme, mergeStyles } from '@fluentui/react';
+
+const getRootStyles = (props) => {
+    const theme = getTheme();
+    const rootStyles = mergeStyles(({
+        selectors: {
+            '.ms-Dialog-main': {
+                width: props.width,
+                minHeight: props.minHeight ?? 0,
+                height: props.height,
+            },
+            '@media(max-width: 768px)': {
+                '.ms-Dialog-main': {
+                    width: '100vw',
+                    height: '100svh',
+                    maxWidth: '100vw',
+                    maxHeight: '100svh'
+                }
+            },
+            '.ms-Dialog-subText': {
+                color: theme.palette.black
+            },
+            '.ms-Dialog-content': {
+                overflow: 'auto',
+                paddingBottom: 24,
+                flex: 1
+            },
+            '.ms-Dialog-content, .ms-Dialog-actions': {
+                paddingLeft: 24,
+                paddingRight: 24,
+                width: 'initial'
+            },
+            '.ms-Dialog-actions': {
+                borderTop: `1px solid ${theme.semanticColors.bodyDivider}`,
+                paddingBottom: 24,
+                paddingTop: 24,
+                margin: 'initial',
+                flex: '0 0 auto'
+            },
+            '.ms-Dialog-inner': {
+                padding: 0,
+                display: 'flex',
+                flexDirection: 'column',
+                flexGrow: 1,
+                overflow: 'hidden'
+            },
+            '.ms-Modal-scrollableContent': {
+                overflow: 'hidden',
+                display: 'flex',
+                '> div': {
+                    display: 'flex',
+                    flexDirection: 'column'
+                }
+            },
+        }
+    }));
+    return rootStyles;
+};
+
+export { getRootStyles };
+//# sourceMappingURL=Styles.js.map

package/dist/components/Grid/core/components/Dialog/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../../../src/components/Grid/core/components/Dialog/Styles.tsx"],"sourcesContent":["import { mergeStyles, getTheme } from \"@fluentui/react\";\nimport { IDialogProps } from './interfaces/index';\n\nexport const getRootStyles = (props: IDialogProps): string => {\n    const theme = getTheme();\n    const rootStyles = mergeStyles(({\n        selectors: {\n            '.ms-Dialog-main': {\n                width: props.width,\n                minHeight: props.minHeight ?? 0,\n                height: props.height,\n            },\n            '@media(max-width: 768px)': {\n                '.ms-Dialog-main': {\n                    width: '100vw',\n                    height: '100svh',\n                    maxWidth: '100vw',\n                    maxHeight: '100svh'\n                }\n            },\n            '.ms-Dialog-subText': {\n                color: theme.palette.black\n            },\n            '.ms-Dialog-content': {\n                overflow: 'auto',\n                paddingBottom: 24,\n                flex: 1\n            },\n            '.ms-Dialog-content, .ms-Dialog-actions': {\n                paddingLeft: 24,\n                paddingRight: 24,\n                width: 'initial'\n            },\n            '.ms-Dialog-actions': {\n                borderTop: `1px solid ${theme.semanticColors.bodyDivider}`,\n                paddingBottom: 24,\n                paddingTop: 24,\n                margin: 'initial',\n                flex: '0 0 auto'\n            },\n            '.ms-Dialog-inner': {\n                padding: 0,\n                display: 'flex',\n                flexDirection: 'column',\n                flexGrow: 1,\n                overflow: 'hidden'\n            },\n            '.ms-Modal-scrollableContent': {\n                overflow: 'hidden',\n                display: 'flex',\n                '> div': {\n                    display: 'flex',\n                    flexDirection: 'column'\n                }\n\n            },\n\n        }\n    }));\n    return rootStyles;\n};"],"names":[],"mappings":";;AAGa,MAAA,aAAa,GAAG,CAAC,KAAmB,KAAY;AACzD,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,UAAU,GAAG,WAAW,EAAE;AAC5B,QAAA,SAAS,EAAE;AACP,YAAA,iBAAiB,EAAE;gBACf,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,gBAAA,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAC;gBAC/B,MAAM,EAAE,KAAK,CAAC,MAAM;AACvB,aAAA;AACD,YAAA,0BAA0B,EAAE;AACxB,gBAAA,iBAAiB,EAAE;AACf,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,MAAM,EAAE,QAAQ;AAChB,oBAAA,QAAQ,EAAE,OAAO;AACjB,oBAAA,SAAS,EAAE,QAAQ;AACtB,iBAAA;AACJ,aAAA;AACD,YAAA,oBAAoB,EAAE;AAClB,gBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;AAC7B,aAAA;AACD,YAAA,oBAAoB,EAAE;AAClB,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,aAAa,EAAE,EAAE;AACjB,gBAAA,IAAI,EAAE,CAAC;AACV,aAAA;AACD,YAAA,wCAAwC,EAAE;AACtC,gBAAA,WAAW,EAAE,EAAE;AACf,gBAAA,YAAY,EAAE,EAAE;AAChB,gBAAA,KAAK,EAAE,SAAS;AACnB,aAAA;AACD,YAAA,oBAAoB,EAAE;AAClB,gBAAA,SAAS,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE,CAAA;AAC1D,gBAAA,aAAa,EAAE,EAAE;AACjB,gBAAA,UAAU,EAAE,EAAE;AACd,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,IAAI,EAAE,UAAU;AACnB,aAAA;AACD,YAAA,kBAAkB,EAAE;AAChB,gBAAA,OAAO,EAAE,CAAC;AACV,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,aAAa,EAAE,QAAQ;AACvB,gBAAA,QAAQ,EAAE,CAAC;AACX,gBAAA,QAAQ,EAAE,QAAQ;AACrB,aAAA;AACD,YAAA,6BAA6B,EAAE;AAC3B,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,OAAO,EAAE;AACL,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,aAAa,EAAE,QAAQ;AAC1B,iBAAA;AAEJ,aAAA;AAEJ,SAAA;AACJ,KAAA,EAAE,CAAC;AACJ,IAAA,OAAO,UAAU,CAAC;AACtB;;;;"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IDialogProps } from './interfaces';
+declare const Dialog: React.FC<IDialogProps>;
+export default Dialog;

package/dist/components/Grid/core/components/Dialog/index.js

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import { Dialog as Dialog$1 } from '@fluentui/react';
+import { defaultProps } from './Constants.js';
+import { getRootStyles } from './Styles.js';
+
+const Dialog = (props) => {
+    return (jsx(Dialog$1, { ...props, modalProps: {
+            ...props.modalProps,
+            allowTouchBodyScroll: props.modalProps?.allowTouchBodyScroll ?? matchMedia('(hover: none)').matches ? true : undefined,
+            className: `${props.modalProps?.className} ${getRootStyles(props)}`
+        }, children: props.children }));
+};
+Dialog.defaultProps = defaultProps;
+
+export { Dialog as default };
+//# sourceMappingURL=index.js.map

package/dist/components/Grid/core/components/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Grid/core/components/Dialog/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Dialog as DialogBase } from '@fluentui/react';\nimport { IDialogProps } from './interfaces';\nimport { defaultProps } from './Constants';\nimport { getRootStyles } from './Styles';\n\nconst Dialog: React.FC<IDialogProps> = (props) => {\n    return (\n        <DialogBase\n            {...props}\n            modalProps={{\n                ...props.modalProps,\n                allowTouchBodyScroll: props.modalProps?.allowTouchBodyScroll ?? matchMedia('(hover: none)').matches ? true : undefined,\n                className: `${props.modalProps?.className} ${getRootStyles(props)}`\n            }}\n        >\n            {props.children}\n        </DialogBase>\n    );\n};\nexport default Dialog;\nDialog.defaultProps = defaultProps;"],"names":["_jsx","DialogBase"],"mappings":";;;;;AAMA,MAAM,MAAM,GAA2B,CAAC,KAAK,KAAI;AAC7C,IAAA,QACIA,GAAC,CAAAC,QAAU,OACH,KAAK,EACT,UAAU,EAAE;YACR,GAAG,KAAK,CAAC,UAAU;YACnB,oBAAoB,EAAE,KAAK,CAAC,UAAU,EAAE,oBAAoB,IAAI,UAAU,CAAC,eAAe,CAAC,CAAC,OAAO,GAAG,IAAI,GAAG,SAAS;AACtH,YAAA,SAAS,EAAE,CAAA,EAAG,KAAK,CAAC,UAAU,EAAE,SAAS,CAAA,CAAA,EAAI,aAAa,CAAC,KAAK,CAAC,CAAE,CAAA;AACtE,SAAA,EAAA,QAAA,EAEA,KAAK,CAAC,QAAQ,EAAA,CACN,EACf;AACN,EAAE;AAEF,MAAM,CAAC,YAAY,GAAG,YAAY;;;;"}

package/dist/components/Grid/core/components/Dialog/interfaces/index.d.ts

@@ -0,0 +1,6 @@
+import { IDialogProps as IDialogPropsBase } from '@fluentui/react';
+export interface IDialogProps extends IDialogPropsBase {
+    width?: number | string;
+    height?: number | string;
+    minHeight?: number;
+}

package/dist/components/Grid/core/components/Dialog/interfaces/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/dist/components/Grid/core/components/Dialog/interfaces/index.js.map

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

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

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

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

@@ -0,0 +1,59 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { MessageBar, MessageBarType, CommandBarButton } from '@fluentui/react';
+import { useGridInstance } from '../../hooks/useGridInstance.js';
+import { useState } from 'react';
+import { getSaveStyles } from './styles.js';
+import { ChangeEditor } from './components/ChangeEditor/ChangeEditor.js';
+
+const Save = () => {
+    const grid = useGridInstance();
+    const labels = grid.labels;
+    const styles = getSaveStyles(grid.parameters.EnableChangeEditor?.raw !== false);
+    const [isSaving, setIsSaving] = useState(false);
+    const [changeEditorOpened, setChangeEditorOpened] = useState(false);
+    const isDatasetValid = grid.dataset.isValid() && !grid.dataset.hasInvalidChanges();
+    const isDirty = grid.dataset.isDirty?.();
+    const numOfChanges = Object.keys(grid.dataset.getChanges?.() ?? []).length;
+    const onMessageClick = () => {
+        if (!isDirty || isSaving || grid.parameters.EnableChangeEditor?.raw === false) {
+            return;
+        }
+        setChangeEditorOpened(true);
+    };
+    return (jsxs(Fragment, { children: [jsx("div", { onClick: onMessageClick, className: `${styles.root} talxis__grid-control__notification-bar`, children: jsx(MessageBar, { messageBarType: isDatasetValid ? MessageBarType.info : MessageBarType.error, actions: jsxs("div", { className: styles.actions, children: [jsx(CommandBarButton, { disabled: !isDatasetValid || grid.dataset.loading, text: isSaving ? grid.labels["saving-saving"]() : undefined, iconProps: {
+                                    iconName: 'Save',
+                                }, onClick: async (e) => {
+                                    e.stopPropagation();
+                                    setIsSaving(true);
+                                    await grid.dataset.paging.loadExactPage(grid.paging.pageNumber, true);
+                                    setIsSaving(false);
+                                } }), jsx(CommandBarButton, { text: grid.labels['saving-discard-changes'](), disabled: isSaving || grid.dataset.loading, iconProps: {
+                                    iconName: 'EraseTool'
+                                }, onClick: async (e) => {
+                                    e.stopPropagation();
+                                    if (window.confirm(grid.labels['saving-discard-all-confirmation']())) {
+                                        grid.dataset.clearChanges?.();
+                                        grid.pcfContext.factory.requestRender();
+                                    }
+                                } })] }), isMultiline: false, children: jsx("span", { className: styles.notificationText, dangerouslySetInnerHTML: {
+                            __html: (() => {
+                                let message = labels["saving-changenotification"]({ numOfChanges: numOfChanges });
+                                if (grid.parameters.EnableChangeEditor?.raw !== false) {
+                                    message += ` ${grid.labels['saving-clickreview']()}`;
+                                }
+                                return message;
+                            })()
+                        } }) }) }), changeEditorOpened &&
+                jsx(ChangeEditor, { onDismiss: (e, shouldRefresh) => {
+                        setChangeEditorOpened(false);
+                        if (shouldRefresh) {
+                            grid.dataset.paging.loadExactPage(grid.dataset.paging.pageNumber);
+                        }
+                        else {
+                            grid.pcfContext.factory.requestRender();
+                        }
+                    } })] }));
+};
+
+export { Save };
+//# sourceMappingURL=Save.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Save.js","sources":["../../../../../../src/components/Grid/core/components/Save/Save.tsx"],"sourcesContent":["import { CommandBarButton, MessageBar, MessageBarType } from \"@fluentui/react\";\nimport { useGridInstance } from \"../../hooks/useGridInstance\";\nimport { useState } from 'react';\nimport { getSaveStyles } from \"./styles\";\nimport { ChangeEditor } from \"./components/ChangeEditor/ChangeEditor\";\n\n\nexport const Save = () => {\n    const grid = useGridInstance();\n    const labels = grid.labels;\n    const styles = getSaveStyles(grid.parameters.EnableChangeEditor?.raw !== false);\n    const [isSaving, setIsSaving] = useState(false);\n    const [changeEditorOpened, setChangeEditorOpened] = useState<boolean>(false);\n    const isDatasetValid = grid.dataset.isValid() && !grid.dataset.hasInvalidChanges();\n    const isDirty = grid.dataset.isDirty?.();\n    const numOfChanges = Object.keys(grid.dataset.getChanges?.() ?? []).length;\n\n    const onMessageClick = () => {\n        if (!isDirty || isSaving || grid.parameters.EnableChangeEditor?.raw === false) {\n            return;\n        }\n        setChangeEditorOpened(true);\n    }\n    return (\n        <>\n            <div onClick={onMessageClick} className={`${styles.root} talxis__grid-control__notification-bar`}>\n                <MessageBar\n                    messageBarType={isDatasetValid ? MessageBarType.info : MessageBarType.error}\n                    actions={\n                        <div className={styles.actions}>\n                            <CommandBarButton\n                                disabled={!isDatasetValid || grid.dataset.loading}\n                                text={isSaving ? grid.labels[\"saving-saving\"]() : undefined}\n                                iconProps={{\n                                    iconName: 'Save',\n                                }}\n                                onClick={async (e) => {\n                                    e.stopPropagation()\n                                    setIsSaving(true);\n                                    await grid.dataset.paging.loadExactPage(grid.paging.pageNumber, true);\n                                    setIsSaving(false);\n                                }}\n                            />\n                            <CommandBarButton\n                                text={grid.labels['saving-discard-changes']()}\n                                disabled={isSaving || grid.dataset.loading}\n                                iconProps={{\n                                    iconName: 'EraseTool'\n                                }}\n                                onClick={async (e) => {\n                                    e.stopPropagation();\n                                    if (window.confirm(grid.labels['saving-discard-all-confirmation']())) {\n                                        grid.dataset.clearChanges?.();\n                                        grid.pcfContext.factory.requestRender();\n                                    }\n                                }}\n                            />\n                        </div>\n                    } isMultiline={false}>\n                    <span className={styles.notificationText} dangerouslySetInnerHTML={{\n                        __html: (() => {\n                            let message = labels[\"saving-changenotification\"]({ numOfChanges: numOfChanges })\n                            if (grid.parameters.EnableChangeEditor?.raw !== false) {\n                                message += ` ${grid.labels['saving-clickreview']()}`\n                            }\n                            return message;\n                        })()\n                    }}></span>\n                </MessageBar>\n            </div>\n            {changeEditorOpened &&\n                <ChangeEditor onDismiss={(e, shouldRefresh) => {\n                    setChangeEditorOpened(false);\n                    if(shouldRefresh) {\n                        grid.dataset.paging.loadExactPage(grid.dataset.paging.pageNumber);\n                    }\n                    else {\n                        grid.pcfContext.factory.requestRender();\n                    }\n                }} />\n            }\n        </>\n    )\n};"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IDialogProps } from "@fluentui/react";
+interface IChangeDialogProps extends IDialogProps {
+    onDismiss: (ev?: React.MouseEvent<HTMLButtonElement>, shoulRefreshGrid?: boolean) => void;
+}
+export declare const ChangeEditor: (props: IChangeDialogProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,73 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTheme, DialogFooter, PrimaryButton, DefaultButton } from '@fluentui/react';
+import { useGridInstance } from '../../../../hooks/useGridInstance.js';
+import Dialog from '../../../Dialog/index.js';
+import { getChangeEditorStyles } from './styles.js';
+import { ChangeGrid } from './components/ChangeGrid/ChangeGrid.js';
+import { useState, useRef, useEffect } from 'react';
+import { useRerender } from '@talxis/react-components';
+
+const ChangeEditor = (props) => {
+    const grid = useGridInstance();
+    const recordChanges = grid.dataset.getChanges?.() ?? [];
+    const labels = grid.labels;
+    const [activeSaveOperationsCount, setActiveSaveOperationsCount] = useState(0);
+    const styles = getChangeEditorStyles(useTheme());
+    const datasetsRef = useRef(new Set());
+    const shouldRefreshOnDismissRef = useRef(false);
+    const rerender = useRerender();
+    const onDismiss = (ev) => {
+        //@ts-ignore
+        if (ev?.code === 'Escape') {
+            return;
+        }
+        //do not close the dialog if we have pending save operations
+        if (activeSaveOperationsCount > 0) {
+            return;
+        }
+        props.onDismiss?.(ev, shouldRefreshOnDismissRef.current);
+    };
+    const isSaveDisabled = () => {
+        if (activeSaveOperationsCount > 0) {
+            return true;
+        }
+        return !grid.dataset.isValid() || grid.dataset.hasInvalidChanges();
+    };
+    useEffect(() => {
+        return () => {
+            props.onDismiss?.(undefined, shouldRefreshOnDismissRef.current);
+        };
+    }, []);
+    useEffect(() => {
+        if (activeSaveOperationsCount > 0) {
+            shouldRefreshOnDismissRef.current = true;
+        }
+    }, [activeSaveOperationsCount]);
+    return jsxs(Dialog, { ...props, onDismiss: onDismiss, width: 1000, minWidth: '80%', modalProps: {
+            isBlocking: true,
+            className: styles.root,
+            layerProps: {
+                eventBubblingEnabled: true
+            }
+        }, dialogContentProps: {
+            showCloseButton: true,
+            title: labels["saving-changepreview-title"]({
+                numOfChanges: Object.keys(recordChanges).length
+            })
+        }, hidden: false, children: [jsx("div", { className: styles.recordGrids, children: Object.values(recordChanges).map(recordChange => jsx(ChangeGrid, { onDatasetDestroyed: (dataset) => datasetsRef.current.delete(dataset), onDatasetReady: (dataset) => datasetsRef.current.add(dataset), onIsSaving: (value) => {
+                        setActiveSaveOperationsCount(count => value ? count + 1 : count - 1);
+                    }, onRequestRender: () => setTimeout(() => rerender(), 0), recordChange: recordChange }, recordChange.record.getRecordId())) }), jsxs(DialogFooter, { children: [jsx(PrimaryButton, { className: styles.saveBtn, disabled: isSaveDisabled(), text: activeSaveOperationsCount > 0 ? grid.labels['saving-saving']() : grid.labels['saving-save-all'](), onClick: async () => {
+                            setActiveSaveOperationsCount(count => count + 1);
+                            await Promise.all([...datasetsRef.current.values()].map(dataset => dataset.save?.()));
+                            grid.dataset.clearChanges?.();
+                            setActiveSaveOperationsCount(count => count - 1);
+                        } }), jsx(DefaultButton, { text: grid.labels['saving-discard-all'](), disabled: activeSaveOperationsCount > 0, onClick: async (e) => {
+                            if (window.confirm(grid.labels['saving-discard-all-confirmation']())) {
+                                grid.dataset.clearChanges?.();
+                                props.onDismiss(e, shouldRefreshOnDismissRef.current);
+                            }
+                        } })] })] });
+};
+
+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 { DefaultButton, DialogFooter, IDialogProps, PrimaryButton, useTheme } from \"@fluentui/react\";\nimport { useGridInstance } from \"../../../../hooks/useGridInstance\";\nimport Dialog from \"../../../Dialog\";\nimport { getChangeEditorStyles } from \"./styles\";\nimport { ChangeGrid } from \"./components/ChangeGrid/ChangeGrid\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { IDataset } from \"@talxis/client-libraries\";\nimport { useRerender } from \"@talxis/react-components\";\n\ninterface IChangeDialogProps extends IDialogProps {\n    onDismiss: (ev?: React.MouseEvent<HTMLButtonElement>, shoulRefreshGrid?: boolean) => void;\n}\n\nexport const ChangeEditor = (props: IChangeDialogProps) => {\n    const grid = useGridInstance();\n    const recordChanges = grid.dataset.getChanges?.() ?? [];\n    const labels = grid.labels;\n    const [activeSaveOperationsCount, setActiveSaveOperationsCount] = useState(0);\n    const styles = getChangeEditorStyles(useTheme());\n    const datasetsRef = useRef<Set<IDataset>>(new Set());\n    const shouldRefreshOnDismissRef = useRef(false);\n    const rerender = useRerender();\n\n    const onDismiss = (ev?: React.MouseEvent<HTMLButtonElement>) => {\n        //@ts-ignore\n        if (ev?.code === 'Escape') {\n            return;\n        }\n        //do not close the dialog if we have pending save operations\n        if (activeSaveOperationsCount > 0) {\n            return;\n        }\n        props.onDismiss?.(ev, shouldRefreshOnDismissRef.current);\n    }\n\n    const isSaveDisabled = () => {\n        if (activeSaveOperationsCount > 0) {\n            return true;\n        }\n        return !grid.dataset.isValid() || grid.dataset.hasInvalidChanges();\n    }\n\n    useEffect(() => {\n        return () => {\n            props.onDismiss?.(undefined, shouldRefreshOnDismissRef.current);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (activeSaveOperationsCount > 0) {\n            shouldRefreshOnDismissRef.current = true;\n        }\n    }, [activeSaveOperationsCount])\n    return <Dialog\n        {...props}\n        onDismiss={onDismiss}\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: Object.keys(recordChanges).length\n            })\n        }}\n        hidden={false}>\n        <div className={styles.recordGrids}>\n            {Object.values(recordChanges).map(recordChange => <ChangeGrid\n                onDatasetDestroyed={(dataset) => datasetsRef.current.delete(dataset)}\n                onDatasetReady={(dataset) => datasetsRef.current.add(dataset)}\n                onIsSaving={(value) => {\n                    setActiveSaveOperationsCount(count => value ? count + 1 : count - 1);\n                }}\n                onRequestRender={() => setTimeout(() => rerender(), 0)}\n                key={recordChange.record.getRecordId()}\n                recordChange={recordChange} />)}\n        </div>\n        <DialogFooter>\n            <PrimaryButton\n                className={styles.saveBtn}\n                disabled={isSaveDisabled()}\n                text={activeSaveOperationsCount > 0 ? grid.labels['saving-saving']() : grid.labels['saving-save-all']()}\n                onClick={async () => {\n                    setActiveSaveOperationsCount(count => count + 1);\n                    await Promise.all([...datasetsRef.current.values()].map(dataset => dataset.save?.()));\n                    grid.dataset.clearChanges?.();\n                    setActiveSaveOperationsCount(count => count - 1);\n                }}\n            />\n            <DefaultButton\n                text={grid.labels['saving-discard-all']()}\n                disabled={activeSaveOperationsCount > 0}\n                onClick={async (e) => {\n                    if (window.confirm(grid.labels['saving-discard-all-confirmation']())) {\n                        grid.dataset.clearChanges?.();\n                        props.onDismiss(e as any, shouldRefreshOnDismissRef.current);\n                    }\n                }}\n            />\n        </DialogFooter>\n    </Dialog>\n}"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IDataset, IRecordChange } from "@talxis/client-libraries";
+interface IChangeGrid {
+    recordChange: IRecordChange;
+    onDatasetReady: (dataset: IDataset) => void;
+    onDatasetDestroyed: (dataset: IDataset) => void;
+    onIsSaving: (value: boolean) => void;
+    onRequestRender: () => void;
+}
+export declare const ChangeGrid: (props: IChangeGrid) => JSX.Element;
+export {};

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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"}