@pnkx-lib/ui 1.9.199 → 1.9.201

package/es/fields/Textarea.js

@@ -1,4 +1,4 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { Input } from 'antd';
@@ -37,7 +37,7 @@ const Textarea = forwardRef(
       );
     };
     //! Render
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ jsxs("div", { children: [
       label && /* @__PURE__ */ jsx(Label, { label, required }),
       /* @__PURE__ */ jsx(
         TextArea,

package/es/ui/Heading.js

@@ -14,7 +14,7 @@ const Heading = (props) => {
       "div",
       {
         className: className(
-          "flex justify-between items-end",
+          `flex ${noBreadcum ? "justify-end" : "justify-between"}  items-end`,
           classNameWrapHeading
         ),
         children: [

package/es/ui/index.js

@@ -5050,6 +5050,8 @@ const Table = ({
   setFilters,
   noBreadcum,
   bulkActionHandlers,
+  size = "small",
+  ellipsisAllColumn = true,
   ...rest
 }) => {
   const status = filters?.status;
@@ -5076,6 +5078,10 @@ const Table = ({
       disabled: status === TypeStatusTable.ALL
     })
   };
+  const ellipsisColumns = columns.map((column) => ({
+    ...column,
+    ellipsis: column?.ellipsis !== void 0 ? column?.ellipsis : ellipsisAllColumn
+  }));
   const startIndex = (filters.page - 1) * filters.size;
   const columnsWithIndex = showIndexColumn ? [
     {
@@ -5086,8 +5092,8 @@ const Table = ({
       align: "center",
       render: (_, __, index) => startIndex + index + 1
     },
-    ...columns
-  ] : columns;
+    ...ellipsisColumns
+  ] : ellipsisColumns;
   //! Function
   useEffect(() => {
     setData(Array.isArray(dataSource) ? dataSource : []);
@@ -5140,7 +5146,8 @@ const Table = ({
         locale: {
           emptyText: /* @__PURE__ */ jsx(EmptyTable, {})
         },
-        rowClassName: (_, index) => `table-row-${index % 2 === 0 ? "even" : "odd"}`,
+        size,
+        scroll: { x: "max-content", y: 45 * 10 },
         ...rest
       }
     ),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.199",
+  "version": "1.9.201",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -137,6 +137,7 @@
     "@pnkx-lib/core": "^1.1.66",
     "@pnkx-lib/icon": "^0.0.35",
     "@tailwindcss/cli": "^4.1.6",
+    "@tanstack/react-query": "^5.80.7",
     "@tinymce/miniature": "^6.0.0",
     "@tinymce/tinymce-react": "^6.0.0",
     "@vitejs/plugin-react-swc": "^3.10.0",

package/types/components/ui/Table/index.d.ts

@@ -6,6 +6,7 @@ import { BulkActionHandlers, InitialFiltersSearch } from '@pnkx-lib/core';
 import { MenuType } from '../Sidebar';
 import { GroupHeadingButtonItem } from './HeadingTable/components/GroupHeadingButton';
 import { TypeStatusTable } from '../../../constants';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
 interface RowCommon {
     [x: string]: any;
 }
@@ -39,6 +40,8 @@ export interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
     setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
     noBreadcum?: boolean;
     bulkActionHandlers?: BulkActionHandlers;
+    size?: SizeType;
+    ellipsisAllColumn?: boolean;
 }
-export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, menu, groupHeadingButtonItems, showIndexColumn, setFilters, noBreadcum, bulkActionHandlers, ...rest }: TableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, menu, groupHeadingButtonItems, showIndexColumn, setFilters, noBreadcum, bulkActionHandlers, size, ellipsisAllColumn, ...rest }: TableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};