react-leaflet-deflate 3.0.0-beta.0 → 3.0.0-beta.1

package/README.md

@@ -3,9 +3,6 @@
 
 [![version](https://img.shields.io/npm/v/react-leaflet-deflate.svg?style=plastic)](http://npm.im/react-leaflet-deflate)
 [![react-leaflet compatibility](https://img.shields.io/npm/dependency-version/react-leaflet-deflate/peer/react-leaflet.svg?style=plastic)](https://github.com/mhasbie/react-leaflet-deflate)
-[![travis build](https://img.shields.io/travis/mhasbie/react-leaflet-deflate.svg?style=plastic)](https://travis-ci.org/mhasbie/react-leaflet-deflate)
-[![dependencies](https://img.shields.io/david/mhasbie/react-leaflet-deflate.svg?style=plastic)](https://david-dm.org/mhasbie/react-leaflet-deflate)
-[![peer dependencies](https://img.shields.io/david/peer/mhasbie/react-leaflet-deflate.svg?style=plastic)](https://david-dm.org/mhasbie/react-leaflet-deflate?type=peer)
 [![issues](https://img.shields.io/github/issues/mhasbie/react-leaflet-deflate.svg?style=plastic)](https://github.com/mhasbie/react-leaflet-deflate/issues)
 [![downloads](https://img.shields.io/npm/dt/react-leaflet-deflate.svg?style=plastic)](http://npm-stat.com/charts.html?package=react-leaflet-deflate&from=2018-01-01)
 [![MIT License](https://img.shields.io/npm/l/react-leaflet-deflate.svg?style=plastic)](http://opensource.org/licenses/MIT)

package/lib/Deflate.js

@@ -0,0 +1,40 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useMap } from 'react-leaflet/hooks';
+import { createElementObject, createLayerComponent, updateGridLayer } from "@react-leaflet/core";
+import 'leaflet.markercluster';
+import 'Leaflet.Deflate';
+var initMapClasses = function initMapClasses() {
+  var map = useMap();
+  var mapClassName = map.getContainer().className;
+  var isAnimClassApplied = mapClassName.indexOf('leaflet-cluster-anim') !== -1;
+  var isStyledClassApplied = mapClassName.indexOf('marker-cluster-styled') !== -1;
+  var isAnimatedClassApplied = mapClassName.indexOf('marker-cluster-animated') !== -1;
+  !isAnimClassApplied && (map.getContainer().className += ' leaflet-cluster-anim');
+  !isStyledClassApplied && (map.getContainer().className += ' marker-cluster-styled');
+  !isAnimatedClassApplied && (map.getContainer().className += ' marker-cluster-animated');
+};
+var createDeflateLayer = function createDeflateLayer(props, context) {
+  var markerCluster = props.markerCluster,
+    data = props.data;
+  // This will add our Leaflet.Deflate (this.leafletElement) to the map--something that must happen BEFORE
+  // we can add anything to Leaflet.Deflate itself.
+
+  var deflateProps = _objectSpread({}, props);
+  if (markerCluster) {
+    initMapClasses();
+    var markerLayer = L.markerClusterGroup();
+    deflateProps.markerLayer = markerLayer;
+  }
+  var layer = new L.Deflate(deflateProps);
+  L.geoJSON(data, props).addTo(layer);
+  return createElementObject(layer, context);
+};
+var updateDeflateLayer = function updateDeflateLayer(layer, props, prevProps) {
+  updateGridLayer(layer, props, prevProps);
+};
+export default createLayerComponent(createDeflateLayer, updateDeflateLayer);

package/lib/index.js

@@ -0,0 +1,2 @@
+import Deflate from './Deflate';
+export default Deflate;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-leaflet-deflate",
-	"version": "3.0.0-beta.0",
+	"version": "3.0.0-beta.1",
 	"description": "React wrapper of Leaflet.Deflate. Substitues polygons and lines with markers when screen size falls below a defined threshold.",
 	"main": "dist/react-leaflet-deflate.min.js",
 	"module": "lib/index.js",
@@ -33,7 +33,7 @@
 	"peerDependencies": {
 		"leaflet": "^1.9.4",
 		"leaflet.markercluster": "^1.5.3",
-		"react-leaflet": "^5.0.0"
+		"react-leaflet": "^4.0.0 || ^5.0.0"
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.28.3",

package/babel.config.js

@@ -1,21 +0,0 @@
-module.exports = {
-  presets: [
-    ['@babel/preset-env', { modules: false }],
-    '@babel/preset-react'
-  ],
-  plugins: [
-    '@babel/plugin-transform-class-properties'
-  ],
-  env: {
-    test: {
-      presets: [
-        '@babel/preset-env',
-        '@babel/preset-react'
-      ],
-      plugins: [
-        '@babel/plugin-transform-class-properties',
-        '@babel/plugin-transform-modules-commonjs'
-      ],
-    },
-  },
-};