@woosmap/ui 4.236.1 → 4.236.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/Constants.js +1 -1
- package/src/components/Card/Card.js +0 -16
- package/src/components/Map/Map.stories.js +84 -84
package/package.json
CHANGED
package/src/Constants.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export default Object.freeze({
|
|
2
2
|
woosmapKey: 'woos-5ec4eecd-d907-3da0-90f0-f2f3b7e4e672',
|
|
3
3
|
geolocationWoosmapSearchKey: 'woos-81a699ca-5082-3ffd-9f54-a684a4b82853',
|
|
4
|
-
gmapKey: 'AIzaSyAogtvSQJ8e1LO6WH6GzSI-QtwaRPCV5C8',
|
|
4
|
+
// gmapKey: 'AIzaSyAogtvSQJ8e1LO6WH6GzSI-QtwaRPCV5C8',
|
|
5
5
|
woosmapMapSdkUrl: 'https://sdk.woosmap.com/map/map.js',
|
|
6
6
|
});
|
|
@@ -183,22 +183,6 @@ class Aside extends Component {
|
|
|
183
183
|
alt={product.name}
|
|
184
184
|
/>
|
|
185
185
|
<span className="card__aside__list__item__title">{product.name}</span>
|
|
186
|
-
{!product.payingFirstRequest ? (
|
|
187
|
-
<Tooltip
|
|
188
|
-
direction="n"
|
|
189
|
-
wrap
|
|
190
|
-
text={tr(
|
|
191
|
-
'{{name}} not included in the 10k Free queries/month. Usage is chargeable from the first request.',
|
|
192
|
-
{ name: product.name },
|
|
193
|
-
)}
|
|
194
|
-
>
|
|
195
|
-
<div className="card__aside__list__item__section__paying-label">
|
|
196
|
-
<span>{tr('Paying from the first request')}</span>
|
|
197
|
-
</div>
|
|
198
|
-
</Tooltip>
|
|
199
|
-
) : (
|
|
200
|
-
false
|
|
201
|
-
)}
|
|
202
186
|
</li>
|
|
203
187
|
</ul>
|
|
204
188
|
<div className="card__aside__footer">
|
|
@@ -1,84 +1,84 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import GoogleMapReact from 'google-map-react';
|
|
3
|
-
import Marker from './Marker';
|
|
4
|
-
import { viewpoint, circle } from './drawOnMap';
|
|
5
|
-
import Constants from '../../Constants';
|
|
6
|
-
|
|
7
|
-
const Story = {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export default Story;
|
|
13
|
-
|
|
14
|
-
function Template(args) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
export const Default = Template.bind({});
|
|
22
|
-
Default.args = {
|
|
23
|
-
|
|
24
|
-
};
|
|
25
|
-
Default.parameters = {
|
|
26
|
-
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
function TemplateMap() {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
-
export const MarkerOnMap = TemplateMap.bind({});
|
|
44
|
-
|
|
45
|
-
function TemplateDrawViewpointMap() {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}
|
|
67
|
-
export const ViewpointOnMap = TemplateDrawViewpointMap.bind({});
|
|
68
|
-
|
|
69
|
-
function TemplateDrawCircleMap() {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}
|
|
84
|
-
export const AccuracyOnMap = TemplateDrawCircleMap.bind({});
|
|
1
|
+
// import React from 'react';
|
|
2
|
+
// import GoogleMapReact from 'google-map-react';
|
|
3
|
+
// import Marker from './Marker';
|
|
4
|
+
// import { viewpoint, circle } from './drawOnMap';
|
|
5
|
+
// import Constants from '../../Constants';
|
|
6
|
+
//
|
|
7
|
+
// const Story = {
|
|
8
|
+
// title: 'map/Marker',
|
|
9
|
+
// component: Marker,
|
|
10
|
+
// };
|
|
11
|
+
//
|
|
12
|
+
// export default Story;
|
|
13
|
+
//
|
|
14
|
+
// function Template(args) {
|
|
15
|
+
// return (
|
|
16
|
+
// <div style={{ position: 'relative', marginTop: '50px' }}>
|
|
17
|
+
// <Marker {...args} />
|
|
18
|
+
// </div>
|
|
19
|
+
// );
|
|
20
|
+
// }
|
|
21
|
+
// export const Default = Template.bind({});
|
|
22
|
+
// Default.args = {
|
|
23
|
+
// text: '',
|
|
24
|
+
// };
|
|
25
|
+
// Default.parameters = {
|
|
26
|
+
// jest: ['Marker.test.js'],
|
|
27
|
+
// };
|
|
28
|
+
//
|
|
29
|
+
// function TemplateMap() {
|
|
30
|
+
// return (
|
|
31
|
+
// <div style={{ height: '500px', width: '500px' }}>
|
|
32
|
+
// <GoogleMapReact
|
|
33
|
+
// defaultZoom={10}
|
|
34
|
+
// center={[48.86559784502703, 2.3384846666317585]}
|
|
35
|
+
// bootstrapURLKeys={{ key: Constants.gmapKey }}
|
|
36
|
+
// yesIWantToUseGoogleMapApiInternals
|
|
37
|
+
// >
|
|
38
|
+
// <Marker lat={48.86559784502703} lng={48.86559784502703} />
|
|
39
|
+
// </GoogleMapReact>
|
|
40
|
+
// </div>
|
|
41
|
+
// );
|
|
42
|
+
// }
|
|
43
|
+
// export const MarkerOnMap = TemplateMap.bind({});
|
|
44
|
+
//
|
|
45
|
+
// function TemplateDrawViewpointMap() {
|
|
46
|
+
// return (
|
|
47
|
+
// <div style={{ height: '500px', width: '500px' }}>
|
|
48
|
+
// <GoogleMapReact
|
|
49
|
+
// defaultZoom={10}
|
|
50
|
+
// center={[48.86559784502703, 2.3384846666317585]}
|
|
51
|
+
// bootstrapURLKeys={{ key: Constants.gmapKey }}
|
|
52
|
+
// yesIWantToUseGoogleMapApiInternals
|
|
53
|
+
// onGoogleApiLoaded={({ map }) => {
|
|
54
|
+
// viewpoint(map, {
|
|
55
|
+
// bounds: {
|
|
56
|
+
// east: 2.249876823200777,
|
|
57
|
+
// north: 48.82055026600023,
|
|
58
|
+
// west: 2.4362195043577772,
|
|
59
|
+
// south: 48.89723441452986,
|
|
60
|
+
// },
|
|
61
|
+
// });
|
|
62
|
+
// }}
|
|
63
|
+
// />
|
|
64
|
+
// </div>
|
|
65
|
+
// );
|
|
66
|
+
// }
|
|
67
|
+
// export const ViewpointOnMap = TemplateDrawViewpointMap.bind({});
|
|
68
|
+
//
|
|
69
|
+
// function TemplateDrawCircleMap() {
|
|
70
|
+
// return (
|
|
71
|
+
// <div style={{ height: '500px', width: '500px' }}>
|
|
72
|
+
// <GoogleMapReact
|
|
73
|
+
// defaultZoom={10}
|
|
74
|
+
// center={[48.86559784502703, 2.3384846666317585]}
|
|
75
|
+
// bootstrapURLKeys={{ key: Constants.gmapKey }}
|
|
76
|
+
// yesIWantToUseGoogleMapApiInternals
|
|
77
|
+
// onGoogleApiLoaded={({ map }) => {
|
|
78
|
+
// circle(map, { lat: 48.86559784502703, lng: 2.3384846666317585 }, 5000);
|
|
79
|
+
// }}
|
|
80
|
+
// />
|
|
81
|
+
// </div>
|
|
82
|
+
// );
|
|
83
|
+
// }
|
|
84
|
+
// export const AccuracyOnMap = TemplateDrawCircleMap.bind({});
|