@reltio/components 1.4.1908 → 1.4.1910
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/MatchRulesTooltip/MatchRulesTooltip.js +11 -7
- package/cjs/MatchRulesTooltip/MatchRulesTooltip.test.js +20 -24
- package/cjs/MatchRulesTooltip/styles.d.ts +1 -1
- package/cjs/MatchRulesTooltip/styles.js +5 -1
- package/cjs/ProfileResizablePanes/ProfileResizablePanes.spec.js +113 -68
- package/cjs/ResizablePanes/ResizablePanes.d.ts +3 -2
- package/cjs/ResizablePanes/ResizablePanes.js +83 -16
- package/cjs/ResizablePanes/ResizablePanes.test.js +289 -0
- package/cjs/ResizablePanes/styles.d.ts +1 -1
- package/cjs/ResizablePanes/styles.js +47 -38
- package/cjs/SimpleMatchRules/SimpleMatchRules.js +16 -13
- package/cjs/SimpleMatchRules/SimpleMatchRules.test.js +8 -35
- package/cjs/SimpleMatchRules/styles.d.ts +1 -1
- package/cjs/SimpleMatchRules/styles.js +8 -0
- package/cjs/SimpleMatchRulesBlock/SimpleMatchRulesBlock.js +3 -3
- package/cjs/SimpleMatchRulesBlock/SimpleMatchRulesBlock.test.js +1 -1
- package/cjs/icons/AIPowered.d.ts +5 -0
- package/cjs/icons/AIPowered.js +76 -0
- package/cjs/index.d.ts +1 -1
- package/cjs/index.js +2 -1
- package/cjs/test-utils/index.d.ts +1 -0
- package/cjs/test-utils/index.js +15 -1
- package/esm/MatchRulesTooltip/MatchRulesTooltip.js +11 -7
- package/esm/MatchRulesTooltip/MatchRulesTooltip.test.js +20 -24
- package/esm/MatchRulesTooltip/styles.d.ts +1 -1
- package/esm/MatchRulesTooltip/styles.js +5 -1
- package/esm/ProfileResizablePanes/ProfileResizablePanes.spec.js +113 -68
- package/esm/ResizablePanes/ResizablePanes.d.ts +3 -2
- package/esm/ResizablePanes/ResizablePanes.js +84 -17
- package/esm/ResizablePanes/ResizablePanes.test.js +284 -0
- package/esm/ResizablePanes/styles.d.ts +1 -1
- package/esm/ResizablePanes/styles.js +47 -38
- package/esm/SimpleMatchRules/SimpleMatchRules.js +16 -13
- package/esm/SimpleMatchRules/SimpleMatchRules.test.js +8 -35
- package/esm/SimpleMatchRules/styles.d.ts +1 -1
- package/esm/SimpleMatchRules/styles.js +8 -0
- package/esm/SimpleMatchRulesBlock/SimpleMatchRulesBlock.js +3 -3
- package/esm/SimpleMatchRulesBlock/SimpleMatchRulesBlock.test.js +1 -1
- package/esm/icons/AIPowered.d.ts +5 -0
- package/esm/icons/AIPowered.js +71 -0
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/test-utils/index.d.ts +1 -0
- package/esm/test-utils/index.js +13 -0
- package/package.json +3 -3
- package/cjs/MatchRulesTitle/MatchRulesTitle.d.ts +0 -5
- package/cjs/MatchRulesTitle/MatchRulesTitle.js +0 -13
- package/cjs/MatchRulesTitle/MatchRulesTitle.test.js +0 -18
- package/cjs/MatchRulesTitle/index.d.ts +0 -1
- package/cjs/MatchRulesTitle/index.js +0 -5
- package/cjs/ResizablePanes/ResizablePanes.spec.js +0 -192
- package/esm/MatchRulesTitle/MatchRulesTitle.d.ts +0 -5
- package/esm/MatchRulesTitle/MatchRulesTitle.js +0 -6
- package/esm/MatchRulesTitle/MatchRulesTitle.test.d.ts +0 -1
- package/esm/MatchRulesTitle/MatchRulesTitle.test.js +0 -13
- package/esm/MatchRulesTitle/index.d.ts +0 -1
- package/esm/MatchRulesTitle/index.js +0 -1
- package/esm/ResizablePanes/ResizablePanes.spec.d.ts +0 -1
- package/esm/ResizablePanes/ResizablePanes.spec.js +0 -164
- /package/cjs/{MatchRulesTitle/MatchRulesTitle.test.d.ts → ResizablePanes/ResizablePanes.test.d.ts} +0 -0
- /package/{cjs/ResizablePanes/ResizablePanes.spec.d.ts → esm/ResizablePanes/ResizablePanes.test.d.ts} +0 -0
|
@@ -31,7 +31,7 @@ describe('SimpleMatchRulesBlock test', function () {
|
|
|
31
31
|
});
|
|
32
32
|
it('should render correct MatchRuleBadgeWithTooltip for Ml match', function () {
|
|
33
33
|
var component = shallow(React.createElement(SimpleMatchRulesBlock, { isMlMatch: true, matchRules: matchRules }));
|
|
34
|
-
expect(getMatchRuleBadgeWithTooltip(component).text()).toBe('<
|
|
34
|
+
expect(getMatchRuleBadgeWithTooltip(component).text()).toBe('<AIPowered />AI-powered');
|
|
35
35
|
});
|
|
36
36
|
it('should render correct MatchRuleBadgeWithTooltip for non Ml match', function () {
|
|
37
37
|
var component = shallow(React.createElement(SimpleMatchRulesBlock, { matchRules: matchRules }));
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
var AIPowered = function (props) {
|
|
14
|
+
return (React.createElement("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
15
|
+
React.createElement("g", { clipPath: "url(#clip0_6347_29)" },
|
|
16
|
+
React.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)" }),
|
|
17
|
+
React.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)" }),
|
|
18
|
+
React.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)" }),
|
|
19
|
+
React.createElement("g", { filter: "url(#filter0_f_6347_29)" },
|
|
20
|
+
React.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" })),
|
|
21
|
+
React.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" }),
|
|
22
|
+
React.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" }),
|
|
23
|
+
React.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" }),
|
|
24
|
+
React.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" }),
|
|
25
|
+
React.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" }),
|
|
26
|
+
React.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)" }),
|
|
27
|
+
React.createElement("g", { filter: "url(#filter1_f_6347_29)" },
|
|
28
|
+
React.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" })),
|
|
29
|
+
React.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)" }),
|
|
30
|
+
React.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)" }),
|
|
31
|
+
React.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" }),
|
|
32
|
+
React.createElement("g", { filter: "url(#filter2_f_6347_29)" },
|
|
33
|
+
React.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" }))),
|
|
34
|
+
React.createElement("defs", null,
|
|
35
|
+
React.createElement("filter", { id: "filter0_f_6347_29", x: "0.950195", y: "0.949707", width: "22.1006", height: "22.1006", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
|
|
36
|
+
React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
|
|
37
|
+
React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
|
|
38
|
+
React.createElement("feGaussianBlur", { stdDeviation: "0.5", result: "effect1_foregroundBlur_6347_29" })),
|
|
39
|
+
React.createElement("filter", { id: "filter1_f_6347_29", x: "13.127", y: "1.20361", width: "8.31348", height: "8.34619", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
|
|
40
|
+
React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
|
|
41
|
+
React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
|
|
42
|
+
React.createElement("feGaussianBlur", { stdDeviation: "1", result: "effect1_foregroundBlur_6347_29" })),
|
|
43
|
+
React.createElement("filter", { id: "filter2_f_6347_29", x: "3.11816", y: "5.38013", width: "11.5537", height: "12.2759", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
|
|
44
|
+
React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
|
|
45
|
+
React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
|
|
46
|
+
React.createElement("feGaussianBlur", { stdDeviation: "1", result: "effect1_foregroundBlur_6347_29" })),
|
|
47
|
+
React.createElement("linearGradient", { id: "paint0_linear_6347_29", x1: "12", y1: "1.5", x2: "12", y2: "21.5", gradientUnits: "userSpaceOnUse" },
|
|
48
|
+
React.createElement("stop", { stopColor: "#82CCFF" }),
|
|
49
|
+
React.createElement("stop", { offset: "0.336134", stopColor: "#B0FBF4" }),
|
|
50
|
+
React.createElement("stop", { offset: "0.965", stopColor: "#FDE6FF" })),
|
|
51
|
+
React.createElement("linearGradient", { id: "paint1_linear_6347_29", x1: "12", y1: "3.5", x2: "12", y2: "19.5", gradientUnits: "userSpaceOnUse" },
|
|
52
|
+
React.createElement("stop", { stopColor: "#63BBFF" }),
|
|
53
|
+
React.createElement("stop", { offset: "0.49", stopColor: "#B1D9FF" }),
|
|
54
|
+
React.createElement("stop", { offset: "1", stopColor: "#F6C7FF" })),
|
|
55
|
+
React.createElement("linearGradient", { id: "paint2_linear_6347_29", x1: "12", y1: "6.5", x2: "12", y2: "16.5", gradientUnits: "userSpaceOnUse" },
|
|
56
|
+
React.createElement("stop", { stopColor: "#63BBFF" }),
|
|
57
|
+
React.createElement("stop", { offset: "0.49", stopColor: "#B1D9FF" }),
|
|
58
|
+
React.createElement("stop", { offset: "1", stopColor: "#F6C7FF" })),
|
|
59
|
+
React.createElement("linearGradient", { id: "paint3_linear_6347_29", x1: "12", y1: "1", x2: "12", y2: "23", gradientUnits: "userSpaceOnUse" },
|
|
60
|
+
React.createElement("stop", { stopColor: "#FFB830" }),
|
|
61
|
+
React.createElement("stop", { offset: "1", stopColor: "#EF9C01" })),
|
|
62
|
+
React.createElement("linearGradient", { id: "paint4_linear_6347_29", x1: "3.5", y1: "4", x2: "15.5", y2: "22", gradientUnits: "userSpaceOnUse" },
|
|
63
|
+
React.createElement("stop", { stopColor: "#FFCE66" }),
|
|
64
|
+
React.createElement("stop", { offset: "1", stopColor: "#EF9C01" })),
|
|
65
|
+
React.createElement("linearGradient", { id: "paint5_linear_6347_29", x1: "6.5", y1: "5", x2: "12", y2: "17", gradientUnits: "userSpaceOnUse" },
|
|
66
|
+
React.createElement("stop", { stopColor: "#FFFACE" }),
|
|
67
|
+
React.createElement("stop", { offset: "1", stopColor: "#FFFACE", stopOpacity: "0" })),
|
|
68
|
+
React.createElement("clipPath", { id: "clip0_6347_29" },
|
|
69
|
+
React.createElement("rect", { width: "24", height: "24", fill: "white" })))));
|
|
70
|
+
};
|
|
71
|
+
export default AIPowered;
|
package/esm/index.d.ts
CHANGED
|
@@ -270,7 +270,7 @@ export * from './types';
|
|
|
270
270
|
export * from './constants';
|
|
271
271
|
export { TestPerspectivesSettingsProvider } from './test-utils/TestPerspectiveSettingsProvider';
|
|
272
272
|
export { TestStylesProvider } from './test-utils/TestStylesProvider';
|
|
273
|
-
export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, getMuiIconsByName, mockBasicTableSizing, mockElementSizes, rerenderWrapper, FakeMouseEvent } from './test-utils';
|
|
273
|
+
export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, getMuiIconsByName, mockBasicTableSizing, fixClicksOnResizablePanes, mockElementSizes, rerenderWrapper, FakeMouseEvent } from './test-utils';
|
|
274
274
|
export * from './features/activity-log';
|
|
275
275
|
export * from './features/crosswalks';
|
|
276
276
|
export * from './features/graph';
|
package/esm/index.js
CHANGED
|
@@ -273,7 +273,7 @@ export * from './constants';
|
|
|
273
273
|
// test-utils
|
|
274
274
|
export { TestPerspectivesSettingsProvider } from './test-utils/TestPerspectiveSettingsProvider';
|
|
275
275
|
export { TestStylesProvider } from './test-utils/TestStylesProvider';
|
|
276
|
-
export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, getMuiIconsByName, mockBasicTableSizing, mockElementSizes, rerenderWrapper, FakeMouseEvent } from './test-utils';
|
|
276
|
+
export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, getMuiIconsByName, mockBasicTableSizing, fixClicksOnResizablePanes, mockElementSizes, rerenderWrapper, FakeMouseEvent } from './test-utils';
|
|
277
277
|
// features / activity-log
|
|
278
278
|
export * from './features/activity-log';
|
|
279
279
|
// features / crosswalks
|
|
@@ -15,6 +15,7 @@ export declare const mockBasicTableSizing: ({ width, height }?: {
|
|
|
15
15
|
width?: number;
|
|
16
16
|
height?: number;
|
|
17
17
|
}) => () => void;
|
|
18
|
+
export declare const fixClicksOnResizablePanes: () => void;
|
|
18
19
|
export declare const getMuiIconByName: (name: string, el?: HTMLElement) => HTMLElement;
|
|
19
20
|
export declare const getMuiIconsByName: (name: string, el?: HTMLElement) => HTMLElement[];
|
|
20
21
|
interface MouseEventWithOffsets extends MouseEventInit {
|
package/esm/test-utils/index.js
CHANGED
|
@@ -128,6 +128,19 @@ export var mockBasicTableSizing = function (_a) {
|
|
|
128
128
|
mock();
|
|
129
129
|
return unmock;
|
|
130
130
|
};
|
|
131
|
+
var originalPreventDefault = Event.prototype.preventDefault;
|
|
132
|
+
export var fixClicksOnResizablePanes = function () {
|
|
133
|
+
// https://github.com/bvaughn/react-resizable-panels/issues/367
|
|
134
|
+
// https://github.com/testing-library/user-event/issues/1206
|
|
135
|
+
// Workaround until the user-event issue is resolved
|
|
136
|
+
jest.spyOn(Event.prototype, 'preventDefault').mockImplementation(function () {
|
|
137
|
+
var e = this;
|
|
138
|
+
if (e.currentTarget === document.body && e.eventPhase === Event.CAPTURING_PHASE) {
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
141
|
+
originalPreventDefault.call(e);
|
|
142
|
+
});
|
|
143
|
+
};
|
|
131
144
|
export var getMuiIconByName = function (name, el) {
|
|
132
145
|
if (el === void 0) { el = document.documentElement; }
|
|
133
146
|
var dataTestId = name + 'Icon';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.1910",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE FILE",
|
|
5
5
|
"main": "./cjs/index.js",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"@fluentui/react-context-selector": "^9.1.26",
|
|
9
9
|
"@react-google-maps/api": "2.7.0",
|
|
10
10
|
"@react-sigma/core": "3.4.0",
|
|
11
|
-
"@reltio/mdm-sdk": "^1.4.
|
|
11
|
+
"@reltio/mdm-sdk": "^1.4.1839",
|
|
12
12
|
"classnames": "^2.2.5",
|
|
13
13
|
"d3-cloud": "^1.2.5",
|
|
14
14
|
"d3-geo": "^2.0.1",
|
|
@@ -31,11 +31,11 @@
|
|
|
31
31
|
"react-lifecycles-compat": "^3.0.4",
|
|
32
32
|
"react-mentions": "4.3.0",
|
|
33
33
|
"react-number-format": "^4.3.0",
|
|
34
|
+
"react-resizable-panels": "^2.0.20",
|
|
34
35
|
"react-resize-detector": "^4.2.0",
|
|
35
36
|
"react-router-dom": "^6.2.1",
|
|
36
37
|
"react-select": "^3.0.4",
|
|
37
38
|
"react-simple-maps": "^2.3.0",
|
|
38
|
-
"react-split-pane": "^0.1.89",
|
|
39
39
|
"react-virtualized": "^9.21.2",
|
|
40
40
|
"react-window": "^1.8.5",
|
|
41
41
|
"recharts": "^2.10.1",
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.MatchRulesTitle = void 0;
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var ui_i18n_1 = __importDefault(require("ui-i18n"));
|
|
9
|
-
var MatchRulesTitle = function (_a) {
|
|
10
|
-
var _b = _a.isMlMatch, isMlMatch = _b === void 0 ? false : _b;
|
|
11
|
-
return react_1.default.createElement(react_1.default.Fragment, null, isMlMatch ? ui_i18n_1.default.text('Match IQ') : ui_i18n_1.default.text('Match rules'));
|
|
12
|
-
};
|
|
13
|
-
exports.MatchRulesTitle = MatchRulesTitle;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var react_2 = require("@testing-library/react");
|
|
8
|
-
var MatchRulesTitle_1 = require("./MatchRulesTitle");
|
|
9
|
-
describe('MatchRulesTitle test', function () {
|
|
10
|
-
it('should return correct title for match rules', function () {
|
|
11
|
-
(0, react_2.render)(react_1.default.createElement(MatchRulesTitle_1.MatchRulesTitle, null));
|
|
12
|
-
expect(react_2.screen.getByText('Match rules')).toBeInTheDocument();
|
|
13
|
-
});
|
|
14
|
-
it('should return correct title for match IQ', function () {
|
|
15
|
-
(0, react_2.render)(react_1.default.createElement(MatchRulesTitle_1.MatchRulesTitle, { isMlMatch: true }));
|
|
16
|
-
expect(react_2.screen.getByText('Match IQ')).toBeInTheDocument();
|
|
17
|
-
});
|
|
18
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { MatchRulesTitle } from './MatchRulesTitle';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MatchRulesTitle = void 0;
|
|
4
|
-
var MatchRulesTitle_1 = require("./MatchRulesTitle");
|
|
5
|
-
Object.defineProperty(exports, "MatchRulesTitle", { enumerable: true, get: function () { return MatchRulesTitle_1.MatchRulesTitle; } });
|
|
@@ -1,192 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
var react_1 = __importDefault(require("react"));
|
|
41
|
-
var enzyme_1 = require("enzyme");
|
|
42
|
-
var react_split_pane_1 = __importDefault(require("react-split-pane"));
|
|
43
|
-
var mdmSdk = __importStar(require("@reltio/mdm-sdk"));
|
|
44
|
-
var ResizablePanes_1 = require("./ResizablePanes");
|
|
45
|
-
jest.mock('@reltio/mdm-sdk');
|
|
46
|
-
var PANE_ANIMATION_STYLE = { transition: 'height 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms' };
|
|
47
|
-
describe('ResizablePanes tests', function () {
|
|
48
|
-
var defaultProps = {
|
|
49
|
-
orientation: 'horizontal',
|
|
50
|
-
size: '50%',
|
|
51
|
-
allowResize: true,
|
|
52
|
-
defaultSize: '45%',
|
|
53
|
-
minSize: 40,
|
|
54
|
-
maxSize: 400
|
|
55
|
-
};
|
|
56
|
-
it('should render main parts', function () {
|
|
57
|
-
var props = __assign({}, defaultProps);
|
|
58
|
-
var component = (0, enzyme_1.shallow)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
|
|
59
|
-
react_1.default.createElement("div", null),
|
|
60
|
-
react_1.default.createElement("div", null)));
|
|
61
|
-
var splitPane = component.find(react_split_pane_1.default);
|
|
62
|
-
expect(splitPane.length).toBe(1);
|
|
63
|
-
expect(splitPane.prop('split')).toBe(props.orientation);
|
|
64
|
-
expect(splitPane.prop('size')).toBe(props.size);
|
|
65
|
-
expect(splitPane.prop('allowResize')).toBe(props.allowResize);
|
|
66
|
-
expect(splitPane.prop('defaultSize')).toBe(props.defaultSize);
|
|
67
|
-
expect(splitPane.prop('minSize')).toBe(props.minSize);
|
|
68
|
-
expect(splitPane.prop('maxSize')).toBe(props.maxSize);
|
|
69
|
-
});
|
|
70
|
-
it('should enable pane animations by default', function () {
|
|
71
|
-
var props = __assign({}, defaultProps);
|
|
72
|
-
var component = (0, enzyme_1.shallow)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
|
|
73
|
-
react_1.default.createElement("div", null),
|
|
74
|
-
react_1.default.createElement("div", null)));
|
|
75
|
-
var splitPane = component.find(react_split_pane_1.default);
|
|
76
|
-
expect(splitPane.length).toBe(1);
|
|
77
|
-
expect(splitPane.prop('pane1Style')).toEqual(PANE_ANIMATION_STYLE);
|
|
78
|
-
});
|
|
79
|
-
it('should disable pane animations onDragStarted', function () {
|
|
80
|
-
var props = __assign({}, defaultProps);
|
|
81
|
-
var component = (0, enzyme_1.shallow)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
|
|
82
|
-
react_1.default.createElement("div", null),
|
|
83
|
-
react_1.default.createElement("div", null)));
|
|
84
|
-
component.find(react_split_pane_1.default).prop('onDragStarted')();
|
|
85
|
-
expect(component.find(react_split_pane_1.default).prop('pane1Style')).toBeUndefined();
|
|
86
|
-
});
|
|
87
|
-
it('should enable pane animations onDragFinished', function () {
|
|
88
|
-
var props = __assign({}, defaultProps);
|
|
89
|
-
var component = (0, enzyme_1.shallow)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
|
|
90
|
-
react_1.default.createElement("div", null),
|
|
91
|
-
react_1.default.createElement("div", null)));
|
|
92
|
-
component.find(react_split_pane_1.default).prop('onDragStarted')();
|
|
93
|
-
expect(component.find(react_split_pane_1.default).prop('pane1Style')).toBeUndefined();
|
|
94
|
-
component.find(react_split_pane_1.default).prop('onDragFinished')();
|
|
95
|
-
expect(component.find(react_split_pane_1.default).prop('pane1Style')).toEqual(PANE_ANIMATION_STYLE);
|
|
96
|
-
});
|
|
97
|
-
it('should call onChange prop with debounce on SplitPane onChange', function () {
|
|
98
|
-
var props = __assign(__assign({}, defaultProps), { onChange: jest.fn() });
|
|
99
|
-
var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
|
|
100
|
-
var component = (0, enzyme_1.mount)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
|
|
101
|
-
react_1.default.createElement("div", null),
|
|
102
|
-
react_1.default.createElement("div", null)));
|
|
103
|
-
var containerEl = component.find('.container').getDOMNode();
|
|
104
|
-
jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
|
|
105
|
-
component.find(react_split_pane_1.default).prop('onChange')(100);
|
|
106
|
-
expect(debounceSpy).toHaveBeenCalled();
|
|
107
|
-
expect(props.onChange).toHaveBeenCalledWith({
|
|
108
|
-
isMaxSize: false,
|
|
109
|
-
isMinSize: false,
|
|
110
|
-
percentageSize: '10%',
|
|
111
|
-
size: 100
|
|
112
|
-
});
|
|
113
|
-
});
|
|
114
|
-
it('should call onChange prop with correct isMaxSize for positive props.maxSize', function () {
|
|
115
|
-
var props = __assign(__assign({}, defaultProps), { maxSize: 500, onChange: jest.fn() });
|
|
116
|
-
var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
|
|
117
|
-
var component = (0, enzyme_1.mount)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
|
|
118
|
-
react_1.default.createElement("div", null),
|
|
119
|
-
react_1.default.createElement("div", null)));
|
|
120
|
-
var containerEl = component.find('.container').getDOMNode();
|
|
121
|
-
jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
|
|
122
|
-
component.find(react_split_pane_1.default).prop('onChange')(props.maxSize);
|
|
123
|
-
expect(debounceSpy).toHaveBeenCalled();
|
|
124
|
-
expect(props.onChange).toHaveBeenCalledWith({
|
|
125
|
-
isMaxSize: true,
|
|
126
|
-
isMinSize: false,
|
|
127
|
-
percentageSize: '50%',
|
|
128
|
-
size: 500
|
|
129
|
-
});
|
|
130
|
-
});
|
|
131
|
-
it('should call onChange prop with correct isMaxSize for negative props.maxSize', function () {
|
|
132
|
-
var props = __assign(__assign({}, defaultProps), { maxSize: -200, onChange: jest.fn() });
|
|
133
|
-
var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
|
|
134
|
-
var component = (0, enzyme_1.mount)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
|
|
135
|
-
react_1.default.createElement("div", null),
|
|
136
|
-
react_1.default.createElement("div", null)));
|
|
137
|
-
var containerEl = component.find('.container').getDOMNode();
|
|
138
|
-
jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
|
|
139
|
-
component.find(react_split_pane_1.default).prop('onChange')(800);
|
|
140
|
-
expect(debounceSpy).toHaveBeenCalled();
|
|
141
|
-
expect(props.onChange).toHaveBeenCalledWith({
|
|
142
|
-
isMaxSize: true,
|
|
143
|
-
isMinSize: false,
|
|
144
|
-
percentageSize: '80%',
|
|
145
|
-
size: 800
|
|
146
|
-
});
|
|
147
|
-
});
|
|
148
|
-
it('should call onChange prop with correct isMaxSize for "0" props.maxSize', function () {
|
|
149
|
-
var props = __assign(__assign({}, defaultProps), { maxSize: 0, onChange: jest.fn() });
|
|
150
|
-
var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
|
|
151
|
-
var component = (0, enzyme_1.mount)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
|
|
152
|
-
react_1.default.createElement("div", null),
|
|
153
|
-
react_1.default.createElement("div", null)));
|
|
154
|
-
var containerEl = component.find('.container').getDOMNode();
|
|
155
|
-
jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
|
|
156
|
-
component.find(react_split_pane_1.default).prop('onChange')(1000);
|
|
157
|
-
expect(debounceSpy).toHaveBeenCalled();
|
|
158
|
-
expect(props.onChange).toHaveBeenCalledWith({
|
|
159
|
-
isMaxSize: true,
|
|
160
|
-
isMinSize: false,
|
|
161
|
-
percentageSize: '100%',
|
|
162
|
-
size: 1000
|
|
163
|
-
});
|
|
164
|
-
});
|
|
165
|
-
it('should call onChange prop with correct isMinSize for positive props.minSize', function () {
|
|
166
|
-
var props = __assign(__assign({}, defaultProps), { minSize: 60, onChange: jest.fn() });
|
|
167
|
-
var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
|
|
168
|
-
var component = (0, enzyme_1.mount)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
|
|
169
|
-
react_1.default.createElement("div", null),
|
|
170
|
-
react_1.default.createElement("div", null)));
|
|
171
|
-
var containerEl = component.find('.container').getDOMNode();
|
|
172
|
-
jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
|
|
173
|
-
component.find(react_split_pane_1.default).prop('onChange')(props.minSize);
|
|
174
|
-
expect(debounceSpy).toHaveBeenCalled();
|
|
175
|
-
expect(props.onChange).toHaveBeenCalledWith({
|
|
176
|
-
isMaxSize: false,
|
|
177
|
-
isMinSize: true,
|
|
178
|
-
percentageSize: '6%',
|
|
179
|
-
size: 60
|
|
180
|
-
});
|
|
181
|
-
});
|
|
182
|
-
it('should apply negative size correctly', function () {
|
|
183
|
-
var props = __assign(__assign({}, defaultProps), { size: -40 });
|
|
184
|
-
var component = (0, enzyme_1.mount)(react_1.default.createElement(ResizablePanes_1.ResizablePanes, __assign({}, props),
|
|
185
|
-
react_1.default.createElement("div", null),
|
|
186
|
-
react_1.default.createElement("div", null)));
|
|
187
|
-
var containerEl = component.find('.container').getDOMNode();
|
|
188
|
-
jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
|
|
189
|
-
component.setProps(__assign({}, props));
|
|
190
|
-
expect(component.find(react_split_pane_1.default).prop('size')).toBe(1000 - 40);
|
|
191
|
-
});
|
|
192
|
-
});
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import i18n from 'ui-i18n';
|
|
3
|
-
export var MatchRulesTitle = function (_a) {
|
|
4
|
-
var _b = _a.isMlMatch, isMlMatch = _b === void 0 ? false : _b;
|
|
5
|
-
return React.createElement(React.Fragment, null, isMlMatch ? i18n.text('Match IQ') : i18n.text('Match rules'));
|
|
6
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render, screen } from '@testing-library/react';
|
|
3
|
-
import { MatchRulesTitle } from './MatchRulesTitle';
|
|
4
|
-
describe('MatchRulesTitle test', function () {
|
|
5
|
-
it('should return correct title for match rules', function () {
|
|
6
|
-
render(React.createElement(MatchRulesTitle, null));
|
|
7
|
-
expect(screen.getByText('Match rules')).toBeInTheDocument();
|
|
8
|
-
});
|
|
9
|
-
it('should return correct title for match IQ', function () {
|
|
10
|
-
render(React.createElement(MatchRulesTitle, { isMlMatch: true }));
|
|
11
|
-
expect(screen.getByText('Match IQ')).toBeInTheDocument();
|
|
12
|
-
});
|
|
13
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { MatchRulesTitle } from './MatchRulesTitle';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { MatchRulesTitle } from './MatchRulesTitle';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import React from 'react';
|
|
13
|
-
import { mount, shallow } from 'enzyme';
|
|
14
|
-
import SplitPane from 'react-split-pane';
|
|
15
|
-
import * as mdmSdk from '@reltio/mdm-sdk';
|
|
16
|
-
import { ResizablePanes } from './ResizablePanes';
|
|
17
|
-
jest.mock('@reltio/mdm-sdk');
|
|
18
|
-
var PANE_ANIMATION_STYLE = { transition: 'height 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms' };
|
|
19
|
-
describe('ResizablePanes tests', function () {
|
|
20
|
-
var defaultProps = {
|
|
21
|
-
orientation: 'horizontal',
|
|
22
|
-
size: '50%',
|
|
23
|
-
allowResize: true,
|
|
24
|
-
defaultSize: '45%',
|
|
25
|
-
minSize: 40,
|
|
26
|
-
maxSize: 400
|
|
27
|
-
};
|
|
28
|
-
it('should render main parts', function () {
|
|
29
|
-
var props = __assign({}, defaultProps);
|
|
30
|
-
var component = shallow(React.createElement(ResizablePanes, __assign({}, props),
|
|
31
|
-
React.createElement("div", null),
|
|
32
|
-
React.createElement("div", null)));
|
|
33
|
-
var splitPane = component.find(SplitPane);
|
|
34
|
-
expect(splitPane.length).toBe(1);
|
|
35
|
-
expect(splitPane.prop('split')).toBe(props.orientation);
|
|
36
|
-
expect(splitPane.prop('size')).toBe(props.size);
|
|
37
|
-
expect(splitPane.prop('allowResize')).toBe(props.allowResize);
|
|
38
|
-
expect(splitPane.prop('defaultSize')).toBe(props.defaultSize);
|
|
39
|
-
expect(splitPane.prop('minSize')).toBe(props.minSize);
|
|
40
|
-
expect(splitPane.prop('maxSize')).toBe(props.maxSize);
|
|
41
|
-
});
|
|
42
|
-
it('should enable pane animations by default', function () {
|
|
43
|
-
var props = __assign({}, defaultProps);
|
|
44
|
-
var component = shallow(React.createElement(ResizablePanes, __assign({}, props),
|
|
45
|
-
React.createElement("div", null),
|
|
46
|
-
React.createElement("div", null)));
|
|
47
|
-
var splitPane = component.find(SplitPane);
|
|
48
|
-
expect(splitPane.length).toBe(1);
|
|
49
|
-
expect(splitPane.prop('pane1Style')).toEqual(PANE_ANIMATION_STYLE);
|
|
50
|
-
});
|
|
51
|
-
it('should disable pane animations onDragStarted', function () {
|
|
52
|
-
var props = __assign({}, defaultProps);
|
|
53
|
-
var component = shallow(React.createElement(ResizablePanes, __assign({}, props),
|
|
54
|
-
React.createElement("div", null),
|
|
55
|
-
React.createElement("div", null)));
|
|
56
|
-
component.find(SplitPane).prop('onDragStarted')();
|
|
57
|
-
expect(component.find(SplitPane).prop('pane1Style')).toBeUndefined();
|
|
58
|
-
});
|
|
59
|
-
it('should enable pane animations onDragFinished', function () {
|
|
60
|
-
var props = __assign({}, defaultProps);
|
|
61
|
-
var component = shallow(React.createElement(ResizablePanes, __assign({}, props),
|
|
62
|
-
React.createElement("div", null),
|
|
63
|
-
React.createElement("div", null)));
|
|
64
|
-
component.find(SplitPane).prop('onDragStarted')();
|
|
65
|
-
expect(component.find(SplitPane).prop('pane1Style')).toBeUndefined();
|
|
66
|
-
component.find(SplitPane).prop('onDragFinished')();
|
|
67
|
-
expect(component.find(SplitPane).prop('pane1Style')).toEqual(PANE_ANIMATION_STYLE);
|
|
68
|
-
});
|
|
69
|
-
it('should call onChange prop with debounce on SplitPane onChange', function () {
|
|
70
|
-
var props = __assign(__assign({}, defaultProps), { onChange: jest.fn() });
|
|
71
|
-
var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
|
|
72
|
-
var component = mount(React.createElement(ResizablePanes, __assign({}, props),
|
|
73
|
-
React.createElement("div", null),
|
|
74
|
-
React.createElement("div", null)));
|
|
75
|
-
var containerEl = component.find('.container').getDOMNode();
|
|
76
|
-
jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
|
|
77
|
-
component.find(SplitPane).prop('onChange')(100);
|
|
78
|
-
expect(debounceSpy).toHaveBeenCalled();
|
|
79
|
-
expect(props.onChange).toHaveBeenCalledWith({
|
|
80
|
-
isMaxSize: false,
|
|
81
|
-
isMinSize: false,
|
|
82
|
-
percentageSize: '10%',
|
|
83
|
-
size: 100
|
|
84
|
-
});
|
|
85
|
-
});
|
|
86
|
-
it('should call onChange prop with correct isMaxSize for positive props.maxSize', function () {
|
|
87
|
-
var props = __assign(__assign({}, defaultProps), { maxSize: 500, onChange: jest.fn() });
|
|
88
|
-
var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
|
|
89
|
-
var component = mount(React.createElement(ResizablePanes, __assign({}, props),
|
|
90
|
-
React.createElement("div", null),
|
|
91
|
-
React.createElement("div", null)));
|
|
92
|
-
var containerEl = component.find('.container').getDOMNode();
|
|
93
|
-
jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
|
|
94
|
-
component.find(SplitPane).prop('onChange')(props.maxSize);
|
|
95
|
-
expect(debounceSpy).toHaveBeenCalled();
|
|
96
|
-
expect(props.onChange).toHaveBeenCalledWith({
|
|
97
|
-
isMaxSize: true,
|
|
98
|
-
isMinSize: false,
|
|
99
|
-
percentageSize: '50%',
|
|
100
|
-
size: 500
|
|
101
|
-
});
|
|
102
|
-
});
|
|
103
|
-
it('should call onChange prop with correct isMaxSize for negative props.maxSize', function () {
|
|
104
|
-
var props = __assign(__assign({}, defaultProps), { maxSize: -200, onChange: jest.fn() });
|
|
105
|
-
var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
|
|
106
|
-
var component = mount(React.createElement(ResizablePanes, __assign({}, props),
|
|
107
|
-
React.createElement("div", null),
|
|
108
|
-
React.createElement("div", null)));
|
|
109
|
-
var containerEl = component.find('.container').getDOMNode();
|
|
110
|
-
jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
|
|
111
|
-
component.find(SplitPane).prop('onChange')(800);
|
|
112
|
-
expect(debounceSpy).toHaveBeenCalled();
|
|
113
|
-
expect(props.onChange).toHaveBeenCalledWith({
|
|
114
|
-
isMaxSize: true,
|
|
115
|
-
isMinSize: false,
|
|
116
|
-
percentageSize: '80%',
|
|
117
|
-
size: 800
|
|
118
|
-
});
|
|
119
|
-
});
|
|
120
|
-
it('should call onChange prop with correct isMaxSize for "0" props.maxSize', function () {
|
|
121
|
-
var props = __assign(__assign({}, defaultProps), { maxSize: 0, onChange: jest.fn() });
|
|
122
|
-
var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
|
|
123
|
-
var component = mount(React.createElement(ResizablePanes, __assign({}, props),
|
|
124
|
-
React.createElement("div", null),
|
|
125
|
-
React.createElement("div", null)));
|
|
126
|
-
var containerEl = component.find('.container').getDOMNode();
|
|
127
|
-
jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
|
|
128
|
-
component.find(SplitPane).prop('onChange')(1000);
|
|
129
|
-
expect(debounceSpy).toHaveBeenCalled();
|
|
130
|
-
expect(props.onChange).toHaveBeenCalledWith({
|
|
131
|
-
isMaxSize: true,
|
|
132
|
-
isMinSize: false,
|
|
133
|
-
percentageSize: '100%',
|
|
134
|
-
size: 1000
|
|
135
|
-
});
|
|
136
|
-
});
|
|
137
|
-
it('should call onChange prop with correct isMinSize for positive props.minSize', function () {
|
|
138
|
-
var props = __assign(__assign({}, defaultProps), { minSize: 60, onChange: jest.fn() });
|
|
139
|
-
var debounceSpy = jest.spyOn(mdmSdk, 'debounce').mockImplementation(function (func) { return func; });
|
|
140
|
-
var component = mount(React.createElement(ResizablePanes, __assign({}, props),
|
|
141
|
-
React.createElement("div", null),
|
|
142
|
-
React.createElement("div", null)));
|
|
143
|
-
var containerEl = component.find('.container').getDOMNode();
|
|
144
|
-
jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
|
|
145
|
-
component.find(SplitPane).prop('onChange')(props.minSize);
|
|
146
|
-
expect(debounceSpy).toHaveBeenCalled();
|
|
147
|
-
expect(props.onChange).toHaveBeenCalledWith({
|
|
148
|
-
isMaxSize: false,
|
|
149
|
-
isMinSize: true,
|
|
150
|
-
percentageSize: '6%',
|
|
151
|
-
size: 60
|
|
152
|
-
});
|
|
153
|
-
});
|
|
154
|
-
it('should apply negative size correctly', function () {
|
|
155
|
-
var props = __assign(__assign({}, defaultProps), { size: -40 });
|
|
156
|
-
var component = mount(React.createElement(ResizablePanes, __assign({}, props),
|
|
157
|
-
React.createElement("div", null),
|
|
158
|
-
React.createElement("div", null)));
|
|
159
|
-
var containerEl = component.find('.container').getDOMNode();
|
|
160
|
-
jest.spyOn(containerEl, 'clientHeight', 'get').mockReturnValue(1000);
|
|
161
|
-
component.setProps(__assign({}, props));
|
|
162
|
-
expect(component.find(SplitPane).prop('size')).toBe(1000 - 40);
|
|
163
|
-
});
|
|
164
|
-
});
|