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

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

@@ -0,0 +1,61 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useMemo, useRef } from 'react';
+import { useTheme, CommandBarButton, Icon, Label } from '@fluentui/react';
+import { FilterCallout } from '../../../filtering/components/FilterCallout/FilterCallout.js';
+import { SortingContextualMenu } from '../../../sorting/components/SortingContextualMenu/SortingContextualMenu.js';
+import { getColumnHeaderStyles } from './styles.js';
+import { useGridInstance } from '../../hooks/useGridInstance.js';
+
+const ColumnHeader = (props) => {
+    const grid = useGridInstance();
+    const column = props.baseColumn;
+    const [columnHeaderContextualMenuProps, setColumnHeaderContextualMenuProps] = useState(null);
+    const [filterCalloutProps, setFilterCalloutProps] = useState(null);
+    const theme = useTheme();
+    const columnHeaderStyles = useMemo(() => getColumnHeaderStyles(theme, column.alignment), [theme, column.alignment]);
+    const buttonRef = useRef(null);
+    const onClick = () => {
+        if ((column.isFilterable === false && column.disableSorting && !column.canBeAggregated)) {
+            return;
+        }
+        setColumnHeaderContextualMenuProps({
+            column: column,
+            onDismiss: (e, dismissAll, showFilterCallout) => {
+                setColumnHeaderContextualMenuProps(null);
+                if (!showFilterCallout) {
+                    return;
+                }
+                setFilterCalloutProps({
+                    column: column,
+                    onDismiss: () => {
+                        setFilterCalloutProps(null);
+                    }
+                });
+            }
+        });
+    };
+    const preventDismissOnEvent = (e) => {
+        if (e.type !== 'scroll') {
+            return false;
+        }
+        const target = e.target;
+        //check for vertical scroll
+        if (target?.classList?.contains('ag-body-viewport') || target?.classList?.contains('ag-body-vertical-scroll-viewport')) {
+            return true;
+        }
+        //ios outputs horizontal scroll if focused in callout btn which would result in dismiss of callout
+        if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {
+            return true;
+        }
+        return false;
+    };
+    return (jsxs(Fragment, { children: [jsxs(CommandBarButton, { elementRef: buttonRef, title: column.displayName, className: columnHeaderStyles.root, onClick: onClick, children: [grid.isEditable && !column.isEditable && column.type !== 'action' && jsx(Icon, { className: columnHeaderStyles.editIcon, iconName: 'Uneditable' }), jsxs("div", { className: columnHeaderStyles.labelWrapper, children: [jsx(Label, { className: columnHeaderStyles.label, children: column.displayName }), column.isRequired &&
+                                jsx("span", { className: columnHeaderStyles.requiredSymbol, children: "*" })] }), jsxs("div", { className: columnHeaderStyles.filterSortIcons, children: [column.isSorted && jsx(Icon, { iconName: column.isSortedDescending ? 'SortDown' : 'SortUp' }), column.isFiltered && jsx(Icon, { iconName: 'Filter' })] })] }), columnHeaderContextualMenuProps &&
+                jsx(SortingContextualMenu, { target: buttonRef, calloutProps: {
+                        preventDismissOnEvent: preventDismissOnEvent
+                    }, ...columnHeaderContextualMenuProps }), filterCalloutProps &&
+                jsx(FilterCallout, { preventDismissOnEvent: preventDismissOnEvent, target: buttonRef, ...filterCalloutProps })] }));
+};
+
+export { ColumnHeader };
+//# sourceMappingURL=ColumnHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnHeader.js","sources":["../../../../../../src/components/Grid/core/components/ColumnHeader/ColumnHeader.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react';\nimport { CommandBarButton, Icon, Label, useTheme } from '@fluentui/react';\nimport { FilterCallout, IFilterCallout } from '../../../filtering/components/FilterCallout/FilterCallout';\nimport { IGridColumn } from '../../interfaces/IGridColumn';\nimport { ISortingContextualMenu, SortingContextualMenu } from '../../../sorting/components/SortingContextualMenu/SortingContextualMenu';\nimport { getColumnHeaderStyles } from './styles';\nimport { useGridInstance } from '../../hooks/useGridInstance';\nimport React from 'react';\n\nexport interface IColumnHeader {\n    baseColumn: IGridColumn;\n}\n\nexport const ColumnHeader = (props: IColumnHeader) => {\n    const grid = useGridInstance();\n    const column = props.baseColumn;\n    const [columnHeaderContextualMenuProps, setColumnHeaderContextualMenuProps] = useState<ISortingContextualMenu | null>(null);\n    const [filterCalloutProps, setFilterCalloutProps] = useState<IFilterCallout | null>(null);\n    const theme = useTheme();\n    const columnHeaderStyles = useMemo(() => getColumnHeaderStyles(theme, column.alignment), [theme, column.alignment])\n    const buttonRef = useRef<HTMLElement>(null);\n\n    const onClick = () => {\n        if ((column.isFilterable === false && column.disableSorting && !column.canBeAggregated)) {\n            return;\n        }\n        setColumnHeaderContextualMenuProps({\n            column: column,\n            onDismiss: (e, dismissAll, showFilterCallout) => {\n                setColumnHeaderContextualMenuProps(null);\n                if (!showFilterCallout) {\n                    return;\n                }\n                setFilterCalloutProps({\n                    column: column,\n                    onDismiss: () => {\n                        setFilterCalloutProps(null)\n                    }\n                })\n            }\n        });\n    }\n    const preventDismissOnEvent = (e: Event | React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element> | React.FocusEvent<Element, Element>) => {\n        if(e.type !== 'scroll') {\n            return false;\n        }\n        const target = e.target  as HTMLElement;\n        //check for vertical scroll\n        if (target?.classList?.contains('ag-body-viewport') || target?.classList?.contains('ag-body-vertical-scroll-viewport')) {\n            return true;\n        }\n        //ios outputs horizontal scroll if focused in callout btn which would result in dismiss of callout\n        if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {\n            return true;\n        }\n        return false;\n    }\n    return (\n        <>\n            <CommandBarButton\n                elementRef={buttonRef}\n                title={column.displayName}\n                className={columnHeaderStyles.root}\n                onClick={onClick}\n            >\n                {grid.isEditable && !column.isEditable && column.type !== 'action' && <Icon className={columnHeaderStyles.editIcon} iconName='Uneditable' />}\n                <div className={columnHeaderStyles.labelWrapper}>\n                    <Label className={columnHeaderStyles.label}>{column.displayName}</Label>\n                    {column.isRequired &&\n                        <span className={columnHeaderStyles.requiredSymbol}>*</span>\n                    }\n                </div>\n                <div className={columnHeaderStyles.filterSortIcons}>\n                    {column.isSorted && <Icon iconName={column.isSortedDescending ? 'SortDown' : 'SortUp'} />}\n                    {column.isFiltered && <Icon iconName='Filter' />}\n                </div>\n            </CommandBarButton>\n            {columnHeaderContextualMenuProps &&\n                <SortingContextualMenu \n                    target={buttonRef}\n                    calloutProps={{\n                        preventDismissOnEvent: preventDismissOnEvent\n                    }} \n                    {...columnHeaderContextualMenuProps} />\n            }\n            {filterCalloutProps &&\n                <FilterCallout preventDismissOnEvent={preventDismissOnEvent} target={buttonRef} {...filterCalloutProps} />\n            }\n        </>\n    )\n};"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/components/Grid/core/components/ColumnHeader/components/GlobalCheckbox/GlobalCheckbox.d.ts

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

package/dist/components/Grid/core/components/ColumnHeader/components/GlobalCheckbox/GlobalCheckbox.js

@@ -0,0 +1,50 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useTheme, ThemeProvider, Checkbox } from '@fluentui/react';
+import { useContext, useEffect } from 'react';
+import { useGridInstance } from '../../../../hooks/useGridInstance.js';
+import { getGlobalCheckboxStyles } from './styles.js';
+import { AgGridContext } from '../../../AgGrid/context.js';
+import { useThemeGenerator, Theming, useRerender } from '@talxis/react-components';
+
+const GlobalCheckBox = () => {
+    const grid = useGridInstance();
+    const baseTheme = useTheme();
+    const theme = useThemeGenerator(baseTheme.palette.themePrimary, baseTheme.semanticColors.bodyBackground, Theming.GetTextColorForBackground(baseTheme.semanticColors.bodyBackground), 
+    //@ts-ignore - typings
+    grid.pcfContext.fluentDesignLanguage?.v8FluentOverrides);
+    const styles = getGlobalCheckboxStyles(theme);
+    const selection = grid.selection;
+    const agGrid = useContext(AgGridContext);
+    const rerender = useRerender();
+    const getCheckBoxState = () => {
+        if (grid.selection.allRecordsSelected) {
+            return 'checked';
+        }
+        if (grid.dataset.getSelectedRecordIds().length > 0) {
+            return 'intermediate';
+        }
+        return 'unchecked';
+    };
+    const onChange = (checked) => {
+        if (checked) {
+            selection.selectAll();
+        }
+        else {
+            selection.clear();
+        }
+    };
+    const checkboxState = getCheckBoxState();
+    useEffect(() => {
+        agGrid.setGlobalCheckBoxRenderer(() => rerender());
+    }, []);
+    if (grid.dataset.sortedRecordIds.length === 0) {
+        return jsx(Fragment, {});
+    }
+    return (jsx(ThemeProvider, { theme: theme, className: styles.root, children: selection.type === 'multiple' &&
+            jsx(Checkbox, { checked: checkboxState === 'checked', styles: {
+                    checkbox: styles.checkbox
+                }, indeterminate: checkboxState === 'intermediate', onChange: (e, checked) => onChange(checked) }) }));
+};
+
+export { GlobalCheckBox };
+//# sourceMappingURL=GlobalCheckbox.js.map

package/dist/components/Grid/core/components/ColumnHeader/components/GlobalCheckbox/GlobalCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalCheckbox.js","sources":["../../../../../../../../src/components/Grid/core/components/ColumnHeader/components/GlobalCheckbox/GlobalCheckbox.tsx"],"sourcesContent":["import { Checkbox, ThemeProvider, useTheme } from \"@fluentui/react\";\nimport { useContext, useEffect } from \"react\";\nimport { useGridInstance } from \"../../../../hooks/useGridInstance\";\nimport { getGlobalCheckboxStyles } from \"./styles\";\nimport { AgGridContext } from \"../../../AgGrid/context\";\nimport { Theming, useRerender, useThemeGenerator } from \"@talxis/react-components\";\n\n\nexport const GlobalCheckBox = () => {\n    const grid = useGridInstance();\n    const baseTheme = useTheme();\n    const theme = useThemeGenerator(\n        baseTheme.palette.themePrimary,\n        baseTheme.semanticColors.bodyBackground,\n        Theming.GetTextColorForBackground(baseTheme.semanticColors.bodyBackground),\n        //@ts-ignore - typings\n        grid.pcfContext.fluentDesignLanguage?.v8FluentOverrides\n    )\n    const styles = getGlobalCheckboxStyles(theme);\n    const selection = grid.selection;\n    const agGrid = useContext(AgGridContext);\n    const rerender = useRerender();\n\n    const getCheckBoxState = () => {\n        if (grid.selection.allRecordsSelected) {\n            return 'checked';\n        }\n        if (grid.dataset.getSelectedRecordIds().length > 0) {\n            return 'intermediate';\n        }\n        return 'unchecked';\n    }\n\n    const onChange = (checked?: boolean) => {\n        if (checked) {\n            selection.selectAll();\n        }\n        else {\n            selection.clear();\n        }\n    }\n\n    const checkboxState = getCheckBoxState();\n\n    useEffect(() => {\n        agGrid.setGlobalCheckBoxRenderer(() => rerender())\n    }, []);\n\n    if (grid.dataset.sortedRecordIds.length === 0) {\n        return <></>\n    }\n    return (\n        <ThemeProvider theme={theme} className={styles.root}>\n            {selection.type === 'multiple' &&\n                <Checkbox\n                    checked={checkboxState === 'checked'}\n                    styles={{\n                        checkbox: styles.checkbox\n                    }}\n                    indeterminate={checkboxState === 'intermediate'}\n                    onChange={(e, checked) => onChange(checked)} />\n            }\n        </ThemeProvider>\n    )\n};"],"names":["_jsx"],"mappings":";;;;;;;;AAQO,MAAM,cAAc,GAAG,MAAK;AAC/B,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE,CAAC;AAC/B,IAAA,MAAM,SAAS,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,KAAK,GAAG,iBAAiB,CAC3B,SAAS,CAAC,OAAO,CAAC,YAAY,EAC9B,SAAS,CAAC,cAAc,CAAC,cAAc,EACvC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,cAAc,CAAC,cAAc,CAAC;;AAE1E,IAAA,IAAI,CAAC,UAAU,CAAC,oBAAoB,EAAE,iBAAiB,CAC1D,CAAA;AACD,IAAA,MAAM,MAAM,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;AAC9C,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;AACjC,IAAA,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACzC,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,gBAAgB,GAAG,MAAK;AAC1B,QAAA,IAAI,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE;AACnC,YAAA,OAAO,SAAS,CAAC;AACpB,SAAA;QACD,IAAI,IAAI,CAAC,OAAO,CAAC,oBAAoB,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE;AAChD,YAAA,OAAO,cAAc,CAAC;AACzB,SAAA;AACD,QAAA,OAAO,WAAW,CAAC;AACvB,KAAC,CAAA;AAED,IAAA,MAAM,QAAQ,GAAG,CAAC,OAAiB,KAAI;AACnC,QAAA,IAAI,OAAO,EAAE;YACT,SAAS,CAAC,SAAS,EAAE,CAAC;AACzB,SAAA;AACI,aAAA;YACD,SAAS,CAAC,KAAK,EAAE,CAAC;AACrB,SAAA;AACL,KAAC,CAAA;AAED,IAAA,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,SAAS,CAAC,MAAK;QACX,MAAM,CAAC,yBAAyB,CAAC,MAAM,QAAQ,EAAE,CAAC,CAAA;KACrD,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;AAC3C,QAAA,OAAOA,iBAAK,CAAA;AACf,KAAA;AACD,IAAA,QACIA,GAAC,CAAA,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAC9C,SAAS,CAAC,IAAI,KAAK,UAAU;YAC1BA,GAAC,CAAA,QAAQ,IACL,OAAO,EAAE,aAAa,KAAK,SAAS,EACpC,MAAM,EAAE;oBACJ,QAAQ,EAAE,MAAM,CAAC,QAAQ;iBAC5B,EACD,aAAa,EAAE,aAAa,KAAK,cAAc,EAC/C,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,QAAQ,CAAC,OAAO,CAAC,EAAA,CAAI,EAE3C,CAAA,EACnB;AACL;;;;"}

package/dist/components/Grid/core/components/ColumnHeader/components/GlobalCheckbox/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../src/components/Grid/core/components/ColumnHeader/components/GlobalCheckbox/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\"\n\nexport const getGlobalCheckboxStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        root: {\n            backgroundColor: theme.semanticColors.bodyBackground,\n            flexGrow: 1,\n            display: 'flex',\n            justifyContent: 'center',\n            height: '100%',\n            alignItems: 'center'\n        },\n        checkbox: {\n            marginRight: 0.5\n        }\n    });\n}"],"names":[],"mappings":";;AAEa,MAAA,uBAAuB,GAAG,CAAC,KAAa,KAAI;AACrD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;AACpD,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,UAAU,EAAE,QAAQ;AACvB,SAAA;AACD,QAAA,QAAQ,EAAE;AACN,YAAA,WAAW,EAAE,GAAG;AACnB,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

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

@@ -0,0 +1,42 @@
+import { ITheme } from "@fluentui/react";
+import { IColumn } from "@talxis/client-libraries";
+export declare const getColumnHeaderStyles: (theme: ITheme, columnAlignment: Required<IColumn['alignment']>) => import("@fluentui/react").IProcessedStyleSet<{
+    root: {
+        width: string;
+        textAlign: string;
+        height: number;
+        paddingLeft: number;
+        paddingRight: number;
+        justifyContent: string;
+        '.ms-Button-flexContainer': {
+            justifyContent: string;
+            width: string;
+            gap: number;
+            pointerEvents: string;
+        };
+    };
+    labelWrapper: {
+        flex: number;
+        display: string;
+        minWidth: number;
+        justifyContent: string | undefined;
+    };
+    label: {
+        overflow: string;
+        textOverflow: string;
+        cursor: string;
+    };
+    requiredSymbol: {
+        color: string;
+        position: string;
+        top: number;
+        left: number;
+    };
+    filterSortIcons: {
+        display: string;
+        gap: number;
+    };
+    editIcon: {
+        marginRight: number;
+    };
+}>;

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

@@ -0,0 +1,48 @@
+import { mergeStyleSets } from '@fluentui/react';
+import { getJustifyContent } from '../Cell/styles.js';
+
+const getColumnHeaderStyles = (theme, columnAlignment) => {
+    return mergeStyleSets({
+        root: {
+            width: '100%',
+            textAlign: 'left',
+            height: 42,
+            paddingLeft: 10,
+            paddingRight: 10,
+            justifyContent: 'flex-start',
+            '.ms-Button-flexContainer': {
+                justifyContent: 'flex-start',
+                width: '100%',
+                gap: 2,
+                pointerEvents: 'none'
+            }
+        },
+        labelWrapper: {
+            flex: 1,
+            display: 'flex',
+            minWidth: 0,
+            justifyContent: getJustifyContent(columnAlignment)
+        },
+        label: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            cursor: 'pointer',
+        },
+        requiredSymbol: {
+            color: theme.semanticColors.errorIcon,
+            position: 'relative',
+            top: 4,
+            left: 2
+        },
+        filterSortIcons: {
+            display: 'flex',
+            gap: 2
+        },
+        editIcon: {
+            marginRight: 3
+        }
+    });
+};
+
+export { getColumnHeaderStyles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Grid/core/components/ColumnHeader/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\nimport { IColumn } from \"@talxis/client-libraries\";\nimport { getJustifyContent } from \"../Cell/styles\";\n\nexport const getColumnHeaderStyles = (theme: ITheme, columnAlignment: Required<IColumn['alignment']>) => {\n    return mergeStyleSets({\n        root: {\n            width: '100%',\n            textAlign: 'left',\n            height: 42,\n            paddingLeft: 10,\n            paddingRight: 10,\n            justifyContent: 'flex-start',\n            '.ms-Button-flexContainer': {\n                justifyContent: 'flex-start',\n                width: '100%',\n                gap: 2,\n                pointerEvents: 'none'\n            }\n        },\n        labelWrapper: {\n            flex: 1,\n            display: 'flex',\n            minWidth: 0,\n            justifyContent: getJustifyContent(columnAlignment)\n        },\n        label: {\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            cursor: 'pointer',\n        },\n        requiredSymbol: {\n            color: theme.semanticColors.errorIcon,\n            position: 'relative',\n            top: 4,\n            left: 2\n        },\n        filterSortIcons: {\n            display: 'flex',\n            gap: 2\n        },\n        editIcon: {\n            marginRight: 3\n        }\n    })\n}"],"names":[],"mappings":";;;MAIa,qBAAqB,GAAG,CAAC,KAAa,EAAE,eAA+C,KAAI;AACpG,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,SAAS,EAAE,MAAM;AACjB,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,WAAW,EAAE,EAAE;AACf,YAAA,YAAY,EAAE,EAAE;AAChB,YAAA,cAAc,EAAE,YAAY;AAC5B,YAAA,0BAA0B,EAAE;AACxB,gBAAA,cAAc,EAAE,YAAY;AAC5B,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,aAAa,EAAE,MAAM;AACxB,aAAA;AACJ,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,cAAc,EAAE,iBAAiB,CAAC,eAAe,CAAC;AACrD,SAAA;AACD,QAAA,KAAK,EAAE;AACH,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,MAAM,EAAE,SAAS;AACpB,SAAA;AACD,QAAA,cAAc,EAAE;AACZ,YAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS;AACrC,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,IAAI,EAAE,CAAC;AACV,SAAA;AACD,QAAA,eAAe,EAAE;AACb,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,GAAG,EAAE,CAAC;AACT,SAAA;AACD,QAAA,QAAQ,EAAE;AACN,YAAA,WAAW,EAAE,CAAC;AACjB,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

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

@@ -0,0 +1,2 @@
+import { IDialogProps } from "./interfaces";
+export declare const defaultProps: IDialogProps;

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 {};