@reltio/components 1.4.1078 → 1.4.1081

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.
Files changed (11) hide show
  1. package/cjs/components/EmptyState/styles.js +3 -3
  2. package/cjs/components/attributes/editMode/EntitySelector/EntitySelector.js +6 -1
  3. package/cjs/icons/SelectAttributes.js +37 -36
  4. package/cjs/icons/index.d.ts +3 -3
  5. package/cjs/icons/index.js +7 -7
  6. package/esm/components/EmptyState/styles.js +3 -3
  7. package/esm/components/attributes/editMode/EntitySelector/EntitySelector.js +6 -1
  8. package/esm/icons/SelectAttributes.js +37 -36
  9. package/esm/icons/index.d.ts +3 -3
  10. package/esm/icons/index.js +3 -3
  11. package/package.json +3 -3
package/cjs/components/EmptyState/styles.js CHANGED
@@ -17,15 +17,15 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
17
17
  minHeight: '350px',
18
18
  boxSizing: 'border-box',
19
19
  '& $text': {
20
- color: theme.palette.text.secondary,
20
+ color: theme.palette.text.primary,
21
21
  fontSize: '20px',
22
- fontWeight: 300,
22
+ fontWeight: 500,
23
23
  lineHeight: '24px',
24
24
  letterSpacing: '0.25px',
25
25
  textAlign: 'center'
26
26
  },
27
27
  '& $secondaryText': {
28
- color: 'rgba(0, 0, 0, 0.54)',
28
+ color: theme.palette.text.secondary,
29
29
  fontSize: '15px',
30
30
  fontWeight: 300,
31
31
  lineHeight: '18px',
package/cjs/components/attributes/editMode/EntitySelector/EntitySelector.js CHANGED
@@ -132,8 +132,13 @@ var EntitySelector = function (_a) {
132
132
  var isTempEntity = !ramda_1.isEmpty(entity) && mdm_sdk_1.isTempUri(entity.entityUri);
133
133
  var groupComponent = groupMode ? { Group: Group_1.default, GroupHeading: core_1.EmptyStub } : {};
134
134
  var clearComponent = isTempEntity ? { ClearIndicator: ClearIndicator_1.default } : {};
135
+ var TextFieldProps = otherProps.TextFieldProps, dropDownSelectorProps = __rest(otherProps, ["TextFieldProps"]);
136
+ var textFieldProps = react_1.useMemo(function () {
137
+ var _a;
138
+ return (__assign(__assign({}, (TextFieldProps || {})), (_a = {}, _a['data-reltio-id'] = 'reltio-entity-selector', _a)));
139
+ }, [TextFieldProps]);
135
140
  return (react_1.default.createElement(react_1.default.Fragment, null,
136
- react_1.default.createElement(DropDownSelector_1.default, __assign({ value: !ramda_1.isEmpty(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: ramda_1.prop('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, components: __assign(__assign({ Option: EntityOption_1.default, SingleValue: SingleValue_1.default }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick }, otherProps)),
141
+ react_1.default.createElement(DropDownSelector_1.default, __assign({ value: !ramda_1.isEmpty(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: ramda_1.prop('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, components: __assign(__assign({ Option: EntityOption_1.default, SingleValue: SingleValue_1.default }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick, TextFieldProps: textFieldProps }, dropDownSelectorProps)),
137
142
  isTempEntity && (react_1.default.createElement("div", { className: styles.creatorWrapper },
138
143
  react_1.default.createElement(EntityCreator_1.default, { mode: mode, attributeTypesSelectionStrategy: attributeTypesSelectionStrategy, entityType: currentEntityType, entityUri: entity.entityUri })))));
139
144
  };
package/cjs/icons/SelectAttributes.js CHANGED
@@ -16,42 +16,43 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  var react_1 = __importDefault(require("react"));
18
18
  var SvgSelectAttributes = function (props) {
19
- return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
19
+ return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
20
+ react_1.default.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#0072CE", fillOpacity: 0.1 }),
21
+ react_1.default.createElement("mask", { id: "SelectAttributes_svg__a", style: {
22
+ maskType: 'alpha'
23
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 256, height: 256 },
24
+ react_1.default.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#fff" })),
25
+ react_1.default.createElement("g", { mask: "url(#SelectAttributes_svg__a)" },
26
+ react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-16 9h256v247H-16V9z", fill: "url(#SelectAttributes_svg__paint0_linear_0_19219)" }),
27
+ react_1.default.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M187.761 56.865l58.639 58.639v148.871H93.383L52 225.083V56.865h135.761z", fill: "url(#SelectAttributes_svg__paint1_linear_0_19219)" }),
28
+ react_1.default.createElement("path", { opacity: 0.06, fillRule: "evenodd", clipRule: "evenodd", d: "M47 58h202a7 7 0 017 7v157a7 7 0 01-7 7H47a7 7 0 01-7-7V65a7 7 0 017-7z", fill: "#000" }),
29
+ react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M50 56h201a5 5 0 015 5v157a5 5 0 01-5 5H50a5 5 0 01-5-5V61a5 5 0 015-5z", fill: "#fff" }),
30
+ react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 72.635a3 3 0 013-3H150a3 3 0 110 6h-41.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
31
+ react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 84.635a3 3 0 013-3h64.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
32
+ react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 163a3 3 0 013-3H150a3 3 0 110 6h-41.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
33
+ react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 175a3 3 0 013-3h64.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
34
+ react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 193a3 3 0 013-3H190a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
35
+ react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 205a3 3 0 013-3h74.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
36
+ react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M138.376 103a3 3 0 013-3H223a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
37
+ react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M138 115a3 3 0 013-3h64.205a3 3 0 110 6H141a3 3 0 01-3-3z", fill: "#979797" }),
38
+ react_1.default.createElement("circle", { cx: 67, cy: 79, r: 9, fill: "#B6C7DB" }),
39
+ react_1.default.createElement("circle", { cx: 67, cy: 79, r: 9, fill: "#B6C7DB" }),
40
+ react_1.default.createElement("circle", { cx: 120, cy: 106, r: 6, fill: "#B6C7DB" }),
41
+ react_1.default.createElement("circle", { cx: 120, cy: 136, r: 6, fill: "#B6C7DB" }),
42
+ react_1.default.createElement("circle", { cx: 67, cy: 169, r: 9, fill: "#B6C7DB" }),
43
+ react_1.default.createElement("circle", { cx: 67, cy: 199, r: 9, fill: "#B6C7DB" }),
44
+ react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M138.376 133a3 3 0 013-3H223a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
45
+ react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M138 145a3 3 0 013-3h74.205a3 3 0 110 6H141a3 3 0 01-3-3z", fill: "#979797" }),
46
+ react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M92.514 108v-8h-2V140.365h11.178v-2h-9.178V110h9.178v-2h-9.178z", fill: "#2B98F0" }),
47
+ react_1.default.createElement("path", { opacity: 0.54, fillRule: "evenodd", clipRule: "evenodd", d: "M95.071 77l-3.535 3.535L88 77h7.071z", fill: "#000" }),
48
+ react_1.default.createElement("path", { opacity: 0.6, fillRule: "evenodd", clipRule: "evenodd", d: "M50 22h186a6 6 0 016 6v18a6 6 0 01-6 6H50a6 6 0 01-6-6V28a6 6 0 016-6z", fill: "#fff" }),
49
+ react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M58 37a6 6 0 016-6h70a6 6 0 110 12H64a6 6 0 01-6-6zM148 37a6 6 0 016-6h10a6 6 0 110 12h-10a6 6 0 01-6-6z", fill: "#979797" })),
20
50
  react_1.default.createElement("defs", null,
21
- react_1.default.createElement("linearGradient", { x1: "79.375%", y1: "86.747%", x2: "32.207%", y2: "33.403%", id: "SelectAttributes_svg__c" },
22
- react_1.default.createElement("stop", { stopColor: "#000", stopOpacity: 0, offset: "0%" }),
23
- react_1.default.createElement("stop", { stopColor: "#000", offset: "100%" })),
24
- react_1.default.createElement("circle", { id: "SelectAttributes_svg__a", cx: 128, cy: 128, r: 128 })),
25
- react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
26
- react_1.default.createElement("mask", { id: "SelectAttributes_svg__b", fill: "#fff" },
27
- react_1.default.createElement("use", { xlinkHref: "#SelectAttributes_svg__a" })),
28
- react_1.default.createElement("use", { fillOpacity: 0.2, fill: "#A792CD", xlinkHref: "#SelectAttributes_svg__a" }),
29
- react_1.default.createElement("path", { fill: "#F4F4F4", mask: "url(#SelectAttributes_svg__b)", d: "M-16 9h256v239H-16z" }),
30
- react_1.default.createElement("path", { fill: "url(#SelectAttributes_svg__c)", opacity: 0.05, mask: "url(#SelectAttributes_svg__b)", d: "M187.761 56.865l58.639 58.639v148.871H93.383L52 225.083V56.865z" }),
31
- react_1.default.createElement("path", { d: "M53 58h202a7 7 0 017 7v157a7 7 0 01-7 7H53a7 7 0 01-7-7V65a7 7 0 017-7z", fill: "#000", opacity: 0.06, mask: "url(#SelectAttributes_svg__b)" }),
32
- react_1.default.createElement("g", { mask: "url(#SelectAttributes_svg__b)" },
33
- react_1.default.createElement("path", { d: "M56 56h201a5 5 0 015 5v157a5 5 0 01-5 5H56a5 5 0 01-5-5V61a5 5 0 015-5z", fill: "#FFF", fillRule: "evenodd" }),
34
- react_1.default.createElement("path", { d: "M114.376 69.635H156a3 3 0 010 6h-41.624a3 3 0 110-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
35
- react_1.default.createElement("path", { d: "M114 81.635h64.205a3 3 0 010 6H114a3 3 0 110-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
36
- react_1.default.createElement("path", { d: "M114.376 160H156a3 3 0 010 6h-41.624a3 3 0 010-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
37
- react_1.default.createElement("path", { d: "M114 172h64.205a3 3 0 010 6H114a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
38
- react_1.default.createElement("path", { d: "M114.376 190H196a3 3 0 010 6h-81.624a3 3 0 010-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
39
- react_1.default.createElement("path", { d: "M114 202h74.205a3 3 0 010 6H114a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
40
- react_1.default.createElement("path", { d: "M82 190a2 2 0 012 2v14a2 2 0 01-2 2H68a2 2 0 01-2-2v-14a2 2 0 012-2h14zm0 2H68v14h14v-14z", fillOpacity: 0.18, fill: "#000", fillRule: "nonzero" }),
41
- react_1.default.createElement("path", { d: "M138.376 100H220a3 3 0 010 6h-81.624a3 3 0 110-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
42
- react_1.default.createElement("path", { d: "M138 112h64.205a3 3 0 010 6H138a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
43
- react_1.default.createElement("path", { d: "M82 100a2 2 0 012 2v14a2 2 0 01-2 2H68a2 2 0 01-2-2v-14a2 2 0 012-2h14zm0 2H68v14h14v-14z", fillOpacity: 0.18, fill: "#000", fillRule: "nonzero" }),
44
- react_1.default.createElement("path", { d: "M138.376 130H220a3 3 0 010 6h-81.624a3 3 0 110-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
45
- react_1.default.createElement("path", { d: "M138 142h74.205a3 3 0 010 6H138a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
46
- react_1.default.createElement("path", { d: "M96.514 100h2v8h9.179v2h-9.179v28.365h9.179v2H96.514V100z", fill: "#2B98F0", fillRule: "nonzero", opacity: 0.2 }),
47
- react_1.default.createElement("path", { d: "M82 70H68a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V72a2 2 0 00-2-2z", fill: "#2B98F0", fillRule: "nonzero" }),
48
- react_1.default.createElement("path", { d: "M80.097 73.255a1.5 1.5 0 012.224 2.007l-.103.114-8.157 8.156a1.5 1.5 0 01-2.007.103l-.114-.103-3.164-3.164a1.5 1.5 0 012.007-2.225l.114.103L73 80.35l7.097-7.095z", fill: "#FFF", fillRule: "nonzero" }),
49
- react_1.default.createElement("path", { d: "M82 160H68a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-14a2 2 0 00-2-2z", fill: "#2B98F0", fillRule: "nonzero" }),
50
- react_1.default.createElement("path", { d: "M80.097 163.255a1.5 1.5 0 012.224 2.007l-.103.114-8.157 8.156a1.5 1.5 0 01-2.007.103l-.114-.103-3.164-3.164a1.5 1.5 0 012.007-2.225l.114.103L73 170.35l7.097-7.095z", fill: "#FFF", fillRule: "nonzero" }),
51
- react_1.default.createElement("path", { d: "M82 130H68a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-14a2 2 0 00-2-2z", fill: "#2B98F0", fillRule: "nonzero" }),
52
- react_1.default.createElement("path", { d: "M80.097 133.255a1.5 1.5 0 012.224 2.007l-.103.114-8.157 8.156a1.5 1.5 0 01-2.007.103l-.114-.103-3.164-3.164a1.5 1.5 0 012.007-2.225l.114.103L73 140.35l7.097-7.095z", fill: "#FFF", fillRule: "nonzero" }),
53
- react_1.default.createElement("path", { fill: "#000", fillRule: "evenodd", opacity: 0.54, d: "M101.071 77l-3.535 3.536L94 77z" })),
54
- react_1.default.createElement("path", { d: "M56 22h186a6 6 0 016 6v18a6 6 0 01-6 6H56a6 6 0 01-6-6V28a6 6 0 016-6z", fill: "#FFF", opacity: 0.6, mask: "url(#SelectAttributes_svg__b)" }),
55
- react_1.default.createElement("path", { d: "M70 31h70a6 6 0 010 12H70a6 6 0 110-12zM160 31h10a6 6 0 010 12h-10a6 6 0 010-12z", fill: "#979797", opacity: 0.2, mask: "url(#SelectAttributes_svg__b)" }))));
51
+ react_1.default.createElement("linearGradient", { id: "SelectAttributes_svg__paint0_linear_0_19219", x1: -16, y1: 9, x2: -16, y2: 256, gradientUnits: "userSpaceOnUse" },
52
+ react_1.default.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0.01 }),
53
+ react_1.default.createElement("stop", { offset: 1, stopColor: "#F4F4F4" })),
54
+ react_1.default.createElement("linearGradient", { id: "SelectAttributes_svg__paint1_linear_0_19219", x1: 266.117, y1: 181.111, x2: 154.882, y2: 77.681, gradientUnits: "userSpaceOnUse" },
55
+ react_1.default.createElement("stop", { stopOpacity: 0.01 }),
56
+ react_1.default.createElement("stop", { offset: 1 })))));
56
57
  };
57
58
  exports.default = SvgSelectAttributes;
package/cjs/icons/index.d.ts CHANGED
@@ -22,19 +22,19 @@ export { default as Ignored } from './Ignored';
22
22
  export { default as IgnoredOutlined } from './IgnoredOutlined';
23
23
  export { default as LogIn } from './LogIn';
24
24
  export { default as LogOut } from './LogOut';
25
- export { default as MlMatch } from './MlMatch';
26
25
  export { default as Merge } from './Merge';
27
26
  export { default as MergeDark } from './MergeDark';
27
+ export { default as MlMatch } from './MlMatch';
28
28
  export { default as NestedAttribute } from './NestedAttribute';
29
29
  export { default as NoData } from './NoData';
30
30
  export { default as NoDataSearch } from './NoDataSearch';
31
31
  export { default as NoMatches } from './NoMatches';
32
32
  export { default as NotMatchDark } from './NotMatchDark';
33
- export { default as PmIcon } from './PmIcon';
34
- export { default as PmTaskIcon } from './PmTaskIcon';
35
33
  export { default as Pin } from './Pin';
36
34
  export { default as PinOutlined } from './PinOutlined';
37
35
  export { default as PivotingIcon } from './PivotingIcon';
36
+ export { default as PmIcon } from './PmIcon';
37
+ export { default as PmTaskIcon } from './PmTaskIcon';
38
38
  export { default as Polygon } from './Polygon';
39
39
  export { default as PotentialMatch } from './PotentialMatch';
40
40
  export { default as Profile } from './Profile';
package/cjs/icons/index.js CHANGED
@@ -3,7 +3,7 @@ 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.UnMerge = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.PmTaskIcon = exports.PmIcon = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.MergeDark = exports.Merge = exports.MlMatch = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
6
+ exports.UnMerge = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
7
7
  exports.UploadIcon = void 0;
8
8
  var Add_1 = require("./Add");
9
9
  Object.defineProperty(exports, "Add", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
@@ -53,12 +53,12 @@ var LogIn_1 = require("./LogIn");
53
53
  Object.defineProperty(exports, "LogIn", { enumerable: true, get: function () { return __importDefault(LogIn_1).default; } });
54
54
  var LogOut_1 = require("./LogOut");
55
55
  Object.defineProperty(exports, "LogOut", { enumerable: true, get: function () { return __importDefault(LogOut_1).default; } });
56
- var MlMatch_1 = require("./MlMatch");
57
- Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
58
56
  var Merge_1 = require("./Merge");
59
57
  Object.defineProperty(exports, "Merge", { enumerable: true, get: function () { return __importDefault(Merge_1).default; } });
60
58
  var MergeDark_1 = require("./MergeDark");
61
59
  Object.defineProperty(exports, "MergeDark", { enumerable: true, get: function () { return __importDefault(MergeDark_1).default; } });
60
+ var MlMatch_1 = require("./MlMatch");
61
+ Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
62
62
  var NestedAttribute_1 = require("./NestedAttribute");
63
63
  Object.defineProperty(exports, "NestedAttribute", { enumerable: true, get: function () { return __importDefault(NestedAttribute_1).default; } });
64
64
  var NoData_1 = require("./NoData");
@@ -69,16 +69,16 @@ var NoMatches_1 = require("./NoMatches");
69
69
  Object.defineProperty(exports, "NoMatches", { enumerable: true, get: function () { return __importDefault(NoMatches_1).default; } });
70
70
  var NotMatchDark_1 = require("./NotMatchDark");
71
71
  Object.defineProperty(exports, "NotMatchDark", { enumerable: true, get: function () { return __importDefault(NotMatchDark_1).default; } });
72
- var PmIcon_1 = require("./PmIcon");
73
- Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
74
- var PmTaskIcon_1 = require("./PmTaskIcon");
75
- Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
76
72
  var Pin_1 = require("./Pin");
77
73
  Object.defineProperty(exports, "Pin", { enumerable: true, get: function () { return __importDefault(Pin_1).default; } });
78
74
  var PinOutlined_1 = require("./PinOutlined");
79
75
  Object.defineProperty(exports, "PinOutlined", { enumerable: true, get: function () { return __importDefault(PinOutlined_1).default; } });
80
76
  var PivotingIcon_1 = require("./PivotingIcon");
81
77
  Object.defineProperty(exports, "PivotingIcon", { enumerable: true, get: function () { return __importDefault(PivotingIcon_1).default; } });
78
+ var PmIcon_1 = require("./PmIcon");
79
+ Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
80
+ var PmTaskIcon_1 = require("./PmTaskIcon");
81
+ Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
82
82
  var Polygon_1 = require("./Polygon");
83
83
  Object.defineProperty(exports, "Polygon", { enumerable: true, get: function () { return __importDefault(Polygon_1).default; } });
84
84
  var PotentialMatch_1 = require("./PotentialMatch");
package/esm/components/EmptyState/styles.js CHANGED
@@ -14,15 +14,15 @@ export var useStyles = makeStyles(function (theme) { return ({
14
14
  minHeight: '350px',
15
15
  boxSizing: 'border-box',
16
16
  '& $text': {
17
- color: theme.palette.text.secondary,
17
+ color: theme.palette.text.primary,
18
18
  fontSize: '20px',
19
- fontWeight: 300,
19
+ fontWeight: 500,
20
20
  lineHeight: '24px',
21
21
  letterSpacing: '0.25px',
22
22
  textAlign: 'center'
23
23
  },
24
24
  '& $secondaryText': {
25
- color: 'rgba(0, 0, 0, 0.54)',
25
+ color: theme.palette.text.secondary,
26
26
  fontSize: '15px',
27
27
  fontWeight: 300,
28
28
  lineHeight: '18px',
package/esm/components/attributes/editMode/EntitySelector/EntitySelector.js CHANGED
@@ -108,8 +108,13 @@ var EntitySelector = function (_a) {
108
108
  var isTempEntity = !isEmpty(entity) && isTempUri(entity.entityUri);
109
109
  var groupComponent = groupMode ? { Group: Group, GroupHeading: EmptyStub } : {};
110
110
  var clearComponent = isTempEntity ? { ClearIndicator: ClearIndicator } : {};
111
+ var TextFieldProps = otherProps.TextFieldProps, dropDownSelectorProps = __rest(otherProps, ["TextFieldProps"]);
112
+ var textFieldProps = useMemo(function () {
113
+ var _a;
114
+ return (__assign(__assign({}, (TextFieldProps || {})), (_a = {}, _a['data-reltio-id'] = 'reltio-entity-selector', _a)));
115
+ }, [TextFieldProps]);
111
116
  return (React.createElement(React.Fragment, null,
112
- React.createElement(DropDownSelector, __assign({ value: !isEmpty(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: prop('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, components: __assign(__assign({ Option: EntityOption, SingleValue: SingleValue }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick }, otherProps)),
117
+ React.createElement(DropDownSelector, __assign({ value: !isEmpty(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: prop('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, components: __assign(__assign({ Option: EntityOption, SingleValue: SingleValue }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick, TextFieldProps: textFieldProps }, dropDownSelectorProps)),
113
118
  isTempEntity && (React.createElement("div", { className: styles.creatorWrapper },
114
119
  React.createElement(EntityCreator, { mode: mode, attributeTypesSelectionStrategy: attributeTypesSelectionStrategy, entityType: currentEntityType, entityUri: entity.entityUri })))));
115
120
  };
package/esm/icons/SelectAttributes.js CHANGED
@@ -11,42 +11,43 @@ var __assign = (this && this.__assign) || function () {
11
11
  };
12
12
  import React from 'react';
13
13
  var SvgSelectAttributes = function (props) {
14
- return (React.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
14
+ return (React.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
15
+ React.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#0072CE", fillOpacity: 0.1 }),
16
+ React.createElement("mask", { id: "SelectAttributes_svg__a", style: {
17
+ maskType: 'alpha'
18
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 256, height: 256 },
19
+ React.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#fff" })),
20
+ React.createElement("g", { mask: "url(#SelectAttributes_svg__a)" },
21
+ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-16 9h256v247H-16V9z", fill: "url(#SelectAttributes_svg__paint0_linear_0_19219)" }),
22
+ React.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M187.761 56.865l58.639 58.639v148.871H93.383L52 225.083V56.865h135.761z", fill: "url(#SelectAttributes_svg__paint1_linear_0_19219)" }),
23
+ React.createElement("path", { opacity: 0.06, fillRule: "evenodd", clipRule: "evenodd", d: "M47 58h202a7 7 0 017 7v157a7 7 0 01-7 7H47a7 7 0 01-7-7V65a7 7 0 017-7z", fill: "#000" }),
24
+ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M50 56h201a5 5 0 015 5v157a5 5 0 01-5 5H50a5 5 0 01-5-5V61a5 5 0 015-5z", fill: "#fff" }),
25
+ React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 72.635a3 3 0 013-3H150a3 3 0 110 6h-41.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
26
+ React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 84.635a3 3 0 013-3h64.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
27
+ React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 163a3 3 0 013-3H150a3 3 0 110 6h-41.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
28
+ React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 175a3 3 0 013-3h64.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
29
+ React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 193a3 3 0 013-3H190a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
30
+ React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 205a3 3 0 013-3h74.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
31
+ React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M138.376 103a3 3 0 013-3H223a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
32
+ React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M138 115a3 3 0 013-3h64.205a3 3 0 110 6H141a3 3 0 01-3-3z", fill: "#979797" }),
33
+ React.createElement("circle", { cx: 67, cy: 79, r: 9, fill: "#B6C7DB" }),
34
+ React.createElement("circle", { cx: 67, cy: 79, r: 9, fill: "#B6C7DB" }),
35
+ React.createElement("circle", { cx: 120, cy: 106, r: 6, fill: "#B6C7DB" }),
36
+ React.createElement("circle", { cx: 120, cy: 136, r: 6, fill: "#B6C7DB" }),
37
+ React.createElement("circle", { cx: 67, cy: 169, r: 9, fill: "#B6C7DB" }),
38
+ React.createElement("circle", { cx: 67, cy: 199, r: 9, fill: "#B6C7DB" }),
39
+ React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M138.376 133a3 3 0 013-3H223a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
40
+ React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M138 145a3 3 0 013-3h74.205a3 3 0 110 6H141a3 3 0 01-3-3z", fill: "#979797" }),
41
+ React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M92.514 108v-8h-2V140.365h11.178v-2h-9.178V110h9.178v-2h-9.178z", fill: "#2B98F0" }),
42
+ React.createElement("path", { opacity: 0.54, fillRule: "evenodd", clipRule: "evenodd", d: "M95.071 77l-3.535 3.535L88 77h7.071z", fill: "#000" }),
43
+ React.createElement("path", { opacity: 0.6, fillRule: "evenodd", clipRule: "evenodd", d: "M50 22h186a6 6 0 016 6v18a6 6 0 01-6 6H50a6 6 0 01-6-6V28a6 6 0 016-6z", fill: "#fff" }),
44
+ React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M58 37a6 6 0 016-6h70a6 6 0 110 12H64a6 6 0 01-6-6zM148 37a6 6 0 016-6h10a6 6 0 110 12h-10a6 6 0 01-6-6z", fill: "#979797" })),
15
45
  React.createElement("defs", null,
16
- React.createElement("linearGradient", { x1: "79.375%", y1: "86.747%", x2: "32.207%", y2: "33.403%", id: "SelectAttributes_svg__c" },
17
- React.createElement("stop", { stopColor: "#000", stopOpacity: 0, offset: "0%" }),
18
- React.createElement("stop", { stopColor: "#000", offset: "100%" })),
19
- React.createElement("circle", { id: "SelectAttributes_svg__a", cx: 128, cy: 128, r: 128 })),
20
- React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
21
- React.createElement("mask", { id: "SelectAttributes_svg__b", fill: "#fff" },
22
- React.createElement("use", { xlinkHref: "#SelectAttributes_svg__a" })),
23
- React.createElement("use", { fillOpacity: 0.2, fill: "#A792CD", xlinkHref: "#SelectAttributes_svg__a" }),
24
- React.createElement("path", { fill: "#F4F4F4", mask: "url(#SelectAttributes_svg__b)", d: "M-16 9h256v239H-16z" }),
25
- React.createElement("path", { fill: "url(#SelectAttributes_svg__c)", opacity: 0.05, mask: "url(#SelectAttributes_svg__b)", d: "M187.761 56.865l58.639 58.639v148.871H93.383L52 225.083V56.865z" }),
26
- React.createElement("path", { d: "M53 58h202a7 7 0 017 7v157a7 7 0 01-7 7H53a7 7 0 01-7-7V65a7 7 0 017-7z", fill: "#000", opacity: 0.06, mask: "url(#SelectAttributes_svg__b)" }),
27
- React.createElement("g", { mask: "url(#SelectAttributes_svg__b)" },
28
- React.createElement("path", { d: "M56 56h201a5 5 0 015 5v157a5 5 0 01-5 5H56a5 5 0 01-5-5V61a5 5 0 015-5z", fill: "#FFF", fillRule: "evenodd" }),
29
- React.createElement("path", { d: "M114.376 69.635H156a3 3 0 010 6h-41.624a3 3 0 110-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
30
- React.createElement("path", { d: "M114 81.635h64.205a3 3 0 010 6H114a3 3 0 110-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
31
- React.createElement("path", { d: "M114.376 160H156a3 3 0 010 6h-41.624a3 3 0 010-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
32
- React.createElement("path", { d: "M114 172h64.205a3 3 0 010 6H114a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
33
- React.createElement("path", { d: "M114.376 190H196a3 3 0 010 6h-81.624a3 3 0 010-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
34
- React.createElement("path", { d: "M114 202h74.205a3 3 0 010 6H114a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
35
- React.createElement("path", { d: "M82 190a2 2 0 012 2v14a2 2 0 01-2 2H68a2 2 0 01-2-2v-14a2 2 0 012-2h14zm0 2H68v14h14v-14z", fillOpacity: 0.18, fill: "#000", fillRule: "nonzero" }),
36
- React.createElement("path", { d: "M138.376 100H220a3 3 0 010 6h-81.624a3 3 0 110-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
37
- React.createElement("path", { d: "M138 112h64.205a3 3 0 010 6H138a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
38
- React.createElement("path", { d: "M82 100a2 2 0 012 2v14a2 2 0 01-2 2H68a2 2 0 01-2-2v-14a2 2 0 012-2h14zm0 2H68v14h14v-14z", fillOpacity: 0.18, fill: "#000", fillRule: "nonzero" }),
39
- React.createElement("path", { d: "M138.376 130H220a3 3 0 010 6h-81.624a3 3 0 110-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
40
- React.createElement("path", { d: "M138 142h74.205a3 3 0 010 6H138a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
41
- React.createElement("path", { d: "M96.514 100h2v8h9.179v2h-9.179v28.365h9.179v2H96.514V100z", fill: "#2B98F0", fillRule: "nonzero", opacity: 0.2 }),
42
- React.createElement("path", { d: "M82 70H68a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V72a2 2 0 00-2-2z", fill: "#2B98F0", fillRule: "nonzero" }),
43
- React.createElement("path", { d: "M80.097 73.255a1.5 1.5 0 012.224 2.007l-.103.114-8.157 8.156a1.5 1.5 0 01-2.007.103l-.114-.103-3.164-3.164a1.5 1.5 0 012.007-2.225l.114.103L73 80.35l7.097-7.095z", fill: "#FFF", fillRule: "nonzero" }),
44
- React.createElement("path", { d: "M82 160H68a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-14a2 2 0 00-2-2z", fill: "#2B98F0", fillRule: "nonzero" }),
45
- React.createElement("path", { d: "M80.097 163.255a1.5 1.5 0 012.224 2.007l-.103.114-8.157 8.156a1.5 1.5 0 01-2.007.103l-.114-.103-3.164-3.164a1.5 1.5 0 012.007-2.225l.114.103L73 170.35l7.097-7.095z", fill: "#FFF", fillRule: "nonzero" }),
46
- React.createElement("path", { d: "M82 130H68a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-14a2 2 0 00-2-2z", fill: "#2B98F0", fillRule: "nonzero" }),
47
- React.createElement("path", { d: "M80.097 133.255a1.5 1.5 0 012.224 2.007l-.103.114-8.157 8.156a1.5 1.5 0 01-2.007.103l-.114-.103-3.164-3.164a1.5 1.5 0 012.007-2.225l.114.103L73 140.35l7.097-7.095z", fill: "#FFF", fillRule: "nonzero" }),
48
- React.createElement("path", { fill: "#000", fillRule: "evenodd", opacity: 0.54, d: "M101.071 77l-3.535 3.536L94 77z" })),
49
- React.createElement("path", { d: "M56 22h186a6 6 0 016 6v18a6 6 0 01-6 6H56a6 6 0 01-6-6V28a6 6 0 016-6z", fill: "#FFF", opacity: 0.6, mask: "url(#SelectAttributes_svg__b)" }),
50
- React.createElement("path", { d: "M70 31h70a6 6 0 010 12H70a6 6 0 110-12zM160 31h10a6 6 0 010 12h-10a6 6 0 010-12z", fill: "#979797", opacity: 0.2, mask: "url(#SelectAttributes_svg__b)" }))));
46
+ React.createElement("linearGradient", { id: "SelectAttributes_svg__paint0_linear_0_19219", x1: -16, y1: 9, x2: -16, y2: 256, gradientUnits: "userSpaceOnUse" },
47
+ React.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0.01 }),
48
+ React.createElement("stop", { offset: 1, stopColor: "#F4F4F4" })),
49
+ React.createElement("linearGradient", { id: "SelectAttributes_svg__paint1_linear_0_19219", x1: 266.117, y1: 181.111, x2: 154.882, y2: 77.681, gradientUnits: "userSpaceOnUse" },
50
+ React.createElement("stop", { stopOpacity: 0.01 }),
51
+ React.createElement("stop", { offset: 1 })))));
51
52
  };
52
53
  export default SvgSelectAttributes;
package/esm/icons/index.d.ts CHANGED
@@ -22,19 +22,19 @@ export { default as Ignored } from './Ignored';
22
22
  export { default as IgnoredOutlined } from './IgnoredOutlined';
23
23
  export { default as LogIn } from './LogIn';
24
24
  export { default as LogOut } from './LogOut';
25
- export { default as MlMatch } from './MlMatch';
26
25
  export { default as Merge } from './Merge';
27
26
  export { default as MergeDark } from './MergeDark';
27
+ export { default as MlMatch } from './MlMatch';
28
28
  export { default as NestedAttribute } from './NestedAttribute';
29
29
  export { default as NoData } from './NoData';
30
30
  export { default as NoDataSearch } from './NoDataSearch';
31
31
  export { default as NoMatches } from './NoMatches';
32
32
  export { default as NotMatchDark } from './NotMatchDark';
33
- export { default as PmIcon } from './PmIcon';
34
- export { default as PmTaskIcon } from './PmTaskIcon';
35
33
  export { default as Pin } from './Pin';
36
34
  export { default as PinOutlined } from './PinOutlined';
37
35
  export { default as PivotingIcon } from './PivotingIcon';
36
+ export { default as PmIcon } from './PmIcon';
37
+ export { default as PmTaskIcon } from './PmTaskIcon';
38
38
  export { default as Polygon } from './Polygon';
39
39
  export { default as PotentialMatch } from './PotentialMatch';
40
40
  export { default as Profile } from './Profile';
package/esm/icons/index.js CHANGED
@@ -22,19 +22,19 @@ export { default as Ignored } from './Ignored';
22
22
  export { default as IgnoredOutlined } from './IgnoredOutlined';
23
23
  export { default as LogIn } from './LogIn';
24
24
  export { default as LogOut } from './LogOut';
25
- export { default as MlMatch } from './MlMatch';
26
25
  export { default as Merge } from './Merge';
27
26
  export { default as MergeDark } from './MergeDark';
27
+ export { default as MlMatch } from './MlMatch';
28
28
  export { default as NestedAttribute } from './NestedAttribute';
29
29
  export { default as NoData } from './NoData';
30
30
  export { default as NoDataSearch } from './NoDataSearch';
31
31
  export { default as NoMatches } from './NoMatches';
32
32
  export { default as NotMatchDark } from './NotMatchDark';
33
- export { default as PmIcon } from './PmIcon';
34
- export { default as PmTaskIcon } from './PmTaskIcon';
35
33
  export { default as Pin } from './Pin';
36
34
  export { default as PinOutlined } from './PinOutlined';
37
35
  export { default as PivotingIcon } from './PivotingIcon';
36
+ export { default as PmIcon } from './PmIcon';
37
+ export { default as PmTaskIcon } from './PmTaskIcon';
38
38
  export { default as Polygon } from './Polygon';
39
39
  export { default as PotentialMatch } from './PotentialMatch';
40
40
  export { default as Profile } from './Profile';
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1078",
3
+ "version": "1.4.1081",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./esm/index.js",
7
7
  "dependencies": {
8
8
  "@date-io/moment": "^1.3.5",
9
9
  "@react-google-maps/api": "2.7.0",
10
- "@reltio/mdm-module": "^1.4.1078",
11
- "@reltio/mdm-sdk": "^1.4.1078",
10
+ "@reltio/mdm-module": "^1.4.1081",
11
+ "@reltio/mdm-sdk": "^1.4.1081",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",