@ctlyst.id/internal-ui 5.7.2 → 5.7.4

package/dist/index.d.mts

@@ -513,6 +513,8 @@ interface PaginationProps {
     current: number;
     /** Total number of pages. */
     total: number;
+    /** Maximum number of buttons to show. */
+    maxButtons?: number;
     /**
      * Callback to run when a page number is selected. You can use this to e.g.
      * run setState on your component's page state.
@@ -857,6 +859,16 @@ type UploaderProps = FlexProps & {
         validate: [number, number];
         message: string;
     };
+    /**
+     * validate minimum width x height dimension
+     */
+    minDimension?: {
+        /**
+         * [minimum width, minimum height]
+         */
+        validate: [number, number];
+        message: string;
+    };
     /**
      * validate max file size
      */

package/dist/index.d.ts

@@ -513,6 +513,8 @@ interface PaginationProps {
     current: number;
     /** Total number of pages. */
     total: number;
+    /** Maximum number of buttons to show. */
+    maxButtons?: number;
     /**
      * Callback to run when a page number is selected. You can use this to e.g.
      * run setState on your component's page state.
@@ -857,6 +859,16 @@ type UploaderProps = FlexProps & {
         validate: [number, number];
         message: string;
     };
+    /**
+     * validate minimum width x height dimension
+     */
+    minDimension?: {
+        /**
+         * [minimum width, minimum height]
+         */
+        validate: [number, number];
+        message: string;
+    };
     /**
      * validate max file size
      */

package/dist/index.js

@@ -4394,7 +4394,7 @@ var pagination_button_trigger_default = PaginationButtonTrigger;
 
 // src/components/pagination/components/pagination.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
-var Pagination = ({ className, current, total, onSelect }) => {
+var Pagination = ({ className, current, total, maxButtons = 5, onSelect }) => {
   const btnColorDisabled = (0, import_react65.useColorModeValue)("secondary.100", "primary.500");
   const btnColor = (0, import_react65.useColorModeValue)("primary.500", "secondary.100");
   const disabledPrevious = current === 1;
@@ -4407,7 +4407,6 @@ var Pagination = ({ className, current, total, onSelect }) => {
     }
   };
   const generatePages = () => {
-    const maxButtons = 5;
     const pageButtons = [];
     let startPage;
     let endPage;
@@ -6274,6 +6273,7 @@ var Uploader = ({
   maxFileSize,
   customValidation,
   value,
+  minDimension,
   isShowCloseButton = true,
   testId,
   isError: propIsError,
@@ -6343,13 +6343,16 @@ var Uploader = ({
         if (dimension && (imgWidth !== dimension.validate[0] || imgheight !== dimension.validate[1])) {
           return handleRejection(dimension.message, file, img);
         }
+        if (minDimension && (imgWidth < minDimension.validate[0] || imgheight < minDimension.validate[1])) {
+          return handleRejection(minDimension.message, file, img, error_code_default.FileInvalidDimension);
+        }
         onHandleUploadFile == null ? void 0 : onHandleUploadFile(file, img);
         setFilePreview(URL.createObjectURL(file));
         return null;
       };
       return null;
     },
-    [customValidation, dimension, handleRejection, onHandleUploadFile, acceptFileType]
+    [customValidation, dimension, handleRejection, onHandleUploadFile, acceptFileType, minDimension]
   );
   const onDropRejected = (0, import_react98.useCallback)((fileRejections) => {
     defaultOnHandleRejections(fileRejections, { acceptFormat, maxFileSize }, handleRejection);