@reltio/components 1.4.1604 → 1.4.1606

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/cjs/HOCs/withDragHandle/styles.js +1 -3
  2. package/cjs/components/FacetViewHeader/styles.js +4 -1
  3. package/cjs/components/ReltioMap/index.d.ts +6 -5
  4. package/cjs/components/ReltioMap/index.js +8 -7
  5. package/esm/HOCs/withDragHandle/styles.js +1 -3
  6. package/esm/components/FacetViewHeader/styles.js +4 -1
  7. package/esm/components/ReltioMap/index.d.ts +6 -5
  8. package/esm/components/ReltioMap/index.js +8 -7
  9. package/package.json +3 -3
package/cjs/HOCs/withDragHandle/styles.js CHANGED
@@ -6,9 +6,7 @@ exports.useStyles = (0, styles_1.makeStyles)({
6
6
  dragHandleContainer: {
7
7
  position: 'relative',
8
8
  width: '100%',
9
- '.react-draggable &': {
10
- paddingTop: 4
11
- }
9
+ height: 'inherit'
12
10
  },
13
11
  dragHandleVisibilityArea: {
14
12
  position: 'absolute',
package/cjs/components/FacetViewHeader/styles.js CHANGED
@@ -5,7 +5,10 @@ var styles_1 = require("@mui/styles");
5
5
  exports.useStyles = (0, styles_1.makeStyles)({
6
6
  container: {
7
7
  padding: '0 16px',
8
- minHeight: '48px'
8
+ minHeight: '48px',
9
+ '.react-draggable &': {
10
+ paddingTop: '4px'
11
+ }
9
12
  },
10
13
  title: {
11
14
  fontSize: '16px',
package/cjs/components/ReltioMap/index.d.ts CHANGED
@@ -2,11 +2,12 @@
2
2
  /// <reference types="google.maps" />
3
3
  import { GoogleMapProps, MarkerClustererProps } from '@react-google-maps/api';
4
4
  import { DrawingModes, EntityMarker as Marker, MapBounds, Overlay, OverlayPath } from './types';
5
+ type MarkerClustererOptions = MarkerClustererProps['options'];
5
6
  type Props = {
6
- markers: Marker[];
7
+ markers?: Marker[];
7
8
  mapKey: string;
8
- defaultZoom: GoogleMapProps['zoom'];
9
- defaultCenter: GoogleMapProps['center'];
9
+ defaultZoom?: GoogleMapProps['zoom'];
10
+ defaultCenter?: GoogleMapProps['center'];
10
11
  loadingElement: JSX.Element;
11
12
  isSearchOnMapMove?: boolean;
12
13
  isSearchEnabled?: boolean;
@@ -14,9 +15,9 @@ type Props = {
14
15
  overlayOptions?: google.maps.PolygonOptions | google.maps.CircleOptions;
15
16
  drawingModes?: DrawingModes;
16
17
  markerClusterer?: boolean;
17
- markerClustererOptions?: MarkerClustererProps['options'];
18
+ markerClustererOptions?: MarkerClustererOptions;
18
19
  mapOptions?: google.maps.MapOptions;
19
- mapContainerClassName: string;
20
+ mapContainerClassName?: string;
20
21
  onMapBoundsChanged?: (value: MapBounds | null) => void;
21
22
  onOverlayUpdated?: (value: {
22
23
  data: OverlayPath;
package/cjs/components/ReltioMap/index.js CHANGED
@@ -41,6 +41,7 @@ exports.ReltioMap = void 0;
41
41
  var react_1 = __importStar(require("react"));
42
42
  var ramda_1 = require("ramda");
43
43
  var api_1 = require("@react-google-maps/api");
44
+ var utils_1 = require("../../core/utils");
44
45
  var MapControlContrainer_1 = require("./MapControls/MapControlContainer/MapControlContrainer");
45
46
  var TopRightMapControls_1 = require("./MapControls/TopRightMapControls/TopRightMapControls");
46
47
  var TopCenterMapControls_1 = require("./MapControls/TopCenterMapControls/TopCenterMapControls");
@@ -52,16 +53,16 @@ var styles_1 = require("./styles");
52
53
  var ON_MAP_MOVE_DEBOUNCE_INTERVAL = 1000;
53
54
  var libraries = ['drawing'];
54
55
  var ReltioMap = function (_a) {
55
- 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, _c = _a.overlayOptions, overlayOptions = _c === void 0 ? {} : _c, _d = _a.drawingModes, drawingModes = _d === void 0 ? [] : _d, markerClusterer = _a.markerClusterer, markerClustererOptions = _a.markerClustererOptions, _e = _a.mapOptions, mapOptions = _e === void 0 ? {} : _e, mapContainerClassName = _a.mapContainerClassName, onMapBoundsChanged = _a.onMapBoundsChanged, onOverlayUpdated = _a.onOverlayUpdated, onMarkerClicked = _a.onMarkerClicked;
56
+ 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, _c = _a.overlayOptions, overlayOptions = _c === void 0 ? {} : _c, _d = _a.drawingModes, drawingModes = _d === void 0 ? [] : _d, markerClusterer = _a.markerClusterer, markerClustererOptions = _a.markerClustererOptions, _e = _a.mapOptions, mapOptions = _e === void 0 ? {} : _e, mapContainerClassName = _a.mapContainerClassName, _f = _a.onMapBoundsChanged, onMapBoundsChanged = _f === void 0 ? utils_1.noop : _f, _g = _a.onOverlayUpdated, onOverlayUpdated = _g === void 0 ? utils_1.noop : _g, _h = _a.onMarkerClicked, onMarkerClicked = _h === void 0 ? utils_1.noop : _h;
56
57
  var styles = (0, styles_1.useStyles)();
57
- var _f = (0, api_1.useJsApiLoader)({
58
+ var _j = (0, api_1.useJsApiLoader)({
58
59
  googleMapsApiKey: mapKey,
59
60
  libraries: libraries
60
- }), isLoaded = _f.isLoaded, loadError = _f.loadError;
61
+ }), isLoaded = _j.isLoaded, loadError = _j.loadError;
61
62
  var mapMoveEndTimer = (0, react_1.useRef)(null);
62
- var _g = (0, react_1.useState)(null), map = _g[0], setMap = _g[1];
63
- var _h = (0, react_1.useState)(null), polygon = _h[0], setPolygon = _h[1];
64
- var _j = (0, react_1.useState)(null), drawingMode = _j[0], setDrawingMode = _j[1];
63
+ var _k = (0, react_1.useState)(null), map = _k[0], setMap = _k[1];
64
+ var _l = (0, react_1.useState)(null), polygon = _l[0], setPolygon = _l[1];
65
+ var _m = (0, react_1.useState)(null), drawingMode = _m[0], setDrawingMode = _m[1];
65
66
  (0, useFitMapBounds_1.useFitMapBounds)({ markers: markers, activeOverlay: activeOverlay, map: map, isSearchOnMapMove: isSearchOnMapMove });
66
67
  var allOverlayOptions = (0, react_1.useMemo)(function () { return (__assign(__assign({}, constants_1.DEFAULT_OVERLAY_OPTIONS), overlayOptions)); }, [overlayOptions]);
67
68
  var googleMapOptions = (0, react_1.useMemo)(function () { return (__assign(__assign({}, constants_1.DEFAULT_GOOGLE_MAP_OPTIONS), mapOptions)); }, [mapOptions]);
@@ -89,7 +90,7 @@ var ReltioMap = function (_a) {
89
90
  var _b;
90
91
  var polygonStateOverlay = polygon && { type: constants_1.MAP_DRAWING_MODES.POLYGON, overlay: polygon };
91
92
  var stateOverlay = propOverlay || polygonStateOverlay;
92
- if ((0, ramda_1.isEmpty)(stateOverlay) || !onOverlayUpdated)
93
+ if ((0, ramda_1.isEmpty)(stateOverlay))
93
94
  return;
94
95
  var overlay = stateOverlay.overlay, type = stateOverlay.type;
95
96
  var getPolygonLatLngCoordinates = function () {
package/esm/HOCs/withDragHandle/styles.js CHANGED
@@ -3,9 +3,7 @@ export var useStyles = makeStyles({
3
3
  dragHandleContainer: {
4
4
  position: 'relative',
5
5
  width: '100%',
6
- '.react-draggable &': {
7
- paddingTop: 4
8
- }
6
+ height: 'inherit'
9
7
  },
10
8
  dragHandleVisibilityArea: {
11
9
  position: 'absolute',
package/esm/components/FacetViewHeader/styles.js CHANGED
@@ -2,7 +2,10 @@ import { makeStyles } from '@mui/styles';
2
2
  export var useStyles = makeStyles({
3
3
  container: {
4
4
  padding: '0 16px',
5
- minHeight: '48px'
5
+ minHeight: '48px',
6
+ '.react-draggable &': {
7
+ paddingTop: '4px'
8
+ }
6
9
  },
7
10
  title: {
8
11
  fontSize: '16px',
package/esm/components/ReltioMap/index.d.ts CHANGED
@@ -2,11 +2,12 @@
2
2
  /// <reference types="google.maps" />
3
3
  import { GoogleMapProps, MarkerClustererProps } from '@react-google-maps/api';
4
4
  import { DrawingModes, EntityMarker as Marker, MapBounds, Overlay, OverlayPath } from './types';
5
+ type MarkerClustererOptions = MarkerClustererProps['options'];
5
6
  type Props = {
6
- markers: Marker[];
7
+ markers?: Marker[];
7
8
  mapKey: string;
8
- defaultZoom: GoogleMapProps['zoom'];
9
- defaultCenter: GoogleMapProps['center'];
9
+ defaultZoom?: GoogleMapProps['zoom'];
10
+ defaultCenter?: GoogleMapProps['center'];
10
11
  loadingElement: JSX.Element;
11
12
  isSearchOnMapMove?: boolean;
12
13
  isSearchEnabled?: boolean;
@@ -14,9 +15,9 @@ type Props = {
14
15
  overlayOptions?: google.maps.PolygonOptions | google.maps.CircleOptions;
15
16
  drawingModes?: DrawingModes;
16
17
  markerClusterer?: boolean;
17
- markerClustererOptions?: MarkerClustererProps['options'];
18
+ markerClustererOptions?: MarkerClustererOptions;
18
19
  mapOptions?: google.maps.MapOptions;
19
- mapContainerClassName: string;
20
+ mapContainerClassName?: string;
20
21
  onMapBoundsChanged?: (value: MapBounds | null) => void;
21
22
  onOverlayUpdated?: (value: {
22
23
  data: OverlayPath;
package/esm/components/ReltioMap/index.js CHANGED
@@ -12,6 +12,7 @@ var __assign = (this && this.__assign) || function () {
12
12
  import React, { useCallback, useMemo, useRef, useState } from 'react';
13
13
  import { propEq, isEmpty, prop } from 'ramda';
14
14
  import { GoogleMap, useJsApiLoader, Polygon, DrawingManager, MarkerClusterer } from '@react-google-maps/api';
15
+ import { noop } from '../../core/utils';
15
16
  import { MapControlContainer } from './MapControls/MapControlContainer/MapControlContrainer';
16
17
  import { TopRightMapControls } from './MapControls/TopRightMapControls/TopRightMapControls';
17
18
  import { TopCenterMapControls } from './MapControls/TopCenterMapControls/TopCenterMapControls';
@@ -23,16 +24,16 @@ import { useStyles } from './styles';
23
24
  var ON_MAP_MOVE_DEBOUNCE_INTERVAL = 1000;
24
25
  var libraries = ['drawing'];
25
26
  export var ReltioMap = function (_a) {
26
- 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, _c = _a.overlayOptions, overlayOptions = _c === void 0 ? {} : _c, _d = _a.drawingModes, drawingModes = _d === void 0 ? [] : _d, markerClusterer = _a.markerClusterer, markerClustererOptions = _a.markerClustererOptions, _e = _a.mapOptions, mapOptions = _e === void 0 ? {} : _e, mapContainerClassName = _a.mapContainerClassName, onMapBoundsChanged = _a.onMapBoundsChanged, onOverlayUpdated = _a.onOverlayUpdated, onMarkerClicked = _a.onMarkerClicked;
27
+ 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, _c = _a.overlayOptions, overlayOptions = _c === void 0 ? {} : _c, _d = _a.drawingModes, drawingModes = _d === void 0 ? [] : _d, markerClusterer = _a.markerClusterer, markerClustererOptions = _a.markerClustererOptions, _e = _a.mapOptions, mapOptions = _e === void 0 ? {} : _e, mapContainerClassName = _a.mapContainerClassName, _f = _a.onMapBoundsChanged, onMapBoundsChanged = _f === void 0 ? noop : _f, _g = _a.onOverlayUpdated, onOverlayUpdated = _g === void 0 ? noop : _g, _h = _a.onMarkerClicked, onMarkerClicked = _h === void 0 ? noop : _h;
27
28
  var styles = useStyles();
28
- var _f = useJsApiLoader({
29
+ var _j = useJsApiLoader({
29
30
  googleMapsApiKey: mapKey,
30
31
  libraries: libraries
31
- }), isLoaded = _f.isLoaded, loadError = _f.loadError;
32
+ }), isLoaded = _j.isLoaded, loadError = _j.loadError;
32
33
  var mapMoveEndTimer = useRef(null);
33
- var _g = useState(null), map = _g[0], setMap = _g[1];
34
- var _h = useState(null), polygon = _h[0], setPolygon = _h[1];
35
- var _j = useState(null), drawingMode = _j[0], setDrawingMode = _j[1];
34
+ var _k = useState(null), map = _k[0], setMap = _k[1];
35
+ var _l = useState(null), polygon = _l[0], setPolygon = _l[1];
36
+ var _m = useState(null), drawingMode = _m[0], setDrawingMode = _m[1];
36
37
  useFitMapBounds({ markers: markers, activeOverlay: activeOverlay, map: map, isSearchOnMapMove: isSearchOnMapMove });
37
38
  var allOverlayOptions = useMemo(function () { return (__assign(__assign({}, DEFAULT_OVERLAY_OPTIONS), overlayOptions)); }, [overlayOptions]);
38
39
  var googleMapOptions = useMemo(function () { return (__assign(__assign({}, DEFAULT_GOOGLE_MAP_OPTIONS), mapOptions)); }, [mapOptions]);
@@ -60,7 +61,7 @@ export var ReltioMap = function (_a) {
60
61
  var _b;
61
62
  var polygonStateOverlay = polygon && { type: MAP_DRAWING_MODES.POLYGON, overlay: polygon };
62
63
  var stateOverlay = propOverlay || polygonStateOverlay;
63
- if (isEmpty(stateOverlay) || !onOverlayUpdated)
64
+ if (isEmpty(stateOverlay))
64
65
  return;
65
66
  var overlay = stateOverlay.overlay, type = stateOverlay.type;
66
67
  var getPolygonLatLngCoordinates = function () {
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1604",
3
+ "version": "1.4.1606",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./esm/index.js",
7
7
  "dependencies": {
8
8
  "@date-io/moment": "^1.3.5",
9
9
  "@react-google-maps/api": "2.7.0",
10
- "@reltio/mdm-module": "^1.4.1604",
11
- "@reltio/mdm-sdk": "^1.4.1604",
10
+ "@reltio/mdm-module": "^1.4.1606",
11
+ "@reltio/mdm-sdk": "^1.4.1606",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",