@agilant/toga-blox 1.0.100 → 1.0.101

package/dist/utils/formaTableData.d.ts

@@ -35,14 +35,25 @@ export interface Renderers {
     renderStatus?: (value: string, extra?: any) => JSX.Element;
     renderCurrency?: (value: string) => string;
 }
+/** Additional options your apps might pass to the library */
+export interface FormatTableOptions {
+    typeValues?: Record<string, any>;
+    callFromFilter?: boolean;
+    visibleListId?: string;
+    handleIconClick?: (id: string, rowUuid: string) => void;
+    actionList?: React.ReactNode;
+    rowData?: Record<string, any>;
+    deactivatedMenuUuids?: string[];
+}
 /**
  * The main function that shapes columns for React Table.
  *  - `columnTitles`: array of column headers
  *  - `accessors`: array of "col1", "col2", ...
  *  - `columnConfigs`: array of raw backend configs (with booleans)
  *  - `renderers`: your app's icon/image/status/currency callbacks
+ *  - `options`: an object with extra arguments like handleIconClick, rowData, etc.
  */
-declare function formatTableData(columnTitles: string[], accessors: string[], columnConfigs: any[], renderers?: Renderers): TableColumn[];
+declare function formatTableData(columnTitles: string[], accessors: string[], columnConfigs: any[], renderers?: Renderers, options?: FormatTableOptions): TableColumn[];
 /**
  * Helper to generate "col1", "col2", "col3", etc.
  */

package/dist/utils/formaTableData.js

@@ -11,6 +11,7 @@ function transformBackendConfig(backendConfig) {
         linkClasses: backendConfig.linkClasses ?? "",
         transform: backendConfig.transform,
     };
+    // e.g. booleans => library fields
     if (backendConfig.hasStatus) {
         finalConfig.type = "STATUS";
     }
@@ -18,10 +19,10 @@ function transformBackendConfig(backendConfig) {
         finalConfig.type = "CURRENCY";
     }
     if (backendConfig.hasLeftIcon) {
-        finalConfig.leftIcon = "check"; // Or any icon name
+        finalConfig.leftIcon = "check";
     }
     if (backendConfig.hasRightIcon) {
-        finalConfig.rightIcon = "arrowRight"; // Or any icon name
+        finalConfig.rightIcon = "arrowRight";
     }
     if (backendConfig.hasLeftImage) {
         finalConfig.leftImage = "https://example.com/placeholder.png";
@@ -38,16 +39,12 @@ function transformBackendConfig(backendConfig) {
  *  - `accessors`: array of "col1", "col2", ...
  *  - `columnConfigs`: array of raw backend configs (with booleans)
  *  - `renderers`: your app's icon/image/status/currency callbacks
+ *  - `options`: an object with extra arguments like handleIconClick, rowData, etc.
  */
-function formatTableData(columnTitles, accessors, columnConfigs, renderers = {}) {
-    /**
-     * Creates the "Cell" renderer for each column,
-     * checking icons/images or type fields,
-     * then calling the relevant `renderers` method.
-     */
+function formatTableData(columnTitles, accessors, columnConfigs, renderers = {}, options = {}) {
+    console.log("[LIB] formatTableData called with options:", options);
     function renderCellContent(config) {
         return ({ value }) => {
-            // Log to see which type we ended up with, and what the cell value is
             console.log("[LIB] renderCellContent -> config.type:", config.type, "value:", value);
             // 1. Check icons/images
             if (config.leftIcon && renderers.renderIcon) {
@@ -86,7 +83,10 @@ function formatTableData(columnTitles, accessors, columnConfigs, renderers = {})
                     console.log("[LIB] checking STATUS case, value:", value);
                     if (renderers.renderStatus && typeof value === "string") {
                         console.log("[LIB] calling renderers.renderStatus!");
-                        return renderContent(config, value, renderers.renderStatus(value));
+                        // If you want to pass `options.typeValues` or something as extra:
+                        return renderContent(config, value, renderers.renderStatus(value, {
+                            typeValues: options.typeValues,
+                        }));
                     }
                     break;
                 case "CURRENCY":
@@ -97,7 +97,6 @@ function formatTableData(columnTitles, accessors, columnConfigs, renderers = {})
                         return renderContent(config, formatted);
                     }
                     break;
-                // Add other types if needed
                 default:
                     console.log("[LIB] type is:", config.type, "falling back to raw text");
             }
@@ -105,14 +104,9 @@ function formatTableData(columnTitles, accessors, columnConfigs, renderers = {})
             return (_jsx("div", { style: { display: "flex", alignItems: "center" }, children: typeof value === "string" ? _jsx("p", { children: value }) : value }));
         };
     }
-    /**
-     * Helper that wraps the cell in <div> or <a>,
-     * optionally placing icons left/right.
-     */
     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] })) }));
     }
-    // Build columns, mapping each "raw config" through `transformBackendConfig`
     const columns = columnTitles.map((title, i) => {
         const accessor = accessors[i];
         const key = `col${i + 1}`;
@@ -132,6 +126,16 @@ function formatTableData(columnTitles, accessors, columnConfigs, renderers = {})
         };
     });
     console.log("[LIB] final columns:", columns);
+    if (options.handleIconClick || options.actionList) {
+        columns.push({
+            Header: "Sticky",
+            accessor: "sticky-column",
+            Cell: ({ row }) => {
+                // e.g. use row.index, options.rowData, etc.
+                return _jsx("div", { children: "Custom Sticky Cell" });
+            },
+        });
+    }
     return columns;
 }
 /**
@@ -142,7 +146,6 @@ function generateAccessors(columnTitles) {
 }
 // Named exports
 export { formatTableData, generateAccessors };
-// Default export object (so you can import the entire thing as default if you want)
 export default {
     formatTableData,
     generateAccessors,

package/package.json

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