@reltio/components 1.4.1314 → 1.4.1316

package/esm/components/CollaborationItem/CommentTarget/CommentTarget.js

@@ -59,7 +59,7 @@ export var CommentTarget = function (_a) {
                     React.createElement(Typography, { className: styles.title }, i18n.text('Selected relation:')),
                     React.createElement(Typography, { className: styles.label },
                         React.createElement(EntityUriLink, { className: styles.link, value: getEntityUriForLink(entity) }, getLabel(entity.label)),
-                        relatedEntityUri && (React.createElement(React.Fragment, null, " " + i18n.text('to') + " ",
+                        relatedEntityUri && (React.createElement(React.Fragment, null, " ".concat(i18n.text('to'), " "),
                             React.createElement(EntityUriLink, { className: styles.link, value: getEntityUriForLink(relatedEntity) }, relatedEntity.label
                                 ? getLabel(relatedEntity.label)
                                 : getEntityId(relatedEntity)))))));
@@ -74,7 +74,7 @@ export var CommentTarget = function (_a) {
                     React.createElement(Typography, { className: styles.title }, i18n.text('Selected potential match:')),
                     React.createElement(Typography, { className: styles.label },
                         React.createElement(EntityUriLink, { className: styles.link, value: getEntityUriForLink(entity) }, getLabel(entity.label)),
-                        relatedEntityUri && (React.createElement(React.Fragment, null, " " + i18n.text('and') + " ",
+                        relatedEntityUri && (React.createElement(React.Fragment, null, " ".concat(i18n.text('and'), " "),
                             React.createElement(EntityUriLink, { className: styles.link, value: getEntityUriForLink(relatedEntity) }, relatedEntity.label
                                 ? getLabel(relatedEntity.label)
                                 : getEntityId(relatedEntity)))))));

package/esm/components/CollaborationItem/RepliedComment/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"message" | "header" | "root" | "avatar" | "username" | "createdAt" | "marked">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "header" | "message" | "avatar" | "username" | "createdAt" | "marked">;

package/esm/components/CollaborationItem/SendMessageArea/styles.d.ts

@@ -1,5 +1,5 @@
 declare type StylesProps = {
     isEditing?: boolean;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "form" | "main" | "root" | "avatar" | "textField" | "buttons">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "root" | "form" | "main" | "avatar" | "textField" | "buttons">;
 export {};

package/esm/components/CollaborationItem/TextFieldWithMentions/TextFieldWithMentions.js

@@ -40,5 +40,5 @@ export var TextFieldWithMentions = function (_a) {
         React.createElement(Mention, { trigger: "+", data: users.map(function (_a) {
                 var username = _a.username;
                 return ({ id: username, display: username });
-            }), displayTransform: function (_, username) { return "+" + username; }, appendSpaceOnAdd: true, className: styles.mention })));
+            }), displayTransform: function (_, username) { return "+".concat(username); }, appendSpaceOnAdd: true, className: styles.mention })));
 };

package/esm/components/CollaborationItem/styles.d.ts

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

package/esm/components/CollaborationItem/utils/index.js

@@ -10,7 +10,7 @@ export var getRelatedEntityUri = function (comment, entityUri) {
     if (index >= 0)
         return comment.relatedObjectUris[1 - index];
 };
-export var formatDate = function (time) { return i18n.date(time, 'LT') + " " + i18n.date(time, 'LL'); };
+export var formatDate = function (time) { return "".concat(i18n.date(time, 'LT'), " ").concat(i18n.date(time, 'LL')); };
 export var processMentions = function (text, mentions, processor, trigger) {
     if (processor === void 0) { processor = function (value) { return value; }; }
     if (trigger === void 0) { trigger = '+'; }

package/esm/components/CollaborationPopup/styles.d.ts

@@ -2,5 +2,5 @@ declare type Props = {
     scrollWidth: number;
     hasScroll: boolean;
 };
-export declare const useStyles: (props: Props) => import("@material-ui/core/styles/withStyles").ClassNameMap<"replies" | "title" | "comment" | "header" | "root" | "popper" | "messages" | "sendMessageArea" | "headerInfo" | "counter" | "resolveButton" | "collaborationItem">;
+export declare const useStyles: (props: Props) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "title" | "header" | "replies" | "comment" | "counter" | "popper" | "messages" | "sendMessageArea" | "headerInfo" | "resolveButton" | "collaborationItem">;
 export {};

package/esm/components/CommentsContainer/CommentsContainer.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, { useContext, useMemo, useState } from 'react';
 import classnames from 'classnames';
@@ -46,7 +50,7 @@ var CommentsContainer = function (_a) {
     }, [isOpenPopup]);
     var additionalRelatedObjectUris = useContext(RelatedObjectUrisContext);
     var allRelatedObjectUris = useMemo(function () {
-        return additionalRelatedObjectUris ? __spreadArray(__spreadArray([], relatedObjectUris), additionalRelatedObjectUris) : relatedObjectUris;
+        return additionalRelatedObjectUris ? __spreadArray(__spreadArray([], relatedObjectUris, true), additionalRelatedObjectUris, true) : relatedObjectUris;
     }, [additionalRelatedObjectUris, relatedObjectUris]);
     return (showComments && (React.createElement("div", { className: classnames(styles.root, className) },
         shouldShowAddCommentButton && (React.createElement(AddCommentButton, { className: classnames(styles.addButton, (_b = {},

package/esm/components/CommentsContainer/styles.js

@@ -13,7 +13,7 @@ export var useStyles = makeStyles(function () {
                     visibility: 'visible'
                 }
             },
-            _a["." + COMMENTS_CONTAINER_VISIBILITY_AREA + ":hover &"] = {
+            _a[".".concat(COMMENTS_CONTAINER_VISIBILITY_AREA, ":hover &")] = {
                 visibility: 'visible'
             },
             _a),

package/esm/components/ConfigureColumnsPopup/ConfigureColumnsPopup.js

@@ -20,10 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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, { useCallback, useMemo, useRef } from 'react';
 import PropTypes from 'prop-types';
@@ -58,7 +62,7 @@ export var ConfigureColumnsPopup = function (_a) {
                 groupId: groupId,
                 groupName: groupName
             }
-        ], getAttributesData(item.children || [], groupId, groupName, level + 1)); });
+        ], getAttributesData(item.children || [], groupId, groupName, level + 1), true); });
         var getAttributesData = function (data, groupId, groupName, level) {
             if (level === void 0) { level = 0; }
             var getItemGroupData = function (item) { return getAttributeGroupData(level, item, groupId, groupName); };
@@ -77,7 +81,7 @@ export var ConfigureColumnsPopup = function (_a) {
     }, [getAttributesData]);
     var handleSearchOnEnter = useCallback(function (_a) {
         var item = _a.item;
-        onListItemClick(item, !selected.find(function (column) { return column.id === item.id || column.id.includes(item.id + "."); }));
+        onListItemClick(item, !selected.find(function (column) { return column.id === item.id || column.id.includes("".concat(item.id, ".")); }));
     }, [onListItemClick, selected]);
     var groupedItems = useMemo(function () { return (renderGroupTitle ? getGroupsData : getAttributesData)(data); }, [
         data,
@@ -96,7 +100,7 @@ export var ConfigureColumnsPopup = function (_a) {
     focusIndexRef.current = focusIndex;
     var renderListItem = useCallback(function (style, _a, index) {
         var item = _a.item, _b = _a.level, level = _b === void 0 ? 0 : _b;
-        var checked = !!selected.find(function (column) { return column.id === item.id || column.id.includes(item.id + "."); });
+        var checked = !!selected.find(function (column) { return column.id === item.id || column.id.includes("".concat(item.id, ".")); });
         var isFocused = focusIndexRef.current === index;
         return (React.createElement(AttributeListItem, { key: item.id, onClick: onListItemClick, checked: checked, level: level, data: item, label: React.createElement(Highlighter, { text: item.label, highlight: item.filterText }), labelInText: item.label, style: style, hideCheckBox: hideCheckBox, isFocused: isFocused, notSelectable: item.notSelectable, LogoIcon: item.LogoIcon }));
     }, [hideCheckBox, onListItemClick, selected]);

package/esm/components/ConfirmationDialog/styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "title" | "paper" | "contentText" | "actionButtons" | "discardButton">;
+declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "title" | "paper" | "actionButtons" | "contentText" | "discardButton">;
 export { useStyles };

package/esm/components/ConnectionEditor/styles.d.ts

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

package/esm/components/DateIntervalSelector/styles.d.ts

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

package/esm/components/DateRangePicker/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "button" | "header" | "container" | "actionButtons" | "dateRangeContainer" | "dateInput">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "title" | "header" | "container" | "dateRangeContainer" | "dateInput" | "actionButtons">;

package/esm/components/DropDownMenuButton/MenuItemRenderer.js

@@ -14,7 +14,7 @@ var MenuItemRenderer = forwardRef(function (_a, ref) {
         onMenuClose(e);
         onClick(e);
     };
-    return (React.createElement(MenuItemWithTooltip, { tooltipTitle: tooltip, showForDisabled: true, classes: { root: styles.menuItem }, onClick: handleClick, disabled: disabled, ref: ref, "data-modal": true, "data-reltio-id": "reltio-search-menu-item" + id },
+    return (React.createElement(MenuItemWithTooltip, { tooltipTitle: tooltip, showForDisabled: true, classes: { root: styles.menuItem }, onClick: handleClick, disabled: disabled, ref: ref, "data-modal": true, "data-reltio-id": "reltio-search-menu-item".concat(id) },
         selectable && React.createElement(Checkbox, { checked: selected, color: "primary" }),
         React.createElement(Typography, { classes: { root: styles.menuText } }, text)));
 });

package/esm/components/DropDownMenuButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"selected" | "paper" | "buttonRoot" | "menuItem" | "menuText">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"menuItem" | "selected" | "paper" | "menuText" | "buttonRoot">;

package/esm/components/DropDownSelector/DropDownSelector.js

@@ -54,8 +54,7 @@ var DropDownSelector = function (_a) {
     var overloadStylesIfNoLabel = isEmpty(label) ? withoutLabelInputStyle : {};
     var mergedStyles = __assign(__assign(__assign({}, customStyles), overloadStylesIfGroup), overloadStylesIfNoLabel);
     var mergedClasses = __assign(__assign({}, styles), classes);
-    return (React.createElement(SelectComponent, __assign({ placeholder: "", defaultOptions: true }, otherProps, { value: defaultTo(null, value), loadOptions: getOptions, options: options, cacheOptions: true, onChange: onChange, onCreate: handleCreate, onClear: onClear, createLabel: createLabel, classes: mergedClasses, styles: mergedStyles, components: __assign(__assign({ DropdownIndicator: DropdownIndicator, LoadingIndicator: EmptyStub, SingleValue: SingleValue,
-            Menu: Menu }, showIndicatorSeparator), components), menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { label: label, variant: 'filled', margin: 'dense', classes: __assign(__assign({}, prop('classes', TextFieldProps)), { root: classnames(styles.formControl, path(['classes', 'root'], TextFieldProps)) }), inputProps: __assign({}, prop('inputProps', TextFieldProps)), InputProps: __assign(__assign({}, prop('InputProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputProps', 'classes'], TextFieldProps)), { root: classnames(styles.filledInputRoot, path(['InputProps', 'classes', 'root'], TextFieldProps)), underline: classnames((_b = {}, _b[underlineStyle.filledInputUnderline] = isEmptyValue(value), _b), path(['InputProps', 'classes', 'underline'], TextFieldProps)), focused: classnames('focused', path(['InputProps', 'classes', 'focused'], TextFieldProps)) }) }), InputLabelProps: __assign(__assign({}, prop('InputLabelProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputLabelProps', 'classes'], TextFieldProps)), { root: classnames(styles.inputLabel, path(['InputLabelProps', 'classes', 'root'], TextFieldProps)), shrink: classnames('shrink', path(['InputLabelProps', 'classes', 'shrink'], TextFieldProps)) }), shrink: !isEmptyValue(value) ? true : undefined }), ref: textFieldInputRef || inputRef }), inputRef: textFieldInputRef || inputRef, menuIsOpen: open, onMenuOpen: function () { return setOpen(true); }, onMenuClose: function () { return setOpen(false); } })));
+    return (React.createElement(SelectComponent, __assign({ placeholder: "", defaultOptions: true }, otherProps, { value: defaultTo(null, value), loadOptions: getOptions, options: options, cacheOptions: true, onChange: onChange, onCreate: handleCreate, onClear: onClear, createLabel: createLabel, classes: mergedClasses, styles: mergedStyles, components: __assign(__assign({ DropdownIndicator: DropdownIndicator, LoadingIndicator: EmptyStub, SingleValue: SingleValue, Menu: Menu }, showIndicatorSeparator), components), menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { label: label, variant: 'filled', margin: 'dense', classes: __assign(__assign({}, prop('classes', TextFieldProps)), { root: classnames(styles.formControl, path(['classes', 'root'], TextFieldProps)) }), inputProps: __assign({}, prop('inputProps', TextFieldProps)), InputProps: __assign(__assign({}, prop('InputProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputProps', 'classes'], TextFieldProps)), { root: classnames(styles.filledInputRoot, path(['InputProps', 'classes', 'root'], TextFieldProps)), underline: classnames((_b = {}, _b[underlineStyle.filledInputUnderline] = isEmptyValue(value), _b), path(['InputProps', 'classes', 'underline'], TextFieldProps)), focused: classnames('focused', path(['InputProps', 'classes', 'focused'], TextFieldProps)) }) }), InputLabelProps: __assign(__assign({}, prop('InputLabelProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputLabelProps', 'classes'], TextFieldProps)), { root: classnames(styles.inputLabel, path(['InputLabelProps', 'classes', 'root'], TextFieldProps)), shrink: classnames('shrink', path(['InputLabelProps', 'classes', 'shrink'], TextFieldProps)) }), shrink: !isEmptyValue(value) ? true : undefined }), ref: textFieldInputRef || inputRef }), inputRef: textFieldInputRef || inputRef, menuIsOpen: open, onMenuOpen: function () { return setOpen(true); }, onMenuClose: function () { return setOpen(false); } })));
 };
 export var DropDownSelectorType = {
     value: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),

package/esm/components/DropDownSelector/styles.d.ts

@@ -1,4 +1,4 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"inputLabel" | "formControl" | "control" | "valueContainer" | "dropdownIndicator" | "filledInputUnderline" | "filledInputRoot">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"inputLabel" | "formControl" | "control" | "filledInputUnderline" | "valueContainer" | "dropdownIndicator" | "filledInputRoot">;
 export namespace customStyles {
     function menu(baseStyles: any): any;
     function menuList(baseStyles: any): any;

package/esm/components/DropDownSelector/styles.js

@@ -16,7 +16,7 @@ export var useStyles = makeStyles({
     },
     dropdownIndicator: {
         transition: 'transform .15s ease',
-        padding: function (props) { return (props.height - 24) / 2 + "px 12px"; },
+        padding: function (props) { return "".concat((props.height - 24) / 2, "px 12px"); },
         cursor: 'pointer',
         color: 'rgba(0, 0, 0, 0.54)'
     },

package/esm/components/EmptyState/EmptyState.js

@@ -23,7 +23,7 @@ var EmptyState = function (_a) {
     var styles = useStyles();
     var showButton = access && buttonTitle;
     return (React.createElement("div", { className: styles.root },
-        React.createElement(LogoRenderer, { className: styles["" + variant] }),
+        React.createElement(LogoRenderer, { className: styles["".concat(variant)] }),
         React.createElement("div", { className: styles.textBox },
             React.createElement(Typography, { variant: "h5", classes: { h5: styles.text } }, text),
             secondaryText && (React.createElement(Typography, { variant: "subtitle1", classes: { subtitle1: styles.secondaryText } }, secondaryText))),

package/esm/components/EmptyState/styles.d.ts

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

package/esm/components/EntityTypeBadge/EntityTypeBadge.js

@@ -18,6 +18,6 @@ var EntityTypeBadge = function (_a) {
         React.createElement(Typography, { style: {
                 backgroundColor: entityTypeColor,
                 color: utils.Colors.getColor(entityTypeColor) ? '#FFFFFF' : '#212121'
-            }, className: classnames(styles["entityType-" + size], styles['entityType-overflow'], className), component: "div" }, entityTypeLabel)));
+            }, className: classnames(styles["entityType-".concat(size)], styles['entityType-overflow'], className), component: "div" }, entityTypeLabel)));
 };
 export default EntityTypeBadge;

package/esm/components/FlipCard/styles.js

@@ -1,8 +1,8 @@
 import { makeStyles } from '@material-ui/core/styles';
-var frontRotateY = function (isFlipped) { return "rotateY(" + (isFlipped ? 180 : 0) + "deg)"; };
-var frontRotateX = function (isFlipped) { return "rotateX(" + (isFlipped ? 180 : 0) + "deg)"; };
-var backRotateY = function (isFlipped) { return "rotateY(" + (isFlipped ? 0 : -180) + "deg)"; };
-var backRotateX = function (isFlipped) { return "rotateX(" + (isFlipped ? 0 : -180) + "deg)"; };
+var frontRotateY = function (isFlipped) { return "rotateY(".concat(isFlipped ? 180 : 0, "deg)"); };
+var frontRotateX = function (isFlipped) { return "rotateX(".concat(isFlipped ? 180 : 0, "deg)"); };
+var backRotateY = function (isFlipped) { return "rotateY(".concat(isFlipped ? 0 : -180, "deg)"); };
+var backRotateX = function (isFlipped) { return "rotateX(".concat(isFlipped ? 0 : -180, "deg)"); };
 export var useStyles = makeStyles({
     back: function (_a) {
         var isFlipped = _a.isFlipped, direction = _a.direction;

package/esm/components/HierarchicalAttributeTooltip/styles.js

@@ -13,8 +13,8 @@ import { makeStyles } from '@material-ui/core/styles';
 import { range } from 'ramda';
 var nthLiStyles = range(2, 10).reduce(function (acc, i) {
     var _a;
-    return (__assign(__assign({}, acc), (_a = {}, _a["&:nth-child(" + i + ")"] = {
-        paddingLeft: "calc(1em * (" + i + " - 2))",
+    return (__assign(__assign({}, acc), (_a = {}, _a["&:nth-child(".concat(i, ")")] = {
+        paddingLeft: "calc(1em * (".concat(i, " - 2))"),
         '&::before': {
             content: '"└"',
             display: 'inline-block',

package/esm/components/Highlighter/Highlighter.js

@@ -12,7 +12,7 @@ var Highlighter = function (_a) {
     var getMultiTerms = pipe(trim, split(REG_SPACES), map(toLower), sort(ascend), reverse);
     var highlightedValues = multiTerm ? getMultiTerms(highlight) : [toLower(highlight)];
     var regValues = highlightedValues.map(function (item) { return item.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'); });
-    var parts = text.split(new RegExp("(" + regValues.join('|') + ")", 'gi'));
+    var parts = text.split(new RegExp("(".concat(regValues.join('|'), ")"), 'gi'));
     return (React.createElement("span", null, parts.map(function (part, i) {
         var isHighlightedText = highlightedValues.includes(part.toLocaleLowerCase());
         return isHighlightedText ? (React.createElement("span", { key: i, className: className || styles.highlight }, part)) : (part);

package/esm/components/Image/ImageActionsOverlay/ImageActionsOverlay.js

@@ -48,7 +48,7 @@ var ImageActionsOverlay = function (props) {
         showCheckBox && (React.createElement(CheckedIcon, { className: styles.checkedIcon, checked: selected, onClick: toggleSelected(selected) })),
         showActions && (React.createElement("div", { className: styles.actions },
             React.createElement(SmallIconButton, { onClick: onDownload, className: styles.actionButton, icon: DownloadIcon }),
-            React.createElement(DropDownMenuButton, { menuId: "image-overlay-actions-" + id, buttonComponent: SmallIconButton, buttonProps: {
+            React.createElement(DropDownMenuButton, { menuId: "image-overlay-actions-".concat(id), buttonComponent: SmallIconButton, buttonProps: {
                     icon: MoreVertIcon,
                     className: classnames(styles.actionButton, styles.dropDownMenuButton)
                 }, menuItems: menuItems }))),

package/esm/components/Image/ImageActionsOverlay/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "overlay" | "selected" | "actions" | "checkedIcon" | "selectionMode" | "actionButton" | "dropDownMenuButton">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "overlay" | "actions" | "selected" | "checkedIcon" | "selectionMode" | "actionButton" | "dropDownMenuButton">;

package/esm/components/Image/styles.d.ts

@@ -1,2 +1,2 @@
 import { ImageSizeType } from './Image';
-export declare const useStyles: (props: ImageSizeType) => import("@material-ui/core/styles/withStyles").ClassNameMap<"image" | "root" | "defaultContainer" | "defaultImage" | "hideImage">;
+export declare const useStyles: (props: ImageSizeType) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "image" | "defaultContainer" | "defaultImage" | "hideImage">;

package/esm/components/ImageAttributesGallery/GalleryView/styles.d.ts

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

package/esm/components/ImageAttributesGallery/ImageAttributesGallery.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));
 };
 /* eslint-disable indent */
 import React, { useEffect, useState } from 'react';
@@ -28,7 +32,7 @@ var ImageAttributesGallery = function (_a) {
         id: attribute.uri
     }); });
     var handleSelect = function (id) {
-        setSelectedItems(function (items) { return __spreadArray(__spreadArray([], items), [id]); });
+        setSelectedItems(function (items) { return __spreadArray(__spreadArray([], items, true), [id], false); });
     };
     var handleDeselect = function (id) {
         setSelectedItems(function (items) { return items.filter(function (item) { return item !== id; }); });

package/esm/components/ImageDetailsView/ImageDetailsViewCarousel/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"main" | "root" | "mainImageContainer" | "mainImage" | "arrowButton" | "arrowButtonPrev" | "arrowButtonNext">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "main" | "mainImageContainer" | "mainImage" | "arrowButton" | "arrowButtonPrev" | "arrowButtonNext">;

package/esm/components/ImageDetailsView/ImageDetailsViewSidebar/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"body" | "checkbox" | "header" | "root" | "headerTitle" | "bodyWrapper" | "formControlLabel" | "checkboxLabel">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"checkbox" | "root" | "body" | "header" | "headerTitle" | "bodyWrapper" | "formControlLabel" | "checkboxLabel">;

package/esm/components/ImageDetailsView/ImageDetailsViewSidebar/styles.js

@@ -11,7 +11,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         alignItems: 'center',
         height: '56px',
         paddingLeft: '16px',
-        boxShadow: "0 1px 0 0 " + theme.palette.divider
+        boxShadow: "0 1px 0 0 ".concat(theme.palette.divider)
     },
     headerTitle: {
         color: 'rgba(255, 255, 255, 0.87)',

package/esm/components/ImageDetailsView/MetaInfoForm/styles.d.ts

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

package/esm/components/ImageDetailsView/MetaInfoList/MetaInfoItem/styles.d.ts

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

package/esm/components/ImageDetailsView/MetaInfoList/styles.d.ts

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

package/esm/components/ImageDetailsView/helpers/index.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 { path } from 'ramda';
 import moment from 'moment';
@@ -19,11 +23,11 @@ export var getFormattedSystemImageAttributeValue = function (_a, name) {
         return moment(value.CreationTimestamp[0].value).format('HH:mm:ss');
     }
     if (name === 'Dimensions' && path(['Height', 0, 'value'], value) && path(['Width', 0, 'value'], value)) {
-        return value.Height[0].value + " x " + value.Width[0].value + " " + i18n.text('pixels');
+        return "".concat(value.Height[0].value, " x ").concat(value.Width[0].value, " ").concat(i18n.text('pixels'));
     }
     if (name === 'Size' && path(['Size', 0, 'value'], value)) {
         var size = (Number(value.Size[0].value) / 1000).toFixed(2);
-        return size + " KB";
+        return "".concat(size, " KB");
     }
 };
 var filterByNotSystemAttributeTypes = function (attrTypes) {
@@ -77,7 +81,7 @@ export var getNotSystemAttributesList = function (attrValue, attrType, fieldsOrd
             var name = _a.name;
             return name === key;
         });
-        return attrType ? __spreadArray(__spreadArray([], result), [{ attrType: attrType, values: attrValue.value[key] }]) : result;
+        return attrType ? __spreadArray(__spreadArray([], result, true), [{ attrType: attrType, values: attrValue.value[key] }], false) : result;
     }, []);
 };
 export var isLink = function (key) {

package/esm/components/ImageDetailsView/styles.d.ts

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

package/esm/components/MatchRulesBlock/MatchRulesBadge/styles.d.ts

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

package/esm/components/MatchRulesBlock/MatchRulesTooltip/MatchRulesTooltip.js

@@ -8,6 +8,6 @@ var MatchRulesTooltip = function (_a) {
         React.createElement("div", { className: styles.title },
             React.createElement(MatchRulesTitle, { isMlMatch: isMlMatch }),
             ' '),
-        React.createElement("div", { className: styles.body }, matchRules.map(function (match) { return (React.createElement("div", { key: match.uri }, "- " + match.label)); }))));
+        React.createElement("div", { className: styles.body }, matchRules.map(function (match) { return (React.createElement("div", { key: match.uri }, "- ".concat(match.label))); }))));
 };
 export default MatchRulesTooltip;

package/esm/components/MatchRulesBlock/MatchRulesTooltip/styles.d.ts

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

package/esm/components/MatchRulesBlock/SimpleMatchRules/SimpleMatchRules.js

@@ -8,6 +8,6 @@ var SimpleMatchRules = function (_a) {
     return (React.createElement("div", { "data-reltio-id": "simple-match-rules", className: classnames(styles.container, className) },
         React.createElement("div", { className: styles.title },
             React.createElement(MatchRulesTitle, { isMlMatch: isMlMatch })),
-        React.createElement("div", { className: styles.labelsContainer }, matchRules.map(function (match) { return (React.createElement("div", { key: match.uri }, "- " + match.label)); }))));
+        React.createElement("div", { className: styles.labelsContainer }, matchRules.map(function (match) { return (React.createElement("div", { key: match.uri }, "- ".concat(match.label))); }))));
 };
 export default SimpleMatchRules;

package/esm/components/MetadataTypesSelector/ListLabel/ListLabel.js

@@ -17,5 +17,5 @@ export var ListLabel = function (_a) {
         React.createElement("div", { className: styles.listLabelContainer },
             React.createElement("div", { style: { width: getListLabelWidth(maxWidth) }, className: styles.listLabel, ref: labelRef }, listLabel),
             React.createElement("div", { className: styles.visibleItemsLabel }, visibleItemsLabel),
-            hasHiddenItems && React.createElement("div", { className: styles.hiddenCount }, "+" + hiddenItemsCount))));
+            hasHiddenItems && React.createElement("div", { className: styles.hiddenCount }, "+".concat(hiddenItemsCount)))));
 };

package/esm/components/MetadataTypesSelector/ListLabel/helpers.js

@@ -38,7 +38,7 @@ var findFirstOverflowItemIndex = function (list, labelEl) {
 };
 var getListLabel = function (list) { return list.join(ITEMS_SEPARATOR); };
 var getListLabelWidth = function (maxWidth) {
-    var maxCssWidth = isNil(maxWidth) ? '100%' : maxWidth + "px";
-    return "calc(" + maxCssWidth + " - " + HIDDEN_COUNT_WIDTH + "px)";
+    var maxCssWidth = isNil(maxWidth) ? '100%' : "".concat(maxWidth, "px");
+    return "calc(".concat(maxCssWidth, " - ").concat(HIDDEN_COUNT_WIDTH, "px)");
 };
 export { countHiddenItems, getListLabel, getListLabelWidth };

package/esm/components/MetadataTypesSelector/MetadataTypesSelector.js

@@ -92,7 +92,7 @@ export var MetadataTypesSelector = memo(function (_a) {
                     root: classnames(styles.inputLabel, classes.label)
                 }
             }, value: "", onClick: disabled ? undefined : openPopup, classes: { root: classnames(styles.root, classes.root) }, margin: "dense", variant: "filled", disabled: disabled, "data-reltio-id": dataReltioId }),
-        React.createElement(SelectionPopup, { open: isPopupOpen, anchorEl: rootRef.current, onClose: handleClose, onSearch: setFilterText, title: selectionPopupTitle, containerWidth: containerWidth, containerHeight: POPUP_HEIGHT, searchInputOnKeyDown: handleKeyDown, transformOrigin: { horizontal: 'left', vertical: 'top' }, anchorOrigin: { horizontal: 'left', vertical: 'bottom' }, PaperProps: (_e = {}, _e['data-reltio-id'] = dataReltioId + "-popup", _e) },
+        React.createElement(SelectionPopup, { open: isPopupOpen, anchorEl: rootRef.current, onClose: handleClose, onSearch: setFilterText, title: selectionPopupTitle, containerWidth: containerWidth, containerHeight: POPUP_HEIGHT, searchInputOnKeyDown: handleKeyDown, transformOrigin: { horizontal: 'left', vertical: 'top' }, anchorOrigin: { horizontal: 'left', vertical: 'bottom' }, PaperProps: (_e = {}, _e['data-reltio-id'] = "".concat(dataReltioId, "-popup"), _e) },
             React.createElement(SelectMetadataTypesList, { items: filteredItems, onItemClick: handleListItemClick, selectedItems: selectedItemsUris, width: containerWidth, height: LIST_HEIGHT, focusIndex: focusIndex }))));
 });
 MetadataTypesSelector.displayName = 'MetadataTypesSelector';

package/esm/components/MetadataTypesSelector/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "root" | "inputLabel" | "inputRoot" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "root" | "input" | "inputLabel" | "inputRoot" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;

package/esm/components/ModeSwitcher/ModeSwitcher.js

@@ -12,7 +12,7 @@ var ModeSwitcher = function (_a) {
     return (React.createElement(ButtonGroup, { className: className }, modes.map(function (_a) {
         var _b;
         var id = _a.id, title = _a.title, tooltipTitle = _a.tooltipTitle, Icon = _a.Icon, disabled = _a.disabled;
-        return (React.createElement(ButtonWithTooltip, { disabled: disabled, showForDisabled: disabled && !!tooltipTitle, key: String(id), className: classnames(styles.button, (_b = {}, _b[styles.current] = modeId === id, _b), classes.button), tooltipTitle: tooltipTitle, onClick: getChangeModeHandler(id), "data-reltio-id": "reltio-search-mode-" + id },
+        return (React.createElement(ButtonWithTooltip, { disabled: disabled, showForDisabled: disabled && !!tooltipTitle, key: String(id), className: classnames(styles.button, (_b = {}, _b[styles.current] = modeId === id, _b), classes.button), tooltipTitle: tooltipTitle, onClick: getChangeModeHandler(id), "data-reltio-id": "reltio-search-mode-".concat(id) },
             Icon && React.createElement(Icon, { className: styles.icon }),
             title && React.createElement("div", { className: styles.title }, title)));
     })));

package/esm/components/ModeSwitcher/styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "icon" | "button" | "current">;
+declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "icon" | "current" | "title">;
 export default useStyles;

package/esm/components/ModeSwitcherSelect/ModeSwitcherSelect.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 React from 'react';
 import { propEq } from 'ramda';
@@ -48,7 +52,7 @@ export var ModeSwitcherSelect = function (_a) {
                     _a[styles.firstMenuItemButton] = idx === firstButtonIdx,
                     _a));
             }
-            return (React.createElement(MenuItem, __assign({ key: value }, menuItemProps, { "data-reltio-id": "reltio-profile-select-mode-" + value }),
+            return (React.createElement(MenuItem, __assign({ key: value }, menuItemProps, { "data-reltio-id": "reltio-profile-select-mode-".concat(value) }),
                 React.createElement(Box, { className: styles.menuItemInner },
                     React.createElement(IconComponent, { className: styles.menuItemIcon }),
                     React.createElement(Box, null,
@@ -76,5 +80,5 @@ export var ModeSwitcherSelect = function (_a) {
                 horizontal: 'right'
             },
             getContentAnchorEl: null
-        }, disabled: disabled, "data-reltio-id": "reltio-profile-select-mode" }, renderMenuItems(__spreadArray(__spreadArray([], optionsGroup), buttonsGroup))));
+        }, disabled: disabled, "data-reltio-id": "reltio-profile-select-mode" }, renderMenuItems(__spreadArray(__spreadArray([], optionsGroup, true), buttonsGroup, true))));
 };

package/esm/components/ModeSwitcherSelect/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "outlined" | "menuItem" | "arrowIcon" | "currentValue" | "currentValueIcon" | "currentValueText" | "firstMenuItemButton" | "menuItemInner" | "menuItemIcon" | "menuItemLabel" | "menuItemDescription">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "menuItem" | "outlined" | "currentValue" | "arrowIcon" | "currentValueIcon" | "currentValueText" | "firstMenuItemButton" | "menuItemInner" | "menuItemIcon" | "menuItemLabel" | "menuItemDescription">;

package/esm/components/MultipleInput/MultipleInput.js

@@ -20,10 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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 AutosizeInput from 'react-input-autosize';
 import classnames from 'classnames';
@@ -53,7 +57,7 @@ var MultipleInput = function (_a) {
     var _j = useState(''), inputValue = _j[0], setInputValue = _j[1];
     var clearInputValue = function () { return setInputValue(''); };
     var removeValueAt = function (index) { return onChange(remove(index, 1, values)); };
-    var appendValue = function (value) { return onChange(uniq(__spreadArray(__spreadArray([], values), [value]))); };
+    var appendValue = function (value) { return onChange(uniq(__spreadArray(__spreadArray([], values, true), [value], false))); };
     var hasValues = values.length > 0;
     var appendInputValueIfNotEmpty = function () {
         if (!isEmptyValue(inputValue)) {

package/esm/components/MultipliableSelect/MultipliableSelect.d.ts

@@ -16,7 +16,7 @@ declare namespace MultipliableSelect {
     namespace propTypes {
         const multiple: PropTypes.Requireable<boolean>;
         const fullWidth: PropTypes.Requireable<boolean>;
-        const value: PropTypes.Requireable<string | number | object>;
+        const value: PropTypes.Requireable<NonNullable<NonNullable<string | number | object>>>;
         const TextFieldProps: PropTypes.Requireable<object>;
         const MenuProps: PropTypes.Requireable<object>;
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;