@pnkx-lib/ui 1.9.395 → 1.9.396

package/es/fields/Input.js

@@ -1321,15 +1321,6 @@ const Input = (props) => {
   const handleCompositionEnd = useCallback(
     (e) => {
       setIsComposing(false);
-      const syntheticEvent = {
-        target: {
-          value: e.currentTarget.value,
-          name
-        }
-      };
-      setTimeout(() => {
-        handleChange(syntheticEvent);
-      }, 0);
       const input = inputRef.current?.input;
       if (input) {
         setTimeout(() => {

package/es/ui/SelectSingleTable.js

@@ -19,7 +19,8 @@ const SelectSingleTable = ({
   loadMoreThreshold = 50,
   searchPlaceholder = "Tìm kiếm...",
   displayField,
-  customeClassTable = "",
+  customeContentTable = "",
+  customeContainerTable = "",
   ...selectProps
 }) => {
   const [open, setOpen] = useState(false);
@@ -95,33 +96,41 @@ const SelectSingleTable = ({
     setOpen(visible);
   };
   const dropdownRender = () => /* @__PURE__ */ jsxs("div", { className: "select-single-table-dropdown", children: [
-    /* @__PURE__ */ jsxs("div", { className: "overflow-x-hidden w-full", children: [
-      /* @__PURE__ */ jsx(
-        Table,
-        {
-          className: twMerge(`select-single-table-custom ${customeClassTable}`),
-          columns,
-          dataSource: currentDataSource,
-          rowKey,
-          size: tableProps.size || "small",
-          pagination: false,
-          scroll: { y: 400 },
-          style: { overflowX: "hidden" },
-          loading: false,
-          onScroll: handleScroll,
-          onRow: (record) => ({
-            onClick: () => handleRowClick(record),
-            className: selectedKey === (typeof rowKey === "function" ? rowKey(record) : record[rowKey]) ? "ant-table-row-selected" : ""
-          }),
-          ...tableProps
-        }
-      ),
-      (internalLoading || loading) && /* @__PURE__ */ jsxs("div", { className: "text-center py-2 border-t border-gray-200", children: [
-        /* @__PURE__ */ jsx(Spin, { size: "small" }),
-        " Đang tải thêm..."
-      ] }),
-      !hasMore && currentDataSource.length > 0 && infiniteScroll && /* @__PURE__ */ jsx("div", { className: "text-center py-2 border-t border-gray-200 text-gray-500 text-xs", children: "Đã hiển thị tất cả dữ liệu" })
-    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: twMerge("overflow-x-hidden w-full", customeContainerTable),
+        children: [
+          /* @__PURE__ */ jsx(
+            Table,
+            {
+              className: twMerge(
+                `select-single-table-custom ${customeContentTable}`
+              ),
+              columns,
+              dataSource: currentDataSource,
+              rowKey,
+              size: tableProps.size || "small",
+              pagination: false,
+              scroll: { y: 400 },
+              style: { overflowX: "hidden" },
+              loading: false,
+              onScroll: handleScroll,
+              onRow: (record) => ({
+                onClick: () => handleRowClick(record),
+                className: selectedKey === (typeof rowKey === "function" ? rowKey(record) : record[rowKey]) ? "ant-table-row-selected" : ""
+              }),
+              ...tableProps
+            }
+          ),
+          (internalLoading || loading) && /* @__PURE__ */ jsxs("div", { className: "text-center py-2 border-t border-gray-200", children: [
+            /* @__PURE__ */ jsx(Spin, { size: "small" }),
+            " Đang tải thêm..."
+          ] }),
+          !hasMore && currentDataSource.length > 0 && infiniteScroll && /* @__PURE__ */ jsx("div", { className: "text-center py-2 border-t border-gray-200 text-gray-500 text-xs", children: "Đã hiển thị tất cả dữ liệu" })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { className: "mt-2 p-2 border-t border-gray-200 text-xs text-gray-600", children: [
       selectedKey ? `Đã chọn: 1 mục` : "Chưa chọn mục nào",
       " | Tổng:",

package/es/ui/SelectTable.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Select, Table, Spin } from 'antd';
 import { useState, useCallback } from 'react';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const SelectTable = ({
   columns,
@@ -18,6 +19,8 @@ const SelectTable = ({
   searchPlaceholder = "Tìm kiếm...",
   displayField = "",
   selectedRows = [],
+  customeContentTable = "",
+  customeContainerTable = "",
   ...selectProps
 }) => {
   const [open, setOpen] = useState(false);
@@ -93,11 +96,11 @@ const SelectTable = ({
     }
     setOpen(visible);
   };
-  const dropdownRender = () => /* @__PURE__ */ jsx("div", { className: "select-table-dropdown", children: /* @__PURE__ */ jsxs("div", { className: "overflow-x-hidden w-full", children: [
+  const dropdownRender = () => /* @__PURE__ */ jsx("div", { className: "select-table-dropdown", children: /* @__PURE__ */ jsxs("div", { className: twMerge("overflow-x-hidden w-full", customeContainerTable), children: [
     /* @__PURE__ */ jsx(
       Table,
       {
-        className: "select-table-custom",
+        className: twMerge("select-table-custom", customeContentTable),
         rowSelection,
         columns,
         dataSource: currentDataSource,

package/package.json

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

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

@@ -19,6 +19,7 @@ export interface SelectSingleTableProps<T = Record<string, unknown>> extends Omi
     loadMoreThreshold?: number;
     searchPlaceholder?: string;
     displayField: string;
-    customeClassTable?: string;
+    customeContentTable?: string;
+    customeContainerTable?: string;
 }
-export declare const SelectSingleTable: <T>({ columns, dataSource, selectedKey, selectedRow, onSelectionChange, onLoadMore, onSearch, hasMore, loading, rowKey, tableProps, infiniteScroll, loadMoreThreshold, searchPlaceholder, displayField, customeClassTable, ...selectProps }: SelectSingleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectSingleTable: <T>({ columns, dataSource, selectedKey, selectedRow, onSelectionChange, onLoadMore, onSearch, hasMore, loading, rowKey, tableProps, infiniteScroll, loadMoreThreshold, searchPlaceholder, displayField, customeContentTable, customeContainerTable, ...selectProps }: SelectSingleTableProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -19,5 +19,7 @@ export interface SelectTableProps<T = Record<string, unknown>> extends Omit<Sele
     searchPlaceholder?: string;
     displayField?: string;
     selectedRows?: T[];
+    customeContentTable?: string;
+    customeContainerTable?: string;
 }
-export declare const SelectTable: <T>({ columns, dataSource, selectedKeys, onSelectionChange, onLoadMore, onSearch, hasMore, loading, rowKey, tableProps, infiniteScroll, loadMoreThreshold, searchPlaceholder, displayField, selectedRows, ...selectProps }: SelectTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectTable: <T>({ columns, dataSource, selectedKeys, onSelectionChange, onLoadMore, onSearch, hasMore, loading, rowKey, tableProps, infiniteScroll, loadMoreThreshold, searchPlaceholder, displayField, selectedRows, customeContentTable, customeContainerTable, ...selectProps }: SelectTableProps<T>) => import("react/jsx-runtime").JSX.Element;