react-native-map4d-map-dtqg 0.1.1 → 0.1.3

package/lib/commonjs/components/MFPolyline.js.map

@@ -1 +1 @@
-{"version":3,"names":["viewPropTypes","ViewPropTypes","View","propTypes","coordinates","PropTypes","arrayOf","shape","latitude","number","isRequired","longitude","color","ColorPropType","width","lineStyle","oneOf","zIndex","visible","bool","userData","object","onPress","func","MFPolyline","React","Component","constructor","props","_onPress","bind","_ref","event","stopPropagation","ref","polyline","setCoordinates","_runCommand","setWidth","setColor","processColor","setVisible","setTouchable","touchable","setZIndex","setLineStyle","style","setUserData","_getHandle","findNodeHandle","name","args","Platform","OS","NativeModules","UIManager","dispatchViewManagerCommand","_uiManagerCommand","_mapManagerCommand","componentName","getViewManagerConfig","Commands","render","RMFPolyline","requireNativeComponent"],"sources":["MFPolyline.js"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {ViewPropTypes, ColorPropType} from 'deprecated-react-native-prop-types';\r\nimport {\r\n  requireNativeComponent,\r\n  Platform,\r\n  NativeModules,\r\n  findNodeHandle,\r\n  processColor\r\n} from 'react-native';\r\n\r\n// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)\r\nconst viewPropTypes = ViewPropTypes || View.propTypes;\r\n\r\nconst propTypes = {\r\n  ...viewPropTypes,\r\n\r\n  /**\r\n   * An array of coordinates to describe the polyline\r\n   */\r\n  coordinates: PropTypes.arrayOf(\r\n    PropTypes.shape({\r\n      /**\r\n       * Latitude/Longitude coordinates\r\n       */\r\n      latitude: PropTypes.number.isRequired,\r\n      longitude: PropTypes.number.isRequired,\r\n    })\r\n  ),\r\n\r\n  /**\r\n   * The color to use for the path.\r\n   */\r\n  color: ColorPropType,\r\n\r\n  /**\r\n   * The stroke width to use for the path.\r\n   */\r\n  width: PropTypes.number,\r\n\r\n  /**\r\n   * The default style is `solid`.\r\n   */\r\n  lineStyle: PropTypes.oneOf(['solid', 'dotted']),\r\n\r\n  /**\r\n   * zIndex\r\n   */\r\n  zIndex: PropTypes.number,\r\n\r\n  /**\r\n   * visible\r\n   */\r\n  visible: PropTypes.bool,\r\n\r\n  /**\r\n   * userData\r\n   */\r\n  userData:PropTypes.object,\r\n\r\n  /**\r\n   * Callback that is called when the user presses on the polyline\r\n   */\r\n  onPress: PropTypes.func,\r\n};\r\n\r\n\r\nclass MFPolyline extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this._onPress = this._onPress.bind(this)\r\n    this._ref = this._ref.bind(this)\r\n  }\r\n\r\n  _onPress(event) {\r\n    event.stopPropagation();\r\n      if (this.props.onPress) {\r\n        this.props.onPress(event);\r\n    }\r\n  }\r\n\r\n  _ref(ref) {\r\n    this.polyline = ref;\r\n  }\r\n\r\n  // TODO - bug\r\n  setCoordinates(coordinates) {\r\n    this._runCommand(\"setCoordinates\", [coordinates])\r\n  }\r\n\r\n  setWidth(width) {\r\n    this._runCommand(\"setWidth\", [width])\r\n  }\r\n\r\n  setColor(color) {\r\n    this._runCommand(\"setColor\", [processColor(color)])\r\n  }\r\n\r\n  setVisible(visible) {\r\n    this._runCommand(\"setVisible\", [visible])\r\n  }\r\n\r\n  setTouchable(touchable) {\r\n    this._runCommand(\"setTouchable\", [touchable])\r\n  }\r\n\r\n  setZIndex(zIndex) {\r\n    this._runCommand(\"setZIndex\", [zIndex])\r\n  }\r\n\r\n  setLineStyle(style) {\r\n    this._runCommand(\"setLineStyle\", [style])\r\n  }\r\n\r\n  setUserData(userData) {\r\n    this._runCommand(\"setUserData\", [userData])\r\n  }\r\n\r\n  _getHandle() {\r\n    return findNodeHandle(this.polyline);\r\n  }\r\n\r\n  _runCommand(name, args) {\r\n    switch (Platform.OS) {\r\n      case 'android':\r\n        NativeModules.UIManager.dispatchViewManagerCommand(\r\n          this._getHandle(),\r\n          this._uiManagerCommand(name),\r\n          args\r\n        );\r\n        break;\r\n\r\n      case 'ios':\r\n        this._mapManagerCommand(name)(this._getHandle(), ...args);\r\n        break;\r\n\r\n      default:\r\n        break;\r\n    }\r\n  }\r\n\r\n  _uiManagerCommand(name) {\r\n    const UIManager = NativeModules.UIManager;\r\n    const componentName = \"RMFPolyline\";\r\n\r\n    if (!UIManager.getViewManagerConfig) {\r\n      // RN < 0.58\r\n      return UIManager[componentName].Commands[name];\r\n    }\r\n\r\n    // RN >= 0.58        \r\n    return UIManager.getViewManagerConfig(componentName).Commands[name];\r\n  }\r\n\r\n  _mapManagerCommand(name) {\r\n    return NativeModules[`RMFPolyline`][name];\r\n  }\r\n\r\n  render() {\r\n    return <RMFPolyline\r\n      {...this.props}\r\n      ref={this._ref}\r\n      onPress={this._onPress}\r\n    />;\r\n  }\r\n}\r\n\r\nMFPolyline.propTypes = propTypes;\r\n\r\nvar RMFPolyline = requireNativeComponent(`RMFPolyline`, MFPolyline);\r\n\r\nexport { MFPolyline }\r\n"],"mappings":"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"}
+{"version":3,"names":["viewPropTypes","ViewPropTypes","View","propTypes","coordinates","PropTypes","arrayOf","shape","latitude","number","isRequired","longitude","color","ColorPropType","width","lineStyle","oneOf","zIndex","visible","bool","userData","object","onPress","func","MFPolyline","React","Component","constructor","props","_onPress","bind","_ref","event","stopPropagation","ref","polyline","setCoordinates","_runCommand","setWidth","setColor","processColor","setVisible","setTouchable","touchable","setZIndex","setLineStyle","style","setUserData","_getHandle","findNodeHandle","name","args","Platform","OS","NativeModules","UIManager","dispatchViewManagerCommand","_uiManagerCommand","_mapManagerCommand","componentName","getViewManagerConfig","Commands","render","RMFPolyline","requireNativeComponent"],"sources":["MFPolyline.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {ViewPropTypes, ColorPropType} from 'deprecated-react-native-prop-types';\nimport {\n  requireNativeComponent,\n  Platform,\n  NativeModules,\n  findNodeHandle,\n  processColor\n} from 'react-native';\n\n// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)\nconst viewPropTypes = ViewPropTypes || View.propTypes;\n\nconst propTypes = {\n  ...viewPropTypes,\n\n  /**\n   * An array of coordinates to describe the polyline\n   */\n  coordinates: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Latitude/Longitude coordinates\n       */\n      latitude: PropTypes.number.isRequired,\n      longitude: PropTypes.number.isRequired,\n    })\n  ),\n\n  /**\n   * The color to use for the path.\n   */\n  color: ColorPropType,\n\n  /**\n   * The stroke width to use for the path.\n   */\n  width: PropTypes.number,\n\n  /**\n   * The default style is `solid`.\n   */\n  lineStyle: PropTypes.oneOf(['solid', 'dotted']),\n\n  /**\n   * zIndex\n   */\n  zIndex: PropTypes.number,\n\n  /**\n   * visible\n   */\n  visible: PropTypes.bool,\n\n  /**\n   * userData\n   */\n  userData:PropTypes.object,\n\n  /**\n   * Callback that is called when the user presses on the polyline\n   */\n  onPress: PropTypes.func,\n};\n\n\nclass MFPolyline extends React.Component {\n  constructor(props) {\n    super(props);\n    this._onPress = this._onPress.bind(this)\n    this._ref = this._ref.bind(this)\n  }\n\n  _onPress(event) {\n    event.stopPropagation();\n      if (this.props.onPress) {\n        this.props.onPress(event);\n    }\n  }\n\n  _ref(ref) {\n    this.polyline = ref;\n  }\n\n  // TODO - bug\n  setCoordinates(coordinates) {\n    this._runCommand(\"setCoordinates\", [coordinates])\n  }\n\n  setWidth(width) {\n    this._runCommand(\"setWidth\", [width])\n  }\n\n  setColor(color) {\n    this._runCommand(\"setColor\", [processColor(color)])\n  }\n\n  setVisible(visible) {\n    this._runCommand(\"setVisible\", [visible])\n  }\n\n  setTouchable(touchable) {\n    this._runCommand(\"setTouchable\", [touchable])\n  }\n\n  setZIndex(zIndex) {\n    this._runCommand(\"setZIndex\", [zIndex])\n  }\n\n  setLineStyle(style) {\n    this._runCommand(\"setLineStyle\", [style])\n  }\n\n  setUserData(userData) {\n    this._runCommand(\"setUserData\", [userData])\n  }\n\n  _getHandle() {\n    return findNodeHandle(this.polyline);\n  }\n\n  _runCommand(name, args) {\n    switch (Platform.OS) {\n      case 'android':\n        NativeModules.UIManager.dispatchViewManagerCommand(\n          this._getHandle(),\n          this._uiManagerCommand(name),\n          args\n        );\n        break;\n\n      case 'ios':\n        this._mapManagerCommand(name)(this._getHandle(), ...args);\n        break;\n\n      default:\n        break;\n    }\n  }\n\n  _uiManagerCommand(name) {\n    const UIManager = NativeModules.UIManager;\n    const componentName = \"RMFPolyline\";\n\n    if (!UIManager.getViewManagerConfig) {\n      // RN < 0.58\n      return UIManager[componentName].Commands[name];\n    }\n\n    // RN >= 0.58        \n    return UIManager.getViewManagerConfig(componentName).Commands[name];\n  }\n\n  _mapManagerCommand(name) {\n    return NativeModules[`RMFPolyline`][name];\n  }\n\n  render() {\n    return <RMFPolyline\n      {...this.props}\n      ref={this._ref}\n      onPress={this._onPress}\n    />;\n  }\n}\n\nMFPolyline.propTypes = propTypes;\n\nvar RMFPolyline = requireNativeComponent(`RMFPolyline`, MFPolyline);\n\nexport { MFPolyline }\n"],"mappings":"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"}

package/lib/commonjs/components/MFTileOverlay.js

@@ -19,21 +19,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const viewPropTypes = _deprecatedReactNativePropTypes.ViewPropTypes || _reactNative.View.propTypes;
 const propTypes = { ...viewPropTypes,
 
-  /**
-   * The url template of the tile server. The patterns {x} {y} {z} will be replaced at runtime
-   * For example, https://tile.openstreetmap.de/{z}/{x}/{y}.png
+  /**
+   * The url template of the tile server. The patterns {x} {y} {z} will be replaced at runtime
+   * For example, https://tile.openstreetmap.de/{z}/{x}/{y}.png
    */
   urlTemplate: _propTypes.default.string.isRequired,
 
-  /**
-   * visible
+  /**
+   * visible
    */
   visible: _propTypes.default.bool,
 
-  /**
-   * The order in which this tile overlay is drawn with respect to other overlays. An overlay
-   * with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays
-   * with the same z-index is arbitrary. The default zIndex is 0.
+  /**
+   * The order in which this tile overlay is drawn with respect to other overlays. An overlay
+   * with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays
+   * with the same z-index is arbitrary. The default zIndex is 0.
    */
   zIndex: _propTypes.default.number
 };

package/lib/commonjs/components/MFTileOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["viewPropTypes","ViewPropTypes","View","propTypes","urlTemplate","PropTypes","string","isRequired","visible","bool","zIndex","number","MFTileOverlay","React","Component","render","props","RMFTileOverlay","requireNativeComponent"],"sources":["MFTileOverlay.js"],"sourcesContent":["import PropTypes from \"prop-types\";\r\nimport React from 'react';\r\nimport {ViewPropTypes} from 'deprecated-react-native-prop-types';\r\nimport {\r\n  requireNativeComponent,\r\n  View,\r\n} from 'react-native';\r\n\r\n// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)\r\nconst viewPropTypes = ViewPropTypes || View.propTypes;\r\nconst propTypes = {\r\n  ...viewPropTypes,\r\n\r\n  /**\r\n   * The url template of the tile server. The patterns {x} {y} {z} will be replaced at runtime\r\n   * For example, https://tile.openstreetmap.de/{z}/{x}/{y}.png\r\n   */\r\n  urlTemplate: PropTypes.string.isRequired,\r\n\r\n  /**\r\n   * visible\r\n   */\r\n  visible: PropTypes.bool,\r\n\r\n  /**\r\n   * The order in which this tile overlay is drawn with respect to other overlays. An overlay\r\n   * with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays\r\n   * with the same z-index is arbitrary. The default zIndex is 0.\r\n   */\r\n  zIndex: PropTypes.number,\r\n};\r\n\r\nclass MFTileOverlay extends React.Component {\r\n  render() {\r\n    return <RMFTileOverlay\r\n      {...this.props}\r\n    />;\r\n  }\r\n}\r\n\r\nMFTileOverlay.propTypes = propTypes;\r\n\r\nvar RMFTileOverlay = requireNativeComponent(`RMFTileOverlay`, MFTileOverlay);\r\n\r\nexport { MFTileOverlay }\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAKA;AACA,MAAMA,aAAa,GAAGC,6CAAA,IAAiBC,iBAAA,CAAKC,SAA5C;AACA,MAAMA,SAAS,GAAG,EAChB,GAAGH,aADa;;EAGhB;AACF;AACA;AACA;EACEI,WAAW,EAAEC,kBAAA,CAAUC,MAAV,CAAiBC,UAPd;;EAShB;AACF;AACA;EACEC,OAAO,EAAEH,kBAAA,CAAUI,IAZH;;EAchB;AACF;AACA;AACA;AACA;EACEC,MAAM,EAAEL,kBAAA,CAAUM;AAnBF,CAAlB;;AAsBA,MAAMC,aAAN,SAA4BC,cAAA,CAAMC,SAAlC,CAA4C;EAC1CC,MAAM,GAAG;IACP,oBAAO,6BAAC,cAAD,EACD,KAAKC,KADJ,CAAP;EAGD;;AALyC;;;AAQ5CJ,aAAa,CAACT,SAAd,GAA0BA,SAA1B;AAEA,IAAIc,cAAc,GAAG,IAAAC,mCAAA,EAAwB,gBAAxB,EAAyCN,aAAzC,CAArB"}
+{"version":3,"names":["viewPropTypes","ViewPropTypes","View","propTypes","urlTemplate","PropTypes","string","isRequired","visible","bool","zIndex","number","MFTileOverlay","React","Component","render","props","RMFTileOverlay","requireNativeComponent"],"sources":["MFTileOverlay.js"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport React from 'react';\nimport {ViewPropTypes} from 'deprecated-react-native-prop-types';\nimport {\n  requireNativeComponent,\n  View,\n} from 'react-native';\n\n// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)\nconst viewPropTypes = ViewPropTypes || View.propTypes;\nconst propTypes = {\n  ...viewPropTypes,\n\n  /**\n   * The url template of the tile server. The patterns {x} {y} {z} will be replaced at runtime\n   * For example, https://tile.openstreetmap.de/{z}/{x}/{y}.png\n   */\n  urlTemplate: PropTypes.string.isRequired,\n\n  /**\n   * visible\n   */\n  visible: PropTypes.bool,\n\n  /**\n   * The order in which this tile overlay is drawn with respect to other overlays. An overlay\n   * with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays\n   * with the same z-index is arbitrary. The default zIndex is 0.\n   */\n  zIndex: PropTypes.number,\n};\n\nclass MFTileOverlay extends React.Component {\n  render() {\n    return <RMFTileOverlay\n      {...this.props}\n    />;\n  }\n}\n\nMFTileOverlay.propTypes = propTypes;\n\nvar RMFTileOverlay = requireNativeComponent(`RMFTileOverlay`, MFTileOverlay);\n\nexport { MFTileOverlay }\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAKA;AACA,MAAMA,aAAa,GAAGC,6CAAA,IAAiBC,iBAAA,CAAKC,SAA5C;AACA,MAAMA,SAAS,GAAG,EAChB,GAAGH,aADa;;EAGhB;AACF;AACA;AACA;EACEI,WAAW,EAAEC,kBAAA,CAAUC,MAAV,CAAiBC,UAPd;;EAShB;AACF;AACA;EACEC,OAAO,EAAEH,kBAAA,CAAUI,IAZH;;EAchB;AACF;AACA;AACA;AACA;EACEC,MAAM,EAAEL,kBAAA,CAAUM;AAnBF,CAAlB;;AAsBA,MAAMC,aAAN,SAA4BC,cAAA,CAAMC,SAAlC,CAA4C;EAC1CC,MAAM,GAAG;IACP,oBAAO,6BAAC,cAAD,EACD,KAAKC,KADJ,CAAP;EAGD;;AALyC;;;AAQ5CJ,aAAa,CAACT,SAAd,GAA0BA,SAA1B;AAEA,IAAIc,cAAc,GAAG,IAAAC,mCAAA,EAAwB,gBAAxB,EAAyCN,aAAzC,CAArB"}

package/lib/commonjs/components/Map4dMapView.js.map

@@ -1 +1 @@
-{"version":3,"names":["LINKING_ERROR","Platform","select","ios","default","ComponentName","Map4dMapView","UIManager","getViewManagerConfig","requireNativeComponent","Error"],"sources":["Map4dMapView.tsx"],"sourcesContent":["import {\r\n    requireNativeComponent,\r\n    UIManager,\r\n    Platform,\r\n    ViewStyle,\r\n  } from 'react-native';\r\n  \r\n  const LINKING_ERROR =\r\n    `The package 'react-native-map4d-map' doesn't seem to be linked. Make sure: \\n\\n` +\r\n    Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\r\n    '- You rebuilt the app after installing the package\\n' +\r\n    '- You are not using Expo managed workflow\\n';\r\n  \r\n  type Map4dMapProps = {\r\n    color: string;\r\n    style: ViewStyle;\r\n  };\r\n  \r\n  const ComponentName = 'Map4dMapView';\r\n  \r\n  export const Map4dMapView =\r\n    UIManager.getViewManagerConfig(ComponentName) != null\r\n      ? requireNativeComponent<Map4dMapProps>(ComponentName)\r\n      : () => {\r\n          throw new Error(LINKING_ERROR);\r\n        };\r\n  "],"mappings":";;;;;;;AAAA;;AAOE,MAAMA,aAAa,GAChB,iFAAD,GACAC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAWA,MAAMC,aAAa,GAAG,cAAtB;AAEO,MAAMC,YAAY,GACvBC,sBAAA,CAAUC,oBAAV,CAA+BH,aAA/B,KAAiD,IAAjD,GACI,IAAAI,mCAAA,EAAsCJ,aAAtC,CADJ,GAEI,MAAM;EACJ,MAAM,IAAIK,KAAJ,CAAUV,aAAV,CAAN;AACD,CALA"}
+{"version":3,"names":["LINKING_ERROR","Platform","select","ios","default","ComponentName","Map4dMapView","UIManager","getViewManagerConfig","requireNativeComponent","Error"],"sources":["Map4dMapView.tsx"],"sourcesContent":["import {\n    requireNativeComponent,\n    UIManager,\n    Platform,\n    ViewStyle,\n  } from 'react-native';\n  \n  const LINKING_ERROR =\n    `The package 'react-native-map4d-map' doesn't seem to be linked. Make sure: \\n\\n` +\n    Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n    '- You rebuilt the app after installing the package\\n' +\n    '- You are not using Expo managed workflow\\n';\n  \n  type Map4dMapProps = {\n    color: string;\n    style: ViewStyle;\n  };\n  \n  const ComponentName = 'Map4dMapView';\n  \n  export const Map4dMapView =\n    UIManager.getViewManagerConfig(ComponentName) != null\n      ? requireNativeComponent<Map4dMapProps>(ComponentName)\n      : () => {\n          throw new Error(LINKING_ERROR);\n        };\n  "],"mappings":";;;;;;;AAAA;;AAOE,MAAMA,aAAa,GAChB,iFAAD,GACAC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAWA,MAAMC,aAAa,GAAG,cAAtB;AAEO,MAAMC,YAAY,GACvBC,sBAAA,CAAUC,oBAAV,CAA+BH,aAA/B,KAAiD,IAAjD,GACI,IAAAI,mCAAA,EAAsCJ,aAAtC,CADJ,GAEI,MAAM;EACJ,MAAM,IAAIK,KAAJ,CAAUV,aAAV,CAAN;AACD,CALA"}

package/lib/commonjs/components/extends/AreaFocusManager.js

@@ -0,0 +1,205 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AreaFocusManager = void 0;
+
+var _AreaFocusSession = require("./area/AreaFocusSession");
+
+var _AreaFocusAreas = require("./area/AreaFocusAreas");
+
+var _AreaFocusTypes = require("./area/AreaFocusTypes");
+
+/**
+ * @typedef {'normal' | 'highlight'} FocusDisplay
+ */
+
+/**
+ * @typedef {{left?: number, right?: number, top?: number, bottom?: number}} FocusPadding
+ */
+
+/**
+ * @typedef {'province' | 'industrialZone' | 'economicZone' | 'ecoIndustrialZone' | 'freeTradeZone' | 'nonTariffZone' | 'otherZoneModel' | number} FocusType
+ */
+
+/**
+ * @typedef {Object} FocusOptions
+ * @property {FocusType} type
+ * @property {number=} id
+ * @property {string=} name
+ * @property {FocusDisplay=} display
+ * @property {FocusPadding=} padding
+ */
+const VIETNAM_MAINLAND_BOUNDS = {
+  minLat: 8.18,
+  minLng: 102.14,
+  maxLat: 23.4,
+  maxLng: 109.47
+};
+const FOCUS_TYPE_TO_INDUSTRIAL_ECONOMIC_TYPE = {
+  industrialZone: _AreaFocusTypes.IndustrialEconomicType.INDUSTRIAL_ZONE,
+  economicZone: _AreaFocusTypes.IndustrialEconomicType.ECONOMIC_ZONE,
+  ecoIndustrialZone: _AreaFocusTypes.IndustrialEconomicType.ECO_INDUSTRIAL_ZONE,
+  freeTradeZone: _AreaFocusTypes.IndustrialEconomicType.FREE_TRADE_ZONE,
+  nonTariffZone: _AreaFocusTypes.IndustrialEconomicType.NON_TARIFF_ZONE,
+  otherZoneModel: _AreaFocusTypes.IndustrialEconomicType.OTHER_ZONE_MODEL
+};
+
+class AreaFocusManager {
+  constructor(mapView) {
+    this.mapView = mapView;
+    this.currentSession = null;
+  }
+
+  async _focusArea(area, options) {
+    this.clear();
+
+    if (!area) {
+      return null;
+    }
+
+    try {
+      if (!(await area.load())) {
+        return null;
+      }
+
+      const focusOptions = { ...(options || {})
+      };
+      const bounds = area.getBounds() || VIETNAM_MAINLAND_BOUNDS;
+
+      this._fitBounds(bounds, focusOptions);
+
+      this.currentSession = new _AreaFocusSession.AreaFocusSession(this.mapView, area, focusOptions);
+      this.currentSession.render();
+      return this.currentSession;
+    } catch (error) {
+      console.error('Cannot focus area:', error);
+      return null;
+    }
+  }
+
+  async _focusProvince(options) {
+    const provinceId = this._getProvinceId(options);
+
+    const provinceName = this._getProvinceName(options);
+
+    if (provinceId == null && !provinceName) {
+      this.clear();
+      return null;
+    }
+
+    const area = provinceId != null ? new _AreaFocusAreas.ProvinceArea(provinceId) : _AreaFocusAreas.ProvinceArea.fromName(provinceName);
+    const display = options && options.display === 'highlight' ? 'highlight' : 'normal';
+    return this._focusArea(area, {
+      display,
+      padding: options ? options.padding : undefined
+    });
+  }
+  /**
+   * @param {FocusOptions | null | undefined} focusOptions
+   * @returns {Promise<AreaFocusSession | null>}
+   */
+
+
+  async focus(focusOptions) {
+    if (focusOptions == null) {
+      this.clear();
+      return null;
+    }
+
+    if (focusOptions.type === 'province') {
+      return this._focusProvince(focusOptions);
+    }
+
+    if (focusOptions.id == null) {
+      console.warn('Focus options must include an id for non-province types:', focusOptions);
+      this.clear();
+      return null;
+    }
+
+    const industrialEconomicType = this._getIndustrialEconomicType(focusOptions.type);
+
+    if (industrialEconomicType != null) {
+      return this._focusArea(new _AreaFocusAreas.IndustrialEconomicArea(industrialEconomicType, focusOptions.id), {
+        display: focusOptions.display,
+        padding: focusOptions.padding
+      });
+    }
+
+    console.warn('Unsupported focus type:', focusOptions.type);
+    return null;
+  }
+
+  _getIndustrialEconomicType(type) {
+    if (typeof type === 'number') {
+      const values = Object.values(_AreaFocusTypes.IndustrialEconomicType);
+      return values.includes(type) ? type : null;
+    }
+
+    if (typeof type !== 'string') {
+      return null;
+    }
+
+    return FOCUS_TYPE_TO_INDUSTRIAL_ECONOMIC_TYPE[type] || null;
+  }
+
+  clear() {
+    if (this.currentSession) {
+      this.currentSession.destroy();
+      this.currentSession = null;
+    }
+  }
+
+  _fitBounds(bounds, options) {
+    if (!this.mapView || typeof this.mapView.fitBounds !== 'function' || !bounds) {
+      return;
+    }
+
+    this.mapView.fitBounds({
+      bounds: {
+        southWest: {
+          latitude: bounds.minLat,
+          longitude: bounds.minLng
+        },
+        northEast: {
+          latitude: bounds.maxLat,
+          longitude: bounds.maxLng
+        }
+      },
+      padding: options ? options.padding : undefined
+    });
+  }
+
+  _getProvinceName(options) {
+    if (options == null || typeof options !== 'object') {
+      return null;
+    }
+
+    if (typeof options.name === 'string') {
+      const name = options.name.trim();
+      return name.length > 0 ? name : null;
+    }
+
+    const optionKeys = Object.keys(options);
+    const unsupportedKeys = optionKeys.filter(key => key !== 'type' && key !== 'id' && key !== 'name' && key !== 'display' && key !== 'padding');
+
+    if (unsupportedKeys.length > 0) {
+      console.warn(`[AreaFocusManager] focusProvince expects options like { type: 'province', name: 'Ha Noi', display: 'highlight' }. Unsupported keys: ${unsupportedKeys.join(', ')}`);
+    }
+
+    return null;
+  }
+
+  _getProvinceId(options) {
+    if (options == null || typeof options !== 'object') {
+      return null;
+    }
+
+    return typeof options.id === 'number' ? options.id : null;
+  }
+
+}
+
+exports.AreaFocusManager = AreaFocusManager;
+//# sourceMappingURL=AreaFocusManager.js.map

package/lib/commonjs/components/extends/AreaFocusManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VIETNAM_MAINLAND_BOUNDS","minLat","minLng","maxLat","maxLng","FOCUS_TYPE_TO_INDUSTRIAL_ECONOMIC_TYPE","industrialZone","IndustrialEconomicType","INDUSTRIAL_ZONE","economicZone","ECONOMIC_ZONE","ecoIndustrialZone","ECO_INDUSTRIAL_ZONE","freeTradeZone","FREE_TRADE_ZONE","nonTariffZone","NON_TARIFF_ZONE","otherZoneModel","OTHER_ZONE_MODEL","AreaFocusManager","constructor","mapView","currentSession","_focusArea","area","options","clear","load","focusOptions","bounds","getBounds","_fitBounds","AreaFocusSession","render","error","console","_focusProvince","provinceId","_getProvinceId","provinceName","_getProvinceName","ProvinceArea","fromName","display","padding","undefined","focus","type","id","warn","industrialEconomicType","_getIndustrialEconomicType","IndustrialEconomicArea","values","Object","includes","destroy","fitBounds","southWest","latitude","longitude","northEast","name","trim","length","optionKeys","keys","unsupportedKeys","filter","key","join"],"sources":["AreaFocusManager.js"],"sourcesContent":["import {AreaFocusSession} from './area/AreaFocusSession'\nimport {ProvinceArea, IndustrialEconomicArea} from './area/AreaFocusAreas'\nimport {IndustrialEconomicType} from './area/AreaFocusTypes'\n\n/**\n * @typedef {'normal' | 'highlight'} FocusDisplay\n */\n\n/**\n * @typedef {{left?: number, right?: number, top?: number, bottom?: number}} FocusPadding\n */\n\n/**\n * @typedef {'province' | 'industrialZone' | 'economicZone' | 'ecoIndustrialZone' | 'freeTradeZone' | 'nonTariffZone' | 'otherZoneModel' | number} FocusType\n */\n\n/**\n * @typedef {Object} FocusOptions\n * @property {FocusType} type\n * @property {number=} id\n * @property {string=} name\n * @property {FocusDisplay=} display\n * @property {FocusPadding=} padding\n */\n\nconst VIETNAM_MAINLAND_BOUNDS = {\n  minLat: 8.18,\n  minLng: 102.14,\n  maxLat: 23.4,\n  maxLng: 109.47,\n}\n\nconst FOCUS_TYPE_TO_INDUSTRIAL_ECONOMIC_TYPE = {\n  industrialZone: IndustrialEconomicType.INDUSTRIAL_ZONE,\n  economicZone: IndustrialEconomicType.ECONOMIC_ZONE,\n  ecoIndustrialZone: IndustrialEconomicType.ECO_INDUSTRIAL_ZONE,\n  freeTradeZone: IndustrialEconomicType.FREE_TRADE_ZONE,\n  nonTariffZone: IndustrialEconomicType.NON_TARIFF_ZONE,\n  otherZoneModel: IndustrialEconomicType.OTHER_ZONE_MODEL,\n}\n\nexport class AreaFocusManager {\n  constructor(mapView) {\n    this.mapView = mapView\n    this.currentSession = null\n  }\n\n  async _focusArea(area, options) {\n    this.clear()\n\n    if (!area) {\n      return null\n    }\n\n    try {\n      if (!(await area.load())) {\n        return null\n      }\n\n      const focusOptions = {...(options || {})}\n      const bounds = area.getBounds() || VIETNAM_MAINLAND_BOUNDS\n\n      this._fitBounds(bounds, focusOptions)\n\n      this.currentSession = new AreaFocusSession(this.mapView, area, focusOptions)\n      this.currentSession.render()\n\n      return this.currentSession\n    }\n    catch (error) {\n      console.error('Cannot focus area:', error)\n      return null\n    }\n  }\n\n  async _focusProvince(options) {\n    const provinceId = this._getProvinceId(options)\n    const provinceName = this._getProvinceName(options)\n\n    if (provinceId == null && !provinceName) {\n      this.clear()\n      return null\n    }\n\n    const area = provinceId != null ? new ProvinceArea(provinceId) : ProvinceArea.fromName(provinceName)\n    const display = options && options.display === 'highlight' ? 'highlight' : 'normal'\n\n    return this._focusArea(area, {\n      display,\n      padding: options ? options.padding : undefined,\n    })\n  }\n\n  /**\n   * @param {FocusOptions | null | undefined} focusOptions\n   * @returns {Promise<AreaFocusSession | null>}\n   */\n  async focus(focusOptions) {\n    if (focusOptions == null) {\n      this.clear()\n      return null\n    }\n\n    if (focusOptions.type === 'province') {\n      return this._focusProvince(focusOptions)\n    }\n\n    if (focusOptions.id == null) {\n      console.warn('Focus options must include an id for non-province types:', focusOptions)\n      this.clear()\n      return null\n    }\n\n    const industrialEconomicType = this._getIndustrialEconomicType(focusOptions.type)\n\n    if (industrialEconomicType != null) {\n      return this._focusArea(new IndustrialEconomicArea(industrialEconomicType, focusOptions.id), {\n        display: focusOptions.display,\n        padding: focusOptions.padding,\n      })\n    }\n\n    console.warn('Unsupported focus type:', focusOptions.type)\n    return null\n  }\n\n  _getIndustrialEconomicType(type) {\n    if (typeof type === 'number') {\n      const values = Object.values(IndustrialEconomicType)\n      return values.includes(type) ? type : null\n    }\n\n    if (typeof type !== 'string') {\n      return null\n    }\n\n    return FOCUS_TYPE_TO_INDUSTRIAL_ECONOMIC_TYPE[type] || null\n  }\n\n  clear() {\n    if (this.currentSession) {\n      this.currentSession.destroy()\n      this.currentSession = null\n    }\n  }\n\n  _fitBounds(bounds, options) {\n    if (!this.mapView || typeof this.mapView.fitBounds !== 'function' || !bounds) {\n      return\n    }\n\n    this.mapView.fitBounds({\n      bounds: {\n        southWest: {\n          latitude: bounds.minLat,\n          longitude: bounds.minLng,\n        },\n        northEast: {\n          latitude: bounds.maxLat,\n          longitude: bounds.maxLng,\n        },\n      },\n      padding: options ? options.padding : undefined,\n    })\n  }\n\n  _getProvinceName(options) {\n    if (options == null || typeof options !== 'object') {\n      return null\n    }\n\n    if (typeof options.name === 'string') {\n      const name = options.name.trim()\n      return name.length > 0 ? name : null\n    }\n\n    const optionKeys = Object.keys(options)\n    const unsupportedKeys = optionKeys.filter((key) => key !== 'type' && key !== 'id' && key !== 'name' && key !== 'display' && key !== 'padding')\n\n    if (unsupportedKeys.length > 0) {\n      console.warn(\n        `[AreaFocusManager] focusProvince expects options like { type: 'province', name: 'Ha Noi', display: 'highlight' }. Unsupported keys: ${unsupportedKeys.join(', ')}`\n      )\n    }\n\n    return null\n  }\n\n  _getProvinceId(options) {\n    if (options == null || typeof options !== 'object') {\n      return null\n    }\n\n    return typeof options.id === 'number' ? options.id : null\n  }\n}\n"],"mappings":"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"}

package/lib/commonjs/components/extends/AreaFocuser.js

@@ -6,100 +6,41 @@ Object.defineProperty(exports, "__esModule", {
 exports.AreaFocuser = void 0;
 
 class AreaFocuser {
-  constructor(mapView) {
-    this.mapView = mapView;
-    this.highlightPaths = [];
-    this.highlightPolygonId = 'area-focuser-highlight-polygon';
+  constructor(areaFocusManager) {
+    this._areaFocusManager = areaFocusManager;
   }
-  /**
-   * @param {{name?: string, highlight?: boolean}=} options
+  /**
+   * @param {{name?: string, highlight?: boolean}=} options
    */
 
 
   async focusProvince(options) {
-    const provinceName = this.getProvinceName(options);
-    const shouldHighlight = this.shouldHighlight(options);
+    const provinceName = this._getProvinceName(options);
+
+    const shouldHighlight = this._shouldHighlight(options);
 
     if (!provinceName) {
-      this.clearHighlightPaths();
-      this.clearHighlightPolygon();
+      this._clear();
+
       return;
     }
 
-    const url = `https://api-app-cdtqg.map4d.vn/map/country/geometry?name=${encodeURIComponent(provinceName)}`;
-
-    try {
-      const response = await fetch(url);
-
-      if (!response.ok) {
-        return;
-      }
-
-      const data = await response.json();
-
-      if (data.code !== 'ok') {
-        return;
-      }
-
-      const feature = data.result && data.result.features && data.result.features.length > 0 ? data.result.features[0] : null;
-
-      if (!feature) {
-        return;
-      }
-
-      const geometry = feature.geometry;
-
-      if (!geometry) {
-        return;
-      }
-
-      let bounds = null;
-      const viewbox = feature.properties && feature.properties.viewbox ? feature.properties.viewbox : null;
-
-      if (viewbox != null && viewbox.trim() != '') {
-        bounds = this.parseViewbox(viewbox);
-      }
-
-      if (!bounds) {
-        bounds = this.getViewboxFromGeometry(geometry);
-      }
-
-      if (!bounds) {
-        return;
-      }
-
-      this.mapView.fitBounds({
-        bounds: {
-          southWest: {
-            latitude: bounds[0],
-            longitude: bounds[1]
-          },
-          northEast: {
-            latitude: bounds[2],
-            longitude: bounds[3]
-          }
-        }
+    if (this._areaFocusManager) {
+      await this._areaFocusManager.focus({
+        type: 'province',
+        name: provinceName,
+        display: shouldHighlight ? 'highlight' : 'normal'
       });
-      this.createHighlightPaths(geometry);
-
-      if (shouldHighlight) {
-        const polygon = this.getHighlightPolygonProps();
+    }
+  }
 
-        if (polygon) {
-          this.mapView._addPolygon({ ...polygon,
-            id: this.highlightPolygonId,
-            zIndex: 999
-          });
-        }
-      } else {
-        this.clearHighlightPolygon();
-      }
-    } catch (error) {
-      console.error('Cannot focus province:', error);
+  _clear() {
+    if (this._areaFocusManager) {
+      this._areaFocusManager.clear();
     }
   }
 
-  getProvinceName(options) {
+  _getProvinceName(options) {
     if (options == null || typeof options !== 'object') {
       return null;
     }
@@ -118,7 +59,7 @@ class AreaFocuser {
     return null;
   }
 
-  shouldHighlight(options) {
+  _shouldHighlight(options) {
     if (options == null || typeof options !== 'object') {
       return false;
     }
@@ -126,185 +67,6 @@ class AreaFocuser {
     return options.highlight === true;
   }
 
-  parseViewbox(viewbox) {
-    const bounds = viewbox.split(',').map(Number);
-
-    if (bounds.length != 4) {
-      return null;
-    }
-
-    const [minLat, minLng, maxLat, maxLng] = bounds;
-
-    if (Number.isNaN(minLat) || Number.isNaN(minLng) || Number.isNaN(maxLat) || Number.isNaN(maxLng)) {
-      return null;
-    }
-
-    return [minLat, minLng, maxLat, maxLng];
-  }
-
-  getViewboxFromGeometry(geometry) {
-    const bounds = {
-      minLat: Infinity,
-      minLng: Infinity,
-      maxLat: -Infinity,
-      maxLng: -Infinity
-    };
-
-    const updateBounds = function (coordinate) {
-      if (coordinate.length < 2) {
-        return;
-      }
-
-      const lng = coordinate[0];
-      const lat = coordinate[1];
-
-      if (Number.isNaN(lat) || Number.isNaN(lng)) {
-        return;
-      }
-
-      bounds.minLat = Math.min(bounds.minLat, lat);
-      bounds.minLng = Math.min(bounds.minLng, lng);
-      bounds.maxLat = Math.max(bounds.maxLat, lat);
-      bounds.maxLng = Math.max(bounds.maxLng, lng);
-    };
-
-    if (geometry.type === 'Polygon') {
-      const polygons = geometry.coordinates;
-      polygons.forEach(function (ring) {
-        ring.forEach(function (coordinate) {
-          updateBounds(coordinate);
-        });
-      });
-    }
-
-    if (geometry.type === 'MultiPolygon') {
-      const multiPolygons = geometry.coordinates;
-      multiPolygons.forEach(function (polygon) {
-        polygon.forEach(function (ring) {
-          ring.forEach(function (coordinate) {
-            updateBounds(coordinate);
-          });
-        });
-      });
-    }
-
-    if (bounds.minLat === Infinity || bounds.minLng === Infinity || bounds.maxLat === -Infinity || bounds.maxLng === -Infinity) {
-      return null;
-    }
-
-    return [bounds.minLat, bounds.minLng, bounds.maxLat, bounds.maxLng];
-  }
-
-  createHighlightPaths(geometry) {
-    this.clearHighlightPaths();
-    const paths = this.createWorldMaskPaths(geometry);
-
-    if (paths.length <= 1) {
-      return;
-    }
-
-    this.highlightPaths = paths;
-  }
-
-  clearHighlightPaths() {
-    this.highlightPaths = [];
-  }
-
-  clearHighlightPolygon() {
-    if (!this.mapView) {
-      return;
-    }
-
-    this.mapView._removePolygon(this.highlightPolygonId);
-  }
-
-  getHighlightPolygonProps() {
-    if (!this.highlightPaths || this.highlightPaths.length <= 1) {
-      return null;
-    }
-
-    const [coordinates, ...holes] = this.highlightPaths;
-    return {
-      coordinates,
-      holes,
-      fillColor: "#0000001E",
-      strokeColor: "#FF0000FF",
-      strokeWidth: 2.0
-    };
-  }
-
-  createWorldMaskPaths(geometry) {
-    const worldPath = [{
-      longitude: -180,
-      latitude: -90
-    }, {
-      longitude: 180,
-      latitude: -90
-    }, {
-      longitude: 180,
-      latitude: 90
-    }, {
-      longitude: -180,
-      latitude: 90
-    }, {
-      longitude: -180,
-      latitude: -90
-    }];
-    const paths = [worldPath];
-    const holes = this.getHolePathsFromGeometry(geometry);
-    holes.forEach(hole => {
-      paths.push(hole);
-    });
-    return paths;
-  }
-
-  getHolePathsFromGeometry(geometry) {
-    const paths = [];
-
-    if (geometry.type == 'Polygon') {
-      const polygon = geometry.coordinates;
-
-      if (polygon.length > 0) {
-        paths.push(this.convertAndClosePath(polygon[0]));
-      }
-    }
-
-    if (geometry.type == 'MultiPolygon') {
-      const multiPolygon = geometry.coordinates;
-      multiPolygon.forEach(polygon => {
-        if (polygon.length > 0) {
-          paths.push(this.convertAndClosePath(polygon[0]));
-        }
-      });
-    }
-
-    return paths;
-  }
-
-  convertAndClosePath(path) {
-    if (path.length == 0) {
-      return [];
-    }
-
-    const coordinatePath = path.filter(point => point.length >= 2).map(point => ({
-      latitude: point[1],
-      longitude: point[0]
-    }));
-
-    if (coordinatePath.length == 0) {
-      return [];
-    }
-
-    const firstPoint = coordinatePath[0];
-    const lastPoint = coordinatePath[coordinatePath.length - 1];
-
-    if (firstPoint.latitude == lastPoint.latitude && firstPoint.longitude == lastPoint.longitude) {
-      return coordinatePath;
-    }
-
-    return [...coordinatePath, firstPoint];
-  }
-
 }
 
 exports.AreaFocuser = AreaFocuser;