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

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 1a81921a9d8f66328fdf77236a5286c4e3931308805b7e10d452538346c3549f
4
- data.tar.gz: fc0d9ab00112ce0c1bd88f37ba2d52da406df628284291e8e89135b03cb20e99
3
+ metadata.gz: 0b2766e44f060745f562d270d04023449a7f607340c08dd0ec2051a22f271842
4
+ data.tar.gz: 87e80cd70d88213de29fae07e2016b431fc8e83bd18f52d4d78f2d27de51f6b5
5
5
  SHA512:
6
- metadata.gz: 3e03c35c457723e4c219c44fd15e9e9e85215ef4d7803d3f0a91ba77a47073339f60c2c55fa4c8446dcc4bd90b4e2c6030b389eaa60709e18e694439c932079d
7
- data.tar.gz: 4911d567f232bb912f4f950984fa0fd39ffef63ec55d1f7f1fc2a1a00a8bf89debf484f485cc88c76ca8ce53bc91fab537aaa9704892f74ad8c951cdb487ab8f
6
+ metadata.gz: e7bf0978437ccb51d4f97d1b2c852195d64715a9c7fb3006a85b96dd52c37c3c31dd2a7032f5c5dd21faaa2378b0ed1b13ead8d36774fe265a012bb1fab19ff7
7
+ data.tar.gz: 62b23c00d3c829dbdbb32ab5742f481e1a0f354bd27ea6faacb2e61874ab61630308dcc8838032795feca3b3d954a89861459d59fb02ae4ed6d94b35e45a586c
@@ -17,46 +17,6 @@
17
17
  box-shadow: $shadow_deep;
18
18
  }
19
19
  }
20
-
21
- .mapboxgl-ctrl-attrib.mapboxgl-compact,
22
- .maplibregl-ctrl-attrib.maplibregl-compact {
23
- background-color: unset;
24
- }
25
- .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
26
- .maplibregl-ctrl-attrib.maplibregl-compact-show {
27
- background-color: $card_light;
28
- box-shadow: $shadow_deep;
29
- color: $text_lt_default;
30
- }
31
-
32
- .mapboxgl-ctrl-group:not(:empty),
33
- .maplibregl-ctrl-group:not(:empty) {
34
- position: absolute;
35
- top: 150px;
36
- right: $space_xs + 2;
37
- margin: unset;
38
- box-shadow: unset;
39
- border-radius: $border_radius_md;
40
-
41
- .mapbox-gl-draw_ctrl-draw-btn {
42
- width: 36px;
43
- height: 40px;
44
- box-shadow: $shadow_deep;
45
- background: $card_light;
46
- border: solid 1px $border_light;
47
- }
48
-
49
- .mapbox-gl-draw_polygon {
50
- border-top-left-radius: $border_radius_md;
51
- border-top-right-radius: $border_radius_md;
52
- }
53
-
54
- .mapbox-gl-draw_trash {
55
- border-bottom-left-radius: $border_radius_md;
56
- border-bottom-right-radius: $border_radius_md;
57
- }
58
- }
59
-
60
20
  .custom-nav-control {
61
21
  position: absolute;
62
22
  right: $space_xs + 2;
@@ -93,7 +53,7 @@
93
53
  align-items: center;
94
54
 
95
55
  svg {
96
- width: $space_xs + 6;
56
+ width: $space_xs + 4;
97
57
  height: $space_sm;
98
58
  display: flex;
99
59
  }
@@ -156,18 +116,5 @@
156
116
  background-color: #221e3d;
157
117
  }
158
118
  }
159
-
160
- .maplibregl-ctrl-attrib-button {
161
- background-color: $text_dk_light;
162
- }
163
- .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
164
- .maplibregl-ctrl-attrib.maplibregl-compact-show {
165
- background-color: $bg_dark;
166
- box-shadow: $shadow_deep;
167
- color: $text_dk_default;
168
- a {
169
- color: $text_dk_default;
170
- }
171
- }
172
119
  }
173
120
  }
@@ -1,6 +1,7 @@
1
1
  import React, { useRef, useEffect, useState } from 'react'
2
- import { Map, mapTheme } from '../../'
2
+ import { Map } from '../../'
3
3
  import maplibregl from 'maplibre-gl'
4
+ import mapTheme from '../pbMapTheme'
4
5
 
5
6
  const MapDefault = (props) => {
6
7
 
@@ -1,35 +1,28 @@
1
- import React, { useRef, useEffect, useState } from 'react'
2
- import { Map, mapTheme } from '../../'
1
+ import React, { useRef, useEffect } from 'react'
2
+ import { Map } from '../../'
3
3
  import maplibregl from 'maplibre-gl'
4
4
  import MapboxDraw from "@mapbox/mapbox-gl-draw";
5
+ import mapTheme from '../pbMapTheme'
5
6
 
6
7
  const MapWithPlugin = (props) => {
7
8
  //set Map instance to access from outside useEffect
8
- const [mapInstance, setMapInstance] = useState(null)
9
9
  const mapContainerRef = useRef(null)
10
10
 
11
11
  //Set default position
12
12
  const defaultPosition = [-75.379143, 39.831200]
13
13
 
14
- // linking Maplibre methods to PB custom zoom in, zoom out, and fly to buttons
15
- const handleZoomIn = (map) => {map.zoomIn({...mapTheme.zoomConfig})}
16
- const handleZoomOut = (map) => {map.zoomOut({...mapTheme.zoomConfig})}
17
- const handleFlyTo = (map) => {map.flyTo({
18
- center: defaultPosition,
19
- ... mapTheme.flyToConfig
20
- });}
21
-
22
14
  //This function should contain all maplibre related code
23
15
  const loadMap = ( { target: map }) => {
24
16
  //set marker/pin
25
- new maplibregl.Marker({
17
+ /* eslint-disable-next-line */
18
+ const marker = new maplibregl.Marker({
26
19
  color: mapTheme.marker,
27
20
  }).setLngLat(defaultPosition)
28
21
  .setPopup(new maplibregl.Popup({className: 'map_popup', closeButton: false}).setHTML(`<h4 class="pb_title_kit_size_4">Hello World!</h4>`)) // add popup
29
22
  .addTo(map);
30
23
 
31
24
  //add maplibre default zoom controls
32
- // map.addControl(new maplibregl.NavigationControl({showCompass: false}))
25
+ map.addControl(new maplibregl.NavigationControl({showCompass: false}))
33
26
 
34
27
  // disable map zoom when using scroll
35
28
  map.scrollZoom.disable();
@@ -43,15 +36,12 @@ const MapWithPlugin = (props) => {
43
36
  }
44
37
  });
45
38
  map.addControl(draw);
46
-
47
- //set map instance
48
- setMapInstance(map)
49
39
  }
50
40
 
51
41
  useEffect(() => {
52
42
  new maplibregl.Map({
53
43
  container: mapContainerRef.current,
54
- center: defaultPosition,
44
+ center: [-75.379143, 39.831200],
55
45
  ...mapTheme.mapConfig
56
46
  }).on('load', loadMap)
57
47
  }, [])
@@ -59,13 +49,7 @@ const MapWithPlugin = (props) => {
59
49
 
60
50
 
61
51
  return (
62
- <Map flyTo
63
- flyToClick={()=> {handleFlyTo(mapInstance)}}
64
- zoomBtns
65
- zoomInClick={() => {handleZoomIn(mapInstance)}}
66
- zoomOutClick={()=> {handleZoomOut(mapInstance)}}
67
- {...props}
68
- >
52
+ <Map {...props} >
69
53
  <div
70
54
  ref={mapContainerRef}
71
55
  style={{
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "12.8.0"
5
- VERSION = "12.8.0.pre.alpha.PLAY649mapkitstyles299"
5
+ VERSION = "12.8.0.pre.alpha.rubyandnpmalpharelease294"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 12.8.0.pre.alpha.PLAY649mapkitstyles299
4
+ version: 12.8.0.pre.alpha.rubyandnpmalpharelease294
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2023-03-15 00:00:00.000000000 Z
12
+ date: 2023-03-14 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack