blixify-ui-web 1.2.23 → 1.2.25

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

@@ -1,22 +1,370 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NewListRow = exports.NewList = void 0;
-var react_1 = __importDefault(require("react"));
+var solid_1 = require("@heroicons/react/24/solid");
+var react_1 = require("@headlessui/react");
+var react_2 = __importStar(require("react"));
+var popUp_1 = require("../../advanced/popUp");
+var link_1 = require("../../structure/link");
+var loading_1 = require("../loading");
+var tag_1 = require("../tag");
+var defaultLimit = 10;
+var defaultPageSize = 5;
 var NewList = function (props) {
-    var _a, _b;
-    var bg = props.darkMode ? "bg-gray-900" : "bg-white";
+    var _a, _b, _c, _d, _e, _f, _g;
+    var bg = props.darkMode ? ((_a = props.darkModeBg) !== null && _a !== void 0 ? _a : "bg-gray-900") : "bg-white";
     var headerBg = props.darkMode ? "bg-gray-800" : "bg-gray-50";
     var headerText = props.darkMode ? "text-gray-400" : "text-gray-500";
-    var sections = (_a = props.sections) !== null && _a !== void 0 ? _a : (props.list ? [{ id: "default", title: "", items: props.list }] : []);
-    return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-2xl border border-gray-100 ".concat(bg, " shadow-sm ").concat((_b = props.className) !== null && _b !== void 0 ? _b : "") },
-        props.searchSlot && (react_1.default.createElement("div", { className: "border-b border-gray-100 px-4 py-2.5" }, props.searchSlot)),
-        sections.map(function (section) { return (react_1.default.createElement("div", { key: section.id },
-            section.title && (react_1.default.createElement("div", { className: "sticky top-0 z-10 ".concat(headerBg, "/95 px-4 py-2 backdrop-blur") },
-                react_1.default.createElement("p", { className: "text-xs font-bold uppercase tracking-wide ".concat(headerText) }, section.title))),
-            section.items.map(function (item) { return (react_1.default.createElement(exports.NewListRow, { key: item.id, item: item, onClick: props.onClickItem, darkMode: props.darkMode })); }))); })));
+    var borderColor = props.darkMode ? "border-gray-700" : "border-gray-100";
+    var cellFontColor = props.darkMode ? "text-gray-200" : "text-gray-700";
+    var sections = (_b = props.sections) !== null && _b !== void 0 ? _b : (props.list ? [{ id: "default", title: "", items: props.list }] : []);
+    var _h = (0, react_2.useState)((_e = (_c = props.defaultTabId) !== null && _c !== void 0 ? _c : (_d = sections[0]) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : ""), activeTabId = _h[0], setActiveTabId = _h[1];
+    var _j = (0, react_2.useState)({}), showAllMap = _j[0], setShowAllMap = _j[1];
+    // INFO: group filtering state (legacy compat)
+    var _k = (0, react_2.useState)(""), selectedGroupId = _k[0], setSelectedGroupId = _k[1];
+    var _l = (0, react_2.useState)([]), availableGroups = _l[0], setAvailableGroups = _l[1];
+    // INFO: extract groups from list when groupId is set
+    (0, react_2.useEffect)(function () {
+        if (!props.groupId || !props.list)
+            return;
+        var groups = Array.from(new Set(props.list
+            .map(function (item) { return item[props.groupId]; })
+            .filter(function (v) { return v !== undefined; })));
+        setAvailableGroups(groups);
+        if (groups.length > 0 && !selectedGroupId)
+            setSelectedGroupId(groups[0]);
+    }, [props.list, props.groupId]);
+    // INFO: filter list by selected group
+    var handleGetFilteredList = function () {
+        var _a;
+        var source = (_a = props.list) !== null && _a !== void 0 ? _a : sections.flatMap(function (s) { return s.items; });
+        if (!props.groupId || !selectedGroupId)
+            return source;
+        return source.filter(function (item) { return item[props.groupId] === selectedGroupId; });
+    };
+    var handleShowAll = function (sectionId) {
+        setShowAllMap(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[sectionId] = true, _a)));
+        });
+    };
+    // ═══════════════════════════════════════════════════════════════════════════
+    // SECTION: Selection logic
+    // ═══════════════════════════════════════════════════════════════════════════
+    var handleSelectRow = function (id) {
+        var _a, _b;
+        if (props.selectAll) {
+            (_a = props.handleSelectAll) === null || _a === void 0 ? void 0 : _a.call(props, false);
+            return;
+        }
+        if (!props.handleSelectedIds)
+            return;
+        var current = (_b = props.selectedIds) !== null && _b !== void 0 ? _b : [];
+        var idx = current.indexOf(id);
+        if (idx < 0)
+            props.handleSelectedIds(__spreadArray(__spreadArray([], current, true), [id], false));
+        else
+            props.handleSelectedIds(current.filter(function (x) { return x !== id; }));
+    };
+    var handleSelectCurrentPage = function (currentPageChecked) {
+        var _a, _b, _c, _d, _e;
+        if (props.selectAll) {
+            (_a = props.handleSelectAll) === null || _a === void 0 ? void 0 : _a.call(props, false);
+            return;
+        }
+        var filteredList = handleGetFilteredList();
+        var cloned = __spreadArray([], ((_b = props.selectedIds) !== null && _b !== void 0 ? _b : []), true);
+        if (props.paginationType === "cursor") {
+            var minIndex_1 = ((_c = props.pageIndex) !== null && _c !== void 0 ? _c : 0) * ((_d = props.limit) !== null && _d !== void 0 ? _d : defaultLimit);
+            filteredList.forEach(function (item, index) {
+                var _a;
+                if (index >= minIndex_1 &&
+                    index < minIndex_1 + ((_a = props.limit) !== null && _a !== void 0 ? _a : defaultLimit)) {
+                    if (currentPageChecked) {
+                        var i = cloned.indexOf(item.id);
+                        if (i >= 0)
+                            cloned.splice(i, 1);
+                    }
+                    else {
+                        if (!cloned.includes(item.id))
+                            cloned.push(item.id);
+                    }
+                }
+            });
+        }
+        else {
+            filteredList.forEach(function (item) {
+                if (currentPageChecked) {
+                    var i = cloned.indexOf(item.id);
+                    if (i >= 0)
+                        cloned.splice(i, 1);
+                }
+                else {
+                    if (!cloned.includes(item.id))
+                        cloned.push(item.id);
+                }
+            });
+        }
+        (_e = props.handleSelectedIds) === null || _e === void 0 ? void 0 : _e.call(props, cloned);
+    };
+    var handleSelectAllPages = function (value) {
+        var _a, _b;
+        (_a = props.handleSelectAll) === null || _a === void 0 ? void 0 : _a.call(props, value);
+        (_b = props.handleSelectedIds) === null || _b === void 0 ? void 0 : _b.call(props, []);
+    };
+    var renderCheckAllSelected = function () {
+        var _a, _b, _c;
+        var filteredList = handleGetFilteredList();
+        if (filteredList.length === 0)
+            return false;
+        var totalCount = 0;
+        if (props.paginationType === "cursor") {
+            var minIndex = ((_a = props.pageIndex) !== null && _a !== void 0 ? _a : 0) * ((_b = props.limit) !== null && _b !== void 0 ? _b : defaultLimit);
+            var pageItems = filteredList.slice(minIndex, minIndex + ((_c = props.limit) !== null && _c !== void 0 ? _c : defaultLimit));
+            pageItems.forEach(function (item) {
+                var _a;
+                if ((_a = props.selectedIds) === null || _a === void 0 ? void 0 : _a.includes(item.id))
+                    totalCount += 1;
+            });
+            return pageItems.length === totalCount && pageItems.length > 0;
+        }
+        filteredList.forEach(function (item) {
+            var _a;
+            if ((_a = props.selectedIds) === null || _a === void 0 ? void 0 : _a.includes(item.id))
+                totalCount += 1;
+        });
+        return filteredList.length === totalCount;
+    };
+    // ═══════════════════════════════════════════════════════════════════════════
+    // SECTION: Pagination
+    // ═══════════════════════════════════════════════════════════════════════════
+    var renderPageNumber = function () {
+        var _a, _b, _c;
+        var pageNumberList = [];
+        var pageOffset = Math.floor(((_a = props.pageIndex) !== null && _a !== void 0 ? _a : 0) / defaultPageSize);
+        var selectedBorder = props.darkMode
+            ? "border-primary-200"
+            : "border-primary-500";
+        var selectedFont = props.darkMode
+            ? "text-primary-200"
+            : "text-primary-500";
+        var _loop_1 = function (i) {
+            var isActive = props.pageIndex === i;
+            pageNumberList.push(react_2.default.createElement("div", { key: i, className: "px-3 flex items-center h-full text-sm font-medium cursor-pointer ".concat(isActive
+                    ? "border rounded-xl ".concat(selectedBorder, " ").concat(selectedFont, " ").concat(bg)
+                    : cellFontColor), onClick: !isActive ? function () { var _a; return (_a = props.handleUpdatePageIndex) === null || _a === void 0 ? void 0 : _a.call(props, i); } : undefined }, i + 1));
+        };
+        for (var i = pageOffset * defaultPageSize; i * ((_b = props.limit) !== null && _b !== void 0 ? _b : defaultLimit) < ((_c = props.size) !== null && _c !== void 0 ? _c : 0) &&
+            i < pageOffset * defaultPageSize + defaultPageSize; i++) {
+            _loop_1(i);
+        }
+        return pageNumberList;
+    };
+    var renderPagination = function () {
+        var _a, _b, _c, _d;
+        var nextDataAvailable = ((_a = props.size) !== null && _a !== void 0 ? _a : 0) >
+            (((_b = props.pageIndex) !== null && _b !== void 0 ? _b : 0) + 1) * ((_c = props.limit) !== null && _c !== void 0 ? _c : defaultLimit) ||
+            props.cursor;
+        var chevronClass = "h-4 w-4";
+        var btnBase = "p-2 ".concat(cellFontColor);
+        if (props.paginationType === "cursor") {
+            return (react_2.default.createElement("div", { className: "h-8 flex items-center justify-center gap-x-0.5" },
+                react_2.default.createElement("button", { type: "button", disabled: props.pageIndex === 0, className: "".concat(btnBase, " ").concat(props.pageIndex === 0 ? "cursor-not-allowed" : ""), onClick: function () { var _a; return (_a = props.handleUpdatePageIndex) === null || _a === void 0 ? void 0 : _a.call(props, "prev"); } },
+                    react_2.default.createElement(solid_1.ChevronLeftIcon, { className: chevronClass })),
+                react_2.default.createElement("div", { className: "px-3 text-sm font-medium ".concat(cellFontColor) }, ((_d = props.pageIndex) !== null && _d !== void 0 ? _d : 0) + 1),
+                react_2.default.createElement("button", { type: "button", disabled: !nextDataAvailable, className: "".concat(btnBase, " ").concat(!nextDataAvailable ? "cursor-not-allowed" : ""), onClick: function () { var _a; return (_a = props.handleUpdatePageIndex) === null || _a === void 0 ? void 0 : _a.call(props, "next"); } },
+                    react_2.default.createElement(solid_1.ChevronRightIcon, { className: chevronClass }))));
+        }
+        if (props.paginationType === "page") {
+            return (react_2.default.createElement("div", { className: "h-8 flex items-center justify-center gap-x-0.5" },
+                react_2.default.createElement("button", { type: "button", disabled: props.pageIndex === 0, className: "".concat(btnBase, " ").concat(props.pageIndex === 0 ? "cursor-not-allowed" : ""), onClick: function () { var _a, _b; return (_a = props.handleUpdatePageIndex) === null || _a === void 0 ? void 0 : _a.call(props, ((_b = props.pageIndex) !== null && _b !== void 0 ? _b : 0) - 1); } },
+                    react_2.default.createElement(solid_1.ChevronLeftIcon, { className: chevronClass })),
+                renderPageNumber(),
+                react_2.default.createElement("button", { type: "button", disabled: !nextDataAvailable, className: "".concat(btnBase, " ").concat(!nextDataAvailable ? "cursor-not-allowed" : ""), onClick: function () { var _a, _b; return (_a = props.handleUpdatePageIndex) === null || _a === void 0 ? void 0 : _a.call(props, ((_b = props.pageIndex) !== null && _b !== void 0 ? _b : 0) + 1); } },
+                    react_2.default.createElement(solid_1.ChevronRightIcon, { className: chevronClass }))));
+        }
+        return null;
+    };
+    var renderPageResult = function () {
+        var _a, _b;
+        var filteredList = handleGetFilteredList();
+        var text = props.paginationType === "page"
+            ? "Showing ".concat((_a = props.customPaginationSize) !== null && _a !== void 0 ? _a : props.size, " result(s)")
+            : "Showing ".concat((_b = props.customPaginationSize) !== null && _b !== void 0 ? _b : filteredList.length, " result(s)");
+        return react_2.default.createElement("p", { className: "text-xs ".concat(cellFontColor) }, text);
+    };
+    // ═══════════════════════════════════════════════════════════════════════════
+    // SECTION: Expandable Tabs (new feature)
+    // ═══════════════════════════════════════════════════════════════════════════
+    var renderExpandableTabs = function () {
+        if (!props.expandableTabs || sections.length <= 1)
+            return null;
+        var tabBg = props.darkMode ? "bg-gray-800" : "bg-gray-100";
+        var activeTabBg = props.darkMode
+            ? "bg-gray-700 text-white shadow-sm"
+            : "bg-white text-gray-900 shadow-sm";
+        var inactiveTab = props.darkMode
+            ? "text-gray-400 hover:text-gray-200"
+            : "text-gray-500 hover:text-gray-700";
+        return (react_2.default.createElement("div", { className: "flex gap-1 rounded-xl ".concat(tabBg, " p-1 mx-3 mt-3 mb-1") }, sections.map(function (section) { return (react_2.default.createElement("button", { key: section.id, type: "button", onClick: function () { return setActiveTabId(section.id); }, className: "flex-1 rounded-lg py-2 px-2 text-xs font-semibold transition-all ".concat(activeTabId === section.id ? activeTabBg : inactiveTab) },
+            section.title || section.id,
+            react_2.default.createElement("span", { className: "ml-1.5 rounded-full px-1.5 py-0.5 text-xs ".concat(activeTabId === section.id
+                    ? "bg-primary-100 text-primary-600"
+                    : props.darkMode
+                        ? "bg-gray-600 text-gray-300"
+                        : "bg-gray-200 text-gray-500") }, section.items.length))); })));
+    };
+    // ═══════════════════════════════════════════════════════════════════════════
+    // SECTION: Group Tabs (legacy compat)
+    // ═══════════════════════════════════════════════════════════════════════════
+    var renderGroupTabs = function () {
+        if (!props.groupId || availableGroups.length <= 1)
+            return null;
+        var tabBg = props.darkMode ? "bg-gray-800" : "bg-gray-100";
+        var activeTabBg = props.darkMode
+            ? "bg-gray-700 text-white shadow-sm"
+            : "bg-white text-gray-900 shadow-sm";
+        var inactiveTab = props.darkMode
+            ? "text-gray-400"
+            : "text-gray-500 hover:text-gray-700";
+        return (react_2.default.createElement("div", { className: "flex gap-1 rounded-xl ".concat(tabBg, " p-1 mb-3") }, availableGroups.map(function (group) { return (react_2.default.createElement("button", { key: group, type: "button", onClick: function () { return setSelectedGroupId(group); }, className: "flex-1 rounded-lg py-2 px-2 text-xs font-semibold transition-all ".concat(selectedGroupId === group ? activeTabBg : inactiveTab) }, group)); })));
+    };
+    // ═══════════════════════════════════════════════════════════════════════════
+    // SECTION: Selection header
+    // ═══════════════════════════════════════════════════════════════════════════
+    var renderSelectionHeader = function () {
+        var _a;
+        if (!props.checkbox)
+            return null;
+        var filteredList = handleGetFilteredList();
+        if (filteredList.length === 0)
+            return null;
+        return (react_2.default.createElement("div", { className: "px-4 py-2.5 flex items-center gap-2 border-b ".concat(borderColor) },
+            react_2.default.createElement("input", { type: "checkbox", checked: renderCheckAllSelected() || ((_a = props.selectAll) !== null && _a !== void 0 ? _a : false), onChange: function () { return handleSelectCurrentPage(renderCheckAllSelected()); }, className: "rounded ".concat(props.darkMode ? "border-gray-400" : "border-gray-500", " ").concat(bg, " focus:ring-0 focus:ring-offset-0 checked:text-primary-400") }),
+            !props.disableSelectFullData && (react_2.default.createElement(popUp_1.PopUp, { anchor: "left", lib: { Transition: react_1.Transition }, ctaComp: react_2.default.createElement(solid_1.ChevronDownIcon, { className: "h-4 w-4 ".concat(cellFontColor, " cursor-pointer") }), renderComp: react_2.default.createElement("div", { className: "border rounded ".concat(borderColor, " ").concat(bg) },
+                    react_2.default.createElement("p", { className: "px-4 py-3 text-xs ".concat(cellFontColor, " whitespace-nowrap font-medium cursor-pointer ").concat(props.darkMode ? "hover:bg-gray-700" : "hover:bg-gray-100"), onClick: function () { return handleSelectAllPages(true); } }, "Select all pages"),
+                    react_2.default.createElement("p", { className: "px-4 py-3 text-xs ".concat(cellFontColor, " whitespace-nowrap font-medium cursor-pointer ").concat(props.darkMode ? "hover:bg-gray-700" : "hover:bg-gray-100"), onClick: function () { return handleSelectAllPages(false); } }, "Unselect all pages")) }))));
+    };
+    var renderSelectedCount = function () {
+        var _a, _b;
+        if (!props.selectAll &&
+            !(props.selectedIds && props.selectedIds.length > 0))
+            return null;
+        return (react_2.default.createElement("div", { className: "px-4 py-2.5 flex items-center gap-3 border-b ".concat(borderColor) },
+            react_2.default.createElement("p", { className: "text-sm font-medium ".concat(cellFontColor) },
+                "Selected:",
+                " ",
+                props.selectAll
+                    ? "All ".concat((_a = props.selectAllText) !== null && _a !== void 0 ? _a : "")
+                    : (_b = props.selectedIds) === null || _b === void 0 ? void 0 : _b.length),
+            props.multiActionButton));
+    };
+    // ═══════════════════════════════════════════════════════════════════════════
+    // SECTION: Determine which items to render
+    // ═══════════════════════════════════════════════════════════════════════════
+    var handleGetVisibleItems = function () {
+        var _a, _b, _c, _d;
+        // INFO: if expandableTabs is active, use sections logic
+        if (props.expandableTabs && sections.length > 1) {
+            var activeSection = sections.find(function (s) { return s.id === activeTabId; });
+            return (_a = activeSection === null || activeSection === void 0 ? void 0 : activeSection.items) !== null && _a !== void 0 ? _a : [];
+        }
+        // INFO: otherwise use the filtered list (respects groupId)
+        var filteredList = handleGetFilteredList();
+        // INFO: cursor pagination slicing
+        if (props.paginationType === "cursor") {
+            var minIndex = ((_b = props.pageIndex) !== null && _b !== void 0 ? _b : 0) * ((_c = props.limit) !== null && _c !== void 0 ? _c : defaultLimit);
+            return filteredList.slice(minIndex, minIndex + ((_d = props.limit) !== null && _d !== void 0 ? _d : defaultLimit));
+        }
+        return filteredList;
+    };
+    // ═══════════════════════════════════════════════════════════════════════════
+    // SECTION: Render
+    // ═══════════════════════════════════════════════════════════════════════════
+    var visibleItems = handleGetVisibleItems();
+    // INFO: loading state
+    if (props.loading) {
+        return (react_2.default.createElement("div", { className: "".concat((_f = props.className) !== null && _f !== void 0 ? _f : "", " my-10 text-center") },
+            react_2.default.createElement(loading_1.Loading, null),
+            react_2.default.createElement("p", { className: "text-sm ".concat(cellFontColor, " mt-5") }, "Loading...")));
+    }
+    return (react_2.default.createElement("div", { className: (_g = props.className) !== null && _g !== void 0 ? _g : "" },
+        renderGroupTabs(),
+        react_2.default.createElement("div", { className: "w-full ".concat(props.mobileTooltip ? "overflow-visible" : "overflow-hidden", " rounded-2xl border ").concat(borderColor, " ").concat(bg, " shadow-sm") },
+            props.searchSlot && (react_2.default.createElement("div", { className: "border-b ".concat(borderColor, " px-4 py-2.5") }, props.searchSlot)),
+            renderExpandableTabs(),
+            renderSelectedCount(),
+            renderSelectionHeader(),
+            !props.expandableTabs && sections.length > 1 ? (sections.map(function (section) {
+                var _a;
+                var limit = props.tabItemLimit;
+                var showAll = (_a = showAllMap[section.id]) !== null && _a !== void 0 ? _a : false;
+                var items = limit && !showAll ? section.items.slice(0, limit) : section.items;
+                var hasMore = limit && !showAll && section.items.length > limit;
+                return (react_2.default.createElement("div", { key: section.id },
+                    section.title && (react_2.default.createElement("div", { className: "sticky top-0 z-10 ".concat(headerBg, "/95 px-4 py-2 backdrop-blur") },
+                        react_2.default.createElement("p", { className: "text-xs font-bold uppercase tracking-wide ".concat(headerText) }, section.title))),
+                    items.map(function (item, index) {
+                        var _a, _b, _c;
+                        return (react_2.default.createElement(exports.NewListRow, { key: item.id, item: item, index: index, props: props, isSelected: ((_b = (_a = props.selectedIds) === null || _a === void 0 ? void 0 : _a.includes(item.id)) !== null && _b !== void 0 ? _b : false) ||
+                                ((_c = props.selectAll) !== null && _c !== void 0 ? _c : false), onSelect: function () { return handleSelectRow(item.id); }, darkMode: props.darkMode }));
+                    }),
+                    hasMore && (react_2.default.createElement("div", { className: "px-4 py-2.5 border-t ".concat(borderColor) },
+                        react_2.default.createElement("button", { type: "button", onClick: function () { return handleShowAll(section.id); }, className: "text-xs font-medium text-primary-600" },
+                            "View all ",
+                            section.items.length,
+                            " items")))));
+            })) : visibleItems.length === 0 ? (react_2.default.createElement("div", { className: "p-6 text-center text-sm ".concat(cellFontColor) }, "There is no data available at the moment")) : (visibleItems.map(function (item, index) {
+                var _a, _b, _c;
+                return (react_2.default.createElement(exports.NewListRow, { key: item.id, item: item, index: index, props: props, isSelected: ((_b = (_a = props.selectedIds) === null || _a === void 0 ? void 0 : _a.includes(item.id)) !== null && _b !== void 0 ? _b : false) ||
+                        ((_c = props.selectAll) !== null && _c !== void 0 ? _c : false), onSelect: function () { return handleSelectRow(item.id); }, darkMode: props.darkMode }));
+            }))),
+        !props.hidePagination && props.paginationType && (react_2.default.createElement("div", { className: "mt-2 flex items-center justify-between" },
+            renderPageResult(),
+            renderPagination()))));
 };
 exports.NewList = NewList;
 var formatDate = function (raw) {
@@ -31,25 +379,99 @@ var formatDate = function (raw) {
     }
     return undefined;
 };
-var NewListRow = function (props) {
-    var _a;
-    var titleColor = props.darkMode ? "text-gray-100" : "text-gray-900";
-    var subColor = props.darkMode ? "text-gray-400" : "text-gray-500";
-    var borderColor = props.darkMode ? "border-gray-800" : "border-gray-50";
-    var avatar = (_a = props.item.icon) !== null && _a !== void 0 ? _a : (props.item.img ? (react_1.default.createElement("img", { src: props.item.img, alt: "", className: "h-10 w-10 rounded-full object-cover" })) : undefined);
-    // INFO: access optional ListClass fields via the index signature
-    var description = props.item.description;
-    var tag = props.item.tag;
-    var dateStr = formatDate(props.item.date);
-    return (react_1.default.createElement("div", { onClick: function () { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, props.item); }, className: "flex items-center gap-3 border-b ".concat(borderColor, " px-4 py-3 ").concat(props.onClick ? "cursor-pointer hover:bg-gray-50/50" : "") },
-        avatar && react_1.default.createElement("div", { className: "flex-shrink-0" }, avatar),
-        react_1.default.createElement("div", { className: "min-w-0 flex-1" },
-            react_1.default.createElement("div", { className: "flex items-center gap-2" },
-                react_1.default.createElement("p", { className: "truncate text-sm font-semibold ".concat(titleColor) }, props.item.title),
-                tag && (react_1.default.createElement("span", { className: "flex-shrink-0 rounded-full bg-primary-100 px-2 py-0.5 text-xs font-medium text-primary-700" }, tag))),
-            description && (react_1.default.createElement("p", { className: "truncate text-xs ".concat(subColor) }, description))),
-        dateStr && (react_1.default.createElement("span", { className: "flex-shrink-0 text-xs ".concat(subColor) }, dateStr)),
-        props.item.action && (react_1.default.createElement("div", { className: "flex-shrink-0" }, props.item.action))));
+var resolveValue = function (obj, key) {
+    var value = obj;
+    for (var _i = 0, _a = key.split("."); _i < _a.length; _i++) {
+        var part = _a[_i];
+        value = value === null || value === void 0 ? void 0 : value[part];
+    }
+    return value;
+};
+var NewListRow = function (rowProps) {
+    var _a, _b;
+    var item = rowProps.item, index = rowProps.index, props = rowProps.props, isSelected = rowProps.isSelected, onSelect = rowProps.onSelect, darkMode = rowProps.darkMode;
+    var titleColor = darkMode ? "text-gray-100" : "text-gray-900";
+    var subColor = darkMode ? "text-gray-400" : "text-gray-500";
+    var borderColor = darkMode ? "border-gray-700" : "border-gray-50";
+    var selectedBg = darkMode ? "bg-primary-900" : "bg-primary-50";
+    var hoverBg = darkMode ? "hover:bg-gray-700" : "hover:bg-gray-50";
+    var description = item.description;
+    var tag = item.tag;
+    var tags = item.tags;
+    var dateStr = formatDate(item.date);
+    var avatar = (_a = item.icon) !== null && _a !== void 0 ? _a : (item.img ? (react_2.default.createElement("img", { src: item.img, alt: "", className: "h-10 w-10 rounded-full ".concat(props.imgContain ? "object-contain" : "object-cover") })) : undefined);
+    var handleRowClick = function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (props.onClickRow)
+            props.onClickRow(item.id, index);
+        else if (props.onClickItem)
+            props.onClickItem(item);
+    };
+    var renderRowContent = function () { return (react_2.default.createElement("div", { className: "flex-1 min-w-0" },
+        react_2.default.createElement("div", { className: "flex items-center gap-2" },
+            react_2.default.createElement("p", { className: "".concat(props.noTruncate ? "" : "truncate", " text-sm font-semibold ").concat(titleColor) }, item.title),
+            tags &&
+                tags.map(function (t, i) {
+                    var _a;
+                    return (react_2.default.createElement(tag_1.Tag, { key: "".concat(t.text, "-").concat(i), tagText: t.text, size: "small", variant: "flat", color: (_a = t.color) !== null && _a !== void 0 ? _a : "primary", rounded: "md" }));
+                }),
+            !tags && tag && (react_2.default.createElement("span", { className: "flex-shrink-0 rounded-full bg-primary-100 px-2 py-0.5 text-xs font-medium text-primary-700" }, tag))),
+        description && (react_2.default.createElement("p", { className: "".concat(props.noTruncate ? "" : "truncate", " text-xs ").concat(subColor, " mt-0.5") }, description)))); };
+    // INFO: hover tooltip content
+    var renderTooltipContent = function () {
+        var _a, _b;
+        var tt = props.mobileTooltip;
+        if (!tt)
+            return null;
+        var source = item;
+        var imageUrl = tt.imageKey
+            ? resolveValue(source, tt.imageKey)
+            : undefined;
+        var summaryPairs = ((_a = tt.summaryKeys) !== null && _a !== void 0 ? _a : [])
+            .map(function (key) { return ({ key: key, value: resolveValue(source, key) }); })
+            .filter(function (p) { return p.value !== undefined && p.value !== null && p.value !== ""; });
+        var tagValues = ((_b = tt.tagKeys) !== null && _b !== void 0 ? _b : [])
+            .map(function (key) {
+            var _a;
+            return ({
+                key: key,
+                value: resolveValue(source, key),
+                color: (_a = tt.tagColors) === null || _a === void 0 ? void 0 : _a[String(resolveValue(source, key))],
+            });
+        })
+            .filter(function (t) { return t.value !== undefined && t.value !== null; });
+        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(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 text-gray-400" }, p.key),
+                    react_2.default.createElement("span", { className: "text-xs font-medium ".concat(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" }));
+            })))));
+    };
+    var tooltipContent = renderTooltipContent();
+    return (react_2.default.createElement("div", { className: "relative group/listtooltip" },
+        react_2.default.createElement("div", { onClick: handleRowClick, className: "flex items-center gap-3 border-b ".concat(borderColor, " px-4 py-3 ").concat(props.onClickRow || props.onClickItem
+                ? "cursor-pointer ".concat(hoverBg)
+                : "", " ").concat(isSelected ? selectedBg : "") },
+            props.checkbox && (react_2.default.createElement("div", { className: "flex-shrink-0", onClick: function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onSelect();
+                } },
+                react_2.default.createElement("input", { type: "checkbox", checked: isSelected, readOnly: true, className: "rounded w-4 h-4 ".concat(darkMode ? "border-gray-400" : "border-gray-500", " focus:ring-0 focus:ring-offset-0 checked:text-primary-400 cursor-pointer") }))),
+            avatar && react_2.default.createElement("div", { className: "flex-shrink-0" }, avatar),
+            props.newTabUrl ? (react_2.default.createElement(link_1.Link, { href: props.newTabUrl + item.id + ((_b = props.addNewTabUrl) !== null && _b !== void 0 ? _b : ""), className: "flex-1 min-w-0 block", linkType: props.linkType, custom: props.custom }, renderRowContent())) : (renderRowContent()),
+            dateStr && (react_2.default.createElement("span", { className: "flex-shrink-0 text-xs ".concat(subColor) }, dateStr)),
+            item.action && (react_2.default.createElement("div", { className: "flex-shrink-0 ".concat(props.actionMobile ? "mt-2 sm:mt-0" : "") }, item.action))),
+        tooltipContent && (react_2.default.createElement("div", { className: "absolute left-1/2 -translate-x-1/2 top-full mt-1 z-50 hidden group-hover/listtooltip:block" }, tooltipContent))));
 };
 exports.NewListRow = NewListRow;
 //# sourceMappingURL=index.js.map

package/lib/components/display/newList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/newList/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/newList/index.tsx"],"names":[],"mappings":"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"}

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

@@ -10,6 +10,19 @@ export interface NewTableRow {
     id: string;
     [key: string]: any;
 }
+export interface MobileViewTooltip {
+    titleAdjacent?: {
+        tagKey?: string;
+        tagColor?: Record<string, "red" | "blue" | "green" | "yellow" | "indigo">;
+        trailingKey?: string;
+    };
+    tooltip?: {
+        imageKey?: string;
+        summaryKeys?: string[];
+        tagKeys?: string[];
+        tagColors?: Record<string, "red" | "blue" | "green" | "yellow" | "indigo">;
+    };
+}
 interface AdvancedSettings {
     addColumnEnabled?: boolean;
     dragEnabled?: boolean;
@@ -49,6 +62,7 @@ export interface NewTableProps extends LinkProps, DeleteableProps, EditableProps
     data: NewTableRow[];
     spaceData?: any[];
     mobileView?: boolean;
+    mobileTooltip?: MobileViewTooltip;
     pinColumns?: {
         left?: string[];
         right?: string[];
@@ -83,6 +97,7 @@ export interface NewTableProps extends LinkProps, DeleteableProps, EditableProps
         onClick: (id: string) => void;
         hide?: boolean;
     }[];
+    multiActionFloatingOffset?: string;
     multiActionButton?: ReactElement;
     bareSettings?: BareSettings;
     devSettings?: DevSettings;