@mint-ui/map 0.8.0-beta → 0.9.0-beta

package/dist/components/mint-map/core/wrapper/MapControlWrapper.d.ts

@@ -4,6 +4,7 @@ declare type AlignVertical = 'top' | 'bottom' | 'center';
 export interface MapControlWrapperProps {
     width?: string | number;
     height?: string | number;
+    zIndex?: number;
     positionHorizontal?: AlignHorizontal;
     positionVertical?: AlignVertical;
     disablePointerEvent?: boolean;
@@ -15,5 +16,5 @@ export interface MapControlWrapperProps {
  *
  * @returns {JSX.Element} JSX
  */
-export declare function MapControlWrapper({ width, height, positionHorizontal, positionVertical, disablePointerEvent, children }: PropsWithChildren<MapControlWrapperProps>): JSX.Element;
+export declare function MapControlWrapper({ width, height, positionHorizontal, positionVertical, disablePointerEvent, zIndex, children }: PropsWithChildren<MapControlWrapperProps>): JSX.Element;
 export {};

package/dist/components/mint-map/core/wrapper/MapControlWrapper.js

@@ -30,12 +30,15 @@ function MapControlWrapper(_a) {
       _e = _a.positionVertical,
       positionVertical = _e === void 0 ? 'top' : _e,
       disablePointerEvent = _a.disablePointerEvent,
+      _f = _a.zIndex,
+      zIndex = _f === void 0 ? 101 : _f,
       children = _a.children;
   return React__default["default"].createElement("div", {
     className: cn('mint-map-control-wrapper-container'),
     style: {
       justifyContent: positionHorizontal === 'center' ? 'center' : positionHorizontal === 'right' ? 'flex-end' : 'flex-start',
-      alignItems: positionVertical === 'center' ? 'center' : positionVertical === 'bottom' ? 'flex-end' : 'flex-start'
+      alignItems: positionVertical === 'center' ? 'center' : positionVertical === 'bottom' ? 'flex-end' : 'flex-start',
+      zIndex: zIndex
     }
   }, React__default["default"].createElement("div", {
     className: cn('mint-map-control-wrapper'),

package/dist/components/mint-map/google/GoogleMintMapController.js

@@ -379,12 +379,12 @@ function (_super) {
                     delete window[callbackName];
                   };
 
-                  params = {
+                  params = tslib.__assign({
                     key: this.mapProps.mapKey,
                     libraries: this.scriptModules.join(','),
                     v: 'beta',
                     callback: callbackName
-                  };
+                  }, this.mapProps.scriptParams);
                   return [4
                   /*yield*/
                   , this.loadScript(this.buildUrl(this.scriptUrl, params), 'google_map_script', this.checkLoaded)];

package/dist/components/mint-map/kakao/KakaoMintMapController.js

@@ -392,11 +392,11 @@ function (_super) {
             return tslib.__generator(this, function (_a) {
               switch (_a.label) {
                 case 0:
-                  params = {
+                  params = tslib.__assign({
                     appkey: this.mapProps.mapKey,
                     libraries: this.scriptModules.join(','),
                     autoload: false
-                  };
+                  }, this.mapProps.scriptParams);
                   return [4
                   /*yield*/
                   , this.loadScript(this.buildUrl(this.scriptUrl, params), 'kakao_map_script', this.checkLoaded)];

package/dist/components/mint-map/naver/NaverMintMapController.js

@@ -401,11 +401,11 @@ function (_super) {
                     delete window[callbackName];
                   };
 
-                  params = {
+                  params = tslib.__assign({
                     ncpClientId: this.mapProps.mapKey,
                     submodules: this.scriptModules.join(','),
                     callback: callbackName
-                  };
+                  }, this.mapProps.scriptParams);
                   return [4
                   /*yield*/
                   , this.loadScript(this.buildUrl(this.scriptUrl, params), 'naver_map_script', this.checkLoaded)];

package/dist/components/mint-map/types/MintMapProps.d.ts

@@ -21,6 +21,11 @@ export interface MintMapProps extends MintMapEvents {
      * @description 각 지도 타입에 맞는 서브모듈을 지정해야한다.
      */
     scriptModules?: string[];
+    /**
+     * Map Script 로드시에 파라미터를 추가
+     * @description 내부적으로 key=value 의 형태로 처리된다.
+     */
+    scriptParams?: Record<string, string>;
     /**
        * Map 종류에 따른 추가 맵 ID
        * @description 특정 지도에서는 맵ID 가 추가로 요구된다 (ex: Google Maps)

package/dist/index.es.js

@@ -1893,11 +1893,11 @@ function (_super) {
                     delete window[callbackName];
                   };
 
-                  params = {
+                  params = __assign({
                     ncpClientId: this.mapProps.mapKey,
                     submodules: this.scriptModules.join(','),
                     callback: callbackName
-                  };
+                  }, this.mapProps.scriptParams);
                   return [4
                   /*yield*/
                   , this.loadScript(this.buildUrl(this.scriptUrl, params), 'naver_map_script', this.checkLoaded)];
@@ -2612,12 +2612,12 @@ function (_super) {
                     delete window[callbackName];
                   };
 
-                  params = {
+                  params = __assign({
                     key: this.mapProps.mapKey,
                     libraries: this.scriptModules.join(','),
                     v: 'beta',
                     callback: callbackName
-                  };
+                  }, this.mapProps.scriptParams);
                   return [4
                   /*yield*/
                   , this.loadScript(this.buildUrl(this.scriptUrl, params), 'google_map_script', this.checkLoaded)];
@@ -3326,11 +3326,11 @@ function (_super) {
             return __generator(this, function (_a) {
               switch (_a.label) {
                 case 0:
-                  params = {
+                  params = __assign({
                     appkey: this.mapProps.mapKey,
                     libraries: this.scriptModules.join(','),
                     autoload: false
-                  };
+                  }, this.mapProps.scriptParams);
                   return [4
                   /*yield*/
                   , this.loadScript(this.buildUrl(this.scriptUrl, params), 'kakao_map_script', this.checkLoaded)];
@@ -5277,12 +5277,15 @@ function MapControlWrapper(_a) {
       _e = _a.positionVertical,
       positionVertical = _e === void 0 ? 'top' : _e,
       disablePointerEvent = _a.disablePointerEvent,
+      _f = _a.zIndex,
+      zIndex = _f === void 0 ? 101 : _f,
       children = _a.children;
   return React.createElement("div", {
     className: cn('mint-map-control-wrapper-container'),
     style: {
       justifyContent: positionHorizontal === 'center' ? 'center' : positionHorizontal === 'right' ? 'flex-end' : 'flex-start',
-      alignItems: positionVertical === 'center' ? 'center' : positionVertical === 'bottom' ? 'flex-end' : 'flex-start'
+      alignItems: positionVertical === 'center' ? 'center' : positionVertical === 'bottom' ? 'flex-end' : 'flex-start',
+      zIndex: zIndex
     }
   }, React.createElement("div", {
     className: cn('mint-map-control-wrapper'),

package/dist/index.umd.js

@@ -1897,11 +1897,11 @@
                       delete window[callbackName];
                     };
 
-                    params = {
+                    params = tslib.__assign({
                       ncpClientId: this.mapProps.mapKey,
                       submodules: this.scriptModules.join(','),
                       callback: callbackName
-                    };
+                    }, this.mapProps.scriptParams);
                     return [4
                     /*yield*/
                     , this.loadScript(this.buildUrl(this.scriptUrl, params), 'naver_map_script', this.checkLoaded)];
@@ -2616,12 +2616,12 @@
                       delete window[callbackName];
                     };
 
-                    params = {
+                    params = tslib.__assign({
                       key: this.mapProps.mapKey,
                       libraries: this.scriptModules.join(','),
                       v: 'beta',
                       callback: callbackName
-                    };
+                    }, this.mapProps.scriptParams);
                     return [4
                     /*yield*/
                     , this.loadScript(this.buildUrl(this.scriptUrl, params), 'google_map_script', this.checkLoaded)];
@@ -3330,11 +3330,11 @@
               return tslib.__generator(this, function (_a) {
                 switch (_a.label) {
                   case 0:
-                    params = {
+                    params = tslib.__assign({
                       appkey: this.mapProps.mapKey,
                       libraries: this.scriptModules.join(','),
                       autoload: false
-                    };
+                    }, this.mapProps.scriptParams);
                     return [4
                     /*yield*/
                     , this.loadScript(this.buildUrl(this.scriptUrl, params), 'kakao_map_script', this.checkLoaded)];
@@ -5281,12 +5281,15 @@
         _e = _a.positionVertical,
         positionVertical = _e === void 0 ? 'top' : _e,
         disablePointerEvent = _a.disablePointerEvent,
+        _f = _a.zIndex,
+        zIndex = _f === void 0 ? 101 : _f,
         children = _a.children;
     return React__default["default"].createElement("div", {
       className: cn('mint-map-control-wrapper-container'),
       style: {
         justifyContent: positionHorizontal === 'center' ? 'center' : positionHorizontal === 'right' ? 'flex-end' : 'flex-start',
-        alignItems: positionVertical === 'center' ? 'center' : positionVertical === 'bottom' ? 'flex-end' : 'flex-start'
+        alignItems: positionVertical === 'center' ? 'center' : positionVertical === 'bottom' ? 'flex-end' : 'flex-start',
+        zIndex: zIndex
       }
     }, React__default["default"].createElement("div", {
       className: cn('mint-map-control-wrapper'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mint-ui/map",
-  "version": "0.8.0-beta",
+  "version": "0.9.0-beta",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",