@reltio/components 1.4.1954 → 1.4.1956
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/InfoIcon/InfoIcon.d.ts +6 -0
- package/cjs/InfoIcon/InfoIcon.js +60 -0
- package/cjs/InfoIcon/index.d.ts +1 -0
- package/cjs/InfoIcon/index.js +5 -0
- package/cjs/InfoIcon/styles.d.ts +1 -0
- package/cjs/InfoIcon/styles.js +9 -0
- package/cjs/ViewMoreToggle/ViewMoreToggle.js +5 -4
- package/cjs/ViewMoreToggle/ViewMoreToggle.test.js +7 -6
- package/cjs/ViewMoreToggle/styles.d.ts +1 -1
- package/cjs/ViewMoreToggle/styles.js +7 -11
- package/cjs/icons/Info.d.ts +3 -0
- package/cjs/icons/Info.js +22 -0
- package/cjs/icons/index.d.ts +1 -0
- package/cjs/icons/index.js +4 -2
- package/cjs/index.d.ts +1 -0
- package/cjs/index.js +9 -7
- package/esm/InfoIcon/InfoIcon.d.ts +6 -0
- package/esm/InfoIcon/InfoIcon.js +34 -0
- package/esm/InfoIcon/index.d.ts +1 -0
- package/esm/InfoIcon/index.js +1 -0
- package/esm/InfoIcon/styles.d.ts +1 -0
- package/esm/InfoIcon/styles.js +6 -0
- package/esm/ViewMoreToggle/ViewMoreToggle.js +5 -4
- package/esm/ViewMoreToggle/ViewMoreToggle.test.js +7 -6
- package/esm/ViewMoreToggle/styles.d.ts +1 -1
- package/esm/ViewMoreToggle/styles.js +7 -11
- package/esm/icons/Info.d.ts +3 -0
- package/esm/icons/Info.js +17 -0
- package/esm/icons/index.d.ts +1 -0
- package/esm/icons/index.js +1 -0
- package/esm/index.d.ts +1 -0
- package/esm/index.js +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const InfoIcon: React.ForwardRefExoticComponent<Omit<{
|
|
3
|
+
tooltipTitle?: React.ReactNode;
|
|
4
|
+
tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start";
|
|
5
|
+
showForDisabled?: boolean;
|
|
6
|
+
} & Omit<Record<string, unknown>, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,60 @@
|
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
+
exports.InfoIcon = void 0;
|
|
49
|
+
var react_1 = __importStar(require("react"));
|
|
50
|
+
var withTooltip_1 = require("../HOCs/withTooltip");
|
|
51
|
+
var icons_1 = require("../icons");
|
|
52
|
+
var styles_1 = require("./styles");
|
|
53
|
+
var RowInfoIcon = (0, react_1.forwardRef)(function (props, ref) {
|
|
54
|
+
var className = props.className, restProps = __rest(props, ["className"]);
|
|
55
|
+
var styles = (0, styles_1.useStyles)();
|
|
56
|
+
return (react_1.default.createElement("span", __assign({}, restProps, { className: styles.root, ref: ref }),
|
|
57
|
+
react_1.default.createElement(icons_1.Info, { className: className })));
|
|
58
|
+
});
|
|
59
|
+
RowInfoIcon.displayName = 'RowInfoIcon';
|
|
60
|
+
exports.InfoIcon = (0, withTooltip_1.withTooltip)(RowInfoIcon);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { InfoIcon } from './InfoIcon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"root">;
|
|
@@ -8,14 +8,15 @@ var react_1 = __importDefault(require("react"));
|
|
|
8
8
|
var ui_i18n_1 = __importDefault(require("ui-i18n"));
|
|
9
9
|
var classnames_1 = __importDefault(require("classnames"));
|
|
10
10
|
var Link_1 = __importDefault(require("@mui/material/Link"));
|
|
11
|
-
var
|
|
11
|
+
var ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
|
|
12
|
+
var ExpandLess_1 = __importDefault(require("@mui/icons-material/ExpandLess"));
|
|
12
13
|
var styles_1 = require("./styles");
|
|
13
14
|
var ViewMoreToggle = function (_a) {
|
|
14
|
-
var _b;
|
|
15
15
|
var active = _a.active, onClick = _a.onClick, className = _a.className;
|
|
16
16
|
var styles = (0, styles_1.useStyles)();
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
var Icon = active ? ExpandLess_1.default : ExpandMore_1.default;
|
|
18
|
+
return (react_1.default.createElement(Link_1.default, { className: (0, classnames_1.default)(styles.link, className), onClick: onClick, underline: "none" },
|
|
19
|
+
react_1.default.createElement(Icon, { className: styles.icon }),
|
|
19
20
|
active ? ui_i18n_1.default.text('View less') : ui_i18n_1.default.text('View more')));
|
|
20
21
|
};
|
|
21
22
|
exports.ViewMoreToggle = ViewMoreToggle;
|
|
@@ -53,6 +53,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
53
53
|
var react_1 = __importDefault(require("react"));
|
|
54
54
|
var react_2 = require("@testing-library/react");
|
|
55
55
|
var user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
56
|
+
var test_utils_1 = require("../test-utils");
|
|
56
57
|
var ViewMoreToggle_1 = require("./ViewMoreToggle");
|
|
57
58
|
describe('ViewMoreToggle tests', function () {
|
|
58
59
|
var defaultProps = {
|
|
@@ -64,15 +65,15 @@ describe('ViewMoreToggle tests', function () {
|
|
|
64
65
|
var user = user_event_1.default.setup();
|
|
65
66
|
return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(ViewMoreToggle_1.ViewMoreToggle, __assign({}, defaultProps, props))));
|
|
66
67
|
};
|
|
67
|
-
it('should render Link with "View less" label and
|
|
68
|
+
it('should render Link with "View less" label and expand less icon if props.active is true', function () {
|
|
68
69
|
setUp({ active: true });
|
|
69
|
-
|
|
70
|
-
expect(
|
|
70
|
+
react_2.screen.getByText('View less');
|
|
71
|
+
expect((0, test_utils_1.getMuiIconByName)('ExpandLess')).toBeInTheDocument();
|
|
71
72
|
});
|
|
72
|
-
it('should render Link with "View more" label and
|
|
73
|
+
it('should render Link with "View more" label and expand more icon if props.active is false', function () {
|
|
73
74
|
setUp({ active: false });
|
|
74
|
-
|
|
75
|
-
expect(
|
|
75
|
+
react_2.screen.getByText('View more');
|
|
76
|
+
expect((0, test_utils_1.getMuiIconByName)('ExpandMore')).toBeInTheDocument();
|
|
76
77
|
});
|
|
77
78
|
it('should call props.onClick on Link click', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
78
79
|
var user;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "link">;
|
|
@@ -2,19 +2,15 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useStyles = void 0;
|
|
4
4
|
var styles_1 = require("@mui/styles");
|
|
5
|
-
exports.useStyles = (0, styles_1.makeStyles)(
|
|
6
|
-
|
|
5
|
+
exports.useStyles = (0, styles_1.makeStyles)({
|
|
6
|
+
link: {
|
|
7
7
|
display: 'flex',
|
|
8
8
|
alignItems: 'center',
|
|
9
9
|
cursor: 'pointer'
|
|
10
10
|
},
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
transition: 'transform 0.35s ease'
|
|
16
|
-
},
|
|
17
|
-
rotated: {
|
|
18
|
-
transform: 'rotate(-180deg)'
|
|
11
|
+
icon: {
|
|
12
|
+
fontSize: '20px',
|
|
13
|
+
marginRight: '4px',
|
|
14
|
+
marginLeft: '-2px'
|
|
19
15
|
}
|
|
20
|
-
});
|
|
16
|
+
});
|
|
@@ -0,0 +1,22 @@
|
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var react_1 = __importDefault(require("react"));
|
|
18
|
+
var SvgInfo = function (props) {
|
|
19
|
+
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", "data-reltio-id": "SvgInfo" }, props),
|
|
20
|
+
react_1.default.createElement("path", { d: "M11.25 16.75h1.5V11h-1.5v5.75zM12 9.289c.229 0 .42-.078.575-.233a.782.782 0 00.233-.575.782.782 0 00-.232-.576.782.782 0 00-.576-.232.782.782 0 00-.575.232.782.782 0 00-.233.576c0 .229.078.42.232.575A.782.782 0 0012 9.29zm.002 12.211a9.254 9.254 0 01-3.706-.748 9.596 9.596 0 01-3.016-2.03 9.595 9.595 0 01-2.032-3.016 9.246 9.246 0 01-.748-3.704c0-1.314.25-2.55.748-3.706a9.596 9.596 0 012.03-3.016 9.594 9.594 0 013.016-2.032 9.246 9.246 0 013.704-.748c1.314 0 2.55.25 3.706.748a9.596 9.596 0 013.017 2.03 9.594 9.594 0 012.03 3.016 9.247 9.247 0 01.749 3.704c0 1.314-.25 2.55-.748 3.706a9.596 9.596 0 01-2.03 3.017 9.595 9.595 0 01-3.016 2.03 9.247 9.247 0 01-3.704.749zM12 20c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20z", fill: "#003", fillOpacity: 0.8 })));
|
|
21
|
+
};
|
|
22
|
+
exports.default = SvgInfo;
|
package/cjs/icons/index.d.ts
CHANGED
|
@@ -24,6 +24,7 @@ export { default as Filter } from './Filter';
|
|
|
24
24
|
export { default as Hyperlink } from './Hyperlink';
|
|
25
25
|
export { default as Ignored } from './Ignored';
|
|
26
26
|
export { default as IgnoredOutlined } from './IgnoredOutlined';
|
|
27
|
+
export { default as Info } from './Info';
|
|
27
28
|
export { default as LogIn } from './LogIn';
|
|
28
29
|
export { default as LogOut } from './LogOut';
|
|
29
30
|
export { default as Merge } from './Merge';
|
package/cjs/icons/index.js
CHANGED
|
@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
7
|
-
exports.UploadIcon = exports.UnMerge = exports.Tenant = exports.Table = exports.Suggest = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = void 0;
|
|
6
|
+
exports.ReadOnlyError = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.Info = exports.IgnoredOutlined = exports.Ignored = exports.Hyperlink = exports.Filter = exports.Error = exports.EmptySearchResults = exports.EmptyLoading = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.ControlAttribute = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
|
|
7
|
+
exports.UploadIcon = exports.UnMerge = exports.Tenant = exports.Table = exports.Suggest = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Reassign = void 0;
|
|
8
8
|
var Add_1 = require("./Add");
|
|
9
9
|
Object.defineProperty(exports, "Add", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
|
|
10
10
|
var AddComment_1 = require("./AddComment");
|
|
@@ -57,6 +57,8 @@ var Ignored_1 = require("./Ignored");
|
|
|
57
57
|
Object.defineProperty(exports, "Ignored", { enumerable: true, get: function () { return __importDefault(Ignored_1).default; } });
|
|
58
58
|
var IgnoredOutlined_1 = require("./IgnoredOutlined");
|
|
59
59
|
Object.defineProperty(exports, "IgnoredOutlined", { enumerable: true, get: function () { return __importDefault(IgnoredOutlined_1).default; } });
|
|
60
|
+
var Info_1 = require("./Info");
|
|
61
|
+
Object.defineProperty(exports, "Info", { enumerable: true, get: function () { return __importDefault(Info_1).default; } });
|
|
60
62
|
var LogIn_1 = require("./LogIn");
|
|
61
63
|
Object.defineProperty(exports, "LogIn", { enumerable: true, get: function () { return __importDefault(LogIn_1).default; } });
|
|
62
64
|
var LogOut_1 = require("./LogOut");
|
package/cjs/index.d.ts
CHANGED
|
@@ -37,6 +37,7 @@ export { ExpandedValueTooltip } from './ExpandedValueTooltip';
|
|
|
37
37
|
export { FacetViewHeader } from './FacetViewHeader';
|
|
38
38
|
export { FilterButton } from './FilterButton';
|
|
39
39
|
export { ImageAttributesLineEditor as EditableImageAttributesLine } from './ImageAttributesLineEditor';
|
|
40
|
+
export { InfoIcon } from './InfoIcon';
|
|
40
41
|
export { InlineAttributesPager } from './InlineAttributesPager';
|
|
41
42
|
export { InlineImageAttribute } from './InlineImageAttribute';
|
|
42
43
|
export { InlineNestedAttribute } from './InlineNestedAttribute';
|
package/cjs/index.js
CHANGED
|
@@ -14,13 +14,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.
|
|
18
|
-
exports.
|
|
19
|
-
exports.
|
|
20
|
-
exports.
|
|
21
|
-
exports.
|
|
22
|
-
exports.
|
|
23
|
-
exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = void 0;
|
|
17
|
+
exports.OvIcon = exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.InfoIcon = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ControlAttributeIcon = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
|
|
18
|
+
exports.ConfigureColumnsPopup = exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = exports.PieChart = void 0;
|
|
19
|
+
exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQuery = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.SaveSegmentDialog = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = exports.ErrorMessage = void 0;
|
|
20
|
+
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.UpSetChart = exports.GaugeChart = 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.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = void 0;
|
|
21
|
+
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 = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = void 0;
|
|
22
|
+
exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = 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 = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = void 0;
|
|
23
|
+
exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = void 0;
|
|
24
24
|
// components
|
|
25
25
|
var ActionButton_1 = require("./ActionButton");
|
|
26
26
|
Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
|
|
@@ -102,6 +102,8 @@ var FilterButton_1 = require("./FilterButton");
|
|
|
102
102
|
Object.defineProperty(exports, "FilterButton", { enumerable: true, get: function () { return FilterButton_1.FilterButton; } });
|
|
103
103
|
var ImageAttributesLineEditor_1 = require("./ImageAttributesLineEditor");
|
|
104
104
|
Object.defineProperty(exports, "EditableImageAttributesLine", { enumerable: true, get: function () { return ImageAttributesLineEditor_1.ImageAttributesLineEditor; } });
|
|
105
|
+
var InfoIcon_1 = require("./InfoIcon");
|
|
106
|
+
Object.defineProperty(exports, "InfoIcon", { enumerable: true, get: function () { return InfoIcon_1.InfoIcon; } });
|
|
105
107
|
var InlineAttributesPager_1 = require("./InlineAttributesPager");
|
|
106
108
|
Object.defineProperty(exports, "InlineAttributesPager", { enumerable: true, get: function () { return InlineAttributesPager_1.InlineAttributesPager; } });
|
|
107
109
|
var InlineImageAttribute_1 = require("./InlineImageAttribute");
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const InfoIcon: React.ForwardRefExoticComponent<Omit<{
|
|
3
|
+
tooltipTitle?: React.ReactNode;
|
|
4
|
+
tooltipPlacement?: "bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start";
|
|
5
|
+
showForDisabled?: boolean;
|
|
6
|
+
} & Omit<Record<string, unknown>, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,34 @@
|
|
|
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
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React, { forwardRef } from 'react';
|
|
24
|
+
import { withTooltip } from '../HOCs/withTooltip';
|
|
25
|
+
import { Info } from '../icons';
|
|
26
|
+
import { useStyles } from './styles';
|
|
27
|
+
var RowInfoIcon = forwardRef(function (props, ref) {
|
|
28
|
+
var className = props.className, restProps = __rest(props, ["className"]);
|
|
29
|
+
var styles = useStyles();
|
|
30
|
+
return (React.createElement("span", __assign({}, restProps, { className: styles.root, ref: ref }),
|
|
31
|
+
React.createElement(Info, { className: className })));
|
|
32
|
+
});
|
|
33
|
+
RowInfoIcon.displayName = 'RowInfoIcon';
|
|
34
|
+
export var InfoIcon = withTooltip(RowInfoIcon);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { InfoIcon } from './InfoIcon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { InfoIcon } from './InfoIcon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"root">;
|
|
@@ -2,13 +2,14 @@ import React from 'react';
|
|
|
2
2
|
import i18n from 'ui-i18n';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import Link from '@mui/material/Link';
|
|
5
|
-
import
|
|
5
|
+
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
|
|
6
|
+
import ExpandLessIcon from '@mui/icons-material/ExpandLess';
|
|
6
7
|
import { useStyles } from './styles';
|
|
7
8
|
export var ViewMoreToggle = function (_a) {
|
|
8
|
-
var _b;
|
|
9
9
|
var active = _a.active, onClick = _a.onClick, className = _a.className;
|
|
10
10
|
var styles = useStyles();
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
var Icon = active ? ExpandLessIcon : ExpandMoreIcon;
|
|
12
|
+
return (React.createElement(Link, { className: classnames(styles.link, className), onClick: onClick, underline: "none" },
|
|
13
|
+
React.createElement(Icon, { className: styles.icon }),
|
|
13
14
|
active ? i18n.text('View less') : i18n.text('View more')));
|
|
14
15
|
};
|
|
@@ -48,6 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
48
48
|
import React from 'react';
|
|
49
49
|
import { render, screen } from '@testing-library/react';
|
|
50
50
|
import userEvent from '@testing-library/user-event';
|
|
51
|
+
import { getMuiIconByName } from '../test-utils';
|
|
51
52
|
import { ViewMoreToggle } from './ViewMoreToggle';
|
|
52
53
|
describe('ViewMoreToggle tests', function () {
|
|
53
54
|
var defaultProps = {
|
|
@@ -59,15 +60,15 @@ describe('ViewMoreToggle tests', function () {
|
|
|
59
60
|
var user = userEvent.setup();
|
|
60
61
|
return __assign({ user: user }, render(React.createElement(ViewMoreToggle, __assign({}, defaultProps, props))));
|
|
61
62
|
};
|
|
62
|
-
it('should render Link with "View less" label and
|
|
63
|
+
it('should render Link with "View less" label and expand less icon if props.active is true', function () {
|
|
63
64
|
setUp({ active: true });
|
|
64
|
-
|
|
65
|
-
expect(
|
|
65
|
+
screen.getByText('View less');
|
|
66
|
+
expect(getMuiIconByName('ExpandLess')).toBeInTheDocument();
|
|
66
67
|
});
|
|
67
|
-
it('should render Link with "View more" label and
|
|
68
|
+
it('should render Link with "View more" label and expand more icon if props.active is false', function () {
|
|
68
69
|
setUp({ active: false });
|
|
69
|
-
|
|
70
|
-
expect(
|
|
70
|
+
screen.getByText('View more');
|
|
71
|
+
expect(getMuiIconByName('ExpandMore')).toBeInTheDocument();
|
|
71
72
|
});
|
|
72
73
|
it('should call props.onClick on Link click', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
73
74
|
var user;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "link">;
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
import { makeStyles } from '@mui/styles';
|
|
2
|
-
export var useStyles = makeStyles(
|
|
3
|
-
|
|
2
|
+
export var useStyles = makeStyles({
|
|
3
|
+
link: {
|
|
4
4
|
display: 'flex',
|
|
5
5
|
alignItems: 'center',
|
|
6
6
|
cursor: 'pointer'
|
|
7
7
|
},
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
transition: 'transform 0.35s ease'
|
|
13
|
-
},
|
|
14
|
-
rotated: {
|
|
15
|
-
transform: 'rotate(-180deg)'
|
|
8
|
+
icon: {
|
|
9
|
+
fontSize: '20px',
|
|
10
|
+
marginRight: '4px',
|
|
11
|
+
marginLeft: '-2px'
|
|
16
12
|
}
|
|
17
|
-
});
|
|
13
|
+
});
|
|
@@ -0,0 +1,17 @@
|
|
|
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 SvgInfo = 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", "data-reltio-id": "SvgInfo" }, props),
|
|
15
|
+
React.createElement("path", { d: "M11.25 16.75h1.5V11h-1.5v5.75zM12 9.289c.229 0 .42-.078.575-.233a.782.782 0 00.233-.575.782.782 0 00-.232-.576.782.782 0 00-.576-.232.782.782 0 00-.575.232.782.782 0 00-.233.576c0 .229.078.42.232.575A.782.782 0 0012 9.29zm.002 12.211a9.254 9.254 0 01-3.706-.748 9.596 9.596 0 01-3.016-2.03 9.595 9.595 0 01-2.032-3.016 9.246 9.246 0 01-.748-3.704c0-1.314.25-2.55.748-3.706a9.596 9.596 0 012.03-3.016 9.594 9.594 0 013.016-2.032 9.246 9.246 0 013.704-.748c1.314 0 2.55.25 3.706.748a9.596 9.596 0 013.017 2.03 9.594 9.594 0 012.03 3.016 9.247 9.247 0 01.749 3.704c0 1.314-.25 2.55-.748 3.706a9.596 9.596 0 01-2.03 3.017 9.595 9.595 0 01-3.016 2.03 9.247 9.247 0 01-3.704.749zM12 20c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20z", fill: "#003", fillOpacity: 0.8 })));
|
|
16
|
+
};
|
|
17
|
+
export default SvgInfo;
|
package/esm/icons/index.d.ts
CHANGED
|
@@ -24,6 +24,7 @@ export { default as Filter } from './Filter';
|
|
|
24
24
|
export { default as Hyperlink } from './Hyperlink';
|
|
25
25
|
export { default as Ignored } from './Ignored';
|
|
26
26
|
export { default as IgnoredOutlined } from './IgnoredOutlined';
|
|
27
|
+
export { default as Info } from './Info';
|
|
27
28
|
export { default as LogIn } from './LogIn';
|
|
28
29
|
export { default as LogOut } from './LogOut';
|
|
29
30
|
export { default as Merge } from './Merge';
|
package/esm/icons/index.js
CHANGED
|
@@ -24,6 +24,7 @@ export { default as Filter } from './Filter';
|
|
|
24
24
|
export { default as Hyperlink } from './Hyperlink';
|
|
25
25
|
export { default as Ignored } from './Ignored';
|
|
26
26
|
export { default as IgnoredOutlined } from './IgnoredOutlined';
|
|
27
|
+
export { default as Info } from './Info';
|
|
27
28
|
export { default as LogIn } from './LogIn';
|
|
28
29
|
export { default as LogOut } from './LogOut';
|
|
29
30
|
export { default as Merge } from './Merge';
|
package/esm/index.d.ts
CHANGED
|
@@ -37,6 +37,7 @@ export { ExpandedValueTooltip } from './ExpandedValueTooltip';
|
|
|
37
37
|
export { FacetViewHeader } from './FacetViewHeader';
|
|
38
38
|
export { FilterButton } from './FilterButton';
|
|
39
39
|
export { ImageAttributesLineEditor as EditableImageAttributesLine } from './ImageAttributesLineEditor';
|
|
40
|
+
export { InfoIcon } from './InfoIcon';
|
|
40
41
|
export { InlineAttributesPager } from './InlineAttributesPager';
|
|
41
42
|
export { InlineImageAttribute } from './InlineImageAttribute';
|
|
42
43
|
export { InlineNestedAttribute } from './InlineNestedAttribute';
|
package/esm/index.js
CHANGED
|
@@ -38,6 +38,7 @@ export { ExpandedValueTooltip } from './ExpandedValueTooltip';
|
|
|
38
38
|
export { FacetViewHeader } from './FacetViewHeader';
|
|
39
39
|
export { FilterButton } from './FilterButton';
|
|
40
40
|
export { ImageAttributesLineEditor as EditableImageAttributesLine } from './ImageAttributesLineEditor';
|
|
41
|
+
export { InfoIcon } from './InfoIcon';
|
|
41
42
|
export { InlineAttributesPager } from './InlineAttributesPager';
|
|
42
43
|
export { InlineImageAttribute } from './InlineImageAttribute';
|
|
43
44
|
export { InlineNestedAttribute } from './InlineNestedAttribute';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.1956",
|
|
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.1865",
|
|
12
12
|
"@upsetjs/react": "^1.11.0",
|
|
13
13
|
"d3-cloud": "^1.2.5",
|
|
14
14
|
"d3-geo": "^2.0.1",
|