blixify-ui-web 1.2.23 → 1.2.25

package/lib/components/display/newTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/newTable/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/newTable/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,EACZ,YAAY,EAKb,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,YAAY,EAEZ,WAAW,EACZ,MAAM,+BAA+B,CAAC;AAQvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAG5C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAK5C,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC;AAEzC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAKD,MAAM,WAAW,iBAAiB;IAEhC,aAAa,CAAC,EAAE;QAEd,MAAM,CAAC,EAAE,MAAM,CAAC;QAEhB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC;QAE1E,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IAEF,OAAO,CAAC,EAAE;QAER,QAAQ,CAAC,EAAE,MAAM,CAAC;QAElB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;QAEvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QAEnB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAC;KAC5E,CAAC;CACH;AAED,UAAU,gBAAgB;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,IAAI,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,GAAG,CAAC;IAC3C,uBAAuB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,GAAG,CAAC;IAC5D,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,WAAW,EAAE,KACrB,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE;QACR,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,CAAC,IAAI,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,KAAK,IAAI,CAAC;KACnD,CAAC;CACH;AAED,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,OAAO,CAAC;QAChB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;KAC7E,CAAC;CACH;AAED,UAAU,eAAe;IACvB,UAAU,CAAC,EAAE;QACX,MAAM,EAAE,OAAO,CAAC;QAChB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;KACvC,CAAC;CACH;AAED,MAAM,WAAW,aACf,SAAQ,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY;IAC/D,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,UAAU,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,uBAAuB,CAAC,EAAE;QACxB,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;QAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,EAAE,CAAC;IACJ,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,YAAY,CAAC;IAEjC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACzD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACrE;AAsDD,eAAO,MAAM,QAAQ,UAAW,aAAa,sBA4uD5C,CAAC"}

package/lib/components/display/newTable/index.js

@@ -96,6 +96,7 @@ var readModule_1 = require("../../data/readModule");
 var updateModule_1 = require("../../data/updateModule");
 var utils_1 = require("../../data/utils");
 var detailList_1 = require("../detailList");
+var tag_1 = require("../tag");
 var textButton_1 = require("../../action/textButton");
 var iconButton_1 = require("../../action/iconButton");
 var link_1 = require("../../structure/link");
@@ -110,8 +111,37 @@ var resolveValue = function (row, key) {
     }
     return value;
 };
+// INFO: resolves a display-safe string from spaceRow (may contain React elements)
+// falling back to raw row data when the value is not a primitive.
+var resolveValueToString = function (key, source, row) {
+    var spaceVal = resolveValue(source, key);
+    if (typeof spaceVal === "boolean") {
+        return spaceVal ? "Yes" : "No";
+    }
+    if (typeof spaceVal === "string" || typeof spaceVal === "number") {
+        return String(spaceVal);
+    }
+    if (Array.isArray(spaceVal) &&
+        spaceVal.length > 0 &&
+        spaceVal.every(function (eachVal) { return typeof eachVal === "string" || typeof eachVal === "number"; })) {
+        return spaceVal.join(", ");
+    }
+    var rawVal = resolveValue(row, key);
+    if (typeof rawVal === "boolean") {
+        return rawVal ? "Yes" : "No";
+    }
+    if (typeof rawVal === "string" || typeof rawVal === "number") {
+        return String(rawVal);
+    }
+    if (Array.isArray(rawVal) &&
+        rawVal.length > 0 &&
+        rawVal.every(function (eachVal) { return typeof eachVal === "string" || typeof eachVal === "number"; })) {
+        return rawVal.join(", ");
+    }
+    return "";
+};
 var NewTable = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     var columns = (_b = (_a = props.columns) !== null && _a !== void 0 ? _a : props.header) !== null && _b !== void 0 ? _b : [];
     var defaultLimit = 10;
     var defaultPageSize = 5;
@@ -160,24 +190,24 @@ var NewTable = function (props) {
         flatColumns.length = 0;
         flatColumns.push.apply(flatColumns, __spreadArray(__spreadArray(__spreadArray([], leftCols, false), middleCols, false), rightCols, false));
     }
-    var _p = (0, react_2.useState)(props.fixedPagination ? true : false), isFixed = _p[0], setIsFixed = _p[1];
+    var _q = (0, react_2.useState)(props.fixedPagination ? true : false), isFixed = _q[0], setIsFixed = _q[1];
     //=====================================================================================
     // SECTION: Advanced Settings
     //=====================================================================================
-    var _q = (0, react_2.useState)(""), filterModal = _q[0], setFilterModal = _q[1];
-    var _r = (0, react_2.useState)(""), addColumnModal = _r[0], setAddColumnModal = _r[1];
+    var _r = (0, react_2.useState)(""), filterModal = _r[0], setFilterModal = _r[1];
+    var _s = (0, react_2.useState)(""), addColumnModal = _s[0], setAddColumnModal = _s[1];
     //=====================================================================================
     // SECTION: Editable & Addable cells
     //=====================================================================================
-    var _s = (0, react_2.useState)(""), editDataRowId = _s[0], setEditDataRowId = _s[1];
-    var _t = (0, react_2.useState)(""), editDataHeaderKey = _t[0], setEditDataHeaderKey = _t[1];
-    var _u = (0, react_2.useState)({}), editDataValue = _u[0], setEditDataValue = _u[1];
-    var _v = (0, react_2.useState)(false), editDataIsLoading = _v[0], setEditDataIsLoading = _v[1];
-    var _w = (0, react_2.useState)(false), addData = _w[0], setAddData = _w[1];
-    var _x = (0, react_2.useState)({}), addDataValue = _x[0], setAddDataValue = _x[1];
-    var _y = (0, react_2.useState)({}), referencesOptions = _y[0], setReferencesOptions = _y[1];
-    var _z = (0, react_2.useState)({}), referencesDetails = _z[0], setReferencesDetails = _z[1];
-    var _0 = (0, react_2.useState)(false), referenceLoading = _0[0], setReferenceLoading = _0[1];
+    var _t = (0, react_2.useState)(""), editDataRowId = _t[0], setEditDataRowId = _t[1];
+    var _u = (0, react_2.useState)(""), editDataHeaderKey = _u[0], setEditDataHeaderKey = _u[1];
+    var _v = (0, react_2.useState)({}), editDataValue = _v[0], setEditDataValue = _v[1];
+    var _w = (0, react_2.useState)(false), editDataIsLoading = _w[0], setEditDataIsLoading = _w[1];
+    var _x = (0, react_2.useState)(false), addData = _x[0], setAddData = _x[1];
+    var _y = (0, react_2.useState)({}), addDataValue = _y[0], setAddDataValue = _y[1];
+    var _z = (0, react_2.useState)({}), referencesOptions = _z[0], setReferencesOptions = _z[1];
+    var _0 = (0, react_2.useState)({}), referencesDetails = _0[0], setReferencesDetails = _0[1];
+    var _1 = (0, react_2.useState)(false), referenceLoading = _1[0], setReferenceLoading = _1[1];
     var editDataValueRef = (0, react_2.useRef)({});
     var editDataRowIdRef = (0, react_2.useRef)("");
     var editDataInputRefs = (0, react_2.useRef)([]);
@@ -586,7 +616,8 @@ var NewTable = function (props) {
                 });
                 return currentPageData.length === totalCount_1;
             }
-            else if (props.paginationType === "page") {
+            else {
+                // INFO: covers "page", "scroll", and undefined paginationType
                 props.data.map(function (eachData) {
                     var _a;
                     if ((_a = props.selectedIds) === null || _a === void 0 ? void 0 : _a.includes(eachData.id))
@@ -623,8 +654,8 @@ var NewTable = function (props) {
         var editingRow = editDataRowId === rowId;
         return (react_2.default.createElement("td", { key: col.key + String(colIndex), 
             // INFO: pinned columns use whitespace-normal so text wraps within the fixed width
-            className: "".concat(getPinProps(col.key, false) ? "" : "whitespace-nowrap", " text-sm ").concat(cellFontColor, " ").concat((_c = (_b = getPinProps(col.key, false, rowBgClass, isHoverable)) === null || _b === void 0 ? void 0 : _b.className) !== null && _c !== void 0 ? _c : ""), style: (_d = getPinProps(col.key, false, rowBgClass, isHoverable)) === null || _d === void 0 ? void 0 : _d.style },
-            react_2.default.createElement("div", { className: "w-max mb-1", onClick: function (e) {
+            className: "".concat(cellPadding, " ").concat(getPinProps(col.key, false) ? "" : "whitespace-nowrap", " text-sm ").concat(cellFontColor, " ").concat((_c = (_b = getPinProps(col.key, false, rowBgClass, isHoverable)) === null || _b === void 0 ? void 0 : _b.className) !== null && _c !== void 0 ? _c : ""), style: (_d = getPinProps(col.key, false, rowBgClass, isHoverable)) === null || _d === void 0 ? void 0 : _d.style },
+            react_2.default.createElement("div", { className: "w-max p-[1px]", onClick: function (e) {
                     e.stopPropagation();
                     handleEditDataOnClick(rowId, col.key, rowData);
                 } }, renderFormCell(rowData, tempDS, editingRow ? editDataInputRefs.current[colIndex] : null, {
@@ -734,6 +765,9 @@ var NewTable = function (props) {
         var _a, _b, _c, _d, _e;
         if (!((_a = props.multiActionFloatingBtns) === null || _a === void 0 ? void 0 : _a.length))
             return null;
+        var visibleBtns = props.multiActionFloatingBtns.filter(function (btn) { return !btn.hide; });
+        if (visibleBtns.length === 0)
+            return null;
         var hasSelection = props.selectAll || ((_c = (_b = props.selectedIds) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0;
         if (!hasSelection)
             return null;
@@ -753,14 +787,14 @@ var NewTable = function (props) {
                 .map(function (btn) { return (react_2.default.createElement(textButton_1.TextButton, { key: btn.id, text: btn.btnText, className: "px-2 py-1 text-xs sm:text-sm whitespace-nowrap ".concat(props.darkMode ? "!text-gray-300 hover:!text-primary-300" : "!text-gray-600 hover:!text-primary-600"), onClick: function () { return btn.onClick(btn.id); } })); });
         };
         var pillBase = "shadow-xl ".concat(borderRadius, " ").concat(bgColor, " border ").concat(props.darkMode ? "border-primary-300" : "border-primary-500");
-        return (react_2.default.createElement("div", { className: "fixed bottom-10 inset-x-4 z-10 flex justify-center" },
-            react_2.default.createElement("div", { className: "sm:hidden flex flex-col w-full px-4 py-2.5 ".concat(pillBase) },
+        return (react_2.default.createElement("div", { className: "fixed ".concat(props.multiActionFloatingOffset || "bottom-10", " inset-x-4 z-10 flex justify-center pointer-events-none") },
+            react_2.default.createElement("div", { className: "sm:hidden flex flex-col w-full px-4 py-2.5 pointer-events-auto ".concat(pillBase) },
                 react_2.default.createElement("div", { className: "flex items-center justify-between" },
                     renderSelectedCount(),
                     renderCloseBtn()),
                 react_2.default.createElement("div", { className: "border-t ".concat(borderColor, " my-1.5") }),
                 react_2.default.createElement("div", { className: "flex flex-wrap justify-center" }, renderActionBtns())),
-            react_2.default.createElement("div", { className: "hidden sm:flex items-center gap-x-1 px-4 py-2.5 min-w-0 ".concat(pillBase) },
+            react_2.default.createElement("div", { className: "hidden sm:flex items-center gap-x-1 px-4 py-2.5 min-w-0 pointer-events-auto ".concat(pillBase) },
                 renderSelectedCount(),
                 react_2.default.createElement("div", { className: "flex items-center overflow-x-auto mx-1 border-l ".concat(props.darkMode ? "border-gray-500" : "") }, renderActionBtns()),
                 renderCloseBtn())));
@@ -816,7 +850,13 @@ var NewTable = function (props) {
             return (react_2.default.createElement("thead", null,
                 react_2.default.createElement("tr", { className: "border-b ".concat(dividerColor, " ").concat(tableHeaderBgColor, " ").concat(tableHeaderFontColor) },
                     props.checkbox && (react_2.default.createElement("th", { className: "w-10 ".concat(cellPadding, " ").concat(hasPinColumns ? tableHeaderBgColor : ""), style: hasPinColumns
-                            ? { position: "sticky", left: 0, zIndex: 3 }
+                            ? {
+                                position: "sticky",
+                                left: 0,
+                                zIndex: 3,
+                                width: CHECKBOX_WIDTH,
+                                minWidth: CHECKBOX_WIDTH,
+                            }
                             : undefined }, renderSelectAll())),
                     flatColumns.map(function (col) {
                         var _a, _b, _c, _d;
@@ -836,7 +876,13 @@ var NewTable = function (props) {
         return (react_2.default.createElement("thead", null,
             react_2.default.createElement("tr", { className: "border-b ".concat(dividerColor, " ").concat(tableHeaderBgColor, " ").concat(tableHeaderFontColor) },
                 props.checkbox && (react_2.default.createElement("th", { className: "w-10 ".concat(cellPadding, " ").concat(hasPinColumns ? tableHeaderBgColor : ""), style: hasPinColumns
-                        ? { position: "sticky", left: 0, zIndex: 3 }
+                        ? {
+                            position: "sticky",
+                            left: 0,
+                            zIndex: 3,
+                            width: CHECKBOX_WIDTH,
+                            minWidth: CHECKBOX_WIDTH,
+                        }
                         : undefined, rowSpan: 2 }, renderSelectAll())),
                 visibleColumns.map(function (col) {
                     var _a, _b, _c, _d;
@@ -940,18 +986,84 @@ var NewTable = function (props) {
         var expandHeaderFontColor_1 = props.darkMode ? "text-white" : "";
         var headerBgColor_1 = props.darkMode ? "bg-gray-900" : "";
         var headerFontColor_1 = props.darkMode ? "text-white" : "";
+        // INFO: renders tag + trailing text adjacent to the Collapse title
+        var renderMobileTitleAdjacent_1 = function (row, spaceRow) {
+            var _a;
+            var ta = (_a = props.mobileTooltip) === null || _a === void 0 ? void 0 : _a.titleAdjacent;
+            if (!ta)
+                return undefined;
+            var source = spaceRow !== null && spaceRow !== void 0 ? spaceRow : row;
+            var tagValue = ta.tagKey
+                ? resolveValueToString(ta.tagKey, source, row)
+                : "";
+            var trailingValue = ta.trailingKey
+                ? resolveValueToString(ta.trailingKey, source, row)
+                : "";
+            if (!tagValue && !trailingValue)
+                return undefined;
+            var tagColor = tagValue && ta.tagColor ? ta.tagColor[tagValue] : undefined;
+            return (react_2.default.createElement("div", { className: "flex items-center gap-2 mr-2" },
+                tagValue && (react_2.default.createElement(tag_1.Tag, { tagText: String(tagValue), size: "small", variant: "flat", color: tagColor !== null && tagColor !== void 0 ? tagColor : undefined, rounded: "md" })),
+                trailingValue && (react_2.default.createElement("span", { className: "text-xs whitespace-nowrap ".concat(props.darkMode ? "text-gray-300" : "text-gray-500") }, String(trailingValue)))));
+        };
+        // INFO: renders the hover tooltip card content — image, summary pairs, and tags
+        var renderMobileTooltipContent_1 = function (row, spaceRow) {
+            var _a, _b, _c;
+            var tt = (_a = props.mobileTooltip) === null || _a === void 0 ? void 0 : _a.tooltip;
+            if (!tt)
+                return null;
+            var source = spaceRow !== null && spaceRow !== void 0 ? spaceRow : row;
+            var imageUrl = tt.imageKey
+                ? resolveValue(source, tt.imageKey)
+                : undefined;
+            var summaryPairs = ((_b = tt.summaryKeys) !== null && _b !== void 0 ? _b : [])
+                .map(function (key) {
+                var _a;
+                var col = flatColumns.find(function (c) { return c.key === key; });
+                return {
+                    key: key,
+                    label: (_a = col === null || col === void 0 ? void 0 : col.title) !== null && _a !== void 0 ? _a : key,
+                    value: resolveValue(source, key),
+                };
+            })
+                .filter(function (p) { return p.value !== undefined && p.value !== null && p.value !== ""; });
+            var tagValues = ((_c = tt.tagKeys) !== null && _c !== void 0 ? _c : [])
+                .map(function (key) {
+                var val = resolveValueToString(key, source, row);
+                return {
+                    key: key,
+                    value: val,
+                    color: val && tt.tagColors ? tt.tagColors[val] : undefined,
+                };
+            })
+                .filter(function (t) { return !!t.value; });
+            if (!imageUrl && summaryPairs.length === 0 && tagValues.length === 0)
+                return null;
+            return (react_2.default.createElement("div", { className: "rounded-xl border shadow-lg p-3 w-72 ".concat(props.darkMode ? "bg-gray-800 border-gray-700" : "bg-white border-gray-200") },
+                react_2.default.createElement("div", { className: "flex gap-3" },
+                    imageUrl && (react_2.default.createElement("img", { src: String(imageUrl), alt: "", className: "h-14 w-14 rounded-lg object-cover flex-shrink-0" })),
+                    react_2.default.createElement("div", { className: "flex flex-col gap-1.5 min-w-0 flex-1" }, summaryPairs.map(function (p) { return (react_2.default.createElement("div", { key: p.key, className: "flex flex-col" },
+                        react_2.default.createElement("span", { className: "text-[10px] uppercase tracking-wide ".concat(props.darkMode ? "text-gray-400" : "text-gray-400") }, p.label),
+                        react_2.default.createElement("span", { className: "text-xs font-medium ".concat(props.darkMode ? "text-gray-200" : "text-gray-700", " truncate") }, typeof p.value === "object"
+                            ? JSON.stringify(p.value)
+                            : String(p.value)))); }))),
+                tagValues.length > 0 && (react_2.default.createElement("div", { className: "flex flex-wrap gap-1 mt-2 pt-2 border-t border-gray-100" }, tagValues.map(function (t) {
+                    var _a;
+                    return (react_2.default.createElement(tag_1.Tag, { key: t.key, tagText: String(t.value), size: "small", variant: "flat", color: (_a = t.color) !== null && _a !== void 0 ? _a : undefined, rounded: "md" }));
+                })))));
+        };
         return (react_2.default.createElement("div", null,
-            react_2.default.createElement("div", { className: "w-full overflow-hidden border ".concat(borderRadius, " ").concat(borderColor, " ").concat(bgColor, " shadow-sm divide-y ").concat(dividerColor, " ").concat((_h = props.className) !== null && _h !== void 0 ? _h : "") },
+            react_2.default.createElement("div", { className: "w-full ".concat(((_h = props.mobileTooltip) === null || _h === void 0 ? void 0 : _h.tooltip) ? "overflow-visible" : "overflow-hidden", " border ").concat(borderRadius, " ").concat(borderColor, " ").concat(bgColor, " shadow-sm divide-y ").concat(dividerColor, " ").concat((_j = props.className) !== null && _j !== void 0 ? _j : "") },
                 react_2.default.createElement("div", { className: "p-3 flex justify-between" },
                     renderSelectAll(),
                     renderSelectedCount()),
                 props.loading &&
                     Array.from({ length: 3 }).map(function (_, i) { return (react_2.default.createElement("div", { key: "skeleton-".concat(i), className: "p-4" },
                         react_2.default.createElement("div", { className: "h-5 w-3/4 rounded-md animate-pulse ".concat(props.darkMode ? "bg-gray-700" : "bg-gray-200") }))); }),
-                !props.loading && props.data.length === 0 && (react_2.default.createElement("p", { className: "p-4 text-center text-sm ".concat(cellFontColor) }, (_j = props.emptyTitle) !== null && _j !== void 0 ? _j : "No items")),
+                !props.loading && props.data.length === 0 && (react_2.default.createElement("p", { className: "p-4 text-center text-sm ".concat(cellFontColor) }, (_k = props.emptyTitle) !== null && _k !== void 0 ? _k : "No items")),
                 !props.loading &&
                     props.data.map(function (row, index) {
-                        var _a, _b, _c, _d, _e;
+                        var _a, _b, _c, _d, _e, _f, _g;
                         var spaceRow = (_a = props.spaceData) === null || _a === void 0 ? void 0 : _a[index];
                         var cardTitle = titleCol_1
                             ? spaceRow
@@ -969,20 +1081,30 @@ var NewTable = function (props) {
                             detailList.push({
                                 id: "".concat(row.id, "-more-details-btn"),
                                 title: "",
-                                text: props.newTabUrl ? (react_2.default.createElement(link_1.Link, { href: props.newTabUrl + row.id + ((_e = props.addNewTabUrl) !== null && _e !== void 0 ? _e : ""), className: "flex items-center", linkType: props.linkType, custom: props.custom },
+                                text: props.onClickRow && props.newTabUrl ? (react_2.default.createElement(link_1.Link, { href: props.newTabUrl + row.id + ((_e = props.addNewTabUrl) !== null && _e !== void 0 ? _e : ""), className: "flex items-center", linkType: props.linkType, custom: props.custom, onClick: function (e) {
+                                        var _a;
+                                        if (!e.metaKey && !e.ctrlKey) {
+                                            e.preventDefault();
+                                            (_a = props.onClickRow) === null || _a === void 0 ? void 0 : _a.call(props, row.id, row, spaceRow);
+                                        }
+                                    } },
                                     react_2.default.createElement(textButton_1.TextButton, { text: "More details", className: "text-sm", onClick: function () { } }),
-                                    react_2.default.createElement(solid_1.ChevronRightIcon, { className: "ml-1 w-3 h-3 text-primary-500" }))) : (react_2.default.createElement("div", { className: "flex items-center" },
+                                    react_2.default.createElement(solid_1.ChevronRightIcon, { className: "ml-1 w-3 h-3 text-primary-500" }))) : props.onClickRow ? (react_2.default.createElement("div", { className: "flex items-center" },
                                     react_2.default.createElement(textButton_1.TextButton, { text: "More details", className: "text-sm", onClick: function (e) {
                                             var _a;
                                             e.stopPropagation();
                                             (_a = props.onClickRow) === null || _a === void 0 ? void 0 : _a.call(props, row.id, row, spaceRow);
                                         } }),
-                                    react_2.default.createElement(solid_1.ChevronRightIcon, { className: "ml-1 w-3 h-3 text-primary-500" }))),
+                                    react_2.default.createElement(solid_1.ChevronRightIcon, { className: "ml-1 w-3 h-3 text-primary-500" }))) : props.newTabUrl ? (react_2.default.createElement(link_1.Link, { href: props.newTabUrl + row.id + ((_f = props.addNewTabUrl) !== null && _f !== void 0 ? _f : ""), className: "flex items-center", linkType: props.linkType, custom: props.custom },
+                                    react_2.default.createElement(textButton_1.TextButton, { text: "More details", className: "text-sm", onClick: function () { } }),
+                                    react_2.default.createElement(solid_1.ChevronRightIcon, { className: "ml-1 w-3 h-3 text-primary-500" }))) : null,
                             });
                         }
-                        return (react_2.default.createElement("div", { key: row.id },
-                            react_2.default.createElement(collapse_1.Collapse, { title: cardTitle, titleClassName: "text-sm font-medium !p-0 ".concat(props.onClickRow ? titleFontColor : ""), icon: props.checkbox ? renderCheckbox(isSelected, function () { }, function (e) { return handleSelectRow(row.id, e); }, "w-4 h-4 cursor-pointer") : (react_2.default.createElement(solid_1.ListBulletIcon, { className: "w-4 h-4 ".concat(props.darkMode ? "text-gray-400" : "text-gray-500") })), defaultValue: false, collapseContainerCss: "".concat(isSelected ? selectedRowBg : expandHeaderBg_1, " ").concat(expandHeaderFontColor_1), notCollapseContainerCss: "".concat(isSelected ? selectedRowBg : headerBgColor_1, " ").concat(headerFontColor_1), content: react_2.default.createElement("div", null,
-                                    react_2.default.createElement(detailList_1.DetailList, { title: "", list: detailList, size: "compact", darkMode: props.darkMode })) })));
+                        return (react_2.default.createElement("div", { key: row.id, className: "relative group/tooltip" },
+                            react_2.default.createElement(collapse_1.Collapse, { title: cardTitle, titleClassName: "text-sm font-medium !p-0 ".concat(props.onClickRow ? titleFontColor : ""), icon: props.checkbox ? renderCheckbox(isSelected, function () { }, function (e) { return handleSelectRow(row.id, e); }, "w-4 h-4 cursor-pointer") : (react_2.default.createElement(solid_1.ListBulletIcon, { className: "w-4 h-4 ".concat(props.darkMode ? "text-gray-400" : "text-gray-500") })), defaultValue: false, additionalComp: renderMobileTitleAdjacent_1(row, spaceRow), collapseContainerCss: "".concat(isSelected ? selectedRowBg : expandHeaderBg_1, " ").concat(expandHeaderFontColor_1), notCollapseContainerCss: "".concat(isSelected ? selectedRowBg : headerBgColor_1, " ").concat(headerFontColor_1), content: react_2.default.createElement("div", null,
+                                    react_2.default.createElement(detailList_1.DetailList, { title: "", list: detailList, size: "compact", darkMode: props.darkMode })) }),
+                            ((_g = props.mobileTooltip) === null || _g === void 0 ? void 0 : _g.tooltip) &&
+                                renderMobileTooltipContent_1(row, spaceRow) && (react_2.default.createElement("div", { className: "absolute left-1/2 -translate-x-1/2 top-full mt-1 z-50 hidden group-hover/tooltip:block" }, renderMobileTooltipContent_1(row, spaceRow)))));
                     })),
             !props.hidePagination && props.paginationType && (react_2.default.createElement("div", { className: "mt-2 flex items-center justify-between ".concat(props.fixedPagination
                     ? "pagination-container w-full sm:px-6 ".concat(borderColor, " ").concat(isFixed
@@ -993,7 +1115,7 @@ var NewTable = function (props) {
                 renderPagination())),
             renderFloatingActionBar()));
     }
-    return (react_2.default.createElement("div", { className: "w-full ".concat((_k = props.className) !== null && _k !== void 0 ? _k : "") },
+    return (react_2.default.createElement("div", { className: "w-full ".concat((_l = props.className) !== null && _l !== void 0 ? _l : "") },
         react_2.default.createElement(modal_1.Modal, { open: filterModal ? true : false, title: "Filter Options", renderContent: function () {
                 var _a, _b;
                 return (react_2.default.createElement("div", { className: "pb-44" },
@@ -1004,7 +1126,7 @@ var NewTable = function (props) {
                 return (react_2.default.createElement("div", null, (_b = (_a = props.advSettings) === null || _a === void 0 ? void 0 : _a.renderAddColumnElements) === null || _b === void 0 ? void 0 : _b.call(_a, addColumnModal, function (id) { return handleAddColumnModal(id); })));
             }, onClose: function () { return handleAddColumnModal(""); } }),
         react_2.default.createElement("div", { className: "w-full overflow-x-auto ".concat(borderRadius, " border ").concat(borderColor, " ").concat(bgColor, " shadow-sm") },
-            (props.selectAll || ((_m = (_l = props.selectedIds) === null || _l === void 0 ? void 0 : _l.length) !== null && _m !== void 0 ? _m : 0) > 0) &&
+            (props.selectAll || ((_o = (_m = props.selectedIds) === null || _m === void 0 ? void 0 : _m.length) !== null && _o !== void 0 ? _o : 0) > 0) &&
                 (!props.multiActionFloatingBtns ||
                     (props.multiActionFloatingBtns &&
                         props.multiActionFloatingBtns.length <= 0)) && (react_2.default.createElement("div", { className: "sticky left-0 flex flex-row items-center px-4 py-3 gap-x-2" },
@@ -1039,36 +1161,41 @@ var NewTable = function (props) {
                                             ? "animate-pulse"
                                             : "") },
                                 props.checkbox && (react_2.default.createElement("td", { className: "w-10 ".concat(cellPadding, " ").concat(hasPinColumns ? "".concat(rowBgClass, " ").concat(isRowHoverable ? (props.darkMode ? "group-hover:bg-gray-700" : "group-hover:bg-gray-100") : "") : ""), style: hasPinColumns
-                                        ? { position: "sticky", left: 0, zIndex: 1 }
+                                        ? {
+                                            position: "sticky",
+                                            left: 0,
+                                            zIndex: 1,
+                                            width: CHECKBOX_WIDTH,
+                                            minWidth: CHECKBOX_WIDTH,
+                                        }
                                         : undefined, onClick: function (e) { return handleSelectRow(row.id, e); } }, renderCheckbox(isSelected, function () { }))),
                                 flatColumns.map(function (col, colIndex) {
-                                    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
                                     var cellValue = spaceRow
                                         ? spaceRow[col.key]
                                         : resolveValue(row, col.key);
                                     // INFO: first col with type "string" is never made editable
-                                    var isEditable = ((_a = props.editable) === null || _a === void 0 ? void 0 : _a.active) &&
-                                        !(((_c = (_b = props.selectedIds) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0 ||
+                                    var resolvedColType = (_a = col.type) !== null && _a !== void 0 ? _a : "string";
+                                    var isEditable = ((_b = props.editable) === null || _b === void 0 ? void 0 : _b.active) &&
+                                        !(((_d = (_c = props.selectedIds) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0) > 0 ||
                                             props.selectAll) &&
-                                        col.type &&
-                                        utils_1.supportedTableAddList.includes(col.type) &&
-                                        !(colIndex === 0 && col.type === "string");
+                                        utils_1.supportedTableAddList.includes(resolvedColType);
                                     var rowData = editDataRowId === row.id ? editDataValue : row;
                                     if (isEditable) {
-                                        var bareOverride = (_e = (_d = props.bareSettings) === null || _d === void 0 ? void 0 : _d.bareListDescription) === null || _e === void 0 ? void 0 : _e.call(_d, col.key, cellValue);
+                                        var bareOverride = (_f = (_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareListDescription) === null || _f === void 0 ? void 0 : _f.call(_e, col.key, cellValue);
                                         if (!bareOverride)
                                             return renderEditDataInputs(colIndex, col, rowData, row.id, rowBgClass, isRowHoverable);
                                     }
                                     return (
                                     // INFO: pinned columns use whitespace-normal so text wraps within the fixed width
-                                    react_2.default.createElement("td", { key: col.key, className: "".concat(cellPadding, " text-sm ").concat(colIndex === 0 && props.onClickRow ? titleFontColor : cellFontColor, " ").concat(col.width ? "".concat(col.width, " flex-shrink-0") : getPinProps(col.key, false) ? "" : "whitespace-nowrap", " ").concat((_g = (_f = getPinProps(col.key, false, rowBgClass, isRowHoverable)) === null || _f === void 0 ? void 0 : _f.className) !== null && _g !== void 0 ? _g : ""), style: (_h = getPinProps(col.key, false, rowBgClass, isRowHoverable)) === null || _h === void 0 ? void 0 : _h.style }, props.newTabUrl && props.onClickRow ? (react_2.default.createElement(link_1.Link, { href: props.newTabUrl +
+                                    react_2.default.createElement("td", { key: col.key, className: "".concat(cellPadding, " text-sm ").concat(colIndex === 0 && props.onClickRow ? titleFontColor : cellFontColor, " ").concat(col.width ? "".concat(col.width, " flex-shrink-0") : getPinProps(col.key, false) ? "" : "whitespace-nowrap", " ").concat((_h = (_g = getPinProps(col.key, false, rowBgClass, isRowHoverable)) === null || _g === void 0 ? void 0 : _g.className) !== null && _h !== void 0 ? _h : ""), style: (_j = getPinProps(col.key, false, rowBgClass, isRowHoverable)) === null || _j === void 0 ? void 0 : _j.style }, props.newTabUrl && props.onClickRow ? (react_2.default.createElement(link_1.Link, { href: props.newTabUrl +
                                             row.id +
-                                            ((_j = props.addNewTabUrl) !== null && _j !== void 0 ? _j : ""), className: "w-full block", linkType: props.linkType, custom: props.custom }, (0, readModule_1.renderEachRowDataBasedOnDataType)(col.key, cellValue, props.bareSettings, true, props.disableEllipsisOnLongWord))) : ((0, readModule_1.renderEachRowDataBasedOnDataType)(col.key, cellValue, props.bareSettings, true, props.disableEllipsisOnLongWord))));
+                                            ((_k = props.addNewTabUrl) !== null && _k !== void 0 ? _k : ""), className: "w-full block", linkType: props.linkType, custom: props.custom }, (0, readModule_1.renderEachRowDataBasedOnDataType)(col.key, cellValue, props.bareSettings, true, props.disableEllipsisOnLongWord))) : ((0, readModule_1.renderEachRowDataBasedOnDataType)(col.key, cellValue, props.bareSettings, true, props.disableEllipsisOnLongWord))));
                                 }),
                                 renderActionColumnCell(row.id)));
                         }),
                     !props.loading && addData && renderAddDataRow())),
-            !props.loading && props.data.length === 0 && (react_2.default.createElement("div", { className: "p-4 text-sm ".concat(cellFontColor, " text-center sticky left-0") }, (_o = props.emptyTitle) !== null && _o !== void 0 ? _o : "No items")),
+            !props.loading && props.data.length === 0 && (react_2.default.createElement("div", { className: "p-4 text-sm ".concat(cellFontColor, " text-center sticky left-0") }, (_p = props.emptyTitle) !== null && _p !== void 0 ? _p : "No items")),
             renderAddableSection()),
         !props.hidePagination && props.paginationType && (react_2.default.createElement("div", { className: "mt-2 flex items-center justify-between ".concat(props.fixedPagination
                 ? "pagination-container w-full ".concat(borderColor, " ").concat(isFixed ? "fixed bottom-0 left-0 z-10" : "sticky top-0 left-0")