react-bkoi-gl 1.0.7 → 2.0.1

package/package.json

@@ -1,76 +1,124 @@
 {
   "name": "react-bkoi-gl",
-  "version": "1.0.7",
-  "description": "React components for Barikoi GL JS",
+  "version": "2.0.1",
+  "engines": {
+    "node": ">=18.18.0"
+  },
+  "description": "A React library for Barikoi Maps with interactive components, markers, popups, and controls.",
   "type": "module",
   "types": "dist/index.d.ts",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
-  "author": "barikoi",
-  "readme": "README.md",
-  "license": "MIT",
-  "homepage": "https://docs.barikoi.com/docs/maps-api",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.js"
-    },
-    "./bkoi-gl": {
-      "types": "./dist/exports-bkoi-gl.d.ts",
-      "require": "./dist/exports-bkoi-gl.cjs",
-      "import": "./dist/exports-bkoi-gl.js"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     },
     "./styles": {
+      "types": "./dist/styles/index.d.ts",
       "import": "./dist/styles/react-bkoi-gl.css",
       "default": "./dist/styles/react-bkoi-gl.css"
     }
   },
+  "author": "barikoi",
+  "readme": "README.md",
+  "license": "MIT",
+  "homepage": "https://docs.barikoi.com/docs/maps-api",
   "files": [
-    "src",
     "dist",
-    "bkoi-gl",
+    "LICENSE",
     "README.md"
   ],
   "scripts": {
-    "typecheck": "tsc -p tsconfig.build.json --noEmit",
-    "build": "ocular-clean && ocular-build && node scripts/modify-css.js",
-    "lint": "ocular-lint",
-    "cover": "ocular-test cover",
-    "test": "yarn typecheck && ocular-test",
-    "test-fast": "yarn typecheck && ocular-test node",
-    "metrics": "ocular-metrics"
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist",
+    "build": "tsup && node scripts/modify-css.js",
+    "lint": "eslint src/ --ext .js,.jsx,.ts,.tsx",
+    "test": "npm run typecheck && jest",
+    "coverage": "jest --coverage --passWithNoTests",
+    "prepare": "husky"
   },
   "dependencies": {
-    "@maplibre/maplibre-gl-style-spec": "^19.2.1",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "bkoi-gl": ">=2.0.0",
-    "mapbox-gl": "^1.13.0"
+    "@maplibre/maplibre-gl-style-spec": "^24.4.1",
+    "maplibre-gl": "^5.15.0"
   },
   "peerDependencies": {
     "react": ">=16.3.0",
     "react-dom": ">=16.3.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.4.1",
-    "@commitlint/config-conventional": "^19.4.1",
-    "@types/mapbox-gl": "^3.4.0",
-    "@types/react": "^16.0.0",
-    "bkoi-gl": ">=2.0.0",
-    "ocular-dev-tools": "2.0.0-alpha.15",
+    "@commitlint/cli": "^20.3.0",
+    "@commitlint/config-conventional": "^20.3.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^14.3.1",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.13.3",
+    "@types/react": "^18.3.27",
+    "@typescript-eslint/eslint-plugin": "^8.52.0",
+    "@typescript-eslint/parser": "^8.52.0",
+    "babel-jest": "^29.7.0",
+    "eslint": "^8.57.1",
+    "eslint-plugin-import": "^2.32.0",
+    "husky": "^9.1.7",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "puppeteer": "^24.34.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "typescript": "^4.0.0"
+    "react-test-renderer": "^18.0.0",
+    "tape-promise": "^4.0.0",
+    "ts-jest": "^29.4.6",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "keywords": [
     "barikoi",
+    "bkoi",
     "bkoi-gl",
     "react",
     "react-bkoi-gl",
-    "react bkoi"
+    "react bkoi",
+    "react-bkoi",
+    "barikoi maps",
+    "barikoi-gl",
+    "maplibre",
+    "maplibre-gl",
+    "react-map",
+    "react-maplibre",
+    "maps",
+    "mapping",
+    "bangladesh",
+    "bangladesh maps",
+    "interactive maps",
+    "map components",
+    "markers",
+    "popups",
+    "navigation",
+    "geolocation",
+    "map controls"
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/barikoi/react-bkoi-gl.git"
+    "url": "git+https://github.com/barikoi/react-bkoi-gl.git"
+  },
+  "bugs": {
+    "url": "https://github.com/barikoi/react-bkoi-gl/issues"
+  },
+  "overrides": {
+    "@testing-library/react-hooks": {
+      "react": "$react",
+      "react-dom": "$react-dom",
+      "react-test-renderer": "$react-test-renderer"
+    }
   }
 }

package/bkoi-gl/package.json

@@ -1,6 +0,0 @@
-{
-  "internal": true,
-  "main": "../dist/exports-bkoi-gl.cjs",
-  "module": "../dist/exports-bkoi-gl.js",
-  "types": "../dist/exports-bkoi-gl.d.ts"
-}

package/dist/components/attribution-control.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import type { ControlPosition, AttributionControlInstance } from '../types';
-export type AttributionControlProps<OptionsT> = OptionsT & {
-    /** Placement of the control relative to the map. */
-    position?: ControlPosition;
-    /** CSS style override, applied to the control's container */
-    style?: React.CSSProperties;
-};
-declare function AttributionControl<AttributionControlOptions, ControlT extends AttributionControlInstance>(props: AttributionControlProps<AttributionControlOptions>): null;
-declare const _default: React.MemoExoticComponent<typeof AttributionControl>;
-export default _default;

package/dist/components/attribution-control.js

@@ -1,19 +0,0 @@
-import { useEffect, memo } from 'react';
-import { applyReactStyle } from "../utils/apply-react-style.js";
-import useControl from "./use-control.js";
-function AttributionControl(props) {
-  const ctrl = useControl(_ref => {
-    let {
-      mapLib
-    } = _ref;
-    return new mapLib.AttributionControl(props);
-  }, {
-    position: props.position
-  });
-  useEffect(() => {
-    applyReactStyle(ctrl._container, props.style);
-  }, [props.style]);
-  return null;
-}
-export default memo(AttributionControl);
-//# sourceMappingURL=attribution-control.js.map

package/dist/components/attribution-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attribution-control.js","names":["useEffect","memo","applyReactStyle","useControl","AttributionControl","props","ctrl","_ref","mapLib","position","_container","style"],"sources":["../../src/components/attribution-control.ts"],"sourcesContent":["import * as React from 'react';\nimport {useEffect, memo} from 'react';\nimport {applyReactStyle} from '../utils/apply-react-style';\nimport useControl from './use-control';\n\nimport type {ControlPosition, AttributionControlInstance} from '../types';\n\nexport type AttributionControlProps<OptionsT> = OptionsT & {\n  /** Placement of the control relative to the map. */\n  position?: ControlPosition;\n  /** CSS style override, applied to the control's container */\n  style?: React.CSSProperties;\n};\n\nfunction AttributionControl<AttributionControlOptions, ControlT extends AttributionControlInstance>(\n  props: AttributionControlProps<AttributionControlOptions>\n): null {\n  const ctrl = useControl<ControlT>(\n    ({mapLib}) => new mapLib.AttributionControl(props) as ControlT,\n    {\n      position: props.position\n    }\n  );\n\n  useEffect(() => {\n    applyReactStyle(ctrl._container, props.style);\n  }, [props.style]);\n\n  return null;\n}\n\nexport default memo(AttributionControl);\n"],"mappings":"AACA,SAAQA,SAAS,EAAEC,IAAI,QAAO,OAAO;AAAC,SAC9BC,eAAe;AAAA,OAChBC,UAAU;AAWjB,SAASC,kBAAkBA,CACzBC,KAAyD,EACnD;EACN,MAAMC,IAAI,GAAGH,UAAU,CACrBI,IAAA;IAAA,IAAC;MAACC;IAAM,CAAC,GAAAD,IAAA;IAAA,OAAK,IAAIC,MAAM,CAACJ,kBAAkB,CAACC,KAAK,CAAC;EAAA,CAAY,EAC9D;IACEI,QAAQ,EAAEJ,KAAK,CAACI;EAClB,CACF,CAAC;EAEDT,SAAS,CAAC,MAAM;IACdE,eAAe,CAACI,IAAI,CAACI,UAAU,EAAEL,KAAK,CAACM,KAAK,CAAC;EAC/C,CAAC,EAAE,CAACN,KAAK,CAACM,KAAK,CAAC,CAAC;EAEjB,OAAO,IAAI;AACb;AAEA,eAAeV,IAAI,CAACG,kBAAkB,CAAC","ignoreList":[]}

package/dist/components/fullscreen-control.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { ControlPosition, FullscreenControlInstance } from '../types';
-export type FullscreenControlProps<OptionsT> = Omit<OptionsT, 'container'> & {
-    /** Id of the DOM element which should be made full screen. By default, the map container
-     * element will be made full screen. */
-    containerId?: string;
-    /** Placement of the control relative to the map. */
-    position?: ControlPosition;
-    /** CSS style override, applied to the control's container */
-    style?: React.CSSProperties;
-};
-declare function FullscreenControl<FullscreenControlOptions, ControlT extends FullscreenControlInstance>(props: FullscreenControlProps<FullscreenControlOptions>): null;
-declare const _default: React.MemoExoticComponent<typeof FullscreenControl>;
-export default _default;

package/dist/components/fullscreen-control.js

@@ -1,21 +0,0 @@
-import { useEffect, memo } from 'react';
-import { applyReactStyle } from "../utils/apply-react-style.js";
-import useControl from "./use-control.js";
-function FullscreenControl(props) {
-  const ctrl = useControl(_ref => {
-    let {
-      mapLib
-    } = _ref;
-    return new mapLib.FullscreenControl({
-      container: props.containerId && document.getElementById(props.containerId)
-    });
-  }, {
-    position: props.position
-  });
-  useEffect(() => {
-    applyReactStyle(ctrl._controlContainer, props.style);
-  }, [props.style]);
-  return null;
-}
-export default memo(FullscreenControl);
-//# sourceMappingURL=fullscreen-control.js.map

package/dist/components/fullscreen-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fullscreen-control.js","names":["useEffect","memo","applyReactStyle","useControl","FullscreenControl","props","ctrl","_ref","mapLib","container","containerId","document","getElementById","position","_controlContainer","style"],"sources":["../../src/components/fullscreen-control.tsx"],"sourcesContent":["/* global document */\nimport * as React from 'react';\nimport {useEffect, memo} from 'react';\nimport {applyReactStyle} from '../utils/apply-react-style';\nimport useControl from './use-control';\n\nimport type {ControlPosition, FullscreenControlInstance} from '../types';\n\nexport type FullscreenControlProps<OptionsT> = Omit<OptionsT, 'container'> & {\n  /** Id of the DOM element which should be made full screen. By default, the map container\n   * element will be made full screen. */\n  containerId?: string;\n  /** Placement of the control relative to the map. */\n  position?: ControlPosition;\n  /** CSS style override, applied to the control's container */\n  style?: React.CSSProperties;\n};\n\nfunction FullscreenControl<FullscreenControlOptions, ControlT extends FullscreenControlInstance>(\n  props: FullscreenControlProps<FullscreenControlOptions>\n): null {\n  const ctrl = useControl<ControlT>(\n    ({mapLib}) =>\n      new mapLib.FullscreenControl({\n        container: props.containerId && document.getElementById(props.containerId)\n      }) as ControlT,\n    {position: props.position}\n  );\n\n  useEffect(() => {\n    applyReactStyle(ctrl._controlContainer, props.style);\n  }, [props.style]);\n\n  return null;\n}\n\nexport default memo(FullscreenControl);\n"],"mappings":"AAEA,SAAQA,SAAS,EAAEC,IAAI,QAAO,OAAO;AAAC,SAC9BC,eAAe;AAAA,OAChBC,UAAU;AAcjB,SAASC,iBAAiBA,CACxBC,KAAuD,EACjD;EACN,MAAMC,IAAI,GAAGH,UAAU,CACrBI,IAAA;IAAA,IAAC;MAACC;IAAM,CAAC,GAAAD,IAAA;IAAA,OACP,IAAIC,MAAM,CAACJ,iBAAiB,CAAC;MAC3BK,SAAS,EAAEJ,KAAK,CAACK,WAAW,IAAIC,QAAQ,CAACC,cAAc,CAACP,KAAK,CAACK,WAAW;IAC3E,CAAC,CAAC;EAAA,CAAY,EAChB;IAACG,QAAQ,EAAER,KAAK,CAACQ;EAAQ,CAC3B,CAAC;EAEDb,SAAS,CAAC,MAAM;IACdE,eAAe,CAACI,IAAI,CAACQ,iBAAiB,EAAET,KAAK,CAACU,KAAK,CAAC;EACtD,CAAC,EAAE,CAACV,KAAK,CAACU,KAAK,CAAC,CAAC;EAEjB,OAAO,IAAI;AACb;AAEA,eAAed,IAAI,CAACG,iBAAiB,CAAC","ignoreList":[]}

package/dist/components/geolocate-control.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import type { ControlPosition, GeolocateControlInstance, GeolocateEvent, GeolocateResultEvent, GeolocateErrorEvent } from '../types';
-export type GeolocateControlProps<OptionsT, ControlT extends GeolocateControlInstance> = OptionsT & {
-    /** Placement of the control relative to the map. */
-    position?: ControlPosition;
-    /** CSS style override, applied to the control's container */
-    style?: React.CSSProperties;
-    /** Called on each Geolocation API position update that returned as success. */
-    onGeolocate?: (e: GeolocateResultEvent<ControlT>) => void;
-    /** Called on each Geolocation API position update that returned as an error. */
-    onError?: (e: GeolocateErrorEvent<ControlT>) => void;
-    /** Called on each Geolocation API position update that returned as success but user position
-     * is out of map `maxBounds`. */
-    onOutOfMaxBounds?: (e: GeolocateResultEvent<ControlT>) => void;
-    /** Called when the GeolocateControl changes to the active lock state. */
-    onTrackUserLocationStart?: (e: GeolocateEvent<ControlT>) => void;
-    /** Called when the GeolocateControl changes to the background state. */
-    onTrackUserLocationEnd?: (e: GeolocateEvent<ControlT>) => void;
-};
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
-    /** Placement of the control relative to the map. */
-    position?: ControlPosition;
-    /** CSS style override, applied to the control's container */
-    style?: React.CSSProperties;
-    /** Called on each Geolocation API position update that returned as success. */
-    onGeolocate?: (e: GeolocateResultEvent<GeolocateControlInstance>) => void;
-    /** Called on each Geolocation API position update that returned as an error. */
-    onError?: (e: GeolocateErrorEvent<GeolocateControlInstance>) => void;
-    /** Called on each Geolocation API position update that returned as success but user position
-     * is out of map `maxBounds`. */
-    onOutOfMaxBounds?: (e: GeolocateResultEvent<GeolocateControlInstance>) => void;
-    /** Called when the GeolocateControl changes to the active lock state. */
-    onTrackUserLocationStart?: (e: GeolocateEvent<GeolocateControlInstance>) => void;
-    /** Called when the GeolocateControl changes to the background state. */
-    onTrackUserLocationEnd?: (e: GeolocateEvent<GeolocateControlInstance>) => void;
-} & React.RefAttributes<GeolocateControlInstance>>>;
-export default _default;

package/dist/components/geolocate-control.js

@@ -1,46 +0,0 @@
-import { useImperativeHandle, useRef, useEffect, forwardRef, memo } from 'react';
-import { applyReactStyle } from "../utils/apply-react-style.js";
-import useControl from "./use-control.js";
-function GeolocateControl(props, ref) {
-  const thisRef = useRef({
-    props
-  });
-  const ctrl = useControl(_ref => {
-    let {
-      mapLib
-    } = _ref;
-    const gc = new mapLib.GeolocateControl(props);
-    const setupUI = gc._setupUI;
-    gc._setupUI = args => {
-      if (!gc._container.hasChildNodes()) {
-        setupUI(args);
-      }
-    };
-    gc.on('geolocate', e => {
-      thisRef.current.props.onGeolocate?.(e);
-    });
-    gc.on('error', e => {
-      thisRef.current.props.onError?.(e);
-    });
-    gc.on('outofmaxbounds', e => {
-      thisRef.current.props.onOutOfMaxBounds?.(e);
-    });
-    gc.on('trackuserlocationstart', e => {
-      thisRef.current.props.onTrackUserLocationStart?.(e);
-    });
-    gc.on('trackuserlocationend', e => {
-      thisRef.current.props.onTrackUserLocationEnd?.(e);
-    });
-    return gc;
-  }, {
-    position: props.position
-  });
-  thisRef.current.props = props;
-  useImperativeHandle(ref, () => ctrl, []);
-  useEffect(() => {
-    applyReactStyle(ctrl._container, props.style);
-  }, [props.style]);
-  return null;
-}
-export default memo(forwardRef(GeolocateControl));
-//# sourceMappingURL=geolocate-control.js.map

package/dist/components/geolocate-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"geolocate-control.js","names":["useImperativeHandle","useRef","useEffect","forwardRef","memo","applyReactStyle","useControl","GeolocateControl","props","ref","thisRef","ctrl","_ref","mapLib","gc","setupUI","_setupUI","args","_container","hasChildNodes","on","e","current","onGeolocate","onError","onOutOfMaxBounds","onTrackUserLocationStart","onTrackUserLocationEnd","position","style"],"sources":["../../src/components/geolocate-control.ts"],"sourcesContent":["import * as React from 'react';\nimport {useImperativeHandle, useRef, useEffect, forwardRef, memo} from 'react';\nimport {applyReactStyle} from '../utils/apply-react-style';\nimport useControl from './use-control';\n\nimport type {\n  ControlPosition,\n  GeolocateControlInstance,\n  GeolocateEvent,\n  GeolocateResultEvent,\n  GeolocateErrorEvent\n} from '../types';\n\nexport type GeolocateControlProps<\n  OptionsT,\n  ControlT extends GeolocateControlInstance\n> = OptionsT & {\n  /** Placement of the control relative to the map. */\n  position?: ControlPosition;\n  /** CSS style override, applied to the control's container */\n  style?: React.CSSProperties;\n\n  /** Called on each Geolocation API position update that returned as success. */\n  onGeolocate?: (e: GeolocateResultEvent<ControlT>) => void;\n  /** Called on each Geolocation API position update that returned as an error. */\n  onError?: (e: GeolocateErrorEvent<ControlT>) => void;\n  /** Called on each Geolocation API position update that returned as success but user position\n   * is out of map `maxBounds`. */\n  onOutOfMaxBounds?: (e: GeolocateResultEvent<ControlT>) => void;\n  /** Called when the GeolocateControl changes to the active lock state. */\n  onTrackUserLocationStart?: (e: GeolocateEvent<ControlT>) => void;\n  /** Called when the GeolocateControl changes to the background state. */\n  onTrackUserLocationEnd?: (e: GeolocateEvent<ControlT>) => void;\n};\n\nfunction GeolocateControl<GeolocateControlOptions, ControlT extends GeolocateControlInstance>(\n  props: GeolocateControlProps<GeolocateControlOptions, ControlT>,\n  ref: React.Ref<ControlT>\n) {\n  const thisRef = useRef({props});\n\n  const ctrl = useControl<ControlT>(\n    ({mapLib}) => {\n      const gc = new mapLib.GeolocateControl(props) as ControlT;\n\n      // Hack: fix GeolocateControl reuse\n      // When using React strict mode, the component is mounted twice.\n      // GeolocateControl's UI creation is asynchronous. Removing and adding it back causes the UI to be initialized twice.\n      // @ts-expect-error private method\n      const setupUI = gc._setupUI;\n      // @ts-expect-error private method\n      gc._setupUI = args => {\n        if (!gc._container.hasChildNodes()) {\n          setupUI(args);\n        }\n      };\n\n      gc.on('geolocate', e => {\n        thisRef.current.props.onGeolocate?.(e as GeolocateResultEvent<ControlT>);\n      });\n      gc.on('error', e => {\n        thisRef.current.props.onError?.(e as GeolocateErrorEvent<ControlT>);\n      });\n      gc.on('outofmaxbounds', e => {\n        thisRef.current.props.onOutOfMaxBounds?.(e as GeolocateResultEvent<ControlT>);\n      });\n      gc.on('trackuserlocationstart', e => {\n        thisRef.current.props.onTrackUserLocationStart?.(e as GeolocateEvent<ControlT>);\n      });\n      gc.on('trackuserlocationend', e => {\n        thisRef.current.props.onTrackUserLocationEnd?.(e as GeolocateEvent<ControlT>);\n      });\n\n      return gc;\n    },\n    {position: props.position}\n  );\n\n  thisRef.current.props = props;\n\n  useImperativeHandle(ref, () => ctrl, []);\n\n  useEffect(() => {\n    applyReactStyle(ctrl._container, props.style);\n  }, [props.style]);\n\n  return null;\n}\n\nexport default memo(forwardRef(GeolocateControl));\n"],"mappings":"AACA,SAAQA,mBAAmB,EAAEC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAO,OAAO;AAAC,SACvEC,eAAe;AAAA,OAChBC,UAAU;AAgCjB,SAASC,gBAAgBA,CACvBC,KAA+D,EAC/DC,GAAwB,EACxB;EACA,MAAMC,OAAO,GAAGT,MAAM,CAAC;IAACO;EAAK,CAAC,CAAC;EAE/B,MAAMG,IAAI,GAAGL,UAAU,CACrBM,IAAA,IAAc;IAAA,IAAb;MAACC;IAAM,CAAC,GAAAD,IAAA;IACP,MAAME,EAAE,GAAG,IAAID,MAAM,CAACN,gBAAgB,CAACC,KAAK,CAAa;IAMzD,MAAMO,OAAO,GAAGD,EAAE,CAACE,QAAQ;IAE3BF,EAAE,CAACE,QAAQ,GAAGC,IAAI,IAAI;MACpB,IAAI,CAACH,EAAE,CAACI,UAAU,CAACC,aAAa,CAAC,CAAC,EAAE;QAClCJ,OAAO,CAACE,IAAI,CAAC;MACf;IACF,CAAC;IAEDH,EAAE,CAACM,EAAE,CAAC,WAAW,EAAEC,CAAC,IAAI;MACtBX,OAAO,CAACY,OAAO,CAACd,KAAK,CAACe,WAAW,GAAGF,CAAmC,CAAC;IAC1E,CAAC,CAAC;IACFP,EAAE,CAACM,EAAE,CAAC,OAAO,EAAEC,CAAC,IAAI;MAClBX,OAAO,CAACY,OAAO,CAACd,KAAK,CAACgB,OAAO,GAAGH,CAAkC,CAAC;IACrE,CAAC,CAAC;IACFP,EAAE,CAACM,EAAE,CAAC,gBAAgB,EAAEC,CAAC,IAAI;MAC3BX,OAAO,CAACY,OAAO,CAACd,KAAK,CAACiB,gBAAgB,GAAGJ,CAAmC,CAAC;IAC/E,CAAC,CAAC;IACFP,EAAE,CAACM,EAAE,CAAC,wBAAwB,EAAEC,CAAC,IAAI;MACnCX,OAAO,CAACY,OAAO,CAACd,KAAK,CAACkB,wBAAwB,GAAGL,CAA6B,CAAC;IACjF,CAAC,CAAC;IACFP,EAAE,CAACM,EAAE,CAAC,sBAAsB,EAAEC,CAAC,IAAI;MACjCX,OAAO,CAACY,OAAO,CAACd,KAAK,CAACmB,sBAAsB,GAAGN,CAA6B,CAAC;IAC/E,CAAC,CAAC;IAEF,OAAOP,EAAE;EACX,CAAC,EACD;IAACc,QAAQ,EAAEpB,KAAK,CAACoB;EAAQ,CAC3B,CAAC;EAEDlB,OAAO,CAACY,OAAO,CAACd,KAAK,GAAGA,KAAK;EAE7BR,mBAAmB,CAACS,GAAG,EAAE,MAAME,IAAI,EAAE,EAAE,CAAC;EAExCT,SAAS,CAAC,MAAM;IACdG,eAAe,CAACM,IAAI,CAACO,UAAU,EAAEV,KAAK,CAACqB,KAAK,CAAC;EAC/C,CAAC,EAAE,CAACrB,KAAK,CAACqB,KAAK,CAAC,CAAC;EAEjB,OAAO,IAAI;AACb;AAEA,eAAezB,IAAI,CAACD,UAAU,CAACI,gBAAgB,CAAC,CAAC","ignoreList":[]}

package/dist/components/layer.d.ts

@@ -1,17 +0,0 @@
-import type { CustomLayerInterface, ILayer } from '../types';
-type OptionalId<T> = T extends {
-    id: string;
-} ? Omit<T, 'id'> & {
-    id?: string;
-} : T;
-type OptionalSource<T> = T extends {
-    source: string;
-} ? Omit<T, 'source'> & {
-    source?: string;
-} : T;
-export type LayerProps<LayerT> = OptionalSource<OptionalId<LayerT>> & {
-    /** If set, the layer will be inserted before the specified layer */
-    beforeId?: string;
-};
-declare function Layer<LayerT extends ILayer>(props: LayerProps<LayerT | CustomLayerInterface>): any;
-export default Layer;

package/dist/components/layer.js

@@ -1,99 +0,0 @@
-import { useContext, useEffect, useMemo, useState, useRef } from 'react';
-import { MapContext } from "./map.js";
-import assert from "../utils/assert.js";
-import { deepEqual } from "../utils/deep-equal.js";
-function updateLayer(map, id, props, prevProps) {
-  assert(props.id === prevProps.id, 'layer id changed');
-  assert(props.type === prevProps.type, 'layer type changed');
-  if (props.type === 'custom' || prevProps.type === 'custom') {
-    return;
-  }
-  const {
-    layout = {},
-    paint = {},
-    filter,
-    minzoom,
-    maxzoom,
-    beforeId
-  } = props;
-  if (beforeId !== prevProps.beforeId) {
-    map.moveLayer(id, beforeId);
-  }
-  if (layout !== prevProps.layout) {
-    const prevLayout = prevProps.layout || {};
-    for (const key in layout) {
-      if (!deepEqual(layout[key], prevLayout[key])) {
-        map.setLayoutProperty(id, key, layout[key]);
-      }
-    }
-    for (const key in prevLayout) {
-      if (!layout.hasOwnProperty(key)) {
-        map.setLayoutProperty(id, key, undefined);
-      }
-    }
-  }
-  if (paint !== prevProps.paint) {
-    const prevPaint = prevProps.paint || {};
-    for (const key in paint) {
-      if (!deepEqual(paint[key], prevPaint[key])) {
-        map.setPaintProperty(id, key, paint[key]);
-      }
-    }
-    for (const key in prevPaint) {
-      if (!paint.hasOwnProperty(key)) {
-        map.setPaintProperty(id, key, undefined);
-      }
-    }
-  }
-  if (!deepEqual(filter, prevProps.filter)) {
-    map.setFilter(id, filter);
-  }
-  if (minzoom !== prevProps.minzoom || maxzoom !== prevProps.maxzoom) {
-    map.setLayerZoomRange(id, minzoom, maxzoom);
-  }
-}
-function createLayer(map, id, props) {
-  if (map.style && map.style._loaded && (!('source' in props) || map.getSource(props.source))) {
-    const options = {
-      ...props,
-      id
-    };
-    delete options.beforeId;
-    map.addLayer(options, props.beforeId);
-  }
-}
-let layerCounter = 0;
-function Layer(props) {
-  const map = useContext(MapContext).map.getMap();
-  const propsRef = useRef(props);
-  const [, setStyleLoaded] = useState(0);
-  const id = useMemo(() => props.id || `jsx-layer-${layerCounter++}`, []);
-  useEffect(() => {
-    if (map) {
-      const forceUpdate = () => setStyleLoaded(version => version + 1);
-      map.on('styledata', forceUpdate);
-      forceUpdate();
-      return () => {
-        map.off('styledata', forceUpdate);
-        if (map.style && map.style._loaded && map.getLayer(id)) {
-          map.removeLayer(id);
-        }
-      };
-    }
-    return undefined;
-  }, [map]);
-  const layer = map && map.style && map.getLayer(id);
-  if (layer) {
-    try {
-      updateLayer(map, id, props, propsRef.current);
-    } catch (error) {
-      console.warn(error);
-    }
-  } else {
-    createLayer(map, id, props);
-  }
-  propsRef.current = props;
-  return null;
-}
-export default Layer;
-//# sourceMappingURL=layer.js.map

package/dist/components/layer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layer.js","names":["useContext","useEffect","useMemo","useState","useRef","MapContext","assert","deepEqual","updateLayer","map","id","props","prevProps","type","layout","paint","filter","minzoom","maxzoom","beforeId","moveLayer","prevLayout","key","setLayoutProperty","hasOwnProperty","undefined","prevPaint","setPaintProperty","setFilter","setLayerZoomRange","createLayer","style","_loaded","getSource","source","options","addLayer","layerCounter","Layer","getMap","propsRef","setStyleLoaded","forceUpdate","version","on","off","getLayer","removeLayer","layer","current","error","console","warn"],"sources":["../../src/components/layer.ts"],"sourcesContent":["import {useContext, useEffect, useMemo, useState, useRef} from 'react';\nimport {MapContext} from './map';\nimport assert from '../utils/assert';\nimport {deepEqual} from '../utils/deep-equal';\n\nimport type {MapInstance, CustomLayerInterface, ILayer} from '../types';\n\n// Omiting property from a union type, see\n// https://github.com/microsoft/TypeScript/issues/39556#issuecomment-656925230\ntype OptionalId<T> = T extends {id: string} ? Omit<T, 'id'> & {id?: string} : T;\ntype OptionalSource<T> = T extends {source: string} ? Omit<T, 'source'> & {source?: string} : T;\n\nexport type LayerProps<LayerT> = OptionalSource<OptionalId<LayerT>> & {\n  /** If set, the layer will be inserted before the specified layer */\n  beforeId?: string;\n};\n\n/* eslint-disable complexity, max-statements */\nfunction updateLayer<LayerT extends ILayer>(\n  map: MapInstance,\n  id: string,\n  props: LayerProps<LayerT>,\n  prevProps: LayerProps<LayerT>\n) {\n  assert(props.id === prevProps.id, 'layer id changed');\n  assert(props.type === prevProps.type, 'layer type changed');\n\n  if (props.type === 'custom' || prevProps.type === 'custom') {\n    return;\n  }\n\n  const {layout = {}, paint = {}, filter, minzoom, maxzoom, beforeId} = props;\n\n  if (beforeId !== prevProps.beforeId) {\n    map.moveLayer(id, beforeId);\n  }\n  if (layout !== prevProps.layout) {\n    const prevLayout = prevProps.layout || {};\n    for (const key in layout) {\n      if (!deepEqual(layout[key], prevLayout[key])) {\n        map.setLayoutProperty(id, key, layout[key]);\n      }\n    }\n    for (const key in prevLayout) {\n      if (!layout.hasOwnProperty(key)) {\n        map.setLayoutProperty(id, key, undefined);\n      }\n    }\n  }\n  if (paint !== prevProps.paint) {\n    const prevPaint = prevProps.paint || {};\n    for (const key in paint) {\n      if (!deepEqual(paint[key], prevPaint[key])) {\n        map.setPaintProperty(id, key, paint[key]);\n      }\n    }\n    for (const key in prevPaint) {\n      if (!paint.hasOwnProperty(key)) {\n        map.setPaintProperty(id, key, undefined);\n      }\n    }\n  }\n\n  if (!deepEqual(filter, prevProps.filter)) {\n    map.setFilter(id, filter);\n  }\n  if (minzoom !== prevProps.minzoom || maxzoom !== prevProps.maxzoom) {\n    map.setLayerZoomRange(id, minzoom, maxzoom);\n  }\n}\n\nfunction createLayer<LayerT extends ILayer>(\n  map: MapInstance,\n  id: string,\n  props: LayerProps<LayerT>\n) {\n  // @ts-ignore\n  if (map.style && map.style._loaded && (!('source' in props) || map.getSource(props.source))) {\n    const options: LayerProps<LayerT> = {...props, id};\n    delete options.beforeId;\n\n    // @ts-ignore\n    map.addLayer(options, props.beforeId);\n  }\n}\n\n/* eslint-enable complexity, max-statements */\n\nlet layerCounter = 0;\n\nfunction Layer<LayerT extends ILayer>(props: LayerProps<LayerT | CustomLayerInterface>) {\n  const map = useContext(MapContext).map.getMap();\n  const propsRef = useRef(props);\n  const [, setStyleLoaded] = useState(0);\n\n  const id = useMemo(() => props.id || `jsx-layer-${layerCounter++}`, []);\n\n  useEffect(() => {\n    if (map) {\n      const forceUpdate = () => setStyleLoaded(version => version + 1);\n      map.on('styledata', forceUpdate);\n      forceUpdate();\n\n      return () => {\n        map.off('styledata', forceUpdate);\n        // @ts-ignore\n        if (map.style && map.style._loaded && map.getLayer(id)) {\n          map.removeLayer(id);\n        }\n      };\n    }\n    return undefined;\n  }, [map]);\n\n  // @ts-ignore\n  const layer = map && map.style && map.getLayer(id);\n  if (layer) {\n    try {\n      updateLayer(map, id, props, propsRef.current);\n    } catch (error) {\n      console.warn(error); // eslint-disable-line\n    }\n  } else {\n    createLayer(map, id, props);\n  }\n\n  // Store last rendered props\n  propsRef.current = props;\n\n  return null;\n}\n\nexport default Layer;\n"],"mappings":"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","ignoreList":[]}

package/dist/components/map.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { MapboxProps } from '../mapbox/mapbox';
-import { MapRef } from '../mapbox/create-ref';
-import type { CSSProperties } from 'react';
-import { GlobalSettings } from '../utils/set-globals';
-import type { MapLib, MapInstance, MapStyle, Callbacks } from '../types';
-export type MapContextValue<MapT extends MapInstance = MapInstance> = {
-    mapLib: MapLib<MapT>;
-    map: MapRef<MapT>;
-};
-export declare const MapContext: React.Context<MapContextValue<MapInstance>>;
-type MapInitOptions<MapOptions> = Omit<MapOptions, 'style' | 'container' | 'bounds' | 'fitBoundsOptions' | 'center'>;
-export type MapProps<MapOptions, StyleT extends MapStyle, CallbacksT extends Callbacks, MapT extends MapInstance> = MapInitOptions<MapOptions> & MapboxProps<StyleT, CallbacksT> & GlobalSettings & {
-    mapLib?: MapLib<MapT> | Promise<MapLib<MapT>>;
-    reuseMaps?: boolean;
-    /** Map container id */
-    id?: string;
-    /** Map container CSS style */
-    style?: CSSProperties;
-    children?: any;
-};
-export default function Map<MapOptions, StyleT extends MapStyle, CallbacksT extends Callbacks, MapT extends MapInstance>(props: MapProps<MapOptions, StyleT, CallbacksT, MapT>, ref: React.Ref<MapRef<MapT>>, defaultLib: MapLib<MapT> | Promise<MapLib<MapT>>): React.JSX.Element;
-export {};

package/dist/components/map.js

@@ -1,102 +0,0 @@
-import * as React from 'react';
-import { useState, useRef, useEffect, useContext, useMemo, useImperativeHandle } from 'react';
-import { MountedMapsContext } from "./use-map.js";
-import Mapbox from "../mapbox/mapbox.js";
-import createRef from "../mapbox/create-ref.js";
-import useIsomorphicLayoutEffect from "../utils/use-isomorphic-layout-effect.js";
-import setGlobals from "../utils/set-globals.js";
-export const MapContext = React.createContext(null);
-export default function Map(props, ref, defaultLib) {
-  const mountedMapsContext = useContext(MountedMapsContext);
-  const [mapInstance, setMapInstance] = useState(null);
-  const containerRef = useRef();
-  const {
-    current: contextValue
-  } = useRef({
-    mapLib: null,
-    map: null
-  });
-  useEffect(() => {
-    const mapLib = props.mapLib;
-    let isMounted = true;
-    let mapbox;
-    Promise.resolve(mapLib || defaultLib).then(module => {
-      if (!isMounted) {
-        return;
-      }
-      if (!module) {
-        throw new Error('Invalid mapLib');
-      }
-      const mapboxgl = 'Map' in module ? module : module.default;
-      if (!mapboxgl.Map) {
-        throw new Error('Invalid mapLib');
-      }
-      setGlobals(mapboxgl, props);
-      if (!mapboxgl.supported || mapboxgl.supported(props)) {
-        if (props.reuseMaps) {
-          mapbox = Mapbox.reuse(props, containerRef.current);
-        }
-        if (!mapbox) {
-          mapbox = new Mapbox(mapboxgl.Map, props, containerRef.current);
-        }
-        contextValue.map = createRef(mapbox);
-        contextValue.mapLib = mapboxgl;
-        setMapInstance(mapbox);
-        mountedMapsContext?.onMapMount(contextValue.map, props.id);
-      } else {
-        throw new Error('Map is not supported by this browser');
-      }
-    }).catch(error => {
-      const {
-        onError
-      } = props;
-      if (onError) {
-        onError({
-          type: 'error',
-          target: null,
-          originalEvent: null,
-          error
-        });
-      } else {
-        console.error(error);
-      }
-    });
-    return () => {
-      isMounted = false;
-      if (mapbox) {
-        mountedMapsContext?.onMapUnmount(props.id);
-        if (props.reuseMaps) {
-          mapbox.recycle();
-        } else {
-          mapbox.destroy();
-        }
-      }
-    };
-  }, []);
-  useIsomorphicLayoutEffect(() => {
-    if (mapInstance) {
-      mapInstance.setProps(props);
-    }
-  });
-  useImperativeHandle(ref, () => contextValue.map, [mapInstance]);
-  const style = useMemo(() => ({
-    position: 'relative',
-    width: '100%',
-    height: '100%',
-    ...props.style
-  }), [props.style]);
-  const CHILD_CONTAINER_STYLE = {
-    height: '100%'
-  };
-  return React.createElement("div", {
-    id: props.id,
-    ref: containerRef,
-    style: style
-  }, mapInstance && React.createElement(MapContext.Provider, {
-    value: contextValue
-  }, React.createElement("div", {
-    "mapboxgl-children": "",
-    style: CHILD_CONTAINER_STYLE
-  }, props.children)));
-}
-//# sourceMappingURL=map.js.map

package/dist/components/map.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"map.js","names":["React","useState","useRef","useEffect","useContext","useMemo","useImperativeHandle","MountedMapsContext","Mapbox","createRef","useIsomorphicLayoutEffect","setGlobals","MapContext","createContext","Map","props","ref","defaultLib","mountedMapsContext","mapInstance","setMapInstance","containerRef","current","contextValue","mapLib","map","isMounted","mapbox","Promise","resolve","then","module","Error","mapboxgl","default","supported","reuseMaps","reuse","onMapMount","id","catch","error","onError","type","target","originalEvent","console","onMapUnmount","recycle","destroy","setProps","style","position","width","height","CHILD_CONTAINER_STYLE","createElement","Provider","value","children"],"sources":["../../src/components/map.tsx"],"sourcesContent":["import * as React from 'react';\nimport {useState, useRef, useEffect, useContext, useMemo, useImperativeHandle} from 'react';\n\nimport {MountedMapsContext} from './use-map';\nimport Mapbox, {MapboxProps} from '../mapbox/mapbox';\nimport createRef, {MapRef} from '../mapbox/create-ref';\n\nimport type {CSSProperties} from 'react';\nimport useIsomorphicLayoutEffect from '../utils/use-isomorphic-layout-effect';\nimport setGlobals, {GlobalSettings} from '../utils/set-globals';\nimport type {MapLib, MapInstance, MapStyle, Callbacks} from '../types';\n\nexport type MapContextValue<MapT extends MapInstance = MapInstance> = {\n  mapLib: MapLib<MapT>;\n  map: MapRef<MapT>;\n};\n\nexport const MapContext = React.createContext<MapContextValue>(null);\n\ntype MapInitOptions<MapOptions> = Omit<\n  MapOptions,\n  'style' | 'container' | 'bounds' | 'fitBoundsOptions' | 'center'\n>;\n\nexport type MapProps<\n  MapOptions,\n  StyleT extends MapStyle,\n  CallbacksT extends Callbacks,\n  MapT extends MapInstance\n> = MapInitOptions<MapOptions> &\n  MapboxProps<StyleT, CallbacksT> &\n  GlobalSettings & {\n    mapLib?: MapLib<MapT> | Promise<MapLib<MapT>>;\n    reuseMaps?: boolean;\n    /** Map container id */\n    id?: string;\n    /** Map container CSS style */\n    style?: CSSProperties;\n    children?: any;\n  };\n\nexport default function Map<\n  MapOptions,\n  StyleT extends MapStyle,\n  CallbacksT extends Callbacks,\n  MapT extends MapInstance\n>(\n  props: MapProps<MapOptions, StyleT, CallbacksT, MapT>,\n  ref: React.Ref<MapRef<MapT>>,\n  defaultLib: MapLib<MapT> | Promise<MapLib<MapT>>\n) {\n  const mountedMapsContext = useContext(MountedMapsContext);\n  const [mapInstance, setMapInstance] = useState<Mapbox<StyleT, CallbacksT, MapT>>(null);\n  const containerRef = useRef();\n\n  const {current: contextValue} = useRef<MapContextValue<MapT>>({mapLib: null, map: null});\n\n  useEffect(() => {\n    const mapLib = props.mapLib;\n    let isMounted = true;\n    let mapbox: Mapbox<StyleT, CallbacksT, MapT>;\n\n    Promise.resolve(mapLib || defaultLib)\n      .then((module: MapLib<MapT> | {default: MapLib<MapT>}) => {\n        if (!isMounted) {\n          return;\n        }\n        if (!module) {\n          throw new Error('Invalid mapLib');\n        }\n        const mapboxgl = 'Map' in module ? module : module.default;\n        if (!mapboxgl.Map) {\n          throw new Error('Invalid mapLib');\n        }\n\n        // workerUrl & workerClass may change the result of supported()\n        // https://github.com/visgl/react-map-gl/discussions/2027\n        setGlobals(mapboxgl, props);\n        if (!mapboxgl.supported || mapboxgl.supported(props)) {\n          if (props.reuseMaps) {\n            mapbox = Mapbox.reuse(props, containerRef.current);\n          }\n          if (!mapbox) {\n            mapbox = new Mapbox(mapboxgl.Map, props, containerRef.current);\n          }\n          contextValue.map = createRef(mapbox);\n          contextValue.mapLib = mapboxgl;\n\n          setMapInstance(mapbox);\n          mountedMapsContext?.onMapMount(contextValue.map, props.id);\n        } else {\n          throw new Error('Map is not supported by this browser');\n        }\n      })\n      .catch(error => {\n        const {onError} = props;\n        if (onError) {\n          onError({\n            type: 'error',\n            target: null,\n            originalEvent: null,\n            error\n          });\n        } else {\n          console.error(error); // eslint-disable-line\n        }\n      });\n\n    return () => {\n      isMounted = false;\n      if (mapbox) {\n        mountedMapsContext?.onMapUnmount(props.id);\n        if (props.reuseMaps) {\n          mapbox.recycle();\n        } else {\n          mapbox.destroy();\n        }\n      }\n    };\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (mapInstance) {\n      mapInstance.setProps(props);\n    }\n  });\n\n  useImperativeHandle(ref, () => contextValue.map, [mapInstance]);\n\n  const style: CSSProperties = useMemo(\n    () => ({\n      position: 'relative',\n      width: '100%',\n      height: '100%',\n      ...props.style\n    }),\n    [props.style]\n  );\n\n  const CHILD_CONTAINER_STYLE = {\n    height: '100%'\n  };\n\n  return (\n    <div id={props.id} ref={containerRef} style={style}>\n      {mapInstance && (\n        <MapContext.Provider value={contextValue}>\n          <div mapboxgl-children=\"\" style={CHILD_CONTAINER_STYLE}>\n            {props.children}\n          </div>\n        </MapContext.Provider>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}