@reltio/components 1.4.1313 → 1.4.1315

package/cjs/components/ReltioMap/helpers/index.js

@@ -1,8 +1,12 @@
 "use strict";
-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));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fitMapBoundsForOverlay = exports.fitMapBoundsForMarkers = exports.getDrawingMode = exports.getMapBoundsPolygon = void 0;
@@ -22,7 +26,7 @@ var getMapBoundsPolygon = function (map) {
         additionalPoint1.push([neLat, center.lng()]);
         additionalPoint2.push([swLat, center.lng()]);
     }
-    return __spreadArray(__spreadArray(__spreadArray(__spreadArray([[neLat, neLng]], additionalPoint1), [[neLat, swLng], [swLat, swLng]]), additionalPoint2), [[swLat, neLng]]);
+    return __spreadArray(__spreadArray(__spreadArray(__spreadArray([[neLat, neLng]], additionalPoint1, true), [[neLat, swLng], [swLat, swLng]], false), additionalPoint2, true), [[swLat, neLng]], false);
 };
 exports.getMapBoundsPolygon = getMapBoundsPolygon;
 var getDrawingMode = function (drawingMode) {
@@ -46,7 +50,7 @@ var fitMapBoundsForMarkers = function (markers, map, overlay) {
     }
     map.fitBounds(bounds);
     if (overlay) {
-        exports.fitMapBoundsForOverlay(map, overlay, bounds);
+        (0, exports.fitMapBoundsForOverlay)(map, overlay, bounds);
     }
 };
 exports.fitMapBoundsForMarkers = fitMapBoundsForMarkers;

package/cjs/components/ReltioMap/index.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];
@@ -49,60 +53,60 @@ var ON_MAP_MOVE_DEBOUNCE_INTERVAL = 1000;
 var libraries = ['drawing'];
 var useFitMapBounds = function (_a) {
     var markers = _a.markers, activeOverlay = _a.activeOverlay, isSearchOnMapMove = _a.isSearchOnMapMove, map = _a.map;
-    var prevMarkers = hooks_1.usePrevious(markers);
-    var prevActiveOverlay = hooks_1.usePrevious(activeOverlay);
+    var prevMarkers = (0, hooks_1.usePrevious)(markers);
+    var prevActiveOverlay = (0, hooks_1.usePrevious)(activeOverlay);
     var apiIsLoaded = map && window.google;
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (apiIsLoaded && !isSearchOnMapMove && markers.length && markers !== prevMarkers) {
-            helpers_1.fitMapBoundsForMarkers(markers, map, activeOverlay);
+            (0, helpers_1.fitMapBoundsForMarkers)(markers, map, activeOverlay);
         }
         else if (apiIsLoaded && activeOverlay && activeOverlay !== prevActiveOverlay) {
-            helpers_1.fitMapBoundsForOverlay(map, activeOverlay);
+            (0, helpers_1.fitMapBoundsForOverlay)(map, activeOverlay);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [map, markers, activeOverlay]);
 };
 var ReltioMap = function (_a) {
     var _b = _a.markers, markers = _b === void 0 ? [] : _b, mapKey = _a.mapKey, defaultZoom = _a.defaultZoom, defaultCenter = _a.defaultCenter, loadingElement = _a.loadingElement, isSearchOnMapMove = _a.isSearchOnMapMove, isSearchEnabled = _a.isSearchEnabled, activeOverlay = _a.activeOverlay, overlayOptions = _a.overlayOptions, _c = _a.drawingModes, drawingModes = _c === void 0 ? [] : _c, markerClusterer = _a.markerClusterer, markerClustererOptions = _a.markerClustererOptions, mapOptions = _a.mapOptions, mapContainerClassName = _a.mapContainerClassName, onMapBoundsChanged = _a.onMapBoundsChanged, onOverlayUpdated = _a.onOverlayUpdated, onMarkerClicked = _a.onMarkerClicked;
-    var styles = styles_1.useStyles();
-    var _d = api_1.useJsApiLoader({
+    var styles = (0, styles_1.useStyles)();
+    var _d = (0, api_1.useJsApiLoader)({
         googleMapsApiKey: mapKey,
         libraries: libraries
     }), isLoaded = _d.isLoaded, loadError = _d.loadError;
-    var mapMoveEndTimer = react_1.useRef(null);
-    var _e = react_1.useState(null), map = _e[0], setMap = _e[1];
-    var _f = react_1.useState(null), polygon = _f[0], setPolygon = _f[1];
-    var _g = react_1.useState(null), drawingMode = _g[0], setDrawingMode = _g[1];
+    var mapMoveEndTimer = (0, react_1.useRef)(null);
+    var _e = (0, react_1.useState)(null), map = _e[0], setMap = _e[1];
+    var _f = (0, react_1.useState)(null), polygon = _f[0], setPolygon = _f[1];
+    var _g = (0, react_1.useState)(null), drawingMode = _g[0], setDrawingMode = _g[1];
     useFitMapBounds({ markers: markers, activeOverlay: activeOverlay, map: map, isSearchOnMapMove: isSearchOnMapMove });
-    var allOverlayOptions = react_1.useMemo(function () { return (__assign(__assign({}, constants_1.DEFAULT_OVERLAY_OPTIONS), (overlayOptions || {}))); }, [overlayOptions]);
-    var googleMapOptions = react_1.useMemo(function () { return (__assign(__assign({}, constants_1.DEFAULT_GOOGLE_MAP_OPTIONS), (mapOptions || {}))); }, [mapOptions]);
-    var handleChangeIsSearchOnMapMove = react_1.useCallback(function (isSearchOnMapMove) {
-        onMapBoundsChanged(isSearchOnMapMove ? helpers_1.getMapBoundsPolygon(map) : null);
+    var allOverlayOptions = (0, react_1.useMemo)(function () { return (__assign(__assign({}, constants_1.DEFAULT_OVERLAY_OPTIONS), (overlayOptions || {}))); }, [overlayOptions]);
+    var googleMapOptions = (0, react_1.useMemo)(function () { return (__assign(__assign({}, constants_1.DEFAULT_GOOGLE_MAP_OPTIONS), (mapOptions || {}))); }, [mapOptions]);
+    var handleChangeIsSearchOnMapMove = (0, react_1.useCallback)(function (isSearchOnMapMove) {
+        onMapBoundsChanged(isSearchOnMapMove ? (0, helpers_1.getMapBoundsPolygon)(map) : null);
         setDrawingMode(null);
         clearTimeout(mapMoveEndTimer.current);
     }, [map, onMapBoundsChanged]);
-    var handleMapMoveStart = react_1.useCallback(function () {
+    var handleMapMoveStart = (0, react_1.useCallback)(function () {
         clearTimeout(mapMoveEndTimer.current);
     }, []);
-    var handleMapMoveEnd = react_1.useCallback(function () {
+    var handleMapMoveEnd = (0, react_1.useCallback)(function () {
         if (isSearchOnMapMove) {
-            onMapBoundsChanged(helpers_1.getMapBoundsPolygon(map));
+            onMapBoundsChanged((0, helpers_1.getMapBoundsPolygon)(map));
         }
     }, [isSearchOnMapMove, map, onMapBoundsChanged]);
-    var handleMapIdle = react_1.useCallback(function () {
+    var handleMapIdle = (0, react_1.useCallback)(function () {
         if (isSearchOnMapMove) {
             clearTimeout(mapMoveEndTimer.current);
             mapMoveEndTimer.current = setTimeout(handleMapMoveEnd, ON_MAP_MOVE_DEBOUNCE_INTERVAL);
         }
     }, [handleMapMoveEnd, isSearchOnMapMove]);
-    var handleOverlayChange = react_1.useCallback(function (e, propOverlay) {
+    var handleOverlayChange = (0, react_1.useCallback)(function (e, propOverlay) {
         var _a;
         var stateOverlay = propOverlay ||
             (polygon && {
                 type: constants_1.MAP_DRAWING_MODES.POLYGON,
                 overlay: polygon
             });
-        if (!ramda_1.isEmpty(stateOverlay) && typeof onOverlayUpdated === 'function') {
+        if (!(0, ramda_1.isEmpty)(stateOverlay) && typeof onOverlayUpdated === 'function') {
             var overlay_1 = stateOverlay.overlay, type = stateOverlay.type;
             var typeActions = (_a = {},
                 _a[constants_1.MAP_DRAWING_MODES.POLYGON] = function () {
@@ -119,17 +123,17 @@ var ReltioMap = function (_a) {
             data && onOverlayUpdated({ data: data, type: type });
         }
     }, [onOverlayUpdated, polygon]);
-    var handleOverlayComplete = react_1.useCallback(function (type) { return function (overlay) {
+    var handleOverlayComplete = (0, react_1.useCallback)(function (type) { return function (overlay) {
         handleOverlayChange(null, { type: type, overlay: overlay });
         overlay.setMap(null);
         setDrawingMode(null);
     }; }, [handleOverlayChange]);
-    var handleClearOverlay = react_1.useCallback(function () {
+    var handleClearOverlay = (0, react_1.useCallback)(function () {
         onOverlayUpdated(null);
     }, [onOverlayUpdated]);
     var renderMarkers = function (clusterer) {
         return markers
-            .filter(ramda_1.prop('point'))
+            .filter((0, ramda_1.prop)('point'))
             .map(function (marker) { return (react_1.default.createElement(EntityMarker_1.default, { key: marker.id, marker: marker, clusterer: clusterer, onClick: onMarkerClicked })); });
     };
     var renderMarkerClusterer = function (options) {
@@ -147,10 +151,10 @@ var ReltioMap = function (_a) {
         map && isSearchEnabled && (react_1.default.createElement(MapControlContrainer_1.MapControlContainer, { className: styles.mapControlContainer, position: window.google.maps.ControlPosition.TOP_CENTER, map: map },
             react_1.default.createElement(TopCenterMapControls_1.TopCenterMapControls, { onChangeIsSearchOnMapMove: handleChangeIsSearchOnMapMove, isSearchOnMapMove: isSearchOnMapMove }))),
         markerClusterer ? renderMarkerClusterer(markerClustererOptions) : renderMarkers(),
-        !helpers_1.getDrawingMode(drawingMode) &&
+        !(0, helpers_1.getDrawingMode)(drawingMode) &&
             activeOverlay &&
-            ramda_1.propEq('type', constants_1.MAP_DRAWING_MODES.POLYGON, activeOverlay) && (react_1.default.createElement(api_1.Polygon, { onLoad: setPolygon, path: activeOverlay.path, editable: true, options: allOverlayOptions, onMouseUp: handleOverlayChange, onDragEnd: handleOverlayChange })),
-        isSearchEnabled && Boolean(drawingModes.length) && (react_1.default.createElement(api_1.DrawingManager, { onPolygonComplete: handleOverlayComplete(constants_1.MAP_DRAWING_MODES.POLYGON), onCircleComplete: handleOverlayComplete(constants_1.MAP_DRAWING_MODES.CIRCLE), drawingMode: helpers_1.getDrawingMode(drawingMode), options: {
+            (0, ramda_1.propEq)('type', constants_1.MAP_DRAWING_MODES.POLYGON, activeOverlay) && (react_1.default.createElement(api_1.Polygon, { onLoad: setPolygon, path: activeOverlay.path, editable: true, options: allOverlayOptions, onMouseUp: handleOverlayChange, onDragEnd: handleOverlayChange })),
+        isSearchEnabled && Boolean(drawingModes.length) && (react_1.default.createElement(api_1.DrawingManager, { onPolygonComplete: handleOverlayComplete(constants_1.MAP_DRAWING_MODES.POLYGON), onCircleComplete: handleOverlayComplete(constants_1.MAP_DRAWING_MODES.CIRCLE), drawingMode: (0, helpers_1.getDrawingMode)(drawingMode), options: {
                 drawingControl: false,
                 circleOptions: allOverlayOptions,
                 polygonOptions: allOverlayOptions

package/cjs/components/ReltioMap/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)({
     mapControlContainer: {
         borderRadius: '2px',
         backgroundColor: '#FFFFFF',

package/cjs/components/RequiredMark/RequiredMark.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var styles_1 = require("./styles");
 var RequiredMark = function () {
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return react_1.default.createElement("span", { className: styles.mark }, "*");
 };
 exports.default = RequiredMark;

package/cjs/components/RequiredMark/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)({
     mark: {
         color: 'red'
     }

package/cjs/components/ResizablePanes/ResizablePanes.d.ts

@@ -24,4 +24,4 @@ declare namespace ResizablePanes {
     }
 }
 import PropTypes from "prop-types";
-declare const SizePropType: PropTypes.Requireable<string | number>;
+declare const SizePropType: PropTypes.Requireable<NonNullable<string | number>>;

package/cjs/components/ResizablePanes/ResizablePanes.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];
@@ -33,22 +37,22 @@ var HANDLE_CHANGE_DEBOUNCE_INTERVAL = 250;
 var isHorizontal = function (orientation) { return orientation === 'horizontal'; };
 var ResizablePanes = function (_a) {
     var className = _a.className, children = _a.children, orientation = _a.orientation, defaultSize = _a.defaultSize, size = _a.size, minSize = _a.minSize, maxSize = _a.maxSize, allowResize = _a.allowResize, onChange = _a.onChange;
-    var styles = styles_2.useStyles();
-    var theme = styles_1.useTheme();
-    var _b = react_1.useState(), containerEl = _b[0], setContainerEl = _b[1];
-    var _c = react_1.useState(true), isPaneAnimationEnabled = _c[0], setIsPaneAnimationEnabled = _c[1];
-    var enableAnimation = react_1.useCallback(function () { return setIsPaneAnimationEnabled(true); }, []);
-    var disableAnimation = react_1.useCallback(function () { return setIsPaneAnimationEnabled(false); }, []);
+    var styles = (0, styles_2.useStyles)();
+    var theme = (0, styles_1.useTheme)();
+    var _b = (0, react_1.useState)(), containerEl = _b[0], setContainerEl = _b[1];
+    var _c = (0, react_1.useState)(true), isPaneAnimationEnabled = _c[0], setIsPaneAnimationEnabled = _c[1];
+    var enableAnimation = (0, react_1.useCallback)(function () { return setIsPaneAnimationEnabled(true); }, []);
+    var disableAnimation = (0, react_1.useCallback)(function () { return setIsPaneAnimationEnabled(false); }, []);
     var getContainerSize = function () { return (isHorizontal(orientation) ? containerEl === null || containerEl === void 0 ? void 0 : containerEl.clientHeight : containerEl === null || containerEl === void 0 ? void 0 : containerEl.clientWidth); };
-    var handleChange = react_1.useCallback(mdm_sdk_1.debounce(function (size) {
+    var handleChange = (0, react_1.useCallback)((0, mdm_sdk_1.debounce)(function (size) {
         var containerSize = getContainerSize();
         onChange({
-            percentageSize: (size / containerSize) * 100 + "%",
+            percentageSize: "".concat((size / containerSize) * 100, "%"),
             isMaxSize: maxSize > 0 ? size === maxSize : size === containerSize + maxSize,
             isMinSize: size === minSize
         });
     }, HANDLE_CHANGE_DEBOUNCE_INTERVAL), [onChange, orientation, maxSize, containerEl]);
-    var paneAnimationStyle = react_1.useMemo(function () { return ({
+    var paneAnimationStyle = (0, react_1.useMemo)(function () { return ({
         transition: theme.transitions.create(isHorizontal(orientation) ? 'height' : 'width', {
             easing: theme.transitions.easing.sharp,
             duration: theme.transitions.duration.leavingScreen
@@ -57,7 +61,7 @@ var ResizablePanes = function (_a) {
     if (typeof size === 'number' && size < 0) {
         size = (getContainerSize() || 0) + size;
     }
-    return (react_1.default.createElement("div", { ref: setContainerEl, className: classnames_1.default(styles.container, className) },
+    return (react_1.default.createElement("div", { ref: setContainerEl, className: (0, classnames_1.default)(styles.container, className) },
         react_1.default.createElement(react_split_pane_1.default, { split: orientation, size: size, allowResize: allowResize, onChange: handleChange, defaultSize: defaultSize, minSize: minSize, maxSize: maxSize, onDragStarted: disableAnimation, onDragFinished: enableAnimation, pane1Style: isPaneAnimationEnabled ? paneAnimationStyle : undefined }, children)));
 };
 var SizePropType = prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]);

package/cjs/components/ResizablePanes/styles.js

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

package/cjs/components/ScrollableTabs/ScrollableTabs.js

@@ -32,7 +32,7 @@ var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/Ex
 var styles_1 = require("./styles");
 var ScrollableTabs = function (_a) {
     var value = _a.value, _b = _a.tabs, tabs = _b === void 0 ? [] : _b, onChange = _a.onChange, tabClasses = _a.tabClasses, otherProps = __rest(_a, ["value", "tabs", "onChange", "tabClasses"]);
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var renderLabel = function (label, additionalLabel) { return (react_1.default.createElement("span", { className: styles.labelWrapper },
         react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label },
             react_1.default.createElement("span", { className: styles.label }, label)),

package/cjs/components/ScrollableTabs/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)({
     tabsRoot: {
         width: '100%'
     },

package/cjs/components/SearchHighlighter/SearchHighlighter.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];
@@ -28,8 +32,8 @@ var Highlighter_1 = __importDefault(require("../Highlighter/Highlighter"));
 var styles_1 = require("./styles");
 var SearchHighlighter = function (_a) {
     var text = _a.text;
-    var styles = styles_1.useStyles();
-    var keywordValue = react_1.useContext(contexts_1.SearchValueContext);
+    var styles = (0, styles_1.useStyles)();
+    var keywordValue = (0, react_1.useContext)(contexts_1.SearchValueContext);
     return react_1.default.createElement(Highlighter_1.default, { text: text, highlight: keywordValue, className: styles.highlightedText, multiTerm: true });
 };
 exports.default = SearchHighlighter;

package/cjs/components/SearchHighlighter/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)({
     highlightedText: {
         background: 'rgb(255, 235, 203)'
     }

package/cjs/components/SearchInput/SearchInput.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];
@@ -57,12 +61,12 @@ var SmallIconButton_1 = __importDefault(require("../SmallIconButton/SmallIconBut
 var styles_1 = require("./styles");
 var SearchInput = function (_a) {
     var value = _a.value, autofocus = _a.autofocus, _b = _a.onSearch, onSearch = _b === void 0 ? core_1.noop : _b, rootRef = _a.rootRef, _c = _a.classes, classes = _c === void 0 ? {} : _c, height = _a.height, _d = _a.placeholder, placeholder = _d === void 0 ? ui_i18n_1.default.text('Search') : _d, otherProps = __rest(_a, ["value", "autofocus", "onSearch", "rootRef", "classes", "height", "placeholder"]);
-    var styles = styles_1.useStyles({ height: height });
-    var _e = react_1.useState(''), localValue = _e[0], setLocalValue = _e[1];
-    var updateValue = ramda_1.pipe(ramda_1.tap(onSearch), setLocalValue);
+    var styles = (0, styles_1.useStyles)({ height: height });
+    var _e = (0, react_1.useState)(''), localValue = _e[0], setLocalValue = _e[1];
+    var updateValue = (0, ramda_1.pipe)((0, ramda_1.tap)(onSearch), setLocalValue);
     var clearValue = function () { return updateValue(''); };
-    var inputValue = ramda_1.isNil(value) ? localValue : value;
+    var inputValue = (0, ramda_1.isNil)(value) ? localValue : value;
     return (react_1.default.createElement(Input_1.default, __assign({ startAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "start" },
-            react_1.default.createElement(Search_1.default, { className: styles.icon })), endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end" }, inputValue.length > 0 && (react_1.default.createElement(SmallIconButton_1.default, { icon: Close_1.default, className: styles.clearButton, onClick: clearValue }))), autoFocus: autofocus, classes: __assign(__assign({}, classes), { input: classnames_1.default(styles.input, classes.input), root: classnames_1.default(styles.container, classes.root) }), placeholder: placeholder, value: inputValue, onChange: ramda_1.pipe(core_1.getValue, updateValue), disableUnderline: true, ref: rootRef }, otherProps)));
+            react_1.default.createElement(Search_1.default, { className: styles.icon })), endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end" }, inputValue.length > 0 && (react_1.default.createElement(SmallIconButton_1.default, { icon: Close_1.default, className: styles.clearButton, onClick: clearValue }))), autoFocus: autofocus, classes: __assign(__assign({}, classes), { input: (0, classnames_1.default)(styles.input, classes.input), root: (0, classnames_1.default)(styles.container, classes.root) }), placeholder: placeholder, value: inputValue, onChange: (0, ramda_1.pipe)(core_1.getValue, updateValue), disableUnderline: true, ref: rootRef }, otherProps)));
 };
-exports.default = react_1.memo(SearchInput);
+exports.default = (0, react_1.memo)(SearchInput);

package/cjs/components/SearchInput/WhiteSearchInput.js

@@ -30,7 +30,7 @@ var SearchInput_1 = __importDefault(require("./SearchInput"));
 var styles_1 = require("./styles");
 var WhiteSearchInput = function (_a) {
     var classes = _a.classes, otherProps = __rest(_a, ["classes"]);
-    var styles = styles_1.useStyles({});
+    var styles = (0, styles_1.useStyles)({});
     return (react_1.default.createElement(SearchInput_1.default, __assign({ classes: __assign(__assign({}, classes), { focused: styles.white }) }, otherProps)));
 };
 exports.default = WhiteSearchInput;

package/cjs/components/SearchInput/styles.d.ts

@@ -1,5 +1,5 @@
 declare type StylesProps = {
     height?: number;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "white" | "input" | "container" | "clearButton">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"white" | "icon" | "input" | "container" | "clearButton">;
 export {};

package/cjs/components/SearchInput/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 ({
     container: function (_a) {
         var _b = _a.height, height = _b === void 0 ? 36 : _b;
         return {

package/cjs/components/SelectAttributesList/SelectAttributesList.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];
@@ -58,18 +62,18 @@ var ITEM_HEIGHT = 28;
 var ITEM_GROUP_TITLE_HEIGHT = 40;
 var SelectAttributesList = function (_a) {
     var selectedAttributes = _a.selectedAttributes, onItemClick = _a.onItemClick, focusIndex = _a.focusIndex, hideCheckBox = _a.hideCheckBox, otherProps = __rest(_a, ["selectedAttributes", "onItemClick", "focusIndex", "hideCheckBox"]);
-    var styles = styles_1.useStyles();
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
+    var styles = (0, styles_1.useStyles)();
+    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
     var getItemSize = function (i, item) { return (item.items ? ITEM_GROUP_TITLE_HEIGHT : ITEM_HEIGHT); };
-    var renderGroupTitle = function (style, item) { return (react_1.default.createElement(ListItem_1.default, { component: 'div', className: styles.subHeader, style: style, key: "group-" + item.item.id },
+    var renderGroupTitle = function (style, item) { return (react_1.default.createElement(ListItem_1.default, { component: 'div', className: styles.subHeader, style: style, key: "group-".concat(item.item.id) },
         item.item.needGroupIcon && react_1.default.createElement(AttributeGroupIcon_1.default, { group: item.item, metadata: metadata }),
         item.item.title)); };
     var renderItem = function (style, _a, index) {
         var item = _a.item, level = _a.level, groupId = _a.groupId, groupName = _a.groupName;
-        var checked = helpers_1.checkAttributeIncludes(item, selectedAttributes);
+        var checked = (0, helpers_1.checkAttributeIncludes)(item, selectedAttributes);
         var isFocused = index === focusIndex;
-        return (react_1.default.createElement(AttributeListItem_1.default, { key: "item-" + groupId + "-" + item.fieldName, onClick: onItemClick, checked: checked, data: __assign(__assign({}, item), { groupName: groupName }), notSelectable: item.notSelectable, hideCheckBox: hideCheckBox, label: react_1.default.createElement(Highlighter_1.default, { text: item.title, highlight: item.filterText }), labelInText: item.title, level: level, style: style, isFocused: isFocused, groupId: groupId, LogoIcon: item.LogoIcon }));
+        return (react_1.default.createElement(AttributeListItem_1.default, { key: "item-".concat(groupId, "-").concat(item.fieldName), onClick: onItemClick, checked: checked, data: __assign(__assign({}, item), { groupName: groupName }), notSelectable: item.notSelectable, hideCheckBox: hideCheckBox, label: react_1.default.createElement(Highlighter_1.default, { text: item.title, highlight: item.filterText }), labelInText: item.title, level: level, style: style, isFocused: isFocused, groupId: groupId, LogoIcon: item.LogoIcon }));
     };
     return (react_1.default.createElement(VirtualGroupedList_1.default, __assign({ getItemSize: getItemSize, renderItem: renderItem, renderGroupTitle: renderGroupTitle, focusIndex: focusIndex }, otherProps)));
 };
-exports.default = react_1.memo(SelectAttributesList);
+exports.default = (0, react_1.memo)(SelectAttributesList);

package/cjs/components/SelectAttributesList/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)({
     subHeader: {
         backgroundColor: '#f5f5f5',
         padding: '0 16px',

package/cjs/components/SelectionPopup/SelectionPopup.js

@@ -39,12 +39,12 @@ var SelectionPopup = function (_a) {
         vertical: 'top',
         horizontal: 'right'
     } : _d, otherProps = __rest(_a, ["title", "className", "onSearch", "hideTitle", "hideSearchInput", "headerPlacement", "containerWidth", "containerHeight", "searchInputOnKeyDown", "children", "searchInputRef", "anchorOrigin", "transformOrigin"]);
-    var classes = styles_js_1.default({ containerWidth: containerWidth, containerHeight: containerHeight });
+    var classes = (0, styles_js_1.default)({ containerWidth: containerWidth, containerHeight: containerHeight });
     var header = (react_1.default.createElement(react_1.default.Fragment, null,
         !hideTitle && react_1.default.createElement("div", { className: classes.header }, title),
         !hideSearchInput && (react_1.default.createElement(SearchInput_1.default, { onSearch: onSearch, autofocus: true, onKeyDown: searchInputOnKeyDown, inputRef: searchInputRef, classes: { root: classes.searchInputContainer }, placeholder: ui_i18n_1.default.text('Search & add attributes'), height: 40 }))));
     return (react_1.default.createElement(Popover_1.default, __assign({ anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, otherProps),
-        react_1.default.createElement("div", { className: classnames_1.default(classes.container, className), style: { width: containerWidth } },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(classes.container, className), style: { width: containerWidth } },
             headerPlacement === 'top' && header,
             react_1.default.createElement("div", { className: classes.list }, children),
             headerPlacement === 'bottom' && header)));

package/cjs/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.js

@@ -22,7 +22,7 @@ var Grow_1 = __importDefault(require("@material-ui/core/Grow"));
 var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
 var SelectionPopupPopper = function (_a) {
     var open = _a.open, anchorEl = _a.anchorEl, className = _a.className, onClose = _a.onClose, containerWidth = _a.containerWidth, containerHeight = _a.containerHeight, paperProps = _a.paperProps, listContent = _a.listContent, externalInputField = _a.externalInputField, _b = _a.classes, classes = _b === void 0 ? {} : _b;
-    var commonStyles = styles_js_1.default({
+    var commonStyles = (0, styles_js_1.default)({
         containerWidth: containerWidth,
         containerHeight: containerHeight
     });
@@ -32,7 +32,7 @@ var SelectionPopupPopper = function (_a) {
             var TransitionProps = _a.TransitionProps;
             return (react_1.default.createElement(Grow_1.default, __assign({}, TransitionProps),
                 react_1.default.createElement(Paper_1.default, __assign({ elevation: 2 }, paperProps),
-                    react_1.default.createElement("div", { className: classnames_1.default(commonStyles.container, className), style: { width: containerWidth } },
+                    react_1.default.createElement("div", { className: (0, classnames_1.default)(commonStyles.container, className), style: { width: containerWidth } },
                         react_1.default.createElement("div", { className: commonStyles.list }, listContent)))));
         })));
 };

package/cjs/components/SelectionPopup/helpers.js

@@ -6,33 +6,33 @@ var ramda_1 = require("ramda");
 var VirtualGroupedList_1 = require("../VirtualGroupedList/VirtualGroupedList");
 var useKeyboardNavigation = function (_a) {
     var items = _a.items, open = _a.open, onSelectFocusedItem = _a.onSelectFocusedItem, selectedItems = _a.selectedItems, onClose = _a.onClose;
-    var _b = react_1.useState(null), focusIndex = _b[0], setFocusIndex = _b[1];
-    var restoreFocusIndex = react_1.useRef(false);
-    var increaseFocusIndex = react_1.useCallback(function (currentIndex) {
+    var _b = (0, react_1.useState)(null), focusIndex = _b[0], setFocusIndex = _b[1];
+    var restoreFocusIndex = (0, react_1.useRef)(false);
+    var increaseFocusIndex = (0, react_1.useCallback)(function (currentIndex) {
         var newIndex = currentIndex === null ? increaseFocusIndex(-1) : currentIndex;
         while (currentIndex !== null &&
             newIndex < items.length &&
-            (newIndex <= currentIndex || (newIndex >= 0 && VirtualGroupedList_1.isTitleItem(items[newIndex])))) {
+            (newIndex <= currentIndex || (newIndex >= 0 && (0, VirtualGroupedList_1.isTitleItem)(items[newIndex])))) {
             newIndex += 1;
         }
         return newIndex !== items.length ? newIndex : increaseFocusIndex(-1);
     }, [items]);
-    var decreaseFocusIndex = react_1.useCallback(function (currentIndex) {
+    var decreaseFocusIndex = (0, react_1.useCallback)(function (currentIndex) {
         var newIndex = currentIndex === null ? items.length - 1 : currentIndex;
         while (currentIndex !== null &&
             newIndex >= 0 &&
-            (newIndex >= currentIndex || VirtualGroupedList_1.isTitleItem(items[newIndex]))) {
+            (newIndex >= currentIndex || (0, VirtualGroupedList_1.isTitleItem)(items[newIndex]))) {
             newIndex -= 1;
         }
         return newIndex < 0 ? items.length - 1 : newIndex;
     }, [items]);
-    var handleSelectFocusedItem = react_1.useCallback(function () {
-        if (!ramda_1.isNil(focusIndex)) {
+    var handleSelectFocusedItem = (0, react_1.useCallback)(function () {
+        if (!(0, ramda_1.isNil)(focusIndex)) {
             var item = items[focusIndex].item;
             !item.item.notSelectable && onSelectFocusedItem({ item: item.item, groupData: item });
         }
     }, [onSelectFocusedItem, items, focusIndex]);
-    var handleKeyDown = react_1.useCallback(function (event) {
+    var handleKeyDown = (0, react_1.useCallback)(function (event) {
         if (items.length === 0) {
             return;
         }
@@ -58,7 +58,7 @@ var useKeyboardNavigation = function (_a) {
                 return;
         }
     }, [items, increaseFocusIndex, decreaseFocusIndex, handleSelectFocusedItem, onClose]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (restoreFocusIndex.current) {
             restoreFocusIndex.current = false;
             var moveIndex = items.findIndex(function (listItem) { return listItem.item.moveTo; });

package/cjs/components/SelectionPopup/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/core/styles");
 var margin = '16px';
-var useStyles = styles_1.makeStyles(function () { return ({
+var useStyles = (0, styles_1.makeStyles)(function () { return ({
     container: function (_a) {
         var _b = _a.containerHeight, containerHeight = _b === void 0 ? 553 : _b, containerWidth = _a.containerWidth;
         return {
@@ -23,7 +23,7 @@ var useStyles = styles_1.makeStyles(function () { return ({
         lineHeight: '24px'
     },
     searchInputContainer: {
-        margin: "0 " + margin + " 12px " + margin,
+        margin: "0 ".concat(margin, " 12px ").concat(margin),
         flexShrink: '0'
     },
     list: {

package/cjs/components/SelectorWithOnlyOptionAutoSelect/SelectorWithOnlyOptionAutoSelect.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 };
@@ -34,10 +42,10 @@ var styles_1 = require("./styles");
 var DropDownEditor_1 = __importDefault(require("../editors/DropDownEditor/DropDownEditor"));
 var SelectorWithOnlyOptionAutoSelect = function (_a) {
     var value = _a.value, onChange = _a.onChange, options = _a.options, _b = _a.classes, classes = _b === void 0 ? {} : _b, emptyLabel = _a.emptyLabel;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var firstOption = options[0], moreOptions = options.slice(1);
     var hasOnlyOneOptionToSelect = moreOptions.length === 0;
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (hasOnlyOneOptionToSelect && value !== firstOption.value) {
             onChange(firstOption.value);
         }
@@ -53,7 +61,7 @@ var SelectorWithOnlyOptionAutoSelect = function (_a) {
             classes: {
                 list: classes.selectMenu || styles.selectMenu
             }
-        }, value: value || '', entries: displayEmpty ? __spreadArray([{ value: '', label: emptyLabel }], options) : options, onChange: function (value) { return onChange(value || null); } }))));
+        }, value: value || '', entries: displayEmpty ? __spreadArray([{ value: '', label: emptyLabel }], options, true) : options, onChange: function (value) { return onChange(value || null); } }))));
 };
 SelectorWithOnlyOptionAutoSelect.propTypes = {
     value: prop_types_1.default.string,

package/cjs/components/SelectorWithOnlyOptionAutoSelect/styles.d.ts

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

package/cjs/components/SelectorWithOnlyOptionAutoSelect/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)({
     onlyValue: {
         color: 'rgba(0,0,0,.6)',
         fontSize: '13px',