@reltio/components 1.4.1313 → 1.4.1315

package/esm/components/BasicTableView/BasicTable/BasicTable.d.ts

@@ -16,19 +16,19 @@ export namespace BasicTableType {
     export const onSort: PropTypes.Requireable<(...args: any[]) => any>;
     export const filters: PropTypes.Requireable<{
         [x: string]: PropTypes.InferProps<{
-            value: PropTypes.Requireable<string | number | boolean | PropTypes.InferProps<{
+            value: PropTypes.Requireable<NonNullable<NonNullable<NonNullable<string | number | boolean | PropTypes.InferProps<{
                 value: PropTypes.Requireable<string>;
                 lookupCode: PropTypes.Requireable<string>;
-            }> | (string | number | boolean | PropTypes.InferProps<{
+            }>> | NonNullable<string | number | boolean | PropTypes.InferProps<{
                 value: PropTypes.Requireable<string>;
                 lookupCode: PropTypes.Requireable<string>;
-            }>)[] | (string | number | boolean | PropTypes.InferProps<{
+            }>>[]> | NonNullable<NonNullable<string | number | boolean | PropTypes.InferProps<{
                 value: PropTypes.Requireable<string>;
                 lookupCode: PropTypes.Requireable<string>;
-            }> | (string | number | boolean | PropTypes.InferProps<{
+            }>> | NonNullable<string | number | boolean | PropTypes.InferProps<{
                 value: PropTypes.Requireable<string>;
                 lookupCode: PropTypes.Requireable<string>;
-            }>)[])[]>;
+            }>>[]>[]>>;
             filter: PropTypes.Requireable<string>;
         }>;
     }>;

package/esm/components/BasicTableView/BasicTable/cell-value-renderers/styles.js

@@ -12,7 +12,7 @@ export var useStyles = makeStyles({
         overflowY: 'auto',
         overflowX: 'hidden',
         whiteSpace: 'pre',
-        maxHeight: BLOB_HEIGHT + "px",
+        maxHeight: "".concat(BLOB_HEIGHT, "px"),
         boxSizing: 'border-box',
         padding: '15px 25px 0 25px'
     }

package/esm/components/BasicTableView/BasicTable/helpers/nestedHelpers.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 { __, addIndex, always, assoc, chain, curry, dropLast, groupBy, join, keys, length, omit, pickBy, pipe, propOr, reduce, split, sum, toPairs, unless, unnest, values, zip } from 'ramda';
 var TOTAL_ROW_SPAN_KEY = 'total';
@@ -46,7 +50,7 @@ var validateParentRowSpan = function (rowSpanData, _a) {
     var actualParentSpan = countParentSpanByAllSubRows(rowSpanData, siblingSubRowsKey);
     var spanDiff = currentParentSpan - actualParentSpan;
     if (spanDiff > 0) {
-        var lowestSubRowKey = "" + siblingSubRowsKey + NESTED_KEY_DELIMITER + (subRowsKeys.length - 1);
+        var lowestSubRowKey = "".concat(siblingSubRowsKey).concat(NESTED_KEY_DELIMITER).concat(subRowsKeys.length - 1);
         var lowestSubRowSpan = rowSpanData[lowestSubRowKey];
         return assoc(lowestSubRowKey, lowestSubRowSpan + spanDiff, rowSpanData);
     }
@@ -63,7 +67,7 @@ var flattenNestedColumnValues = function (values, indexPath) {
     if (indexPath === void 0) { indexPath = []; }
     var head = values[0];
     return Array.isArray(head)
-        ? chainWithIndex(function (value, index) { return flattenNestedColumnValues(value, __spreadArray(__spreadArray([], indexPath), [index])); }, values)
+        ? chainWithIndex(function (value, index) { return flattenNestedColumnValues(value, __spreadArray(__spreadArray([], indexPath, true), [index], false)); }, values)
         : { indexPath: indexPath, values: values };
 };
 var getNestedKeyForNestedColumnCell = curry(function (columnNestedPath, cell) {

package/esm/components/BasicTableView/BasicTable/hooks/useDynamicRowCellHeight.js

@@ -14,7 +14,7 @@ import { __, curry, identity, pipe, prop, useWith } from 'ramda';
 import { debounce } from '@reltio/mdm-sdk';
 var getRowCellKey = function (_a) {
     var rowIndex = _a.rowIndex, id = _a.columnData.id, cellIndex = _a.cellIndex;
-    return id + "[" + rowIndex + "][" + cellIndex + "]";
+    return "".concat(id, "[").concat(rowIndex, "][").concat(cellIndex, "]");
 };
 var useDynamicRowCellHeight = function () {
     var _a = useState({}), rowCellHeightsMap = _a[0], setRowCellHeightsMap = _a[1];

package/esm/components/BasicTableView/BasicTableHeader/ColumnsSettings/columnHelpers.js

@@ -9,17 +9,21 @@ 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 { assoc, chain, curry, either, filter, has, pipe, propOr, reduce, when } from 'ramda';
 import { utils } from '@reltio/mdm-sdk';
 var isGroupColumn = function (column) { return column.id === column.groupId; };
 var isParentToColumn = curry(function (_a, parent) {
     var id = _a.id, groupId = _a.groupId;
-    return parent.groupId === groupId && (id === parent.id || id.startsWith(parent.id + "."));
+    return parent.groupId === groupId && (id === parent.id || id.startsWith("".concat(parent.id, ".")));
 });
 var isGroupToColumn = curry(function (_a, group) {
     var groupId = _a.groupId;
@@ -58,7 +62,7 @@ var buildFilteredColumnItems = curry(function (filterText, columns, level) {
         var childrenItems = column.children
             ? buildFilteredColumnItems(filterText, column.children, level + 1)
             : [];
-        return __spreadArray([item], childrenItems);
+        return __spreadArray([item], childrenItems, true);
     }))(columns);
 });
 var isGroupedColumnsData = has('columns');
@@ -66,7 +70,7 @@ var flattenGroupedColumnsData = function (_a) {
     var id = _a.id, label = _a.label, columns = _a.columns;
     return __spreadArray([
         { id: id, groupId: id, label: label }
-    ], columns.map(assoc('groupId', id)));
+    ], columns.map(assoc('groupId', id)), true);
 };
 var buildColumnItems = function (columnsData, filterText) {
     return pipe(chain(when(isGroupedColumnsData, flattenGroupedColumnsData)), filter(either(isGroupColumn, isHideableColumn)), buildColumnsTrees, buildFilteredColumnItems(filterText))(columnsData);

package/esm/components/BasicTableView/BasicTablePagination/BasicTablePagination.d.ts

@@ -1,4 +1,4 @@
-declare var _default: React.MemoExoticComponent<{
+declare const _default: React.MemoExoticComponent<{
     ({ classes, count, rowsPerPageOptions, page, onChangePage, rowsPerPage, onChangeRowsPerPage, basicTableRef, labelRowsPerPage }: {
         classes?: {};
         count: any;

package/esm/components/BasicTableView/BasicTablePagination/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "select" | "actions" | "pagination" | "selectRoot">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"pagination" | "caption" | "selectRoot" | "select" | "actions">;

package/esm/components/BasicTableView/ColumnFilter/ColumnFilter.js

@@ -60,7 +60,7 @@ var ColumnFilter = function (_a) {
             React.createElement(ArrowDropDownIcon, null)),
         React.createElement(Popover, { PaperProps: {
                 style: {
-                    width: (containerRef.current ? containerRef.current.getBoundingClientRect().width : 0) + "px"
+                    width: "".concat(containerRef.current ? containerRef.current.getBoundingClientRect().width : 0, "px")
                 }
             }, open: !!anchorEl, anchorEl: anchorEl, anchorOrigin: {
                 vertical: 'bottom',

package/esm/components/BasicTableView/ColumnFilter/styles.js

@@ -4,7 +4,7 @@ export var useStyles = makeStyles({
     columnFilter: {
         backgroundColor: 'rgba(0,0,0,0.03)',
         display: 'flex',
-        height: COLUMN_FILTER_HEIGHT + "px",
+        height: "".concat(COLUMN_FILTER_HEIGHT, "px"),
         alignItems: 'center'
     },
     dropDownButton: {

package/esm/components/BasicView/BasicView.d.ts

@@ -1,4 +1,4 @@
 import Paper, { PaperProps } from '@material-ui/core/Paper';
 import React from 'react';
-declare const BasicView: React.ForwardRefExoticComponent<Pick<PaperProps, "title" | "id" | "children" | "prefix" | "hidden" | "defaultValue" | "color" | "translate" | "style" | "square" | "onScroll" | "className" | "innerRef" | "slot" | "classes" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "elevation" | "variant" | "component"> & React.RefAttributes<React.Ref<typeof Paper>>>;
+declare const BasicView: React.ForwardRefExoticComponent<Pick<PaperProps, "color" | "translate" | "hidden" | "style" | "square" | "classes" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "innerRef" | "elevation"> & React.RefAttributes<React.Ref<typeof Paper>>>;
 export default BasicView;

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

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

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

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

package/esm/components/CollaborationItem/CommentContent/CommentContent.js

@@ -11,6 +11,6 @@ export var CommentContent = function (_a) {
     var users = useContext(UsersContext);
     return (React.createElement(Typography, { className: classnames(styles.root, className) }, processMentions(comment.content, comment.namedUsers, function (mention) {
         var user = users.find(function (user) { return user.username === mention.slice(1); });
-        return user ? React.createElement(Link, { href: "mailto:" + user.email }, mention) : mention;
+        return user ? React.createElement(Link, { href: "mailto:".concat(user.email) }, mention) : mention;
     }).map(function (el, idx) { return (React.createElement(Fragment, { key: idx }, el)); })));
 };

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">;