@pnkx-lib/ui 1.9.491 → 1.9.493

package/es/chunks/{GenericUploadModal-ncG7n1M5.js → GenericUploadModal-DlXxiQ6N.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Modal, Spin } from 'antd';
+import { Modal, Spin, Upload as Upload$2 } from 'antd';
 import * as React from 'react';
 import React__default, { isValidElement, version as version$1, useRef, useLayoutEffect, useEffect, forwardRef, useImperativeHandle, Component, useContext, useMemo as useMemo$1, useState, Children } from 'react';
 import { b as useMemo, i as isFragment$1, L as LocaleContext, l as localeValues, c as useLayoutUpdateEffect, d as Context, e as useLayoutEffect$1, _ as _toConsumableArray, t as toArray$2, u as unit, f as clearFix, h as textEllipsis, g as genStyleHooks, m as merge, r as resetComponent, j as defaultPrefixCls, k as genComponentStyleHook, w as warning$1, C as ConfigContext, n as useToken, S as SizeContext, p as devUseWarning, q as getAlphaColor, s as getLineHeight, v as genFocusStyle, x as resetIcon, y as genSubStyleComponent, a as useComponentConfig, D as DisabledContext, o as omit } from './toArray-2LkvUaha.js';
@@ -13,7 +13,6 @@ import { R as RefIcon$7 } from './LoadingOutlined-DCtDXz9K.js';
 import { R as RefIcon$8, a as RefIcon$a } from './CloseCircleFilled-Bo29sDEQ.js';
 import { R as RefIcon$9 } from './CloseOutlined-CZUJ_3tW.js';
 import { C as Controller } from './index.esm-Dr5ZHcf7.js';
-import { toast } from '@pnkx-lib/core';
 import { R as RefIcon$b } from './InboxOutlined-BBuIJe6u.js';
 
 // This icon file is generated automatically.
@@ -11478,39 +11477,32 @@ function GenericUploadModal({
   open,
   onCancel,
   control,
-  setFileList,
   record,
-  // allowedExtensions,
-  maxSize = 5,
-  texts
+  texts,
+  setFileList,
+  fileList,
+  trans
 }) {
-  const [displayFileList, setDisplayFileList] = useState([]);
+  const [displayFileList, setDisplayFileList] = useState(fileList);
+  const [listFileId, setListFileId] = useState([]);
   useEffect(() => {
-    if (open) {
+    if (open && displayFileList.length === 0) {
       const recordFiles = record?.map((item) => ({
-        uid: item.uid,
+        uid: item?.uid,
         name: item.fileName,
         url: item.filePath,
-        listFileId: item.fileManagerId,
+        listFileId: item.fileMangerId,
         status: "done"
       })) ?? [];
       setDisplayFileList(recordFiles);
-      setFileList(recordFiles);
     }
-  }, [open, record, setFileList]);
+  }, [open, record]);
   const createUploadProps = (onChange) => ({
     multiple: true,
     listType: "text",
     showUploadList: true,
     fileList: displayFileList,
-    beforeUpload: async (file) => {
-      const isLtMax = file.size / 1024 / 1024 <= maxSize;
-      if (!isLtMax) {
-        toast.warning(
-          texts?.fileSizeError ?? `File must be smaller than ${maxSize}MB`
-        );
-        return;
-      }
+    beforeUpload: (file) => {
       const newFile = {
         uid: file.uid,
         name: file.name,
@@ -11520,13 +11512,12 @@ function GenericUploadModal({
       const newList = [...displayFileList, newFile];
       setDisplayFileList((prev) => {
         const newList2 = [...prev, newFile];
-        setFileList(newList2);
         onChange(newList2);
+        setFileList(newList2);
         return newList2;
       });
-      setFileList(newList);
       onChange(newList);
-      return false;
+      return Upload$2.LIST_IGNORE;
     },
     onPreview: (file) => {
       const fileUrl = file.url || (file.originFileObj ? URL.createObjectURL(file.originFileObj) : "");
@@ -11538,23 +11529,31 @@ function GenericUploadModal({
       link.click();
       document.body.removeChild(link);
     },
-    onRemove: (file) => {
+    onRemove: async (file) => {
+      const id = file.listFileId || file.uid;
+      setListFileId((prev) => {
+        const newList2 = [...prev, id];
+        return Array.from(new Set(newList2));
+      });
       const newList = displayFileList.filter((item) => item.uid !== file.uid);
       setDisplayFileList(newList);
-      setFileList(newList);
       onChange(newList);
+      setFileList(newList);
       return true;
     }
   });
+  const handleSubmitDeleteFile = async () => {
+    onCancel();
+  };
   return /* @__PURE__ */ jsx(
     Modal,
     {
       open,
-      title: texts?.title ?? "Upload Files",
-      okText: texts?.okText ?? "Confirm",
-      cancelText: texts?.cancelText ?? "Close",
+      title: texts?.title,
+      okText: texts?.okText,
+      cancelText: texts?.cancelText,
       onCancel,
-      onOk: onCancel,
+      onOk: handleSubmitDeleteFile,
       width: 800,
       centered: true,
       className: "pnkx-default-upload-modal",
@@ -11566,10 +11565,10 @@ function GenericUploadModal({
           render: ({ field }) => {
             const { onChange } = field;
             const props = createUploadProps(onChange);
-            return /* @__PURE__ */ jsx(Spin, { spinning: false, tip: texts?.uploading ?? "Uploading...", children: /* @__PURE__ */ jsxs(Dragger, { ...props, accept: ".pdf,.docx,image/*", children: [
+            return /* @__PURE__ */ jsx(Spin, { spinning: false, tip: texts?.uploading, children: /* @__PURE__ */ jsxs(Dragger, { ...props, accept: ".pdf,.doc,.docx,.jpg,.jpeg,.png", children: [
               /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon$b, {}) }),
-              /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: texts?.dragText ?? "Click or drag files to this area to upload" }),
-              /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: texts?.hint1 ?? "Max size 5MB" }),
+              /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: texts?.dragText }),
+              /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: texts?.hint1 }),
               /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: texts?.hint2 })
             ] }) });
           }

package/es/index.js

@@ -65,7 +65,7 @@ export { ViewPdf } from './ui/ViewPdf.js';
 export { Sidebar } from './ui/Sidebar/index.js';
 export { SelectTable } from './ui/SelectTable.js';
 export { SelectSingleTable } from './ui/SelectSingleTable.js';
-export { G as GenericUploadModal } from './chunks/GenericUploadModal-ncG7n1M5.js';
+export { G as GenericUploadModal } from './chunks/GenericUploadModal-DlXxiQ6N.js';
 export { Input } from './fields/Input.js';
 export { PnkxField } from './fields/PnkxField.js';
 export { Select } from './fields/Select.js';

package/es/ui/GenericUploadModal.js

@@ -1,7 +1,6 @@
 import 'react/jsx-runtime';
 import 'antd';
-export { G as GenericUploadModal } from '../chunks/GenericUploadModal-ncG7n1M5.js';
+export { G as GenericUploadModal } from '../chunks/GenericUploadModal-DlXxiQ6N.js';
 import '../chunks/index.esm-Dr5ZHcf7.js';
 import 'react';
-import '@pnkx-lib/core';
 import '../chunks/InboxOutlined-BBuIJe6u.js';

package/es/ui/index.js

@@ -63,8 +63,8 @@ import { r as requireClassnames, c as classNames } from '../chunks/index-BLRvgOF
 import { F as FastColor, m as blue, n as blueDark, o as cyan, q as cyanDark, s as geekblue, t as geekblueDark, i as generate, v as gold, x as goldDark, y as gray, z as green, A as greenDark, B as grey, C as greyDark, D as lime, E as limeDark, G as magenta, H as magentaDark, J as orange, K as orangeDark, L as presetDarkPalettes, j as presetPalettes, p as presetPrimaryColors, M as purple, N as purpleDark, O as red, P as redDark, Q as volcano, R as volcanoDark, S as yellow, T as yellowDark, c as _slicedToArray, b as _objectSpread2, w as warningOnce, a as _objectWithoutProperties, _ as _extends$1 } from '../chunks/AntdIcon-Bve8mGNz.js';
 import { b as _defineProperty, _ as _typeof$1 } from '../chunks/defineProperty-CTLrw71t.js';
 import { z as lintWarning, A as toStyleStr, B as ATTR_CACHE_MAP, E as serialize, F as extract, G as CSS_VAR_PREFIX, H as STYLE_PREFIX, I as extract$1, T as TOKEN_PREFIX, J as extract$2, K as unitlessKeys, M as supportWhere, N as supportLogicProps, O as StyleContext, P as StyleProvider, Q as Theme, R as createCache, U as createTheme, V as getComputedToken, W as token2CSSVar, u as unit$1, X as useCSSVarRegister, Y as useCacheToken, Z as useStyleRegister, $ as genCalc$1, a0 as genStyleUtils$1, m as merge, a1 as statistic, a2 as statisticToken, a3 as MotionProvider, _ as _toConsumableArray, a4 as merge$1, a5 as get$1, a6 as set$1, a7 as isEqual$1, t as toArray$3 } from '../chunks/toArray-2LkvUaha.js';
-import { K as Keyframe, C as CSSMotion, a as CSSMotionList, T as Tooltip, P as Popup, _ as _asyncToGenerator, b as _regeneratorRuntime, c as Color, u as useEvent$2, d as useMergedState$1, r as requireReactIs, p as pickAttrs } from '../chunks/GenericUploadModal-ncG7n1M5.js';
-export { G as GenericUploadModal } from '../chunks/GenericUploadModal-ncG7n1M5.js';
+import { K as Keyframe, C as CSSMotion, a as CSSMotionList, T as Tooltip, P as Popup, _ as _asyncToGenerator, b as _regeneratorRuntime, c as Color, u as useEvent$2, d as useMergedState$1, r as requireReactIs, p as pickAttrs } from '../chunks/GenericUploadModal-DlXxiQ6N.js';
+export { G as GenericUploadModal } from '../chunks/GenericUploadModal-DlXxiQ6N.js';
 import { _ as _createClass, a as _classCallCheck, b as _inherits, c as _createSuper, d as _assertThisInitialized, e as _isNativeReflectConstruct, f as _setPrototypeOf, g as _getPrototypeOf } from '../chunks/createSuper-C9_dQ5Zr.js';
 import ReactDOM__default, { unstable_batchedUpdates, createPortal } from 'react-dom';
 import { isEmpty, isBoolean } from 'lodash';
@@ -336,6 +336,7 @@ const Table = ({
   onDoubleClickRow,
   handleSubmit,
   customPagination,
+  noPagination,
   ...rest
 }) => {
   const status = filters?.status;
@@ -450,7 +451,7 @@ const Table = ({
             className: "table-scroll-bar"
           }
         ),
-        customPagination || /* @__PURE__ */ jsx(
+        customPagination || !noPagination && /* @__PURE__ */ jsx(
           CustomPagination,
           {
             current: filters?.page,

package/package.json

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

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

@@ -1,22 +1,19 @@
-import { UploadFile } from 'antd';
 import { Control } from 'react-hook-form';
 export interface GenericUploadModalProps {
     open: boolean;
     onCancel: () => void;
     control: Control<any>;
-    setFileList(fileList: UploadFile[]): void;
-    /** danh sách file từ API để hiển thị */
+    fileList: any[];
     record?: Array<{
         filePath: string;
+        fileMangerId: string;
         uid: string;
         fileName: string;
-        fileManagerId: string;
     }>;
-    /** các extension cho phép, vd: ["pdf","docx","png"] */
+    setFileList: (value: any) => void;
     allowedExtensions: string[];
-    /** dung lượng tối đa (MB) */
     maxSize?: number;
-    /** i18n text */
+    trans: any;
     texts?: {
         title?: string;
         okText?: string;
@@ -29,4 +26,4 @@ export interface GenericUploadModalProps {
         uploading?: string;
     };
 }
-export declare function GenericUploadModal({ open, onCancel, control, setFileList, record, maxSize, texts, }: GenericUploadModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function GenericUploadModal({ open, onCancel, control, record, texts, setFileList, fileList, trans, }: GenericUploadModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -31,7 +31,8 @@ export interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
     size?: SizeType;
     defaultEllipsis?: boolean;
     handleSubmit?: FormEventHandler<any>;
+    noPagination: boolean;
     customPagination?: React.ReactNode;
 }
-export declare const Table: <T>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, showIndexColumn, size, defaultEllipsis, onDoubleClickRow, handleSubmit, customPagination, ...rest }: TableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: <T>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, showIndexColumn, size, defaultEllipsis, onDoubleClickRow, handleSubmit, customPagination, noPagination, ...rest }: TableCommonProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};