@pnkx-lib/ui 1.9.235 → 1.9.237

package/es/index.js

@@ -56,7 +56,7 @@ export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';
 export { Card } from './ui/Card.js';
 export { ConfigProvider } from './ui/ConfigProvider.js';
 export { PageNotFound } from './ui/PageNotFound.js';
-export { UploadImageController } from './ui/UploadImage.js';
+export { UploadImage } from './ui/UploadImage.js';
 export { Input } from './fields/Input.js';
 export { PnkxField } from './fields/PnkxField.js';
 export { Select } from './fields/Select.js';

package/es/ui/ConfirmModal.js

@@ -101,7 +101,7 @@ const ConfirmModal = ({
   };
   //! Function
   //! Render
-  return /* @__PURE__ */ jsx(Modal, { ...restProps, footer: null, closeIcon: null, width: 400, children: /* @__PURE__ */ jsxs("div", { children: [
+  return /* @__PURE__ */ jsx(Modal, { ...restProps, footer: null, closeIcon: null, width: 400, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
       /* @__PURE__ */ jsx("div", { className: "max-w-fit", children: /* @__PURE__ */ jsx(IconType, {}) }),
       /* @__PURE__ */ jsxs("div", { children: [

package/es/ui/UploadComponent.js

@@ -26,16 +26,18 @@ if (process.env.NODE_ENV !== 'production') {
 const logoUpload = "data:image/png;base64,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";
 
 const { Dragger } = Upload;
-const UploadImage = ({
+const UploadComponent = ({
   onUploadSuccess,
   label,
   customStyleUpload,
   customStyleContainer,
   required,
   styleImageDefault,
+  imageValue,
+  errorMessage,
   ...restProps
 }) => {
-  const [imageUrl, setImageUrl] = useState("");
+  const [imageUrl, setImageUrl] = useState(imageValue);
   const [loading, setLoading] = useState(false);
   const handleUpload = async (options) => {
     const { file } = options;
@@ -121,8 +123,12 @@ const UploadImage = ({
       ) }),
       /* @__PURE__ */ jsx("p", { className: "ant-upload-text text-[#116DFF] text-[14px] font-[400]", children: "Tải hình ảnh lên" }),
       /* @__PURE__ */ jsx("p", { className: "ant-upload-hint text-[14px] font-[400]", children: "Ảnh có kích thước 400x400 px và dung lượng dưới 1MB" })
-    ] }) }) })
+    ] }) }) }),
+    errorMessage && /* @__PURE__ */ jsxs("p", { className: "text-red-600 text-sm mt-1", children: [
+      " ",
+      errorMessage
+    ] })
   ] });
 };
 
-export { UploadImage };
+export { UploadComponent };

package/es/ui/UploadImage.js

@@ -1,27 +1,30 @@
 import { jsx } from 'react/jsx-runtime';
 import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
-import { UploadImage } from './UploadComponent.js';
+import { UploadComponent } from './UploadComponent.js';
 
-const UploadImageController = ({
+const UploadImage = ({
   name,
   label,
   required,
   customStyleContainer,
   customStyleUpload,
   styleImageDefault,
-  control
+  control,
+  errorMessage
 }) => {
   return /* @__PURE__ */ jsx(
     Controller,
     {
       name,
       control,
-      render: ({ field: { onChange } }) => /* @__PURE__ */ jsx(
-        UploadImage,
+      render: ({ field: { onChange, value } }) => /* @__PURE__ */ jsx(
+        UploadComponent,
         {
           onUploadSuccess: onChange,
           label,
+          imageValue: value,
           required,
+          errorMessage,
           customStyleContainer,
           customStyleUpload,
           styleImageDefault
@@ -31,4 +34,4 @@ const UploadImageController = ({
   );
 };
 
-export { UploadImageController };
+export { UploadImage };

package/es/ui/index.js

@@ -67,7 +67,7 @@ export { BreadcrumbHeading } from './BreadcrumbHeading.js';
 export { Card } from './Card.js';
 export { ConfigProvider } from './ConfigProvider.js';
 export { PageNotFound } from './PageNotFound.js';
-export { UploadImageController } from './UploadImage.js';
+export { UploadImage } from './UploadImage.js';
 export { T as TINY_API } from '../chunks/common-CocKiHtC.js';
 
 const SettingColumnItem = ({ lable, name, control }) => {

package/package.json

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

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

@@ -1,42 +1,14 @@
-import { default as React } from 'react';
-import { TableProps } from 'antd/lib/table';
-import { SorterResult } from 'antd/es/table/interface';
-import { SizeType } from 'antd/es/config-provider/SizeContext';
-import { InitialFiltersSearch } from '@pnkx-lib/core';
+import { DefaultValues } from 'react-hook-form';
+import { TableColumnsType as TableColumnsTypeAntd } from 'antd';
+import { ColumnTypes, RowCommon, TableCommonProps } from '../Table';
 import * as yup from "yup";
-interface RowCommon {
-    [x: string]: any;
-}
-type ColumnTypes<T> = Exclude<TableProps<T>["columns"], undefined>;
-export type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {})[];
-export type TFilters = {
-    status?: any;
-};
-export interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
-    dataSource?: T[];
-    columns: TableColumnsTypeEditable<T>;
-    loading?: boolean;
-    totalItems?: number;
-    filters: InitialFiltersSearch<TFilters>;
-    onChangePage: (page: number) => void;
-    onChangePageSize: (size: number) => void;
-    onSort?: (sortField: SorterResult<T> | SorterResult<T>[]) => void;
-    rowsSelected?: React.Key[];
-    onSelect: (newSelectedRowKeys: React.Key[]) => void;
-    onRowClick?: (record: T) => void;
-    rowKey?: string | ((record: T) => string);
-    onDoubleClickRow?: (record: T) => void;
-    titleSettingTableModal?: string;
-    showSetting?: boolean;
-    setColumns?: (newColumns: TableColumnsTypeEditable<T>) => void;
-    defaultEllipsis?: boolean;
-    size?: SizeType;
-    setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
-    showIndexColumn?: boolean;
-    editable?: boolean;
+export interface EditableTableCommonProps<T> extends TableCommonProps<T> {
     onSave?: (data: T) => void;
     schema?: yup.AnyObjectSchema;
-    initialValueForm?: T;
+    initialValueForm?: DefaultValues<T>;
 }
-export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, titleSettingTableModal, showSetting, setColumns, showIndexColumn, setFilters, editable, onSave, schema, onDoubleClickRow, defaultEllipsis, size, ...rest }: TableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};
+export type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
+    editable?: boolean;
+})[];
+export type TableColumnsType<T> = TableColumnsTypeAntd<T> & TableColumnsTypeEditable<T>;
+export declare const EditableTable: <T extends RowCommon>({ onSave, schema, initialValueForm, rowKey, columns, ...rest }: EditableTableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,10 +6,10 @@ import { BulkActionHandlers, InitialFiltersSearch } from '@pnkx-lib/core';
 import { MenuType } from '../Sidebar';
 import { GroupHeadingButtonItem } from './HeadingTable/components/GroupHeadingButton';
 import { SizeType } from 'antd/es/config-provider/SizeContext';
-interface RowCommon {
+export interface RowCommon {
     [x: string]: any;
 }
-type ColumnTypes<T> = Exclude<TableProps<T>["columns"], undefined>;
+export type ColumnTypes<T> = Exclude<TableProps<T>["columns"], undefined>;
 export type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {})[];
 export type TableColumnsType<T> = TableColumnsTypeAntd<T> & TableColumnsTypeEditable<T>;
 export type TFilters = {
@@ -44,4 +44,3 @@ export interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
     rightHeadingContent?: ReactNode;
 }
 export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, menu, groupHeadingButtonItems, showIndexColumn, setFilters, noBreadcum, bulkActionHandlers, size, defaultEllipsis, onDoubleClickRow, ...rest }: TableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -6,6 +6,8 @@ interface UploadImageProps {
     label?: string;
     required?: boolean;
     styleImageDefault?: string;
+    imageValue?: string;
+    errorMessage?: string;
 }
-export declare const UploadImage: React.FC<UploadImageProps>;
+export declare const UploadComponent: React.FC<UploadImageProps>;
 export {};

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

@@ -7,7 +7,8 @@ interface UploadImageControllerProps {
     customStyleContainer?: string;
     customStyleUpload?: string;
     styleImageDefault?: string;
-    control: Control;
+    control: Control | any;
+    errorMessage?: string;
 }
-export declare const UploadImageController: React.FC<UploadImageControllerProps>;
+export declare const UploadImage: React.FC<UploadImageControllerProps>;
 export {};