Merge branch '251-sticky-first-column-opacity-with-add-new-row-form'

Author: RafaelGB

src/Settings.ts

@@ -67,10 +67,13 @@ export class SettingsManager {
       settingsManager: this,
       containerEl: settingBody,
       local: local,
-      errors: {},
-      view: view,
-      columns: view.columns
+      errors: {}
     };
+    if (view) {
+      settingHandlerResponse.view = view;
+      settingHandlerResponse.columns = view.columns;
+
+    }
     this.constructSettingBody(settingHandlerResponse);
   }
 

src/cdm/SettingsModel.ts

@@ -16,6 +16,7 @@ export interface GlobalSettings {
     enable_debug_mode: boolean;
     logger_level_info: string;
     media_settings: MediaSettings;
+    enable_dnd: boolean;
 }
 
 export interface LocalSettings {

src/components/NavBar.tsx

@@ -20,7 +20,6 @@ export function NavBar(navBarProps: NavBarProps) {
   const columns = tableState.columns((state) => state.columns);
   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
   const open = Boolean(anchorEl);
-  console.log(`NavBar menu is open? => ${open}`);
   const handleMenuClose = () => {
     setAnchorEl(null);
   };

src/components/Table.tsx

@@ -320,7 +320,12 @@ export function Table(tableData: TableDataType) {
                     key={`${headerGroup.id}-${headerGroupIndex}-dnd-provider`}
                     debugMode={globalConfig.enable_debug_mode}
                     backend={HTML5Backend}
-                    context={view.getWindow().createFragment()}
+                    context={
+                      (globalConfig.enable_debug_mode,
+                      globalConfig.enable_dnd
+                        ? activeWindow
+                        : activeDocument.createElement("div"))
+                    }
                   >
                     {headerGroup.headers
                       .filter(

src/components/TableHeader.tsx

@@ -92,6 +92,7 @@ export default function TableHeader(headerProps: TableHeaderProps) {
         {...{
           onMouseDown: header.getResizeHandler(),
           onTouchStart: header.getResizeHandler(),
+
           className: `resizer ${
             header.column.getIsResizing() ? "isResizing" : ""
           }`,

src/components/index/Database.tsx

@@ -8,7 +8,6 @@ export function createDatabase(tableProps: TableDataType): JSX.Element {
 
 export function Database(tableProps: TableDataType) {
   const tableStore = useTableStore(tableProps.view);
-
   return (
     <React.StrictMode>
       <Table {...tableProps} tableStore={tableStore} />

src/helpers/Constants.ts

@@ -272,6 +272,7 @@ export const YAML_INDENT = Object.freeze("  ");
 export const DEFAULT_SETTINGS: DatabaseSettings = {
   global_settings: {
     enable_debug_mode: false,
+    enable_dnd: false,
     logger_level_info: 'error',
     media_settings: {
       enable_media_view: DEFAULT_COLUMN_CONFIG.enable_media_view,

src/settings/DeveloperSection.ts

@@ -3,6 +3,7 @@ import { SettingHandlerResponse } from 'settings/handlers/AbstractSettingHandler
 import { LoggerToggleHandler } from 'settings/handlers/developer/LoggerToggleHandler';
 import { TableStateToggleHandler } from 'settings/handlers/developer/TableStateToggleHandler';
 import { LoggerLevelInfoDropDownHandler } from 'settings/handlers/developer/LoggerLevelInfoDropDownHandler';
+import { DnDToggleHandler } from 'settings/handlers/developer/DnDToggleHandler';
 import { AbstractChain } from 'patterns/AbstractFactoryChain';
 import { AbstractHandler } from 'patterns/AbstractHandler';
 
@@ -19,6 +20,7 @@ class DeveloperSetttingsSection extends AbstractChain<SettingHandlerResponse> {
     }
     protected getHandlers(): AbstractHandler<SettingHandlerResponse>[] {
         return [
+            new DnDToggleHandler(),
             new LoggerToggleHandler(),
             new LoggerLevelInfoDropDownHandler(),
             new TableStateToggleHandler()

src/settings/handlers/AbstractSettingHandler.ts

@@ -13,7 +13,7 @@ export type SettingHandlerResponse = {
     local: boolean,
     errors: Record<string, string[]>,
     view?: DatabaseView,
-    columns: TableColumn[],
+    columns?: TableColumn[],
 }
 
 export abstract class AbstractSettingsHandler implements SettingHandler {

src/settings/handlers/developer/DnDToggleHandler.ts

@@ -0,0 +1,28 @@
+import { add_toggle } from "settings/SettingsComponents";
+import { AbstractSettingsHandler, SettingHandlerResponse } from "settings/handlers/AbstractSettingHandler";
+export class DnDToggleHandler extends AbstractSettingsHandler {
+    settingTitle: string = 'Enable drag and drop of columns';
+    handle(settingHandlerResponse: SettingHandlerResponse): SettingHandlerResponse {
+        const { settingsManager, containerEl, local } = settingHandlerResponse;
+        // pass if modal opened from local settings
+        if (!local) {
+            const dnd_togle_promise = async (value: boolean): Promise<void> => {
+                // set debug mode
+                const update_global_settings = settingsManager.plugin.settings.global_settings;
+                update_global_settings.enable_dnd = value;
+                // update settings
+                await settingsManager.plugin.updateSettings({
+                    global_settings: update_global_settings
+                });
+            }
+            add_toggle(
+                containerEl,
+                this.settingTitle,
+                "WARNING: enabling this will make the DnD of obsidian fail (for now). Restart the application after disabling this.",
+                settingsManager.plugin.settings.global_settings.enable_dnd,
+                dnd_togle_promise
+            );
+        }
+        return this.goNext(settingHandlerResponse);
+    }
+}