lecom-ui 5.2.91 → 5.2.93

package/dist/components/DataTable/DataTable.utils.js

@@ -113,8 +113,10 @@ function buildColumns({
       width: externalColumn.width,
       fixed: externalColumn.fixed,
       truncate: !!externalColumn.truncate,
+      align: externalColumn.align,
       headerClassName: externalColumn.headerClassName,
-      headerStyle: externalColumn.headerStyle
+      headerStyle: externalColumn.headerStyle,
+      cellClassName: externalColumn.cellClassName
     },
     sortingFn: (rowA, rowB, columnId) => {
       if (externalColumn.onSortClient) {

package/dist/components/DataTable/Table.js

@@ -19,11 +19,13 @@ function Table({
         overflow: "hidden",
         maxWidth: "0",
         textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
+        whiteSpace: "nowrap",
+        textAlign: meta.align || "left"
       };
     }
     return {
-      width: meta.width
+      width: meta.width,
+      textAlign: meta.align || "left"
     };
   };
   const getFixed = (meta) => meta.fixed;
@@ -51,10 +53,10 @@ function Table({
       ),
       "data-header": header.id,
       "data-fixed": getFixed(header.column.columnDef.meta),
-      style: styleColumn(
-        header.column.columnDef.meta,
-        "th"
-      ),
+      style: {
+        ...styleColumn(header.column.columnDef.meta, "th"),
+        ...header.column.columnDef.meta?.headerStyle
+      },
       onClick: header.column.getToggleSortingHandler()
     },
     header.isPlaceholder ? null : flexRender(
@@ -72,7 +74,10 @@ function Table({
       "td",
       {
         key: cell.id,
-        className: "p-4 py-0 h-10 [&:has([role=checkbox])]:pr-0 transition-colors shadow-[0_-0.5px_0px_0px_#c9c9c9_inset] text-left",
+        className: cn(
+          "p-4 py-0 h-10 [&:has([role=checkbox])]:pr-0 transition-colors shadow-[0_-0.5px_0px_0px_#c9c9c9_inset] text-left",
+          cell.column.columnDef.meta?.cellClassName
+        ),
         "data-column": cell.column.id,
         "data-fixed": getFixed(cell.column.columnDef.meta),
         style: styleColumn(cell.column.columnDef.meta, "td")

package/dist/components/Pagination/Pagination.js

@@ -187,6 +187,7 @@ const Pagination = ({
   activeColor,
   showPerPageSelector = true
 }) => {
+  const { t } = useTranslation();
   const mapPaginationItem = (item) => {
     const componentProps = {
       onClick: item.onClick,
@@ -227,6 +228,7 @@ const Pagination = ({
         totalRowsSelected
       }
     ),
+    !showPerPageSelector && totalRowsSelected > 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "heading-xxsmall-600", textColor: "text-grey-800" }, totalRowsSelected, " ", t("pagination.selectedProcess")),
     /* @__PURE__ */ React.createElement("nav", { role: "navigation", "aria-label": "pagination" }, /* @__PURE__ */ React.createElement(PaginationContent, null, itemsPage.map((item) => /* @__PURE__ */ React.createElement(PaginationItem, { key: item.id }, mapPaginationItem(item)))))
   );
 };

package/dist/index.d.ts

@@ -473,8 +473,10 @@ interface Column<TData, TValue> {
     width?: number | string;
     fixed?: string;
     truncate?: boolean;
+    align?: 'left' | 'center' | 'right';
     headerClassName?: string;
     headerStyle?: React.CSSProperties;
+    cellClassName?: string;
     customHeaderRender?: ({ table, column, }: ColumnSort<TData, TValue>) => React.ReactNode;
     render?: (({ value, row }: ColumnRender<TData, TValue>) => React.ReactNode) | React.ReactNode;
     onSort?: ({ table, column }: ColumnSort<TData, TValue>) => void;
@@ -520,7 +522,15 @@ interface BuildCellSelect<TData, TValue> {
     checkedCell: Column<TData, TValue>['checkedCell'];
     onCheckedCellChange: Column<TData, TValue>['onCheckedCellChange'];
 }
-type Meta = Record<string, string | number>;
+interface Meta {
+    width?: number | string;
+    fixed?: string;
+    truncate?: boolean;
+    align?: 'left' | 'center' | 'right';
+    headerClassName?: string;
+    headerStyle?: React.CSSProperties;
+    cellClassName?: string;
+}
 interface TableProps<TData, TValue> {
     table: Table<TData>;
     isLoading?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "5.2.91",
+  "version": "5.2.93",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",