@evergis/react 3.1.5 → 3.1.7

package/dist/react.cjs.development.js

@@ -1,973 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var React__default = _interopDefault(React);
-var MapGL = require('react-map-gl/mapbox');
-var MapGL__default = _interopDefault(MapGL);
-var api = require('@evergis/api');
-var lodash = require('lodash');
-var turf = require('@turf/turf');
-require('@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css');
-var styled = _interopDefault(require('styled-components'));
-var MapboxDraw = _interopDefault(require('@mapbox/mapbox-gl-draw'));
-var signalr = require('@microsoft/signalr');
-var dateFns = require('date-fns');
-require('mapbox-gl/dist/mapbox-gl.css');
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  return Constructor;
-}
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
-}
-
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return self;
-}
-
-function _possibleConstructorReturn(self, call) {
-  if (call && (typeof call === "object" || typeof call === "function")) {
-    return call;
-  }
-
-  return _assertThisInitialized(self);
-}
-
-function _taggedTemplateLiteralLoose(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-
-  strings.raw = raw;
-  return strings;
-}
-
-function _callSuper(_this, derived, args) {
-  function isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-
-    try {
-      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    } catch (e) {
-      return false;
-    }
-  }
-
-  derived = _getPrototypeOf(derived);
-  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
-}
-let ErrorBoundary = /*#__PURE__*/function (_Component) {
-  function ErrorBoundary() {
-    var _this2;
-
-    _classCallCheck(this, ErrorBoundary);
-
-    _this2 = _callSuper(this, ErrorBoundary, arguments);
-    _this2.state = {
-      hasError: false
-    };
-    return _this2;
-  }
-
-  _inherits(ErrorBoundary, _Component);
-
-  return _createClass(ErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error) {
-      // eslint-disable-next-line no-console
-      console.error(error);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      const {
-        children,
-        errorContents
-      } = this.props;
-      const {
-        hasError
-      } = this.state;
-      return !hasError ? React__default.createElement(React__default.Fragment, null, children) : React__default.createElement(React__default.Fragment, null, errorContents);
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError() {
-      return {
-        hasError: true
-      };
-    }
-  }]);
-}(React.Component);
-
-const DEFAULT_COLOR = "#00ffff";
-const DEFAULT_OPACITY = 0.5;
-const DEFAULT_SIZE = 4;
-const DEFAULT_LINE_WIDTH = 1;
-const DEFAULT_CIRCLE_PAINT = {
-  "circle-radius": DEFAULT_SIZE,
-  "circle-color": DEFAULT_COLOR,
-  "circle-opacity": DEFAULT_OPACITY,
-  "circle-stroke-width": 0,
-  "circle-stroke-color": DEFAULT_COLOR,
-  "circle-stroke-opacity": DEFAULT_OPACITY
-};
-const DEFAULT_FILL_PAINT = {
-  "fill-color": DEFAULT_COLOR,
-  "fill-opacity": DEFAULT_OPACITY
-};
-const DEFAULT_FILL_EXTRUSION_PAINT = {
-  "fill-extrusion-base": 0,
-  "fill-extrusion-vertical-gradient": true,
-  "fill-extrusion-color": DEFAULT_COLOR,
-  "fill-extrusion-opacity": DEFAULT_OPACITY,
-  "fill-extrusion-height": 0
-};
-const DEFAULT_LINE_PAINT = {
-  "line-color": DEFAULT_COLOR,
-  "line-width": DEFAULT_LINE_WIDTH,
-  "line-opacity": DEFAULT_OPACITY
-};
-
-const RasterLayer = (_ref) => {
-  let {
-    layer,
-    tileUrl,
-    visible,
-    beforeId
-  } = _ref;
-
-  if (!layer) {
-    return null;
-  }
-
-  return React__default.createElement(MapGL.Source, {
-    id: layer.name,
-    type: "raster",
-    tiles: [tileUrl]
-  }, React__default.createElement(MapGL.Layer, {
-    id: layer.name,
-    type: "raster",
-    "source-layer": "default",
-    beforeId: beforeId,
-    layout: {
-      visibility: visible ? "visible" : "none"
-    }
-  }));
-};
-
-const getClientStyleItemPrefixSuffix = (geometryType, type) => {
-  switch (geometryType) {
-    case api.GeometryType.Point:
-      return ["point-layer-", ""];
-
-    case api.GeometryType.Polyline:
-      return ["polyline-layer-", ""];
-
-    case api.GeometryType.Polygon:
-      switch (type) {
-        case "line":
-          return ["polygon-stroke-layer-", "-stroke"];
-
-        case "fill-extrusion":
-          return ["polygon-extrusion-layer-", "-extrusion"];
-
-        default:
-          return ["polygon-layer-", ""];
-      }
-
-    default:
-      return ["", ""];
-  }
-};
-
-const findAttributeInExpression = expression => {
-  if (Array.isArray(expression) && expression.length === 2 && expression[0] === "get") {
-    return [expression[1]];
-  }
-
-  return expression.reduce((acc, curr) => {
-    if (!Array.isArray(curr)) {
-      return acc;
-    }
-
-    if (curr[0] === "get") {
-      return [...new Set([...acc, curr[1]])];
-    }
-
-    return [...new Set([...acc, ...findAttributeInExpression(curr)])];
-  }, []);
-};
-
-const getActualExtrusionHeight = paint => {
-  return Array.isArray(paint == null ? void 0 : paint["fill-extrusion-height"]) && (paint == null ? void 0 : paint["fill-extrusion-height"][0]) === "+" ? paint == null ? void 0 : paint["fill-extrusion-height"][1] : paint == null ? void 0 : paint["fill-extrusion-height"];
-};
-
-const parseClientStyle = style => {
-  var _style$items;
-
-  if (!style) {
-    return [];
-  }
-
-  return style == null || (_style$items = style.items) == null ? void 0 : _style$items.reduce((acc, curr) => {
-    var _Object$entries;
-
-    if (!curr.paint || lodash.isEmpty(curr.paint)) {
-      return acc;
-    }
-
-    return (_Object$entries = Object.entries(curr.paint)) == null ? void 0 : _Object$entries.reduce((paintAcc, _ref) => {
-      let [, value] = _ref;
-
-      if (!Array.isArray(value)) {
-        return paintAcc;
-      }
-
-      return [...new Set([...paintAcc, ...findAttributeInExpression(value)])];
-    }, []);
-  }, []);
-};
-
-const convertSpToTurfFeature = geometry => {
-  if (!geometry) {
-    return;
-  }
-
-  switch (geometry.type) {
-    case api.GeometryType.Point:
-      return turf.point(geometry.coordinates);
-
-    case api.GeometryType.Multipoint:
-      return turf.multiPoint(geometry.coordinates);
-
-    case api.GeometryType.Polyline:
-      return turf.multiLineString(geometry.coordinates);
-
-    case api.GeometryType.Polygon:
-    case api.GeometryType.Envelope:
-      return turf.polygon(geometry.coordinates);
-  }
-};
-
-const VectorLayer = (_ref) => {
-  var _layer$configuration;
-
-  let {
-    layer,
-    tileUrl,
-    visible,
-    beforeId,
-    getLayerTempStyle
-  } = _ref;
-  const clientStyle = layer == null || (_layer$configuration = layer.configuration) == null ? void 0 : _layer$configuration.clientStyle;
-  const {
-    idAttribute,
-    geometryType
-  } = layer.layerDefinition || {};
-  const renderLayerByGeometryType = React.useCallback(() => {
-    var _getLayerTempStyle, _getLayerTempStyle2, _getLayerTempStyle3, _getLayerTempStyle4, _getLayerTempStyle5, _getLayerTempStyle6, _getLayerTempStyle7, _getLayerTempStyle8, _getLayerTempStyle9, _getLayerTempStyle10, _getLayerTempStyle11, _getLayerTempStyle12, _getLayerTempStyle13, _getLayerTempStyle14;
-
-    const visibility = visible ? "visible" : "none";
-
-    switch (geometryType) {
-      case api.GeometryType.Point:
-        return React__default.createElement(MapGL.Layer, {
-          id: layer.name,
-          type: "circle",
-          "source-layer": "default",
-          beforeId: beforeId,
-          layout: _extends({}, getLayerTempStyle == null || (_getLayerTempStyle = getLayerTempStyle(layer.name, "circle")) == null ? void 0 : _getLayerTempStyle.layout, {
-            visibility
-          }),
-          paint: _extends({}, DEFAULT_CIRCLE_PAINT, getLayerTempStyle == null || (_getLayerTempStyle2 = getLayerTempStyle(layer.name, "circle")) == null ? void 0 : _getLayerTempStyle2.paint)
-        });
-
-      case api.GeometryType.Polygon:
-        return [React__default.createElement(MapGL.Layer, {
-          key: "polygon-layer-" + layer.name,
-          id: layer.name,
-          type: "fill",
-          "source-layer": "default",
-          beforeId: beforeId,
-          layout: _extends({}, getLayerTempStyle == null || (_getLayerTempStyle3 = getLayerTempStyle(layer.name, "fill")) == null ? void 0 : _getLayerTempStyle3.layout, {
-            visibility: visible && (getLayerTempStyle == null || (_getLayerTempStyle4 = getLayerTempStyle(layer.name, "fill-extrusion")) == null || (_getLayerTempStyle4 = _getLayerTempStyle4.settings) == null || (_getLayerTempStyle4 = _getLayerTempStyle4.fill) == null ? void 0 : _getLayerTempStyle4.showBottomSurface) !== false && Boolean(getActualExtrusionHeight(_extends({}, DEFAULT_FILL_EXTRUSION_PAINT, getLayerTempStyle == null || (_getLayerTempStyle5 = getLayerTempStyle(layer.name, "fill-extrusion")) == null ? void 0 : _getLayerTempStyle5.paint))) ? "visible" : "none"
-          }),
-          paint: _extends({}, DEFAULT_FILL_PAINT, getLayerTempStyle == null || (_getLayerTempStyle6 = getLayerTempStyle(layer.name, "fill")) == null ? void 0 : _getLayerTempStyle6.paint)
-        }), React__default.createElement(MapGL.Layer, {
-          key: "polygon-stroke-layer-" + layer.name,
-          id: layer.name + "-stroke",
-          type: "line",
-          "source-layer": "default",
-          beforeId: beforeId,
-          layout: _extends({}, getLayerTempStyle == null || (_getLayerTempStyle7 = getLayerTempStyle(layer.name, "line")) == null ? void 0 : _getLayerTempStyle7.layout, {
-            visibility: visible && (getLayerTempStyle == null || (_getLayerTempStyle8 = getLayerTempStyle(layer.name, "fill-extrusion")) == null || (_getLayerTempStyle8 = _getLayerTempStyle8.settings) == null || (_getLayerTempStyle8 = _getLayerTempStyle8.fill) == null ? void 0 : _getLayerTempStyle8.showBottomSurface) !== false && Boolean(getActualExtrusionHeight(_extends({}, DEFAULT_FILL_EXTRUSION_PAINT, getLayerTempStyle == null || (_getLayerTempStyle9 = getLayerTempStyle(layer.name, "fill-extrusion")) == null ? void 0 : _getLayerTempStyle9.paint))) ? "visible" : "none"
-          }),
-          paint: _extends({}, DEFAULT_LINE_PAINT, getLayerTempStyle == null || (_getLayerTempStyle10 = getLayerTempStyle(layer.name, "line")) == null ? void 0 : _getLayerTempStyle10.paint)
-        }), React__default.createElement(MapGL.Layer, {
-          key: "polygon-extrusion-layer-" + layer.name,
-          id: layer.name + "-extrusion",
-          type: "fill-extrusion",
-          "source-layer": "default",
-          beforeId: beforeId,
-          minzoom: 0,
-          maxzoom: 23,
-          layout: _extends({}, getLayerTempStyle == null || (_getLayerTempStyle11 = getLayerTempStyle(layer.name, "fill-extrusion")) == null ? void 0 : _getLayerTempStyle11.layout, {
-            visibility
-          }),
-          paint: _extends({}, DEFAULT_FILL_EXTRUSION_PAINT, getLayerTempStyle == null || (_getLayerTempStyle12 = getLayerTempStyle(layer.name, "fill-extrusion")) == null ? void 0 : _getLayerTempStyle12.paint)
-        })];
-
-      case api.GeometryType.Polyline:
-        return React__default.createElement(MapGL.Layer, {
-          id: layer.name,
-          type: "line",
-          "source-layer": "default",
-          beforeId: beforeId,
-          layout: _extends({}, getLayerTempStyle == null || (_getLayerTempStyle13 = getLayerTempStyle(layer.name, "line")) == null ? void 0 : _getLayerTempStyle13.layout, {
-            visibility
-          }),
-          paint: _extends({}, DEFAULT_LINE_PAINT, getLayerTempStyle == null || (_getLayerTempStyle14 = getLayerTempStyle(layer.name, "line")) == null ? void 0 : _getLayerTempStyle14.paint)
-        });
-
-      default:
-        return null;
-    }
-  }, [geometryType, layer, beforeId, visible, getLayerTempStyle == null ? void 0 : getLayerTempStyle(layer.name, "circle"), getLayerTempStyle == null ? void 0 : getLayerTempStyle(layer.name, "fill"), getLayerTempStyle == null ? void 0 : getLayerTempStyle(layer.name, "fill-extrusion"), getLayerTempStyle == null ? void 0 : getLayerTempStyle(layer.name, "line")]);
-  const renderClientStyle = React.useCallback(() => {
-    return clientStyle.items.map(mockItem => {
-      var _clientStyle$items, _getLayerTempStyle15, _getLayerTempStyle16, _currentSettings$fill, _currentSettings$fill2, _clientStyle$minzoom, _clientStyle$maxzoom, _getLayerTempStyle17, _getLayerTempStyle18;
-
-      const prefixSuffix = getClientStyleItemPrefixSuffix(geometryType, mockItem.type);
-      const isExtrusionItem = mockItem.type === "fill-extrusion";
-      const isPolygonPart = clientStyle.items.some(item => item.type === "fill-extrusion") && (mockItem.type === "fill" || mockItem.type === "line");
-      const fillExtrusionPaint = isPolygonPart || isExtrusionItem ? _extends({}, (_clientStyle$items = clientStyle.items) == null || (_clientStyle$items = _clientStyle$items.find(item => item.type === "fill-extrusion")) == null ? void 0 : _clientStyle$items.paint, getLayerTempStyle == null || (_getLayerTempStyle15 = getLayerTempStyle(layer.name, "fill-extrusion")) == null ? void 0 : _getLayerTempStyle15.paint) : undefined;
-
-      const currentSettings = _extends({}, clientStyle == null ? void 0 : clientStyle.settings, getLayerTempStyle == null || (_getLayerTempStyle16 = getLayerTempStyle(layer.name, mockItem.type)) == null ? void 0 : _getLayerTempStyle16.settings);
-
-      const processedExtrusionHeight = getActualExtrusionHeight(fillExtrusionPaint);
-      const hasExtrusion = Boolean(processedExtrusionHeight);
-      const visibility = visible && (isExtrusionItem && hasExtrusion || !isPolygonPart && !isExtrusionItem || isPolygonPart && (!hasExtrusion || ((_currentSettings$fill = currentSettings == null || (_currentSettings$fill2 = currentSettings.fill) == null ? void 0 : _currentSettings$fill2.showBottomSurface) != null ? _currentSettings$fill : true))) ? "visible" : "none";
-      return React__default.createElement(MapGL.Layer, {
-        key: "" + prefixSuffix[0] + layer.name,
-        id: "" + layer.name + prefixSuffix[1],
-        type: mockItem.type,
-        "source-layer": "default",
-        beforeId: beforeId,
-        minzoom: (_clientStyle$minzoom = clientStyle == null ? void 0 : clientStyle.minzoom) != null ? _clientStyle$minzoom : 0,
-        maxzoom: (_clientStyle$maxzoom = clientStyle == null ? void 0 : clientStyle.maxzoom) != null ? _clientStyle$maxzoom : 23,
-        layout: _extends({}, mockItem.layout, getLayerTempStyle == null || (_getLayerTempStyle17 = getLayerTempStyle(layer.name, mockItem.type)) == null ? void 0 : _getLayerTempStyle17.layout, {
-          visibility
-        }),
-        paint: _extends({}, mockItem.paint, getLayerTempStyle == null || (_getLayerTempStyle18 = getLayerTempStyle(layer.name, mockItem.type)) == null ? void 0 : _getLayerTempStyle18.paint)
-      });
-    });
-  }, [beforeId, clientStyle, geometryType, layer.name, visible, getLayerTempStyle == null ? void 0 : getLayerTempStyle(layer.name, "circle"), getLayerTempStyle == null ? void 0 : getLayerTempStyle(layer.name, "fill"), getLayerTempStyle == null ? void 0 : getLayerTempStyle(layer.name, "fill-extrusion"), getLayerTempStyle == null ? void 0 : getLayerTempStyle(layer.name, "line")]);
-
-  if (!layer) {
-    return null;
-  }
-
-  return React__default.createElement(MapGL.Source, {
-    promoteId: idAttribute,
-    id: layer.name,
-    type: "vector",
-    tiles: [tileUrl]
-  }, clientStyle != null && clientStyle.items ? renderClientStyle() : renderLayerByGeometryType());
-};
-
-const Layer = (_ref) => {
-  let {
-    layer,
-    layerType,
-    visible,
-    beforeId,
-    tileUrl,
-    onMount = () => null
-  } = _ref;
-  React.useEffect(onMount, []); // eslint-disable-line
-
-  if (!layer) {
-    return null;
-  }
-
-  if (layerType === "RasterTileLayer") {
-    return React__default.createElement(RasterLayer, {
-      layer: layer,
-      tileUrl: tileUrl,
-      visible: visible,
-      beforeId: beforeId
-    });
-  }
-
-  return React__default.createElement(VectorLayer, {
-    layer: layer,
-    tileUrl: tileUrl,
-    visible: visible,
-    beforeId: beforeId
-  });
-};
-
-var _templateObject;
-const MapWrapper = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  z-index: ", ";\n\n  .mapbox-gl-draw_trash {\n    display: none;\n  }\n\n  .mapboxgl-ctrl-logo {\n    display: none;\n  }\n\n  .mapboxgl-ctrl.mapboxgl-ctrl-attrib {\n    display: none;\n  }\n\n  .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {\n    width: 350px;\n  }\n"])), (_ref) => {
-  let {
-    $zIndex
-  } = _ref;
-  return $zIndex != null ? $zIndex : 1;
-});
-
-const customModes = MapboxDraw.modes;
-const StaticMode = {};
-
-StaticMode.onSetup = function () {
-  this.setActionableState(undefined);
-  return {};
-};
-
-StaticMode.toDisplayFeatures = function (state, geojson, display) {
-  display(geojson);
-};
-
-customModes.static = StaticMode;
-
-const customStyles = [{
-  id: "gl-draw-point",
-  type: "circle",
-  filter: ["all", ["==", "$type", "Point"]],
-  paint: {
-    "circle-radius": 5,
-    "circle-color": "#D20C0C",
-    "circle-stroke-color": "#FFFFFF",
-    "circle-stroke-width": 3,
-    "circle-stroke-opacity": 0.3
-  }
-}, {
-  id: "highlight-inactive-points",
-  type: "circle",
-  filter: ["all", ["==", "$type", "Point"], ["==", "meta", "feature"], ["==", "active", "false"]],
-  paint: {
-    "circle-radius": 5,
-    "circle-color": "#D20C0C",
-    "circle-stroke-color": "#FFFFFF",
-    "circle-stroke-width": 3,
-    "circle-stroke-opacity": 0.3
-  }
-}, {
-  id: "highlight-active-points",
-  type: "circle",
-  filter: ["all", ["==", "$type", "Point"], ["==", "meta", "feature"], ["==", "active", "true"]],
-  paint: {
-    "circle-radius": 3,
-    "circle-color": "#fbb03b",
-    "circle-stroke-color": "#FFFFFF",
-    "circle-stroke-width": 1,
-    "circle-stroke-opacity": 0.3
-  }
-}, {
-  id: "gl-draw-polygon-fill-static",
-  type: "fill",
-  filter: ["all", ["==", "$type", "Polygon"]],
-  paint: {
-    "fill-color": "#D20C0C",
-    "fill-outline-color": "#D20C0C",
-    "fill-opacity": 0.1
-  }
-}, {
-  id: "gl-draw-line",
-  type: "line",
-  filter: ["all", ["==", "$type", "LineString"]],
-  layout: {
-    "line-cap": "round",
-    "line-join": "round"
-  },
-  paint: {
-    "line-color": "#D20C0C",
-    "line-dasharray": [0.2, 2],
-    "line-width": 2
-  }
-}, {
-  id: "gl-draw-polygon-fill",
-  type: "fill",
-  filter: ["all", ["==", "$type", "Polygon"]],
-  paint: {
-    "fill-color": "#D20C0C",
-    "fill-outline-color": "#D20C0C",
-    "fill-opacity": 0.1
-  }
-}, {
-  id: "gl-draw-polygon-midpoint",
-  type: "circle",
-  filter: ["all", ["==", "$type", "Point"], ["==", "meta", "midpoint"]],
-  paint: {
-    "circle-radius": 3,
-    "circle-color": "#fbb03b",
-    "circle-stroke-color": "#FFFFFF",
-    "circle-stroke-width": 1,
-    "circle-stroke-opacity": 0.3
-  }
-}, {
-  id: "gl-draw-polygon-stroke-active",
-  type: "line",
-  filter: ["all", ["==", "$type", "Polygon"]],
-  layout: {
-    "line-cap": "round",
-    "line-join": "round"
-  },
-  paint: {
-    "line-color": "#D20C0C",
-    "line-dasharray": [0.2, 2],
-    "line-width": 2
-  }
-}, {
-  id: "gl-draw-polygon-and-line-vertex-active",
-  type: "circle",
-  filter: ["all", ["==", "meta", "vertex"], ["==", "$type", "Point"]],
-  paint: {
-    "circle-radius": 3,
-    "circle-color": "#D20C0C",
-    "circle-stroke-color": "#FFFFFF",
-    "circle-stroke-width": 3,
-    "circle-stroke-opacity": 0.3
-  }
-}];
-
-const MapContext = /*#__PURE__*/React.createContext({});
-
-const MapProvider = (_ref) => {
-  let {
-    basemapItems,
-    defaultBasemap,
-    children
-  } = _ref;
-  const map = React.useRef();
-  const draw = React.useRef();
-  const [loaded, setLoaded] = React.useState(false);
-  const [basemapName, setBasemapName] = React.useState(defaultBasemap);
-  return React__default.createElement(MapContext.Provider, {
-    value: {
-      map,
-      draw,
-      loaded,
-      setLoaded,
-      basemapItems,
-      basemapName,
-      setBasemapName,
-      defaultBasemap
-    }
-  }, children);
-};
-
-(function (BaseMapTheme) {
-  BaseMapTheme["Light"] = "light";
-  BaseMapTheme["Dark"] = "dark";
-})(exports.BaseMapTheme || (exports.BaseMapTheme = {}));
-
-const ServerNotificationsContext = /*#__PURE__*/React.createContext({});
-
-const useServerNotifications = (url, initialized) => {
-  const hubConnection = React.useRef(null);
-  const [connection, setConnection] = React.useState(null);
-  React.useEffect(() => {
-    if (!initialized) {
-      return;
-    }
-
-    hubConnection.current = new signalr.HubConnectionBuilder().withUrl(url, {
-      withCredentials: true
-    }).configureLogging(signalr.LogLevel.Information).build();
-    hubConnection.current.start().then(() => console.info("Серверные нотификации подключены")).catch(err => console.info("Ошибка:", err)).finally(() => setConnection(hubConnection.current));
-  }, [initialized]); // eslint-disable-line
-
-  React.useEffect(() => {
-    if (!connection || connection.state !== "Connected") {
-      return;
-    }
-
-    connection.invoke("SubscribeNotifications", []).then(() => console.info("Подписка `SubscribeNotifications` оформлена")).catch(err => console.info("Ошибка подписки `SubscribeNotifications`:", err));
-  }, [connection]);
-  return connection;
-};
-
-const ServerNotificationsProvider = (_ref) => {
-  let {
-    url,
-    initialized,
-    children
-  } = _ref;
-  const connection = useServerNotifications(url, initialized);
-  const addSubscription = React.useCallback(async payload => {
-    if (!connection || connection.state !== "Connected" || !payload) {
-      return;
-    }
-
-    try {
-      const id = await connection.invoke("AddSubscription", payload);
-      console.info("Подписка добавлена, id:", id);
-      return id;
-    } catch (err) {
-      console.info("Ошибка добавления подписки:", err);
-      return Promise.resolve(null);
-    }
-  }, [connection]);
-  const updateSubscription = React.useCallback(async (id, payload) => {
-    if (!connection || connection.state !== "Connected" || !id || !payload) {
-      return;
-    }
-
-    try {
-      await connection.invoke("UpdateSubscription", id, payload);
-    } catch (err) {
-      console.info("\u041E\u0448\u0438\u0431\u043A\u0430 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u043F\u043E\u0434\u043F\u0438\u0441\u043A\u0438 " + id + ":", err);
-    }
-  }, [connection]);
-  const unsubscribeById = React.useCallback(async id => {
-    if (!connection || connection.state !== "Connected" || !id) {
-      return;
-    }
-
-    try {
-      await connection.invoke("Unsubscribe", [id]);
-    } catch (err) {
-      console.info("\u041E\u0448\u0438\u0431\u043A\u0430 \u043E\u0442\u043F\u0438\u0441\u043A\u0438 \u043F\u043E " + id + ":", err);
-    }
-  }, [connection]);
-  return React__default.createElement(ServerNotificationsContext.Provider, {
-    value: {
-      connection,
-      addSubscription,
-      updateSubscription,
-      unsubscribeById
-    }
-  }, children);
-};
-
-const useMapContext = () => {
-  return React.useContext(MapContext);
-};
-
-const draw = /*#__PURE__*/new MapboxDraw({
-  displayControlsDefault: false,
-  styles: customStyles,
-  modes: customModes,
-  defaultMode: "draw_point",
-  controls: {
-    trash: true
-  }
-});
-const useMapDraw = function useMapDraw(triggerDeps) {
-  if (triggerDeps === void 0) {
-    triggerDeps = [];
-  }
-
-  const {
-    map,
-    draw: drawContext,
-    loaded,
-    basemapName
-  } = useMapContext();
-  React.useEffect(() => {
-    if (!loaded || !map.current) {
-      return;
-    }
-
-    drawContext.current = draw;
-    map.current.addControl(drawContext.current);
-  }, [loaded]); // eslint-disable-line
-
-  React.useEffect(() => {
-    if (map.current && map.current.hasControl(drawContext.current)) {
-      map.current.removeControl(drawContext.current);
-      map.current.addControl(drawContext.current);
-    }
-  }, [basemapName, ...triggerDeps]); // eslint-disable-line
-};
-
-const useRedrawLayer = () => {
-  const {
-    map
-  } = useMapContext();
-  return React.useCallback(layerName => {
-    const layerTileSource = map.current.getSource(layerName);
-    layerTileSource.setTiles(layerTileSource.tiles);
-  }, [map]);
-};
-
-const useZoomToFeatures = () => {
-  const {
-    map
-  } = useMapContext();
-  return React.useCallback((features, padding) => {
-    if (!features) {
-      return;
-    }
-
-    const currentFeatureCenter = turf.bbox({
-      type: "FeatureCollection",
-      features: features.map(feature => convertSpToTurfFeature(feature.geometry))
-    });
-    map.current.fitBounds(currentFeatureCenter, {
-      padding: padding != null ? padding : 150
-    });
-  }, [map]);
-};
-
-const useZoomToPoint = () => {
-  const {
-    map
-  } = useMapContext();
-  return React.useCallback((options, callback) => {
-    if (map.current) {
-      if (callback) {
-        map.current.once("moveend", () => {
-          callback();
-        });
-      }
-
-      map.current.flyTo(options);
-    } else {
-      callback == null || callback();
-    }
-  }, [map]);
-};
-
-const useServerNotificationsContext = () => {
-  return React.useContext(ServerNotificationsContext);
-};
-
-const NO_CONTENT_VALUE = "—";
-
-(function (DateFormat) {
-  DateFormat["ClientDefaultFormat"] = "dd.MM.yyyy HH:mm";
-  DateFormat["DateTime"] = "dd.MM.yyyy HH:mm:ss";
-  DateFormat["UTC"] = "yyyy-MM-dd'T'HH:mm:ss.sssxxx";
-  DateFormat["AxisTooltip"] = "d MMMM yyyy";
-})(exports.DateFormat || (exports.DateFormat = {}));
-
-const stringDateParsers = [dateFns.parseJSON, dateFns.parseISO, rawDate => new Date(rawDate)];
-const getDate = rawDate => {
-  if (!rawDate) return null;
-
-  if (typeof rawDate === "string") {
-    for (const parser of stringDateParsers) {
-      const date = parser(rawDate);
-
-      if (dateFns.isValid(date)) {
-        return dateFns.toDate(date);
-      }
-    }
-
-    return null;
-  }
-
-  const parsedDate = dateFns.toDate(rawDate);
-  return dateFns.isValid(parsedDate) ? parsedDate : null;
-};
-const formatDate = function formatDate(date, _temp) {
-  let {
-    dateFormat = exports.DateFormat.ClientDefaultFormat,
-    defaultValue = NO_CONTENT_VALUE
-  } = _temp === void 0 ? {} : _temp;
-  const dateValue = date ? getDate(date) : null;
-
-  if (dateFns.isValid(dateValue)) {
-    return dateFns.format(dateValue, dateFormat);
-  }
-
-  return defaultValue.toString();
-};
-
-const debounce = (callback, delay) => {
-  let timeId;
-  return function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    if (timeId) {
-      window.clearTimeout(timeId);
-    }
-
-    timeId = window.setTimeout(() => {
-      callback(...args);
-    }, delay);
-  };
-};
-
-const isNumeric = number => !isNaN(parseFloat(number)) && isFinite(number);
-
-function isObject(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-
-const useDebouncedCallback = interval => {
-  return React.useMemo(() => debounce(cb => {
-    cb();
-  }, interval), [interval]);
-};
-
-const useToggle = initial => {
-  const [state, setState] = React.useState(initial !== undefined ? initial : false);
-  const toggle = React.useCallback(() => setState(!state), [state]);
-  return [state, toggle, setState];
-};
-
-const DEBOUNCE_DELAY = 144;
-const useWindowResize = (callback, delay) => {
-  const debounceCallback = React.useMemo(() => {
-    return callback ? debounce(callback, delay || DEBOUNCE_DELAY) : undefined;
-  }, [callback, delay]);
-  React.useEffect(() => {
-    debounceCallback && window.addEventListener("resize", debounceCallback);
-    return () => debounceCallback && window.removeEventListener("resize", debounceCallback);
-  }, [debounceCallback]);
-};
-
-const _excluded = ["zIndex", "lowerSiblings", "upperSiblings", "onError", "children"];
-const Map = (_ref) => {
-  let {
-    zIndex,
-    lowerSiblings,
-    upperSiblings,
-    onError,
-    children
-  } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  const {
-    map,
-    setLoaded
-  } = useMapContext();
-  return React__default.createElement(MapWrapper, {
-    "$zIndex": zIndex
-  }, lowerSiblings, React__default.createElement(MapGL__default, Object.assign({}, rest, {
-    renderWorldCopies: true,
-    antialias: true,
-    doubleClickZoom: false,
-    cursor: "default",
-    onLoad: e => {
-      map.current = e.target;
-      map.current.on("error", onError);
-      setLoaded(true);
-    }
-  }), children), upperSiblings);
-};
-
-exports.DEFAULT_CIRCLE_PAINT = DEFAULT_CIRCLE_PAINT;
-exports.DEFAULT_FILL_EXTRUSION_PAINT = DEFAULT_FILL_EXTRUSION_PAINT;
-exports.DEFAULT_FILL_PAINT = DEFAULT_FILL_PAINT;
-exports.DEFAULT_LINE_PAINT = DEFAULT_LINE_PAINT;
-exports.ErrorBoundary = ErrorBoundary;
-exports.Layer = Layer;
-exports.Map = Map;
-exports.MapContext = MapContext;
-exports.MapProvider = MapProvider;
-exports.NO_CONTENT_VALUE = NO_CONTENT_VALUE;
-exports.ServerNotificationsContext = ServerNotificationsContext;
-exports.ServerNotificationsProvider = ServerNotificationsProvider;
-exports.convertSpToTurfFeature = convertSpToTurfFeature;
-exports.debounce = debounce;
-exports.findAttributeInExpression = findAttributeInExpression;
-exports.formatDate = formatDate;
-exports.getActualExtrusionHeight = getActualExtrusionHeight;
-exports.getDate = getDate;
-exports.isNumeric = isNumeric;
-exports.isObject = isObject;
-exports.parseClientStyle = parseClientStyle;
-exports.useDebouncedCallback = useDebouncedCallback;
-exports.useMapContext = useMapContext;
-exports.useMapDraw = useMapDraw;
-exports.useRedrawLayer = useRedrawLayer;
-exports.useServerNotificationsContext = useServerNotificationsContext;
-exports.useToggle = useToggle;
-exports.useWindowResize = useWindowResize;
-exports.useZoomToFeatures = useZoomToFeatures;
-exports.useZoomToPoint = useZoomToPoint;
-//# sourceMappingURL=react.cjs.development.js.map