datastake-daf 0.6.785 → 0.6.786

package/dist/components/index.js

@@ -9558,29 +9558,24 @@ const processConditionalTableKeys = (tableKeys, item) => {
   });
   return processedKeys;
 };
-const renderFieldData = function (type, value, user, config) {
-  let getApiBaseUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : () => {};
-  let getAppHeader = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : () => {};
-  let app = arguments.length > 6 ? arguments[6] : undefined;
-  let allValues = arguments.length > 7 ? arguments[7] : undefined;
-  let formValues = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : {};
+const renderFieldData = (type, value, user, config, getApiBaseUrl = () => {}, getAppHeader = () => {}, app, allValues, formValues = {}) => {
   switch (type) {
     case 'year':
       return value !== '-' ? renderDateFormatted(value, 'YYYY', 'en') : '-';
     case 'date':
       {
-        const language = user !== null && user !== void 0 && user.language && (user === null || user === void 0 ? void 0 : user.language) === 'sp' ? 'es' : user === null || user === void 0 ? void 0 : user.language;
+        const language = user?.language && user?.language === 'sp' ? 'es' : user?.language;
         return value !== '-' ? renderDateFormatted(value, 'DD MMM YYYY', language || 'en') : '-';
       }
     case 'select':
       {
-        const options = (config === null || config === void 0 ? void 0 : config.options) || [];
+        const options = config?.options || [];
         const option = findOptions(value, options);
         return option;
       }
     case 'multiselect':
       {
-        const options = (config === null || config === void 0 ? void 0 : config.options) || [];
+        const options = config?.options || [];
         const _val = typeof value === 'string' ? value.split(',').map(v => v.trim()) : value;
         const option = findOptions(_val, options);
         return option.join(', ');
@@ -9595,7 +9590,7 @@ const renderFieldData = function (type, value, user, config) {
         formValues: formValues
       });
     case 'percentage':
-      return value === '-' || value === null || value === undefined ? '-' : "".concat(value, " %");
+      return value === '-' || value === null || value === undefined ? '-' : `${value} %`;
     case 'geolocation':
       {
         const val = JSON.parse(value) || {};
@@ -9609,7 +9604,7 @@ const renderFieldData = function (type, value, user, config) {
     case 'upload':
     case 'videoUpload':
       {
-        const documentName = allValues === null || allValues === void 0 ? void 0 : allValues.map(item => item === null || item === void 0 ? void 0 : item.name).join(', ');
+        const documentName = allValues?.map(item => item?.name).join(', ');
         return documentName;
       }
     default:
@@ -9788,28 +9783,30 @@ const handleSectionChildren = ({
   });
 };
 
-const handleArrayChildren = ({
-  value,
-  config,
-  label,
-  level,
-  t,
-  rootForm,
-  allData,
-  user,
-  getApiBaseUrl = () => {},
-  getAppHeader = () => {},
-  app,
-  TreeNodeComponent
-}) => {
+const handleArrayChildren = _ref => {
+  let {
+    value,
+    config,
+    label,
+    level,
+    t,
+    rootForm,
+    allData,
+    user,
+    getApiBaseUrl = () => {},
+    getAppHeader = () => {},
+    app,
+    TreeNodeComponent
+  } = _ref;
   if (!Array.isArray(value)) {
     return null;
   }
   return value.map((item, itemIndex) => /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "array-item",
     children: Object.keys(config.inputs).sort((a, b) => {
-      const positionA = config.inputs[a]?.position || 0;
-      const positionB = config.inputs[b]?.position || 0;
+      var _config$inputs$a, _config$inputs$b;
+      const positionA = ((_config$inputs$a = config.inputs[a]) === null || _config$inputs$a === void 0 ? void 0 : _config$inputs$a.position) || 0;
+      const positionB = ((_config$inputs$b = config.inputs[b]) === null || _config$inputs$b === void 0 ? void 0 : _config$inputs$b.position) || 0;
       return positionA - positionB;
     }).map(subInputKey => {
       const subInputConfig = config.inputs[subInputKey];
@@ -9827,9 +9824,9 @@ const handleArrayChildren = ({
         getApiBaseUrl: getApiBaseUrl,
         getAppHeader: getAppHeader,
         app: app
-      }, `${itemIndex}-${subInputKey}`);
+      }, "".concat(itemIndex, "-").concat(subInputKey));
     })
-  }, `${itemIndex}`));
+  }, "".concat(itemIndex)));
 };
 
 const noDafApps = ['tif', 'cukura']; //PACKAGE_CHANGE_LATER (remove sbg)
@@ -14735,7 +14732,7 @@ const useMap$1 = ({
   });
   function handleSelectMarker(clickedMarker) {
     setSelectedMarkersId(prev => {
-      if (prev.includes(clickedMarker.datastakeId)) {
+      if (openPopupIdRef.current === clickedMarker.datastakeId) {
         // Deselecting - clear polylines
         openPopupIdRef.current = null;
         setMarkerWithPopup(null);

package/dist/hooks/index.js

@@ -2384,6 +2384,8 @@ const useGetQueryParams = ({
       searchParams: rawSearchParams,
       sortBy,
       sortDir,
+      status,
+      product,
       ...rest
     } = queryParams;
     return {
@@ -2396,7 +2398,13 @@ const useGetQueryParams = ({
         fields: safeJsonParse(rawSearchParams)
       },
       otherParams: {
-        ...rest
+        ...rest,
+        ...(product && {
+          "products.typeOfProduct": product
+        }),
+        ...(status && {
+          published: status === "submitted" ? true : false
+        })
       },
       sortBy,
       sortDir

package/dist/pages/index.js

@@ -9963,7 +9963,7 @@ const useMap = ({
   });
   function handleSelectMarker(clickedMarker) {
     setSelectedMarkersId(prev => {
-      if (prev.includes(clickedMarker.datastakeId)) {
+      if (openPopupIdRef.current === clickedMarker.datastakeId) {
         // Deselecting - clear polylines
         openPopupIdRef.current = null;
         setMarkerWithPopup(null);
@@ -15380,7 +15380,7 @@ const getColumns$d = ({
   }
 }, {
   dataIndex: 'province',
-  title: t('Province'),
+  title: findOptions(user?.company?.country, options?.administrativeLevel1) || t("Province"),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -15397,7 +15397,7 @@ const getColumns$d = ({
   }
 }, {
   dataIndex: 'territory',
-  title: t('Territory'),
+  title: findOptions(user?.company?.country, options?.administrativeLevel2) || t("Territory"),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -30172,6 +30172,8 @@ const useGetQueryParams = ({
       searchParams: rawSearchParams,
       sortBy,
       sortDir,
+      status,
+      product,
       ...rest
     } = queryParams;
     return {
@@ -30184,7 +30186,13 @@ const useGetQueryParams = ({
         fields: safeJsonParse(rawSearchParams)
       },
       otherParams: {
-        ...rest
+        ...rest,
+        ...(product && {
+          "products.typeOfProduct": product
+        }),
+        ...(status && {
+          published: status === "submitted" ? true : false
+        })
       },
       sortBy,
       sortDir
@@ -31654,7 +31662,7 @@ const getFiltersConfig$6 = ({
         flex: 1
       }
     },
-    category: {
+    eventCategory: {
       type: 'select',
       label: 'Category',
       placeholder: () => `${t('Filter by')} ${t('Category').toLowerCase()}`,
@@ -31747,7 +31755,7 @@ const getFilterOptions$6 = (options, t) => {
       value: "private",
       label: t("Private")
     }],
-    category: _categoryOptions,
+    eventCategory: _categoryOptions,
     country: countries,
     subCategory: subCategoriesOptions,
     // category: category,
@@ -31863,7 +31871,7 @@ const getColumns$9 = ({
   }
 }, {
   dataIndex: 'province',
-  title: t('Province'),
+  title: findOptions(user?.company?.country, options?.administrativeLevel1) || t("Province"),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -31880,7 +31888,7 @@ const getColumns$9 = ({
   }
 }, {
   dataIndex: 'territory',
-  title: t('Territory'),
+  title: findOptions(user?.company?.country, options?.administrativeLevel2) || t("Territory"),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -32098,7 +32106,7 @@ const getFiltersConfig$5 = ({
         flex: 1
       }
     },
-    category: {
+    eventCategory: {
       type: 'select',
       label: 'Category',
       placeholder: t => `${t('Filter by')} ${t('Category').toLowerCase()}`,
@@ -32191,7 +32199,7 @@ const getFilterOptions$5 = (options, t) => {
       value: "private",
       label: t("Private")
     }],
-    category: _categoryOptions,
+    eventCategory: _categoryOptions,
     country: countries,
     subCategory: subCategoriesOptions,
     // category: category,
@@ -32298,7 +32306,7 @@ const getColumns$8 = ({
   }
 }, {
   dataIndex: 'province',
-  title: t('Province'),
+  title: findOptions(user?.company?.country, options?.administrativeLevel1) || t("Province"),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -32315,7 +32323,7 @@ const getColumns$8 = ({
   }
 }, {
   dataIndex: 'territory',
-  title: t('Territory'),
+  title: findOptions(user?.company?.country, options?.administrativeLevel2) || t("Territory"),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -32554,7 +32562,7 @@ const getColumns$7 = ({
   }
 }, {
   dataIndex: 'province',
-  title: t('Province'),
+  title: findOptions(user?.company?.country, options?.administrativeLevel1) || t("Province"),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -32571,7 +32579,7 @@ const getColumns$7 = ({
   }
 }, {
   dataIndex: 'territory',
-  title: t('Territory'),
+  title: findOptions(user?.company?.country, options?.administrativeLevel2) || t("Territory"),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -32931,7 +32939,7 @@ const getColumns$6 = ({
   }
 }, {
   dataIndex: 'region',
-  title: t('Region'),
+  title: findOptions(user?.company?.country, options?.administrativeLevel1) || t("Province"),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -32948,7 +32956,7 @@ const getColumns$6 = ({
   }
 }, {
   dataIndex: 'territory',
-  title: t('Territory'),
+  title: findOptions(user?.company?.country, options?.administrativeLevel2) || t("Territory"),
   ellipsis: true,
   show: true,
   render: (v, all) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.785",
+	"version": "0.6.786",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/core/components/Dashboard/Map/hook.js

@@ -162,7 +162,7 @@ export const useMap = ({
 	function handleSelectMarker(clickedMarker) {
 		destroyAllPopovers();
 		setSelectedMarkersId((prev) => {
-			if (prev.includes(clickedMarker.datastakeId)) {
+			if (openPopupIdRef.current === clickedMarker.datastakeId) {
 				// Deselecting - clear polylines
 				openPopupIdRef.current = null;
 				setMarkerWithPopup(null);

package/src/@daf/hooks/useGetQueryParams.js

@@ -8,7 +8,7 @@ export const useGetQueryParams = ({location}) => {
     }, [location.search]);
 
     const params = useMemo(() => {
-        const { page, pageSize, search, searchParams: rawSearchParams, sortBy, sortDir, ...rest } = queryParams;
+        const { page, pageSize, search, searchParams: rawSearchParams, sortBy, sortDir, status, product, ...rest } = queryParams;
           
         return {
           paginationQuery: { skip: page, take: pageSize },
@@ -18,6 +18,8 @@ export const useGetQueryParams = ({location}) => {
           },
           otherParams: {
             ...rest,
+            ...(product && { "products.typeOfProduct": product }),
+            ...(status && { published: status === "submitted" ? true : false }),
           },
           sortBy,
           sortDir,

package/src/@daf/pages/Events/Activities/columns.js

@@ -72,7 +72,7 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
     },  
     {
       dataIndex: 'province',
-      title: t('Province'),
+      title: findOptions(user?.company?.country, options?.administrativeLevel1) || t("Province"),
       ellipsis: true,
       show: true,
       render: (v, all) => {
@@ -87,7 +87,7 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
   },    
   {
       dataIndex: 'territory',
-      title: t('Territory'),
+      title: findOptions(user?.company?.country, options?.administrativeLevel2) || t("Territory"),
       ellipsis: true,
       show: true,
       render: (v, all) => {

package/src/@daf/pages/Events/Activities/config.js

@@ -78,7 +78,7 @@ export const getFiltersConfig = ({t}) => {
 		  style: { flex: 1 },
 		  labelStyle: { flex: 1 },
 		},
-		category: {
+		eventCategory: {
 		  type: 'select',
 		  label: 'Category',
 		  placeholder: () => `${t('Filter by')} ${t('Category').toLowerCase()}`,
@@ -157,7 +157,7 @@ export const getFilterOptions = (options, t) => {
 				label: t("Private"),
 			},
 		],
-		category: _categoryOptions,
+		eventCategory: _categoryOptions,
 		country: countries,
 		subCategory: subCategoriesOptions,
 		// category: category,

package/src/@daf/pages/Events/Incidents/columns.js

@@ -72,7 +72,7 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
     },  
     {
       dataIndex: 'province',
-      title: t('Province'),
+      title: findOptions(user?.company?.country, options?.administrativeLevel1) || t("Province"),
       ellipsis: true,
       show: true,
       render: (v, all) => {
@@ -87,7 +87,7 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
   },    
   {
       dataIndex: 'territory',
-      title: t('Territory'),
+      title: findOptions(user?.company?.country, options?.administrativeLevel2) || t("Territory"),
       ellipsis: true,
       show: true,
       render: (v, all) => {

package/src/@daf/pages/Events/Incidents/config.js

@@ -77,7 +77,7 @@ export const getFiltersConfig = ({t}) => {
 		  style: { flex: 1 },
 		  labelStyle: { flex: 1 },
 		},
-		category: {
+		eventCategory: {
 		  type: 'select',
 		  label: 'Category',
 		  placeholder: (t) => `${t('Filter by')} ${t('Category').toLowerCase()}`,
@@ -156,7 +156,7 @@ export const getFilterOptions = (options, t) => {
 				label: t("Private"),
 			},
 		],
-		category: _categoryOptions,
+		eventCategory: _categoryOptions,
 		country: countries,
 		subCategory: subCategoriesOptions,
 		// category: category,

package/src/@daf/pages/Locations/MineSite/columns.js

@@ -42,7 +42,7 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
     },    
     {
         dataIndex: 'region',
-        title: t('Region'),
+        title: findOptions(user?.company?.country, options?.administrativeLevel1) || t("Province"),
         ellipsis: true,
         show: true,
         render: (v, all) => {
@@ -57,7 +57,7 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
     },   
     {
         dataIndex: 'territory',
-        title: t('Territory'),
+        title: findOptions(user?.company?.country, options?.administrativeLevel2) || t("Territory"),
         ellipsis: true,
         show: true,
         render: (v, all) => {

package/src/@daf/pages/Locations/columns.js

@@ -65,7 +65,7 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
     },      
     {
         dataIndex: 'province',
-        title: t('Province'),
+        title: findOptions(user?.company?.country, options?.administrativeLevel1) || t("Province"),
         ellipsis: true,
         show: true,
         render: (v, all) => {
@@ -80,7 +80,7 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
     },    
     {
         dataIndex: 'territory',
-        title: t('Territory'),
+        title: findOptions(user?.company?.country, options?.administrativeLevel2) || t("Territory"),
         ellipsis: true,
         show: true,
         render: (v, all) => {

package/src/@daf/pages/Stakeholders/Operators/columns.js

@@ -73,7 +73,7 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
     },          
     {
         dataIndex: 'province',
-        title: t('Province'),
+        title: findOptions(user?.company?.country, options?.administrativeLevel1) || t("Province"),
         ellipsis: true,
         show: true,
         render: (v, all) => {
@@ -88,7 +88,7 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
     },    
     {
         dataIndex: 'territory',
-        title: t('Territory'),
+        title: findOptions(user?.company?.country, options?.administrativeLevel2) || t("Territory"),
         ellipsis: true,
         show: true,
         render: (v, all) => {

package/dist/style/datastake/mapbox-gl.css

@@ -1,330 +0,0 @@
-/* Isolated Mapbox GL CSS - Scoped to prevent Leaflet conflicts */
-
-/* Mapbox GL Core Styles - Scoped with .mapbox-gl-scope */
-.mapbox-gl-scope .mapboxgl-map {
-  font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
-  overflow: hidden;
-  position: relative;
-  -webkit-tap-highlight-color: rgb(0 0 0/0);
-}
-
-.mapbox-gl-scope .mapboxgl-canvas {
-  left: 0;
-  position: absolute;
-  top: 0;
-}
-
-.mapbox-gl-scope .mapboxgl-map:-webkit-full-screen {
-  height: 100%;
-  width: 100%;
-}
-
-.mapbox-gl-scope .mapboxgl-canary {
-  background-color: salmon;
-}
-
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive,
-.mapbox-gl-scope .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
-  cursor: grab;
-  -webkit-user-select: none;
-  user-select: none;
-}
-
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
-  cursor: pointer;
-}
-
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive:active,
-.mapbox-gl-scope .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
-  cursor: grabbing;
-}
-
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
-  touch-action: pan-x pan-y;
-}
-
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
-  touch-action: pinch-zoom;
-}
-
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
-  touch-action: none;
-}
-
-/* Control positioning */
-.mapbox-gl-scope .mapboxgl-ctrl-bottom,
-.mapbox-gl-scope .mapboxgl-ctrl-bottom-left,
-.mapbox-gl-scope .mapboxgl-ctrl-bottom-right,
-.mapbox-gl-scope .mapboxgl-ctrl-left,
-.mapbox-gl-scope .mapboxgl-ctrl-right,
-.mapbox-gl-scope .mapboxgl-ctrl-top,
-.mapbox-gl-scope .mapboxgl-ctrl-top-left,
-.mapbox-gl-scope .mapboxgl-ctrl-top-right {
-  pointer-events: none;
-  position: absolute;
-  z-index: 2;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-top-left {
-  left: 0;
-  top: 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-top {
-  left: 50%;
-  top: 0;
-  transform: translateX(-50%);
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-top-right {
-  right: 0;
-  top: 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-right {
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-bottom-right {
-  bottom: 0;
-  right: 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-bottom {
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-bottom-left {
-  bottom: 0;
-  left: 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-left {
-  left: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl {
-  clear: both;
-  pointer-events: auto;
-  transform: translate(0);
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
-  float: left;
-  margin: 10px 0 0 10px;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-top .mapboxgl-ctrl {
-  float: left;
-  margin: 10px 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
-  float: right;
-  margin: 10px 10px 0 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
-.mapbox-gl-scope .mapboxgl-ctrl-right .mapboxgl-ctrl {
-  float: right;
-  margin: 0 10px 10px 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-bottom .mapboxgl-ctrl {
-  float: left;
-  margin: 10px 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,
-.mapbox-gl-scope .mapboxgl-ctrl-left .mapboxgl-ctrl {
-  float: left;
-  margin: 0 0 10px 10px;
-}
-
-/* Control group styling */
-.mapbox-gl-scope .mapboxgl-ctrl-group {
-  background: #fff;
-  border-radius: 4px;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-group:not(:empty) {
-  box-shadow: 0 0 0 2px #0000001a;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-group button {
-  background-color: initial;
-  border: 0;
-  box-sizing: border-box;
-  cursor: pointer;
-  display: block;
-  height: 29px;
-  outline: none;
-  overflow: hidden;
-  padding: 0;
-  width: 29px;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-group button+button {
-  border-top: 1px solid #ddd;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl button .mapboxgl-ctrl-icon {
-  background-position: 50%;
-  background-repeat: no-repeat;
-  display: block;
-  height: 100%;
-  width: 100%;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-attrib-button:focus,
-.mapbox-gl-scope .mapboxgl-ctrl-group button:focus {
-  box-shadow: 0 0 2px 2px #0096ff;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl button:disabled {
-  cursor: not-allowed;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
-  opacity: .25;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-group button:first-child {
-  border-radius: 4px 4px 0 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-group button:last-child {
-  border-radius: 0 0 4px 4px;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-group button:only-child {
-  border-radius: inherit;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl button:not(:disabled):hover {
-  background-color: #0000000d;
-}
-
-/* Marker styles */
-.mapbox-gl-scope .mapboxgl-marker {
-  position: absolute;
-  z-index: 1;
-}
-
-.mapbox-gl-scope .mapboxgl-marker svg {
-  display: block;
-}
-
-/* Popup styles */
-.mapbox-gl-scope .mapboxgl-popup {
-  position: absolute;
-  text-align: center;
-  margin-bottom: 20px;
-}
-
-.mapbox-gl-scope .mapboxgl-popup-content-wrapper {
-  padding: 1px;
-  text-align: left;
-  border-radius: 12px;
-}
-
-.mapbox-gl-scope .mapboxgl-popup-content {
-  margin: 13px 24px 13px 20px;
-  line-height: 1.3;
-  font-size: 13px;
-  min-height: 1px;
-}
-
-.mapbox-gl-scope .mapboxgl-popup-content p {
-  margin: 17px 0;
-}
-
-.mapbox-gl-scope .mapboxgl-popup-tip-container {
-  width: 40px;
-  height: 20px;
-  position: absolute;
-  left: 50%;
-  margin-top: -1px;
-  margin-left: -20px;
-  overflow: hidden;
-  pointer-events: none;
-}
-
-.mapbox-gl-scope .mapboxgl-popup-tip {
-  width: 17px;
-  height: 17px;
-  padding: 1px;
-  margin: -10px auto 0;
-  pointer-events: auto;
-  -webkit-transform: rotate(45deg);
-  -moz-transform: rotate(45deg);
-  -ms-transform: rotate(45deg);
-  transform: rotate(45deg);
-}
-
-.mapbox-gl-scope .mapboxgl-popup-content-wrapper,
-.mapbox-gl-scope .mapboxgl-popup-tip {
-  background: white;
-  color: #333;
-  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
-}
-
-.mapbox-gl-scope .mapboxgl-popup-close-button {
-  position: absolute;
-  top: 0;
-  right: 0;
-  border: none;
-  text-align: center;
-  width: 24px;
-  height: 24px;
-  font: 16px/24px Tahoma, Verdana, sans-serif;
-  color: #757575;
-  text-decoration: none;
-  background: transparent;
-}
-
-.mapbox-gl-scope .mapboxgl-popup-close-button:hover,
-.mapbox-gl-scope .mapboxgl-popup-close-button:focus {
-  color: #585858;
-}
-
-/* Attribution */
-.mapbox-gl-scope .mapboxgl-ctrl-attribution {
-  background: #fff;
-  background: rgba(255, 255, 255, 0.8);
-  margin: 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-attribution,
-.mapbox-gl-scope .mapboxgl-ctrl-scale-line {
-  padding: 0 5px;
-  color: #333;
-  line-height: 1.4;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-attribution a {
-  text-decoration: none;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-attribution a:hover,
-.mapbox-gl-scope .mapboxgl-ctrl-attribution a:focus {
-  text-decoration: underline;
-}
-
-/* Hide attribution by default */
-.mapbox-gl-scope .mapboxgl-ctrl-attribution {
-  display: none !important;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-logo {
-  display: none !important;
-}