@reltio/components 1.4.1158 → 1.4.1161

package/cjs/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -37,7 +37,7 @@ var FilterSelector_1 = __importDefault(require("./components/FilterSelector/Filt
 var RowActions_1 = __importDefault(require("./components/RowActions/RowActions"));
 var QueryBuilderRowsGroup_1 = __importDefault(require("../QueryBuilderRowsGroup/QueryBuilderRowsGroup"));
 var AttributeSelector_1 = __importDefault(require("./components/AttributeSelector/AttributeSelector"));
-var ValueEditor_1 = __importDefault(require("./components/ValueEditor/ValueEditor"));
+var ValuesEditor_1 = __importDefault(require("./components/ValuesEditor/ValuesEditor"));
 var styles_1 = require("./styles");
 var EMPTY_FILTER = { fieldName: null, filter: null, values: [] };
 var Stub = function () { return null; };
@@ -107,6 +107,6 @@ var AttributesFiltersBuilder = function (_a) {
     var addNewFilter = react_1.useCallback(function (newFilter) {
         onChange(__spreadArray(__spreadArray([], actualFilters.current), [newFilter]));
     }, [onChange]);
-    return (react_1.default.createElement(QueryBuilderRowsGroup_1.default, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector_1.default, FilterSelectorComponent: FilterSelector_1.default, ValuesEditorComponent: ValueEditor_1.default, ActionsComponent: RowActions_1.default, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow }));
+    return (react_1.default.createElement(QueryBuilderRowsGroup_1.default, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector_1.default, FilterSelectorComponent: FilterSelector_1.default, ValuesEditorComponent: ValuesEditor_1.default, ActionsComponent: RowActions_1.default, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow }));
 };
 exports.default = react_1.memo(AttributesFiltersBuilder);

package/cjs/components/AttributesFiltersBuilder/components/{ValueEditor → ValuesEditor}/styles.js

@@ -18,6 +18,8 @@ exports.useStyles = styles_1.makeStyles(function () { return ({
         margin: 0
     },
     valuesEditor: {
+        display: 'flex',
+        alignItems: 'center',
         width: '222px!important',
         minHeight: '40px',
         flexShrink: 0

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "secondaryLabel" | "item" | "inactive" | "selected" | "avatar" | "clickable" | "info" | "@keyframes animate" | "highlighted" | "justImported" | "businessCard" | "secondRow">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "item" | "image" | "secondaryLabel" | "inactive" | "selected" | "avatar" | "clickable" | "info" | "@keyframes animate" | "highlighted" | "justImported" | "businessCard" | "secondRow">;

package/cjs/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.js

@@ -9,7 +9,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Button_1 = __importDefault(require("@material-ui/core/Button"));
 var HOCs_1 = require("../../../../HOCs");
 var HighlightOff_1 = __importDefault(require("@material-ui/icons/HighlightOff"));
-var constants_1 = require("../../constants");
+var constants_1 = require("../../../../constants");
 var Radius_1 = __importDefault(require("../../../../icons/Radius"));
 var Draw_1 = __importDefault(require("../../../../icons/Draw"));
 var styles_1 = require("./styles");

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

@@ -6,7 +6,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fitMapBoundsForOverlay = exports.fitMapBoundsForMarkers = exports.getDrawingMode = exports.getMapBoundsPolygon = void 0;
-var constants_1 = require("../constants");
+var constants_1 = require("../../../constants");
 var getMapBoundsPolygon = function (map) {
     var bounds = map.getBounds();
     var ne = bounds.getNorthEast();

package/cjs/components/ReltioMap/index.d.ts

@@ -15,6 +15,7 @@ declare type Props = {
     drawingModes?: DrawingModes;
     markerClusterer?: boolean;
     markerClustererOptions?: MarkerClustererProps['options'];
+    mapOptions?: google.maps.MapOptions;
     mapContainerClassName: string;
     onMapBoundsChanged?: (value: MapBounds | null) => void;
     onOverlayUpdated?: (value: {
@@ -23,5 +24,5 @@ declare type Props = {
     }) => void;
     onMarkerClicked?: (value: Marker) => void;
 };
-export declare const ReltioMap: ({ markers, mapKey, defaultZoom, defaultCenter, loadingElement, isSearchOnMapMove, isSearchEnabled, activeOverlay, overlayOptions, drawingModes, markerClusterer, markerClustererOptions, mapContainerClassName, onMapBoundsChanged, onOverlayUpdated, onMarkerClicked }: Props) => JSX.Element;
+export declare const ReltioMap: ({ markers, mapKey, defaultZoom, defaultCenter, loadingElement, isSearchOnMapMove, isSearchEnabled, activeOverlay, overlayOptions, drawingModes, markerClusterer, markerClustererOptions, mapOptions, mapContainerClassName, onMapBoundsChanged, onOverlayUpdated, onMarkerClicked }: Props) => JSX.Element;
 export {};

package/cjs/components/ReltioMap/index.js

@@ -63,7 +63,7 @@ var useFitMapBounds = function (_a) {
     }, [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, mapContainerClassName = _a.mapContainerClassName, onMapBoundsChanged = _a.onMapBoundsChanged, onOverlayUpdated = _a.onOverlayUpdated, onMarkerClicked = _a.onMarkerClicked;
+    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({
         googleMapsApiKey: mapKey,
@@ -75,6 +75,7 @@ var ReltioMap = function (_a) {
     var _g = 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);
         setDrawingMode(null);
@@ -140,11 +141,7 @@ var ReltioMap = function (_a) {
     if (!isLoaded) {
         return loadingElement;
     }
-    return (react_1.default.createElement(api_1.GoogleMap, { mapTypeId: window.google.maps.MapTypeId.ROADMAP, options: {
-            mapTypeControl: false,
-            streetViewControl: false,
-            fullscreenControl: false
-        }, onLoad: setMap, zoom: defaultZoom, center: defaultCenter, onZoomChanged: handleMapMoveStart, onDragStart: handleMapMoveStart, onIdle: handleMapIdle, mapContainerClassName: mapContainerClassName },
+    return (react_1.default.createElement(api_1.GoogleMap, { mapTypeId: window.google.maps.MapTypeId.ROADMAP, options: googleMapOptions, onLoad: setMap, zoom: defaultZoom, center: defaultCenter, onZoomChanged: handleMapMoveStart, onDragStart: handleMapMoveStart, onIdle: handleMapIdle, mapContainerClassName: mapContainerClassName },
         map && isSearchEnabled && Boolean(drawingModes.length) && (react_1.default.createElement(MapControlContrainer_1.MapControlContainer, { className: styles.mapControlContainer, position: window.google.maps.ControlPosition.TOP_RIGHT, map: map },
             react_1.default.createElement(TopRightMapControls_1.TopRightMapControls, { hasActiveOverlay: !!activeOverlay, drawingModes: drawingModes, drawingMode: drawingMode, onDrawingModeChanged: setDrawingMode, onClearOverlay: handleClearOverlay }))),
         map && isSearchEnabled && (react_1.default.createElement(MapControlContrainer_1.MapControlContainer, { className: styles.mapControlContainer, position: window.google.maps.ControlPosition.TOP_CENTER, map: map },

package/cjs/constants/index.d.ts

@@ -1,4 +1,4 @@
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from "./classnames";
 export { ALWAYS_VISIBLE_TYPE_URIS } from "./attributes";
 export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeType, QueryBuilderAttributeDataType } from "./prop-types";
-export { MAP_DRAWING_MODES, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from "./map";
+export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from "./map";

package/cjs/constants/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.MAP_DRAWING_MODES = exports.ALWAYS_VISIBLE_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeDataType = exports.QueryBuilderAttributeType = exports.ColumnsDataType = exports.ColumnFilterType = exports.SortingType = void 0;
+exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.MAP_DRAWING_MODES = exports.ALWAYS_VISIBLE_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeDataType = exports.QueryBuilderAttributeType = exports.ColumnsDataType = exports.ColumnFilterType = exports.SortingType = void 0;
 var prop_types_1 = require("./prop-types");
 Object.defineProperty(exports, "SortingType", { enumerable: true, get: function () { return prop_types_1.SortingType; } });
 Object.defineProperty(exports, "ColumnFilterType", { enumerable: true, get: function () { return prop_types_1.ColumnFilterType; } });
@@ -13,5 +13,6 @@ var attributes_1 = require("./attributes");
 Object.defineProperty(exports, "ALWAYS_VISIBLE_TYPE_URIS", { enumerable: true, get: function () { return attributes_1.ALWAYS_VISIBLE_TYPE_URIS; } });
 var map_1 = require("./map");
 Object.defineProperty(exports, "MAP_DRAWING_MODES", { enumerable: true, get: function () { return map_1.MAP_DRAWING_MODES; } });
+Object.defineProperty(exports, "DEFAULT_GOOGLE_MAP_OPTIONS", { enumerable: true, get: function () { return map_1.DEFAULT_GOOGLE_MAP_OPTIONS; } });
 Object.defineProperty(exports, "DEFAULT_OVERLAY_OPTIONS", { enumerable: true, get: function () { return map_1.DEFAULT_OVERLAY_OPTIONS; } });
 Object.defineProperty(exports, "MAP_MINIMUM_SCALE_RADIUS", { enumerable: true, get: function () { return map_1.MAP_MINIMUM_SCALE_RADIUS; } });

package/cjs/constants/map.d.ts

@@ -11,4 +11,9 @@ export declare const DEFAULT_OVERLAY_OPTIONS: {
     editable: boolean;
     zIndex: number;
 };
+export declare const DEFAULT_GOOGLE_MAP_OPTIONS: {
+    mapTypeControl: boolean;
+    streetViewControl: boolean;
+    fullscreenControl: boolean;
+};
 export declare const MAP_MINIMUM_SCALE_RADIUS = 0.001;

package/cjs/constants/map.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.MAP_DRAWING_MODES = void 0;
+exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.DEFAULT_OVERLAY_OPTIONS = exports.MAP_DRAWING_MODES = void 0;
 exports.MAP_DRAWING_MODES = {
     CIRCLE: 'circle',
     POLYGON: 'polygon'
@@ -14,4 +14,9 @@ exports.DEFAULT_OVERLAY_OPTIONS = {
     editable: true,
     zIndex: 1
 };
+exports.DEFAULT_GOOGLE_MAP_OPTIONS = {
+    mapTypeControl: false,
+    streetViewControl: false,
+    fullscreenControl: false
+};
 exports.MAP_MINIMUM_SCALE_RADIUS = 0.001;

package/esm/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -13,7 +13,7 @@ import FilterSelector from './components/FilterSelector/FilterSelector';
 import RowActions from './components/RowActions/RowActions';
 import QueryBuilderRowsGroup from '../QueryBuilderRowsGroup/QueryBuilderRowsGroup';
 import AttributeSelector from './components/AttributeSelector/AttributeSelector';
-import ValueEditor from './components/ValueEditor/ValueEditor';
+import ValuesEditor from './components/ValuesEditor/ValuesEditor';
 import { useStyles } from './styles';
 var EMPTY_FILTER = { fieldName: null, filter: null, values: [] };
 var Stub = function () { return null; };
@@ -83,6 +83,6 @@ var AttributesFiltersBuilder = function (_a) {
     var addNewFilter = useCallback(function (newFilter) {
         onChange(__spreadArray(__spreadArray([], actualFilters.current), [newFilter]));
     }, [onChange]);
-    return (React.createElement(QueryBuilderRowsGroup, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector, FilterSelectorComponent: FilterSelector, ValuesEditorComponent: ValueEditor, ActionsComponent: RowActions, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow }));
+    return (React.createElement(QueryBuilderRowsGroup, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector, FilterSelectorComponent: FilterSelector, ValuesEditorComponent: ValuesEditor, ActionsComponent: RowActions, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow }));
 };
 export default memo(AttributesFiltersBuilder);

package/esm/components/AttributesFiltersBuilder/components/{ValueEditor → ValuesEditor}/styles.js

@@ -15,6 +15,8 @@ export var useStyles = makeStyles(function () { return ({
         margin: 0
     },
     valuesEditor: {
+        display: 'flex',
+        alignItems: 'center',
         width: '222px!important',
         minHeight: '40px',
         flexShrink: 0

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "secondaryLabel" | "item" | "inactive" | "selected" | "avatar" | "clickable" | "info" | "@keyframes animate" | "highlighted" | "justImported" | "businessCard" | "secondRow">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "item" | "image" | "secondaryLabel" | "inactive" | "selected" | "avatar" | "clickable" | "info" | "@keyframes animate" | "highlighted" | "justImported" | "businessCard" | "secondRow">;

package/esm/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.js

@@ -3,7 +3,7 @@ import i18n from 'ui-i18n';
 import Button from '@material-ui/core/Button';
 import { withTooltip } from '../../../../HOCs';
 import HighlightOffIcon from '@material-ui/icons/HighlightOff';
-import { MAP_DRAWING_MODES } from '../../constants';
+import { MAP_DRAWING_MODES } from '../../../../constants';
 import RadiusIcon from '../../../../icons/Radius';
 import DrawIcon from '../../../../icons/Draw';
 import { useStyles } from './styles';

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

@@ -3,7 +3,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         to[j] = from[i];
     return to;
 };
-import { MAP_DRAWING_MODES, MAP_MINIMUM_SCALE_RADIUS } from '../constants';
+import { MAP_DRAWING_MODES, MAP_MINIMUM_SCALE_RADIUS } from '../../../constants';
 export var getMapBoundsPolygon = function (map) {
     var bounds = map.getBounds();
     var ne = bounds.getNorthEast();

package/esm/components/ReltioMap/index.d.ts

@@ -15,6 +15,7 @@ declare type Props = {
     drawingModes?: DrawingModes;
     markerClusterer?: boolean;
     markerClustererOptions?: MarkerClustererProps['options'];
+    mapOptions?: google.maps.MapOptions;
     mapContainerClassName: string;
     onMapBoundsChanged?: (value: MapBounds | null) => void;
     onOverlayUpdated?: (value: {
@@ -23,5 +24,5 @@ declare type Props = {
     }) => void;
     onMarkerClicked?: (value: Marker) => void;
 };
-export declare const ReltioMap: ({ markers, mapKey, defaultZoom, defaultCenter, loadingElement, isSearchOnMapMove, isSearchEnabled, activeOverlay, overlayOptions, drawingModes, markerClusterer, markerClustererOptions, mapContainerClassName, onMapBoundsChanged, onOverlayUpdated, onMarkerClicked }: Props) => JSX.Element;
+export declare const ReltioMap: ({ markers, mapKey, defaultZoom, defaultCenter, loadingElement, isSearchOnMapMove, isSearchEnabled, activeOverlay, overlayOptions, drawingModes, markerClusterer, markerClustererOptions, mapOptions, mapContainerClassName, onMapBoundsChanged, onOverlayUpdated, onMarkerClicked }: Props) => JSX.Element;
 export {};

package/esm/components/ReltioMap/index.js

@@ -17,7 +17,7 @@ import { TopRightMapControls } from './MapControls/TopRightMapControls/TopRightM
 import { TopCenterMapControls } from './MapControls/TopCenterMapControls/TopCenterMapControls';
 import { getMapBoundsPolygon, getDrawingMode, fitMapBoundsForMarkers, fitMapBoundsForOverlay } from './helpers';
 import EntityMarker from './EntityMarker/EntityMarker';
-import { DEFAULT_OVERLAY_OPTIONS, MAP_DRAWING_MODES } from '../../constants';
+import { DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_DRAWING_MODES } from '../../constants';
 import { useStyles } from './styles';
 import { usePrevious } from '../../hooks';
 var ON_MAP_MOVE_DEBOUNCE_INTERVAL = 1000;
@@ -38,7 +38,7 @@ var useFitMapBounds = function (_a) {
     }, [map, markers, activeOverlay]);
 };
 export 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, mapContainerClassName = _a.mapContainerClassName, onMapBoundsChanged = _a.onMapBoundsChanged, onOverlayUpdated = _a.onOverlayUpdated, onMarkerClicked = _a.onMarkerClicked;
+    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 = useStyles();
     var _d = useJsApiLoader({
         googleMapsApiKey: mapKey,
@@ -50,6 +50,7 @@ export var ReltioMap = function (_a) {
     var _g = useState(null), drawingMode = _g[0], setDrawingMode = _g[1];
     useFitMapBounds({ markers: markers, activeOverlay: activeOverlay, map: map, isSearchOnMapMove: isSearchOnMapMove });
     var allOverlayOptions = useMemo(function () { return (__assign(__assign({}, DEFAULT_OVERLAY_OPTIONS), (overlayOptions || {}))); }, [overlayOptions]);
+    var googleMapOptions = useMemo(function () { return (__assign(__assign({}, DEFAULT_GOOGLE_MAP_OPTIONS), (mapOptions || {}))); }, [mapOptions]);
     var handleChangeIsSearchOnMapMove = useCallback(function (isSearchOnMapMove) {
         onMapBoundsChanged(isSearchOnMapMove ? getMapBoundsPolygon(map) : null);
         setDrawingMode(null);
@@ -115,11 +116,7 @@ export var ReltioMap = function (_a) {
     if (!isLoaded) {
         return loadingElement;
     }
-    return (React.createElement(GoogleMap, { mapTypeId: window.google.maps.MapTypeId.ROADMAP, options: {
-            mapTypeControl: false,
-            streetViewControl: false,
-            fullscreenControl: false
-        }, onLoad: setMap, zoom: defaultZoom, center: defaultCenter, onZoomChanged: handleMapMoveStart, onDragStart: handleMapMoveStart, onIdle: handleMapIdle, mapContainerClassName: mapContainerClassName },
+    return (React.createElement(GoogleMap, { mapTypeId: window.google.maps.MapTypeId.ROADMAP, options: googleMapOptions, onLoad: setMap, zoom: defaultZoom, center: defaultCenter, onZoomChanged: handleMapMoveStart, onDragStart: handleMapMoveStart, onIdle: handleMapIdle, mapContainerClassName: mapContainerClassName },
         map && isSearchEnabled && Boolean(drawingModes.length) && (React.createElement(MapControlContainer, { className: styles.mapControlContainer, position: window.google.maps.ControlPosition.TOP_RIGHT, map: map },
             React.createElement(TopRightMapControls, { hasActiveOverlay: !!activeOverlay, drawingModes: drawingModes, drawingMode: drawingMode, onDrawingModeChanged: setDrawingMode, onClearOverlay: handleClearOverlay }))),
         map && isSearchEnabled && (React.createElement(MapControlContainer, { className: styles.mapControlContainer, position: window.google.maps.ControlPosition.TOP_CENTER, map: map },

package/esm/constants/index.d.ts

@@ -1,4 +1,4 @@
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from "./classnames";
 export { ALWAYS_VISIBLE_TYPE_URIS } from "./attributes";
 export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeType, QueryBuilderAttributeDataType } from "./prop-types";
-export { MAP_DRAWING_MODES, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from "./map";
+export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from "./map";

package/esm/constants/index.js

@@ -1,4 +1,4 @@
 export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeType, QueryBuilderAttributeDataType } from './prop-types';
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
 export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
-export { MAP_DRAWING_MODES, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
+export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';

package/esm/constants/map.d.ts

@@ -11,4 +11,9 @@ export declare const DEFAULT_OVERLAY_OPTIONS: {
     editable: boolean;
     zIndex: number;
 };
+export declare const DEFAULT_GOOGLE_MAP_OPTIONS: {
+    mapTypeControl: boolean;
+    streetViewControl: boolean;
+    fullscreenControl: boolean;
+};
 export declare const MAP_MINIMUM_SCALE_RADIUS = 0.001;

package/esm/constants/map.js

@@ -11,4 +11,9 @@ export var DEFAULT_OVERLAY_OPTIONS = {
     editable: true,
     zIndex: 1
 };
+export var DEFAULT_GOOGLE_MAP_OPTIONS = {
+    mapTypeControl: false,
+    streetViewControl: false,
+    fullscreenControl: false
+};
 export var MAP_MINIMUM_SCALE_RADIUS = 0.001;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1158",
+  "version": "1.4.1161",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1158",
-    "@reltio/mdm-sdk": "^1.4.1158",
+    "@reltio/mdm-module": "^1.4.1161",
+    "@reltio/mdm-sdk": "^1.4.1161",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/cjs/components/ReltioMap/constants.d.ts

@@ -1,14 +0,0 @@
-export declare const MAP_DRAWING_MODES: {
-    CIRCLE: string;
-    POLYGON: string;
-};
-export declare const DEFAULT_OVERLAY_OPTIONS: {
-    fillColor: string;
-    fillOpacity: number;
-    strokeWeight: number;
-    strokeColor: string;
-    clickable: boolean;
-    editable: boolean;
-    zIndex: number;
-};
-export declare const MAP_MINIMUM_SCALE_RADIUS = 0.001;

package/cjs/components/ReltioMap/constants.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.MAP_DRAWING_MODES = void 0;
-exports.MAP_DRAWING_MODES = {
-    CIRCLE: 'circle',
-    POLYGON: 'polygon'
-};
-exports.DEFAULT_OVERLAY_OPTIONS = {
-    fillColor: 'rgb(242,82,82)',
-    fillOpacity: 0.1,
-    strokeWeight: 2,
-    strokeColor: '#F25252',
-    clickable: false,
-    editable: true,
-    zIndex: 1
-};
-exports.MAP_MINIMUM_SCALE_RADIUS = 0.001;

package/esm/components/ReltioMap/constants.d.ts

@@ -1,14 +0,0 @@
-export declare const MAP_DRAWING_MODES: {
-    CIRCLE: string;
-    POLYGON: string;
-};
-export declare const DEFAULT_OVERLAY_OPTIONS: {
-    fillColor: string;
-    fillOpacity: number;
-    strokeWeight: number;
-    strokeColor: string;
-    clickable: boolean;
-    editable: boolean;
-    zIndex: number;
-};
-export declare const MAP_MINIMUM_SCALE_RADIUS = 0.001;

package/esm/components/ReltioMap/constants.js

@@ -1,14 +0,0 @@
-export var MAP_DRAWING_MODES = {
-    CIRCLE: 'circle',
-    POLYGON: 'polygon'
-};
-export var DEFAULT_OVERLAY_OPTIONS = {
-    fillColor: 'rgb(242,82,82)',
-    fillOpacity: 0.1,
-    strokeWeight: 2,
-    strokeColor: '#F25252',
-    clickable: false,
-    editable: true,
-    zIndex: 1
-};
-export var MAP_MINIMUM_SCALE_RADIUS = 0.001;