refactor: deprecate dg basic data

Author: iobuhov

packages/pluggableWidgets/datagrid-web/src/helpers/state/GridBasicData.ts

@@ -10,6 +10,7 @@ type Props = Pick<
 type Gate = DerivedPropsGate<Props>;
 
 /** This is basic data class, just a props mapper. Don't add any state or complex logic. */
+/** @deprecated use `TextsService` instead */
 export class GridBasicData {
     private gate: Gate;
 

packages/pluggableWidgets/datagrid-web/src/model/configs/Datagrid.config.ts

@@ -22,6 +22,7 @@ export interface DatagridConfig {
     columnsHidable: boolean;
     columnsResizable: boolean;
     columnsSortable: boolean;
+    isInteractive: boolean;
 }
 
 export function datagridConfig(props: DatagridContainerProps): DatagridConfig {
@@ -46,7 +47,8 @@ export function datagridConfig(props: DatagridContainerProps): DatagridConfig {
         columnsDraggable: props.columnsDraggable,
         columnsFilterable: props.columnsFilterable,
         columnsResizable: props.columnsResizable,
-        columnsSortable: props.columnsSortable
+        columnsSortable: props.columnsSortable,
+        isInteractive: isInteractive(props)
     };
 
     return Object.freeze(config);
@@ -71,3 +73,7 @@ function isSettingsStorageEnabled(props: DatagridContainerProps): boolean {
     if (props.configurationStorageType === "attribute" && props.configurationAttribute) return true;
     return false;
 }
+
+function isInteractive(props: DatagridContainerProps): boolean {
+    return props.itemSelection !== undefined || props.onClick !== undefined;
+}

packages/pluggableWidgets/datagrid-web/src/model/containers/Root.container.ts

@@ -16,6 +16,7 @@ import { generateUUID } from "@mendix/widget-plugin-platform/framework/generate-
 import { Container, injected } from "brandi";
 import { visibleColumnsCountAtom } from "../models/columns.model";
 import { DatagridSetupService } from "../services/DatagridSetup.service";
+import { TextsService } from "../services/Texts.service";
 import { CORE_TOKENS as CORE } from "../tokens";
 
 // datasource
@@ -39,6 +40,9 @@ injected(isCurrentPageSelectedAtom, CORE.mainGate);
 injected(selectedCountMultiAtom, CORE.mainGate);
 injected(selectionCounterTextsStore, CORE.mainGate, CORE.selection.selectedCount);
 
+// other
+injected(TextsService, CORE.mainGate);
+
 /**
  * Root container for bindings that can be shared down the hierarchy.
  * Declare only bindings that needs to be shared across multiple containers.
@@ -66,5 +70,6 @@ export class RootContainer extends Container {
         this.bind(CORE.selection.isCurrentPageSelected).toInstance(isCurrentPageSelectedAtom).inTransientScope();
         this.bind(CORE.selection.selectedCounterTextsStore).toInstance(selectionCounterTextsStore).inTransientScope();
         this.bind(CORE.selection.isAllItemsSelected).toInstance(isAllItemsSelectedAtom).inTransientScope();
+        this.bind(CORE.texts).toInstance(TextsService).inTransientScope();
     }
 }

packages/pluggableWidgets/datagrid-web/src/model/hooks/injection-hooks.ts

@@ -15,3 +15,4 @@ export const [useQueryService] = createInjectionHooks(DG.query);
 export const [useVisibleColumnsCount] = createInjectionHooks(CORE.atoms.visibleColumnsCount);
 export const [useItemCount] = createInjectionHooks(CORE.atoms.itemCount);
 export const [useColumn] = createInjectionHooks(CORE.column);
+export const [useTexts] = createInjectionHooks(CORE.texts);

packages/pluggableWidgets/datagrid-web/src/model/services/Texts.service.ts

@@ -0,0 +1,29 @@
+import { DerivedPropsGate } from "@mendix/widget-plugin-mobx-kit/main";
+import { makeAutoObservable } from "mobx";
+import { MainGateProps } from "../../../typings/MainGateProps";
+
+export class TextsService {
+    constructor(private gate: DerivedPropsGate<MainGateProps>) {
+        makeAutoObservable(this);
+    }
+
+    private get props(): MainGateProps {
+        return this.gate.props;
+    }
+
+    get exportDialogLabel(): string | undefined {
+        return this.props.exportDialogLabel?.value;
+    }
+
+    get cancelExportLabel(): string | undefined {
+        return this.props.cancelExportLabel?.value;
+    }
+
+    get selectRowLabel(): string | undefined {
+        return this.props.selectRowLabel?.value;
+    }
+
+    get selectAllRowsLabel(): string | undefined {
+        return this.props.selectAllRowsLabel?.value;
+    }
+}

packages/pluggableWidgets/datagrid-web/src/model/tokens.ts

@@ -32,6 +32,7 @@ import { DatagridConfig } from "./configs/Datagrid.config";
 import { DatagridSetupService } from "./services/DatagridSetup.service";
 import { DerivedLoaderController, DerivedLoaderControllerConfig } from "./services/DerivedLoaderController";
 import { PaginationConfig, PaginationController } from "./services/PaginationController";
+import { TextsService } from "./services/Texts.service";
 
 /** Tokens to resolve dependencies from the container. */
 
@@ -63,7 +64,9 @@ export const CORE_TOKENS = {
         }>("@store:selectedCounterTextsStore")
     },
 
-    setupService: token<DatagridSetupService>("DatagridSetupService")
+    setupService: token<DatagridSetupService>("DatagridSetupService"),
+
+    texts: token<TextsService>("@srv:TextsService")
 };
 
 /** Datagrid tokens. */

packages/pluggableWidgets/datagrid-web/typings/MainGateProps.ts

@@ -4,6 +4,7 @@ import { DatagridContainerProps } from "./DatagridProps";
 export type MainGateProps = Pick<
     DatagridContainerProps,
     | "allSelectedText"
+    | "cancelExportLabel"
     | "cancelSelectionLabel"
     | "clearSelectionButtonLabel"
     | "columns"
@@ -12,6 +13,7 @@ export type MainGateProps = Pick<
     | "datasource"
     | "emptyPlaceholder"
     | "enableSelectAll"
+    | "exportDialogLabel"
     | "itemSelection"
     | "name"
     | "onSelectionChange"
@@ -23,6 +25,7 @@ export type MainGateProps = Pick<
     | "selectAllTemplate"
     | "selectAllText"
     | "selectionCounterPosition"
+    | "selectRowLabel"
     | "showNumberOfRows"
     | "showPagingButtons"
     | "storeFiltersInPersonalization"