@pnkx-lib/ui 1.9.342 → 1.9.344

package/es/chunks/common-BcURBmQ-.js

@@ -0,0 +1,6 @@
+const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
+const MAX_TAG_TEXT_LENGTH = 20;
+const MAX_TAG_COUNT = 2;
+const ID_TABLE_WRAPPER = "layout-wrapper-table";
+
+export { ID_TABLE_WRAPPER as I, MAX_TAG_TEXT_LENGTH as M, TINY_API as T, MAX_TAG_COUNT as a };

package/es/constants/index.js

@@ -1,4 +1,4 @@
-export { a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from '../chunks/common-BygVXrbX.js';
+export { I as ID_TABLE_WRAPPER, a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from '../chunks/common-BcURBmQ-.js';
 
 const START_PAGE = 1;
 const START_PAGE_SIZE = 10;

package/es/fields/Select.js

@@ -6,7 +6,7 @@ import { Label } from '../ui/Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { R as RefIcon } from '../chunks/CloseOutlined-D4eYNdNo.js';
 import { R as RefIcon$1 } from '../chunks/DownOutlined-DifOcKuo.js';
-import { M as MAX_TAG_TEXT_LENGTH, a as MAX_TAG_COUNT } from '../chunks/common-BygVXrbX.js';
+import { M as MAX_TAG_TEXT_LENGTH, a as MAX_TAG_COUNT } from '../chunks/common-BcURBmQ-.js';
 
 const SelectClearIcon = ({
   hasValue,

package/es/fields/TinyMCE.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { T as TINY_API } from '../chunks/common-BygVXrbX.js';
+import { T as TINY_API } from '../chunks/common-BcURBmQ-.js';
 import { get } from 'lodash';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';

package/es/index.js

@@ -2,7 +2,7 @@ export { Button } from './ui/Button.js';
 export { CascaderField } from './ui/Cascader.js';
 export { ErrorMessage } from './ui/ErrorMessage.js';
 export { Typography } from './ui/Typography.js';
-export { BulkActions, Table } from './ui/index.js';
+export { ActionRowTable, BulkActions, Table } from './ui/index.js';
 export { Modal } from './ui/Modal.js';
 export { Tooltip } from './ui/Tooltip.js';
 export { Tabs } from './ui/Tabs.js';
@@ -50,7 +50,7 @@ export { Image } from './ui/Image.js';
 export { ConfirmModal } from './ui/ConfirmModal.js';
 export { ErrorBoundary } from './ui/ErrorBoundary.js';
 export { CATEGORY_LIST_ENUM, CategoryStatus, badgeStatusCategoryConfig } from './ui/CategoryStatus.js';
-export { a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from './chunks/common-BygVXrbX.js';
+export { I as ID_TABLE_WRAPPER, a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from './chunks/common-BcURBmQ-.js';
 export { PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeStatusTable } from './constants/index.js';
 export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';
 export { Card } from './ui/Card.js';

package/es/ui/index.js

@@ -1,12 +1,14 @@
-export { Button } from './Button.js';
+import { Button } from './Button.js';
 export { CascaderField } from './Cascader.js';
 export { ErrorMessage } from './ErrorMessage.js';
 import { Typography } from './Typography.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useCallback, useEffect, useRef } from 'react';
 import { Select, Input, Pagination, Table as Table$1, Tooltip as Tooltip$1 } from 'antd';
-import { TypeStatusTable, TypeBulkActions } from '../constants/index.js';
-export { PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable } from '../constants/index.js';
+import { I as ID_TABLE_WRAPPER } from '../chunks/common-BcURBmQ-.js';
+export { a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from '../chunks/common-BcURBmQ-.js';
+import { TypeStatusTable, TypeActionRowTable, TypeBulkActions } from '../constants/index.js';
+export { PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE } from '../constants/index.js';
 export { Modal } from './Modal.js';
 import { Tooltip } from './Tooltip.js';
 export { Tabs } from './Tabs.js';
@@ -55,8 +57,8 @@ import { ConfirmModal } from './ConfirmModal.js';
 export { ErrorBoundary } from './ErrorBoundary.js';
 import { CATEGORY_LIST_ENUM } from './CategoryStatus.js';
 export { CategoryStatus, badgeStatusCategoryConfig } from './CategoryStatus.js';
-import { isEmpty, isBoolean } from 'lodash';
 import { useToggle } from '@pnkx-lib/core';
+import { isEmpty, isBoolean } from 'lodash';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 export { BreadcrumbHeading } from './BreadcrumbHeading.js';
 export { Card } from './Card.js';
@@ -68,7 +70,6 @@ export { ImportFile } from './ImportFile.js';
 export { ExportFile } from './ExportFile.js';
 export { UploadComponent } from './UploadComponent.js';
 export { useAppMessage } from './Message.js';
-export { a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from '../chunks/common-BygVXrbX.js';
 
 const iconTableNoData = "data:image/png;base64,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";
 
@@ -190,7 +191,7 @@ const useTableHeightWrapper = (options = {}) => {
   const calculateTableHeight = useCallback(() => {
     try {
       const viewportHeight = window.innerHeight;
-      const layoutWrapper = document.getElementById("layout-wrapper-table");
+      const layoutWrapper = document.getElementById(ID_TABLE_WRAPPER);
       if (!layoutWrapper) {
         console.error("Layout wrapper table container not found");
         setTableHeight(minHeight);
@@ -271,7 +272,7 @@ const useTableHeightWrapper = (options = {}) => {
         setTimeout(calculateTableHeight, 100);
       }
     });
-    const layoutWrapper = document.getElementById("layout-wrapper-table");
+    const layoutWrapper = document.getElementById("ID_TABLE_WRAPPER");
     const tableContainer = document.getElementById(tableContainerId);
     if (layoutWrapper) {
       observer.observe(layoutWrapper, {
@@ -463,6 +464,15 @@ const EmptyTable = () => {
   ] });
 };
 
+const EditIcon = ({ stroke, fill = "#007BE5" }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 15, fill: "none", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fill,
+    stroke,
+    d: "m1.177 11.137.711.237-.711-.237ZM1.8 9.264l-.712-.238.712.238Zm.644-1.043.53.53-.53-.53ZM8.667 2l-.53-.53.53.53ZM12 5.333l.53.53-.53-.53Zm-6.222 6.222-.53-.53.53.53Zm-1.042.644.237.711-.237-.711Zm-1.873.624.237.712-.237-.712Zm2.574-.95-.452-.598.452.599Zm-.263.163-.333-.672.333.672Zm7.629-9.11-.672.333.672-.333Zm0 1.48-.672-.333.672.333Zm-3.21-3.21.333.673-.333-.672Zm1.48 0-.333.673.333-.672Zm-9.11 7.63.673.333-.672-.333Zm.163-.263-.599-.452.6.452Zm-1.26 4.066-.706.252.706-.252Zm.505.505-.252.706.252-.706ZM8.364 2.303a.75.75 0 0 0-1.061 1.06l1.06-1.06Zm2.272 4.394a.75.75 0 0 0 1.061-1.06l-1.06 1.06ZM7 12.917a.75.75 0 0 0 0 1.5v-1.5Zm5.833 1.5a.75.75 0 0 0 0-1.5v1.5Zm-11.656-3.28.711.237.624-1.873-.711-.237-.712-.238L.465 10.9l.712.238ZM2.445 8.22l.53.53 6.222-6.22L8.667 2l-.53-.53-6.222 6.22.53.531ZM12 5.333l-.53-.53-6.222 6.221.53.53.53.53 6.222-6.22-.53-.53ZM4.736 12.2l-.237-.712-1.873.625.237.711.237.712 1.873-.625-.237-.711Zm1.042-.644-.53-.53c-.18.18-.222.219-.263.25l.452.599.451.598c.144-.108.269-.235.42-.387l-.53-.53Zm-1.042.644.237.711c.204-.068.373-.122.535-.202l-.334-.672-.333-.672c-.047.023-.1.043-.342.123l.237.712Zm.7-.325-.451-.6a.92.92 0 0 1-.144.09l.333.672.334.672c.134-.067.261-.146.38-.236l-.451-.598ZM12 2l-.53.53c.497.497.608.622.661.73l.672-.334.672-.333c-.19-.383-.533-.712-.945-1.124L12 2Zm0 3.333.53.53c.412-.411.755-.74.945-1.124l-.672-.333-.672-.333c-.053.107-.164.233-.661.73l.53.53Zm.803-2.407-.672.333a.917.917 0 0 1 0 .814l.672.333.672.333a2.417 2.417 0 0 0 0-2.146l-.672.333ZM8.667 2l.53.53c.497-.497.622-.608.73-.661l-.334-.672L9.26.525c-.383.19-.712.533-1.124.944l.53.53ZM12 2l.53-.53c-.411-.412-.74-.755-1.124-.945l-.333.672-.333.672c.107.053.232.164.73.661L12 2Zm-2.407-.803.333.672a.917.917 0 0 1 .814 0l.333-.672.333-.672a2.417 2.417 0 0 0-2.146 0l.333.672ZM1.801 9.264l.711.237c.081-.242.1-.295.124-.342l-.672-.333-.672-.334c-.08.161-.135.33-.203.534l.712.238Zm.644-1.043-.53-.53c-.152.152-.279.276-.388.42l.6.452.598.452a2.99 2.99 0 0 1 .25-.263l-.53-.53Zm-.481.605.672.333c.025-.05.055-.1.089-.144l-.599-.452-.599-.452c-.09.12-.168.247-.235.381l.672.334Zm-.787 2.31L.465 10.9c-.13.393-.246.737-.312 1.016-.063.267-.118.617.007.966l.706-.252.706-.252c.028.078-.007.088.041-.119.046-.196.135-.463.275-.884l-.711-.237Zm1.686 1.687-.237-.711c-.421.14-.688.228-.884.274-.208.049-.197.014-.12.041l-.251.707-.252.706c.349.124.698.07.966.007.278-.066.622-.181 1.015-.312l-.237-.712ZM.866 12.63l-.706.252c.16.447.511.8.96.96l.251-.707.252-.707a.083.083 0 0 1-.05-.05l-.707.252Zm6.967-9.796-.53.53 3.333 3.334.53-.53.531-.53-3.333-3.334-.53.53ZM7 13.666v.75h5.833v-1.5H7v.75Z"
+  }
+) });
+
 const RestoreIcon = ({ stroke, fill }) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 22, height: 22, fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
@@ -590,6 +600,65 @@ const MoreIcon = ({ stroke, fill }) => /* @__PURE__ */ jsx("svg", { xmlns: "http
   }
 ) });
 
+const ActionRowTable = ({
+  type,
+  contentTooltip,
+  handleClick
+}) => {
+  //! State
+  const {
+    shouldRender: shouldRenderDelete,
+    open: openDelete,
+    toggle: toggleDelete
+  } = useToggle();
+  //! Function
+  const handleDelete = () => {
+    handleClick?.();
+    toggleDelete();
+  };
+  const renderAction = () => {
+    switch (type) {
+      case TypeActionRowTable.EDIT:
+        return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Tooltip, { title: contentTooltip, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleClick,
+            type: "text",
+            className: "cursor-pointer",
+            shape: "circle",
+            icon: /* @__PURE__ */ jsx(EditIcon, { fill: "#007BE5" })
+          }
+        ) }) });
+      case TypeActionRowTable.DELETE:
+        return /* @__PURE__ */ jsx(Tooltip, { title: contentTooltip, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: toggleDelete,
+            type: "text",
+            className: "cursor-pointer",
+            shape: "circle",
+            icon: /* @__PURE__ */ jsx(DeleteIcon, { fill: "#DD4338" })
+          }
+        ) });
+    }
+  };
+  //! Render
+  return /* @__PURE__ */ jsxs("div", { children: [
+    shouldRenderDelete && /* @__PURE__ */ jsx(
+      ConfirmModal,
+      {
+        title: "Xác nhận xóa",
+        content: "Bạn có chắc chắn muốn xóa không? Hành động này không thể hoàn tác.",
+        typeIcon: "error",
+        open: openDelete,
+        handleCancel: toggleDelete,
+        handleSubmit: handleDelete
+      }
+    ),
+    renderAction()
+  ] });
+};
+
 const BulkAction = ({
   quantity = 0,
   listIcon,
@@ -882,4 +951,4 @@ const BulkActions = ({
   ] });
 };
 
-export { BulkActions, CATEGORY_LIST_ENUM, ConfirmModal, Popover, Table, Tooltip, TypeBulkActions, TypeStatusTable, Typography };
+export { ActionRowTable, BulkActions, Button, CATEGORY_LIST_ENUM, ConfirmModal, ID_TABLE_WRAPPER, Popover, Table, Tooltip, TypeActionRowTable, TypeBulkActions, TypeStatusTable, Typography };

package/package.json

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

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TypeActionRowTable } from '../../../../constants/table';
+export interface ActionRowTableProps {
+    type: TypeActionRowTable;
+    handleClick?: () => void;
+    contentTooltip?: React.ReactNode;
+    content?: React.ReactNode;
+    diabled?: boolean;
+}
+export declare const ActionRowTable: ({ type, contentTooltip, handleClick, }: ActionRowTableProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -50,6 +50,7 @@ export * from './Image';
 export * from './ConfirmModal';
 export * from './ErrorBoundary';
 export * from './CategoryStatus';
+export * from '../ui/Table/ActionRowTable';
 export * from '../../constants/index';
 export * from './BulkActions';
 export * from './BreadcrumbHeading';

package/types/constants/common.d.ts

@@ -1,3 +1,4 @@
 export declare const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
 export declare const MAX_TAG_TEXT_LENGTH = 20;
 export declare const MAX_TAG_COUNT = 2;
+export declare const ID_TABLE_WRAPPER = "layout-wrapper-table";

package/es/chunks/common-BygVXrbX.js

@@ -1,5 +0,0 @@
-const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
-const MAX_TAG_TEXT_LENGTH = 20;
-const MAX_TAG_COUNT = 2;
-
-export { MAX_TAG_TEXT_LENGTH as M, TINY_API as T, MAX_TAG_COUNT as a };