@pnkx-lib/ui 1.9.45 → 1.9.46

package/es/chunks/{index-mc9VTeSd.js → index-DZ3ID9ce.js}

@@ -9957,9 +9957,6 @@ const breadCrumb = [
 ];
 const HeadingTable = (props) => {
   const {
-    filters,
-    handleSearch,
-    resetToInitialFilters,
     setOpenStting,
     showSetting,
     renderHeadingSearch,
@@ -9970,9 +9967,9 @@ const HeadingTable = (props) => {
     {
       breadcrumbItems: breadCrumb,
       classNameWrapHeading: "justify-between",
-      rightContent: rightHeadingContent,
+      rightContent: rightHeadingContent && rightHeadingContent,
       children: [
-        renderHeadingSearch(filters, handleSearch, resetToInitialFilters),
+        renderHeadingSearch && renderHeadingSearch(),
         /* @__PURE__ */ jsxRuntimeExports.jsx(Divider$1, { className: "!my-5 !mb-4" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(GroupHeadingButton, {}),
@@ -10277,32 +10274,6 @@ const EditableCell = ({
     }
   ) : children });
 };
-const tableCss = css`
-  .ant-table-cell::before {
-    display: none !important;
-  }
-  .ant-table-thead .ant-table-cell {
-    background-color: #d6e6fe;
-    font-weight: 500;
-    border-start-start-radius: 0 !important;
-    border-start-end-radius: 0 !important;
-  }
-
-  .ant-table-thead th.ant-table-column-has-sorters:hover {
-    background-color: #d6e6fe;
-  }
-
-  .ant-table-row.table-row-even {
-    background-color: #f7f7f8;
-  }
-
-  .ant-table-row.table-row-odd {
-    background-color: #ffffff;
-  }
-  .ant-table-row:hover {
-    background-color: #e7f0ff;
-  }
-`;
 const Table = ({
   dataSource,
   columns,
@@ -10322,8 +10293,6 @@ const Table = ({
   titleSettingTableModal,
   showSetting,
   setColumns,
-  resetToInitialFilters,
-  handleSearch,
   renderHeadingSearch,
   rightHeadingContent,
   status,
@@ -10467,9 +10436,6 @@ const Table = ({
       {
         rightHeadingContent,
         renderHeadingSearch,
-        filters,
-        handleSearch,
-        resetToInitialFilters,
         setOpenStting,
         showSetting
       }
@@ -10521,6 +10487,32 @@ const Table = ({
   if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { type: "table" });
   return renderTableContent();
 };
+const tableCss = css`
+  .ant-table-cell::before {
+    display: none !important;
+  }
+  .ant-table-thead .ant-table-cell {
+    background-color: #d6e6fe;
+    font-weight: 500;
+    border-start-start-radius: 0 !important;
+    border-start-end-radius: 0 !important;
+  }
+
+  .ant-table-thead th.ant-table-column-has-sorters:hover {
+    background-color: #d6e6fe;
+  }
+
+  .ant-table-row.table-row-even {
+    background-color: #f7f7f8;
+  }
+
+  .ant-table-row.table-row-odd {
+    background-color: #ffffff;
+  }
+  .ant-table-row:hover {
+    background-color: #e7f0ff;
+  }
+`;
 
 const createStoreImpl = (createState) => {
   let state;

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-mc9VTeSd.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-DZ3ID9ce.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/Switch-Ck9WdQgt.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-B28OPA57.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-mc9VTeSd.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-DZ3ID9ce.js';
 export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/Switch-Ck9WdQgt.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-B28OPA57.js';

package/package.json

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

package/types/index.d.ts

@@ -41,7 +41,6 @@ import { FormEventHandler } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { ImageProps } from 'antd';
-import { InitialFiltersSearch as InitialFiltersSearch_2 } from '../../../../../../../../../../../src/components/hooks';
 import { InputProps as InputProps_2 } from 'antd';
 import { JSX } from 'react/jsx-runtime';
 import { JSX as JSX_2 } from 'react';
@@ -51,6 +50,7 @@ import { MenuItemProps as MenuItemProps_2 } from 'antd/es/menu';
 import { MenuProps as MenuProps_2 } from 'antd/es/menu';
 import { ModalProps as ModalProps_2 } from 'antd';
 import { Pagination as Pagination_2 } from 'antd';
+import { PaginationFilters as PaginationFilters_2 } from '../../../../../../../../../../../src/components/hooks';
 import { PaginationLocale } from 'rc-pagination';
 import { PaginationProps as PaginationProps_2 } from 'antd';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
@@ -425,13 +425,6 @@ declare const ItemGroup: ForwardRefExoticComponent<Omit<MenuItemGroupProps, "ref
 
 export declare type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
 
-declare type IValueSearch = {
-    keyword: string | undefined;
-    attributeType: string | null | undefined;
-    PageIndex: number;
-    PageSize: number;
-};
-
 export declare const Label: ({ label, required }: LabelProps) => JSX.Element;
 
 export declare interface LabelProps {
@@ -703,7 +696,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, className, editable, onSave, titleSettingTableModal, showSetting, setColumns, resetToInitialFilters, handleSearch, renderHeadingSearch, rightHeadingContent, status, ...rest }: TableCommonProps<T>) => JSX.Element;
+export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, status, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -716,7 +709,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     columns: TableColumnsType<T>;
     loading?: boolean;
     totalItems: number;
-    filters: any;
+    filters: PaginationFilters_2;
     onChangePage: (page: number) => void;
     onChangePageSize: (size: number) => void;
     onSort?: (sortField: string | number | symbol) => void;
@@ -730,9 +723,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     titleSettingTableModal?: string;
     showSetting?: boolean;
     setColumns?: (newColumns: TableColumnsType<T>) => void;
-    resetToInitialFilters: () => void;
-    handleSearch: (nextFilters: InitialFiltersSearch_2<IValueSearch>) => void;
-    renderHeadingSearch: (filters: InitialFiltersSearch_2<IValueSearch>, handleSearch: (nextFilters: InitialFiltersSearch_2<IValueSearch>) => void, resetToInitialFilters: () => void) => JSX_2.Element;
+    renderHeadingSearch: () => ReactNode;
     rightHeadingContent: ReactNode;
     status?: number;
 }

package/types/ui.d.ts

@@ -34,15 +34,14 @@ import { FlexProps as FlexProps_2 } from 'antd';
 import { FormEventHandler } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { ImageProps } from 'antd';
-import { InitialFiltersSearch } from '../../../../../../../../../../../src/components/hooks';
 import { JSX } from 'react/jsx-runtime';
-import { JSX as JSX_2 } from 'react';
 import { MenuDividerProps } from 'antd/es/menu';
 import { MenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
 import { MenuItemProps as MenuItemProps_2 } from 'antd/es/menu';
 import { MenuProps as MenuProps_2 } from 'antd/es/menu';
 import { ModalProps as ModalProps_2 } from 'antd';
 import { Pagination as Pagination_2 } from 'antd';
+import { PaginationFilters } from '../../../../../../../../../../../src/components/hooks';
 import { PaginationLocale } from 'rc-pagination';
 import { PaginationProps as PaginationProps_2 } from 'antd';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
@@ -353,13 +352,6 @@ declare const ItemGroup: ForwardRefExoticComponent<Omit<MenuItemGroupProps, "ref
 
 export declare type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
 
-declare type IValueSearch = {
-    keyword: string | undefined;
-    attributeType: string | null | undefined;
-    PageIndex: number;
-    PageSize: number;
-};
-
 export declare const Label: ({ label, required }: LabelProps) => JSX.Element;
 
 export declare interface LabelProps {
@@ -548,7 +540,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, className, editable, onSave, titleSettingTableModal, showSetting, setColumns, resetToInitialFilters, handleSearch, renderHeadingSearch, rightHeadingContent, status, ...rest }: TableCommonProps<T>) => JSX.Element;
+export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, status, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -561,7 +553,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     columns: TableColumnsType<T>;
     loading?: boolean;
     totalItems: number;
-    filters: any;
+    filters: PaginationFilters;
     onChangePage: (page: number) => void;
     onChangePageSize: (size: number) => void;
     onSort?: (sortField: string | number | symbol) => void;
@@ -575,9 +567,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     titleSettingTableModal?: string;
     showSetting?: boolean;
     setColumns?: (newColumns: TableColumnsType<T>) => void;
-    resetToInitialFilters: () => void;
-    handleSearch: (nextFilters: InitialFiltersSearch<IValueSearch>) => void;
-    renderHeadingSearch: (filters: InitialFiltersSearch<IValueSearch>, handleSearch: (nextFilters: InitialFiltersSearch<IValueSearch>) => void, resetToInitialFilters: () => void) => JSX_2.Element;
+    renderHeadingSearch: () => ReactNode;
     rightHeadingContent: ReactNode;
     status?: number;
 }