@pnkx-lib/ui 1.9.76 → 1.9.77

package/es/chunks/{index-gDC7HlTI.js → index-Co23tgty.js}

@@ -5634,6 +5634,7 @@ const Table = ({
   renderHeadingSearch,
   rightHeadingContent,
   menu,
+  showIndexColumn = true,
   ...rest
 }) => {
   //! State
@@ -5729,6 +5730,18 @@ const Table = ({
     //   disabled: !status,
     // }),
   };
+  const startIndex = (filters.page_number - 1) * filters.page_size;
+  const columnsWithIndex = showIndexColumn ? [
+    {
+      title: "STT",
+      dataIndex: "index",
+      key: "index",
+      width: 70,
+      align: "center",
+      render: (_, __, index) => startIndex + index + 1
+    },
+    ...columns
+  ] : columns;
   //! Function
   useEffect(() => {
     setData(Array.isArray(dataSource) ? dataSource : []);
@@ -5766,7 +5779,7 @@ const Table = ({
       {
         rowKey,
         dataSource: data,
-        columns,
+        columns: columnsWithIndex,
         pagination: !lodashExports.isEmpty(data) ? paginationConfig : false,
         loading,
         rowSelection: rowsSelected ? rowSelection : void 0,
@@ -5778,7 +5791,6 @@ const Table = ({
           emptyText: /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyTable, {})
         },
         rowClassName: (_, index) => `table-row-${index % 2 === 0 ? "even" : "odd"}`,
-        scroll: { x: "max-content", y: 90 * 8 },
         ...rest
       }
     ),

package/es/index.js

@@ -1,4 +1,4 @@
-export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/index-gDC7HlTI.js';
+export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/index-Co23tgty.js';
 export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TINY_API, b as TinyMCE, T as Typography } from './chunks/AntdIcon-BhLLkfpo.js';
 import 'react-router';
 export { P as PAGE_INDEX, b as PAGE_SIZE, c as SORT_BY, d as SORT_DESC, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable, u as useToast } from './chunks/table-mj-07ZtC.js';

package/es/ui/index.js

@@ -1,4 +1,4 @@
-export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/index-gDC7HlTI.js';
+export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/index-Co23tgty.js';
 export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-BhLLkfpo.js';
 import 'react-router';
 export { P as PAGE_INDEX, b as PAGE_SIZE, c as SORT_BY, d as SORT_DESC, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable } from '../chunks/table-mj-07ZtC.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.76",
+  "version": "1.9.77",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/index.d.ts

@@ -723,7 +723,7 @@ declare type TabItem = {
     disabled?: 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, ...rest }: TableCommonProps<T>) => 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, showIndexColumn, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -750,6 +750,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     renderHeadingSearch: () => ReactNode;
     rightHeadingContent: ReactNode;
     menu: Array<MenuProps>;
+    showIndexColumn?: boolean;
 }
 
 export declare const Tabs: default_2.FC<TabsProps>;

package/types/ui.d.ts

@@ -564,7 +564,7 @@ declare type TabItem = {
     disabled?: 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, ...rest }: TableCommonProps<T>) => 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, showIndexColumn, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -591,6 +591,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     renderHeadingSearch: () => ReactNode;
     rightHeadingContent: ReactNode;
     menu: Array<MenuProps>;
+    showIndexColumn?: boolean;
 }
 
 export declare const Tabs: default_2.FC<TabsProps>;