@reltio/components 1.4.1313 → 1.4.1315

package/esm/components/attributes/readMode/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -1,4 +1,4 @@
-declare var _default: React.MemoExoticComponent<{
+declare const _default: React.MemoExoticComponent<{
     ({ attributeValue, metadata, attributeType, uiPath, ...otherProps }: {
         [x: string]: any;
         attributeValue: any;
@@ -92,14 +92,14 @@ declare var _default: React.MemoExoticComponent<{
             sources: import("prop-types").Requireable<object[]>;
         }>>;
         ownError: import("prop-types").Requireable<import("prop-types").InferProps<{
-            type: import("prop-types").Validator<import("@reltio/mdm-sdk").ErrorType>;
+            type: import("prop-types").Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
             attributeTypeUri: import("prop-types").Validator<string>;
             parentUri: import("prop-types").Validator<string>;
             uri: import("prop-types").Requireable<string>;
             message: import("prop-types").Requireable<string>;
         }>>;
         errors: import("prop-types").Requireable<import("prop-types").InferProps<{
-            type: import("prop-types").Validator<import("@reltio/mdm-sdk").ErrorType>;
+            type: import("prop-types").Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
             attributeTypeUri: import("prop-types").Validator<string>;
             parentUri: import("prop-types").Validator<string>;
             uri: import("prop-types").Requireable<string>;

package/esm/components/attributes/readMode/ReferenceAttribute/index.d.ts

@@ -1,5 +1,5 @@
 export { ReferenceAttribute };
-declare var _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<{
+declare const _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<{
     ({ attributeValue, metadata, attributeType, uiPath, ...otherProps }: {
         [x: string]: any;
         attributeValue: any;
@@ -93,14 +93,14 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
             sources: import("prop-types").Requireable<object[]>;
         }>>;
         ownError: import("prop-types").Requireable<import("prop-types").InferProps<{
-            type: import("prop-types").Validator<import("@reltio/mdm-sdk").ErrorType>;
+            type: import("prop-types").Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
             attributeTypeUri: import("prop-types").Validator<string>;
             parentUri: import("prop-types").Validator<string>;
             uri: import("prop-types").Requireable<string>;
             message: import("prop-types").Requireable<string>;
         }>>;
         errors: import("prop-types").Requireable<import("prop-types").InferProps<{
-            type: import("prop-types").Validator<import("@reltio/mdm-sdk").ErrorType>;
+            type: import("prop-types").Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
             attributeTypeUri: import("prop-types").Validator<string>;
             parentUri: import("prop-types").Validator<string>;
             uri: import("prop-types").Requireable<string>;

package/esm/components/attributes/readMode/ReferenceAttribute/styles.d.ts

@@ -1,2 +1,2 @@
 export default styles;
-declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"relationshipLabel" | "updateAttribute" | "insertAttribute" | "deleteAttribute">;
+declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"relationshipLabel" | "insertAttribute" | "updateAttribute" | "deleteAttribute">;

package/esm/components/attributes/readMode/SimpleAttribute/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"attributeValue" | "root" | "commentsContainer" | "updateAttribute" | "insertAttribute" | "deleteAttribute" | "multilineAttribute">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "attributeValue" | "commentsContainer" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "multilineAttribute">;

package/esm/components/charts/ActiveShape/ActiveShape.js

@@ -24,7 +24,7 @@ var ActiveShape = function (_a) {
     var circleY = my;
     var textX = circleX + (cos >= 0 ? 1 : -1) * 12;
     var textAnchor = cos >= 0 ? 'start' : 'end';
-    var linePath = "M" + sx + "," + sy + "L" + mx + "," + my + "L" + circleX + "," + circleY;
+    var linePath = "M".concat(sx, ",").concat(sy, "L").concat(mx, ",").concat(my, "L").concat(circleX, ",").concat(circleY);
     var sectorProps = {
         cx: cx,
         cy: cy,
@@ -42,6 +42,6 @@ var ActiveShape = function (_a) {
         React.createElement("text", { x: textX, y: circleY, textAnchor: textAnchor, fill: "#444", fontSize: 12, fontWeight: 500 }, label),
         React.createElement("text", { x: textX, y: circleY, dy: 14, textAnchor: textAnchor, fill: "#000", opacity: 0.6, fontSize: 12 },
             React.createElement("tspan", { fontWeight: 500 }, value),
-            React.createElement("tspan", { fontWeight: 400 }, " (" + percent + "%)"))));
+            React.createElement("tspan", { fontWeight: 400 }, " (".concat(percent, "%)")))));
 };
 export default ActiveShape;

package/esm/components/charts/BubbleChart/BubbleChart.js

@@ -51,7 +51,7 @@ export var BubbleChart = function (_a) {
                 id: item.label,
                 type: 'square',
                 color: getChartItemColor(item.label),
-                value: item.label + " (" + item.percent + "%)"
+                value: "".concat(item.label, " (").concat(item.percent, "%)")
             }); }), chartWidth: width, chartHeight: height, margin: margin, onBBoxUpdate: setLegendBox }))),
         React.createElement(Tooltip, __assign({ viewBox: rect, content: React.createElement(CustomTooltip, null) }, tooltipState))));
 };

package/esm/components/charts/CloudChart/CloudChart.js

@@ -34,9 +34,9 @@ export var CloudChart = function (_a) {
     var cloudWords = useMemo(function () {
         var cx = rect.width / 2;
         var cy = rect.height / 2;
-        return (React.createElement("g", { transform: "translate(" + cx + "," + cy + ")" }, words.map(function (_a) {
+        return (React.createElement("g", { transform: "translate(".concat(cx, ",").concat(cy, ")") }, words.map(function (_a) {
             var text = _a.text, data = _a.data, x = _a.x, y = _a.y, size = _a.size;
-            return (React.createElement("text", { key: text, onMouseEnter: function () { return showTooltip(data, { x: cx + x, y: cy + y }); }, onMouseLeave: function () { return hideTooltip(); }, fill: getChartItemColor(text), textAnchor: "middle", transform: "translate(" + x + "," + y + ")", fontSize: size, className: clickable, onClick: onItemClick && (function () { return onItemClick(data.group); }) }, text));
+            return (React.createElement("text", { key: text, onMouseEnter: function () { return showTooltip(data, { x: cx + x, y: cy + y }); }, onMouseLeave: function () { return hideTooltip(); }, fill: getChartItemColor(text), textAnchor: "middle", transform: "translate(".concat(x, ",").concat(y, ")"), fontSize: size, className: clickable, onClick: onItemClick && (function () { return onItemClick(data.group); }) }, text));
         })));
     }, [rect.width, rect.height, words, clickable, onItemClick, showTooltip, hideTooltip]);
     return (React.createElement("div", { className: styles.container },

package/esm/components/charts/MapChart/Legend/styles.js

@@ -4,7 +4,7 @@ export var useStyles = makeStyles(function (theme) { return ({
     legendContainer: function (_a) {
         var width = _a.width;
         return ({
-            width: width + "px",
+            width: "".concat(width, "px"),
             top: '5%',
             height: '90%',
             position: 'relative'
@@ -19,8 +19,8 @@ export var useStyles = makeStyles(function (theme) { return ({
     legendBar: function (_a) {
         var colors = _a.colors;
         return ({
-            background: "linear-gradient(to top, " + colors.join(', ') + ")",
-            width: barWidth + "px",
+            background: "linear-gradient(to top, ".concat(colors.join(', '), ")"),
+            width: "".concat(barWidth, "px"),
             position: 'absolute',
             top: 0,
             right: 0,
@@ -35,9 +35,9 @@ export var useStyles = makeStyles(function (theme) { return ({
             lineHeight: '15px',
             fontWeight: 'normal',
             color: theme.palette.text.primary,
-            width: width - barWidth + "px",
+            width: "".concat(width - barWidth, "px"),
             textAlign: 'right',
-            right: barWidth + "px",
+            right: "".concat(barWidth, "px"),
             paddingRight: '10px',
             boxSizing: 'border-box',
             overflowWrap: 'break-word'

package/esm/components/charts/MapChart/MapChart.js

@@ -49,7 +49,7 @@ export var MapChart = function (_a) {
     var clickable = useClickableStyle(onItemClick);
     return (React.createElement("div", { className: styles.mapChart, style: { width: width, height: height } },
         React.createElement(MapProvider, { width: mapWidth, height: height, projection: projectionFunc, projectionConfig: {} },
-            React.createElement("svg", { width: mapWidth, height: height, viewBox: "0 0 " + mapWidth + " " + height, className: 'rsm-svg' },
+            React.createElement("svg", { width: mapWidth, height: height, viewBox: "0 0 ".concat(mapWidth, " ").concat(height), className: 'rsm-svg' },
                 React.createElement(Geographies, { geography: geography }, function (_a) {
                     var geographies = _a.geographies;
                     return geographies.map(function (geo) {

package/esm/components/charts/MapChart/useGeography.js

@@ -13,7 +13,7 @@ var useGeography = function (geoUrl) {
             setGeography(geography);
         })
             .catch(function (error) {
-            console.warn("Could not load map " + geoUrl + " :", error);
+            console.warn("Could not load map ".concat(geoUrl, " :"), error);
         });
     }, []); // eslint-disable-line
     return geography;

package/esm/components/charts/PieChart/PieChart.js

@@ -34,7 +34,7 @@ export var PieChart = function (_a) {
                 id: item.label,
                 type: 'square',
                 color: getChartItemColor(item.label),
-                value: item.label + " (" + item.percent + "%)"
+                value: "".concat(item.label, " (").concat(item.percent, "%)")
             }); }) }))),
         React.createElement(Pie, { dataKey: "value", data: data, activeIndex: activeId, activeShape: showActiveShape ? ActiveShape : undefined, onMouseEnter: showActiveShape ? onPieEnter : undefined, onMouseLeave: showActiveShape ? onPieLeave : undefined, innerRadius: isDonut ? (showActiveShape ? '50%' : '60%') : 0, outerRadius: showActiveShape ? '70%' : '80%', onClick: onPieClick }, (data || []).map(function (entry, index) { return (React.createElement(Cell, { key: index, fill: getChartItemColor(entry.label), className: clickable })); }))));
 };

package/esm/components/charts/TableWithBars/TableWithBars.js

@@ -1,7 +1,11 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React, { useMemo } from 'react';
 import i18n from 'ui-i18n';
@@ -37,7 +41,7 @@ var TableWithBars = function (_a) {
                 initialWidth: width * 0.6
             }
         ]
-        : [])); }, [maxValue, width, valueHeader, labelHeader, showValues]);
+        : []), true); }, [maxValue, width, valueHeader, labelHeader, showValues]);
     var context = useMemo(function () { return ({
         onItemClick: onItemClick
     }); }, [onItemClick]);

package/esm/components/charts/TreeChart/TreeChart.js

@@ -25,7 +25,7 @@ var CustomizedContent = function (_a) {
         React.createElement("clipPath", { id: clipPathId },
             React.createElement("rect", { x: x + strokeWidth, y: y + strokeWidth, width: width - strokeWidth * 2, height: height - strokeWidth * 2 })),
         React.createElement("rect", { x: x, y: y, width: width, height: height, strokeWidth: strokeWidth, className: styles.treeBlock }),
-        React.createElement(Text, { clipPath: "url(#" + clipPathId + ")", textAnchor: 'middle', verticalAnchor: 'middle', width: width, x: x + width / 2, y: y + height / 2, className: styles.treeLabel }, label)));
+        React.createElement(Text, { clipPath: "url(#".concat(clipPathId, ")"), textAnchor: 'middle', verticalAnchor: 'middle', width: width, x: x + width / 2, y: y + height / 2, className: styles.treeLabel }, label)));
 };
 var normalizeValues = function (data) {
     var dataTotal = data.reduce(function (acc, item) { return acc + item.value; }, 0);

package/esm/components/commonReactSelectComponents/DropdownIndicator.d.ts

@@ -3,13 +3,13 @@ declare function DropdownIndicator(props: any): JSX.Element;
 declare namespace DropdownIndicator {
     namespace propTypes {
         const innerProps: PropTypes.Validator<object>;
-        const selectProps: PropTypes.Validator<PropTypes.InferProps<{
-            classes: PropTypes.Validator<PropTypes.InferProps<{
+        const selectProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                 dropdownIndicator: PropTypes.Requireable<string>;
-            }>>;
+            }>>>;
             menuIsOpen: PropTypes.Validator<boolean>;
             isDisabled: PropTypes.Requireable<boolean>;
-        }>>;
+        }>>>;
     }
 }
 import PropTypes from "prop-types";

package/esm/components/commonReactSelectComponents/DropdownIndicatorWithIconButton.d.ts

@@ -3,12 +3,12 @@ declare function DropdownIndicatorWithIconButton(props: any): JSX.Element;
 declare namespace DropdownIndicatorWithIconButton {
     namespace propTypes {
         const innerProps: PropTypes.Validator<object>;
-        const selectProps: PropTypes.Validator<PropTypes.InferProps<{
-            classes: PropTypes.Validator<PropTypes.InferProps<{
+        const selectProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                 dropdownIndicator: PropTypes.Requireable<string>;
-            }>>;
+            }>>>;
             menuIsOpen: PropTypes.Validator<boolean>;
-        }>>;
+        }>>>;
     }
 }
 import PropTypes from "prop-types";

package/esm/components/commonReactSelectComponents/MenuWithPopper.d.ts

@@ -2,12 +2,12 @@ export default MenuWithPopper;
 declare function MenuWithPopper(props: any): JSX.Element;
 declare namespace MenuWithPopper {
     namespace propTypes {
-        const children: PropTypes.Validator<any[] | PropTypes.ReactElementLike>;
-        const selectProps: PropTypes.Validator<PropTypes.InferProps<{
+        const children: PropTypes.Validator<NonNullable<NonNullable<any[] | PropTypes.ReactElementLike>>>;
+        const selectProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             inputRef: PropTypes.Validator<object>;
             menuIsOpen: PropTypes.Validator<boolean>;
             inputValue: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         const innerRef: PropTypes.Validator<any>;
         const innerProps: PropTypes.Validator<object>;
     }

package/esm/components/commonReactSelectComponents/arrowIndicatorStyles.js

@@ -4,6 +4,6 @@ export var useArrowIndicatorStyles = makeStyles(function (theme) { return ({
         transform: 'rotate(180deg)'
     },
     disabled: {
-        color: theme.palette.text.disabled + " !important"
+        color: "".concat(theme.palette.text.disabled, " !important")
     }
 }); });

package/esm/components/crosswalks/AttributesTable/AddAttributesButton/AddAttributesButton.js

@@ -1,7 +1,11 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React from 'react';
 import { useSelector } from 'react-redux';
@@ -16,14 +20,14 @@ export var AddAttributesButton = function (_a) {
     var parentTypeUri = _a.parentTypeUri, parentUri = _a.parentUri, selectedAttributeTypes = _a.selectedAttributeTypes, onSelectAttributeTypes = _a.onSelectAttributeTypes, onAdd = _a.onAdd;
     var styles = useStyles();
     var metadata = useSelector(mdmModule.selectors.getMetadata);
-    var parentType = __spreadArray(__spreadArray([], metadata.entityTypes), (metadata.relationTypes || [])).find(propEq('uri', parentTypeUri));
+    var parentType = __spreadArray(__spreadArray([], metadata.entityTypes, true), (metadata.relationTypes || []), true).find(propEq('uri', parentTypeUri));
     var isNotSelected = function (attrType) { return !(selectedAttributeTypes === null || selectedAttributeTypes === void 0 ? void 0 : selectedAttributeTypes.find(propEq('uri', attrType.uri))); };
     var canCreate = function (attributeType) { return checkCanCreateAttribute({ attributeType: attributeType, mode: ModeTypes.EDITING }); };
     var data = pipe(propOr([], 'attributes'), reject(either(isReference, isImage)), filter(either(isNested, isNotSelected)), filter(both(isReadableAttribute, canCreate)))(parentType);
     var handleAdd = function (addedTypes) {
         var typesToSelect = addedTypes.filter(isNotSelected);
         if (typesToSelect.length > 0) {
-            onSelectAttributeTypes(__spreadArray(__spreadArray([], typesToSelect), selectedAttributeTypes));
+            onSelectAttributeTypes(__spreadArray(__spreadArray([], typesToSelect, true), selectedAttributeTypes, true));
         }
         addedTypes.filter(isNested).forEach(function (attributeType) {
             onAdd({ attributeType: attributeType, parentUri: parentUri });

package/esm/components/crosswalks/AttributesTable/cell-renderers/AttributeValuesRenderer.js

@@ -14,11 +14,6 @@ import { withTableContext } from '../../../BasicTableView';
 import { pick } from 'ramda';
 export var AttributeValuesRenderer = function (_a) {
     var value = _a.value, onDelete = _a.onDelete, onEdit = _a.onEdit, onPin = _a.onPin, onIgnore = _a.onIgnore, onAdd = _a.onAdd, parentUri = _a.parentUri, readOnly = _a.readOnly;
-    return AttributesFactory.build(value.attributeType.type, __assign(__assign({}, value), { parentUri: parentUri,
-        onDelete: onDelete,
-        onEdit: onEdit,
-        onPin: onPin,
-        onIgnore: onIgnore,
-        onAdd: onAdd, disableEdit: readOnly, disableDelete: readOnly }));
+    return AttributesFactory.build(value.attributeType.type, __assign(__assign({}, value), { parentUri: parentUri, onDelete: onDelete, onEdit: onEdit, onPin: onPin, onIgnore: onIgnore, onAdd: onAdd, disableEdit: readOnly, disableDelete: readOnly }));
 };
 export default withTableContext(pick(['onDelete', 'onPin', 'onIgnore', 'onEdit', 'onAdd', 'parentUri', 'readOnly']))(AttributeValuesRenderer);

package/esm/components/crosswalks/AttributesTable/cell-renderers/RowCellRenderer.js

@@ -27,6 +27,6 @@ var RowCellRenderer = function (_a) {
     var cell = _a.cell, CellValueRenderer = _a.CellValueRenderer, columnIndex = _a.columnIndex, columnData = _a.columnData, otherProps = __rest(_a, ["cell", "CellValueRenderer", "columnIndex", "columnData"]);
     var styles = useStyles();
     var isFirstColumn = columnIndex === 0;
-    return (React.createElement("div", { className: classnames(styles.rowCell, isFirstColumn && styles.coloredCell), "data-reltio-id": "column-name-" + columnData.id }, cell.values.map(function (value, index) { return (React.createElement(CellValueRenderer, __assign({ key: index, value: value }, otherProps))); })));
+    return (React.createElement("div", { className: classnames(styles.rowCell, isFirstColumn && styles.coloredCell), "data-reltio-id": "column-name-".concat(columnData.id) }, cell.values.map(function (value, index) { return (React.createElement(CellValueRenderer, __assign({ key: index, value: value }, otherProps))); })));
 };
 export default RowCellRenderer;

package/esm/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/ImageAttributesRenderer.js

@@ -26,7 +26,7 @@ import { useStyles } from './styles';
 var ImageAttributesRenderer = function (_a) {
     var attributeValues = _a.attributeValues, props = __rest(_a, ["attributeValues"]);
     var styles = useStyles();
-    return (React.createElement(React.Fragment, null, attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues.map(function (attributeValue, i) { return (React.createElement("div", { key: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, className: styles.complexAttributeWrapper, "data-reltio-id": "value-index-" + i },
+    return (React.createElement(React.Fragment, null, attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues.map(function (attributeValue, i) { return (React.createElement("div", { key: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, className: styles.complexAttributeWrapper, "data-reltio-id": "value-index-".concat(i) },
         React.createElement(InlineImageAttribute, __assign({ attributeValue: attributeValue }, props)))); })));
 };
 export default ImageAttributesRenderer;

package/esm/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/NestedAttributesRenderer.js

@@ -27,7 +27,7 @@ var NestedAttributesRenderer = function (_a) {
     var attributeValues = _a.attributeValues, props = __rest(_a, ["attributeValues"]);
     var styles = useStyles();
     var nestedValues = attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues.map(function (attributeValue, i) {
-        return (React.createElement("div", { key: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, className: styles.complexAttributeWrapper, "data-reltio-id": "value-index-" + i },
+        return (React.createElement("div", { key: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, className: styles.complexAttributeWrapper, "data-reltio-id": "value-index-".concat(i) },
             React.createElement(InlineNestedAttribute, __assign({ attributeValue: attributeValue }, props))));
     });
     return React.createElement(React.Fragment, null, nestedValues);

package/esm/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/ReferenceAttributesRenderer.js

@@ -27,7 +27,7 @@ var ReferenceAttributesRenderer = function (_a) {
     var attributeValues = _a.attributeValues, crosswalksMap = _a.crosswalksMap, props = __rest(_a, ["attributeValues", "crosswalksMap"]);
     var styles = useStyles();
     var referenceValues = attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues.map(function (attributeValue, i) {
-        return (React.createElement("div", { key: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, className: styles.complexAttributeWrapper, "data-reltio-id": "value-index-" + i },
+        return (React.createElement("div", { key: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, className: styles.complexAttributeWrapper, "data-reltio-id": "value-index-".concat(i) },
             React.createElement(InlineReferenceAttribute, __assign({ attributeValue: attributeValue, crosswalksMap: crosswalksMap }, props))));
     });
     return React.createElement(React.Fragment, null, referenceValues);

package/esm/components/crosswalks/AttributesTable/helpers.js

@@ -1,7 +1,11 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 import i18n from 'ui-i18n';
 import { assoc, chain, curry, descend, filter, find, flatten, map, pickBy, pipe, prop, propEq, propOr, reduce, sortWith, uniq, uniqBy, values } from 'ramda';
@@ -105,12 +109,12 @@ var fixReferencedAttributeUri = curry(function (parentType, attrTypeUri) {
 });
 export var getRuleTypeValues = function (metadata, attributeType, parentTypeUri) {
     var _a, _b;
-    var parentType = __spreadArray(__spreadArray([], metadata.entityTypes), (metadata.relationTypes || [])).find(propEq('uri', parentTypeUri));
+    var parentType = __spreadArray(__spreadArray([], metadata.entityTypes, true), (metadata.relationTypes || []), true).find(propEq('uri', parentTypeUri));
     var defaultSurvivorshipGroup = (_a = parentType === null || parentType === void 0 ? void 0 : parentType.survivorshipGroups) === null || _a === void 0 ? void 0 : _a.find(propEq('default', true));
     var mapping = (_b = defaultSurvivorshipGroup === null || defaultSurvivorshipGroup === void 0 ? void 0 : defaultSurvivorshipGroup.mapping) === null || _b === void 0 ? void 0 : _b.find(propEq('attribute', attributeType.uri));
     var ruleType = getSurvivorshipStrategy(metadata, mapping === null || mapping === void 0 ? void 0 : mapping.survivorshipStrategy) || getDefaultSurvivorshipStrategy(metadata);
     var sourcesUriOrder = isSourceSystemRule(ruleType)
-        ? uniq(__spreadArray(__spreadArray(__spreadArray([], ((mapping === null || mapping === void 0 ? void 0 : mapping.sourcesUriOrder) || [])), ((defaultSurvivorshipGroup === null || defaultSurvivorshipGroup === void 0 ? void 0 : defaultSurvivorshipGroup.sourcesUriOrder) || [])), getSourcesUriOrderFromMetadata(metadata)))
+        ? uniq(__spreadArray(__spreadArray(__spreadArray([], ((mapping === null || mapping === void 0 ? void 0 : mapping.sourcesUriOrder) || []), true), ((defaultSurvivorshipGroup === null || defaultSurvivorshipGroup === void 0 ? void 0 : defaultSurvivorshipGroup.sourcesUriOrder) || []), true), getSourcesUriOrderFromMetadata(metadata), true))
         : undefined;
     var fixUri = fixReferencedAttributeUri(attributeType);
     var primaryAttributeUri = isOtherAttributeWinnerRule(ruleType) ? fixUri(mapping === null || mapping === void 0 ? void 0 : mapping.primaryAttributeUri) : undefined;

package/esm/components/crosswalks/ColoredBlock/styles.js

@@ -13,6 +13,6 @@ import { makeStyles } from '@material-ui/core/styles';
 export var useColoredItemStyles = makeStyles({
     item: function (_a) {
         var color = _a.color, opacity = _a.opacity, variant = _a.variant;
-        return (__assign(__assign(__assign({}, (variant === 'filled' && { backgroundColor: color })), (variant === 'outlined' && { border: color + " solid 2px" })), { opacity: opacity, transition: 'opacity 0.3s', boxSizing: 'border-box' }));
+        return (__assign(__assign(__assign({}, (variant === 'filled' && { backgroundColor: color })), (variant === 'outlined' && { border: "".concat(color, " solid 2px") })), { opacity: opacity, transition: 'opacity 0.3s', boxSizing: 'border-box' }));
     }
 });

package/esm/components/crosswalks/CopyableValueField/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "button" | "root">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "text" | "root">;

package/esm/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js

@@ -121,7 +121,7 @@ var CrosswalkAttributes = function (_a) {
         extraAttributes.length > 0 && canEditAttribute && (React.createElement(MoreAttributesButton, { label: i18n.text('Add attributes'), onApply: addSelectedAttributes, data: extraAttributes })),
         attributes.map(function (attribute) {
             return attribute.uri in crosswalk || addedAttributes.includes(attribute.uri) ? (React.createElement("div", { key: attribute.uri, className: styles.attributeWrapper },
-                React.createElement(Typography, { variant: 'body2', className: styles.attributeTitle }, attribute.label + ":"),
+                React.createElement(Typography, { variant: 'body2', className: styles.attributeTitle }, "".concat(attribute.label, ":")),
                 React.createElement("div", { className: styles.attributeValue },
                     renderAttributeValue(attribute.uri, crosswalk[attribute.uri]),
                     attribute.canBeDeleted && (React.createElement(SmallIconButtonWithTooltip, { icon: DeleteIcon, disabled: !canEditAttribute, onClick: function () { return setPendingDeletionAttrUri(attribute.uri); }, size: "XS", tooltipTitle: i18n.text('Delete attribute'), showForDisabled: true }))))) : null;

package/esm/components/crosswalks/CrosswalkAttributes/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"attributeValue" | "text" | "input" | "moreButton" | "editor" | "sourceIcon" | "attributeTitle" | "attributeWrapper">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "input" | "attributeValue" | "moreButton" | "editor" | "sourceIcon" | "attributeTitle" | "attributeWrapper">;

package/esm/components/crosswalks/CrosswalkDragLayer/CrosswalkDragLayer.js

@@ -14,7 +14,7 @@ var CrosswalkDragLayer = function () {
     var dragLayerRect = ((_a = dragLayerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { x: 0, y: 0 };
     var dragItemX = (clientOffset === null || clientOffset === void 0 ? void 0 : clientOffset.x) - (dragLayerRect === null || dragLayerRect === void 0 ? void 0 : dragLayerRect.x);
     var dragItemY = (clientOffset === null || clientOffset === void 0 ? void 0 : clientOffset.y) - (dragLayerRect === null || dragLayerRect === void 0 ? void 0 : dragLayerRect.y);
-    var dragItemTransform = "translate(" + dragItemX + "px, " + dragItemY + "px";
+    var dragItemTransform = "translate(".concat(dragItemX, "px, ").concat(dragItemY, "px");
     return (isDragging && (React.createElement("div", { ref: dragLayerRef, className: styles.dragLayer },
         React.createElement("div", { style: {
                 display: 'flex',

package/esm/components/crosswalks/CrosswalkRow/styles.d.ts

@@ -3,5 +3,5 @@ declare type StylesProps = {
     isOpaque?: boolean;
     isFocused?: boolean;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"header" | "root" | "attributesWrapper" | "sourceIcon" | "focusedIcon" | "crosswalkWrapper" | "deleteCrosswalkButton" | "labelValue" | "dependentIcon">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "header" | "attributesWrapper" | "sourceIcon" | "focusedIcon" | "crosswalkWrapper" | "deleteCrosswalkButton" | "labelValue" | "dependentIcon">;
 export {};

package/esm/components/crosswalks/hooks/useModifiedEntity.js

@@ -9,10 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useAttributeActions } from './useAttributeActions';
@@ -34,7 +38,7 @@ export var useModifiedEntity = function (_a) {
         if (crosswalks === void 0) { crosswalks = []; }
         return crosswalks.reduce(function (acc, crosswalk) {
             getCrosswalkAttributes(crosswalk).forEach(function (uri) {
-                acc[uri] = __spreadArray(__spreadArray([], (acc[uri] || [])), [crosswalk]);
+                acc[uri] = __spreadArray(__spreadArray([], (acc[uri] || []), true), [crosswalk], false);
             });
             return acc;
         }, {});

package/esm/components/editors/CustomDateRangeEditor/CustomDateRangeEditor.js

@@ -11,8 +11,8 @@ import { useStyles } from './styles';
 var localeFormat = moment.localeData().longDateFormat('L');
 var formatValue = function (value, placeholder) {
     return isNil(value)
-        ? "" + placeholder
-        : "" + formatDataTypeValue({ dataTypeDefinition: { type: DataTypes.TYPE_ACTIVENESS_DATE } }, value);
+        ? "".concat(placeholder)
+        : "".concat(formatDataTypeValue({ dataTypeDefinition: { type: DataTypes.TYPE_ACTIVENESS_DATE } }, value));
 };
 var CustomDateRangeEditor = function (_a) {
     var values = _a.values, onChange = _a.onChange, onFocus = _a.onFocus;
@@ -42,7 +42,7 @@ var CustomDateRangeEditor = function (_a) {
                 }
             }, InputLabelProps: {
                 shrink: false
-            }, placeholder: i18n.text(placeholder + " \u2014 " + placeholder) }),
+            }, placeholder: i18n.text("".concat(placeholder, " \u2014 ").concat(placeholder)) }),
         React.createElement(Menu, { variant: "menu", open: open, autoFocus: false, classes: { paper: styles.paper }, anchorEl: inputRef.current, onClose: onCancel, anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'left'

package/esm/components/editors/CustomDateRangeEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"input" | "root" | "inputRoot" | "paper" | "dateOptionLabel" | "dropdownIndicator">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "input" | "paper" | "inputRoot" | "dropdownIndicator" | "dateOptionLabel">;

package/esm/components/editors/DataTypeValueEditor/DataTypeValueEditor.js

@@ -36,9 +36,7 @@ var DataTypeValueEditor = function (_a) {
     TextFieldProps = mergeDeepLeft(TextFieldProps, __assign(__assign({}, commonTextFieldProps), { className: inputStyles.marginDense, InputProps: {
             disableUnderline: isEmpty(value)
         } }));
-    return EditorsFactory.build(dataTypeDefinition.type, __assign(__assign({ onChange: onChange,
-        value: value,
-        TextFieldProps: TextFieldProps }, editorContext), otherProps));
+    return EditorsFactory.build(dataTypeDefinition.type, __assign(__assign({ onChange: onChange, value: value, TextFieldProps: TextFieldProps }, editorContext), otherProps));
 };
 DataTypeValueEditor.propTypes = {
     fieldName: PropTypes.string,

package/esm/components/editors/DateEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "underline" | "inputLabel" | "iconButtonRoot" | "adornedEnd" | "adornmentPositionEnd" | "inputRoot">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "icon" | "inputLabel" | "adornedEnd" | "inputRoot" | "iconButtonRoot" | "adornmentPositionEnd">;

package/esm/components/editors/DateRangeEditor/DateRangeEditor.d.ts

@@ -1,5 +1,5 @@
 export default DateRangeEditor;
-declare function DateRangeEditor({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, TextFieldProps, MenuProps, classes, ...otherProps }: {
+declare function DateRangeEditor({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, TextFieldProps, MenuProps, ...otherProps }: {
     [x: string]: any;
     label: any;
     values: any;
@@ -9,12 +9,11 @@ declare function DateRangeEditor({ label, values, options, getValuesDateRange, o
     dataTypeDefinition?: {};
     TextFieldProps?: {};
     MenuProps?: {};
-    classes?: {};
 }): JSX.Element;
 declare namespace DateRangeEditor {
     namespace propTypes {
         const label: PropTypes.Requireable<string>;
-        const values: PropTypes.Requireable<string | any[]>;
+        const values: PropTypes.Requireable<NonNullable<string | any[]>>;
         const options: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;

package/esm/components/editors/DateRangeEditor/DateRangeEditor.js

@@ -36,7 +36,7 @@ import DropdownIndicatorWithIconButton from '../../commonReactSelectComponents/D
 import DateRangePicker from '../../DateRangePicker/DateRangePicker';
 var localeFormat = moment.localeData().longDateFormat('L');
 var formatValue = function (value, dataTypeDefinition, placeholder) {
-    return isNil(value) ? "" + placeholder : "" + formatDataTypeValue({ dataTypeDefinition: dataTypeDefinition }, value);
+    return isNil(value) ? "".concat(placeholder) : "".concat(formatDataTypeValue({ dataTypeDefinition: dataTypeDefinition }, value));
 };
 var getEditorValue = curry(function (placeholder, dataTypeDefinition, value, options) {
     return cond([
@@ -54,15 +54,16 @@ var getEditorValue = curry(function (placeholder, dataTypeDefinition, value, opt
 var convertValuesToDate = pipe(getDateRangeByValue, defaultTo([]), map(function (value) { return value && new Date(value); }));
 var DateRangeEditor = function (_a) {
     var _b;
-    var label = _a.label, values = _a.values, options = _a.options, _c = _a.getValuesDateRange, getValuesDateRange = _c === void 0 ? convertValuesToDate : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, _e = _a.dataTypeDefinition, dataTypeDefinition = _e === void 0 ? {} : _e, _f = _a.TextFieldProps, TextFieldProps = _f === void 0 ? {} : _f, _g = _a.MenuProps, MenuProps = _g === void 0 ? {} : _g, _h = _a.classes, classes = _h === void 0 ? {} : _h, otherProps = __rest(_a, ["label", "values", "options", "getValuesDateRange", "onChange", "dataTypeDefinition", "TextFieldProps", "MenuProps", "classes"]);
+    var label = _a.label, values = _a.values, options = _a.options, _c = _a.getValuesDateRange, getValuesDateRange = _c === void 0 ? convertValuesToDate : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, _e = _a.dataTypeDefinition, dataTypeDefinition = _e === void 0 ? {} : _e, _f = _a.TextFieldProps, TextFieldProps = _f === void 0 ? {} : _f, _g = _a.MenuProps, MenuProps = _g === void 0 ? {} : _g, otherProps = __rest(_a, ["label", "values", "options", "getValuesDateRange", "onChange", "dataTypeDefinition", "TextFieldProps", "MenuProps"]);
+    var classes = otherProps.classes;
     var placeholder = localeFormat + (dataTypeDefinition.type === DataTypes.TYPE_TIMESTAMP ? ' HH:MM' : '');
     var rangeOptions = useMemo(function () {
         return options ||
             Object.values(DateRangeValues).map(function (option) { return ({ value: option, label: getRangeOptionLabel(option) }); });
     }, [options]);
     var inputRef = useRef(null);
-    var _j = useState(false), open = _j[0], setOpen = _j[1];
-    var _k = useState(), customValue = _k[0], setCustomValue = _k[1];
+    var _h = useState(false), open = _h[0], setOpen = _h[1];
+    var _j = useState(), customValue = _j[0], setCustomValue = _j[1];
     var styles = useStyles();
     var onItemClick = function (value) {
         if (value === DateRangeValues.PICK_DATE) {
@@ -95,7 +96,7 @@ var DateRangeEditor = function (_a) {
                     root: open ? styles.inputLabel : undefined
                 },
                 shrink: !isNil(label)
-            }, placeholder: i18n.text(placeholder + " \u2014 " + placeholder) })),
+            }, placeholder: i18n.text("".concat(placeholder, " \u2014 ").concat(placeholder)) })),
         React.createElement(Menu, __assign({ variant: "menu", open: open, autoFocus: false, classes: { paper: styles.paper }, anchorEl: inputRef.current, onClose: onCancel, anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'left'

package/esm/components/editors/DateRangeEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "inputLabel" | "adornedEnd" | "inputRoot" | "paper" | "menuItem" | "menuText" | "dropdownIndicator">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "menuItem" | "inputLabel" | "adornedEnd" | "paper" | "inputRoot" | "dropdownIndicator" | "menuText">;

package/esm/components/editors/DependentLookupEditor/DependentLookupEditor.d.ts

@@ -20,13 +20,13 @@ declare function DependentLookupEditor({ multiple, value, lookupCode: lookupType
 declare namespace DependentLookupEditor {
     namespace propTypes {
         const multiple: PropTypes.Requireable<boolean>;
-        const value: PropTypes.Requireable<PropTypes.InferProps<{
+        const value: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
             value: PropTypes.Requireable<string>;
             lookupCode: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             value: PropTypes.Requireable<string>;
             lookupCode: PropTypes.Requireable<string>;
-        }>[]>;
+        }>[]>>;
         const TextFieldProps: PropTypes.Requireable<PropTypes.InferProps<{
             variant: PropTypes.Requireable<string>;
             margin: PropTypes.Requireable<string>;