@reltio/components 1.4.1314 → 1.4.1316

package/cjs/components/HierarchicalAttributeTooltip/styles.js

@@ -14,10 +14,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 var ramda_1 = require("ramda");
-var nthLiStyles = ramda_1.range(2, 10).reduce(function (acc, i) {
+var nthLiStyles = (0, ramda_1.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',
@@ -27,7 +27,7 @@ var nthLiStyles = ramda_1.range(2, 10).reduce(function (acc, i) {
         }
     }, _a)));
 }, {});
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     tooltip: theme.tooltip,
     tooltipContent: {
         minWidth: '165px',

package/cjs/components/Highlighter/Highlighter.js

@@ -8,16 +8,16 @@ var ramda_1 = require("ramda");
 var styles_1 = require("./styles");
 var Highlighter = function (_a) {
     var text = _a.text, highlight = _a.highlight, className = _a.className, _b = _a.multiTerm, multiTerm = _b === void 0 ? false : _b;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var hasHighlights = text && highlight;
     if (!hasHighlights) {
         return react_1.default.createElement(react_1.default.Fragment, null, text);
     }
     var REG_SPACES = new RegExp(/\s+/);
-    var getMultiTerms = ramda_1.pipe(ramda_1.trim, ramda_1.split(REG_SPACES), ramda_1.map(ramda_1.toLower), ramda_1.sort(ramda_1.ascend), ramda_1.reverse);
-    var highlightedValues = multiTerm ? getMultiTerms(highlight) : [ramda_1.toLower(highlight)];
+    var getMultiTerms = (0, ramda_1.pipe)(ramda_1.trim, (0, ramda_1.split)(REG_SPACES), (0, ramda_1.map)(ramda_1.toLower), (0, ramda_1.sort)(ramda_1.ascend), ramda_1.reverse);
+    var highlightedValues = multiTerm ? getMultiTerms(highlight) : [(0, ramda_1.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_1.default.createElement("span", null, parts.map(function (part, i) {
         var isHighlightedText = highlightedValues.includes(part.toLocaleLowerCase());
         return isHighlightedText ? (react_1.default.createElement("span", { key: i, className: className || styles.highlight }, part)) : (part);

package/cjs/components/Highlighter/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     highlight: {
         fontWeight: 600
     }

package/cjs/components/Image/CheckedIcon/CheckedIcon.js

@@ -11,8 +11,8 @@ var CheckCircle_1 = __importDefault(require("@material-ui/icons/CheckCircle"));
 var styles_1 = require("./styles");
 var CheckedIcon = function (_a) {
     var checked = _a.checked, className = _a.className, onClick = _a.onClick;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var Icon = checked ? CheckCircle_1.default : RadioButtonUnchecked_1.default;
-    return react_1.default.createElement(Icon, { className: classnames_1.default(styles.root, className), onClick: onClick });
+    return react_1.default.createElement(Icon, { className: (0, classnames_1.default)(styles.root, className), onClick: onClick });
 };
 exports.CheckedIcon = CheckedIcon;

package/cjs/components/Image/CheckedIcon/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     root: {
         fontSize: '24px',
         color: '#fff'

package/cjs/components/Image/Image.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -78,9 +82,9 @@ var Image = function (props) {
     var _a;
     var src = props.src, className = props.className, containerClassName = props.containerClassName, _b = props.size, size = _b === void 0 ? exports.ImageSizesStyles.SMALL : _b, _c = props.overlay, overlay = _c === void 0 ? null : _c, otherProps = __rest(props, ["src", "className", "containerClassName", "size", "overlay"]);
     var sizeStyles = size || exports.ImageSizesStyles.SMALL;
-    var styles = styles_1.useStyles(sizeStyles);
-    var _d = react_1.useState(ImageLoadingState.LOADING), imageLoadingState = _d[0], setImageLoadingState = _d[1];
-    react_1.useEffect(function () {
+    var styles = (0, styles_1.useStyles)(sizeStyles);
+    var _d = (0, react_1.useState)(ImageLoadingState.LOADING), imageLoadingState = _d[0], setImageLoadingState = _d[1];
+    (0, react_1.useEffect)(function () {
         setImageLoadingState(ImageLoadingState.LOADING);
     }, [src]);
     var onImageLoadFail = function () {
@@ -92,13 +96,13 @@ var Image = function (props) {
     var imageIsLoading = imageLoadingState === ImageLoadingState.LOADING;
     var imageIsLoaded = imageLoadingState === ImageLoadingState.LOADED;
     var imageLoadingError = imageLoadingState === ImageLoadingState.ERROR;
-    return imageLoadingError ? (react_1.default.createElement("div", __assign({ className: classnames_1.default(styles.defaultContainer, styles.image, className) }, otherProps),
-        react_1.default.createElement(BrokenImage_1.default, { className: styles.defaultImage }))) : (react_1.default.createElement("div", { className: classnames_1.default(styles.root, containerClassName) },
-        !mdm_sdk_1.isEmptyValue(src) && (react_1.default.createElement("img", __assign({ src: src, className: classnames_1.default(styles.image, className, (_a = {},
+    return imageLoadingError ? (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(styles.defaultContainer, styles.image, className) }, otherProps),
+        react_1.default.createElement(BrokenImage_1.default, { className: styles.defaultImage }))) : (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, containerClassName) },
+        !(0, mdm_sdk_1.isEmptyValue)(src) && (react_1.default.createElement("img", __assign({ src: src, className: (0, classnames_1.default)(styles.image, className, (_a = {},
                 _a[styles.hideImage] = imageIsLoading,
                 _a)), onLoad: onImageLoad, onError: onImageLoadFail, alt: 'image' }, otherProps))),
-        imageIsLoading && (react_1.default.createElement("div", __assign({ className: classnames_1.default(styles.defaultContainer, styles.image, className) }, otherProps),
+        imageIsLoading && (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(styles.defaultContainer, styles.image, className) }, otherProps),
             react_1.default.createElement(DefaultImage_1.default, { className: styles.defaultImage }))),
         imageIsLoaded && overlay));
 };
-exports.default = react_1.memo(Image);
+exports.default = (0, react_1.memo)(Image);

package/cjs/components/Image/ImageActionsOverlay/ImageActionsOverlay.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -37,9 +41,9 @@ var styles_1 = require("./styles");
 var ImageActionsOverlay = function (props) {
     var _a;
     var id = props.id, _b = props.canBeSelected, canBeSelected = _b === void 0 ? false : _b, _c = props.selected, selected = _c === void 0 ? false : _c, _d = props.selectionMode, selectionMode = _d === void 0 ? false : _d, _e = props.onDeselect, onDeselect = _e === void 0 ? core_1.noop : _e, _f = props.onSelect, onSelect = _f === void 0 ? core_1.noop : _f, onShareLink = props.onShareLink, onSetAsDefault = props.onSetAsDefault, onDelete = props.onDelete, _g = props.onDownload, onDownload = _g === void 0 ? core_1.noop : _g, onClick = props.onClick;
-    var styles = styles_1.useStyles();
-    var _h = react_1.useState(false), hovered = _h[0], setHovered = _h[1];
-    var menuItems = react_1.useMemo(function () {
+    var styles = (0, styles_1.useStyles)();
+    var _h = (0, react_1.useState)(false), hovered = _h[0], setHovered = _h[1];
+    var menuItems = (0, react_1.useMemo)(function () {
         return [
             {
                 text: ui_i18n_1.default.text('Share link'),
@@ -53,11 +57,11 @@ var ImageActionsOverlay = function (props) {
                 text: ui_i18n_1.default.text('Delete'),
                 onClick: onDelete
             }
-        ].filter(ramda_1.prop('onClick'));
+        ].filter((0, ramda_1.prop)('onClick'));
     }, [onShareLink, onSetAsDefault, onDelete]);
     var handleMouseEnter = function () { return setHovered(true); };
     var handleMouseLeave = function () { return setHovered(false); };
-    var toggleSelected = function (selected) { return function () { return ramda_1.ifElse(ramda_1.equals(true), onDeselect, onSelect)(selected); }; };
+    var toggleSelected = function (selected) { return function () { return (0, ramda_1.ifElse)((0, ramda_1.equals)(true), onDeselect, onSelect)(selected); }; };
     var showCheckBox = canBeSelected && (selected || hovered || selectionMode);
     var showActions = !selectionMode && !selected && hovered;
     var showDeselectButton = canBeSelected && selected;
@@ -65,17 +69,17 @@ var ImageActionsOverlay = function (props) {
         if (event.currentTarget === event.target)
             onClick();
     };
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.overlay, (_a = {},
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.overlay, (_a = {},
             _a[styles.selected] = selected,
             _a[styles.selectionMode] = selectionMode,
             _a)), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: selectionMode ? toggleSelected(selected) : handleClick },
         showCheckBox && (react_1.default.createElement(CheckedIcon_1.CheckedIcon, { className: styles.checkedIcon, checked: selected, onClick: toggleSelected(selected) })),
         showActions && (react_1.default.createElement("div", { className: styles.actions },
             react_1.default.createElement(SmallIconButton_1.SmallIconButton, { onClick: onDownload, className: styles.actionButton, icon: Download_1.default }),
-            react_1.default.createElement(DropDownMenuButton_1.default, { menuId: "image-overlay-actions-" + id, buttonComponent: SmallIconButton_1.SmallIconButton, buttonProps: {
+            react_1.default.createElement(DropDownMenuButton_1.default, { menuId: "image-overlay-actions-".concat(id), buttonComponent: SmallIconButton_1.SmallIconButton, buttonProps: {
                     icon: MoreVert_1.default,
-                    className: classnames_1.default(styles.actionButton, styles.dropDownMenuButton)
+                    className: (0, classnames_1.default)(styles.actionButton, styles.dropDownMenuButton)
                 }, menuItems: menuItems }))),
         showDeselectButton && (react_1.default.createElement(Button_1.default, { className: styles.button, variant: "outlined", onClick: onDeselect }, ui_i18n_1.default.text('Deselect')))));
 };
-exports.default = react_1.memo(ImageActionsOverlay);
+exports.default = (0, react_1.memo)(ImageActionsOverlay);

package/cjs/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/cjs/components/Image/ImageActionsOverlay/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     overlay: {
         position: 'absolute',
         top: 0,

package/cjs/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/cjs/components/Image/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         position: 'relative'
     },

package/cjs/components/ImageAttributesGallery/GalleryView/GalleryView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -31,7 +35,7 @@ var ImageActionsOverlay_1 = __importDefault(require("../../Image/ImageActionsOve
 var styles_1 = require("./styles");
 var GalleryView = function (_a) {
     var items = _a.items, selectedItems = _a.selectedItems, onSelectImage = _a.onSelectImage, onDeselectImage = _a.onDeselectImage, onShareLink = _a.onShareLink, onSetAsDefault = _a.onSetAsDefault, onDownload = _a.onDownload, onClickImage = _a.onClickImage, onDelete = _a.onDelete;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var renderImageActionsOverlay = function (id) {
         return (react_1.default.createElement(ImageActionsOverlay_1.default, { id: id, selected: selectedItems.includes(id), selectionMode: selectedItems.length !== 0, onSelect: function () { return onSelectImage(id); }, onDeselect: function () { return onDeselectImage(id); }, onShareLink: function () { return onShareLink(id); }, onSetAsDefault: function () { return onSetAsDefault(id); }, onDownload: function () { return onDownload(id); }, onClick: function () { return onClickImage(id); }, onDelete: onDelete ? function () { return onDelete(id); } : undefined, canBeSelected: true }));
     };

package/cjs/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/cjs/components/ImageAttributesGallery/GalleryView/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     root: {
         padding: '0 24px',
         overflowY: 'auto',

package/cjs/components/ImageAttributesGallery/HeaderLeft/HeaderLeft.js

@@ -10,7 +10,7 @@ var Link_1 = __importDefault(require("@material-ui/core/Link"));
 var styles_1 = require("./styles");
 var HeaderLeft = function (_a) {
     var selectedItems = _a.selectedItems, items = _a.items, onSelectAll = _a.onSelectAll, onClearAll = _a.onClearAll;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var selectedAllItems = selectedItems.length === items.length;
     return (react_1.default.createElement(Link_1.default, { component: "button", underline: "none", classes: { button: styles.selectButton }, onClick: selectedAllItems ? onClearAll : onSelectAll }, selectedAllItems ? ui_i18n_1.default.text('Clear selection') : ui_i18n_1.default.text('Select all images')));
 };

package/cjs/components/ImageAttributesGallery/HeaderLeft/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     selectButton: {
         fontSize: '14px',
         fontWeight: 500,

package/cjs/components/ImageAttributesGallery/HeaderRight/HeaderRight.js

@@ -15,7 +15,7 @@ var SmallIconButton_1 = require("../../SmallIconButton");
 var styles_1 = require("./styles");
 var HeaderRight = function (_a) {
     var onDownload = _a.onDownload, onShare = _a.onShare, onUpload = _a.onUpload, onDelete = _a.onDelete;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
         onUpload && (react_1.default.createElement(Button_1.default, { variant: "contained", color: "primary", onClick: onUpload, startIcon: react_1.default.createElement(CloudUpload_1.default, null) }, ui_i18n_1.default.text('Upload'))),
         onDownload && onUpload && react_1.default.createElement("div", { className: styles.divider }),

package/cjs/components/ImageAttributesGallery/HeaderRight/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     downloadButton: {
         color: '#fff',
         fontSize: '24px',

package/cjs/components/ImageAttributesGallery/ImageAttributesGallery.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -18,10 +22,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -40,43 +48,43 @@ var HeaderLeft_1 = require("./HeaderLeft/HeaderLeft");
 var HeaderRight_1 = require("./HeaderRight/HeaderRight");
 var ImageAttributesGallery = function (_a) {
     var attributeValues = _a.attributeValues, open = _a.open, onClose = _a.onClose, currentAttributeValueUri = _a.currentAttributeValueUri, setCurrentAttributeValueUri = _a.setCurrentAttributeValueUri, attributeType = _a.attributeType, onDownload = _a.onDownload, onShareLink = _a.onShareLink, onSetAsDefault = _a.onSetAsDefault, onUpload = _a.onUpload, onDeleteAttribute = _a.onDeleteAttribute;
-    var _b = react_1.useState([]), selectedItems = _b[0], setSelectedItems = _b[1];
-    var _c = react_1.useState(ImageGalleryDialog_1.Mode.GALLERY_MODE), mode = _c[0], setMode = _c[1];
-    var isViewMode = react_redux_1.useSelector(mdm_module_1.default.selectors.getIsViewMode);
-    react_1.useEffect(function () {
+    var _b = (0, react_1.useState)([]), selectedItems = _b[0], setSelectedItems = _b[1];
+    var _c = (0, react_1.useState)(ImageGalleryDialog_1.Mode.GALLERY_MODE), mode = _c[0], setMode = _c[1];
+    var isViewMode = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getIsViewMode);
+    (0, react_1.useEffect)(function () {
         setMode(currentAttributeValueUri ? ImageGalleryDialog_1.Mode.DETAILS_MODE : ImageGalleryDialog_1.Mode.GALLERY_MODE);
     }, [currentAttributeValueUri]);
     var imageItems = attributeValues.map(function (attribute) { return ({
-        src: mdm_sdk_1.getImageAttributeOvThumbnailUrl(attribute),
-        downloadURL: mdm_sdk_1.getImageAttributeOvUrl(attribute),
+        src: (0, mdm_sdk_1.getImageAttributeOvThumbnailUrl)(attribute),
+        downloadURL: (0, mdm_sdk_1.getImageAttributeOvUrl)(attribute),
         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; }); });
     };
     var handleSelectAll = function () {
-        setSelectedItems(ramda_1.pluck('id', imageItems));
+        setSelectedItems((0, ramda_1.pluck)('id', imageItems));
     };
     var handleClearAll = function () {
         setSelectedItems([]);
     };
     var handleDownloadSelectedItems = function () {
         var downloadURLs = isGalleryMode
-            ? ramda_1.pipe(ramda_1.filter(function (_a) {
+            ? (0, ramda_1.pipe)((0, ramda_1.filter)(function (_a) {
                 var id = _a.id;
                 return selectedItems.includes(id);
-            }), ramda_1.pluck('downloadURL'))(imageItems)
-            : [imageItems.find(ramda_1.propEq('id', currentAttributeValueUri)).downloadURL];
+            }), (0, ramda_1.pluck)('downloadURL'))(imageItems)
+            : [imageItems.find((0, ramda_1.propEq)('id', currentAttributeValueUri)).downloadURL];
         onDownload(downloadURLs);
     };
     var handleDownload = function (id) {
-        onDownload([imageItems.find(ramda_1.propEq('id', id)).downloadURL]);
+        onDownload([imageItems.find((0, ramda_1.propEq)('id', id)).downloadURL]);
     };
     var handleShareLink = function (id) {
-        onShareLink(imageItems.find(ramda_1.propEq('id', id)).downloadURL);
+        onShareLink(imageItems.find((0, ramda_1.propEq)('id', id)).downloadURL);
     };
     var handleSharedCurrentItem = function () {
         handleShareLink(currentAttributeValueUri);

package/cjs/components/ImageDetailsView/ImageDetailsView.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -30,8 +34,8 @@ var ImageDetailsViewSidebar_1 = require("./ImageDetailsViewSidebar/ImageDetailsV
 var styles_1 = require("./styles");
 var ImageDetailsView = function (_a) {
     var _b = _a.attributeValues, attributeValues = _b === void 0 ? [] : _b, currentAttributeValueUri = _a.currentAttributeValueUri, setCurrentAttributeValueUri = _a.setCurrentAttributeValueUri, handleSetAsDefault = _a.handleSetAsDefault, attributeType = _a.attributeType;
-    var _c = react_1.useState(0), attributeValueIndex = _c[0], setAttributeValueIndex = _c[1];
-    react_1.useEffect(function () {
+    var _c = (0, react_1.useState)(0), attributeValueIndex = _c[0], setAttributeValueIndex = _c[1];
+    (0, react_1.useEffect)(function () {
         if (!currentAttributeValueUri) {
             onChangeAttributeValueIndex(0);
         }
@@ -39,12 +43,12 @@ var ImageDetailsView = function (_a) {
             onChangeAttributeValueIndex(attributeValues.findIndex(function (value) { return value.uri === currentAttributeValueUri; }));
         }
     }, [currentAttributeValueUri, attributeValues]);
-    var onChangeAttributeValueIndex = react_1.useCallback(function (index) {
+    var onChangeAttributeValueIndex = (0, react_1.useCallback)(function (index) {
         var _a;
         setAttributeValueIndex(index);
         setCurrentAttributeValueUri((_a = attributeValues[index]) === null || _a === void 0 ? void 0 : _a.uri);
     }, [attributeValues]);
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(Box_1.default, { className: styles.root },
         react_1.default.createElement(ImageDetailsViewCarousel_1.ImageDetailsViewCarousel, { attributeValueIndex: attributeValueIndex, setAttributeValueIndex: onChangeAttributeValueIndex, attributeValues: attributeValues, className: styles.main }),
         react_1.default.createElement(ImageDetailsViewSidebar_1.ImageDetailsViewSidebar, { handleSetAsDefault: handleSetAsDefault, attributeValue: attributeValues[attributeValueIndex], className: styles.details, attributeType: attributeType })));

package/cjs/components/ImageDetailsView/ImageDetailsViewCarousel/ImageDetailsViewCarousel.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -34,20 +38,20 @@ var styles_1 = require("./styles");
 var Thumbnails_1 = require("./Thumbnails/Thumbnails");
 var ImageDetailsViewCarousel = function (_a) {
     var className = _a.className, attributeValues = _a.attributeValues, attributeValueIndex = _a.attributeValueIndex, setAttributeValueIndex = _a.setAttributeValueIndex;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var attributeValue = attributeValues[attributeValueIndex];
-    var mainImageSrc = mdm_sdk_1.getImageAttributeOvPreviewUrl(attributeValue);
+    var mainImageSrc = (0, mdm_sdk_1.getImageAttributeOvPreviewUrl)(attributeValue);
     var onPrevImageButtonClick = function () {
         setAttributeValueIndex(attributeValueIndex - 1);
     };
     var onNextImageButtonClick = function () {
         setAttributeValueIndex(attributeValueIndex + 1);
     };
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className) },
         react_1.default.createElement("div", { className: styles.main },
-            attributeValueIndex > 0 && (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: NavigateBefore_1.default, className: classnames_1.default(styles.arrowButton, styles.arrowButtonPrev), onClick: onPrevImageButtonClick, size: "XL" })),
+            attributeValueIndex > 0 && (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: NavigateBefore_1.default, className: (0, classnames_1.default)(styles.arrowButton, styles.arrowButtonPrev), onClick: onPrevImageButtonClick, size: "XL" })),
             react_1.default.createElement(Image_1.default, { containerClassName: styles.mainImageContainer, className: styles.mainImage, size: mainImageSrc && Image_1.ImageSizesStyles.OVERRIDE, src: mainImageSrc }),
-            attributeValueIndex !== attributeValues.length - 1 && (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: NavigateNext_1.default, className: classnames_1.default(styles.arrowButton, styles.arrowButtonNext), onClick: onNextImageButtonClick, size: "XL" }))),
+            attributeValueIndex !== attributeValues.length - 1 && (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: NavigateNext_1.default, className: (0, classnames_1.default)(styles.arrowButton, styles.arrowButtonNext), onClick: onNextImageButtonClick, size: "XL" }))),
         react_1.default.createElement(Thumbnails_1.Thumbnails, { attributeValues: attributeValues, attributeValueIndex: attributeValueIndex, setAttributeValueIndex: setAttributeValueIndex })));
 };
 exports.ImageDetailsViewCarousel = ImageDetailsViewCarousel;

package/cjs/components/ImageDetailsView/ImageDetailsViewCarousel/Thumbnails/Thumbnails.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -34,9 +38,9 @@ exports.IMAGE_PADDING = 16;
 exports.CONTAINER_MARGIN = 12;
 var Thumbnails = function (_a) {
     var attributeValues = _a.attributeValues, setAttributeValueIndex = _a.setAttributeValueIndex, attributeValueIndex = _a.attributeValueIndex;
-    var styles = styles_1.useStyles();
-    var gridRef = react_1.useRef(null);
-    react_1.useEffect(function () {
+    var styles = (0, styles_1.useStyles)();
+    var gridRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
         if (gridRef === null || gridRef === void 0 ? void 0 : gridRef.current) {
             var containerScrollLeft = gridRef.current.scrollLeft;
             var containerOffsetWidth = gridRef.current.offsetWidth;
@@ -64,9 +68,9 @@ var Thumbnails = function (_a) {
             var _b;
             var uri = _a.uri, value = _a.value;
             return (react_1.default.createElement(Grid_1.default, { item: true, key: uri },
-                react_1.default.createElement(Image_1.default, { onClick: function () { return setAttributeValueIndex(index); }, className: classnames_1.default(styles.thumb, (_b = {},
+                react_1.default.createElement(Image_1.default, { onClick: function () { return setAttributeValueIndex(index); }, className: (0, classnames_1.default)(styles.thumb, (_b = {},
                         _b[styles.inactiveThumb] = attributeValueIndex !== index,
-                        _b)), src: mdm_sdk_1.getImageAttributeOvThumbnailUrl({ value: value }) })));
+                        _b)), src: (0, mdm_sdk_1.getImageAttributeOvThumbnailUrl)({ value: value }) })));
         }))));
 };
 exports.Thumbnails = Thumbnails;

package/cjs/components/ImageDetailsView/ImageDetailsViewCarousel/Thumbnails/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     thumbnails: {
         marginLeft: '12px',
         marginBottom: '12px',

package/cjs/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/cjs/components/ImageDetailsView/ImageDetailsViewCarousel/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         display: 'flex',
         alignContent: 'center',

package/cjs/components/ImageDetailsView/ImageDetailsViewSidebar/ImageDetailsViewSidebar.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -36,21 +40,21 @@ var MetaInfo_1 = require("../MetaInfo/MetaInfo");
 var styles_1 = require("./styles");
 var ImageDetailsViewSidebar = function (_a) {
     var className = _a.className, attributeValue = _a.attributeValue, handleSetAsDefault = _a.handleSetAsDefault, attributeType = _a.attributeType;
-    var styles = styles_1.useStyles();
-    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity) || {};
-    var modifiedEntity = react_redux_1.useSelector(function (state) { return mdm_module_1.default.selectors.getModifiedEntity(state, entity === null || entity === void 0 ? void 0 : entity.uri); }) || {};
-    var isViewMode = react_redux_1.useSelector(mdm_module_1.default.selectors.getIsViewMode);
+    var styles = (0, styles_1.useStyles)();
+    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity) || {};
+    var modifiedEntity = (0, react_redux_1.useSelector)(function (state) { return mdm_module_1.default.selectors.getModifiedEntity(state, entity === null || entity === void 0 ? void 0 : entity.uri); }) || {};
+    var isViewMode = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getIsViewMode);
     var entityToShow = isViewMode ? entity : modifiedEntity;
-    var imageAttributeConfig = react_redux_1.useSelector(mdm_module_1.default.selectors.getImageAttributesFieldsOrder) || {};
+    var imageAttributeConfig = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getImageAttributesFieldsOrder) || {};
     var imageAttributeFieldsOrder = imageAttributeConfig[entity === null || entity === void 0 ? void 0 : entity.type] || (imageAttributeConfig === null || imageAttributeConfig === void 0 ? void 0 : imageAttributeConfig.default) || {};
-    var _b = react_1.useState(false), isDefault = _b[0], setIsDefault = _b[1];
-    react_1.useEffect(function () {
+    var _b = (0, react_1.useState)(false), isDefault = _b[0], setIsDefault = _b[1];
+    (0, react_1.useEffect)(function () {
         setIsDefault((entityToShow === null || entityToShow === void 0 ? void 0 : entityToShow.defaultProfilePic) === (attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri));
     }, [attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, entityToShow]);
-    var handleChange = react_1.useCallback(function () {
+    var handleChange = (0, react_1.useCallback)(function () {
         handleSetAsDefault(attributeValue.uri);
     }, [attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri]);
-    return (react_1.default.createElement(Box_1.default, { className: classnames_1.default(styles.root, className) },
+    return (react_1.default.createElement(Box_1.default, { className: (0, classnames_1.default)(styles.root, className) },
         react_1.default.createElement(Box_1.default, { className: styles.header },
             react_1.default.createElement(Typography_1.default, { className: styles.headerTitle }, ui_i18n_1.default.text('Details'))),
         react_1.default.createElement(Box_1.default, { className: styles.bodyWrapper },

package/cjs/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/cjs/components/ImageDetailsView/ImageDetailsViewSidebar/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         position: 'relative',
         backgroundColor: '#333',
@@ -14,7 +14,7 @@ exports.useStyles = styles_1.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)',