funuicss 3.8.0 → 3.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/ui/table/Table.js +20 -21
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "3.8.
|
|
2
|
+
"version": "3.8.1",
|
|
3
3
|
"name": "funuicss",
|
|
4
4
|
"description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
|
|
5
5
|
"main": "index.js",
|
package/ui/table/Table.js
CHANGED
|
@@ -359,16 +359,16 @@ function Table(_a) {
|
|
|
359
359
|
var _a, _b;
|
|
360
360
|
var colConfig = getColumnConfig(findex);
|
|
361
361
|
var cellContent = getNestedValue(mdoc, fdoc);
|
|
362
|
-
return (React.createElement("div", { key: fdoc, className: "table-cell ".concat(data.funcss ? ((_a = data === null || data === void 0 ? void 0 : data.funcss) === null || _a === void 0 ? void 0 : _a[findex]) || "" : "", " ").concat((colConfig === null || colConfig === void 0 ? void 0 : colConfig.cellClassName) || '', " ").concat(
|
|
362
|
+
return (React.createElement("div", { key: fdoc, className: "table-cell ".concat(data.funcss ? ((_a = data === null || data === void 0 ? void 0 : data.funcss) === null || _a === void 0 ? void 0 : _a[findex]) || "" : "", " ").concat((colConfig === null || colConfig === void 0 ? void 0 : colConfig.cellClassName) || '', " ").concat('wrap'), "data-label": ((_b = data.titles) === null || _b === void 0 ? void 0 : _b[findex]) || fdoc, style: {
|
|
363
363
|
overflow: "visible",
|
|
364
364
|
// Apply column-specific styles to match header
|
|
365
365
|
minWidth: getColumnMinWidth(findex),
|
|
366
366
|
maxWidth: getColumnMaxWidth(findex),
|
|
367
367
|
width: getColumnWidth(findex),
|
|
368
368
|
// Text handling based on column config
|
|
369
|
-
whiteSpace:
|
|
370
|
-
overflowWrap:
|
|
371
|
-
textOverflow:
|
|
369
|
+
whiteSpace: 'normal',
|
|
370
|
+
overflowWrap: 'break-word',
|
|
371
|
+
textOverflow: 'clip'
|
|
372
372
|
} }, cellContent));
|
|
373
373
|
}),
|
|
374
374
|
customColumns
|
|
@@ -394,7 +394,7 @@ function Table(_a) {
|
|
|
394
394
|
: "")); });
|
|
395
395
|
})(),
|
|
396
396
|
isLoading &&
|
|
397
|
-
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function (_, index) { return (React.createElement(
|
|
397
|
+
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function (_, index) { return (React.createElement(Flex_1.default, { key: index, className: "table-row skeleton", style: {
|
|
398
398
|
// Match the grid template columns
|
|
399
399
|
gridTemplateColumns: gridTemplateColumns
|
|
400
400
|
} }, data === null || data === void 0 ? void 0 :
|
|
@@ -421,20 +421,19 @@ function Table(_a) {
|
|
|
421
421
|
React.createElement("div", null, (emptyResponse === null || emptyResponse === void 0 ? void 0 : emptyResponse.title) || (React.createElement(Text_1.default, { text: "No Record Found!", size: "xl" }))),
|
|
422
422
|
React.createElement("div", null, (emptyResponse === null || emptyResponse === void 0 ? void 0 : emptyResponse.subtitle) || (React.createElement(Text_1.default, { text: "You can try reloading the page or check your query" }))))))),
|
|
423
423
|
data && pageSize && filteredData.length > pageSize && (React.createElement("div", { className: "padding bt" },
|
|
424
|
-
React.createElement(RowFlex_1.default, { gap: 1, justify: "center" },
|
|
425
|
-
React.createElement("div", { className: "pagination-
|
|
426
|
-
React.createElement(
|
|
427
|
-
|
|
428
|
-
React.createElement(
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
React.createElement(
|
|
437
|
-
|
|
438
|
-
React.createElement(
|
|
439
|
-
React.createElement(Text_1.default, { text: "\u00BB\u00BB" }))))))));
|
|
424
|
+
React.createElement(RowFlex_1.default, { gap: 1, funcss: 'pointer', justify: "center" },
|
|
425
|
+
React.createElement("div", { className: "pagination-nav ".concat(currentPage === 1 ? 'pagination-nav-disabled' : ''), onClick: function () { return currentPage > 1 && handleChangePage(1); }, title: "First page" },
|
|
426
|
+
React.createElement(Text_1.default, { text: "\u00AB\u00AB" })),
|
|
427
|
+
React.createElement("div", { className: "pagination-nav ".concat(currentPage === 1 ? 'pagination-nav-disabled' : ''), onClick: function () { return currentPage > 1 && handleChangePage(currentPage - 1); }, title: "Previous page" },
|
|
428
|
+
React.createElement(Text_1.default, { text: "\u2039" })),
|
|
429
|
+
React.createElement("div", { className: "pagination" }, Array.from({ length: endPage - startPage + 1 }, function (_, i) {
|
|
430
|
+
var pageNumber = startPage + i;
|
|
431
|
+
var isActive = currentPage === pageNumber;
|
|
432
|
+
return (React.createElement("div", { key: pageNumber, className: "pagination-item ".concat(isActive ? 'pagination-item-active h-30 w-30 circle flex central primary text-xs text-bold' : ''), onClick: function () { return handleChangePage(pageNumber); } },
|
|
433
|
+
React.createElement(Text_1.default, { text: "".concat(pageNumber), bold: isActive })));
|
|
434
|
+
})),
|
|
435
|
+
React.createElement("div", { className: "pagination-nav ".concat(currentPage === totalPages ? 'pagination-nav-disabled' : ''), onClick: function () { return currentPage < totalPages && handleChangePage(currentPage + 1); }, title: "Next page" },
|
|
436
|
+
React.createElement(Text_1.default, { text: "\u203A" })),
|
|
437
|
+
React.createElement("div", { className: "pagination-nav ".concat(currentPage === totalPages ? 'pagination-nav-disabled' : ''), onClick: function () { return currentPage < totalPages && handleChangePage(totalPages); }, title: "Last page" },
|
|
438
|
+
React.createElement(Text_1.default, { text: "\u00BB\u00BB" })))))));
|
|
440
439
|
}
|