@mint-ui/map 0.5.2-beta → 0.5.4-beta

package/dist/components/mint-map/core/MintMapCore.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from "react";
-import { MintMapProps } from "../types/MintMapProps";
-export declare function MintMapCore({ onLoad, visible, zoomLevel, center, centerMoveWithPanning, children }: PropsWithChildren<MintMapProps>): JSX.Element;
+import { PropsWithChildren } from "react";
+import { MintMapProps } from "../types/MintMapProps";
+export declare function MintMapCore({ onLoad, visible, zoomLevel, center, centerMoveWithPanning, children }: PropsWithChildren<MintMapProps>): JSX.Element;

package/dist/components/mint-map/core/MintMapCore.js

@@ -35,6 +35,7 @@ function MintMapCore(_a) {
       mapInitialized = _d[0],
       setMapInitialized = _d[1];
 
+  var currMapInitialized = React.useRef(false);
   React.useEffect(function () {
     (function () {
       return tslib.__awaiter(_this, void 0, void 0, function () {
@@ -47,16 +48,21 @@ function MintMapCore(_a) {
               , 2];
               return [4
               /*yield*/
-              , controller.initializingMap(elementRef.current) //onload callback (setTimeout 으로 맵이 초기화 될 텀을 준다. 특히 google map..)
-              ];
+              , controller.initializingMap(elementRef.current)];
 
             case 1:
-              map_1 = _a.sent(); //onload callback (setTimeout 으로 맵이 초기화 될 텀을 준다. 특히 google map..)
+              map_1 = _a.sent();
+
+              if (!currMapInitialized.current) {
+                currMapInitialized.current = true; //onload callback (setTimeout 으로 맵이 초기화 될 텀을 준다. 특히 google map..)
+
+                setTimeout(function () {
+                  // console.log('setMapInitialized true');
+                  setMapInitialized(true);
+                  onLoad && onLoad(map_1, controller);
+                }, 100);
+              }
 
-              setTimeout(function () {
-                setMapInitialized(true);
-                onLoad && onLoad(map_1, controller);
-              }, 100);
               _a.label = 2;
 
             case 2:
@@ -67,10 +73,6 @@ function MintMapCore(_a) {
         });
       });
     })();
-
-    return function () {
-      controller && controller.destroyMap();
-    };
   }, [controller, elementRef]); //줌레벨
 
   React.useEffect(function () {

package/dist/components/mint-map/core/advanced/MapBuildingProjection.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { Position } from "../../types/MapTypes";
-interface MapBuildingProjectionProps {
-    basePolygonPath: Position[];
-    numberOfFloor: number;
-    heightOfFloor?: number;
-    lineColor?: string;
-    lineOpacity?: number;
-    fillColor?: string;
-    fillOpacity?: number;
-    title?: string;
-    titleElement?: JSX.Element;
-}
-export declare function MapBuildingProjection(props: MapBuildingProjectionProps): JSX.Element;
-export {};
+/// <reference types="react" />
+import { Position } from "../../types/MapTypes";
+interface MapBuildingProjectionProps {
+    basePolygonPath: Position[];
+    numberOfFloor: number;
+    heightOfFloor?: number;
+    lineColor?: string;
+    lineOpacity?: number;
+    fillColor?: string;
+    fillOpacity?: number;
+    title?: string;
+    titleElement?: JSX.Element;
+}
+export declare function MapBuildingProjection(props: MapBuildingProjectionProps): JSX.Element;
+export {};

package/dist/components/mint-map/core/advanced/MapBuildingProjection.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var MapTypes = require('../../types/MapTypes.js');
-var calculate = require('../util/calculate.js');
+var geo = require('../util/geo.js');
 var MapMarkerWrapper = require('../wrapper/MapMarkerWrapper.js');
 var MapPolygonWrapper = require('../wrapper/MapPolygonWrapper.js');
 
@@ -82,7 +82,7 @@ function MapBuildingProjection(props) {
       position: basePolygonPath
     };
     var height = numberOfFloor * heightOfFloor;
-    var projectionHeight = calculate.GeoCalulator.convertMeterToLatitudeValue(height); //roof
+    var projectionHeight = geo.GeoCalulator.convertMeterToLatitudeValue(height); //roof
 
     var roofPaths = [];
 

package/dist/components/mint-map/core/advanced/MapLoadingComponents.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-/**
- * 유틸 컴포넌트 : 텍스트 로딩
- */
-export interface PointLoadingProps {
-    text?: string;
-    pointCount?: number;
-    speedMs?: number;
-}
-export declare function PointLoading({ text, pointCount, speedMs }: PointLoadingProps): JSX.Element;
-export declare function MapLoadingWithImage({ size }: MapImageLoadingProps): JSX.Element;
-interface MapImageLoadingProps {
-    size?: number;
-    duration?: number;
-    delay?: number;
-}
-export {};
+/// <reference types="react" />
+/**
+ * 유틸 컴포넌트 : 텍스트 로딩
+ */
+export interface PointLoadingProps {
+    text?: string;
+    pointCount?: number;
+    speedMs?: number;
+}
+export declare function PointLoading({ text, pointCount, speedMs }: PointLoadingProps): JSX.Element;
+export declare function MapLoadingWithImage({ size }: MapImageLoadingProps): JSX.Element;
+interface MapImageLoadingProps {
+    size?: number;
+    duration?: number;
+    delay?: number;
+}
+export {};

package/dist/components/mint-map/core/advanced/index.d.ts

@@ -1,3 +1,3 @@
-export * from './shapes';
-export * from './MapBuildingProjection';
-export * from './MapLoadingComponents';
+export * from './shapes';
+export * from './MapBuildingProjection';
+export * from './MapLoadingComponents';

package/dist/components/mint-map/core/advanced/shapes/CircleMarker.d.ts

@@ -1,20 +1,20 @@
-import React, { PropsWithChildren } from "react";
-import { Position } from "../../../types";
-export interface CircleMarkerProps {
-    center: Position;
-    radius: number;
-    radiusUnit?: 'PIXEL' | 'METER';
-    background?: string;
-    visible?: boolean;
-    zIndex?: number;
-    svgProperties?: React.SVGProps<SVGSVGElement>;
-    shapeProperties?: React.SVGProps<SVGCircleElement>;
-}
-/**
- * CircleMarker
- *
- * @param {CircleMarkerProps} CircleMarkerProps
- *
- * @returns {JSX.Element} JSX
- */
-export declare function CircleMarker({ children, center, radius, radiusUnit, background, svgProperties, shapeProperties, visible, zIndex, }: PropsWithChildren<CircleMarkerProps>): JSX.Element;
+import React, { PropsWithChildren } from "react";
+import { Position } from "../../../types";
+export interface CircleMarkerProps {
+    center: Position;
+    radius: number;
+    radiusUnit?: 'PIXEL' | 'METER';
+    background?: string;
+    visible?: boolean;
+    zIndex?: number;
+    svgProperties?: React.SVGProps<SVGSVGElement>;
+    shapeProperties?: React.SVGProps<SVGCircleElement>;
+}
+/**
+ * CircleMarker
+ *
+ * @param {CircleMarkerProps} CircleMarkerProps
+ *
+ * @returns {JSX.Element} JSX
+ */
+export declare function CircleMarker({ children, center, radius, radiusUnit, background, svgProperties, shapeProperties, visible, zIndex, }: PropsWithChildren<CircleMarkerProps>): JSX.Element;

package/dist/components/mint-map/core/advanced/shapes/CircleMarker.js

@@ -11,18 +11,19 @@ var MapTypes = require('../../../types/MapTypes.js');
 require('../../../types/MapEventTypes.js');
 var SVGCircle = require('./base/SVGCircle.js');
 require('../../util/animation.js');
-var calculate = require('../../util/calculate.js');
+var geo = require('../../util/geo.js');
+require('../../util/polygon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * CircleMarker
- *
- * @param {CircleMarkerProps} CircleMarkerProps
- *
- * @returns {JSX.Element} JSX
+/**
+ * CircleMarker
+ *
+ * @param {CircleMarkerProps} CircleMarkerProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function CircleMarker(_a) {
@@ -103,7 +104,7 @@ function CircleMarker(_a) {
         radiusUnit = _a.radiusUnit;
 
     if (radiusUnit === 'METER') {
-      var latMargin = calculate.GeoCalulator.convertMeterToLatitudeValue(radius);
+      var latMargin = geo.GeoCalulator.convertMeterToLatitudeValue(radius);
       var targetPos = new MapTypes.Position(center.lat + latMargin, center.lng);
       var tempComputedRadius = calcRadius(center, targetPos);
       setComputedRadius(tempComputedRadius);

package/dist/components/mint-map/core/advanced/shapes/PolygonMarker.d.ts

@@ -1,23 +1,23 @@
-import React, { PropsWithChildren } from "react";
-import { Position } from "../../../types";
-export interface PolygonMarkerProps {
-    position: Position[];
-    innerPositions?: Position[][];
-    background?: string;
-    visible?: boolean;
-    zIndex?: number;
-    simplifyPath?: boolean;
-    simplifyTolerance?: number;
-    lastReapeated?: boolean;
-    mode?: 'POLYGON' | 'POLYLINE';
-    svgProperties?: React.SVGProps<SVGSVGElement>;
-    shapeProperties?: React.SVGProps<SVGPathElement>;
-}
-/**
- *PolygonMarker
- *
- * @param {PolygonMarkerProps} PolygonMarkerProps
- *
- * @returns {JSX.Element} JSX
- */
-export declare function PolygonMarker({ children, position, background, innerPositions, simplifyPath, simplifyTolerance, lastReapeated, svgProperties, shapeProperties, visible, zIndex, mode, }: PropsWithChildren<PolygonMarkerProps>): JSX.Element;
+import React, { PropsWithChildren } from "react";
+import { Position } from "../../../types";
+export interface PolygonMarkerProps {
+    position: Position[];
+    innerPositions?: Position[][];
+    background?: string;
+    visible?: boolean;
+    zIndex?: number;
+    simplifyPath?: boolean;
+    simplifyTolerance?: number;
+    lastReapeated?: boolean;
+    mode?: 'POLYGON' | 'POLYLINE';
+    svgProperties?: React.SVGProps<SVGSVGElement>;
+    shapeProperties?: React.SVGProps<SVGPathElement>;
+}
+/**
+ *PolygonMarker
+ *
+ * @param {PolygonMarkerProps} PolygonMarkerProps
+ *
+ * @returns {JSX.Element} JSX
+ */
+export declare function PolygonMarker({ children, position, background, innerPositions, simplifyPath, simplifyTolerance, lastReapeated, svgProperties, shapeProperties, visible, zIndex, mode, }: PropsWithChildren<PolygonMarkerProps>): JSX.Element;

package/dist/components/mint-map/core/advanced/shapes/PolygonMarker.js

@@ -10,19 +10,20 @@ require('../../../types/MapDrawables.js');
 var MapTypes = require('../../../types/MapTypes.js');
 require('../../../types/MapEventTypes.js');
 require('../../util/animation.js');
-var calculate = require('../../util/calculate.js');
+require('../../util/geo.js');
 require('tslib');
+var polygon = require('../../util/polygon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- *PolygonMarker
- *
- * @param {PolygonMarkerProps} PolygonMarkerProps
- *
- * @returns {JSX.Element} JSX
+/**
+ *PolygonMarker
+ *
+ * @param {PolygonMarkerProps} PolygonMarkerProps
+ *
+ * @returns {JSX.Element} JSX
  */
 
 function PolygonMarker(_a) {
@@ -85,11 +86,9 @@ function PolygonMarker(_a) {
 
   var _l = React.useState([]),
       innerOffsets = _l[0],
-      setInnerOffsets = _l[1]; //offset cache
+      setInnerOffsets = _l[1]; //polygon props ref
 
 
-  var offsetCache = React.useRef(new Map()); //polygon props ref
-
   var polygonPropsRef = React.useRef({
     position: position,
     innerPositions: innerPositions,
@@ -100,7 +99,6 @@ function PolygonMarker(_a) {
 
   React.useEffect(function () {
     // console.log('polygon changed');
-    offsetCache.current.clear();
     polygonPropsRef.current = {
       position: position,
       innerPositions: innerPositions,
@@ -122,53 +120,42 @@ function PolygonMarker(_a) {
         innerPositions = _a.innerPositions,
         simplifyPath = _a.simplifyPath,
         simplifyTolerance = _a.simplifyTolerance,
-        lastReapeated = _a.lastReapeated;
-    var prevCache = offsetCache.current.get(zoomLevel.current);
-
-    if (prevCache) {
-      var offsets_1 = [];
-      offsets_1.push.apply(offsets_1, prevCache.offsets);
-      setOffsets(offsets_1);
-      var innerOffsets_1 = [];
-      innerOffsets_1.push.apply(innerOffsets_1, prevCache.innerOffsets);
-      setInnerOffsets(innerOffsets_1);
-      setPolygonStart(prevCache.start);
-    } else {
-      // path
-      var simplified = simplifyPath ? calculate.PolygonCalculator.simplifyPoints(position, simplifyTolerance, lastReapeated) : position;
-      var offsets_2 = simplified.map(function (pos) {
-        var off = controller.positionToOffset(pos);
-        return new MapTypes.Offset(Math.floor(off.x), Math.floor(off.y));
-      });
-      setOffsets(offsets_2); //inner path
-
-      var innerPath = [];
-
-      if (innerPositions) {
-        for (var _i = 0, innerPositions_1 = innerPositions; _i < innerPositions_1.length; _i++) {
-          var innerPosition = innerPositions_1[_i];
-          var simplified_1 = simplifyPath ? calculate.PolygonCalculator.simplifyPoints(innerPosition, simplifyTolerance, lastReapeated) : innerPosition;
-          var offsets_3 = simplified_1.map(function (pos) {
-            var off = controller.positionToOffset(pos);
-            return new MapTypes.Offset(Math.floor(off.x), Math.floor(off.y));
-          });
-          innerPath.push(offsets_3);
-        }
-
-        setInnerOffsets(innerPath);
-      } //start point
-
-
-      var regionInfo = calculate.PolygonCalculator.getRegionInfo(simplified);
-      var startPosition = regionInfo.maxLat && regionInfo.minLng ? new MapTypes.Position(regionInfo.maxLat, regionInfo.minLng) : undefined;
-      setPolygonStart(startPosition); //cache set
-
-      offsetCache.current.set(zoomLevel.current, {
-        start: startPosition,
-        offsets: offsets_2,
-        innerOffsets: innerPath
-      });
-    }
+        lastReapeated = _a.lastReapeated; // path
+
+    var maxLat = undefined;
+    var minLng = undefined;
+    var offsets = position.map(function (pos) {
+      if (maxLat === undefined || maxLat < pos.lat) {
+        maxLat = pos.lat;
+      }
+
+      if (minLng === undefined || minLng > pos.lng) {
+        minLng = pos.lng;
+      }
+
+      return controller.positionToOffset(pos);
+    });
+    var simplified = simplifyPath ? polygon.PolygonCalculator.simplifyPoints(offsets, simplifyTolerance, lastReapeated) : offsets;
+    setOffsets(simplified); //inner path
+
+    var innerPath = [];
+
+    if (innerPositions) {
+      for (var _i = 0, innerPositions_1 = innerPositions; _i < innerPositions_1.length; _i++) {
+        var innerPosition = innerPositions_1[_i];
+        var offsets_1 = innerPosition.map(function (pos) {
+          return controller.positionToOffset(pos);
+        });
+        var simplified_1 = simplifyPath ? polygon.PolygonCalculator.simplifyPoints(offsets_1, simplifyTolerance, lastReapeated) : offsets_1;
+        innerPath.push(simplified_1);
+      }
+
+      setInnerOffsets(innerPath);
+    } //start point
+
+
+    var startPosition = maxLat && minLng ? new MapTypes.Position(maxLat, minLng) : undefined;
+    setPolygonStart(startPosition);
   }, []);
   return React__default["default"].createElement(React__default["default"].Fragment, null, polygonStart && React__default["default"].createElement(MapMarkerWrapper.MapMarkerWrapper, {
     position: polygonStart,

package/dist/components/mint-map/core/advanced/shapes/base/SVGCircle.d.ts

@@ -1,8 +1,8 @@
-import React, { PropsWithChildren } from "react";
-export interface SVGCircleProps {
-    radius?: number;
-    background?: string;
-    svgProperties?: React.SVGProps<SVGSVGElement>;
-    shapeProperties?: React.SVGProps<SVGCircleElement>;
-}
-export declare function SVGCircle({ radius, background, children, svgProperties, shapeProperties, }: PropsWithChildren<SVGCircleProps>): JSX.Element;
+import React, { PropsWithChildren } from "react";
+export interface SVGCircleProps {
+    radius?: number;
+    background?: string;
+    svgProperties?: React.SVGProps<SVGSVGElement>;
+    shapeProperties?: React.SVGProps<SVGCircleElement>;
+}
+export declare function SVGCircle({ radius, background, children, svgProperties, shapeProperties, }: PropsWithChildren<SVGCircleProps>): JSX.Element;

package/dist/components/mint-map/core/advanced/shapes/base/SVGPolygon.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-import { PropsWithChildren } from "react";
-import { Offset } from "../../../../types";
-export interface SVGPolygonProps {
-    path: Offset[];
-    innerPath?: Offset[][];
-    background?: string;
-    mode?: 'POLYGON' | 'POLYLINE';
-    svgProperties?: React.SVGProps<SVGSVGElement>;
-    shapeProperties?: React.SVGProps<SVGPathElement>;
-}
-export declare function SVGPolygon({ path, innerPath, background, svgProperties, shapeProperties, mode, children, }: PropsWithChildren<SVGPolygonProps>): JSX.Element;
+import React from "react";
+import { PropsWithChildren } from "react";
+import { Offset } from "../../../../types";
+export interface SVGPolygonProps {
+    path: Offset[];
+    innerPath?: Offset[][];
+    background?: string;
+    mode?: 'POLYGON' | 'POLYLINE';
+    svgProperties?: React.SVGProps<SVGSVGElement>;
+    shapeProperties?: React.SVGProps<SVGPathElement>;
+}
+export declare function SVGPolygon({ path, innerPath, background, svgProperties, shapeProperties, mode, children, }: PropsWithChildren<SVGPolygonProps>): JSX.Element;

package/dist/components/mint-map/core/advanced/shapes/base/SVGPolygon.js

@@ -57,10 +57,10 @@ function SVGPolygon(_a) {
     var width = maxX - minX;
     var height = maxY - minY;
     return {
-      containerLeft: Math.floor(minX),
-      containerTop: Math.floor(minY),
-      containerWidth: Math.floor(width),
-      containerHeight: Math.floor(height)
+      containerLeft: minX,
+      containerTop: minY,
+      containerWidth: width,
+      containerHeight: height
     };
   }, []);
   var getD = React.useCallback(function (_a) {
@@ -134,7 +134,7 @@ function SVGPolygon(_a) {
     height: height,
     fill: mode === 'POLYLINE' ? 'none' : background,
     stroke: mode === 'POLYLINE' ? 'black' : 'green',
-    strokeLinejoin: "round",
+    strokeLinejoin: "miter",
     strokeLinecap: "butt",
     d: d
   }, shapeProperties))), React__default["default"].createElement("div", {

package/dist/components/mint-map/core/advanced/shapes/base/SVGRect.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-import { PropsWithChildren } from "react";
-export interface SVGRectProps {
-    width?: number;
-    height?: number;
-    background?: string;
-    svgProperties?: React.SVGProps<SVGSVGElement>;
-    shapeProperties?: React.SVGProps<SVGRectElement>;
-}
-export declare function SVGRect({ width, height, background, svgProperties, shapeProperties, children }: PropsWithChildren<SVGRectProps>): JSX.Element;
+import React from "react";
+import { PropsWithChildren } from "react";
+export interface SVGRectProps {
+    width?: number;
+    height?: number;
+    background?: string;
+    svgProperties?: React.SVGProps<SVGSVGElement>;
+    shapeProperties?: React.SVGProps<SVGRectElement>;
+}
+export declare function SVGRect({ width, height, background, svgProperties, shapeProperties, children }: PropsWithChildren<SVGRectProps>): JSX.Element;

package/dist/components/mint-map/core/advanced/shapes/base/index.d.ts

@@ -1,3 +1,3 @@
-export * from './SVGCircle';
-export * from './SVGPolygon';
-export * from './SVGRect';
+export * from './SVGCircle';
+export * from './SVGPolygon';
+export * from './SVGRect';

package/dist/components/mint-map/core/advanced/shapes/index.d.ts

@@ -1,3 +1,3 @@
-export * from './base';
-export * from './CircleMarker';
-export * from './PolygonMarker';
+export * from './base';
+export * from './CircleMarker';
+export * from './PolygonMarker';

package/dist/components/mint-map/core/hooks/MarkerMovingHook.d.ts

@@ -1,6 +1,6 @@
-import { Marker } from "../../types/MapDrawables";
-import { MapMarkerMoving } from "../wrapper/MapMarkerWrapper";
-export interface MapMarkerMovingHookProps extends MapMarkerMoving {
-    marker?: Marker;
-}
-export declare function useMarkerMoving({ marker, positions, positionClosed, loop, fps, startPositionIndex, velocity, onMovingStart, onMovingEnd }: MapMarkerMovingHookProps): (() => void)[];
+import { Marker } from "../../types/MapDrawables";
+import { MapMarkerMoving } from "../wrapper/MapMarkerWrapper";
+export interface MapMarkerMovingHookProps extends MapMarkerMoving {
+    marker?: Marker;
+}
+export declare function useMarkerMoving({ marker, positions, positionClosed, loop, fps, startPositionIndex, velocity, onMovingStart, onMovingEnd }: MapMarkerMovingHookProps): (() => void)[];

package/dist/components/mint-map/core/hooks/MarkerMovingHook.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var MintMapProvider = require('../provider/MintMapProvider.js');
 var animation = require('../util/animation.js');
-var calculate = require('../util/calculate.js');
+var geo = require('../util/geo.js');
 require('../../types/MapDrawables.js');
 var MapTypes = require('../../types/MapTypes.js');
 require('../../types/MapEventTypes.js');
@@ -71,7 +71,7 @@ function useMarkerMoving(_a) {
 
         while (true) {
           //계산
-          calculate.GeoCalulator.computeNextPositionAndDistances(context_1); //타겟에 도착했으면, 원래 얼마나 더 갈수 있었는지 체크해서
+          geo.GeoCalulator.computeNextPositionAndDistances(context_1); //타겟에 도착했으면, 원래 얼마나 더 갈수 있었는지 체크해서
           //그 만큼 더 가도록 계속 처리하기위해 다시 계산
 
           if (context_1.nextPos === context_1.pos2) {

package/dist/components/mint-map/core/hooks/index.d.ts

@@ -1 +1 @@
-export * from "./MarkerMovingHook";
+export * from "./MarkerMovingHook";

package/dist/components/mint-map/core/index.d.ts

@@ -1,8 +1,8 @@
-export * from "./MintMapCore";
-export * from "./MintMapController";
-export * from './MintMapCanvasRenderer';
-export * from "./advanced";
-export * from "./hooks";
-export * from "./provider";
-export * from './util';
-export * from './wrapper';
+export * from "./MintMapCore";
+export * from "./MintMapController";
+export * from './MintMapCanvasRenderer';
+export * from "./advanced";
+export * from "./hooks";
+export * from "./provider";
+export * from './util';
+export * from './wrapper';

package/dist/components/mint-map/core/provider/MintMapProvider.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren } from "react";
-import { MintMapController } from "../MintMapController";
-interface MintMapProviderProps {
-    controller: MintMapController;
-}
-export declare function MintMapProvider({ controller, children }: PropsWithChildren<MintMapProviderProps>): JSX.Element;
-export declare function useMintMapController(): MintMapController;
-export {};
+import { PropsWithChildren } from "react";
+import { MintMapController } from "../MintMapController";
+interface MintMapProviderProps {
+    controller: MintMapController;
+}
+export declare function MintMapProvider({ controller, children }: PropsWithChildren<MintMapProviderProps>): JSX.Element;
+export declare function useMintMapController(): MintMapController;
+export {};

package/dist/components/mint-map/core/provider/index.d.ts

@@ -1 +1 @@
-export * from "./MintMapProvider";
+export * from "./MintMapProvider";

package/dist/components/mint-map/core/util/animation.d.ts

@@ -1,16 +1,16 @@
-export declare type DrawFunction = (frameGapTime: number, elapsedTime: number) => boolean | undefined;
-export declare class AnimationPlayer {
-    prevtime: number;
-    elapsedTime: number;
-    fps: number | null;
-    baseDrawGapTime: number | null;
-    private deltaTime;
-    private playing;
-    draw: DrawFunction;
-    constructor(drawFunction: DrawFunction, fps?: number);
-    init(): void;
-    start(): void;
-    stop(): void;
-    resume(): void;
-    makeFrame(timestamp: number): void;
-}
+export declare type DrawFunction = (frameGapTime: number, elapsedTime: number) => boolean | undefined;
+export declare class AnimationPlayer {
+    prevtime: number;
+    elapsedTime: number;
+    fps: number | null;
+    baseDrawGapTime: number | null;
+    private deltaTime;
+    private playing;
+    draw: DrawFunction;
+    constructor(drawFunction: DrawFunction, fps?: number);
+    init(): void;
+    start(): void;
+    stop(): void;
+    resume(): void;
+    makeFrame(timestamp: number): void;
+}