@pnkx-lib/ui 1.9.191 → 1.9.192

package/es/fields/Input.js

@@ -4,7 +4,7 @@ import { Input as Input$1 } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { Tooltip } from '../ui/Tooltip.js';
 
 /**

package/es/fields/PnkxField.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { C as Controller } from '../chunks/index.esm-DPdCEbIy.js';
+import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
 
 class PnkxField extends React.PureComponent {
   render() {

package/es/fields/Select.js

@@ -3,7 +3,7 @@ import { Select as Select$1 } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const Select = (props) => {
   //! State

package/es/fields/SliderRanger.js

@@ -3,7 +3,7 @@ import { Slider } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const SliderRange = (props) => {
   //! State

package/es/fields/SliderSingle.js

@@ -3,7 +3,7 @@ import { Slider } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const SliderSingle = (props) => {
   //! State

package/es/fields/Switch.js

@@ -3,7 +3,7 @@ import { Switch as Switch$1 } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const Switch = (props) => {
   //! State

package/es/fields/Textarea.js

@@ -4,7 +4,7 @@ import { g as get } from '../chunks/get-C880miVG.js';
 import { Input } from 'antd';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const { TextArea } = Input;
 const Textarea = forwardRef(

package/es/fields/TinyMCE.js

@@ -1301,6 +1301,45 @@ var getTinymce = function (view) {
     return global && global.tinymce ? global.tinymce : null;
 };
 
+const toInt = (str) => parseInt(str, 10);
+const cmp = (a, b) => {
+    const delta = a - b;
+    if (delta === 0) {
+        return 0 /* Comparison.EQ */;
+    }
+    return delta > 0 ? 1 /* Comparison.GT */ : -1 /* Comparison.LT */;
+};
+const nu = (major, minor, patch) => ({ major, minor, patch });
+const parse = (versionString) => {
+    const parts = /([0-9]+)\.([0-9]+)\.([0-9]+)(?:(\-.+)?)/.exec(versionString);
+    return parts ? nu(toInt(parts[1]), toInt(parts[2]), toInt(parts[3])) : nu(0, 0, 0);
+};
+const compare = (version1, version2) => {
+    const cmp1 = cmp(version1.major, version2.major);
+    if (cmp1 !== 0 /* Comparison.EQ */) {
+        return cmp1;
+    }
+    const cmp2 = cmp(version1.minor, version2.minor);
+    if (cmp2 !== 0 /* Comparison.EQ */) {
+        return cmp2;
+    }
+    const cmp3 = cmp(version1.patch, version2.patch);
+    if (cmp3 !== 0 /* Comparison.EQ */) {
+        return cmp3;
+    }
+    return 0 /* Comparison.EQ */;
+};
+
+// Creates a semver string out of tinymce major and minor properties this also handles
+// the pre semver case with 3.x versions of tinymce having a extra dot 1.2.3.4 we simply
+// ignore the extra dot and normalize that to proper semver
+const createSemVer = (tinymce) => {
+    const semver = [tinymce.majorVersion, tinymce.minorVersion].join('.');
+    return semver.split('.').slice(0, 3).join('.');
+};
+const getVersion = (tinymce) => parse(createSemVer(tinymce));
+const isLessThan = (tinymce, version) => !tinymce ? false : compare(getVersion(tinymce), parse(version)) === -1 /* Semver.Comparison.LT */;
+
 var isFunction = function (x) { return typeof x === 'function'; };
 var isEventProp = function (name) { return name in eventPropTypes; };
 var eventAttrToEventName = function (attrName) { return attrName.substr(2); };
@@ -1377,7 +1416,10 @@ var getTinymceOrError = function (view) {
     }
     return tinymce;
 };
-var isDisabledOptionSupported = function (editor) { return editor.options && editor.options.isRegistered('disabled'); };
+var isDisabledOptionSupported = function (view) {
+    var tinymce = getTinymceOrError(view);
+    return !isLessThan(tinymce, '7.6.0');
+};
 
 var __assign$1 = (undefined && undefined.__assign) || function () {
     __assign$1 = Object.assign || function(t) {
@@ -1643,7 +1685,9 @@ var Editor = /** @class */ (function (_super) {
                 return;
             }
             var tinymce = getTinymceOrError(_this.view);
-            var finalInit = __assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target, disabled: _this.props.disabled, readonly: _this.props.readonly, inline: _this.inline, plugins: mergePlugins((_a = _this.props.init) === null || _a === void 0 ? void 0 : _a.plugins, _this.props.plugins), toolbar: (_b = _this.props.toolbar) !== null && _b !== void 0 ? _b : (_c = _this.props.init) === null || _c === void 0 ? void 0 : _c.toolbar }), (_this.props.licenseKey ? { license_key: _this.props.licenseKey } : {})), { setup: function (editor) {
+            var finalInit = __assign(__assign(__assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target }), isDisabledOptionSupported(_this.view)
+                ? { disabled: _this.props.disabled, readonly: _this.props.readonly }
+                : { readonly: _this.props.disabled || _this.props.readonly }), { inline: _this.inline, plugins: mergePlugins((_a = _this.props.init) === null || _a === void 0 ? void 0 : _a.plugins, _this.props.plugins), toolbar: (_b = _this.props.toolbar) !== null && _b !== void 0 ? _b : (_c = _this.props.init) === null || _c === void 0 ? void 0 : _c.toolbar }), (_this.props.licenseKey ? { license_key: _this.props.licenseKey } : {})), { setup: function (editor) {
                     _this.editor = editor;
                     _this.bindHandlers({});
                     // When running in inline mode the editor gets the initial value
@@ -1660,14 +1704,6 @@ var Editor = /** @class */ (function (_super) {
                     if (_this.props.init && isFunction(_this.props.init.setup)) {
                         _this.props.init.setup(editor);
                     }
-                    if (_this.props.disabled) {
-                        if (isDisabledOptionSupported(_this.editor)) {
-                            _this.editor.options.set('disabled', _this.props.disabled);
-                        }
-                        else {
-                            _this.editor.mode.set('readonly');
-                        }
-                    }
                 }, init_instance_callback: function (editor) {
                     var _a;
                     // check for changes that happened since tinymce.init() was called
@@ -1763,7 +1799,7 @@ var Editor = /** @class */ (function (_super) {
                     setMode(this.editor, readonly ? 'readonly' : 'design');
                 }
                 if (this.props.disabled !== prevProps.disabled) {
-                    if (isDisabledOptionSupported(this.editor)) {
+                    if (isDisabledOptionSupported(this.view)) {
                         this.editor.options.set('disabled', this.props.disabled);
                     }
                     else {

package/es/fields/Upload.js

@@ -5,7 +5,7 @@ import { Upload, Image } from 'antd';
 import { g as get } from '../chunks/get-C880miVG.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-yV_Jlg2I.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';
 
 // This icon file is generated automatically.
 var PlusOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { "tag": "path", "attrs": { "d": "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, "name": "plus", "theme": "outlined" };

package/es/ui/BreadcrumbHeading.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
+import { c as className } from '../chunks/index-mzHK7Za8.js';
 import { Breadcrumb } from './Breadcrumb.js';
 import { useLocation, Link } from 'react-router';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const BreadcrumbHeading = (props) => {
   const { menu, customBreadcum } = props;
@@ -48,7 +48,7 @@ const BreadcrumbHeading = (props) => {
     ...customBreadcum ?? []
   ];
   //! Render
-  return /* @__PURE__ */ jsx("div", { className: twMerge("flex justify-between items-end"), children: /* @__PURE__ */ jsx(Breadcrumb, { items: dataBreadcum }) });
+  return /* @__PURE__ */ jsx("div", { className: className("flex justify-between items-end"), children: /* @__PURE__ */ jsx(Breadcrumb, { items: dataBreadcum }) });
 };
 
 export { BreadcrumbHeading };

package/es/ui/CategoryStatus.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 var CATEGORY_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_LIST_ENUM2) => {
   CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["DRAFT"] = 0] = "DRAFT";

package/es/ui/Container.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const Container = ({
   children,

package/es/ui/Heading.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { c as className } from '../chunks/index-mzHK7Za8.js';
 import { Breadcrumb } from './Breadcrumb.js';
 import { useLocation, Link } from 'react-router';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const Heading = (props) => {
   const { rightContent, children, noBreadcum, classNameWrapHeading, menu } = props;
@@ -50,7 +50,7 @@ const Heading = (props) => {
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: twMerge(
+        className: className(
           "flex justify-between items-end",
           classNameWrapHeading
         ),

package/es/ui/Layout.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { S as SiderContext, a as Sider, C as Content, F as Footer, H as Header, L as Layout$1 } from '../chunks/layout-DLP6LR8f.js';
+import { S as SiderContext, a as Sider, C as Content, F as Footer, H as Header, L as Layout$1 } from '../chunks/layout-DnU0VrHH.js';
 
 const LayoutComponent = ({
   layoutClassName,

package/es/ui/SearchFilterForm.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { u as useForm } from '../chunks/index.esm-DPdCEbIy.js';
+import { u as useForm } from '../chunks/index.esm-o4O8pXMN.js';
 import { Button } from './Button.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-yV_Jlg2I.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';
 import * as React from 'react';
 
 // This icon file is generated automatically.

package/es/ui/Sidebar.js

@@ -2,11 +2,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import { useNavigate, useLocation } from 'react-router';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
-import { H as Header } from '../chunks/layout-DLP6LR8f.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { H as Header } from '../chunks/layout-DnU0VrHH.js';
 import { AutoComplete, Divider, Dropdown, Flex } from 'antd';
 import { Input } from '../fields/Input.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-yV_Jlg2I.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';
 
 // This icon file is generated automatically.
 var DownOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };

package/es/ui/UploadImage.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { useState } from 'react';
 import { Upload, Image, Tooltip, message } from 'antd';
 import { Spin } from './Spin.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-yV_Jlg2I.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';
 
 // This icon file is generated automatically.
 var CloseOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };

package/es/ui/index.js

@@ -6,11 +6,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useLayoutEffect, useEffect, useRef, useMemo, useCallback, useState, memo, useReducer, createContext, useContext } from 'react';
 import { Table as Table$1 } from 'antd';
 import { Modal } from './Modal.js';
-import { u as useForm } from '../chunks/index.esm-DPdCEbIy.js';
+import { u as useForm } from '../chunks/index.esm-o4O8pXMN.js';
 import { PnkxField } from '../fields/PnkxField.js';
 import { Checkbox } from '../fields/Checkbox.js';
 import { unstable_batchedUpdates, createPortal } from 'react-dom';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { Badge } from './Badge.js';
 export { typeColorMap } from './Badge.js';
 import { Heading } from './Heading.js';
@@ -4872,15 +4872,15 @@ const BulkAction = ({
 
 const BulkActions = ({
   quantity = 0,
-  handleDelete,
-  handleSubmitForApproval,
-  handleCancelSubmission,
-  handleApprove,
+  handleRestore,
+  handleSendApproval,
+  handleCancelSendApproval,
+  handleRefuseApproval,
+  handleApproval,
   handleCancelApproval,
-  handleReject,
-  handleDeactivate,
+  handleDelete,
   handleActivate,
-  handleRestore,
+  handleInActivate,
   status
 }) => {
   //! State
@@ -4900,7 +4900,7 @@ const BulkActions = ({
       icon: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "white" }),
       iconDropList: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "#0F1D40" }),
       iconDisable: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "#B2B7C2" }),
-      action: handleSubmitForApproval,
+      action: handleSendApproval,
       name: "Gửi duyệt",
       typeIcon: "info",
       title: "Xác nhận gửi duyệt",
@@ -4911,7 +4911,7 @@ const BulkActions = ({
       icon: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "white" }),
       iconDropList: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "#0F1D40" }),
       iconDisable: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "#B2B7C2" }),
-      action: handleCancelSubmission,
+      action: handleCancelSendApproval,
       name: "Huỷ gửi duyệt",
       typeIcon: "error",
       title: "Xác nhận hủy gửi duyệt",
@@ -4922,7 +4922,7 @@ const BulkActions = ({
       icon: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "white" }),
       iconDropList: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "#0F1D40" }),
       iconDisable: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "#B2B7C2" }),
-      action: handleReject,
+      action: handleRefuseApproval,
       name: "Từ chối duyệt",
       typeIcon: "error",
       title: "Xác nhận từ chối duyệt",
@@ -4933,7 +4933,7 @@ const BulkActions = ({
       icon: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "white" }),
       iconDropList: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "#0F1D40" }),
       iconDisable: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "#B2B7C2" }),
-      action: handleApprove,
+      action: handleApproval,
       name: "Duyệt",
       typeIcon: "info",
       title: "Xác nhận duyệt",
@@ -4981,7 +4981,7 @@ const BulkActions = ({
       icon: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "white" }),
       iconDropList: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "#0F1D40" }),
       iconDisable: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "#B2B7C2" }),
-      action: handleDeactivate,
+      action: handleInActivate,
       name: "Vô hiệu hóa",
       typeIcon: "info",
       title: "Xác nhận vô hiệu hóa",
@@ -5158,7 +5158,7 @@ const Table = ({
     rowsSelected && !isEmpty(rowsSelected) && /* @__PURE__ */ jsx("div", { className: "fixed bottom-1/100 left-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(
       BulkActions,
       {
-        type: TypeBulkActions.BULK_ACTION,
+        type: TypeBulkActions.BULKACTION,
         quantity: rowsSelected?.length,
         status,
         ...bulkActionHandlers

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.191",
+  "version": "1.9.192",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -134,7 +134,7 @@
     "@headlessui/react": "^2.2.2",
     "@heroicons/react": "^2.2.0",
     "@hookform/resolvers": "^5.0.1",
-    "@pnkx-lib/core": "^1.1.56",
+    "@pnkx-lib/core": "^1.1.62",
     "@pnkx-lib/icon": "^0.0.35",
     "@tailwindcss/cli": "^4.1.6",
     "@tinymce/miniature": "^6.0.0",

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

@@ -1,9 +1,17 @@
 import { ConfirmModalProps } from '../ConfirmModal';
-import { BulkActionHandlers } from '@pnkx-lib/core';
 import { TypeBulkActions, TypeStatusTable } from '../../../constants';
 import { CATEGORY_LIST_ENUM } from '../CategoryStatus';
-interface IBulkActionsProps extends Partial<BulkActionHandlers> {
+interface IBulkActionsProps {
     quantity?: number;
+    handleRestore?: () => void;
+    handleSendApproval?: () => void;
+    handleCancelSendApproval?: () => void;
+    handleRefuseApproval?: () => void;
+    handleApproval?: () => void;
+    handleCancelApproval?: () => void;
+    handleDelete?: () => void;
+    handleActivate?: () => void;
+    handleInActivate?: () => void;
     status?: TypeStatusTable;
     type?: TypeBulkActions;
 }
@@ -18,5 +26,5 @@ export type TListIcon = {
     typeIcon?: ConfirmModalProps["typeIcon"];
     name?: string;
 };
-export declare const BulkActions: ({ quantity, handleDelete, handleSubmitForApproval, handleCancelSubmission, handleApprove, handleCancelApproval, handleReject, handleDeactivate, handleActivate, handleRestore, status, }: IBulkActionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BulkActions: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: IBulkActionsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@ import { default as React, ReactNode } from 'react';
 import { TableColumnsType as TableColumnsTypeAntd } from 'antd';
 import { TableProps } from 'antd/lib/table';
 import { SorterResult } from 'antd/es/table/interface';
-import { BulkActionHandlers, InitialFiltersSearch } from '@pnkx-lib/core';
+import { InitialFiltersSearch } from '@pnkx-lib/core';
 import { MenuType } from '../Sidebar';
 import { GroupHeadingButtonItem } from './HeadingTable/components/GroupHeadingButton';
 import { TypeStatusTable } from '../../../constants';
@@ -15,6 +15,17 @@ export type TableColumnsType<T> = TableColumnsTypeAntd<T> & TableColumnsTypeEdit
 export type TFilters = {
     status?: TypeStatusTable;
 };
+export interface BulkActionHandlers {
+    handleRestore?: () => void;
+    handleSendApproval?: () => void;
+    handleCancelSendApproval?: () => void;
+    handleRefuseApproval?: () => void;
+    handleApproval?: () => void;
+    handleCancelApproval?: () => void;
+    handleDelete?: () => void;
+    handleActivate?: () => void;
+    handleInActivate?: () => void;
+}
 export interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
     dataSource?: T[];
     columns: TableColumnsType<T>;

package/types/constants/table.d.ts

@@ -17,8 +17,8 @@ export declare enum TypeActionRowTable {
     VIEW = "VIEW"
 }
 export declare enum TypeBulkActions {
-    BULK_ACTION = "bulkaction",
-    DROP_LIST = "droplist"
+    BULKACTION = "bulkaction",
+    DROPLIST = "droplist"
 }
 export declare enum TypeStatusTable {
     ALL = "ALL",// Tất cả