Fixing multi layer controls (#24)

* fix: docs updated with queriesData

* chore: package linting

* fix: restoring missing controls

* feat: sections.legacyRegularTime

superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/package.json

@@ -135,7 +135,9 @@
       "compilerOptions": {
         "emitDeclarationOnly": true,
         "skipLibCheck": true,
-        "typeRoots": ["./node_modules/@types"]
+        "typeRoots": [
+          "./node_modules/@types"
+        ]
       }
     }
   },

superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-legacy-preset-chart-deckgl/src/Multi/controlPanel.js

@@ -0,0 +1,65 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { t, validateNonEmpty } from '@superset-ui/core';
+import { viewport, mapboxStyle } from '../utilities/Shared_DeckGL';
+import { sections } from '@superset-ui/chart-controls';
+
+export default {
+  controlPanelSections: [
+    sections.legacyRegularTime,
+    {
+      label: t('Map'),
+      expanded: true,
+      controlSetRows: [
+        [mapboxStyle, viewport],
+        [
+          {
+            name: 'deck_slices',
+            config: {
+              type: 'SelectAsyncControl',
+              multi: true,
+              label: t('deck.gl charts'),
+              validators: [validateNonEmpty],
+              default: [],
+              description: t('Pick a set of deck.gl charts to layer on top of one another'),
+              dataEndpoint: '/sliceasync/api/read?_flt_0_viz_type=deck_&_flt_7_viz_type=deck_multi',
+              placeholder: t('Select charts'),
+              onAsyncErrorMessage: t('Error while fetching charts'),
+              mutator: data => {
+                if (!data || !data.result) {
+                  return [];
+                }
+                return data.result.map(o => ({
+                  value: o.id,
+                  label: o.slice_name,
+                }));
+              },
+            },
+          },
+          null,
+        ],
+      ],
+    },
+    {
+      label: t('Query'),
+      expanded: true,
+      controlSetRows: [['adhoc_filters']],
+    },
+  ],
+};

superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-legacy-preset-chart-deckgl/src/Multi/index.js

@@ -19,6 +19,7 @@
 import { t, ChartMetadata, ChartPlugin } from '@superset-ui/core';
 import thumbnail from './images/thumbnail.png';
 import transformProps from '../transformProps';
+import controlPanel from './controlPanel';
 
 const metadata = new ChartMetadata({
   credits: ['https://uber.github.io/deck.gl'],
@@ -32,6 +33,7 @@ export default class MultiChartPlugin extends ChartPlugin {
   constructor() {
     super({
       loadChart: () => import('./Multi'),
+      controlPanel,
       metadata,
       transformProps,
     });

superset-frontend/temporary_superset_ui/superset-ui-plugins-deckgl/packages/superset-ui-legacy-preset-chart-kepler/README.md

@@ -33,8 +33,8 @@ Then use it via `SuperChart`. See [storybook](https://apache-superset.github.io/
   width={600}
   height={600}
   formData={...}
-  queryData={{
+  queriesData={[{
     data: {...},
-  }}
+  }]}
 />
 ```