@reltio/components 1.4.2219 → 1.4.2221

package/ExportDialog/ExportDialog.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ActivityFilter } from '@reltio/mdm-sdk';
+type Props = {
+    open: boolean;
+    onClose: () => void;
+    profilesCount: number;
+    columnsByEntityType: Record<string, string[]>;
+    filter?: string;
+    activityFilter: ActivityFilter;
+    isSearchByOv: boolean;
+    onExternalExport: () => void;
+    onLoadingChange?: (loading: boolean) => void;
+};
+export declare const ExportDialog: ({ open, onClose, columnsByEntityType, profilesCount, onExternalExport, onLoadingChange, filter, activityFilter, isSearchByOv }: Props) => React.JSX.Element;
+export {};

package/ExportDialog/ExportDialog.js

@@ -0,0 +1,144 @@
+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 };
+    }
+};
+import React, { useCallback, useContext, useMemo, useRef } from 'react';
+import i18n from 'ui-i18n';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogActions from '@mui/material/DialogActions';
+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 { DropDownSelector } from '../DropDownSelector';
+import { useInternalExport } from '../hooks/useInternalExport';
+import { SnackbarContext } from '../contexts/SnackbarContext';
+import { useMdmAction } from '../contexts/MdmModuleContext';
+import { showErrorMessage } from '../helpers/errors';
+import { ErrorWrapper } from '../ErrorWrapper';
+import styles from './ExportDialog.module.css';
+export 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 = useContext(SnackbarContext);
+    var openConsoleApp = useMdmAction('openConsoleApp');
+    var isExportingRef = useRef(false);
+    var _c = 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 = 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: i18n.text("Your export job is underway. We'll send an email with the download link once it's complete."),
+                                action: {
+                                    label: i18n.text('View progress'),
+                                    onClick: function () {
+                                        openConsoleApp('Export');
+                                    }
+                                }
+                            });
+                        }
+                        if (failedCount > 0) {
+                            failedJobsString = (_b = result.failedJobs) === null || _b === void 0 ? void 0 : _b.join(', ');
+                            errorMessage = i18n.text('Failed to export ${failedJobsString}.', { failedJobsString: failedJobsString });
+                            error = new Error(errorMessage);
+                            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 = useCallback(function () {
+        onClose();
+        onExternalExport();
+    }, [onExternalExport, onClose]);
+    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)', {
+            selected: data.selectedAttributesCount,
+            total: data.totalAttributesCount
+        }),
+        index < Object.values(entityTypesDetails).length - 1 && ', ')); }))); }, [entityTypesDetails]);
+    return (React.createElement(Dialog, { open: open, onClose: onClose, fullWidth: true, classes: { paper: styles.dialog } },
+        React.createElement(DialogTitle, { classes: { root: styles.dialogTitle } }, i18n.text('Export')),
+        React.createElement(DialogContent, { classes: { root: styles.dialogContent } },
+            React.createElement(ErrorWrapper, { errorMessage: exportName ? '' : i18n.text('This field is required') },
+                React.createElement(TextField, { label: i18n.text('Name your export'), value: exportName, onChange: onChangeExportName, variant: 'filled', fullWidth: true, size: 'small', required: true })),
+            React.createElement(Typography, { variant: "subtitle2", className: styles.subtitle }, i18n.text('Data selected')),
+            React.createElement("div", { className: styles.summary },
+                React.createElement(Typography, { className: styles.totalCaption, color: "textSecondary" },
+                    React.createElement("span", { className: styles.totalNumber }, i18n.number(profilesCount, '0,0')),
+                    profilesCount === 1 ? i18n.text('Profile') : i18n.text('Profiles')),
+                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.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')))),
+        React.createElement(DialogActions, { classes: { root: styles.dialogActions } },
+            React.createElement(Button, { onClick: onClose }, i18n.text('Cancel')),
+            React.createElement(Button, { onClick: handleConfirm, color: "primary", disabled: !exportName }, i18n.text('Export')))));
+};

package/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);
+}
+export default styles;

package/ExportDialog/ExportDialog.test.d.ts

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

package/ExportDialog/ExportDialog.test.js

@@ -0,0 +1,285 @@
+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 };
+    }
+};
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { createTheme } from '@mui/material/styles';
+import { ThemeProvider } from '@mui/styles';
+import { ActivityFilter, exportData, ExportDataFormat, ExportHeaderOrder } from '@reltio/mdm-sdk';
+import { SnackbarContext } from '../contexts/SnackbarContext';
+import { ExportDialog } from '../ExportDialog';
+import { MdmModuleProvider } from '../contexts/MdmModuleContext';
+import { ErrorPopup } from '../ErrorPopup';
+import { theme } from '../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: ActivityFilter.ALL,
+    isSearchByOv: true
+};
+var showSnackbarMessage = jest.fn();
+var setUp = function (props) {
+    if (props === void 0) { props = defaultProps; }
+    var user = userEvent.setup();
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (React.createElement(ThemeProvider, { theme: createTheme(theme) },
+            React.createElement(SnackbarContext.Provider, { value: showSnackbarMessage },
+                React.createElement(MdmModuleProvider, { values: mdmValues, actions: mdmActions },
+                    React.createElement(ErrorPopup, null),
+                    children))));
+    };
+    return __assign(__assign({}, render(React.createElement(ExportDialog, __assign({}, props)), { wrapper: Providers })), { user: user });
+};
+describe('ExportDialog tests', function () {
+    beforeEach(function () {
+        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(screen.getByRole('dialog')).toBeInTheDocument();
+        expect(screen.getByLabelText('Export')).toBeInTheDocument();
+        expect(screen.getByText('Name your export')).toBeInTheDocument();
+        expect(screen.getByDisplayValue('Untitled Export Job 11252025_09:10')).toBeInTheDocument();
+        expect(screen.getByText('Data selected')).toBeInTheDocument();
+        expect(screen.getByText('15')).toBeInTheDocument();
+        expect(screen.getByText('Profiles')).toBeInTheDocument();
+        expect(screen.getByText('HCP')).toBeInTheDocument();
+        expect(screen.getByText('(2/13 attributes),')).toBeInTheDocument();
+        expect(screen.getByText('HCO')).toBeInTheDocument();
+        expect(screen.getByText('(12/12 attributes)')).toBeInTheDocument();
+        expect(screen.getByText('Export options')).toBeInTheDocument();
+        expect(screen.getByText('File format')).toBeInTheDocument();
+        expect(screen.getByText('CSV Flattened')).toBeInTheDocument();
+        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();
+        expect(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(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(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(screen.getByRole('button', { name: 'Export' }))];
+                case 1:
+                    _a.sent();
+                    expect(defaultProps.onLoadingChange).toHaveBeenCalledWith(true);
+                    expect(exportData).toHaveBeenCalledTimes(2);
+                    expect(exportData).toHaveBeenCalledWith(expect.objectContaining({
+                        exportPath: '/nui/export',
+                        tenant: 't1',
+                        options: {
+                            fileFormat: ExportDataFormat.CSV,
+                            dateFormat: 'readable',
+                            filter: defaultProps.filter,
+                            activeness: ActivityFilter.ALL,
+                            options: 'parallelExecution,searchByOv',
+                            name: 'Untitled Export Job 11252025_09:10_HCP',
+                            select: 'attributes.FirstName,attributes.LastName'
+                        },
+                        includeType: ['configuration/entityTypes/HCP'],
+                        headerOrder: ExportHeaderOrder.Select
+                    }));
+                    expect(exportData).toHaveBeenCalledWith(expect.objectContaining({
+                        exportPath: '/nui/export',
+                        tenant: 't1',
+                        options: {
+                            fileFormat: ExportDataFormat.CSV,
+                            dateFormat: 'readable',
+                            filter: defaultProps.filter,
+                            activeness: ActivityFilter.ALL,
+                            options: 'parallelExecution,searchByOv',
+                            name: 'Untitled Export Job 11252025_09:10_entities',
+                            sendHidden: false
+                        },
+                        includeType: ['configuration/entityTypes/HCO'],
+                        headerOrder: 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:
+                    exportData.mockRejectedValueOnce(new Error('Failed to export configuration/entityTypes/HCP'));
+                    exportData.mockResolvedValueOnce({ status: 'scheduled' });
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Export' }))];
+                case 1:
+                    _a.sent();
+                    expect(defaultProps.onLoadingChange).toHaveBeenCalledWith(true);
+                    expect(exportData).toHaveBeenCalledTimes(2);
+                    expect(defaultProps.onLoadingChange).toHaveBeenCalledWith(false);
+                    expect(defaultProps.onClose).toHaveBeenCalled();
+                    return [4 /*yield*/, screen.findByTestId('error-message')];
+                case 2:
+                    errorMessage = _a.sent();
+                    expect(errorMessage).toHaveTextContent('Failed to export configuration/entityTypes/HCP.');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/ExportDialog/index.d.ts

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

package/ExportDialog/index.js

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

package/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -47,6 +47,7 @@ import { DependentLookupAutopopulationContext } from '../contexts/DependentLooku
 import { useStyles } from './styles';
 import { AddressAutoCompleteContext } from '../contexts/AutoCompleteContext';
 import { AttributeValueContext } from '../contexts/AttributeValueContext';
+import { AuthoringPerspectiveViewContext } from '../contexts/AuthoringPerspectiveViewContext';
 var AsyncMountPlaceholder = function () {
     var styles = useStyles();
     return React.createElement("div", { className: styles.placeholder });
@@ -112,8 +113,10 @@ var SimpleAttributeEditor = function (_a) {
     var hasError = !!errorMessage;
     var deletedProps = deleted ? { disabled: true, isCrossedOut: true } : {};
     var isProfilePerspectiveView = useContext(ProfilePerspectiveViewContext);
+    var isAuthoringPerspectiveView = useContext(AuthoringPerspectiveViewContext);
+    var isEntityPerspectiveView = isProfilePerspectiveView || isAuthoringPerspectiveView;
     var autopopulationContextValue = useAutopopulationContextValue({
-        enabled: isProfilePerspectiveView && isDependentLookupAttrType(attributeType),
+        enabled: isEntityPerspectiveView && isDependentLookupAttrType(attributeType),
         attributeTypeUri: attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri,
         valueUri: attributeValue.uri
     }).autopopulationContextValue;

package/SimpleAttributeEditor/SimpleAttributeEditor.test.js

@@ -54,6 +54,7 @@ import { ProfilePerspectiveViewContext } from '../contexts/ProfilePerspectiveVie
 import { ScrollType, ScrollToElementContext } from '../contexts/ScrollToElementContext';
 import { MdmModuleProvider, useMdmDependentLookupEditorContext } from '../contexts/MdmModuleContext';
 import { AlwaysVisibleAttributesContext } from '../contexts/AlwaysVisibleAttributesContext';
+import { AuthoringPerspectiveViewContext } from '../contexts/AuthoringPerspectiveViewContext';
 import { useAutopopulationContextValue } from './useAutopopulationContextValue';
 import { useScrollToAttributeError } from '../hooks/useScrollToAttributeError';
 import { useAsyncMount } from '../hooks/useAsyncMount';
@@ -105,7 +106,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 = userEvent.setup();
         var scrollToElementContextValue = getScrollToElementContextValue(error);
         var Providers = function (_a) {
@@ -113,7 +114,8 @@ describe('SimpleAttributeEditor', function () {
             return (React.createElement(MdmModuleProvider, { values: mdmValues },
                 React.createElement(AlwaysVisibleAttributesContext.Provider, { value: alwaysVisibleAttributes },
                     React.createElement(ProfilePerspectiveViewContext.Provider, { value: isProfilePerspective },
-                        React.createElement(ScrollToElementContext.Provider, { value: scrollToElementContextValue }, children)))));
+                        React.createElement(AuthoringPerspectiveViewContext.Provider, { value: isAuthoringPerspective },
+                            React.createElement(ScrollToElementContext.Provider, { value: scrollToElementContextValue }, children))))));
         };
         return __assign({ user: user, scrollToElementContextValue: scrollToElementContextValue }, render(React.createElement(SimpleAttributeEditor, __assign({}, defaultProps, props)), { wrapper: Providers }));
     };
@@ -348,7 +350,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:
@@ -366,6 +368,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*/, act(function () { return Promise.resolve(); })];
+                    case 1:
+                        _a.sent();
+                        expect(useMdmDependentLookupEditorContext).toHaveBeenCalledWith(defaultProps.attributeValue, attributeType);
+                        expect(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) {
@@ -383,6 +403,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*/, act(function () { return Promise.resolve(); })];
+                    case 1:
+                        _a.sent();
+                        expect(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/ExportDialog/ExportDialog.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ActivityFilter } from '@reltio/mdm-sdk';
+type Props = {
+    open: boolean;
+    onClose: () => void;
+    profilesCount: number;
+    columnsByEntityType: Record<string, string[]>;
+    filter?: string;
+    activityFilter: ActivityFilter;
+    isSearchByOv: boolean;
+    onExternalExport: () => void;
+    onLoadingChange?: (loading: boolean) => void;
+};
+export declare const ExportDialog: ({ open, onClose, columnsByEntityType, profilesCount, onExternalExport, onLoadingChange, filter, activityFilter, isSearchByOv }: Props) => React.JSX.Element;
+export {};