@reltio/components 1.4.2257 → 1.4.2258

package/cjs/ReltioMap/components/PolygonDrawing/useVertexHandles.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVertexHandles = void 0;
+var react_1 = require("react");
+var useDrawingCursors_1 = require("./useDrawingCursors");
+var createVertexHandleElement = function (isFirstHandle) {
+    var el = document.createElement('div');
+    el.style.width = '10px';
+    el.style.height = '10px';
+    el.style.borderRadius = '50%';
+    el.style.boxSizing = 'border-box';
+    el.style.backgroundColor = '#ffffff';
+    el.style.border = '1.25px solid #444444';
+    el.style.cursor = isFirstHandle ? 'pointer' : useDrawingCursors_1.MAP_DRAWING_CROSSHAIR_CURSOR;
+    el.style.transform = 'translateY(50%)';
+    return el;
+};
+/**
+ * N circular vertex markers. The first is clickable to close the ring; others swallow clicks to avoid
+ * double map-handling.
+ */
+var useVertexHandles = function (_a) {
+    var map = _a.map, isActive = _a.isActive, vertices = _a.vertices, handleZIndexRef = _a.handleZIndexRef, onFirstHandleClick = _a.onFirstHandleClick, syncDisposeRef = _a.syncDisposeRef;
+    var markersRef = (0, react_1.useRef)([]);
+    var onFirstHandleClickRef = (0, react_1.useRef)(onFirstHandleClick);
+    onFirstHandleClickRef.current = onFirstHandleClick;
+    var dispose = function () {
+        markersRef.current.forEach(function (m) {
+            google.maps.event.clearInstanceListeners(m);
+            m.map = null;
+        });
+        markersRef.current = [];
+    };
+    (0, react_1.useEffect)(function () {
+        if (!map || !isActive) {
+            syncDisposeRef.current = function () {
+                dispose();
+            };
+            dispose();
+            return function () {
+                syncDisposeRef.current = function () { };
+            };
+        }
+        syncDisposeRef.current = dispose;
+        return function () {
+            syncDisposeRef.current = function () { };
+            dispose();
+        };
+    }, [map, isActive, syncDisposeRef]);
+    (0, react_1.useEffect)(function () {
+        if (!map || !isActive || typeof document === 'undefined') {
+            return;
+        }
+        if (vertices.length === 0) {
+            dispose();
+            return;
+        }
+        var handleZ = handleZIndexRef.current;
+        var AdvancedMarkerElement = google.maps.marker.AdvancedMarkerElement;
+        for (var i = markersRef.current.length; i < vertices.length; i += 1) {
+            var latLng = vertices[i];
+            if (!latLng) {
+                continue;
+            }
+            var isFirstHandle = i === 0;
+            var content = createVertexHandleElement(isFirstHandle);
+            var marker = new AdvancedMarkerElement({
+                map: map,
+                position: latLng,
+                content: content,
+                zIndex: handleZ + (isFirstHandle ? 1 : 0),
+                gmpClickable: true
+            });
+            if (isFirstHandle) {
+                google.maps.event.addListener(marker, 'click', function (e) {
+                    e.stop();
+                    onFirstHandleClickRef.current();
+                });
+            }
+            else {
+                google.maps.event.addListener(marker, 'click', function (e) {
+                    e.stop();
+                });
+            }
+            markersRef.current.push(marker);
+        }
+    }, [map, isActive, vertices, handleZIndexRef]);
+};
+exports.useVertexHandles = useVertexHandles;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DrawingMode, DrawingModes } from '../../types';
+import { DrawingMode } from '../../types';
 export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<Omit<{
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
@@ -42,9 +42,9 @@ type Props = {
     className?: string;
     onDrawingModeChanged: (value: DrawingMode | null) => void;
     drawingMode: DrawingMode | null;
-    drawingModes: DrawingModes;
+    enablePolygonDrawing: boolean;
     hasActiveOverlay: boolean;
     onClearOverlay: () => void;
 };
-export declare const TopRightMapControls: ({ className, drawingMode, drawingModes, hasActiveOverlay, onDrawingModeChanged, onClearOverlay }: Props) => React.JSX.Element;
+export declare const TopRightMapControls: ({ className, drawingMode, enablePolygonDrawing, hasActiveOverlay, onDrawingModeChanged, onClearOverlay }: Props) => React.JSX.Element;
 export {};

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

@@ -11,31 +11,17 @@ var Button_1 = __importDefault(require("@mui/material/Button"));
 var withTooltip_1 = require("../../../HOCs/withTooltip");
 var HighlightOff_1 = __importDefault(require("@mui/icons-material/HighlightOff"));
 var constants_1 = require("../../../constants");
-var Radius_1 = __importDefault(require("../../../icons/Radius"));
 var Draw_1 = __importDefault(require("../../../icons/Draw"));
 var styles_1 = require("./styles");
 exports.ButtonWithTooltip = (0, withTooltip_1.withTooltip)(Button_1.default);
-var getIcon = function (mode) {
-    switch (mode) {
-        case constants_1.MAP_DRAWING_MODES.CIRCLE:
-            return Radius_1.default;
-        case constants_1.MAP_DRAWING_MODES.POLYGON:
-            return Draw_1.default;
-        default:
-            return null;
-    }
-};
 var TopRightMapControls = function (_a) {
-    var className = _a.className, drawingMode = _a.drawingMode, _b = _a.drawingModes, drawingModes = _b === void 0 ? [] : _b, hasActiveOverlay = _a.hasActiveOverlay, onDrawingModeChanged = _a.onDrawingModeChanged, onClearOverlay = _a.onClearOverlay;
+    var className = _a.className, drawingMode = _a.drawingMode, enablePolygonDrawing = _a.enablePolygonDrawing, hasActiveOverlay = _a.hasActiveOverlay, onDrawingModeChanged = _a.onDrawingModeChanged, onClearOverlay = _a.onClearOverlay;
     var styles = (0, styles_1.useStyles)();
     var changeDrawingModeTo = function (drawingMode) { return function () {
         onDrawingModeChanged(drawingMode);
     }; };
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.container, className) }, drawingMode || hasActiveOverlay ? (react_1.default.createElement(exports.ButtonWithTooltip, { tooltipTitle: ui_i18n_1.default.text('Clear area'), className: styles.button, onClick: hasActiveOverlay ? onClearOverlay : changeDrawingModeTo(null) },
-        react_1.default.createElement(HighlightOff_1.default, { className: styles.icon }))) : (drawingModes.map(function (mode) {
-        var Icon = getIcon(mode);
-        return (react_1.default.createElement(exports.ButtonWithTooltip, { tooltipTitle: ui_i18n_1.default.text('Draw area'), key: mode, className: styles.button, onClick: changeDrawingModeTo(mode) },
-            react_1.default.createElement(Icon, { className: styles.icon })));
-    }))));
+        react_1.default.createElement(HighlightOff_1.default, { className: styles.icon }))) : (enablePolygonDrawing && (react_1.default.createElement(exports.ButtonWithTooltip, { tooltipTitle: ui_i18n_1.default.text('Draw area'), className: styles.button, onClick: changeDrawingModeTo(constants_1.POLYGON_DRAWING_MODE) },
+        react_1.default.createElement(Draw_1.default, { className: styles.icon }))))));
 };
 exports.TopRightMapControls = TopRightMapControls;

package/cjs/ReltioMap/helpers.d.ts

@@ -1,6 +1,7 @@
 import { GeoPoint } from '@reltio/mdm-sdk';
 import { DrawingMode, Overlay, MapInstance } from './types';
+export declare const isDomElement: (el: unknown) => el is Element;
 export declare const getMapBoundsPolygon: (map: MapInstance) => any[];
-export declare const getDrawingMode: (drawingMode: DrawingMode) => google.maps.drawing.OverlayType.CIRCLE | google.maps.drawing.OverlayType.POLYGON;
+export declare const isActivePolygonDrawing: (drawingMode: DrawingMode) => boolean;
 export declare const fitMapBoundsForMarkers: (markers: GeoPoint[], map: MapInstance, overlay: Overlay) => void;
 export declare const fitMapBoundsForOverlay: (map: MapInstance, overlay: Overlay, existingBounds?: any) => void;

package/cjs/ReltioMap/helpers.js

@@ -9,8 +9,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     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;
-var map_1 = require("../constants/map");
+exports.fitMapBoundsForOverlay = exports.fitMapBoundsForMarkers = exports.isActivePolygonDrawing = exports.getMapBoundsPolygon = exports.isDomElement = void 0;
+var constants_1 = require("../constants");
+var isDomElement = function (el) { return typeof Element !== 'undefined' && el instanceof Element; };
+exports.isDomElement = isDomElement;
 var getMapBoundsPolygon = function (map) {
     var bounds = map.getBounds();
     var ne = bounds.getNorthEast();
@@ -29,25 +31,16 @@ var getMapBoundsPolygon = function (map) {
     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) {
-    switch (drawingMode) {
-        case map_1.MAP_DRAWING_MODES.CIRCLE:
-            return window.google.maps.drawing.OverlayType.CIRCLE;
-        case map_1.MAP_DRAWING_MODES.POLYGON:
-            return window.google.maps.drawing.OverlayType.POLYGON;
-        default:
-            return null;
-    }
-};
-exports.getDrawingMode = getDrawingMode;
+var isActivePolygonDrawing = function (drawingMode) { return drawingMode === constants_1.POLYGON_DRAWING_MODE; };
+exports.isActivePolygonDrawing = isActivePolygonDrawing;
 var fitMapBoundsForMarkers = function (markers, map, overlay) {
     var bounds = new window.google.maps.LatLngBounds();
     markers.forEach(function (marker) { return bounds.extend(marker.point); });
     var needAlignZoomLevel = markers.length === 1;
     if (needAlignZoomLevel) {
         var markerPoint = markers[0].point;
-        bounds.extend(new window.google.maps.LatLng(markerPoint.lat + map_1.MAP_MINIMUM_SCALE_RADIUS, markerPoint.lng + map_1.MAP_MINIMUM_SCALE_RADIUS));
-        bounds.extend(new window.google.maps.LatLng(markerPoint.lat - map_1.MAP_MINIMUM_SCALE_RADIUS, markerPoint.lng - map_1.MAP_MINIMUM_SCALE_RADIUS));
+        bounds.extend(new window.google.maps.LatLng(markerPoint.lat + constants_1.MAP_MINIMUM_SCALE_RADIUS, markerPoint.lng + constants_1.MAP_MINIMUM_SCALE_RADIUS));
+        bounds.extend(new window.google.maps.LatLng(markerPoint.lat - constants_1.MAP_MINIMUM_SCALE_RADIUS, markerPoint.lng - constants_1.MAP_MINIMUM_SCALE_RADIUS));
     }
     map.fitBounds(bounds);
     if (overlay) {

package/cjs/ReltioMap/types.d.ts

@@ -1,6 +1,6 @@
 import { Marker } from '@googlemaps/markerclusterer';
-export type DrawingMode = 'circle' | 'polygon';
-export type DrawingModes = DrawingMode[];
+import { POLYGON_DRAWING_MODE } from '../constants/map';
+export type DrawingMode = typeof POLYGON_DRAWING_MODE;
 export type ClusteredMarkersOptions = {
     maxZoom?: number;
     calculator?: (markers: Marker[]) => {

package/cjs/constants/index.d.ts

@@ -1,7 +1,7 @@
 export { SortingType, QueryBuilderAttributeType } from './prop-types';
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
 export { FIXED_TYPE_URIS } from './attributes';
-export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
+export { POLYGON_DRAWING_MODE, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
 export { COMMON_TEXT_FIELD_PROPS } from './textField';
 export { POPUP_Z_INDEX } from './common';
 export { ReactSelectOptionFilters } from './reactSelect';

package/cjs/constants/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SegmentationColumnId = exports.darkTheme = exports.theme = exports.viewingModeOption = exports.suggestingModeOption = exports.editingModeOption = exports.ReactSelectOptionFilters = exports.POPUP_Z_INDEX = exports.COMMON_TEXT_FIELD_PROPS = exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.MAP_DRAWING_MODES = exports.FIXED_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeType = exports.SortingType = void 0;
+exports.SegmentationColumnId = exports.darkTheme = exports.theme = exports.viewingModeOption = exports.suggestingModeOption = exports.editingModeOption = exports.ReactSelectOptionFilters = exports.POPUP_Z_INDEX = exports.COMMON_TEXT_FIELD_PROPS = exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.POLYGON_DRAWING_MODE = exports.FIXED_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeType = 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, "QueryBuilderAttributeType", { enumerable: true, get: function () { return prop_types_1.QueryBuilderAttributeType; } });
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "COMMENTS_CONTAINER_VISIBILITY_AREA", { enumerabl
 var attributes_1 = require("./attributes");
 Object.defineProperty(exports, "FIXED_TYPE_URIS", { enumerable: true, get: function () { return attributes_1.FIXED_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, "POLYGON_DRAWING_MODE", { enumerable: true, get: function () { return map_1.POLYGON_DRAWING_MODE; } });
 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

@@ -1,5 +1,4 @@
-import { DrawingMode } from '../ReltioMap';
-export declare const MAP_DRAWING_MODES: Record<string, DrawingMode>;
+export declare const POLYGON_DRAWING_MODE: "polygon";
 export declare const DEFAULT_OVERLAY_OPTIONS: {
     fillColor: string;
     fillOpacity: number;

package/cjs/constants/map.js

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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'
-};
+exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.DEFAULT_OVERLAY_OPTIONS = exports.POLYGON_DRAWING_MODE = void 0;
+exports.POLYGON_DRAWING_MODE = 'polygon';
 exports.DEFAULT_OVERLAY_OPTIONS = {
     fillColor: 'rgb(242,82,82)',
     fillOpacity: 0.1,

package/cjs/features/workflow/AddWorkflowDialog/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "title" | "footer" | "input" | "select" | "asterisk" | "inputRoot" | "cancelButton" | "inputLabelRoot" | "popoverPaper" | "simpleDropDownSelector">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "title" | "footer" | "input" | "select" | "inputRoot" | "asterisk" | "cancelButton" | "inputLabelRoot" | "popoverPaper" | "simpleDropDownSelector">;

package/cjs/icons/index.d.ts

@@ -46,7 +46,6 @@ export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';
-export { default as Radius } from './Radius';
 export { default as ReadOnlyError } from './ReadOnlyError';
 export { default as Reassign } from './Reassign';
 export { default as Recommended } from './Recommended';

package/cjs/icons/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReadOnlyError = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.Info = exports.IgnoredOutlined = exports.Ignored = exports.Hyperlink = exports.Filter = exports.Error = exports.EmptySearchResults = exports.EmptyLoading = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.ControlAttribute = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
-exports.UploadIcon = exports.UnMerge = exports.Tenant = exports.Table = exports.Suggest = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Reassign = void 0;
+exports.Reassign = exports.ReadOnlyError = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.Info = exports.IgnoredOutlined = exports.Ignored = exports.Hyperlink = exports.Filter = exports.Error = exports.EmptySearchResults = exports.EmptyLoading = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.ControlAttribute = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
+exports.UploadIcon = exports.UnMerge = exports.Tenant = exports.Table = exports.Suggest = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "Add", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var AddComment_1 = require("./AddComment");
@@ -101,8 +101,6 @@ var PotentialMatch_1 = require("./PotentialMatch");
 Object.defineProperty(exports, "PotentialMatch", { enumerable: true, get: function () { return __importDefault(PotentialMatch_1).default; } });
 var Profile_1 = require("./Profile");
 Object.defineProperty(exports, "Profile", { enumerable: true, get: function () { return __importDefault(Profile_1).default; } });
-var Radius_1 = require("./Radius");
-Object.defineProperty(exports, "Radius", { enumerable: true, get: function () { return __importDefault(Radius_1).default; } });
 var ReadOnlyError_1 = require("./ReadOnlyError");
 Object.defineProperty(exports, "ReadOnlyError", { enumerable: true, get: function () { return __importDefault(ReadOnlyError_1).default; } });
 var Reassign_1 = require("./Reassign");

package/constants/index.d.ts

@@ -1,7 +1,7 @@
 export { SortingType, QueryBuilderAttributeType } from './prop-types';
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
 export { FIXED_TYPE_URIS } from './attributes';
-export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
+export { POLYGON_DRAWING_MODE, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
 export { COMMON_TEXT_FIELD_PROPS } from './textField';
 export { POPUP_Z_INDEX } from './common';
 export { ReactSelectOptionFilters } from './reactSelect';

package/constants/index.js

@@ -1,7 +1,7 @@
 export { SortingType, QueryBuilderAttributeType } from './prop-types';
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
 export { FIXED_TYPE_URIS } from './attributes';
-export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
+export { POLYGON_DRAWING_MODE, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
 export { COMMON_TEXT_FIELD_PROPS } from './textField';
 export { POPUP_Z_INDEX } from './common';
 export { ReactSelectOptionFilters } from './reactSelect';

package/constants/map.d.ts

@@ -1,5 +1,4 @@
-import { DrawingMode } from '../ReltioMap';
-export declare const MAP_DRAWING_MODES: Record<string, DrawingMode>;
+export declare const POLYGON_DRAWING_MODE: "polygon";
 export declare const DEFAULT_OVERLAY_OPTIONS: {
     fillColor: string;
     fillOpacity: number;

package/constants/map.js

@@ -1,7 +1,4 @@
-export var MAP_DRAWING_MODES = {
-    CIRCLE: 'circle',
-    POLYGON: 'polygon'
-};
+export var POLYGON_DRAWING_MODE = 'polygon';
 export var DEFAULT_OVERLAY_OPTIONS = {
     fillColor: 'rgb(242,82,82)',
     fillOpacity: 0.1,

package/features/workflow/AddWorkflowDialog/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "title" | "footer" | "input" | "select" | "asterisk" | "inputRoot" | "cancelButton" | "inputLabelRoot" | "popoverPaper" | "simpleDropDownSelector">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "title" | "footer" | "input" | "select" | "inputRoot" | "asterisk" | "cancelButton" | "inputLabelRoot" | "popoverPaper" | "simpleDropDownSelector">;

package/icons/index.d.ts

@@ -46,7 +46,6 @@ export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';
-export { default as Radius } from './Radius';
 export { default as ReadOnlyError } from './ReadOnlyError';
 export { default as Reassign } from './Reassign';
 export { default as Recommended } from './Recommended';

package/icons/index.js

@@ -46,7 +46,6 @@ export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';
-export { default as Radius } from './Radius';
 export { default as ReadOnlyError } from './ReadOnlyError';
 export { default as Reassign } from './Reassign';
 export { default as Recommended } from './Recommended';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2257",
+  "version": "1.4.2258",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.2038",
+    "@reltio/mdm-sdk": "^1.4.2039",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/ReltioMap/components/DrawingManager/DrawingManager.d.ts

@@ -1,2 +0,0 @@
-import { DrawingManagerProps } from './useDrawingManager';
-export declare const DrawingManager: (props: DrawingManagerProps) => any;

package/ReltioMap/components/DrawingManager/DrawingManager.js

@@ -1,5 +0,0 @@
-import { useDrawingManager } from './useDrawingManager';
-export var DrawingManager = function (props) {
-    useDrawingManager(props);
-    return null;
-};

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

@@ -1 +0,0 @@
-export { DrawingManager } from './DrawingManager';

package/ReltioMap/components/DrawingManager/index.js

@@ -1 +0,0 @@
-export { DrawingManager } from './DrawingManager';

package/ReltioMap/components/DrawingManager/useDrawingManager.d.ts

@@ -1,7 +0,0 @@
-export type DrawingManagerProps = {
-    drawingMode: google.maps.drawing.OverlayType;
-    onPolygonComplete?: (polygon: google.maps.Polygon) => void;
-    onCircleComplete?: (circle: google.maps.Circle) => void;
-    options: google.maps.drawing.DrawingManagerOptions;
-};
-export declare const useDrawingManager: ({ drawingMode, onPolygonComplete, onCircleComplete, options }: DrawingManagerProps) => google.maps.drawing.DrawingManager;

package/ReltioMap/components/DrawingManager/useDrawingManager.js

@@ -1,36 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { useMap, useMapsLibrary } from '@vis.gl/react-google-maps';
-import { useEffect, useState } from 'react';
-export var useDrawingManager = function (_a) {
-    var drawingMode = _a.drawingMode, onPolygonComplete = _a.onPolygonComplete, onCircleComplete = _a.onCircleComplete, options = _a.options;
-    var map = useMap();
-    var drawing = useMapsLibrary('drawing');
-    var _b = useState(null), drawingManager = _b[0], setDrawingManager = _b[1];
-    useEffect(function () {
-        if (!map || !drawing)
-            return;
-        var newDrawingManager = new drawing.DrawingManager(__assign({ map: map, drawingMode: drawingMode }, options));
-        if (onPolygonComplete) {
-            newDrawingManager.addListener('polygoncomplete', onPolygonComplete);
-        }
-        if (onCircleComplete) {
-            newDrawingManager.addListener('circlecomplete', onCircleComplete);
-        }
-        setDrawingManager(newDrawingManager);
-        return function () {
-            google.maps.event.clearInstanceListeners(newDrawingManager);
-            newDrawingManager.setMap(null);
-        };
-    }, [drawing, map, options, drawingMode, onPolygonComplete, onCircleComplete]);
-    return drawingManager;
-};

package/ReltioMap/googleMock.test-data.d.ts

@@ -1 +0,0 @@
-export function setupGoogleMock(): void;

package/ReltioMap/googleMock.test-data.js

@@ -1,109 +0,0 @@
-export var setupGoogleMock = function () {
-    var google = {
-        maps: {
-            Animation: {},
-            BicyclingLayer: function () { },
-            Circle: function () { },
-            ControlPosition: {
-                TOP_RIGHT: 3,
-                TOP_CENTER: 2
-            },
-            Data: function () { },
-            DirectionsRenderer: function () { },
-            DirectionsService: function () { },
-            DirectionsStatus: {},
-            DirectionsTravelMode: {},
-            DirectionsUnitSystem: {},
-            DistanceMatrixElementStatus: {},
-            DistanceMatrixService: function () { },
-            DistanceMatrixStatus: {},
-            ElevationService: function () { },
-            ElevationStatus: {},
-            FusionTablesLayer: function () { },
-            Geocoder: function () { },
-            GeocoderLocationType: {},
-            GeocoderStatus: {},
-            GroundOverlay: function () { },
-            ImageMapType: function () { },
-            InfoWindow: function () { },
-            KmlLayer: function () { },
-            KmlLayerStatus: {},
-            LatLng: function () { },
-            LatLngBounds: function () {
-                return {
-                    extend: function () { }
-                };
-            },
-            MVCArray: function () { },
-            MVCObject: function () { },
-            Map: function () {
-                return {
-                    setTilt: function () { },
-                    mapTypes: {
-                        set: function () { }
-                    },
-                    overlayMapTypes: {
-                        insertAt: function () { },
-                        removeAt: function () { }
-                    }
-                };
-            },
-            MapTypeControlStyle: {},
-            MapTypeId: {
-                HYBRID: '',
-                ROADMAP: '',
-                SATELLITE: '',
-                TERRAIN: ''
-            },
-            MapTypeRegistry: function () { },
-            Marker: function () { },
-            MarkerImage: function () { },
-            MaxZoomService: function () {
-                return {
-                    getMaxZoomAtLatLng: function () { }
-                };
-            },
-            MaxZoomStatus: {},
-            NavigationControlStyle: {},
-            OverlayView: function () { },
-            Point: function () { },
-            Polygon: function () { },
-            Polyline: function () { },
-            Rectangle: function () { },
-            SaveWidget: function () { },
-            ScaleControlStyle: {},
-            Size: function () { },
-            StreetViewCoverageLayer: function () { },
-            StreetViewPanorama: function () { },
-            StreetViewService: function () { },
-            StreetViewStatus: {},
-            StrokePosition: {},
-            StyledMapType: function () { },
-            SymbolPath: {},
-            TrafficLayer: function () { },
-            TransitLayer: function () { },
-            TransitMode: {},
-            TransitRoutePreference: {},
-            TravelMode: {},
-            UnitSystem: {},
-            ZoomControlStyle: {},
-            event: {
-                addListener: function () { }
-            },
-            drawing: {
-                OverlayType: {
-                    CIRCLE: 1,
-                    POLYGON: 2
-                }
-            },
-            places: {
-                AutocompleteService: function () {
-                    return {
-                        getPlacePredictions: function () { }
-                    };
-                }
-            }
-        }
-    };
-    global.window.google = google;
-};

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

@@ -1,2 +0,0 @@
-import { DrawingManagerProps } from './useDrawingManager';
-export declare const DrawingManager: (props: DrawingManagerProps) => any;

package/cjs/ReltioMap/components/DrawingManager/DrawingManager.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawingManager = void 0;
-var useDrawingManager_1 = require("./useDrawingManager");
-var DrawingManager = function (props) {
-    (0, useDrawingManager_1.useDrawingManager)(props);
-    return null;
-};
-exports.DrawingManager = DrawingManager;

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

@@ -1 +0,0 @@
-export { DrawingManager } from './DrawingManager';

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

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawingManager = void 0;
-var DrawingManager_1 = require("./DrawingManager");
-Object.defineProperty(exports, "DrawingManager", { enumerable: true, get: function () { return DrawingManager_1.DrawingManager; } });

package/cjs/ReltioMap/components/DrawingManager/useDrawingManager.d.ts

@@ -1,7 +0,0 @@
-export type DrawingManagerProps = {
-    drawingMode: google.maps.drawing.OverlayType;
-    onPolygonComplete?: (polygon: google.maps.Polygon) => void;
-    onCircleComplete?: (circle: google.maps.Circle) => void;
-    options: google.maps.drawing.DrawingManagerOptions;
-};
-export declare const useDrawingManager: ({ drawingMode, onPolygonComplete, onCircleComplete, options }: DrawingManagerProps) => google.maps.drawing.DrawingManager;

package/cjs/ReltioMap/components/DrawingManager/useDrawingManager.js

@@ -1,40 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDrawingManager = void 0;
-var react_google_maps_1 = require("@vis.gl/react-google-maps");
-var react_1 = require("react");
-var useDrawingManager = function (_a) {
-    var drawingMode = _a.drawingMode, onPolygonComplete = _a.onPolygonComplete, onCircleComplete = _a.onCircleComplete, options = _a.options;
-    var map = (0, react_google_maps_1.useMap)();
-    var drawing = (0, react_google_maps_1.useMapsLibrary)('drawing');
-    var _b = (0, react_1.useState)(null), drawingManager = _b[0], setDrawingManager = _b[1];
-    (0, react_1.useEffect)(function () {
-        if (!map || !drawing)
-            return;
-        var newDrawingManager = new drawing.DrawingManager(__assign({ map: map, drawingMode: drawingMode }, options));
-        if (onPolygonComplete) {
-            newDrawingManager.addListener('polygoncomplete', onPolygonComplete);
-        }
-        if (onCircleComplete) {
-            newDrawingManager.addListener('circlecomplete', onCircleComplete);
-        }
-        setDrawingManager(newDrawingManager);
-        return function () {
-            google.maps.event.clearInstanceListeners(newDrawingManager);
-            newDrawingManager.setMap(null);
-        };
-    }, [drawing, map, options, drawingMode, onPolygonComplete, onCircleComplete]);
-    return drawingManager;
-};
-exports.useDrawingManager = useDrawingManager;