kepler.gl 3.1.0-alpha.7 → 3.1.0

package/src/components/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kepler.gl/components",
   "author": "Shan He <shan@uber.com>",
-  "version": "3.1.0-alpha.7",
+  "version": "3.1.0",
   "description": "kepler.gl constants used by kepler.gl components, actions and reducers",
   "license": "MIT",
   "main": "dist/index.js",
@@ -38,20 +38,20 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@emotion/is-prop-valid": "^1.2.1",
     "@floating-ui/react": "0.25.1",
-    "@kepler.gl/actions": "3.1.0-alpha.7",
-    "@kepler.gl/cloud-providers": "3.1.0-alpha.7",
-    "@kepler.gl/common-utils": "3.1.0-alpha.7",
-    "@kepler.gl/constants": "3.1.0-alpha.7",
-    "@kepler.gl/effects": "3.1.0-alpha.7",
-    "@kepler.gl/layers": "3.1.0-alpha.7",
-    "@kepler.gl/localization": "3.1.0-alpha.7",
-    "@kepler.gl/processors": "3.1.0-alpha.7",
-    "@kepler.gl/reducers": "3.1.0-alpha.7",
-    "@kepler.gl/schemas": "3.1.0-alpha.7",
-    "@kepler.gl/styles": "3.1.0-alpha.7",
-    "@kepler.gl/table": "3.1.0-alpha.7",
-    "@kepler.gl/types": "3.1.0-alpha.7",
-    "@kepler.gl/utils": "3.1.0-alpha.7",
+    "@kepler.gl/actions": "3.1.0",
+    "@kepler.gl/cloud-providers": "3.1.0",
+    "@kepler.gl/common-utils": "3.1.0",
+    "@kepler.gl/constants": "3.1.0",
+    "@kepler.gl/effects": "3.1.0",
+    "@kepler.gl/layers": "3.1.0",
+    "@kepler.gl/localization": "3.1.0",
+    "@kepler.gl/processors": "3.1.0",
+    "@kepler.gl/reducers": "3.1.0",
+    "@kepler.gl/schemas": "3.1.0",
+    "@kepler.gl/styles": "3.1.0",
+    "@kepler.gl/table": "3.1.0",
+    "@kepler.gl/types": "3.1.0",
+    "@kepler.gl/utils": "3.1.0",
     "@loaders.gl/mvt": "^4.3.2",
     "@loaders.gl/pmtiles": "^4.3.2",
     "@mapbox/mapbox-sdk": "^0.15.3",

package/src/components/src/common/data-table/header-cell.tsx

@@ -128,7 +128,7 @@ const HeaderCellFactory = (FieldToken: React.FC<FieldTokenProps>) => {
     const onCopy = useCallback(() => copyTableColumn(column), [copyTableColumn, column]);
     const onSetDisplayFormat = useCallback(
       displayFormat => {
-        setColumnDisplayFormat({[column]: displayFormat.format});
+        setColumnDisplayFormat?.({[column]: displayFormat.format});
       },
       [column, setColumnDisplayFormat]
     );
@@ -195,10 +195,12 @@ const HeaderCellFactory = (FieldToken: React.FC<FieldTokenProps>) => {
                 column={column}
                 colMeta={colMeta}
                 toggleMoreOptions={toggleMoreOptions}
-                sortTableColumn={mode => sortTableColumn(column, mode)}
+                sortTableColumn={
+                  sortTableColumn ? mode => sortTableColumn(column, mode) : undefined
+                }
                 pinTableColumn={onPin}
                 copyTableColumn={onCopy}
-                setDisplayFormat={onSetDisplayFormat}
+                setDisplayFormat={setColumnDisplayFormat ? onSetDisplayFormat : undefined}
               />
             </section>
           </>

package/src/components/src/common/data-table/index.tsx

@@ -389,7 +389,7 @@ export interface DataTableProps {
   sortColumn: SortColumn;
   sortTableColumn: (column: string, mode?: string) => void;
   pinTableColumn: (column: string) => void;
-  setColumnDisplayFormat: (formats: {[key: string]: string}) => void;
+  setColumnDisplayFormat?: (formats: {[key: string]: string}) => void;
   copyTableColumn: (column: string) => void;
   sortOrder?: number[] | null;
   showStats?: boolean;

package/src/components/src/common/data-table/option-dropdown.tsx

@@ -70,7 +70,7 @@ export type FormatterDropdownProps = {
   top: number;
   isOpened: boolean;
   displayFormat?: string;
-  setDisplayFormat: (displayFormat: TooltipFormat) => void;
+  setDisplayFormat?: (displayFormat: TooltipFormat) => void;
   onClose: () => void;
   formatLabels: TooltipFormat[];
 };
@@ -91,7 +91,7 @@ export const FormatterDropdown: React.FC<FormatterDropdownProps> = (
 
   const onSelectDisplayFormat = useCallback(
     result => {
-      setDisplayFormat(result);
+      setDisplayFormat?.(result);
       onClose();
     },
     [setDisplayFormat, onClose]
@@ -117,10 +117,10 @@ export interface OptionDropdownProps {
   column: string;
   colMeta: ColMeta;
   toggleMoreOptions: (column: string) => void;
-  sortTableColumn: (sort: string) => void;
+  sortTableColumn?: (sort: string) => void;
   pinTableColumn: () => void;
   copyTableColumn: () => void;
-  setDisplayFormat: (displayFormat: any) => void;
+  setDisplayFormat?: (displayFormat: any) => void;
   sortMode?: string;
   isSorted?: string;
   isPinned?: boolean;
@@ -142,13 +142,13 @@ const OptionDropdown = (props: OptionDropdownProps) => {
     ({value}) => {
       switch (value) {
         case TABLE_OPTION.SORT_ASC:
-          sortTableColumn(SORT_ORDER.ASCENDING);
+          sortTableColumn?.(SORT_ORDER.ASCENDING);
           break;
         case TABLE_OPTION.SORT_DES:
-          sortTableColumn(SORT_ORDER.DESCENDING);
+          sortTableColumn?.(SORT_ORDER.DESCENDING);
           break;
         case TABLE_OPTION.UNSORT:
-          sortTableColumn(SORT_ORDER.UNSORT);
+          sortTableColumn?.(SORT_ORDER.UNSORT);
           break;
         case TABLE_OPTION.PIN:
           pinTableColumn();

package/src/components/src/modals/save-map-modal.tsx

@@ -61,6 +61,10 @@ const StyledSaveMapModal = styled.div.attrs({
   }
 `;
 
+const StyledCompactExportSection = styled(StyledExportSection)`
+  margin: 5px 0;
+`;
+
 const nop = () => {
   return;
 };
@@ -224,7 +228,7 @@ function SaveMapModalFactory() {
                     </div>
                   </StyledExportSection>
                 ) : null}
-                <StyledExportSection>
+                <StyledCompactExportSection>
                   <div className="description image-preview-panel">
                     <ImagePreview
                       exportImage={exportImage}
@@ -246,7 +250,7 @@ function SaveMapModalFactory() {
                       onChangeInput={onChangeInput}
                     />
                   )}
-                </StyledExportSection>
+                </StyledCompactExportSection>
               </>
             )}
             {providerError ? (