@reltio/components 1.4.1909 → 1.4.1910

package/cjs/ResizablePanes/ResizablePanes.test.js

@@ -0,0 +1,289 @@
+"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;
+    return g = { next: verb(0), "throw": verb(1), "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 ResizablePanes_1 = require("./ResizablePanes");
+var test_utils_1 = require("../test-utils");
+var defaultProps = {
+    allowResize: true,
+    children: []
+};
+var setUp = function (props) {
+    if (props === void 0) { props = defaultProps; }
+    var user = user_event_1.default.setup();
+    return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
+        react_1.default.createElement("div", null, "Panel 1 content"),
+        react_1.default.createElement("div", null, "Panel 2 content")))), { user: user });
+};
+var getPanel1 = function (container) { return container.querySelectorAll('[data-panel-id]')[0]; };
+var getPanel2 = function (container) { return container.querySelectorAll('[data-panel-id]')[1]; };
+var getResizeHandle = function (container) { return container.querySelector('[data-resize-handle]'); };
+var isResizingDisabled = function (container) {
+    return getResizeHandle(container).getAttribute('data-panel-resize-handle-enabled') === 'false';
+};
+var checkPanelSize = function (panel, size) { return expect(panel.getAttribute('data-panel-size')).toBe(size); };
+var moveResizeHandle = function (container, user, from, to) { return __awaiter(void 0, void 0, void 0, function () {
+    var resizeHandle;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                resizeHandle = getResizeHandle(container);
+                return [4 /*yield*/, user.pointer([
+                        {
+                            keys: '[MouseLeft>]',
+                            target: resizeHandle,
+                            coords: {
+                                x: from.x,
+                                y: from.y
+                            }
+                        },
+                        {
+                            target: resizeHandle,
+                            coords: {
+                                x: to.x,
+                                y: to.y
+                            }
+                        },
+                        {
+                            keys: '[/MouseLeft]',
+                            target: resizeHandle,
+                            coords: {
+                                x: to.x,
+                                y: to.y
+                            }
+                        }
+                    ])];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); };
+describe('ResizablePanes tests', function () {
+    beforeAll(function () {
+        jest.spyOn(HTMLElement.prototype, 'clientWidth', 'get').mockReturnValue(1000);
+        jest.spyOn(HTMLElement.prototype, 'getBoundingClientRect').mockReturnValue({
+            width: 1000,
+            height: 1000,
+            top: 0,
+            left: 0,
+            right: 1000,
+            bottom: 1000,
+            x: 0,
+            y: 0,
+            toJSON: function () { return ''; }
+        });
+    });
+    it('should render main parts', function () {
+        var container = setUp().container;
+        expect(getPanel1(container)).toBeInTheDocument();
+        expect(react_2.screen.getByText('Panel 1 content')).toBeInTheDocument();
+        expect(getPanel2(container)).toBeInTheDocument();
+        expect(react_2.screen.getByText('Panel 2 content')).toBeInTheDocument();
+        expect(getResizeHandle(container)).toBeInTheDocument();
+    });
+    it('should allow to resize the panels', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, container, user;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = setUp(__assign(__assign({}, defaultProps), { size: '320px', minSize: '320px', maxSize: '640px', onChange: function () { }, debounceInterval: 0 })), container = _a.container, user = _a.user;
+                    expect(isResizingDisabled(container)).toBe(false);
+                    checkPanelSize(getPanel1(container), '32.0');
+                    checkPanelSize(getPanel2(container), '68.0');
+                    // move mouse to an x-coordinate between minSize and maxSize
+                    return [4 /*yield*/, moveResizeHandle(container, user, { x: 320, y: 0 }, { x: 500, y: 20 })];
+                case 1:
+                    // move mouse to an x-coordinate between minSize and maxSize
+                    _b.sent();
+                    checkPanelSize(getPanel1(container), '50.0');
+                    checkPanelSize(getPanel2(container), '50.0');
+                    // move mouse to a larger x-coordinate than max size
+                    return [4 /*yield*/, moveResizeHandle(container, user, { x: 500, y: 0 }, { x: 650, y: 20 })];
+                case 2:
+                    // move mouse to a larger x-coordinate than max size
+                    _b.sent();
+                    checkPanelSize(getPanel1(container), '64.0');
+                    checkPanelSize(getPanel2(container), '36.0');
+                    // move mouse to a smaller x-coordinate than min size
+                    return [4 /*yield*/, moveResizeHandle(container, user, { x: 640, y: 0 }, { x: 310, y: 20 })];
+                case 3:
+                    // move mouse to a smaller x-coordinate than min size
+                    _b.sent();
+                    checkPanelSize(getPanel1(container), '32.0');
+                    checkPanelSize(getPanel2(container), '68.0');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call onChange prop with debounce on panels resizing', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var debounceInterval, props, _a, user, container;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    debounceInterval = 200;
+                    props = __assign(__assign({}, defaultProps), { size: 320, debounceInterval: debounceInterval, onChange: jest.fn() });
+                    _a = setUp(props), user = _a.user, container = _a.container;
+                    return [4 /*yield*/, moveResizeHandle(container, user, { x: 320, y: 0 }, { x: 510, y: 20 })];
+                case 1:
+                    _b.sent();
+                    expect(props.onChange).not.toHaveBeenCalled();
+                    return [4 /*yield*/, (0, test_utils_1.delayPromise)(debounceInterval + 1)];
+                case 2:
+                    _b.sent();
+                    expect(props.onChange).toHaveBeenCalledWith({
+                        isMaxSize: false,
+                        isMinSize: false,
+                        percentageSize: '51%',
+                        size: 510
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should set correct isMaxSize in props.onChange argument for positive props.maxSize', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var debounceInterval, props, _a, user, container;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    debounceInterval = 0;
+                    props = __assign(__assign({}, defaultProps), { size: 320, maxSize: 500, debounceInterval: debounceInterval, onChange: jest.fn() });
+                    _a = setUp(props), user = _a.user, container = _a.container;
+                    return [4 /*yield*/, moveResizeHandle(container, user, { x: 320, y: 0 }, { x: 510, y: 20 })];
+                case 1:
+                    _b.sent();
+                    expect(props.onChange).toHaveBeenCalledWith({
+                        isMaxSize: true,
+                        isMinSize: false,
+                        percentageSize: '50%',
+                        size: 500
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should set correct isMaxSize in props.onChange argument for negative props.maxSize', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var debounceInterval, props, _a, user, container;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    debounceInterval = 0;
+                    props = __assign(__assign({}, defaultProps), { size: 320, maxSize: -200, debounceInterval: debounceInterval, onChange: jest.fn() });
+                    _a = setUp(props), user = _a.user, container = _a.container;
+                    return [4 /*yield*/, moveResizeHandle(container, user, { x: 320, y: 0 }, { x: 800, y: 20 })];
+                case 1:
+                    _b.sent();
+                    expect(props.onChange).toHaveBeenCalledWith({
+                        isMaxSize: true,
+                        isMinSize: false,
+                        percentageSize: '80%',
+                        size: 800
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should set correct isMaxSize in props.onChange argument if props.maxSize omitted', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var debounceInterval, props, _a, user, container;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    debounceInterval = 0;
+                    props = __assign(__assign({}, defaultProps), { size: 320, debounceInterval: debounceInterval, onChange: jest.fn() });
+                    _a = setUp(props), user = _a.user, container = _a.container;
+                    return [4 /*yield*/, moveResizeHandle(container, user, { x: 320, y: 0 }, { x: 1000, y: 20 })];
+                case 1:
+                    _b.sent();
+                    expect(props.onChange).toHaveBeenCalledWith({
+                        isMaxSize: true,
+                        isMinSize: false,
+                        percentageSize: '100%',
+                        size: 1000
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should set correct isMinSize in props.onChange argument for positive props.minSize', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var debounceInterval, props, _a, user, container;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    debounceInterval = 0;
+                    props = __assign(__assign({}, defaultProps), { size: 320, minSize: 200, debounceInterval: debounceInterval, onChange: jest.fn() });
+                    _a = setUp(props), user = _a.user, container = _a.container;
+                    return [4 /*yield*/, moveResizeHandle(container, user, { x: 320, y: 0 }, { x: 200, y: 20 })];
+                case 1:
+                    _b.sent();
+                    expect(props.onChange).toHaveBeenCalledWith({
+                        isMaxSize: false,
+                        isMinSize: true,
+                        percentageSize: '20%',
+                        size: 200
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should apply negative size correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, container;
+        return __generator(this, function (_a) {
+            props = __assign(__assign({}, defaultProps), { size: -40 });
+            container = setUp(props).container;
+            checkPanelSize(getPanel1(container), '96.0');
+            checkPanelSize(getPanel2(container), '4.0');
+            return [2 /*return*/];
+        });
+    }); });
+});

package/cjs/ResizablePanes/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "horizontal" | "vertical" | "resizer" | "disabled" | "panel">;

package/cjs/ResizablePanes/styles.js

@@ -4,46 +4,55 @@ exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     container: {
-        position: 'relative',
-        '& .Resizer': {
-            zIndex: 1,
-            boxSizing: 'border-box',
-            backgroundClip: 'padding-box',
-            '&.disabled': {
-                cursor: 'initial',
-                height: 0,
-                margin: 0
+        position: 'relative'
+    },
+    panel: {
+        position: 'relative'
+    },
+    horizontal: {},
+    vertical: {},
+    disabled: {},
+    resizer: {
+        zIndex: 1,
+        boxSizing: 'border-box',
+        backgroundClip: 'padding-box',
+        '&$disabled': {
+            cursor: 'initial',
+            height: 0,
+            margin: 0
+        },
+        '&$horizontal': {
+            height: '11px',
+            backgroundImage: 'linear-gradient(rgba(0,0,0,0.33), rgba(0,0,0,0.33))',
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: '100% 1px',
+            backgroundPosition: 'top',
+            width: '100%',
+            marginBottom: '-10px',
+            '&$disabled': {
+                background: 'transparent'
             },
-            '&.horizontal': {
-                height: '11px',
-                backgroundImage: 'linear-gradient(rgba(0,0,0,0.33), rgba(0,0,0,0.33))',
-                backgroundRepeat: 'no-repeat',
-                backgroundSize: '100% 1px',
-                backgroundPosition: 'top',
-                width: '100%',
-                marginBottom: '-10px',
-                '&.disabled': {
-                    background: 'transparent'
-                },
-                '&:not(.disabled):hover': {
-                    cursor: 'row-resize',
-                    backgroundImage: 'linear-gradient(rgba(0, 114, 206, 0), rgba(0, 114, 206, 0.35), rgba(0, 114, 206, 1))',
-                    backgroundSize: '100% 3px'
-                }
+            '&:not($disabled):hover': {
+                cursor: 'ns-resize',
+                backgroundImage: 'linear-gradient(rgba(0, 114, 206, 0), rgba(0, 114, 206, 0.35), rgba(0, 114, 206, 1))',
+                backgroundSize: '100% 3px'
+            }
+        },
+        '&$vertical': {
+            width: '11px',
+            backgroundImage: 'linear-gradient(rgba(0,0,0,0.33), rgba(0,0,0,0.33))',
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: '1px 100%',
+            backgroundPosition: 'left',
+            height: '100%',
+            marginRight: '-10px',
+            '&$disabled': {
+                background: 'transparent'
             },
-            '&.vertical': {
-                width: '11px',
-                backgroundImage: 'linear-gradient(rgba(0,0,0,0.33), rgba(0,0,0,0.33))',
-                backgroundRepeat: 'no-repeat',
-                backgroundSize: '1px 100%',
-                backgroundPosition: 'left',
-                height: '100%',
-                marginRight: '-10px',
-                '&:not(.disabled):hover': {
-                    cursor: 'col-resize',
-                    backgroundImage: 'linear-gradient(to left, rgba(0, 114, 206, 0.35), rgba(0, 114, 206, 1), rgba(0, 114, 206, 0.35))',
-                    backgroundSize: '3px 100%'
-                }
+            '&:not($disabled):hover': {
+                cursor: 'ew-resize',
+                backgroundImage: 'linear-gradient(to left, rgba(0, 114, 206, 0.35), rgba(0, 114, 206, 1), rgba(0, 114, 206, 0.35))',
+                backgroundSize: '3px 100%'
             }
         }
     }

package/cjs/SimpleMatchRulesBlock/SimpleMatchRulesBlock.js

@@ -44,7 +44,7 @@ var SimpleMatchRulesBlock = function (_a) {
     return (react_1.default.createElement("div", { className: styles.container, "data-reltio-id": "simple-match-rules-block" },
         react_1.default.createElement(exports.MatchRuleBadgeWithTooltip, { tooltipTitle: react_1.default.createElement(MatchRulesTooltip_1.MatchRulesTooltip, { matchRules: matchRules, isMlMatch: isMlMatch }), tooltipPlacement: "bottom-start", onExpand: handleOnExpand, expanded: expanded }, isMlMatch ? (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(AIPowered_1.default, { className: styles.icon }),
-            ui_i18n_1.default.text('AI-Powered'))) : (ui_i18n_1.default.text('Rules'))),
+            ui_i18n_1.default.text('AI-powered'))) : (ui_i18n_1.default.text('Rules'))),
         expanded ? (react_1.default.createElement(SimpleMatchRules_1.SimpleMatchRules, { className: styles.rulesContainer, matchRules: matchRules, isMlMatch: isMlMatch, matchRuleSummaries: matchRuleSummaries })) : null));
 };
 exports.SimpleMatchRulesBlock = SimpleMatchRulesBlock;

package/cjs/SimpleMatchRulesBlock/SimpleMatchRulesBlock.test.js

@@ -36,7 +36,7 @@ describe('SimpleMatchRulesBlock test', function () {
     });
     it('should render correct MatchRuleBadgeWithTooltip for Ml match', function () {
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(SimpleMatchRulesBlock_1.SimpleMatchRulesBlock, { isMlMatch: true, matchRules: matchRules }));
-        expect(getMatchRuleBadgeWithTooltip(component).text()).toBe('<AIPowered />AI-Powered');
+        expect(getMatchRuleBadgeWithTooltip(component).text()).toBe('<AIPowered />AI-powered');
     });
     it('should render correct MatchRuleBadgeWithTooltip for non Ml match', function () {
         var component = (0, enzyme_1.shallow)(react_1.default.createElement(SimpleMatchRulesBlock_1.SimpleMatchRulesBlock, { matchRules: matchRules }));

package/cjs/index.d.ts

@@ -270,7 +270,7 @@ export * from './types';
 export * from './constants';
 export { TestPerspectivesSettingsProvider } from './test-utils/TestPerspectiveSettingsProvider';
 export { TestStylesProvider } from './test-utils/TestStylesProvider';
-export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, getMuiIconsByName, mockBasicTableSizing, mockElementSizes, rerenderWrapper, FakeMouseEvent } from './test-utils';
+export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, getMuiIconsByName, mockBasicTableSizing, fixClicksOnResizablePanes, mockElementSizes, rerenderWrapper, FakeMouseEvent } from './test-utils';
 export * from './features/activity-log';
 export * from './features/crosswalks';
 export * from './features/graph';

package/cjs/index.js

@@ -20,7 +20,7 @@ exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exp
 exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = void 0;
 exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.SegmentationContext = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = void 0;
 exports.TestPerspectivesSettingsProvider = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = void 0;
-exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = void 0;
+exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -604,6 +604,7 @@ Object.defineProperty(exports, "delayPromise", { enumerable: true, get: function
 Object.defineProperty(exports, "getMuiIconByName", { enumerable: true, get: function () { return test_utils_1.getMuiIconByName; } });
 Object.defineProperty(exports, "getMuiIconsByName", { enumerable: true, get: function () { return test_utils_1.getMuiIconsByName; } });
 Object.defineProperty(exports, "mockBasicTableSizing", { enumerable: true, get: function () { return test_utils_1.mockBasicTableSizing; } });
+Object.defineProperty(exports, "fixClicksOnResizablePanes", { enumerable: true, get: function () { return test_utils_1.fixClicksOnResizablePanes; } });
 Object.defineProperty(exports, "mockElementSizes", { enumerable: true, get: function () { return test_utils_1.mockElementSizes; } });
 Object.defineProperty(exports, "rerenderWrapper", { enumerable: true, get: function () { return test_utils_1.rerenderWrapper; } });
 Object.defineProperty(exports, "FakeMouseEvent", { enumerable: true, get: function () { return test_utils_1.FakeMouseEvent; } });

package/cjs/test-utils/index.d.ts

@@ -15,6 +15,7 @@ export declare const mockBasicTableSizing: ({ width, height }?: {
     width?: number;
     height?: number;
 }) => () => void;
+export declare const fixClicksOnResizablePanes: () => void;
 export declare const getMuiIconByName: (name: string, el?: HTMLElement) => HTMLElement;
 export declare const getMuiIconsByName: (name: string, el?: HTMLElement) => HTMLElement[];
 interface MouseEventWithOffsets extends MouseEventInit {

package/cjs/test-utils/index.js

@@ -62,7 +62,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FakeMouseEvent = exports.getMuiIconsByName = exports.getMuiIconByName = exports.mockBasicTableSizing = exports.mockElementSizes = exports.rerenderWrapper = exports.deepFreeze = exports.awaitMockPromises = exports.delayPromise = void 0;
+exports.FakeMouseEvent = exports.getMuiIconsByName = exports.getMuiIconByName = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.mockElementSizes = exports.rerenderWrapper = exports.deepFreeze = exports.awaitMockPromises = exports.delayPromise = void 0;
 var react_1 = require("@testing-library/react");
 var delayPromise = function (delay) {
     if (delay === void 0) { delay = 0; }
@@ -137,6 +137,20 @@ var mockBasicTableSizing = function (_a) {
     return unmock;
 };
 exports.mockBasicTableSizing = mockBasicTableSizing;
+var originalPreventDefault = Event.prototype.preventDefault;
+var fixClicksOnResizablePanes = function () {
+    // https://github.com/bvaughn/react-resizable-panels/issues/367
+    // https://github.com/testing-library/user-event/issues/1206
+    // Workaround until the user-event issue is resolved
+    jest.spyOn(Event.prototype, 'preventDefault').mockImplementation(function () {
+        var e = this;
+        if (e.currentTarget === document.body && e.eventPhase === Event.CAPTURING_PHASE) {
+            return;
+        }
+        originalPreventDefault.call(e);
+    });
+};
+exports.fixClicksOnResizablePanes = fixClicksOnResizablePanes;
 var getMuiIconByName = function (name, el) {
     if (el === void 0) { el = document.documentElement; }
     var dataTestId = name + 'Icon';