@pnkx-lib/ui 1.9.35 → 1.9.37

package/es/fields/index.js

@@ -1,2 +1,2 @@
-export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, b as TinyMCE } from '../chunks/Switch-Ck9WdQgt.js';
-export { R as RadioGroup, S as Select } from '../chunks/Radio-5j1KNRlx.js';
+export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, S as Select, b as TinyMCE } from '../chunks/Switch-5fY0eC69.js';
+export { R as RadioGroup } from '../chunks/Radio-Cy7MuC6V.js';

package/es/index.js

@@ -1,6 +1,6 @@
-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-DqaASOI_.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';
+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-BnBtGpK2.js';
+export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, S as Select, a as TINY_API, b as TinyMCE, T as Typography } from './chunks/Switch-5fY0eC69.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';
-export { R as RadioGroup, S as Select } from './chunks/Radio-5j1KNRlx.js';
+export { R as RadioGroup } from './chunks/Radio-Cy7MuC6V.js';
 export { u as useFiltersHandler, a as useMessage, b as useToggle } from './chunks/useToggle-C5Y4aFUQ.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-DqaASOI_.js';
-export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/Switch-Ck9WdQgt.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-BnBtGpK2.js';
+export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/Switch-5fY0eC69.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.35",
+  "version": "1.9.37",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/index.d.ts

@@ -41,6 +41,7 @@ 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';
@@ -386,6 +387,12 @@ export declare type FlexProps = FlexProps_2;
 
 export declare type FlexPropsUnion = BaseProps_7 & FlexProps;
 
+declare interface GroupHeadingButtonItem {
+    label: string;
+    value: number;
+    keyActive: number;
+}
+
 export declare const Heading: (props: HeadingProps) => JSX.Element;
 
 export declare interface HeadingProps {
@@ -424,6 +431,13 @@ 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 {
@@ -695,7 +709,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, ...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, resetToInitialFilters, handleSearch, groupHeadingButtonItems, tagSearchItems, setTagSearchItems, setKeyActive, keyActive, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -722,6 +736,13 @@ 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;
+    groupHeadingButtonItems: GroupHeadingButtonItem[];
+    tagSearchItems?: string[];
+    setTagSearchItems?: (value: string[]) => void;
+    setKeyActive: (value: string | number) => void;
+    keyActive: string | number;
 }
 
 export declare const Tabs: default_2.FC<TabsProps>;

package/types/ui.d.ts

@@ -34,6 +34,7 @@ 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 { MenuDividerProps } from 'antd/es/menu';
 import { MenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
@@ -332,6 +333,12 @@ export declare type FlexProps = FlexProps_2;
 
 export declare type FlexPropsUnion = BaseProps_7 & FlexProps;
 
+declare interface GroupHeadingButtonItem {
+    label: string;
+    value: number;
+    keyActive: number;
+}
+
 export declare const Heading: (props: HeadingProps) => JSX.Element;
 
 export declare interface HeadingProps {
@@ -351,6 +358,13 @@ 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 {
@@ -539,7 +553,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, ...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, resetToInitialFilters, handleSearch, groupHeadingButtonItems, tagSearchItems, setTagSearchItems, setKeyActive, keyActive, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -566,6 +580,13 @@ 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;
+    groupHeadingButtonItems: GroupHeadingButtonItem[];
+    tagSearchItems?: string[];
+    setTagSearchItems?: (value: string[]) => void;
+    setKeyActive: (value: string | number) => void;
+    keyActive: string | number;
 }
 
 export declare const Tabs: default_2.FC<TabsProps>;

package/es/chunks/Radio-5j1KNRlx.js

@@ -1,103 +0,0 @@
-import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-Ck9WdQgt.js';
-import { Select as Select$1, Radio } from 'antd';
-
-const Select = (props) => {
-  //! State
-  const {
-    field,
-    formState,
-    label,
-    required,
-    afterOnChange,
-    customStyleContainer,
-    ...restProps
-  } = props;
-  const { name, value, onChange, onBlur } = field || {};
-  const { touchedFields, errors, isSubmitted } = formState || {};
-  const isTouched = get(touchedFields, name);
-  const errorMessage = get(errors, name)?.message;
-  //! Function
-  const handleChange = (val) => {
-    onChange?.(val);
-    afterOnChange?.(val);
-  };
-  const renderErrorMessage = () => {
-    if (!errorMessage) return null;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ErrorMessage,
-      {
-        errorMessage,
-        isTouched,
-        isSubmitted
-      }
-    );
-  };
-  //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: customStyleContainer, children: [
-    label && /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { label, required }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Select$1,
-      {
-        onChange: handleChange,
-        onBlur,
-        value,
-        style: { width: "100%" },
-        optionLabelProp: "label",
-        status: (isTouched || isSubmitted) && Boolean(errorMessage) ? "error" : void 0,
-        ...restProps
-      }
-    ),
-    renderErrorMessage()
-  ] });
-};
-
-const RadioGroup = (props) => {
-  //! State
-  const {
-    field,
-    formState,
-    customStyleRadio,
-    customStyleWrap = "",
-    afterOnChange,
-    options,
-    ...restProps
-  } = props;
-  const { name, value, onChange } = field || {};
-  const { touchedFields, errors, isSubmitted } = formState || {};
-  const isTouched = get(touchedFields, name);
-  const errorMessage = get(errors, name)?.message;
-  //! Function
-  const handleChange = (e) => {
-    onChange?.(e);
-    afterOnChange?.(e?.target?.value);
-  };
-  const renderErrorMessage = () => {
-    if (!errorMessage) return null;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ErrorMessage,
-      {
-        errorMessage,
-        isTouched,
-        isSubmitted
-      }
-    );
-  };
-  //! Render
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: customStyleWrap, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Radio.Group, { onChange: handleChange, value, ...restProps, children: options.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Radio,
-      {
-        value: item.value,
-        className: customStyleRadio,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography.Text, { children: [
-          " ",
-          item.label
-        ] })
-      },
-      `${name}-${item.value}`
-    )) }),
-    renderErrorMessage()
-  ] });
-};
-
-export { RadioGroup as R, Select as S };