playbook_ui 12.8.0.pre.alpha.PLAY649mapkitstyles299 → 12.8.0.pre.alpha.rubyandnpmalpharelease294

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1a81921a9d8f66328fdf77236a5286c4e3931308805b7e10d452538346c3549f
-  data.tar.gz: fc0d9ab00112ce0c1bd88f37ba2d52da406df628284291e8e89135b03cb20e99
+  metadata.gz: 0b2766e44f060745f562d270d04023449a7f607340c08dd0ec2051a22f271842
+  data.tar.gz: 87e80cd70d88213de29fae07e2016b431fc8e83bd18f52d4d78f2d27de51f6b5
 SHA512:
-  metadata.gz: 3e03c35c457723e4c219c44fd15e9e9e85215ef4d7803d3f0a91ba77a47073339f60c2c55fa4c8446dcc4bd90b4e2c6030b389eaa60709e18e694439c932079d
-  data.tar.gz: 4911d567f232bb912f4f950984fa0fd39ffef63ec55d1f7f1fc2a1a00a8bf89debf484f485cc88c76ca8ce53bc91fab537aaa9704892f74ad8c951cdb487ab8f
+  metadata.gz: e7bf0978437ccb51d4f97d1b2c852195d64715a9c7fb3006a85b96dd52c37c3c31dd2a7032f5c5dd21faaa2378b0ed1b13ead8d36774fe265a012bb1fab19ff7
+  data.tar.gz: 62b23c00d3c829dbdbb32ab5742f481e1a0f354bd27ea6faacb2e61874ab61630308dcc8838032795feca3b3d954a89861459d59fb02ae4ed6d94b35e45a586c

data/app/pb_kits/playbook/pb_map/_map.scss

@@ -17,46 +17,6 @@
       box-shadow: $shadow_deep;
     }
   }
-
-  .mapboxgl-ctrl-attrib.mapboxgl-compact,
-  .maplibregl-ctrl-attrib.maplibregl-compact {
-    background-color: unset;
-  }
-  .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
-  .maplibregl-ctrl-attrib.maplibregl-compact-show {
-    background-color: $card_light;
-    box-shadow: $shadow_deep;
-    color: $text_lt_default;
-  }
-
-  .mapboxgl-ctrl-group:not(:empty),
-  .maplibregl-ctrl-group:not(:empty) {
-    position: absolute;
-    top: 150px;
-    right: $space_xs + 2;
-    margin: unset;
-    box-shadow: unset;
-    border-radius: $border_radius_md;
-
-    .mapbox-gl-draw_ctrl-draw-btn {
-      width: 36px;
-      height: 40px;
-      box-shadow: $shadow_deep;
-      background: $card_light;
-      border: solid 1px $border_light;
-    }
-
-    .mapbox-gl-draw_polygon {
-      border-top-left-radius: $border_radius_md;
-      border-top-right-radius: $border_radius_md;
-    }
-
-    .mapbox-gl-draw_trash {
-      border-bottom-left-radius: $border_radius_md;
-      border-bottom-right-radius: $border_radius_md;
-    }
-  }
-
   .custom-nav-control {
     position: absolute;
     right: $space_xs + 2;
@@ -93,7 +53,7 @@
       align-items: center;
 
       svg {
-        width: $space_xs + 6;
+        width: $space_xs + 4;
         height: $space_sm;
         display: flex;
       }
@@ -156,18 +116,5 @@
         background-color: #221e3d;
       }
     }
-
-    .maplibregl-ctrl-attrib-button {
-      background-color: $text_dk_light;
-    }
-    .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
-    .maplibregl-ctrl-attrib.maplibregl-compact-show {
-      background-color: $bg_dark;
-      box-shadow: $shadow_deep;
-      color: $text_dk_default;
-      a {
-        color: $text_dk_default;
-      }
-    }
   }
 }

data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx

@@ -1,6 +1,7 @@
 import React, { useRef, useEffect, useState } from 'react'
-import { Map, mapTheme } from '../../'
+import { Map } from '../../'
 import maplibregl from 'maplibre-gl'
+import mapTheme from '../pbMapTheme'
 
 const MapDefault = (props) => {
 

data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx

@@ -1,35 +1,28 @@
-import React, { useRef, useEffect, useState } from 'react'
-import { Map, mapTheme } from '../../'
+import React, { useRef, useEffect } from 'react'
+import { Map } from '../../'
 import maplibregl from 'maplibre-gl'
 import MapboxDraw from "@mapbox/mapbox-gl-draw";
+import mapTheme from '../pbMapTheme'
 
 const MapWithPlugin = (props) => {
     //set Map instance to access from outside useEffect
-    const [mapInstance, setMapInstance] = useState(null)
     const mapContainerRef = useRef(null)
 
       //Set default position
     const defaultPosition = [-75.379143, 39.831200]
 
-    // linking Maplibre methods to PB custom zoom in, zoom out, and fly to buttons
-  const handleZoomIn = (map) => {map.zoomIn({...mapTheme.zoomConfig})}
-  const handleZoomOut = (map) => {map.zoomOut({...mapTheme.zoomConfig})}
-  const handleFlyTo = (map) => {map.flyTo({
-                                center: defaultPosition,
-                                ... mapTheme.flyToConfig
-                                });}
-
     //This function should contain all maplibre related code
     const loadMap = ( { target: map }) => {
         //set marker/pin
-        new maplibregl.Marker({
+        /* eslint-disable-next-line */
+        const marker = new maplibregl.Marker({
           color: mapTheme.marker,
         }).setLngLat(defaultPosition)
         .setPopup(new maplibregl.Popup({className: 'map_popup', closeButton: false}).setHTML(`<h4 class="pb_title_kit_size_4">Hello World!</h4>`)) // add popup
         .addTo(map);
 
         //add maplibre default zoom controls
-        // map.addControl(new maplibregl.NavigationControl({showCompass: false}))
+        map.addControl(new maplibregl.NavigationControl({showCompass: false}))
 
         // disable map zoom when using scroll
         map.scrollZoom.disable();
@@ -43,15 +36,12 @@ const MapWithPlugin = (props) => {
             }
             });
             map.addControl(draw);
-
-        //set map instance
-        setMapInstance(map)
     }
 
     useEffect(() => {
          new maplibregl.Map({
             container: mapContainerRef.current,
-            center: defaultPosition,
+            center: [-75.379143, 39.831200],
             ...mapTheme.mapConfig
         }).on('load', loadMap)
     }, [])
@@ -59,13 +49,7 @@ const MapWithPlugin = (props) => {
 
     
 return ( 
-  <Map flyTo
-      flyToClick={()=> {handleFlyTo(mapInstance)}}
-      zoomBtns
-      zoomInClick={() => {handleZoomIn(mapInstance)}}
-      zoomOutClick={()=> {handleZoomOut(mapInstance)}}
-      {...props}
-  >
+  <Map {...props} >
        <div
            ref={mapContainerRef}
            style={{

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "12.8.0"
-  VERSION = "12.8.0.pre.alpha.PLAY649mapkitstyles299"
+  VERSION = "12.8.0.pre.alpha.rubyandnpmalpharelease294"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.8.0.pre.alpha.PLAY649mapkitstyles299
+  version: 12.8.0.pre.alpha.rubyandnpmalpharelease294
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-03-15 00:00:00.000000000 Z
+date: 2023-03-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack