@reltio/components 1.4.1908 → 1.4.1910

package/cjs/icons/AIPowered.js

@@ -0,0 +1,76 @@
+"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 __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 AIPowered = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("g", { clipPath: "url(#clip0_6347_29)" },
+            react_1.default.createElement("path", { d: "M11.5 2.57735C12.1188 2.22008 12.8812 2.22008 13.5 2.57735L19.7272 6.17265C20.346 6.52992 20.7272 7.19017 20.7272 7.9047V15.0953C20.7272 15.8098 20.346 16.4701 19.7272 16.8274L13.5 20.4226C12.8812 20.7799 12.1188 20.7799 11.5 20.4226L5.27276 16.8274C4.65396 16.4701 4.27276 15.8098 4.27276 15.0953V7.9047C4.27276 7.19017 4.65396 6.52992 5.27276 6.17265L11.5 2.57735Z", fill: "url(#paint0_linear_6347_29)" }),
+            react_1.default.createElement("path", { opacity: "0.5", d: "M11.5 4.57735C12.1188 4.22008 12.8812 4.22008 13.5 4.57735L17.9952 7.17265C18.614 7.52992 18.9952 8.19017 18.9952 8.9047V14.0953C18.9952 14.8098 18.614 15.4701 17.9952 15.8274L13.5 18.4226C12.8812 18.7799 12.1188 18.7799 11.5 18.4226L7.00481 15.8274C6.38601 15.4701 6.00481 14.8098 6.00481 14.0953V8.9047C6.00481 8.19017 6.38601 7.52992 7.00481 7.17265L11.5 4.57735Z", fill: "url(#paint1_linear_6347_29)" }),
+            react_1.default.createElement("path", { opacity: "0.5", d: "M11.5 7.57735C12.1188 7.22008 12.8812 7.22008 13.5 7.57735L15.3971 8.67265C16.0159 9.02992 16.3971 9.69017 16.3971 10.4047V12.5953C16.3971 13.3098 16.0159 13.9701 15.3971 14.3274L13.5 15.4226C12.8812 15.7799 12.1188 15.7799 11.5 15.4226L9.60289 14.3274C8.98408 13.9701 8.60289 13.3098 8.60289 12.5953V10.4047C8.60289 9.69017 8.98408 9.02992 9.60289 8.67265L11.5 7.57735Z", fill: "url(#paint2_linear_6347_29)" }),
+            react_1.default.createElement("g", { filter: "url(#filter0_f_6347_29)" },
+                react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.4698 2.27726C18.3093 1.84052 17.6916 1.84052 17.5311 2.27726L17.1356 3.3538C16.8319 4.18016 16.1807 4.83145 15.3543 5.13508L14.2778 5.53063C13.841 5.6911 13.841 6.3088 14.2778 6.46927L15.3543 6.86482C16.1807 7.16845 16.8319 7.81974 17.1356 8.6461L17.5311 9.72264C17.6916 10.1594 18.3093 10.1594 18.4698 9.72264L18.8653 8.6461C19.1689 7.81974 19.8202 7.16845 20.6466 6.86482L21.7231 6.46927C22.1599 6.3088 22.1599 5.6911 21.7231 5.53063L20.6466 5.13508C19.8202 4.83145 19.1689 4.18016 18.8653 3.3538L18.4698 2.27726ZM10.9698 5.27726C10.8093 4.84052 10.1916 4.84052 10.0311 5.27727L8.42641 9.64465C8.12278 10.471 7.4715 11.1223 6.64513 11.4259L2.27775 13.0306C1.84101 13.1911 1.84101 13.8088 2.27775 13.9693L6.64513 15.574C7.4715 15.8776 8.12278 16.5289 8.42641 17.3553L10.0311 21.7226C10.1916 22.1594 10.8093 22.1594 10.9698 21.7226L12.5745 17.3553C12.8781 16.5289 13.5294 15.8776 14.3557 15.574L18.7231 13.9693C19.1599 13.8088 19.1599 13.1911 18.7231 13.0306L14.3557 11.4259C13.5294 11.1223 12.8781 10.471 12.5745 9.64465L10.9698 5.27726Z", fill: "white" })),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.4698 2.27726C18.3093 1.84052 17.6916 1.84052 17.5311 2.27726L17.1356 3.3538C16.8319 4.18016 16.1807 4.83145 15.3543 5.13508L14.2778 5.53063C13.841 5.6911 13.841 6.3088 14.2778 6.46927L15.3543 6.86482C16.1807 7.16845 16.8319 7.81974 17.1356 8.6461L17.5311 9.72264C17.6916 10.1594 18.3093 10.1594 18.4698 9.72264L18.8653 8.6461C19.1689 7.81974 19.8202 7.16845 20.6466 6.86482L21.7231 6.46927C22.1599 6.3088 22.1599 5.6911 21.7231 5.53063L20.6466 5.13508C19.8202 4.83145 19.1689 4.18016 18.8653 3.3538L18.4698 2.27726ZM10.9698 5.27726C10.8093 4.84052 10.1916 4.84052 10.0311 5.27727L8.42641 9.64465C8.12278 10.471 7.4715 11.1223 6.64513 11.4259L2.27775 13.0306C1.84101 13.1911 1.84101 13.8088 2.27775 13.9693L6.64513 15.574C7.4715 15.8776 8.12278 16.5289 8.42641 17.3553L10.0311 21.7226C10.1916 22.1594 10.8093 22.1594 10.9698 21.7226L12.5745 17.3553C12.8781 16.5289 13.5294 15.8776 14.3557 15.574L18.7231 13.9693C19.1599 13.8088 19.1599 13.1911 18.7231 13.0306L14.3557 11.4259C13.5294 11.1223 12.8781 10.471 12.5745 9.64465L10.9698 5.27726Z", fill: "#FDDF1C" }),
+            react_1.default.createElement("path", { d: "M9.5 14.4999C8.7 13.2999 5 13.3333 3.5 13.5L5.5 14.4999L7.5 15.4998L8.5 16.4998L10.5 20.9998C10.5 19.3332 10.3 15.6999 9.5 14.4999Z", fill: "#FFF174" }),
+            react_1.default.createElement("path", { d: "M11.5 12.4999C12.3 13.6999 16 13.6664 17.5 13.4998L15.5 12.4999L13.5 11.4999L12.5 10.4999L10.5 5.99994C10.5 7.66658 10.7 11.2999 11.5 12.4999Z", fill: "#FFF174" }),
+            react_1.default.createElement("path", { d: "M9.28571 12.142C8.71429 13.0913 6.07143 13.0648 5 12.933L6.42857 12.142L7.85714 11.351L8.57143 10.5599L10 7C10 8.31845 9.85714 11.1927 9.28571 12.142Z", fill: "#FFF6A9" }),
+            react_1.default.createElement("path", { d: "M11.8571 15.001C12.5429 13.8935 15.7143 13.9244 17 14.0782L15.2857 15.001L13.5714 15.9239L12.7143 16.8468L11 21C11 19.4618 11.1714 16.1085 11.8571 15.001Z", fill: "#FFF6A9" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.0004 3.88493C17.5956 4.83678 16.8373 5.59511 15.8854 5.99995C16.8373 6.40479 17.5956 7.16312 18.0004 8.11497C18.4053 7.16312 19.1636 6.40479 20.1155 5.99995C19.1636 5.59511 18.4053 4.83678 18.0004 3.88493ZM17.5311 2.27726C17.6916 1.84052 18.3093 1.84052 18.4698 2.27726L18.8653 3.3538C19.1689 4.18016 19.8202 4.83145 20.6466 5.13508L21.7231 5.53063C22.1599 5.6911 22.1599 6.3088 21.7231 6.46927L20.6466 6.86482C19.8202 7.16845 19.1689 7.81974 18.8653 8.6461L18.4698 9.72264C18.3093 10.1594 17.6916 10.1594 17.5311 9.72264L17.1356 8.6461C16.8319 7.81974 16.1807 7.16845 15.3543 6.86482L14.2778 6.46927C13.841 6.3088 13.841 5.6911 14.2778 5.53063L15.3543 5.13508C16.1807 4.83145 16.8319 4.18016 17.1356 3.3538L17.5311 2.27726Z", fill: "url(#paint3_linear_6347_29)" }),
+            react_1.default.createElement("g", { filter: "url(#filter1_f_6347_29)" },
+                react_1.default.createElement("path", { d: "M17.5481 3.40715C17.5946 3.13582 17.9843 3.13582 18.0309 3.40715L18.2266 4.54831C18.3232 5.11115 18.7218 5.57509 19.2637 5.75524V5.75524C19.4991 5.8335 19.4991 6.1665 19.2637 6.24476L19.1579 6.27994C18.6665 6.44331 18.2712 6.81374 18.0764 7.29358L18.0411 7.38037C17.9494 7.60624 17.6296 7.60624 17.5378 7.38037V7.38037C17.3251 6.85645 16.8559 6.48029 16.2983 6.38651L15.3139 6.22097C15.0647 6.17905 15.0647 5.82095 15.3139 5.77903V5.77903C16.4409 5.58951 17.3249 4.70837 17.5181 3.58205L17.5481 3.40715Z", fill: "white" })),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5004 6.89946L11.6358 9.98953C12.0407 11.0913 12.909 11.9597 14.0109 12.3646L17.1009 13.4999L14.0109 14.6353C12.909 15.0402 12.0407 15.9085 11.6358 17.0104L10.5004 20.1004L9.36506 17.0104C8.96022 15.9085 8.09184 15.0402 6.99002 14.6353L3.89995 13.4999L6.99002 12.3646C8.09184 11.9597 8.96022 11.0913 9.36506 9.98953L10.5004 6.89946ZM10.0311 5.27726C10.1916 4.84052 10.8093 4.84052 10.9698 5.27726L12.5745 9.64465C12.8781 10.471 13.5294 11.1223 14.3557 11.4259L18.7231 13.0306C19.1599 13.1911 19.1599 13.8088 18.7231 13.9693L14.3557 15.574C13.5294 15.8776 12.8781 16.5289 12.5745 17.3553L10.9698 21.7226C10.8093 22.1594 10.1916 22.1594 10.0311 21.7226L8.42641 17.3553C8.12278 16.5289 7.4715 15.8776 6.64513 15.574L2.27775 13.9693C1.84101 13.8088 1.84101 13.1911 2.27775 13.0306L6.64513 11.4259C7.4715 11.1223 8.12278 10.471 8.42641 9.64465L10.0311 5.27726Z", fill: "url(#paint4_linear_6347_29)" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5009 6.89941L11.6363 9.98948C12.0411 11.0913 12.9095 11.9597 14.0113 12.3645L17.1014 13.4999L14.0113 14.6353C12.9095 15.0401 12.0411 15.9085 11.6363 17.0103L10.5009 20.1004L9.3655 17.0103C8.96066 15.9085 8.09228 15.0401 6.99046 14.6353L3.90039 13.4999L6.99046 12.3645C8.09228 11.9597 8.96066 11.0913 9.3655 9.98948L10.5009 6.89941Z", fill: "url(#paint5_linear_6347_29)" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.8482 11.9743L14.3557 11.4259C13.5294 11.1223 12.8781 10.471 12.5745 9.64465L10.9698 5.27726C10.8093 4.84052 10.1916 4.84052 10.0311 5.27726L8.42641 9.64465C8.12278 10.471 7.4715 11.1223 6.64513 11.4259L2.27775 13.0306C1.84101 13.1911 1.84101 13.8088 2.27775 13.9693L6.64513 15.574C7.16928 15.7666 7.62299 16.099 7.96223 16.5273L8.83524 16.0233C8.37471 15.3958 7.73584 14.9094 6.99002 14.6353L3.89995 13.4999L6.99002 12.3646C8.09184 11.9597 8.96022 11.0913 9.36506 9.98953L10.5004 6.89946L11.6358 9.98953C12.0407 11.0913 12.909 11.9597 14.0109 12.3646L14.7206 12.6253L15.8482 11.9743Z", fill: "#FFD884" }),
+            react_1.default.createElement("g", { filter: "url(#filter2_f_6347_29)" },
+                react_1.default.createElement("path", { d: "M9.75296 7.59175C9.79676 7.30954 10.2032 7.30954 10.247 7.59175L10.7042 10.5372C10.85 11.4767 11.4941 12.263 12.3865 12.5909V12.5909C12.7672 12.7308 12.7672 13.2692 12.3865 13.4091L12.2328 13.4656C11.413 13.7668 10.7668 14.413 10.4656 15.2328L10.4171 15.3648C10.2745 15.753 9.72552 15.753 9.58291 15.3648V15.3648C9.25844 14.4818 8.49257 13.8351 7.5676 13.6631L5.32233 13.2458C5.04991 13.1952 5.04991 12.8048 5.32233 12.7542L6.96934 12.4481C8.22153 12.2153 9.19027 11.2173 9.38561 9.95869L9.75296 7.59175Z", fill: "white" }))),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("filter", { id: "filter0_f_6347_29", x: "0.950195", y: "0.949707", width: "22.1006", height: "22.1006", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+                react_1.default.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                react_1.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+                react_1.default.createElement("feGaussianBlur", { stdDeviation: "0.5", result: "effect1_foregroundBlur_6347_29" })),
+            react_1.default.createElement("filter", { id: "filter1_f_6347_29", x: "13.127", y: "1.20361", width: "8.31348", height: "8.34619", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+                react_1.default.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                react_1.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+                react_1.default.createElement("feGaussianBlur", { stdDeviation: "1", result: "effect1_foregroundBlur_6347_29" })),
+            react_1.default.createElement("filter", { id: "filter2_f_6347_29", x: "3.11816", y: "5.38013", width: "11.5537", height: "12.2759", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+                react_1.default.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                react_1.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+                react_1.default.createElement("feGaussianBlur", { stdDeviation: "1", result: "effect1_foregroundBlur_6347_29" })),
+            react_1.default.createElement("linearGradient", { id: "paint0_linear_6347_29", x1: "12", y1: "1.5", x2: "12", y2: "21.5", gradientUnits: "userSpaceOnUse" },
+                react_1.default.createElement("stop", { stopColor: "#82CCFF" }),
+                react_1.default.createElement("stop", { offset: "0.336134", stopColor: "#B0FBF4" }),
+                react_1.default.createElement("stop", { offset: "0.965", stopColor: "#FDE6FF" })),
+            react_1.default.createElement("linearGradient", { id: "paint1_linear_6347_29", x1: "12", y1: "3.5", x2: "12", y2: "19.5", gradientUnits: "userSpaceOnUse" },
+                react_1.default.createElement("stop", { stopColor: "#63BBFF" }),
+                react_1.default.createElement("stop", { offset: "0.49", stopColor: "#B1D9FF" }),
+                react_1.default.createElement("stop", { offset: "1", stopColor: "#F6C7FF" })),
+            react_1.default.createElement("linearGradient", { id: "paint2_linear_6347_29", x1: "12", y1: "6.5", x2: "12", y2: "16.5", gradientUnits: "userSpaceOnUse" },
+                react_1.default.createElement("stop", { stopColor: "#63BBFF" }),
+                react_1.default.createElement("stop", { offset: "0.49", stopColor: "#B1D9FF" }),
+                react_1.default.createElement("stop", { offset: "1", stopColor: "#F6C7FF" })),
+            react_1.default.createElement("linearGradient", { id: "paint3_linear_6347_29", x1: "12", y1: "1", x2: "12", y2: "23", gradientUnits: "userSpaceOnUse" },
+                react_1.default.createElement("stop", { stopColor: "#FFB830" }),
+                react_1.default.createElement("stop", { offset: "1", stopColor: "#EF9C01" })),
+            react_1.default.createElement("linearGradient", { id: "paint4_linear_6347_29", x1: "3.5", y1: "4", x2: "15.5", y2: "22", gradientUnits: "userSpaceOnUse" },
+                react_1.default.createElement("stop", { stopColor: "#FFCE66" }),
+                react_1.default.createElement("stop", { offset: "1", stopColor: "#EF9C01" })),
+            react_1.default.createElement("linearGradient", { id: "paint5_linear_6347_29", x1: "6.5", y1: "5", x2: "12", y2: "17", gradientUnits: "userSpaceOnUse" },
+                react_1.default.createElement("stop", { stopColor: "#FFFACE" }),
+                react_1.default.createElement("stop", { offset: "1", stopColor: "#FFFACE", stopOpacity: "0" })),
+            react_1.default.createElement("clipPath", { id: "clip0_6347_29" },
+                react_1.default.createElement("rect", { width: "24", height: "24", fill: "white" })))));
+};
+exports.default = AIPowered;

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';

package/esm/MatchRulesTooltip/MatchRulesTooltip.js

@@ -1,15 +1,19 @@
 import React from 'react';
-import { MatchRulesTitle } from '../MatchRulesTitle';
 import NegativeRuleTooltipIcon from '../icons/NegativeRuleTooltipIcon';
 import { useStyles } from './styles';
+import i18n from 'ui-i18n';
 export var MatchRulesTooltip = function (_a) {
     var _b = _a.isMlMatch, isMlMatch = _b === void 0 ? false : _b, matchRules = _a.matchRules;
     var styles = useStyles();
+    var hasMatchRules = matchRules.length > 0;
+    var showTitle = !isMlMatch && hasMatchRules;
     return (React.createElement("div", { className: styles.container },
-        React.createElement("div", { className: styles.title },
-            React.createElement(MatchRulesTitle, { isMlMatch: isMlMatch }),
-            ' '),
-        React.createElement("div", { className: styles.body }, matchRules.map(function (match) { return (React.createElement("div", { key: match.uri },
-            '- ',
-            match.negativeRule && React.createElement(NegativeRuleTooltipIcon, { className: styles.negativeRuleIcon }), "".concat(match.label))); }))));
+        React.createElement("div", { className: showTitle ? styles.bodyWithMargin : styles.bodyWithoutMargin },
+            showTitle && React.createElement("div", { className: styles.title }, i18n.text('Match rules')),
+            hasMatchRules
+                ? matchRules.map(function (match) { return (React.createElement("div", { key: match.uri },
+                    '- ',
+                    match.negativeRule && React.createElement(NegativeRuleTooltipIcon, { className: styles.negativeRuleIcon }),
+                    match.label)); })
+                : null)));
 };

package/esm/MatchRulesTooltip/MatchRulesTooltip.test.js

@@ -1,39 +1,35 @@
 import React from 'react';
-import { shallow } from 'enzyme';
-import { MatchRulesTitle } from '../MatchRulesTitle';
-import NegativeRuleTooltipIcon from '../icons/NegativeRuleTooltipIcon';
+import { render, screen } from '@testing-library/react';
 import { MatchRulesTooltip } from './MatchRulesTooltip';
 describe('MatchRulesTooltip test', function () {
-    var getMatchRulesTitle = function (component) { return component.find(MatchRulesTitle); };
-    var getBody = function (component) { return component.find('.body'); };
-    it('should provide isMlMatch prop to MatchRulesTitle', function () {
-        var component = shallow(React.createElement(MatchRulesTooltip, { isMlMatch: true, matchRules: [] }));
-        expect(getMatchRulesTitle(component).prop('isMlMatch')).toBe(true);
-        component.setProps({ isMlMatch: false });
-        expect(getMatchRulesTitle(component).prop('isMlMatch')).toBe(false);
+    it('should render correct title depending on isMlMatch prop', function () {
+        var rerender = render(React.createElement(MatchRulesTooltip, { isMlMatch: true, matchRules: [] })).rerender;
+        expect(screen.queryByText(/Match rules/i)).not.toBeInTheDocument();
+        rerender(React.createElement(MatchRulesTooltip, { isMlMatch: false, matchRules: [{ uri: 'uri1', label: 'label1' }] }));
+        expect(screen.getByText(/Match rules/i)).toBeInTheDocument();
     });
     it('should render match rule correctly', function () {
         var matchRules = [
             { uri: 'uri1', label: 'label1' },
-            { uri: 'uri1', label: 'label1' }
+            { uri: 'uri2', label: 'label2' }
         ];
-        var component = shallow(React.createElement(MatchRulesTooltip, { matchRules: matchRules }));
-        var body = getBody(component);
-        expect(body.children()).toHaveLength(2);
-        expect(body.childAt(0).text()).toContain(matchRules[0].label);
-        expect(body.childAt(1).text()).toContain(matchRules[1].label);
+        render(React.createElement(MatchRulesTooltip, { matchRules: matchRules }));
+        var ruleItems = screen.getAllByText(/^-\s+/);
+        expect(ruleItems).toHaveLength(2);
+        expect(ruleItems[0]).toHaveTextContent(matchRules[0].label);
+        expect(ruleItems[1]).toHaveTextContent(matchRules[1].label);
     });
     it('should render negative rule correctly', function () {
         var matchRules = [
             { uri: 'uri1', label: 'label1' },
-            { uri: 'uri1', label: 'label1', negativeRule: {} }
+            { uri: 'uri2', label: 'label2', negativeRule: {} }
         ];
-        var component = shallow(React.createElement(MatchRulesTooltip, { matchRules: matchRules }));
-        var body = getBody(component);
-        expect(body.children()).toHaveLength(2);
-        expect(body.childAt(0).text()).toContain(matchRules[0].label);
-        expect(body.childAt(0).find(NegativeRuleTooltipIcon)).toHaveLength(0);
-        expect(body.childAt(1).text()).toContain(matchRules[1].label);
-        expect(body.childAt(1).find(NegativeRuleTooltipIcon)).toHaveLength(1);
+        render(React.createElement(MatchRulesTooltip, { matchRules: matchRules }));
+        var ruleItems = screen.getAllByText(/^-\s+/);
+        expect(ruleItems).toHaveLength(2);
+        expect(ruleItems[0]).toHaveTextContent(matchRules[0].label);
+        expect(ruleItems[0].querySelector('svg')).not.toBeInTheDocument();
+        expect(ruleItems[1]).toHaveTextContent(matchRules[1].label);
+        expect(ruleItems[1].querySelector('svg')).toBeInTheDocument();
     });
 });

package/esm/MatchRulesTooltip/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "title" | "body" | "negativeRuleIcon">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "title" | "bodyWithMargin" | "bodyWithoutMargin" | "negativeRuleIcon">;

package/esm/MatchRulesTooltip/styles.js

@@ -4,10 +4,14 @@ export var useStyles = makeStyles({
         fontWeight: 500,
         marginBottom: '9px'
     },
-    body: {
+    bodyWithMargin: {
         fontWeight: 'normal',
         marginLeft: '16px'
     },
+    bodyWithoutMargin: {
+        fontWeight: 'normal',
+        marginLeft: '0px'
+    },
     container: {
         padding: '8px',
         fontSize: '12px',

package/esm/ProfileResizablePanes/ProfileResizablePanes.spec.js

@@ -94,11 +94,28 @@ var setUp = function (props) {
         React.createElement(PaneStub, { key: 0, id: "content" }),
         React.createElement(PaneStub, { key: 1, id: "rightPanel" })), { wrapper: Providers })), { user: user });
 };
-var getSplitPane1 = function (container) { return container.getElementsByClassName('Pane1')[0]; };
-var getSplitPane2 = function (container) { return container.getElementsByClassName('Pane2')[0]; };
-var getSplitPanesResizer = function (container) { return container.getElementsByClassName('Resizer')[0]; };
-var isResizingDisabled = function (container) { return getSplitPanesResizer(container).classList.contains('disabled'); };
+var getSplitPane1 = function (container) { return container.querySelectorAll('[data-panel-id]')[0]; };
+var getSplitPane2 = function (container) { return container.querySelectorAll('[data-panel-id]')[1]; };
+var getSplitPanesResizer = function (container) { return container.querySelector('[data-resize-handle]'); };
+var isResizingDisabled = function (container) {
+    return getSplitPanesResizer(container).getAttribute('data-panel-resize-handle-enabled') === 'false';
+};
+var checkPanelSize = function (panel, size) { return expect(panel.getAttribute('data-panel-size')).toBe(size); };
 describe('ProfileResizablePanes 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 resizable panes with closed second pane (active is undefined)', function () {
         var container = setUp().container;
         expect(screen.getByTestId('content')).toBeInTheDocument();
@@ -106,10 +123,11 @@ describe('ProfileResizablePanes tests', function () {
         expect(getSplitPane1(container)).toBeInTheDocument();
         expect(getSplitPane2(container)).toBeInTheDocument();
         expect(isResizingDisabled(container)).toBe(true);
-        expect(getSplitPane2(container).style.width).toBe('0px');
+        checkPanelSize(getSplitPane1(container), '100.0');
+        checkPanelSize(getSplitPane2(container), '0.0');
         expect(screen.getByRole('button', { name: 'Button 1' })).toBeInTheDocument();
         expect(screen.getByRole('button', { name: 'Button 2' })).toBeInTheDocument();
-        expect(screen.getByRole('presentation')).toBeInTheDocument();
+        expect(screen.getByRole('separator')).toBeInTheDocument();
     });
     it('should render resizable panes with open second pane', function () { return __awaiter(void 0, void 0, void 0, function () {
         var _a, container, user, button2;
@@ -122,7 +140,8 @@ describe('ProfileResizablePanes tests', function () {
                     expect(getSplitPane1(container)).toBeInTheDocument();
                     expect(getSplitPane2(container)).toBeInTheDocument();
                     expect(isResizingDisabled(container)).toBe(true);
-                    expect(getSplitPane2(container).style.width).toBe('0px');
+                    checkPanelSize(getSplitPane1(container), '100.0');
+                    checkPanelSize(getSplitPane2(container), '0.0');
                     expect(screen.getByRole('button', { name: 'Button 1' })).toBeInTheDocument();
                     expect(screen.getByRole('button', { name: 'Button 2' })).toBeInTheDocument();
                     button2 = screen.getByRole('button', { name: 'Button 2' });
@@ -130,7 +149,8 @@ describe('ProfileResizablePanes tests', function () {
                 case 1:
                     _b.sent();
                     expect(isResizingDisabled(container)).toBe(false);
-                    expect(getSplitPane2(container).style.width).toBe('480px');
+                    checkPanelSize(getSplitPane1(container), '52.0');
+                    checkPanelSize(getSplitPane2(container), '48.0');
                     expect(screen.getByRole('button', { name: 'Button 1' })).toBeInTheDocument();
                     expect(screen.getByTestId('reltio-profile-right-side-button-2')).toBeInTheDocument();
                     return [2 /*return*/];
@@ -141,11 +161,11 @@ describe('ProfileResizablePanes tests', function () {
         var container;
         return __generator(this, function (_a) {
             container = setUp(__assign(__assign({}, defaultProps), { disabled: true })).container;
-            expect(getSplitPane2(container).style.width).toBe('0px');
+            checkPanelSize(getSplitPane2(container), '0.0');
             expect(screen.getByRole('button', { name: 'Button 1' })).toBeInTheDocument();
             expect(screen.getByRole('button', { name: 'Button 2' })).toBeInTheDocument();
             expect(isResizingDisabled(container)).toBe(true);
-            expect(getSplitPane2(container).style.width).toBe('0px');
+            checkPanelSize(getSplitPane2(container), '0.0');
             expect(screen.getByRole('button', { name: 'Button 1' }).hasAttribute('disabled')).toBe(true);
             expect(screen.getByRole('button', { name: 'Button 2' }).hasAttribute('disabled')).toBe(true);
             return [2 /*return*/];
@@ -158,80 +178,105 @@ describe('ProfileResizablePanes tests', function () {
                 case 0:
                     _a = setUp(__assign(__assign({}, defaultProps), { perspectiveId: 'graph' })), container = _a.container, user = _a.user;
                     expect(isResizingDisabled(container)).toBe(false);
-                    expect(getSplitPane2(container).style.width).toBe('320px');
+                    checkPanelSize(getSplitPane1(container), '68.0');
+                    checkPanelSize(getSplitPane2(container), '32.0');
                     expect(screen.getByRole('button', { name: 'Button 1' })).toBeInTheDocument();
                     expect(screen.getByRole('button', { name: 'Button 2' })).toBeInTheDocument();
-                    Divider = screen.getByRole('presentation');
+                    Divider = screen.getByRole('separator');
                     expect(Divider).toBeInTheDocument();
                     // move mouse to an x-coordinate between MIN_R_PANE_SIZE and MAX_R_PANE_SIZE
-                    return [4 /*yield*/, user.pointer({
-                            keys: '[MouseLeft>]',
-                            target: Divider,
-                            coords: {
-                                x: 0,
-                                y: 0
+                    return [4 /*yield*/, user.pointer([
+                            {
+                                keys: '[MouseLeft>]',
+                                target: Divider,
+                                coords: {
+                                    x: 680,
+                                    y: 0
+                                }
+                            },
+                            {
+                                target: Divider,
+                                coords: {
+                                    x: 500,
+                                    y: 20
+                                }
+                            },
+                            {
+                                keys: '[/MouseLeft]',
+                                target: Divider,
+                                coords: {
+                                    x: 500,
+                                    y: 20
+                                }
                             }
-                        })];
+                        ])];
                 case 1:
                     // move mouse to an x-coordinate between MIN_R_PANE_SIZE and MAX_R_PANE_SIZE
                     _b.sent();
-                    return [4 /*yield*/, user.pointer({
-                            keys: '[/MouseLeft]',
-                            target: Divider,
-                            coords: {
-                                x: -500,
-                                y: 20
-                            }
-                        })];
-                case 2:
-                    _b.sent();
-                    expect(getSplitPane2(container).style.width).toBe('500px');
+                    checkPanelSize(getSplitPane1(container), '50.0');
+                    checkPanelSize(getSplitPane2(container), '50.0');
                     // move mouse to a larger x-coordinate than MAX_R_PANE_SIZE
-                    return [4 /*yield*/, user.pointer({
-                            keys: '[MouseLeft>]',
-                            target: Divider,
-                            coords: {
-                                x: 0,
-                                y: 0
+                    return [4 /*yield*/, user.pointer([
+                            {
+                                keys: '[MouseLeft>]',
+                                target: Divider,
+                                coords: {
+                                    x: 500,
+                                    y: 0
+                                }
+                            },
+                            {
+                                target: Divider,
+                                coords: {
+                                    x: 300,
+                                    y: 20
+                                }
+                            },
+                            {
+                                keys: '[/MouseLeft]',
+                                target: Divider,
+                                coords: {
+                                    x: 300,
+                                    y: 20
+                                }
                             }
-                        })];
-                case 3:
+                        ])];
+                case 2:
                     // move mouse to a larger x-coordinate than MAX_R_PANE_SIZE
                     _b.sent();
-                    return [4 /*yield*/, user.pointer({
-                            keys: '[/MouseLeft]',
-                            target: Divider,
-                            coords: {
-                                x: -650,
-                                y: 0
-                            }
-                        })];
-                case 4:
-                    _b.sent();
-                    expect(getSplitPane2(container).style.width).toBe('640px');
+                    checkPanelSize(getSplitPane1(container), '36.0');
+                    checkPanelSize(getSplitPane2(container), '64.0');
                     // move mouse to a smaller x-coordinate than MIN_R_PANE_SIZE
-                    return [4 /*yield*/, user.pointer({
-                            keys: '[MouseLeft>]',
-                            target: Divider,
-                            coords: {
-                                x: 0,
-                                y: 0
+                    return [4 /*yield*/, user.pointer([
+                            {
+                                keys: '[MouseLeft>]',
+                                target: Divider,
+                                coords: {
+                                    x: 360,
+                                    y: 0
+                                }
+                            },
+                            {
+                                target: Divider,
+                                coords: {
+                                    x: 690,
+                                    y: 20
+                                }
+                            },
+                            {
+                                keys: '[/MouseLeft]',
+                                target: Divider,
+                                coords: {
+                                    x: 690,
+                                    y: 20
+                                }
                             }
-                        })];
-                case 5:
+                        ])];
+                case 3:
                     // move mouse to a smaller x-coordinate than MIN_R_PANE_SIZE
                     _b.sent();
-                    return [4 /*yield*/, user.pointer({
-                            keys: '[/MouseLeft]',
-                            target: Divider,
-                            coords: {
-                                x: -310,
-                                y: 0
-                            }
-                        })];
-                case 6:
-                    _b.sent();
-                    expect(getSplitPane2(container).style.width).toBe('320px');
+                    checkPanelSize(getSplitPane1(container), '68.0');
+                    checkPanelSize(getSplitPane2(container), '32.0');
                     return [2 /*return*/];
             }
         });

package/esm/ResizablePanes/ResizablePanes.d.ts

@@ -12,15 +12,16 @@ type Props = {
     allowResize?: boolean;
     primary?: 'first' | 'second';
     minSize?: Size;
+    /** if you set the maxSize to negative value (e.g. -200), then the splitter stops 200px before the border (in other words it sets the minimal size of the 'resizable' pane in this case) */
     maxSize?: Size;
-    defaultSize?: Size;
     debounceInterval?: number;
+    /** Can be a positive or negative number (e.g., 250, -250), a percentage string (e.g., "50%"), or a string with pixels (e.g., "50px") */
     size?: Size;
     orientation?: 'vertical' | 'horizontal';
     onChange?: ({ size, percentageSize, isMaxSize, isMinSize }: OnChange) => void;
 };
 export declare const ResizablePanes: {
-    ({ className, children, orientation, primary, defaultSize, size, minSize, maxSize, allowResize, debounceInterval, onChange }: Props): JSX.Element;
+    ({ className, children, orientation, primary, size, minSize, maxSize, allowResize, debounceInterval, onChange }: Props): JSX.Element;
     displayName: string;
 };
 export {};