@carto/kepler.gl 0.0.16 → 0.0.19

package/src/components/side-panel/layer-panel/layer-column-config.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/layer-panel/layer-config-group.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal
@@ -21,6 +21,7 @@
 import React, {Component} from 'react';
 import {polyfill} from 'react-lifecycles-compat';
 import styled from 'styled-components';
+import {Tooltip} from 'components/common/styled-components';
 import classnames from 'classnames';
 import {FormattedMessage} from 'react-intl';
 import Switch from 'components/common/switch';
@@ -100,6 +101,11 @@ const ConfigGroupContent = styled.div`
   }
 `;
 
+const StyledLayerConfigGroupSwitch = styled.div`
+  width: ${props => props.theme.switchWidth}px;
+  margin-right: ${props => props.theme.switchLabelMargin}px;
+`;
+
 LayerConfigGroupLabelFactory.deps = [InfoHelperFactory];
 
 export function LayerConfigGroupLabelFactory(InfoHelper) {
@@ -170,6 +176,7 @@ function LayerConfigGroupFactory(LayerConfigGroupLabel) {
         label,
         children,
         property,
+        switchTooltip,
         layer,
         onChange,
         collapsible,
@@ -186,11 +193,18 @@ function LayerConfigGroupFactory(LayerConfigGroupLabel) {
             <LayerConfigGroupLabel label={label} description={description} />
             <StyledLayerConfigGroupAction className="layer-config-group__action">
               {property ? (
-                <Switch
-                  checked={layer.config.visConfig[property]}
-                  id={`${layer.id}-${property}`}
-                  onChange={() => onChange({[property]: !layer.config.visConfig[property]})}
-                />
+                <StyledLayerConfigGroupSwitch data-tip data-for={`${layer.id}-${label}-tooltip`}>
+                  <Switch
+                    checked={layer.config.visConfig[property]}
+                    id={`${layer.id}-${property}`}
+                    onChange={() => onChange({[property]: !layer.config.visConfig[property]})}
+                  />
+                  {switchTooltip ? (
+                    <Tooltip id={`${layer.id}-${label}-tooltip`} effect="solid" place="top">
+                      {switchTooltip}
+                    </Tooltip>
+                  ) : null}
+                </StyledLayerConfigGroupSwitch>
               ) : null}
               {collapsible ? (
                 <CollapseButton

package/src/components/side-panel/layer-panel/layer-configurator.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal
@@ -1028,6 +1028,9 @@ export const LayerColorSelector = ({
   setColorUI
 }) => (
   <SidePanelSection>
+    <PanelLabel>
+      <FormattedMessage id="layer.color" />
+    </PanelLabel>
     <ColorSelector
       colorSets={[
         {
@@ -1049,6 +1052,9 @@ export const ArcLayerColorSelector = ({
   setColorUI
 }) => (
   <SidePanelSection>
+    <PanelLabel>
+      <FormattedMessage id="layer.colorRange" />
+    </PanelLabel>
     <ColorSelector
       colorSets={[
         {
@@ -1070,6 +1076,9 @@ export const ArcLayerColorSelector = ({
 
 export const LayerColorRangeSelector = ({layer, onChange, property = 'colorRange', setColorUI}) => (
   <SidePanelSection>
+    <PanelLabel>
+      <FormattedMessage id="layer.colorRange" />
+    </PanelLabel>
     <ColorSelector
       colorSets={[
         {

package/src/components/side-panel/layer-panel/layer-panel-header.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/layer-panel/layer-panel.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/layer-panel/layer-type-dropdown-list.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/layer-panel/layer-type-list-item.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/layer-panel/layer-type-selector.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/layer-panel/single-color-palette.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/layer-panel/text-label-panel.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/layer-panel/vis-config-by-field-selector.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/layer-panel/vis-config-slider.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/layer-panel/vis-config-switch.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal
@@ -71,6 +71,7 @@ function VisConfigSwitchFactory(InfoHelper) {
         </div>
         <div className="vis-config-switch__switch">
           <Switch
+            type="checkbox"
             checked={config.visConfig[property]}
             id={`${id}-${property}-switch`}
             onChange={() => onChange({[property]: !config.visConfig[property]})}

package/src/components/side-panel/map-manager.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/map-style-panel/map-layer-selector.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/map-style-panel/map-style-selector.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/panel-dropdown.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/panel-header-action.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/panel-header.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/panel-tab.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/panel-title.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/panel-toggle.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel/side-bar.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/components/side-panel.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/connect/keplergl-connect.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/connect/with-local-selector.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/constants/action-types.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/constants/color-palette.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/constants/color-ranges.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/constants/custom-color-ranges.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/constants/default-settings.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal
@@ -893,3 +893,5 @@ export const MAP_CONTROLS = keyMirror({
   mapDraw: null,
   mapLocale: null
 });
+
+export const MASK_LAYER_ID = 'mask_layer';

package/src/constants/index.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/constants/keyevent.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/constants/tooltip.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/constants/user-feedbacks.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/constants/user-guides.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/deckgl-layers/3d-building-layer/3d-building-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/deckgl-layers/3d-building-layer/3d-building-utils.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/deckgl-layers/cluster-layer/cluster-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal
@@ -33,6 +33,7 @@ import {LAYER_VIS_CONFIGS} from 'layers/layer-factory';
 import {SCALE_TYPES} from 'constants/default-settings';
 import {DEFAULT_COLOR_RANGE} from 'constants/color-ranges';
 import ClusterBuilder, {getGeoJSON} from '../layer-utils/cluster-utils';
+import {getMaskExtensionProps} from 'utils/layer-utils';
 
 const defaultRadius = LAYER_VIS_CONFIGS.clusterRadius.defaultValue;
 const defaultRadiusRange = LAYER_VIS_CONFIGS.clusterRadiusRange.defaultValue;
@@ -225,6 +226,8 @@ export default class ClusterLayer extends AggregationLayer {
     const distanceScale = getDistanceScales(this.context.viewport);
     const metersPerPixel = distanceScale.metersPerPixel[0];
 
+    const maskExtensionProps = getMaskExtensionProps(this.props.maskPolygon);
+
     // return props to the sublayer constructor
     return new ScatterplotLayer({
       id: `${id}-cluster`,
@@ -236,7 +239,8 @@ export default class ClusterLayer extends AggregationLayer {
       autoHighlight,
       highlightColor,
       updateTriggers,
-      ...accessors
+      ...accessors,
+      ...maskExtensionProps
     });
   }
 }

package/src/deckgl-layers/column-layer/enhanced-column-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/deckgl-layers/grid-layer/enhanced-cpu-grid-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/deckgl-layers/hexagon-layer/enhanced-hexagon-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/deckgl-layers/layer-utils/cluster-utils.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/deckgl-layers/layer-utils/cpu-aggregator.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/deckgl-layers/layer-utils/shader-utils.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/deckgl-layers/line-layer/line-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/deckgl-layers/svg-icon-layer/scatterplot-icon-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/deckgl-layers/svg-icon-layer/svg-icon-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/index.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/layers/aggregation-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal
@@ -20,6 +20,7 @@
 
 import memoize from 'lodash.memoize';
 import Layer from './base-layer';
+import {getMaskExtensionProps} from 'utils/layer-utils';
 import {hexToRgb} from 'utils/color-utils';
 import {aggregate} from 'utils/aggregate-utils';
 import {
@@ -277,11 +278,14 @@ export default class AggregationLayer extends Layer {
 
   getDefaultDeckLayerProps(opts) {
     const baseProp = super.getDefaultDeckLayerProps(opts);
+    const maskExtensionProps = getMaskExtensionProps(opts.maskPolygon);
+
     return {
       ...baseProp,
+      ...maskExtensionProps,
       highlightColor: HIGHLIGH_COLOR_3D,
       // gpu data filtering is not supported in aggregation layer
-      extensions: [],
+      extensions: [...maskExtensionProps.extensions],
       autoHighlight: this.config.visConfig.enable3d
     };
   }

package/src/layers/arc-layer/arc-layer-icon.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/layers/arc-layer/arc-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/layers/base-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal
@@ -54,6 +54,7 @@ import {getLatLngBounds, notNullorUndefined} from 'utils/data-utils';
 import {getSampleData} from 'utils/table-utils/data-container-utils';
 
 import {hexToRgb, getColorGroupByName, reverseColorRange} from 'utils/color-utils';
+import {getMaskExtensionProps} from 'utils/layer-utils';
 
 /** @typedef {import('./index').Layer} LayerClass} */
 
@@ -1078,8 +1079,11 @@ class Layer {
     };
   }
 
-  getDefaultDeckLayerProps({idx, gpuFilter, mapState, visible}) {
+  getDefaultDeckLayerProps({idx, gpuFilter, mapState, visible, maskPolygon}) {
+    const maskExtensionProps = getMaskExtensionProps(maskPolygon);
+
     return {
+      ...maskExtensionProps,
       id: this.id,
       idx,
       coordinateSystem: COORDINATE_SYSTEM.LNGLAT,
@@ -1091,9 +1095,8 @@ class Layer {
       opacity: this.config.visConfig.opacity,
       highlightColor: this.config.highlightColor,
       // data filtering
-      extensions: [dataFilterExtension],
+      extensions: [dataFilterExtension, ...maskExtensionProps.extensions],
       filterRange: gpuFilter ? gpuFilter.filterRange : undefined,
-
       // layer should be visible and if splitMap, shown in to one of panel
       visible: this.config.isVisible && visible
     };

package/src/layers/cluster-layer/cluster-layer-icon.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/layers/cluster-layer/cluster-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/layers/default-layer-icon.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/layers/geojson-layer/geojson-layer-icon.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/layers/geojson-layer/geojson-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/layers/geojson-layer/geojson-utils.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/layers/grid-layer/grid-layer-icon.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal

package/src/layers/grid-layer/grid-layer.js

@@ -1,4 +1,4 @@
-// Copyright (c) 2021 Uber Technologies, Inc.
+// Copyright (c) 2022 Uber Technologies, Inc.
 //
 // Permission is hereby granted, free of charge, to any person obtaining a copy
 // of this software and associated documentation files (the "Software"), to deal