@ctlyst.id/internal-ui 5.7.1 → 5.7.3

package/dist/index.d.mts

@@ -857,6 +857,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

@@ -857,6 +857,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

@@ -4342,8 +4342,8 @@ var PaginationButton = (0, import_react63.forwardRef)(({ className, style, isAct
       px: 3,
       py: 2,
       h: 8,
-      minW: "auto",
-      width: 8,
+      minW: 8,
+      width: "auto",
       background: isActive ? "primary.500" : btnBg,
       color: isActive ? "white" : btnColor,
       _hover: !isActive ? {
@@ -4448,13 +4448,26 @@ var Pagination = ({ className, current, total, onSelect }) => {
         }
       ),
       generatePages().map((page) => {
+        const isActive = page === current;
         return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           pagination_button_default,
           {
             "data-test-id": "Pagination-Button",
-            isActive: page === current,
+            isActive,
             onClick: () => typeof page === "number" ? handleSelectPage(page) : null,
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react65.Text, { scale: 300, fontSize: "text.sm", lineHeight: 18, fontWeight: 500, children: page })
+            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              import_react65.Text,
+              {
+                scale: 300,
+                fontSize: "text.sm",
+                lineHeight: 18,
+                fontWeight: 500,
+                maxW: !isActive ? 8 : void 0,
+                textOverflow: !isActive ? "ellipsis" : void 0,
+                overflow: !isActive ? "hidden" : void 0,
+                children: page
+              }
+            )
           },
           page
         );
@@ -6261,6 +6274,7 @@ var Uploader = ({
   maxFileSize,
   customValidation,
   value,
+  minDimension,
   isShowCloseButton = true,
   testId,
   isError: propIsError,
@@ -6330,13 +6344,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);