@agilant/toga-blox 1.0.97 → 1.0.98

package/dist/utils/fromatTableData.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 import { CellProps } from "react-table";
-/** Config each column might have */
 export interface SharedColumnConfig {
     key: string;
     type?: string;
@@ -11,7 +10,6 @@ export interface SharedColumnConfig {
     rightImage?: string;
     transform?: (value: any) => any;
 }
-/** Minimally typed shape for returned React Table columns */
 export interface TableColumn {
     Header: string | (() => JSX.Element);
     accessor: string;
@@ -20,10 +18,6 @@ export interface TableColumn {
     }, string | React.ReactElement>) => JSX.Element;
     sticky?: "left" | "right";
 }
-/**
- * Callbacks for each app to provide their own "implementation details":
- * - e.g. how to render icons, how to handle images, etc.
- */
 export interface Renderers {
     renderIcon?: (iconName: string, style?: "solid" | "regular") => JSX.Element;
     renderImage?: (props: {
@@ -37,11 +31,12 @@ export interface Renderers {
     renderCurrency?: (value: string) => string;
 }
 /**
- * A generic table formatter you can reuse in both apps.
- * This version delegates certain rendering details to the `renderers`.
+ * The main library function that shapes columns
+ */
+declare function formatTableData(columnTitles: string[], accessors: string[], columnConfigs: any[], renderers?: Renderers): TableColumn[];
+/**
+ * Generate "col1", "col2", etc.
  */
-declare function formatTableData(columnTitles: string[], accessors: string[], columnConfigs: SharedColumnConfig[], renderers?: Renderers): TableColumn[];
-/** Simple helper to generate the default "col1", "col2", ... accessors */
 declare function generateAccessors(columnTitles: string[]): string[];
 export { formatTableData, generateAccessors };
 declare const _default: {

package/dist/utils/fromatTableData.js

@@ -1,7 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+function transformBackendConfig(backendConfig) {
+    const finalConfig = {
+        key: backendConfig.key,
+        type: backendConfig.type ?? "DEFAULT",
+        linkClasses: backendConfig.linkClasses ?? "",
+        transform: backendConfig.transform,
+    };
+    if (backendConfig.hasStatus) {
+        finalConfig.type = "STATUS";
+    }
+    if (backendConfig.hasCurrency) {
+        finalConfig.type = "CURRENCY";
+    }
+    if (backendConfig.hasLeftIcon) {
+        finalConfig.leftIcon = "check";
+    }
+    if (backendConfig.hasRightIcon) {
+        finalConfig.rightIcon = "arrowRight";
+    }
+    if (backendConfig.hasLeftImage) {
+        finalConfig.leftImage = "https://example.com/placeholder.png";
+    }
+    if (backendConfig.hasRightImage) {
+        finalConfig.rightImage = "https://example.com/placeholder.png";
+    }
+    return finalConfig;
+}
 /**
- * A generic table formatter you can reuse in both apps.
- * This version delegates certain rendering details to the `renderers`.
+ * The main library function that shapes columns
  */
 function formatTableData(columnTitles, accessors, columnConfigs, renderers = {}) {
     function renderCellContent(config) {
@@ -33,7 +59,6 @@ function formatTableData(columnTitles, accessors, columnConfigs, renderers = {})
                     }) }));
                 return renderContent(config, value, image, "right");
             }
-            // 2. Check type (CURRENCY, STATUS, etc.)
             switch (config.type) {
                 case "STATUS":
                     if (renderers.renderStatus && typeof value === "string") {
@@ -46,35 +71,32 @@ function formatTableData(columnTitles, accessors, columnConfigs, renderers = {})
                         return renderContent(config, formatted);
                     }
                     break;
-                // Add other type cases (BOOLEAN, NUMBER, DATE, etc.) as you see fit
             }
-            // 3. If we get here, just render raw text
             return (_jsx("div", { style: { display: "flex", alignItems: "center" }, children: typeof value === "string" ? _jsx("p", { children: value }) : value }));
         };
     }
     function renderContent(config, value, content, position) {
         return (_jsx("div", { style: { display: "flex", alignItems: "center" }, className: "flex w-full", children: config.linkClasses ? (_jsxs("a", { href: "#", className: `flex ${config.linkClasses}`, onClick: (e) => e.stopPropagation(), children: [position === "left" && content, typeof value === "string" ? _jsx("p", { children: value }) : value, position === "right" && content] })) : (_jsxs(_Fragment, { children: [position === "left" && content, typeof value === "string" ? _jsx("p", { children: value }) : value, position === "right" && content] })) }));
     }
-    // Map each title to a column definition
     const columns = columnTitles.map((title, i) => {
         const accessor = accessors[i];
         const key = `col${i + 1}`;
-        const config = columnConfigs.find((c) => c.key === key) ||
-            {
-                key,
-                type: "DEFAULT",
-            };
+        const rawBackendConfig = columnConfigs.find((c) => c.key === key) || {
+            key,
+            type: "DEFAULT",
+        };
+        const config = transformBackendConfig(rawBackendConfig);
         return {
             Header: title,
             accessor,
             Cell: ({ value }) => renderCellContent(config)({ value }),
         };
     });
-    // Return the final array of columns.
-    // (Apps can push a custom "sticky" col onto this if they want.)
     return columns;
 }
-/** Simple helper to generate the default "col1", "col2", ... accessors */
+/**
+ * Generate "col1", "col2", etc.
+ */
 function generateAccessors(columnTitles) {
     return columnTitles.map((_, index) => `col${index + 1}`);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agilant/toga-blox",
 	"private": false,
-	"version": "1.0.97",
+	"version": "1.0.98",
 	"description": "",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",