fix-divider

Author: LevisNgigi

superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/ConfigModalSidebar/ConfigModalSidebar.tsx

@@ -32,7 +32,7 @@ import NewItemDropdown from '../NewItemDropdown';
 import ItemSectionContent from './ItemSection';
 import { FilterRemoval } from '../types';
 import { FILTER_TYPE, CUSTOMIZATION_TYPE } from '../DraggableFilter';
-import { isFilterId, isChartCustomizationId } from '../utils';
+import { isFilterId, isChartCustomizationId, isDivider } from '../utils';
 
 const StyledSidebarFlex = styled(Flex)`
   min-width: 290px;
@@ -172,6 +172,26 @@ const ConfigModalSidebar: FC<ConfigModalSidebarProps> = ({
         return;
       }
 
+      if (
+        onCrossListDrop &&
+        typeof active.id === 'string' &&
+        isDivider(active.id) &&
+        ((activeFilterIndex !== -1 && overCustomizationIndex !== -1) ||
+          (activeCustomizationIndex !== -1 && overFilterIndex !== -1))
+      ) {
+        const sourceType: 'filter' | 'customization' =
+          activeFilterIndex !== -1 ? 'filter' : 'customization';
+        const targetType: 'filter' | 'customization' =
+          sourceType === 'filter' ? 'customization' : 'filter';
+        const targetIndex =
+          targetType === 'filter' ? overFilterIndex : overCustomizationIndex;
+
+        if (targetIndex !== -1) {
+          onCrossListDrop(active.id, targetIndex, sourceType, targetType);
+        }
+        return;
+      }
+
       if (activeFilterIndex !== -1 && overFilterIndex !== -1) {
         const itemId = filterOrderedIds[activeFilterIndex];
         onRearrange(activeFilterIndex, overFilterIndex, itemId);