@reltio/components 1.4.2281 → 1.4.2283

package/DropDownMenuButton/DropDownMenuButton.js

@@ -26,18 +26,22 @@ export function DropDownMenuButton(_a) {
     var styles = useStyles();
     var buttonRef = useRef(null);
     var _k = useState(false), isOpen = _k[0], setIsOpen = _k[1];
+    // onMenuOpen is fired synchronously in the click handler (below) so it wins the race against a
+    // parent's onMouseLeave when the button lives in an unmounting hover overlay; onMenuClose stays
+    // deferred to this effect so consumers can keep the button mounted (e.g. delete confirmation).
     useDidUpdateEffect(function () {
-        if (isOpen) {
-            onMenuOpen();
-        }
-        else {
+        if (!isOpen) {
             onMenuClose();
         }
     }, [isOpen]);
     var handleToggle = useCallback(function (e) {
         e === null || e === void 0 ? void 0 : e.stopPropagation();
-        setIsOpen(function (open) { return !open; });
-    }, []);
+        var nextIsOpen = !isOpen;
+        setIsOpen(nextIsOpen);
+        if (nextIsOpen) {
+            onMenuOpen();
+        }
+    }, [isOpen, onMenuOpen]);
     var renderMenuItem = function (item, index) {
         return React.createElement(MenuItemRenderer, { item: item, key: index, onMenuClose: handleToggle });
     };

package/DropDownMenuButton/DropDownMenuButton.spec.js

@@ -45,6 +45,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import { render, screen, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
@@ -104,4 +115,29 @@ describe('Dropdown menu button tests', function () {
             }
         });
     }); });
+    it('should call onMenuOpen synchronously within the click handler, before it is deferred to an effect', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callOrder, ButtonComponent, onMenuOpen, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    callOrder = [];
+                    ButtonComponent = React.forwardRef(function (_a, ref) {
+                        var onClick = _a.onClick, children = _a.children, rest = __rest(_a, ["onClick", "children"]);
+                        return (React.createElement("button", __assign({ ref: ref }, rest, { onClick: function (e) {
+                                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                                callOrder.push('afterClick');
+                            } }), children));
+                    });
+                    ButtonComponent.displayName = 'ButtonComponent';
+                    onMenuOpen = jest.fn(function () { return callOrder.push('menuOpen'); });
+                    user = setUp(__assign(__assign({}, defaultProps), { buttonComponent: ButtonComponent, onMenuOpen: onMenuOpen })).user;
+                    return [4 /*yield*/, user.click(screen.getByText('content'))];
+                case 1:
+                    _a.sent();
+                    expect(onMenuOpen).toHaveBeenCalledTimes(1);
+                    expect(callOrder).toEqual(['menuOpen', 'afterClick']);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/ExportDialog/ExportDialog.d.ts

@@ -8,7 +8,7 @@ type Props = {
     filter?: string;
     activityFilter: ActivityFilter;
     isSearchByOv: boolean;
-    onExternalExport: () => void;
+    onExternalExport: (exportOvOnly?: boolean) => void;
     onLoadingChange?: (loading: boolean) => void;
 };
 export declare const ExportDialog: ({ open, onClose, columnsByEntityType, profilesCount, onExternalExport, onLoadingChange, filter, activityFilter, isSearchByOv }: Props) => React.JSX.Element;

package/ExportDialog/ExportDialog.js

@@ -43,6 +43,8 @@ import Button from '@mui/material/Button';
 import DialogContent from '@mui/material/DialogContent';
 import Typography from '@mui/material/Typography';
 import TextField from '@mui/material/TextField';
+import Checkbox from '@mui/material/Checkbox';
+import FormControlLabel from '@mui/material/FormControlLabel';
 import { DropDownSelector } from '../DropDownSelector';
 import { useInternalExport } from '../hooks/useInternalExport';
 import { SnackbarContext } from '../contexts/SnackbarContext';
@@ -61,7 +63,7 @@ export var ExportDialog = function (_a) {
         filter: filter,
         activityFilter: activityFilter,
         isSearchByOv: isSearchByOv
-    }), exportName = _c.exportName, onChangeExportName = _c.onChangeExportName, fileFormat = _c.fileFormat, onChangeFileFormat = _c.onChangeFileFormat, formatOptions = _c.formatOptions, onExport = _c.onExport, entityTypesDetails = _c.entityTypesDetails;
+    }), exportName = _c.exportName, onChangeExportName = _c.onChangeExportName, fileFormat = _c.fileFormat, onChangeFileFormat = _c.onChangeFileFormat, formatOptions = _c.formatOptions, onExport = _c.onExport, entityTypesDetails = _c.entityTypesDetails, exportOvOnly = _c.exportOvOnly, onChangeExportOvOnly = _c.onChangeExportOvOnly;
     var handleConfirm = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
         var result, failedCount, successfulCount, failedJobsString, errorMessage, error;
         var _a, _b;
@@ -113,8 +115,8 @@ export var ExportDialog = function (_a) {
     }); }, [onClose, onExport, showSnackbarMessage, openConsoleApp, onLoadingChange]);
     var handleExternalExport = useCallback(function () {
         onClose();
-        onExternalExport();
-    }, [onExternalExport, onClose]);
+        onExternalExport(exportOvOnly);
+    }, [onExternalExport, onClose, exportOvOnly]);
     var renderDetails = useMemo(function () { return (React.createElement(React.Fragment, null, Object.values(entityTypesDetails).map(function (data, index) { return (React.createElement("span", { key: index },
         React.createElement("span", { className: styles.attributesCount }, data.label),
         i18n.text('(${selected}/${total} attributes)', {
@@ -135,6 +137,9 @@ export var ExportDialog = function (_a) {
                 React.createElement(Typography, { variant: "body2", color: "textSecondary" }, renderDetails)),
             React.createElement(Typography, { variant: "subtitle2", className: styles.subtitle }, i18n.text('Export options')),
             React.createElement(DropDownSelector, { height: 44, value: fileFormat, onChange: onChangeFileFormat, label: i18n.text('File format'), options: formatOptions }),
+            React.createElement("div", { className: styles.exportOvOnlyWrapper },
+                React.createElement(FormControlLabel, { className: styles.exportOvOnlyLabel, control: React.createElement(Checkbox, { checked: exportOvOnly, onChange: onChangeExportOvOnly, color: "primary", size: "small" }), label: React.createElement(Typography, { variant: "body2" }, i18n.text('Export Operational Values (OV) only')) }),
+                React.createElement(Typography, { variant: "body2", color: "textSecondary", className: styles.exportOvOnlyHelper }, i18n.text('Only those attribute values that are selected by the survivorship rules will be exported'))),
             React.createElement("div", { className: styles.externalExportWrapper },
                 React.createElement(Typography, { component: "span", variant: "body2" }, i18n.text('Want more export options?')),
                 React.createElement(Button, { onClick: handleExternalExport, color: "primary" }, i18n.text('Go to export application')))),

package/ExportDialog/ExportDialog.module.css.js

@@ -1,9 +1,9 @@
-const styles = {"dialog":"ExportDialog-dialog--lQGKH","dialogTitle":"ExportDialog-dialogTitle--xpDLc","dialogContent":"ExportDialog-dialogContent--r--OS","dialogActions":"ExportDialog-dialogActions--jfCax","subtitle":"ExportDialog-subtitle--rwHDK","summary":"ExportDialog-summary--TlOEd","externalExportWrapper":"ExportDialog-externalExportWrapper--vaAXD","totalCaption":"ExportDialog-totalCaption--DpfR-","totalNumber":"ExportDialog-totalNumber--emHu3","attributesCount":"ExportDialog-attributesCount--NRt8X"};
+const styles = {"dialog":"ExportDialog-dialog--lQGKH","dialogTitle":"ExportDialog-dialogTitle--xpDLc","dialogContent":"ExportDialog-dialogContent--r--OS","dialogActions":"ExportDialog-dialogActions--jfCax","subtitle":"ExportDialog-subtitle--rwHDK","summary":"ExportDialog-summary--TlOEd","externalExportWrapper":"ExportDialog-externalExportWrapper--vaAXD","exportOvOnlyWrapper":"ExportDialog-exportOvOnlyWrapper--S2RIC","exportOvOnlyLabel":"ExportDialog-exportOvOnlyLabel--ISC6S","exportOvOnlyHelper":"ExportDialog-exportOvOnlyHelper--Kj7kC","totalCaption":"ExportDialog-totalCaption--DpfR-","totalNumber":"ExportDialog-totalNumber--emHu3","attributesCount":"ExportDialog-attributesCount--NRt8X"};
 if (typeof document !== 'undefined') {
     const head = document.head || document.getElementsByTagName('head')[0]
     const style = document.createElement('style');
     style.type = 'text/css'
-    style.innerHTML = `.ExportDialog-dialog--lQGKH{width:600px}.ExportDialog-dialogTitle--xpDLc{padding:16px 16px 4px}.ExportDialog-dialogContent--r--OS{padding:20px 16px}.ExportDialog-dialogActions--jfCax{padding:8px}.ExportDialog-subtitle--rwHDK{margin:24px 0 6px}.ExportDialog-summary--TlOEd{background-color:#fafafa;border-radius:4px;padding:12px 16px}.ExportDialog-externalExportWrapper--vaAXD{padding:16px 0}.ExportDialog-totalCaption--DpfR-{font-size:18px;padding-bottom:8px}.ExportDialog-totalNumber--emHu3{font-size:20px;font-weight:500}.ExportDialog-attributesCount--NRt8X,.ExportDialog-totalNumber--emHu3{color:rgba(0,0,0,.87);margin-right:5px}`;
+    style.innerHTML = `.ExportDialog-dialog--lQGKH{width:600px}.ExportDialog-dialogTitle--xpDLc{padding:16px 16px 4px}.ExportDialog-dialogContent--r--OS{padding:20px 16px}.ExportDialog-dialogActions--jfCax{padding:8px}.ExportDialog-subtitle--rwHDK{margin:24px 0 6px}.ExportDialog-summary--TlOEd{background-color:#fafafa;border-radius:4px;padding:12px 16px}.ExportDialog-externalExportWrapper--vaAXD{padding:16px 0}.ExportDialog-exportOvOnlyWrapper--S2RIC{margin-top:16px}.ExportDialog-exportOvOnlyLabel--ISC6S{margin:0}.ExportDialog-exportOvOnlyHelper--Kj7kC{margin:4px 0 0 32px}.ExportDialog-totalCaption--DpfR-{font-size:18px;padding-bottom:8px}.ExportDialog-totalNumber--emHu3{font-size:20px;font-weight:500}.ExportDialog-attributesCount--NRt8X,.ExportDialog-totalNumber--emHu3{color:rgba(0,0,0,.87);margin-right:5px}`;
     head.appendChild(style);
 }
 export default styles;

package/ExportDialog/ExportDialog.test.js

@@ -168,6 +168,9 @@ describe('ExportDialog tests', function () {
         expect(screen.getByText('Export options')).toBeInTheDocument();
         expect(screen.getByText('File format')).toBeInTheDocument();
         expect(screen.getByText('CSV Flattened')).toBeInTheDocument();
+        expect(screen.getByText('Export Operational Values (OV) only')).toBeInTheDocument();
+        expect(screen.getByText('Only those attribute values that are selected by the survivorship rules will be exported')).toBeInTheDocument();
+        expect(screen.getByRole('checkbox', { name: 'Export Operational Values (OV) only' })).not.toBeChecked();
         expect(screen.getByText('Want more export options?')).toBeInTheDocument();
         expect(screen.getByRole('button', { name: 'Go to export application' })).toBeInTheDocument();
         expect(screen.getByRole('button', { name: 'Cancel' })).toBeInTheDocument();
@@ -197,7 +200,24 @@ describe('ExportDialog tests', function () {
                     return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Go to export application' }))];
                 case 1:
                     _a.sent();
-                    expect(defaultProps.onExternalExport).toHaveBeenCalled();
+                    expect(defaultProps.onExternalExport).toHaveBeenCalledWith(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should pass exportOvOnly true to onExternalExport when OV checkbox is checked', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(screen.getByRole('checkbox', { name: 'Export Operational Values (OV) only' }))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Go to export application' }))];
+                case 2:
+                    _a.sent();
+                    expect(defaultProps.onExternalExport).toHaveBeenCalledWith(true);
                     return [2 /*return*/];
             }
         });
@@ -229,7 +249,8 @@ describe('ExportDialog tests', function () {
                         },
                         includeType: ['configuration/entityTypes/HCP'],
                         headerOrder: ExportHeaderOrder.Select,
-                        filter: defaultProps.filter
+                        filter: defaultProps.filter,
+                        ovOnly: false
                     }));
                     expect(exportData).toHaveBeenCalledWith(expect.objectContaining({
                         exportPath: '/nui/export',
@@ -244,7 +265,8 @@ describe('ExportDialog tests', function () {
                         },
                         includeType: ['configuration/entityTypes/HCO'],
                         headerOrder: ExportHeaderOrder.Default,
-                        filter: defaultProps.filter
+                        filter: defaultProps.filter,
+                        ovOnly: false
                     }));
                     expect(defaultProps.onLoadingChange).toHaveBeenCalledWith(false);
                     expect(defaultProps.onClose).toHaveBeenCalled();
@@ -259,6 +281,32 @@ describe('ExportDialog tests', function () {
             }
         });
     }); });
+    it('should pass ovOnly true to all export jobs when Export OV Only is checked', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(screen.getByRole('checkbox', { name: 'Export Operational Values (OV) only' }))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Export' }))];
+                case 2:
+                    _a.sent();
+                    expect(exportData).toHaveBeenCalledTimes(2);
+                    expect(exportData).toHaveBeenCalledWith(expect.objectContaining({ ovOnly: true }));
+                    expect(exportData).toHaveBeenNthCalledWith(1, expect.objectContaining({
+                        includeType: ['configuration/entityTypes/HCP'],
+                        ovOnly: true
+                    }));
+                    expect(exportData).toHaveBeenNthCalledWith(2, expect.objectContaining({
+                        includeType: ['configuration/entityTypes/HCO'],
+                        ovOnly: true
+                    }));
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should show error message when some export jobs failed', function () { return __awaiter(void 0, void 0, void 0, function () {
         var user, errorMessage;
         return __generator(this, function (_a) {

package/cjs/DropDownMenuButton/DropDownMenuButton.js

@@ -55,18 +55,22 @@ function DropDownMenuButton(_a) {
     var styles = (0, styles_1.useStyles)();
     var buttonRef = (0, react_1.useRef)(null);
     var _k = (0, react_1.useState)(false), isOpen = _k[0], setIsOpen = _k[1];
+    // onMenuOpen is fired synchronously in the click handler (below) so it wins the race against a
+    // parent's onMouseLeave when the button lives in an unmounting hover overlay; onMenuClose stays
+    // deferred to this effect so consumers can keep the button mounted (e.g. delete confirmation).
     (0, useDidUpdateEffect_1.useDidUpdateEffect)(function () {
-        if (isOpen) {
-            onMenuOpen();
-        }
-        else {
+        if (!isOpen) {
             onMenuClose();
         }
     }, [isOpen]);
     var handleToggle = (0, react_1.useCallback)(function (e) {
         e === null || e === void 0 ? void 0 : e.stopPropagation();
-        setIsOpen(function (open) { return !open; });
-    }, []);
+        var nextIsOpen = !isOpen;
+        setIsOpen(nextIsOpen);
+        if (nextIsOpen) {
+            onMenuOpen();
+        }
+    }, [isOpen, onMenuOpen]);
     var renderMenuItem = function (item, index) {
         return react_1.default.createElement(MenuItemRenderer, { item: item, key: index, onMenuClose: handleToggle });
     };

package/cjs/DropDownMenuButton/DropDownMenuButton.spec.js

@@ -46,6 +46,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -109,4 +120,29 @@ describe('Dropdown menu button tests', function () {
             }
         });
     }); });
+    it('should call onMenuOpen synchronously within the click handler, before it is deferred to an effect', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var callOrder, ButtonComponent, onMenuOpen, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    callOrder = [];
+                    ButtonComponent = react_1.default.forwardRef(function (_a, ref) {
+                        var onClick = _a.onClick, children = _a.children, rest = __rest(_a, ["onClick", "children"]);
+                        return (react_1.default.createElement("button", __assign({ ref: ref }, rest, { onClick: function (e) {
+                                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                                callOrder.push('afterClick');
+                            } }), children));
+                    });
+                    ButtonComponent.displayName = 'ButtonComponent';
+                    onMenuOpen = jest.fn(function () { return callOrder.push('menuOpen'); });
+                    user = setUp(__assign(__assign({}, defaultProps), { buttonComponent: ButtonComponent, onMenuOpen: onMenuOpen })).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('content'))];
+                case 1:
+                    _a.sent();
+                    expect(onMenuOpen).toHaveBeenCalledTimes(1);
+                    expect(callOrder).toEqual(['menuOpen', 'afterClick']);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/cjs/ExportDialog/ExportDialog.d.ts

@@ -8,7 +8,7 @@ type Props = {
     filter?: string;
     activityFilter: ActivityFilter;
     isSearchByOv: boolean;
-    onExternalExport: () => void;
+    onExternalExport: (exportOvOnly?: boolean) => void;
     onLoadingChange?: (loading: boolean) => void;
 };
 export declare const ExportDialog: ({ open, onClose, columnsByEntityType, profilesCount, onExternalExport, onLoadingChange, filter, activityFilter, isSearchByOv }: Props) => React.JSX.Element;

package/cjs/ExportDialog/ExportDialog.js

@@ -72,6 +72,8 @@ var Button_1 = __importDefault(require("@mui/material/Button"));
 var DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var TextField_1 = __importDefault(require("@mui/material/TextField"));
+var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
 var DropDownSelector_1 = require("../DropDownSelector");
 var useInternalExport_1 = require("../hooks/useInternalExport");
 var SnackbarContext_1 = require("../contexts/SnackbarContext");
@@ -90,7 +92,7 @@ var ExportDialog = function (_a) {
         filter: filter,
         activityFilter: activityFilter,
         isSearchByOv: isSearchByOv
-    }), exportName = _c.exportName, onChangeExportName = _c.onChangeExportName, fileFormat = _c.fileFormat, onChangeFileFormat = _c.onChangeFileFormat, formatOptions = _c.formatOptions, onExport = _c.onExport, entityTypesDetails = _c.entityTypesDetails;
+    }), exportName = _c.exportName, onChangeExportName = _c.onChangeExportName, fileFormat = _c.fileFormat, onChangeFileFormat = _c.onChangeFileFormat, formatOptions = _c.formatOptions, onExport = _c.onExport, entityTypesDetails = _c.entityTypesDetails, exportOvOnly = _c.exportOvOnly, onChangeExportOvOnly = _c.onChangeExportOvOnly;
     var handleConfirm = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
         var result, failedCount, successfulCount, failedJobsString, errorMessage, error;
         var _a, _b;
@@ -142,8 +144,8 @@ var ExportDialog = function (_a) {
     }); }, [onClose, onExport, showSnackbarMessage, openConsoleApp, onLoadingChange]);
     var handleExternalExport = (0, react_1.useCallback)(function () {
         onClose();
-        onExternalExport();
-    }, [onExternalExport, onClose]);
+        onExternalExport(exportOvOnly);
+    }, [onExternalExport, onClose, exportOvOnly]);
     var renderDetails = (0, react_1.useMemo)(function () { return (react_1.default.createElement(react_1.default.Fragment, null, Object.values(entityTypesDetails).map(function (data, index) { return (react_1.default.createElement("span", { key: index },
         react_1.default.createElement("span", { className: ExportDialog_module_css_1.default.attributesCount }, data.label),
         ui_i18n_1.default.text('(${selected}/${total} attributes)', {
@@ -164,6 +166,9 @@ var ExportDialog = function (_a) {
                 react_1.default.createElement(Typography_1.default, { variant: "body2", color: "textSecondary" }, renderDetails)),
             react_1.default.createElement(Typography_1.default, { variant: "subtitle2", className: ExportDialog_module_css_1.default.subtitle }, ui_i18n_1.default.text('Export options')),
             react_1.default.createElement(DropDownSelector_1.DropDownSelector, { height: 44, value: fileFormat, onChange: onChangeFileFormat, label: ui_i18n_1.default.text('File format'), options: formatOptions }),
+            react_1.default.createElement("div", { className: ExportDialog_module_css_1.default.exportOvOnlyWrapper },
+                react_1.default.createElement(FormControlLabel_1.default, { className: ExportDialog_module_css_1.default.exportOvOnlyLabel, control: react_1.default.createElement(Checkbox_1.default, { checked: exportOvOnly, onChange: onChangeExportOvOnly, color: "primary", size: "small" }), label: react_1.default.createElement(Typography_1.default, { variant: "body2" }, ui_i18n_1.default.text('Export Operational Values (OV) only')) }),
+                react_1.default.createElement(Typography_1.default, { variant: "body2", color: "textSecondary", className: ExportDialog_module_css_1.default.exportOvOnlyHelper }, ui_i18n_1.default.text('Only those attribute values that are selected by the survivorship rules will be exported'))),
             react_1.default.createElement("div", { className: ExportDialog_module_css_1.default.externalExportWrapper },
                 react_1.default.createElement(Typography_1.default, { component: "span", variant: "body2" }, ui_i18n_1.default.text('Want more export options?')),
                 react_1.default.createElement(Button_1.default, { onClick: handleExternalExport, color: "primary" }, ui_i18n_1.default.text('Go to export application')))),

package/cjs/ExportDialog/ExportDialog.module.css.js

@@ -1,9 +1,9 @@
-const styles = {"dialog":"ExportDialog-dialog--lQGKH","dialogTitle":"ExportDialog-dialogTitle--xpDLc","dialogContent":"ExportDialog-dialogContent--r--OS","dialogActions":"ExportDialog-dialogActions--jfCax","subtitle":"ExportDialog-subtitle--rwHDK","summary":"ExportDialog-summary--TlOEd","externalExportWrapper":"ExportDialog-externalExportWrapper--vaAXD","totalCaption":"ExportDialog-totalCaption--DpfR-","totalNumber":"ExportDialog-totalNumber--emHu3","attributesCount":"ExportDialog-attributesCount--NRt8X"};
+const styles = {"dialog":"ExportDialog-dialog--lQGKH","dialogTitle":"ExportDialog-dialogTitle--xpDLc","dialogContent":"ExportDialog-dialogContent--r--OS","dialogActions":"ExportDialog-dialogActions--jfCax","subtitle":"ExportDialog-subtitle--rwHDK","summary":"ExportDialog-summary--TlOEd","externalExportWrapper":"ExportDialog-externalExportWrapper--vaAXD","exportOvOnlyWrapper":"ExportDialog-exportOvOnlyWrapper--S2RIC","exportOvOnlyLabel":"ExportDialog-exportOvOnlyLabel--ISC6S","exportOvOnlyHelper":"ExportDialog-exportOvOnlyHelper--Kj7kC","totalCaption":"ExportDialog-totalCaption--DpfR-","totalNumber":"ExportDialog-totalNumber--emHu3","attributesCount":"ExportDialog-attributesCount--NRt8X"};
 if (typeof document !== 'undefined') {
     const head = document.head || document.getElementsByTagName('head')[0]
     const style = document.createElement('style');
     style.type = 'text/css'
-    style.innerHTML = `.ExportDialog-dialog--lQGKH{width:600px}.ExportDialog-dialogTitle--xpDLc{padding:16px 16px 4px}.ExportDialog-dialogContent--r--OS{padding:20px 16px}.ExportDialog-dialogActions--jfCax{padding:8px}.ExportDialog-subtitle--rwHDK{margin:24px 0 6px}.ExportDialog-summary--TlOEd{background-color:#fafafa;border-radius:4px;padding:12px 16px}.ExportDialog-externalExportWrapper--vaAXD{padding:16px 0}.ExportDialog-totalCaption--DpfR-{font-size:18px;padding-bottom:8px}.ExportDialog-totalNumber--emHu3{font-size:20px;font-weight:500}.ExportDialog-attributesCount--NRt8X,.ExportDialog-totalNumber--emHu3{color:rgba(0,0,0,.87);margin-right:5px}`;
+    style.innerHTML = `.ExportDialog-dialog--lQGKH{width:600px}.ExportDialog-dialogTitle--xpDLc{padding:16px 16px 4px}.ExportDialog-dialogContent--r--OS{padding:20px 16px}.ExportDialog-dialogActions--jfCax{padding:8px}.ExportDialog-subtitle--rwHDK{margin:24px 0 6px}.ExportDialog-summary--TlOEd{background-color:#fafafa;border-radius:4px;padding:12px 16px}.ExportDialog-externalExportWrapper--vaAXD{padding:16px 0}.ExportDialog-exportOvOnlyWrapper--S2RIC{margin-top:16px}.ExportDialog-exportOvOnlyLabel--ISC6S{margin:0}.ExportDialog-exportOvOnlyHelper--Kj7kC{margin:4px 0 0 32px}.ExportDialog-totalCaption--DpfR-{font-size:18px;padding-bottom:8px}.ExportDialog-totalNumber--emHu3{font-size:20px;font-weight:500}.ExportDialog-attributesCount--NRt8X,.ExportDialog-totalNumber--emHu3{color:rgba(0,0,0,.87);margin-right:5px}`;
     head.appendChild(style);
 }
 module.exports = styles;

package/cjs/ExportDialog/ExportDialog.test.js

@@ -173,6 +173,9 @@ describe('ExportDialog tests', function () {
         expect(react_2.screen.getByText('Export options')).toBeInTheDocument();
         expect(react_2.screen.getByText('File format')).toBeInTheDocument();
         expect(react_2.screen.getByText('CSV Flattened')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Export Operational Values (OV) only')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Only those attribute values that are selected by the survivorship rules will be exported')).toBeInTheDocument();
+        expect(react_2.screen.getByRole('checkbox', { name: 'Export Operational Values (OV) only' })).not.toBeChecked();
         expect(react_2.screen.getByText('Want more export options?')).toBeInTheDocument();
         expect(react_2.screen.getByRole('button', { name: 'Go to export application' })).toBeInTheDocument();
         expect(react_2.screen.getByRole('button', { name: 'Cancel' })).toBeInTheDocument();
@@ -202,7 +205,24 @@ describe('ExportDialog tests', function () {
                     return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Go to export application' }))];
                 case 1:
                     _a.sent();
-                    expect(defaultProps.onExternalExport).toHaveBeenCalled();
+                    expect(defaultProps.onExternalExport).toHaveBeenCalledWith(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should pass exportOvOnly true to onExternalExport when OV checkbox is checked', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('checkbox', { name: 'Export Operational Values (OV) only' }))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Go to export application' }))];
+                case 2:
+                    _a.sent();
+                    expect(defaultProps.onExternalExport).toHaveBeenCalledWith(true);
                     return [2 /*return*/];
             }
         });
@@ -234,7 +254,8 @@ describe('ExportDialog tests', function () {
                         },
                         includeType: ['configuration/entityTypes/HCP'],
                         headerOrder: mdm_sdk_1.ExportHeaderOrder.Select,
-                        filter: defaultProps.filter
+                        filter: defaultProps.filter,
+                        ovOnly: false
                     }));
                     expect(mdm_sdk_1.exportData).toHaveBeenCalledWith(expect.objectContaining({
                         exportPath: '/nui/export',
@@ -249,7 +270,8 @@ describe('ExportDialog tests', function () {
                         },
                         includeType: ['configuration/entityTypes/HCO'],
                         headerOrder: mdm_sdk_1.ExportHeaderOrder.Default,
-                        filter: defaultProps.filter
+                        filter: defaultProps.filter,
+                        ovOnly: false
                     }));
                     expect(defaultProps.onLoadingChange).toHaveBeenCalledWith(false);
                     expect(defaultProps.onClose).toHaveBeenCalled();
@@ -264,6 +286,32 @@ describe('ExportDialog tests', function () {
             }
         });
     }); });
+    it('should pass ovOnly true to all export jobs when Export OV Only is checked', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('checkbox', { name: 'Export Operational Values (OV) only' }))];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Export' }))];
+                case 2:
+                    _a.sent();
+                    expect(mdm_sdk_1.exportData).toHaveBeenCalledTimes(2);
+                    expect(mdm_sdk_1.exportData).toHaveBeenCalledWith(expect.objectContaining({ ovOnly: true }));
+                    expect(mdm_sdk_1.exportData).toHaveBeenNthCalledWith(1, expect.objectContaining({
+                        includeType: ['configuration/entityTypes/HCP'],
+                        ovOnly: true
+                    }));
+                    expect(mdm_sdk_1.exportData).toHaveBeenNthCalledWith(2, expect.objectContaining({
+                        includeType: ['configuration/entityTypes/HCO'],
+                        ovOnly: true
+                    }));
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should show error message when some export jobs failed', function () { return __awaiter(void 0, void 0, void 0, function () {
         var user, errorMessage;
         return __generator(this, function (_a) {

package/cjs/hooks/useExportController/useExportController.d.ts

@@ -2,7 +2,7 @@ type Props = {
     canExport: boolean;
     internalExportEnabled: boolean;
     onInternalExport: () => void;
-    onExternalExport: () => void;
+    onExternalExport: (exportOvOnly?: boolean) => void;
 };
 export declare const useExportController: ({ canExport, internalExportEnabled, onInternalExport, onExternalExport }: Props) => {
     hasExport: boolean;

package/cjs/hooks/useInternalExport/useInternalExport.d.ts

@@ -27,6 +27,8 @@ export declare const useInternalExport: ({ columnsByEntityType, dialogOpen, filt
     onChangeFileFormat: (value: ExportFormatOption) => void;
     formatOptions: ExportFormatOption[];
     entityTypesDetails: EntityTypeSummary;
+    exportOvOnly: boolean;
+    onChangeExportOvOnly: (_: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
     onExport: () => Promise<{
         failedJobs: string[];
         total: number;

package/cjs/hooks/useInternalExport/useInternalExport.js

@@ -79,6 +79,7 @@ var useInternalExport = function (_a) {
     }, []);
     var _b = (0, react_1.useState)(''), exportName = _b[0], setExportName = _b[1];
     var _c = (0, react_1.useState)(), fileFormat = _c[0], setFileFormat = _c[1];
+    var _d = (0, react_1.useState)(false), exportOvOnly = _d[0], setExportOvOnly = _d[1];
     var formatOptions = (0, react_1.useMemo)(function () {
         return [
             defaultFormat,
@@ -118,6 +119,9 @@ var useInternalExport = function (_a) {
     var handleChangeFileFormat = (0, react_1.useCallback)(function (value) {
         setFileFormat(value);
     }, []);
+    var handleChangeExportOvOnly = (0, react_1.useCallback)(function (_, checked) {
+        setExportOvOnly(checked);
+    }, []);
     var formatDateTime = (0, react_1.useCallback)(function (dateTime) {
         var date = dateTime
             .toLocaleDateString('en-US', { month: '2-digit', day: '2-digit', year: 'numeric' })
@@ -132,6 +136,7 @@ var useInternalExport = function (_a) {
             var defaultName = "".concat(defaultExportName, " ").concat(formatDateTime(now));
             setExportName(defaultName);
             setFileFormat(defaultFormat);
+            setExportOvOnly(false);
         }
     }, [dialogOpen, defaultFormat, formatDateTime, defaultExportName]);
     var handleExport = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -156,7 +161,8 @@ var useInternalExport = function (_a) {
                             options: options,
                             includeType: [entityTypeUri],
                             headerOrder: headerOrder,
-                            filter: filter
+                            filter: filter,
+                            ovOnly: exportOvOnly
                         }));
                         jobEntityTypes.push([entityTypeUri]);
                     });
@@ -168,7 +174,8 @@ var useInternalExport = function (_a) {
                             options: options,
                             includeType: typesWithAllColumns,
                             headerOrder: mdm_sdk_1.ExportHeaderOrder.Default,
-                            filter: filter
+                            filter: filter,
+                            ovOnly: exportOvOnly
                         }));
                         jobEntityTypes.push(typesWithAllColumns);
                     }
@@ -188,6 +195,7 @@ var useInternalExport = function (_a) {
         filter,
         activityFilter,
         isSearchByOv,
+        exportOvOnly,
         entityTypes,
         columnsByEntityType,
         entityTypesDetails,
@@ -201,6 +209,8 @@ var useInternalExport = function (_a) {
         onChangeFileFormat: handleChangeFileFormat,
         formatOptions: formatOptions,
         entityTypesDetails: entityTypesDetails,
+        exportOvOnly: exportOvOnly,
+        onChangeExportOvOnly: handleChangeExportOvOnly,
         onExport: handleExport
     };
 };

package/hooks/useExportController/useExportController.d.ts

@@ -2,7 +2,7 @@ type Props = {
     canExport: boolean;
     internalExportEnabled: boolean;
     onInternalExport: () => void;
-    onExternalExport: () => void;
+    onExternalExport: (exportOvOnly?: boolean) => void;
 };
 export declare const useExportController: ({ canExport, internalExportEnabled, onInternalExport, onExternalExport }: Props) => {
     hasExport: boolean;

package/hooks/useInternalExport/useInternalExport.d.ts

@@ -27,6 +27,8 @@ export declare const useInternalExport: ({ columnsByEntityType, dialogOpen, filt
     onChangeFileFormat: (value: ExportFormatOption) => void;
     formatOptions: ExportFormatOption[];
     entityTypesDetails: EntityTypeSummary;
+    exportOvOnly: boolean;
+    onChangeExportOvOnly: (_: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
     onExport: () => Promise<{
         failedJobs: string[];
         total: number;

package/hooks/useInternalExport/useInternalExport.js

@@ -73,6 +73,7 @@ export var useInternalExport = function (_a) {
     }, []);
     var _b = useState(''), exportName = _b[0], setExportName = _b[1];
     var _c = useState(), fileFormat = _c[0], setFileFormat = _c[1];
+    var _d = useState(false), exportOvOnly = _d[0], setExportOvOnly = _d[1];
     var formatOptions = useMemo(function () {
         return [
             defaultFormat,
@@ -112,6 +113,9 @@ export var useInternalExport = function (_a) {
     var handleChangeFileFormat = useCallback(function (value) {
         setFileFormat(value);
     }, []);
+    var handleChangeExportOvOnly = useCallback(function (_, checked) {
+        setExportOvOnly(checked);
+    }, []);
     var formatDateTime = useCallback(function (dateTime) {
         var date = dateTime
             .toLocaleDateString('en-US', { month: '2-digit', day: '2-digit', year: 'numeric' })
@@ -126,6 +130,7 @@ export var useInternalExport = function (_a) {
             var defaultName = "".concat(defaultExportName, " ").concat(formatDateTime(now));
             setExportName(defaultName);
             setFileFormat(defaultFormat);
+            setExportOvOnly(false);
         }
     }, [dialogOpen, defaultFormat, formatDateTime, defaultExportName]);
     var handleExport = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -150,7 +155,8 @@ export var useInternalExport = function (_a) {
                             options: options,
                             includeType: [entityTypeUri],
                             headerOrder: headerOrder,
-                            filter: filter
+                            filter: filter,
+                            ovOnly: exportOvOnly
                         }));
                         jobEntityTypes.push([entityTypeUri]);
                     });
@@ -162,7 +168,8 @@ export var useInternalExport = function (_a) {
                             options: options,
                             includeType: typesWithAllColumns,
                             headerOrder: ExportHeaderOrder.Default,
-                            filter: filter
+                            filter: filter,
+                            ovOnly: exportOvOnly
                         }));
                         jobEntityTypes.push(typesWithAllColumns);
                     }
@@ -182,6 +189,7 @@ export var useInternalExport = function (_a) {
         filter,
         activityFilter,
         isSearchByOv,
+        exportOvOnly,
         entityTypes,
         columnsByEntityType,
         entityTypesDetails,
@@ -195,6 +203,8 @@ export var useInternalExport = function (_a) {
         onChangeFileFormat: handleChangeFileFormat,
         formatOptions: formatOptions,
         entityTypesDetails: entityTypesDetails,
+        exportOvOnly: exportOvOnly,
+        onChangeExportOvOnly: handleChangeExportOvOnly,
         onExport: handleExport
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2281",
+  "version": "1.4.2283",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.2055",
+    "@reltio/mdm-sdk": "^1.4.2056",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",