feat(datagrid-web): add type and format properties on columns

Author: samuelreichert

packages/pluggableWidgets/datagrid-web/src/Datagrid.editorConfig.ts

@@ -65,6 +65,14 @@ export function getProperties(
         if (column.minWidth !== "manual") {
             hidePropertyIn(defaultProperties, values, "columns", index, "minWidthLimit");
         }
+        // Hide exportNumberFormat if exportType is not 'number'
+        if (column.exportType !== "number") {
+            hidePropertyIn(defaultProperties, values, "columns", index, "exportNumberFormat" as any);
+        }
+        // Hide exportDateFormat if exportType is not 'date'
+        if (column.exportType !== "date") {
+            hidePropertyIn(defaultProperties, values, "columns", index, "exportDateFormat" as any);
+        }
         if (!values.advanced && platform === "web") {
             hideNestedPropertiesIn(defaultProperties, values, "columns", index, [
                 "columnClass",
@@ -209,7 +217,9 @@ export const getPreview = (
                   minWidth: "auto",
                   minWidthLimit: 100,
                   allowEventPropagation: true,
-                  exportValue: ""
+                  exportValue: "",
+                  exportType: "text",
+                  exportFormat: ""
               }
           ];
     const columns = rowLayout({

packages/pluggableWidgets/datagrid-web/src/Datagrid.xml

@@ -111,6 +111,33 @@
                                 <caption>Export value</caption>
                                 <description />
                             </property>
+                            <property key="exportType" type="enumeration" defaultValue="text">
+                                <caption>Export type</caption>
+                                <description />
+                                <enumerationValues>
+                                    <enumerationValue key="text">Text</enumerationValue>
+                                    <enumerationValue key="number">Number</enumerationValue>
+                                    <enumerationValue key="date">Date</enumerationValue>
+                                    <enumerationValue key="boolean">Boolean</enumerationValue>
+                                </enumerationValues>
+                            </property>
+                            <property key="exportNumberFormat" type="textTemplate" required="false">
+                                <caption>Export number format</caption>
+                                <description>
+                                    Optional Excel number format string to apply when exporting numeric values.
+                                    You can use any valid SheetJS number format, including currency, percentage, or custom patterns
+                                    (e.g. "#,##0.00", "$0.00", "0.00%").
+                                    See full syntax reference here: https://docs.sheetjs.com/docs/csf/features/nf/
+                                </description>
+                            </property>
+                            <property key="exportDateFormat" type="textTemplate" required="false">
+                                <caption>Export date format</caption>
+                                <description>
+                                    Optional Excel date format string to apply when exporting Date or DateTime values.
+                                    Follows JavaScript date format conventions supported by SheetJS
+                                    (e.g. "yyyy-mm-dd", "dd/mm/yyyy hh:mm", "mmm d, yyyy").
+                                </description>
+                            </property>
                             <property key="header" type="textTemplate" required="false">
                                 <caption>Caption</caption>
                                 <description />

packages/pluggableWidgets/datagrid-web/typings/DatagridProps.d.ts

@@ -15,6 +15,8 @@ export type LoadingTypeEnum = "spinner" | "skeleton";
 
 export type ShowContentAsEnum = "attribute" | "dynamicText" | "customContent";
 
+export type ExportTypeEnum = "text" | "number" | "date" | "boolean";
+
 export type HidableEnum = "yes" | "hidden" | "no";
 
 export type WidthEnum = "autoFill" | "autoFit" | "manual";
@@ -29,6 +31,9 @@ export interface ColumnsType {
     content?: ListWidgetValue;
     dynamicText?: ListExpressionValue<string>;
     exportValue?: ListExpressionValue<string>;
+    exportType: ExportTypeEnum;
+    exportNumberFormat?: DynamicValue<string>;
+    exportDateFormat?: DynamicValue<string>;
     header?: DynamicValue<string>;
     tooltip?: ListExpressionValue<string>;
     filter?: ReactNode;
@@ -65,6 +70,9 @@ export interface ColumnsPreviewType {
     content: { widgetCount: number; renderer: ComponentType<{ children: ReactNode; caption?: string }> };
     dynamicText: string;
     exportValue: string;
+    exportType: ExportTypeEnum;
+    exportNumberFormat: string;
+    exportDateFormat: string;
     header: string;
     tooltip: string;
     filter: { widgetCount: number; renderer: ComponentType<{ children: ReactNode; caption?: string }> };