Fix/resampling null (#63)

* resampling should be omitted if not selected, otherwise include selected values

Author: stephenkilbourn

__tests__/playwright/COGViewerDrawer.test.tsx

@@ -98,6 +98,7 @@ test.describe('COG Viewer Drawer', () => {
             rescale: [[-1, 1]],
             colormap_name: 'rdbu',
             color_formula: 'test123',
+            resampling: 'nearest',
             nodata: 255,
             assets: ['cog_default'],
           },
@@ -295,6 +296,7 @@ test.describe('COG Viewer Drawer', () => {
             rescale: [[-1, 1]],
             colormap_name: 'rdbu',
             color_formula: 'test456',
+            resampling: 'nearest',
             assets: ['cog_default'],
           },
           null,
@@ -323,6 +325,7 @@ test.describe('COG Viewer Drawer', () => {
             rescale: [[-1, 1]],
             colormap_name: 'rdbu',
             color_formula: 'test456',
+            resampling: 'nearest',
             assets: ['cog_default'],
           },
           null,

components/COGControlsForm.tsx

@@ -210,6 +210,7 @@ const COGControlsForm: React.FC<COGControlsFormProps> = ({
           <Form.Item label="Resampling" name="selectedResampling">
             <Select
               showSearch
+              allowClear
               data-testid="resampling"
               onChange={onResamplingChange}
             >

components/COGDrawerViewer.tsx

@@ -60,10 +60,9 @@ const COGDrawerViewer: React.FC<COGDrawerViewerProps> = ({
           ? cogViewer.selectedColormap
           : undefined,
       color_formula: cogViewer.colorFormula || undefined,
-      resampling:
-        cogViewer.selectedResampling !== 'nearest'
-          ? cogViewer.selectedResampling
-          : undefined,
+      ...(cogViewer.selectedResampling != null && {
+        resampling: cogViewer.selectedResampling,
+      }),
       nodata: cogViewer.noDataValue || undefined,
       assets: ['cog_default'], // Ensure assets are included
     };

components/COGViewerContent.tsx

@@ -178,8 +178,7 @@ const COGViewerContent: React.FC<COGViewerContentProps> = ({
           rescale,
           colormap_name: selectedColormap.toLowerCase(),
           color_formula: colorFormula || undefined,
-          resampling:
-            selectedResampling !== 'nearest' ? selectedResampling : undefined,
+          resampling: selectedResampling,
           nodata: noDataValue || undefined,
         }}
       />