@agilant/toga-blox 1.0.102 → 1.0.103-t

package/dist/utils/formaTableData.d.ts

@@ -1,6 +1,15 @@
+/*****************************************************************************
+ * FILE 1: fromatTableData.ts (the library)
+ *
+ * Build/publish this so your Supply app can import:
+ *   import { formatTableData, generateAccessors }
+ *   from "@agilant/toga-blox/dist/utils/fromatTableData";
+ *****************************************************************************/
 import React from "react";
 import { CellProps } from "react-table";
-/** The shape your library expects for each column's config */
+/**
+ * Basic shape for each column config in the library
+ */
 export interface SharedColumnConfig {
     key: string;
     type?: string;
@@ -11,7 +20,9 @@ export interface SharedColumnConfig {
     rightImage?: string;
     transform?: (value: any) => any;
 }
-/** The shape of the columns you return to React Table */
+/**
+ * The shape of columns returned by the library for React Table
+ */
 export interface TableColumn {
     Header: string | (() => JSX.Element);
     accessor: string;
@@ -21,7 +32,7 @@ export interface TableColumn {
     sticky?: "left" | "right";
 }
 /**
- * The "renderers" your app provides for icons, images, statuses, currencies, etc.
+ * Callbacks for custom rendering
  */
 export interface Renderers {
     renderIcon?: (iconName: string, style?: "solid" | "regular") => JSX.Element;
@@ -35,10 +46,11 @@ export interface Renderers {
     renderStatus?: (value: string, extra?: any) => JSX.Element;
     renderCurrency?: (value: string) => string;
 }
-/** Additional options your apps might pass to the library */
+/**
+ * Optional additional "options" your app might pass
+ */
 export interface FormatTableOptions {
     typeValues?: Record<string, any>;
-    callFromFilter?: boolean;
     visibleListId?: string;
     handleIconClick?: (id: string, rowUuid: string) => void;
     actionList?: React.ReactNode;
@@ -46,19 +58,19 @@ export interface FormatTableOptions {
     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.
+ * The main library function that shapes columns for React Table.
  */
-declare function formatTableData(columnTitles: string[], accessors: string[], columnConfigs: any[], renderers?: Renderers, options?: FormatTableOptions): TableColumn[];
+export declare function formatTableData(columnTitles: string[], accessors: string[], columnConfigs: any[], // raw config array from the backend
+renderers?: Renderers, // the app's custom rendering callbacks
+options?: FormatTableOptions): TableColumn[];
 /**
  * Helper to generate "col1", "col2", "col3", etc.
  */
-declare function generateAccessors(columnTitles: string[]): string[];
-export { formatTableData, generateAccessors };
+export declare function generateAccessors(columnTitles: string[]): string[];
+/**
+ * Optional default export if you want
+ * `import something from '@agilant/toga-blox/dist/utils/fromatTableData'`
+ */
 declare const _default: {
     formatTableData: typeof formatTableData;
     generateAccessors: typeof generateAccessors;

package/dist/utils/formaTableData.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
- * Convert your backend booleans (e.g. `hasStatus`, `hasCurrency`)
- * into the library's expected fields (`type: "STATUS"`, `type: "CURRENCY"`, etc.).
+ * A helper to transform booleans like hasStatus -> type = "STATUS"
  */
 function transformBackendConfig(backendConfig) {
-    console.log("[LIB] transformBackendConfig input:", backendConfig);
+    // For debugging, you can log the input
+    // 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 the backend uses booleans
     if (backendConfig.hasStatus) {
         finalConfig.type = "STATUS";
     }
@@ -25,40 +25,37 @@ function transformBackendConfig(backendConfig) {
         finalConfig.rightIcon = "arrowRight";
     }
     if (backendConfig.hasLeftImage) {
-        finalConfig.leftImage = "https://example.com/placeholder.png";
+        finalConfig.leftImage = "https://example.com/placeholder-left.png";
     }
     if (backendConfig.hasRightImage) {
-        finalConfig.rightImage = "https://example.com/placeholder.png";
+        finalConfig.rightImage = "https://example.com/placeholder-right.png";
     }
-    console.log("[LIB] transformBackendConfig output:", finalConfig);
+    // console.log("[LIB] transformBackendConfig output:", finalConfig);
     return finalConfig;
 }
 /**
- * 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.
+ * The main library function that shapes columns for React Table.
  */
-function formatTableData(columnTitles, accessors, columnConfigs, renderers = {}, options = {}) {
-    console.log("[LIB] formatTableData called with options:", options);
+export function formatTableData(columnTitles, accessors, columnConfigs, // raw config array from the backend
+renderers = {}, // the app's custom rendering callbacks
+options = {}) {
+    /**
+     * Creates the "Cell" renderer for each column,
+     * checking icons/images or type fields,
+     * then calling the relevant `renderers` method if found.
+     */
     function renderCellContent(config) {
         return ({ value }) => {
-            console.log("[LIB] renderCellContent -> config.type:", config.type, "value:", value);
-            // 1. Check icons/images
+            // 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",
@@ -68,7 +65,6 @@ 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",
@@ -77,75 +73,67 @@ function formatTableData(columnTitles, accessors, columnConfigs, renderers = {},
                     }) }));
                 return renderContent(config, value, image, "right");
             }
-            // 2. Check type
+            ``;
+            // 2) Check type
+            console.log(config, "CONFIG FROM LIB");
             switch (config.type) {
                 case "STATUS":
-                    console.log("[LIB] checking STATUS case, value:", value);
                     if (renderers.renderStatus && typeof value === "string") {
-                        console.log("[LIB] calling renderers.renderStatus!");
-                        // If you want to pass `options.typeValues` or something as extra:
+                        console.log("HERE YOU GO");
                         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;
-                default:
-                    console.log("[LIB] type is:", config.type, "falling back to raw text");
+                // Add more types if needed, e.g. "NUMBER", "DATE", etc.
             }
-            // 3. Otherwise, raw text
+            // 3) Otherwise, raw text
             return (_jsx("div", { style: { display: "flex", alignItems: "center" }, children: typeof value === "string" ? _jsx("p", { children: value }) : value }));
         };
     }
+    /**
+     * Helper to wrap the content in a <div> or <a>
+     * and optionally place icons on the left/right side.
+     */
     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
     const columns = columnTitles.map((title, i) => {
         const accessor = accessors[i];
         const key = `col${i + 1}`;
-        // 1) Find the raw config from your backend array
-        const rawBackendConfig = columnConfigs[0]?.default?.find((c) => c.key === key) || {
+        // 1) Find raw config by matching key
+        const rawConfig = columnConfigs.find((c) => c.key === key) || {
             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);
+        // 2) Transform booleans -> library fields if needed
+        const config = transformBackendConfig(rawConfig);
+        // 3) Build the final column
         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;
 }
 /**
  * Helper to generate "col1", "col2", "col3", etc.
  */
-function generateAccessors(columnTitles) {
+export function generateAccessors(columnTitles) {
     return columnTitles.map((_, index) => `col${index + 1}`);
 }
-// Named exports
-export { formatTableData, generateAccessors };
+/**
+ * Optional default export if you want
+ * `import something from '@agilant/toga-blox/dist/utils/fromatTableData'`
+ */
 export default {
     formatTableData,
     generateAccessors,

package/package.json

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