@agilant/toga-blox 1.0.103 → 1.0.104-t

package/dist/utils/formaTableData.d.ts

@@ -1,15 +1,5 @@
-/*****************************************************************************
- * 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";
-/**
- * Basic shape for each column config in the library
- */
 export interface SharedColumnConfig {
     key: string;
     type?: string;
@@ -20,9 +10,6 @@ export interface SharedColumnConfig {
     rightImage?: string;
     transform?: (value: any) => any;
 }
-/**
- * The shape of columns returned by the library for React Table
- */
 export interface TableColumn {
     Header: string | (() => JSX.Element);
     accessor: string;
@@ -31,48 +18,34 @@ export interface TableColumn {
     }, string | React.ReactElement>) => JSX.Element;
     sticky?: "left" | "right";
 }
-/**
- * Callbacks for custom rendering
- */
+/** "Renderers" your app provides to display icons, images, statuses, etc. */
 export interface Renderers {
     renderIcon?: (iconName: string, style?: "solid" | "regular") => JSX.Element;
     renderImage?: (props: {
         imageUrl: string;
         altText: string;
-        className?: string;
         width?: number;
         height?: number;
+        className?: string;
     }) => JSX.Element;
     renderStatus?: (value: string, extra?: any) => JSX.Element;
+    renderBoolean?: (value: string, extra?: any) => JSX.Element;
     renderCurrency?: (value: string) => string;
 }
 /**
- * Optional additional "options" your app might pass
+ * The main "options" you might pass from each app: e.g. typeValues, handleIconClick, etc.
+ * We'll keep it minimal. You can expand as needed.
  */
 export interface FormatTableOptions {
     typeValues?: Record<string, any>;
-    visibleListId?: string;
-    handleIconClick?: (id: string, rowUuid: string) => void;
-    actionList?: React.ReactNode;
-    rowData?: Record<string, any>;
-    deactivatedMenuUuids?: string[];
 }
 /**
- * The main library function that shapes columns for React Table.
- */
-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.
+ * A minimal library function that:
+ * 1) Finds config by key ("col1", "col2", etc.).
+ * 2) For each column, checks config.type ("STATUS", "BOOLEAN", etc.).
+ * 3) Delegates icon/image rendering to "renderers" from the app side.
  */
+export declare function baseFormatTableData(columnTitles: string[], accessors: string[], columnConfigs: SharedColumnConfig[], // The raw configs (like your "col1", "col2" objects)
+renderers?: Renderers, options?: FormatTableOptions): TableColumn[];
+/** A helper to generate "col1", "col2", "col3", etc. */
 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;
-};
-export default _default;

package/dist/utils/formaTableData.js

@@ -1,52 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
- * A helper to transform booleans like hasStatus -> type = "STATUS"
+ * A minimal library function that:
+ * 1) Finds config by key ("col1", "col2", etc.).
+ * 2) For each column, checks config.type ("STATUS", "BOOLEAN", etc.).
+ * 3) Delegates icon/image rendering to "renderers" from the app side.
  */
-function transformBackendConfig(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,
-    };
-    // If the backend uses booleans
-    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-left.png";
-    }
-    if (backendConfig.hasRightImage) {
-        finalConfig.rightImage = "https://example.com/placeholder-right.png";
-    }
-    // console.log("[LIB] transformBackendConfig output:", finalConfig);
-    return finalConfig;
-}
-/**
- * The main library function that shapes columns for React Table.
- */
-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.
-     */
+export function baseFormatTableData(columnTitles, accessors, columnConfigs, // The raw configs (like your "col1", "col2" objects)
+renderers = {}, options = {}) {
+    /** A helper that returns the "Cell" function for each column. */
     function renderCellContent(config) {
+        console.log(config, "CONFIG IN LIB");
         return ({ value }) => {
-            // 1) Check icons/images
+            // 1) Check leftIcon/rightIcon
             if (config.leftIcon && renderers.renderIcon) {
                 const icon = (_jsx("div", { className: "pr-2", children: renderers.renderIcon(config.leftIcon, "solid") }));
                 return renderContent(config, value, icon, "left");
@@ -55,6 +20,7 @@ options = {}) {
                 const icon = (_jsx("div", { className: "pl-2", children: renderers.renderIcon(config.rightIcon, "solid") }));
                 return renderContent(config, value, icon, "right");
             }
+            // 2) Check leftImage/rightImage
             if (config.leftImage && renderers.renderImage) {
                 const image = (_jsx("div", { className: "pr-2", children: renderers.renderImage({
                         imageUrl: config.leftImage,
@@ -73,66 +39,58 @@ options = {}) {
                     }) }));
                 return renderContent(config, value, image, "right");
             }
-            // 2) Check type
+            // 3) Check type
             switch (config.type) {
                 case "STATUS":
                     if (renderers.renderStatus && typeof value === "string") {
-                        console.log("HERE YOU GO");
                         return renderContent(config, value, renderers.renderStatus(value, {
                             typeValues: options.typeValues,
                         }));
                     }
                     break;
+                case "BOOLEAN":
+                    if (renderers.renderBoolean && typeof value === "string") {
+                        return renderContent(config, value, renderers.renderBoolean(value, {
+                            typeValues: options.typeValues,
+                        }));
+                    }
+                    break;
                 case "CURRENCY":
                     if (renderers.renderCurrency && typeof value === "string") {
                         const formatted = renderers.renderCurrency(value);
                         return renderContent(config, formatted);
                     }
                     break;
-                // Add more types if needed, e.g. "NUMBER", "DATE", etc.
+                // "NUMBER", "DATE", etc. can also be checked here
             }
-            // 3) Otherwise, raw text
+            // 4) If no special type, just 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.
-     */
+    /** A helper that wraps the cell in <div> or <a>, optionally placing icons/images. */
     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
+    // Build the final columns array
     const columns = columnTitles.map((title, i) => {
         const accessor = accessors[i];
         const key = `col${i + 1}`;
-        // 1) Find raw config by matching key
+        // 1) find the raw config by key
         const rawConfig = columnConfigs.find((c) => c.key === key) || {
             key,
             type: "DEFAULT",
         };
-        // 2) Transform booleans -> library fields if needed
-        const config = transformBackendConfig(rawConfig);
-        // 3) Build the final column
+        // 2) create a "Cell" function for that config
+        const Cell = renderCellContent(rawConfig);
         return {
             Header: title,
             accessor,
-            Cell: ({ value }) => renderCellContent(config)({ value }),
+            Cell: ({ value }) => Cell({ value }),
         };
     });
     return columns;
 }
-/**
- * Helper to generate "col1", "col2", "col3", etc.
- */
+/** A helper to generate "col1", "col2", "col3", etc. */
 export function generateAccessors(columnTitles) {
     return columnTitles.map((_, index) => `col${index + 1}`);
 }
-/**
- * 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.103",
+	"version": "1.0.104t",
 	"description": "",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",