@reltio/components 1.4.2219 → 1.4.2221

package/cjs/ExportDialog/ExportDialog.js

@@ -0,0 +1,174 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExportDialog = void 0;
+var react_1 = __importStar(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Dialog_1 = __importDefault(require("@mui/material/Dialog"));
+var DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+var DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
+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 DropDownSelector_1 = require("../DropDownSelector");
+var useInternalExport_1 = require("../hooks/useInternalExport");
+var SnackbarContext_1 = require("../contexts/SnackbarContext");
+var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
+var errors_1 = require("../helpers/errors");
+var ErrorWrapper_1 = require("../ErrorWrapper");
+var ExportDialog_module_css_1 = __importDefault(require("./ExportDialog.module.css"));
+var ExportDialog = function (_a) {
+    var open = _a.open, onClose = _a.onClose, columnsByEntityType = _a.columnsByEntityType, profilesCount = _a.profilesCount, onExternalExport = _a.onExternalExport, onLoadingChange = _a.onLoadingChange, _b = _a.filter, filter = _b === void 0 ? '' : _b, activityFilter = _a.activityFilter, isSearchByOv = _a.isSearchByOv;
+    var showSnackbarMessage = (0, react_1.useContext)(SnackbarContext_1.SnackbarContext);
+    var openConsoleApp = (0, MdmModuleContext_1.useMdmAction)('openConsoleApp');
+    var isExportingRef = (0, react_1.useRef)(false);
+    var _c = (0, useInternalExport_1.useInternalExport)({
+        columnsByEntityType: columnsByEntityType,
+        dialogOpen: open,
+        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;
+    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;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (isExportingRef.current)
+                        return [2 /*return*/];
+                    isExportingRef.current = true;
+                    onLoadingChange === null || onLoadingChange === void 0 ? void 0 : onLoadingChange(true);
+                    onClose();
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, , 3, 4]);
+                    return [4 /*yield*/, onExport()];
+                case 2:
+                    result = _c.sent();
+                    if (result) {
+                        failedCount = ((_a = result.failedJobs) === null || _a === void 0 ? void 0 : _a.length) || 0;
+                        successfulCount = result.total - failedCount;
+                        if (successfulCount > 0) {
+                            showSnackbarMessage({
+                                message: ui_i18n_1.default.text("Your export job is underway. We'll send an email with the download link once it's complete."),
+                                action: {
+                                    label: ui_i18n_1.default.text('View progress'),
+                                    onClick: function () {
+                                        openConsoleApp('Export');
+                                    }
+                                }
+                            });
+                        }
+                        if (failedCount > 0) {
+                            failedJobsString = (_b = result.failedJobs) === null || _b === void 0 ? void 0 : _b.join(', ');
+                            errorMessage = ui_i18n_1.default.text('Failed to export ${failedJobsString}.', { failedJobsString: failedJobsString });
+                            error = new Error(errorMessage);
+                            (0, errors_1.showErrorMessage)(error, {
+                                message: errorMessage
+                            });
+                        }
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    isExportingRef.current = false;
+                    onLoadingChange === null || onLoadingChange === void 0 ? void 0 : onLoadingChange(false);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [onClose, onExport, showSnackbarMessage, openConsoleApp, onLoadingChange]);
+    var handleExternalExport = (0, react_1.useCallback)(function () {
+        onClose();
+        onExternalExport();
+    }, [onExternalExport, onClose]);
+    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)', {
+            selected: data.selectedAttributesCount,
+            total: data.totalAttributesCount
+        }),
+        index < Object.values(entityTypesDetails).length - 1 && ', ')); }))); }, [entityTypesDetails]);
+    return (react_1.default.createElement(Dialog_1.default, { open: open, onClose: onClose, fullWidth: true, classes: { paper: ExportDialog_module_css_1.default.dialog } },
+        react_1.default.createElement(DialogTitle_1.default, { classes: { root: ExportDialog_module_css_1.default.dialogTitle } }, ui_i18n_1.default.text('Export')),
+        react_1.default.createElement(DialogContent_1.default, { classes: { root: ExportDialog_module_css_1.default.dialogContent } },
+            react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: exportName ? '' : ui_i18n_1.default.text('This field is required') },
+                react_1.default.createElement(TextField_1.default, { label: ui_i18n_1.default.text('Name your export'), value: exportName, onChange: onChangeExportName, variant: 'filled', fullWidth: true, size: 'small', required: true })),
+            react_1.default.createElement(Typography_1.default, { variant: "subtitle2", className: ExportDialog_module_css_1.default.subtitle }, ui_i18n_1.default.text('Data selected')),
+            react_1.default.createElement("div", { className: ExportDialog_module_css_1.default.summary },
+                react_1.default.createElement(Typography_1.default, { className: ExportDialog_module_css_1.default.totalCaption, color: "textSecondary" },
+                    react_1.default.createElement("span", { className: ExportDialog_module_css_1.default.totalNumber }, ui_i18n_1.default.number(profilesCount, '0,0')),
+                    profilesCount === 1 ? ui_i18n_1.default.text('Profile') : ui_i18n_1.default.text('Profiles')),
+                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.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')))),
+        react_1.default.createElement(DialogActions_1.default, { classes: { root: ExportDialog_module_css_1.default.dialogActions } },
+            react_1.default.createElement(Button_1.default, { onClick: onClose }, ui_i18n_1.default.text('Cancel')),
+            react_1.default.createElement(Button_1.default, { onClick: handleConfirm, color: "primary", disabled: !exportName }, ui_i18n_1.default.text('Export')))));
+};
+exports.ExportDialog = ExportDialog;

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

@@ -0,0 +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"};
+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}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/ExportDialog/ExportDialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/ExportDialog/ExportDialog.test.js

@@ -0,0 +1,290 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var styles_1 = require("@mui/material/styles");
+var styles_2 = require("@mui/styles");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var SnackbarContext_1 = require("../contexts/SnackbarContext");
+var ExportDialog_1 = require("../ExportDialog");
+var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
+var ErrorPopup_1 = require("../ErrorPopup");
+var constants_1 = require("../constants");
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { exportData: jest.fn() })); });
+var metadata = {
+    entityTypes: [
+        {
+            uri: 'configuration/entityTypes/HCP',
+            label: 'HCP',
+            attributes: [
+                {
+                    uri: 'configuration/entityTypes/HCP/attributes/FirstName',
+                    type: 'String',
+                    name: 'FirstName',
+                    label: 'First Name',
+                    access: ['READ', 'CREATE', 'UPDATE', 'INITIATE_CHANGE_REQUEST']
+                },
+                {
+                    uri: 'configuration/entityTypes/HCP/attributes/LastName',
+                    type: 'String',
+                    name: 'LastName',
+                    label: 'Last Name',
+                    access: ['READ', 'CREATE', 'UPDATE', 'INITIATE_CHANGE_REQUEST']
+                },
+                {
+                    uri: 'configuration/entityTypes/HCP/attributes/Phone',
+                    type: 'String',
+                    name: 'Phone',
+                    label: 'Phone',
+                    access: ['READ', 'CREATE', 'UPDATE', 'INITIATE_CHANGE_REQUEST']
+                }
+            ]
+        },
+        {
+            uri: 'configuration/entityTypes/HCO',
+            label: 'HCO',
+            attributes: [
+                {
+                    label: 'Name',
+                    name: 'Name',
+                    type: 'String',
+                    uri: 'configuration/entityTypes/HCO/attributes/Name'
+                },
+                {
+                    label: 'Status',
+                    name: 'Status',
+                    type: 'String',
+                    uri: 'configuration/entityTypes/HCO/attributes/Status'
+                }
+            ]
+        }
+    ]
+};
+var mdmValues = {
+    metadata: metadata,
+    exportPath: '/nui/export',
+    tenant: {
+        id: 't1',
+        name: 't1'
+    }
+};
+var mdmActions = { openConsoleApp: jest.fn() };
+var defaultProps = {
+    open: true,
+    onClose: jest.fn(),
+    columnsByEntityType: {
+        'configuration/entityTypes/HCP': ['attributes.FirstName', 'attributes.LastName'],
+        'configuration/entityTypes/HCO': []
+    },
+    profilesCount: 15,
+    onExternalExport: jest.fn(),
+    onLoadingChange: jest.fn(),
+    filter: "(equals(type,'configuration/entityTypes/HCP') or equals(type,'configuration/entityTypes/HCO'))",
+    activityFilter: mdm_sdk_1.ActivityFilter.ALL,
+    isSearchByOv: true
+};
+var showSnackbarMessage = jest.fn();
+var setUp = function (props) {
+    if (props === void 0) { props = defaultProps; }
+    var user = user_event_1.default.setup();
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(styles_2.ThemeProvider, { theme: (0, styles_1.createTheme)(constants_1.theme) },
+            react_1.default.createElement(SnackbarContext_1.SnackbarContext.Provider, { value: showSnackbarMessage },
+                react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues, actions: mdmActions },
+                    react_1.default.createElement(ErrorPopup_1.ErrorPopup, null),
+                    children))));
+    };
+    return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(ExportDialog_1.ExportDialog, __assign({}, props)), { wrapper: Providers })), { user: user });
+};
+describe('ExportDialog tests', function () {
+    beforeEach(function () {
+        mdm_sdk_1.exportData.mockResolvedValue({ status: 'scheduled' });
+    });
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    it('should render dialog correctly', function () {
+        jest.useFakeTimers();
+        jest.setSystemTime(new Date(2025, 10, 25, 9, 10, 0));
+        setUp();
+        expect(react_2.screen.getByRole('dialog')).toBeInTheDocument();
+        expect(react_2.screen.getByLabelText('Export')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Name your export')).toBeInTheDocument();
+        expect(react_2.screen.getByDisplayValue('Untitled Export Job 11252025_09:10')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Data selected')).toBeInTheDocument();
+        expect(react_2.screen.getByText('15')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Profiles')).toBeInTheDocument();
+        expect(react_2.screen.getByText('HCP')).toBeInTheDocument();
+        expect(react_2.screen.getByText('(2/13 attributes),')).toBeInTheDocument();
+        expect(react_2.screen.getByText('HCO')).toBeInTheDocument();
+        expect(react_2.screen.getByText('(12/12 attributes)')).toBeInTheDocument();
+        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('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();
+        expect(react_2.screen.getByRole('button', { name: 'Export' })).toBeInTheDocument();
+        jest.useRealTimers();
+    });
+    it('should call onClose when Cancel button is clicked', 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('button', { name: 'Cancel' }))];
+                case 1:
+                    _a.sent();
+                    expect(defaultProps.onClose).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onExternalExport when Go to export application button is clicked', 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('button', { name: 'Go to export application' }))];
+                case 1:
+                    _a.sent();
+                    expect(defaultProps.onExternalExport).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onExport once and shows snackbar action on success', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    jest.useFakeTimers();
+                    jest.setSystemTime(new Date(2025, 10, 25, 9, 10, 0));
+                    user = setUp().user;
+                    jest.useRealTimers();
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Export' }))];
+                case 1:
+                    _a.sent();
+                    expect(defaultProps.onLoadingChange).toHaveBeenCalledWith(true);
+                    expect(mdm_sdk_1.exportData).toHaveBeenCalledTimes(2);
+                    expect(mdm_sdk_1.exportData).toHaveBeenCalledWith(expect.objectContaining({
+                        exportPath: '/nui/export',
+                        tenant: 't1',
+                        options: {
+                            fileFormat: mdm_sdk_1.ExportDataFormat.CSV,
+                            dateFormat: 'readable',
+                            filter: defaultProps.filter,
+                            activeness: mdm_sdk_1.ActivityFilter.ALL,
+                            options: 'parallelExecution,searchByOv',
+                            name: 'Untitled Export Job 11252025_09:10_HCP',
+                            select: 'attributes.FirstName,attributes.LastName'
+                        },
+                        includeType: ['configuration/entityTypes/HCP'],
+                        headerOrder: mdm_sdk_1.ExportHeaderOrder.Select
+                    }));
+                    expect(mdm_sdk_1.exportData).toHaveBeenCalledWith(expect.objectContaining({
+                        exportPath: '/nui/export',
+                        tenant: 't1',
+                        options: {
+                            fileFormat: mdm_sdk_1.ExportDataFormat.CSV,
+                            dateFormat: 'readable',
+                            filter: defaultProps.filter,
+                            activeness: mdm_sdk_1.ActivityFilter.ALL,
+                            options: 'parallelExecution,searchByOv',
+                            name: 'Untitled Export Job 11252025_09:10_entities',
+                            sendHidden: false
+                        },
+                        includeType: ['configuration/entityTypes/HCO'],
+                        headerOrder: mdm_sdk_1.ExportHeaderOrder.Default
+                    }));
+                    expect(defaultProps.onLoadingChange).toHaveBeenCalledWith(false);
+                    expect(defaultProps.onClose).toHaveBeenCalled();
+                    expect(showSnackbarMessage).toHaveBeenCalledWith({
+                        message: "Your export job is underway. We'll send an email with the download link once it's complete.",
+                        action: {
+                            label: 'View progress',
+                            onClick: expect.any(Function)
+                        }
+                    });
+                    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) {
+            switch (_a.label) {
+                case 0:
+                    mdm_sdk_1.exportData.mockRejectedValueOnce(new Error('Failed to export configuration/entityTypes/HCP'));
+                    mdm_sdk_1.exportData.mockResolvedValueOnce({ status: 'scheduled' });
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Export' }))];
+                case 1:
+                    _a.sent();
+                    expect(defaultProps.onLoadingChange).toHaveBeenCalledWith(true);
+                    expect(mdm_sdk_1.exportData).toHaveBeenCalledTimes(2);
+                    expect(defaultProps.onLoadingChange).toHaveBeenCalledWith(false);
+                    expect(defaultProps.onClose).toHaveBeenCalled();
+                    return [4 /*yield*/, react_2.screen.findByTestId('error-message')];
+                case 2:
+                    errorMessage = _a.sent();
+                    expect(errorMessage).toHaveTextContent('Failed to export configuration/entityTypes/HCP.');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/cjs/ExportDialog/index.d.ts

@@ -0,0 +1 @@
+export { ExportDialog } from './ExportDialog';

package/cjs/ExportDialog/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExportDialog = void 0;
+var ExportDialog_1 = require("./ExportDialog");
+Object.defineProperty(exports, "ExportDialog", { enumerable: true, get: function () { return ExportDialog_1.ExportDialog; } });

package/cjs/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -75,6 +75,7 @@ var DependentLookupAutopopulationContext_1 = require("../contexts/DependentLooku
 var styles_1 = require("./styles");
 var AutoCompleteContext_1 = require("../contexts/AutoCompleteContext");
 var AttributeValueContext_1 = require("../contexts/AttributeValueContext");
+var AuthoringPerspectiveViewContext_1 = require("../contexts/AuthoringPerspectiveViewContext");
 var AsyncMountPlaceholder = function () {
     var styles = (0, styles_1.useStyles)();
     return react_1.default.createElement("div", { className: styles.placeholder });
@@ -140,8 +141,10 @@ var SimpleAttributeEditor = function (_a) {
     var hasError = !!errorMessage;
     var deletedProps = deleted ? { disabled: true, isCrossedOut: true } : {};
     var isProfilePerspectiveView = (0, react_1.useContext)(ProfilePerspectiveViewContext_1.ProfilePerspectiveViewContext);
+    var isAuthoringPerspectiveView = (0, react_1.useContext)(AuthoringPerspectiveViewContext_1.AuthoringPerspectiveViewContext);
+    var isEntityPerspectiveView = isProfilePerspectiveView || isAuthoringPerspectiveView;
     var autopopulationContextValue = (0, useAutopopulationContextValue_1.useAutopopulationContextValue)({
-        enabled: isProfilePerspectiveView && (0, mdm_sdk_1.isDependentLookupAttrType)(attributeType),
+        enabled: isEntityPerspectiveView && (0, mdm_sdk_1.isDependentLookupAttrType)(attributeType),
         attributeTypeUri: attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri,
         valueUri: attributeValue.uri
     }).autopopulationContextValue;

package/cjs/SimpleAttributeEditor/SimpleAttributeEditor.test.js

@@ -59,6 +59,7 @@ var ProfilePerspectiveViewContext_1 = require("../contexts/ProfilePerspectiveVie
 var ScrollToElementContext_1 = require("../contexts/ScrollToElementContext");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var AlwaysVisibleAttributesContext_1 = require("../contexts/AlwaysVisibleAttributesContext");
+var AuthoringPerspectiveViewContext_1 = require("../contexts/AuthoringPerspectiveViewContext");
 var useAutopopulationContextValue_1 = require("./useAutopopulationContextValue");
 var useScrollToAttributeError_1 = require("../hooks/useScrollToAttributeError");
 var useAsyncMount_1 = require("../hooks/useAsyncMount");
@@ -110,7 +111,7 @@ describe('SimpleAttributeEditor', function () {
         onDeactivateError: jest.fn()
     };
     var setUp = function (_a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? {} : _c, _d = _b.error, error = _d === void 0 ? null : _d, _e = _b.isProfilePerspective, isProfilePerspective = _e === void 0 ? false : _e, _f = _b.alwaysVisibleAttributes, alwaysVisibleAttributes = _f === void 0 ? [] : _f;
+        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? {} : _c, _d = _b.error, error = _d === void 0 ? null : _d, _e = _b.isProfilePerspective, isProfilePerspective = _e === void 0 ? false : _e, _f = _b.isAuthoringPerspective, isAuthoringPerspective = _f === void 0 ? false : _f, _g = _b.alwaysVisibleAttributes, alwaysVisibleAttributes = _g === void 0 ? [] : _g;
         var user = user_event_1.default.setup();
         var scrollToElementContextValue = getScrollToElementContextValue(error);
         var Providers = function (_a) {
@@ -118,7 +119,8 @@ describe('SimpleAttributeEditor', function () {
             return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues },
                 react_1.default.createElement(AlwaysVisibleAttributesContext_1.AlwaysVisibleAttributesContext.Provider, { value: alwaysVisibleAttributes },
                     react_1.default.createElement(ProfilePerspectiveViewContext_1.ProfilePerspectiveViewContext.Provider, { value: isProfilePerspective },
-                        react_1.default.createElement(ScrollToElementContext_1.ScrollToElementContext.Provider, { value: scrollToElementContextValue }, children)))));
+                        react_1.default.createElement(AuthoringPerspectiveViewContext_1.AuthoringPerspectiveViewContext.Provider, { value: isAuthoringPerspective },
+                            react_1.default.createElement(ScrollToElementContext_1.ScrollToElementContext.Provider, { value: scrollToElementContextValue }, children))))));
         };
         return __assign({ user: user, scrollToElementContextValue: scrollToElementContextValue }, (0, react_2.render)(react_1.default.createElement(SimpleAttributeEditor_1.default, __assign({}, defaultProps, props)), { wrapper: Providers }));
     };
@@ -353,7 +355,7 @@ describe('SimpleAttributeEditor', function () {
             uri: 'configuration/entityTypes/HCA/attributes/InternalCustomer',
             dependentLookupCode: 'Code'
         };
-        it('should call getDependentLookupEditorContext selector with correct arguments', function () { return __awaiter(void 0, void 0, void 0, function () {
+        it('should call getDependentLookupEditorContext selector with correct arguments for profile perspective', function () { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -371,6 +373,24 @@ describe('SimpleAttributeEditor', function () {
                 }
             });
         }); });
+        it('should call getDependentLookupEditorContext selector with correct arguments for authoring perspective', function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setUp({ props: { attributeType: attributeType }, isAuthoringPerspective: true });
+                        return [4 /*yield*/, (0, react_2.act)(function () { return Promise.resolve(); })];
+                    case 1:
+                        _a.sent();
+                        expect(MdmModuleContext_1.useMdmDependentLookupEditorContext).toHaveBeenCalledWith(defaultProps.attributeValue, attributeType);
+                        expect(useAutopopulationContextValue_1.useAutopopulationContextValue).toHaveBeenCalledWith({
+                            enabled: true,
+                            attributeTypeUri: attributeType.uri,
+                            valueUri: defaultProps.attributeValue.uri
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); });
         it('should call useAutopopulationContextValue with enabled: false if component is outside of Profile perspective', function () { return __awaiter(void 0, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -388,6 +408,23 @@ describe('SimpleAttributeEditor', function () {
                 }
             });
         }); });
+        it('should call useAutopopulationContextValue with enabled: false if component is outside of authoring perspective', function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setUp({ props: { attributeType: attributeType }, isAuthoringPerspective: false });
+                        return [4 /*yield*/, (0, react_2.act)(function () { return Promise.resolve(); })];
+                    case 1:
+                        _a.sent();
+                        expect(useAutopopulationContextValue_1.useAutopopulationContextValue).toHaveBeenCalledWith({
+                            enabled: false,
+                            attributeTypeUri: attributeType.uri,
+                            valueUri: defaultProps.attributeValue.uri
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); });
         it('should render dependent lookup editor with applied result of getDependentLookupEditorContext', function () { return __awaiter(void 0, void 0, void 0, function () {
             var dlEditorContext, input;
             return __generator(this, function (_a) {

package/cjs/contexts/AuthoringPerspectiveViewContext/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AuthoringPerspectiveViewContext: React.Context<boolean>;

package/cjs/contexts/AuthoringPerspectiveViewContext/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthoringPerspectiveViewContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.AuthoringPerspectiveViewContext = react_1.default.createContext(false);
+exports.AuthoringPerspectiveViewContext.displayName = 'AuthoringPerspectiveViewContext';

package/cjs/contexts/MdmModuleContext/context.d.ts

@@ -59,6 +59,7 @@ export type MdmModuleValuesContextProps = Partial<{
     showMasking: boolean;
     reviewDCREnabled: boolean;
     dcrReviewValidation: boolean;
+    canUserMakeExport: boolean;
 }>;
 export type MdmModuleActionsContextProps = Partial<{
     openSearch: (payload: SearchState) => void;
@@ -274,6 +275,7 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
     showMasking: boolean;
     reviewDCREnabled: boolean;
     dcrReviewValidation: boolean;
+    canUserMakeExport: boolean;
 }>>;
 export declare const MdmModuleListenersContext: import("@fluentui/react-context-selector").Context<Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;

package/cjs/contexts/MdmModuleContext/hooks.d.ts

@@ -158,3 +158,4 @@ export declare const useMdmControlAttributes: () => string[];
 export declare const useMdmShowMasking: () => boolean;
 export declare const useMdmReviewDCREnabled: () => boolean;
 export declare const useMdmDcrReviewValidation: () => boolean;
+export declare const useMdmCanUserMakeExport: () => boolean;