@agilant/toga-blox 1.0.99 → 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

@@ -4,12 +4,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * into the library's expected fields (`type: "STATUS"`, `type: "CURRENCY"`, etc.).
  */
 function transformBackendConfig(backendConfig) {
+    console.log("[LIB] transformBackendConfig input:", backendConfig);
     const finalConfig = {
         key: backendConfig.key,
         type: backendConfig.type ?? "DEFAULT",
         linkClasses: backendConfig.linkClasses ?? "",
         transform: backendConfig.transform,
     };
+    // e.g. booleans => library fields
     if (backendConfig.hasStatus) {
         finalConfig.type = "STATUS";
     }
@@ -17,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";
@@ -28,6 +30,7 @@ function transformBackendConfig(backendConfig) {
     if (backendConfig.hasRightImage) {
         finalConfig.rightImage = "https://example.com/placeholder.png";
     }
+    console.log("[LIB] transformBackendConfig output:", finalConfig);
     return finalConfig;
 }
 /**
@@ -36,25 +39,26 @@ 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 }) => {
+            console.log("[LIB] renderCellContent -> config.type:", config.type, "value:", value);
             // 1. Check icons/images
             if (config.leftIcon && renderers.renderIcon) {
+                console.log("[LIB] using leftIcon:", config.leftIcon);
                 const icon = (_jsx("div", { className: "pr-2", children: renderers.renderIcon(config.leftIcon, "solid") }));
                 return renderContent(config, value, icon, "left");
             }
             if (config.rightIcon && renderers.renderIcon) {
+                console.log("[LIB] using rightIcon:", config.rightIcon);
                 const icon = (_jsx("div", { className: "pl-2", children: renderers.renderIcon(config.rightIcon, "solid") }));
                 return renderContent(config, value, icon, "right");
             }
             if (config.leftImage && renderers.renderImage) {
+                console.log("[LIB] using leftImage:", config.leftImage);
                 const image = (_jsx("div", { className: "pr-2", children: renderers.renderImage({
                         imageUrl: config.leftImage,
                         altText: "Image",
@@ -64,6 +68,7 @@ function formatTableData(columnTitles, accessors, columnConfigs, renderers = {})
                 return renderContent(config, value, image, "left");
             }
             if (config.rightImage && renderers.renderImage) {
+                console.log("[LIB] using rightImage:", config.rightImage);
                 const image = (_jsx("div", { className: "pl-2", children: renderers.renderImage({
                         imageUrl: config.rightImage,
                         altText: "Image",
@@ -75,30 +80,33 @@ function formatTableData(columnTitles, accessors, columnConfigs, renderers = {})
             // 2. Check type
             switch (config.type) {
                 case "STATUS":
+                    console.log("[LIB] checking STATUS case, value:", value);
                     if (renderers.renderStatus && typeof value === "string") {
-                        return renderContent(config, value, renderers.renderStatus(value));
+                        console.log("[LIB] calling renderers.renderStatus!");
+                        // If you want to pass `options.typeValues` or something as extra:
+                        return renderContent(config, value, renderers.renderStatus(value, {
+                            typeValues: options.typeValues,
+                        }));
                     }
                     break;
                 case "CURRENCY":
+                    console.log("[LIB] checking CURRENCY case, value:", value);
                     if (renderers.renderCurrency && typeof value === "string") {
+                        console.log("[LIB] calling renderers.renderCurrency!");
                         const formatted = renderers.renderCurrency(value);
                         return renderContent(config, formatted);
                     }
                     break;
-                // Add other types if needed
+                default:
+                    console.log("[LIB] type is:", config.type, "falling back to raw text");
             }
             // 3. Otherwise, raw text
             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}`;
@@ -107,14 +115,27 @@ function formatTableData(columnTitles, accessors, columnConfigs, renderers = {})
             key,
             type: "DEFAULT",
         };
+        console.log("[LIB] rawBackendConfig for", key, ":", rawBackendConfig);
         // 2) Convert booleans => library fields
         const config = transformBackendConfig(rawBackendConfig);
+        console.log("[LIB] final config for", key, ":", config);
         return {
             Header: title,
             accessor,
             Cell: ({ value }) => renderCellContent(config)({ value }),
         };
     });
+    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;
 }
 /**
@@ -125,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.99",
+	"version": "1.0.101",
 	"description": "",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",