@appcorp/shadcn 1.0.21 → 1.0.22

package/components/enhanced-table.d.ts

@@ -84,6 +84,7 @@ export interface EnhancedTableProps {
         loading?: string;
         rowsPerPage?: string;
     };
+    textFormatter?: (value: unknown) => React.ReactNode;
     nodeSelectKey?: string;
 }
 export declare const EnhancedTable: React.FC<EnhancedTableProps>;

package/components/enhanced-table.js

@@ -42,7 +42,7 @@ var COMPONENT_TYPE;
     COMPONENT_TYPE["BOOLEAN"] = "BOOLEAN";
 })(COMPONENT_TYPE || (exports.COMPONENT_TYPE = COMPONENT_TYPE = {}));
 var EnhancedTable = function (_a) {
-    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, handleSearchInput = _a.handleSearchInput, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, _b = _a.isRTL, isRTL = _b === void 0 ? false : _b, listOptions = _a.listOptions, loading = _a.loading, _c = _a.nodeSelectKey, nodeSelectKey = _c === void 0 ? "pageLimit" : _c, numberOfFilters = _a.numberOfFilters, onClearFilters = _a.onClearFilters, pageLimit = _a.pageLimit, rowActions = _a.rowActions, _d = _a.searchDisabled, searchDisabled = _d === void 0 ? false : _d, _e = _a.searchEnabled, searchEnabled = _e === void 0 ? true : _e, _f = _a.searchId, searchId = _f === void 0 ? "table-search" : _f, _g = _a.searchPlaceholder, searchPlaceholder = _g === void 0 ? "Search..." : _g, searchValue = _a.searchValue, tableBodyCols = _a.tableBodyCols, tableBodyRows = _a.tableBodyRows, tableDescription = _a.tableDescription, tableHeading = _a.tableHeading, tableHeadItems = _a.tableHeadItems, totalPages = _a.totalPages, _h = _a.translationLabels, translationLabels = _h === void 0 ? {} : _h;
+    var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, handleSearchInput = _a.handleSearchInput, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, _b = _a.isRTL, isRTL = _b === void 0 ? false : _b, listOptions = _a.listOptions, loading = _a.loading, _c = _a.nodeSelectKey, nodeSelectKey = _c === void 0 ? "pageLimit" : _c, numberOfFilters = _a.numberOfFilters, onClearFilters = _a.onClearFilters, textFormatter = _a.textFormatter, pageLimit = _a.pageLimit, rowActions = _a.rowActions, _d = _a.searchDisabled, searchDisabled = _d === void 0 ? false : _d, _e = _a.searchEnabled, searchEnabled = _e === void 0 ? true : _e, _f = _a.searchId, searchId = _f === void 0 ? "table-search" : _f, _g = _a.searchPlaceholder, searchPlaceholder = _g === void 0 ? "Search..." : _g, searchValue = _a.searchValue, tableBodyCols = _a.tableBodyCols, tableBodyRows = _a.tableBodyRows, tableDescription = _a.tableDescription, tableHeading = _a.tableHeading, tableHeadItems = _a.tableHeadItems, totalPages = _a.totalPages, _h = _a.translationLabels, translationLabels = _h === void 0 ? {} : _h;
     // Default translation values
     var defaultLabels = {
         booleanYes: "Yes",
@@ -136,10 +136,13 @@ var EnhancedTable = function (_a) {
                         ? "".concat(value.substring(0, 8), "...")
                         : String(value || ""))),
                 react_1.default.createElement(popover_1.PopoverContent, null,
-                    react_1.default.createElement("span", { className: "text-xs text-muted-foreground font-mono" }, String(value)))));
+                    react_1.default.createElement("span", { className: "text-xs text-muted-foreground font-mono" }, textFormatter ? textFormatter(value) : String(value)))));
         }
         if (normalizedType === COMPONENT_TYPE.BOLD_TEXT) {
-            return react_1.default.createElement("span", { className: "font-semibold" }, String(value || ""));
+            var formatted = textFormatter
+                ? textFormatter(value)
+                : String(value || "");
+            return react_1.default.createElement("span", { className: "font-semibold" }, formatted);
         }
         if (normalizedType === COMPONENT_TYPE.BOOLEAN) {
             var isTrue = Boolean(value);
@@ -161,9 +164,10 @@ var EnhancedTable = function (_a) {
                             return ["string", "number", "boolean"].includes(typeof v);
                         })
                     : nested;
-                return react_1.default.createElement("span", null, String(primitive !== null && primitive !== void 0 ? primitive : JSON.stringify(nested)));
+                var toRender = primitive !== null && primitive !== void 0 ? primitive : JSON.stringify(nested);
+                return (react_1.default.createElement("span", null, textFormatter ? textFormatter(toRender) : String(toRender)));
             }
-            return react_1.default.createElement("span", null, String(nested));
+            return (react_1.default.createElement("span", null, textFormatter ? textFormatter(nested) : String(nested)));
         }
         // MULTIPLE_TEXT_LINES => col.key is an array of keys, render up to 3 lines
         if (normalizedType === COMPONENT_TYPE.MULTIPLE_TEXT_LINES) {
@@ -172,7 +176,7 @@ var EnhancedTable = function (_a) {
                 var v = resolveValue(row, k);
                 return v == null ? "" : String(v);
             });
-            return (react_1.default.createElement("div", { className: "flex flex-col" }, lines.map(function (line, idx) { return (react_1.default.createElement("span", { key: idx, className: "text-sm" }, line)); })));
+            return (react_1.default.createElement("div", { className: "flex flex-col" }, lines.map(function (line, idx) { return (react_1.default.createElement("span", { key: idx, className: "text-sm" }, textFormatter ? textFormatter(line) : line)); })));
         }
         // CREATED_UPDATED_AT => show createdAt and updatedAt from the object (or nested object)
         if (normalizedType === COMPONENT_TYPE.CREATED_UPDATED_AT) {
@@ -191,7 +195,7 @@ var EnhancedTable = function (_a) {
                 react_1.default.createElement("span", null, fmt(created)),
                 react_1.default.createElement("span", null, fmt(updated))));
         }
-        return react_1.default.createElement("span", null, String(value || ""));
+        return (react_1.default.createElement("span", null, textFormatter ? textFormatter(value) : String(value || "")));
     };
     // Create loading skeleton rows
     var renderLoadingRows = function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "scripts": {
     "build:next": "next build",
     "build:storybook": "storybook build -c .storybook -o .out",