turkey-district-maps-3 1.1.2 → 1.1.3

package/README.md

@@ -4,13 +4,20 @@
 
 [![NPM](https://img.shields.io/npm/v/turkey-district-maps-3.svg)](https://www.npmjs.com/package/turkey-district-maps-3) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [![Made with React](https://img.shields.io/badge/React-17-blue?logo=react&logoColor=white)](https://www.npmjs.com/package/react)
 
+## 🌏  Open in the Cloud 
+
+Click any of the buttons below to start a new development environment to demo or contribute to the codebase without having to install anything on your machine:
+
+[![Open in VS Code](https://img.shields.io/badge/Open%20in-VS%20Code-blue?logo=visualstudiocode)](https://vscode.dev/github/ritzykey/turkey-district-map)
+[![Edit example-turkey-district-maps](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/example-turkey-district-maps-9qcxyk)
+
 ## Install
 
 ```bash
 npm install turkey-district-maps-3
 ```
 
-## Usage [![Open in CodeSandbox](https://img.shields.io/badge/Open_in-CodeSandbox-black?logo=codesandbox&logoColor=white)](https://lsh7w.csb.app/)
+## Usage
 
 ```jsx
 import { Istanbul, Ankara } from 'turkey-district-maps-3'
@@ -69,8 +76,8 @@ This is generally used for [Antd](https://ant.design/components/tooltip/) style
 | Property    | Description                                                | Type                                                                                 | Default                                                              |
 | :---------- | :--------------------------------------------------------- | :----------------------------------------------------------------------------------- | :------------------------------------------------------------------- |
 | distWrapper | District DOMs are wrapped by provided component.           | ( **cityComponent**: _JSX.Element_, **distData** : _distDataType_ ) => _JSX.Element_ | _Unwrapped district_                                                 |
-| onClick     | Event when a district clicked on the map.                  | ( **district** : _districtType_ ) => _void_                                          | -                                                                    |
-| onHover     | Event when a district hovered on the map.                  | ( **district** : _districtType_ ) => _void_                                          | -                                                                    |
+| onClick     | Event when a district clicked on the map.                  | ( **district** : _distDataType_ ) => _void_                                          | -                                                                    |
+| onHover     | Event when a district hovered on the map.                  | ( **district** : _distDataType_ ) => _void_                                          | -                                                                    |
 | customStyle | Stylizing the component.                                   | _customStyleType_                                                                    | { **idleColor**: _#444_, **hoverColor**: _#dc3522_ }                 |
 | strokeStyle | Stylizing the component.                                   | _strokeStyleType_                                                                    | { **strokeWidth**: _0.08_, **strokeColor**: _white_ }                |
 | viewBox     | Position and dimension information of the map (svg) layout | _viewBoxType_                                                                        | { **top**: _30_, **left**: _75_, **width**: _74_, **height**: _45_ } |

package/dist/index.js

@@ -3,21 +3,13 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = _interopDefault(require('react'));
 
 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 _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
 var data = {
@@ -3031,7 +3023,6 @@ var onHover2 = function onHover2(e, onHover) {
 };
 var handleMouseEvent = function handleMouseEvent(e, callback) {
   var element = e.target;
-
   if (element.tagName === "path") {
     var distPath = element.getAttribute("d");
     var name = element.id;
@@ -3052,33 +3043,30 @@ var parentSvgStyles = {
   width: 'auto',
   margin: '0 auto'
 };
-
 var TurkeyCityMaps = function TurkeyCityMaps(_ref) {
   var city = _ref.city,
-      _ref$customStyle = _ref.customStyle,
-      idleColor = _ref$customStyle.idleColor,
-      hoverColor = _ref$customStyle.hoverColor,
-      _ref$strokeStyle = _ref.strokeStyle,
-      strokeWidth = _ref$strokeStyle.strokeWidth,
-      strokeColor = _ref$strokeStyle.strokeColor,
-      hidden = _ref.hidden,
-      _ref$viewBox = _ref.viewBox,
-      top = _ref$viewBox.top,
-      left = _ref$viewBox.left,
-      width = _ref$viewBox.width,
-      height = _ref$viewBox.height,
-      distWrapper = _ref.distWrapper,
-      _onClick = _ref.onClick,
-      onHover = _ref.onHover;
-
+    _ref$customStyle = _ref.customStyle,
+    idleColor = _ref$customStyle.idleColor,
+    hoverColor = _ref$customStyle.hoverColor,
+    _ref$strokeStyle = _ref.strokeStyle,
+    strokeWidth = _ref$strokeStyle.strokeWidth,
+    strokeColor = _ref$strokeStyle.strokeColor,
+    hidden = _ref.hidden,
+    _ref$viewBox = _ref.viewBox,
+    top = _ref$viewBox.top,
+    left = _ref$viewBox.left,
+    width = _ref$viewBox.width,
+    height = _ref$viewBox.height,
+    distWrapper = _ref.distWrapper,
+    _onClick = _ref.onClick,
+    onHover = _ref.onHover;
   var distWrapper2 = function distWrapper2() {
     return getDistrict().map(function (_ref2) {
       var element = _ref2.element,
-          distData = _ref2.distData;
+        distData = _ref2.distData;
       return distWrapper ? distWrapper(element, distData) : element;
     });
   };
-
   var getDistrict = function getDistrict() {
     return data["" + city].map(function (distData, i) {
       var element = /*#__PURE__*/React.createElement("path", {
@@ -3109,7 +3097,6 @@ var TurkeyCityMaps = function TurkeyCityMaps(_ref) {
       };
     });
   };
-
   return /*#__PURE__*/React.createElement("div", {
     style: parentSvgStyles
   }, /*#__PURE__*/React.createElement("svg", {
@@ -3120,7 +3107,6 @@ var TurkeyCityMaps = function TurkeyCityMaps(_ref) {
     xmlnsXlink: "http://www.w3.org/1999/xlink"
   }, /*#__PURE__*/React.createElement("g", null, distWrapper2())));
 };
-
 TurkeyCityMaps.defaultProps = {
   city: 'istanbul',
   customStyle: {