@ctlyst.id/internal-ui 5.4.7 → 5.4.9

package/dist/index.mjs

@@ -5902,6 +5902,7 @@ import { useCallback as useCallback4, useEffect as useEffect4, useState as useSt
 import { useDropzone } from "react-dropzone";
 
 // src/components/uploader/constants.ts
+var ONE_MEGA_BYTE = 1e6;
 var messages = {
   dragActive: "Drop file disini...",
   dragInActive: `(Klik atau drag untuk input file)`,
@@ -5915,7 +5916,17 @@ var IMG_EXT = {
   png: "png",
   gif: "gif"
 };
+var EXCEL_EXT = {
+  xls: "xls",
+  xlsx: "xlsx",
+  csv: "csv"
+};
 var DEFAULT_IMAGE_MIME_TYPE = [IMG_EXT.jpg, IMG_EXT.jpeg, IMG_EXT.png, IMG_EXT.gif];
+var DEFAULT_EXCEL_MIME_TYPE = [
+  "application/vnd.ms-excel",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  "text/csv"
+];
 var concatList = (list) => {
   let _concatedList = "";
   if (list.length > 1) {
@@ -5985,6 +5996,7 @@ var Uploader = ({
   acceptFormat = {
     validate: DEFAULT_IMAGE_MIME_TYPE
   },
+  acceptFileType,
   maxFileSize,
   customValidation,
   value,
@@ -5995,6 +6007,7 @@ var Uploader = ({
   isShowReupload = true,
   size: size2 = "lg",
   validatorExt,
+  buttonChangeText = "Ubah Foto",
   ...props
 }) => {
   const [filePreview, setFilePreview] = useState5();
@@ -6012,6 +6025,11 @@ var Uploader = ({
   const onDropAccepted = useCallback4(
     (files) => {
       const file = files[0];
+      if (acceptFileType && acceptFileType.includes(file.type)) {
+        setFilePreview(file.name);
+        onHandleUploadFile == null ? void 0 : onHandleUploadFile(file, null);
+        return null;
+      }
       const imageUrl = URL.createObjectURL(file);
       const img = new Image();
       if (file.type === "image/heic") {
@@ -6035,7 +6053,7 @@ var Uploader = ({
       };
       return null;
     },
-    [customValidation, dimension, handleRejection, onHandleUploadFile]
+    [customValidation, dimension, handleRejection, onHandleUploadFile, acceptFileType]
   );
   const onDropRejected = useCallback4((fileRejections) => {
     defaultOnHandleRejections(fileRejections, { acceptFormat, maxFileSize }, handleRejection);
@@ -6060,7 +6078,10 @@ var Uploader = ({
   const { getRootProps, getInputProps, isDragActive, acceptedFiles, open } = useDropzone({
     onDropAccepted,
     onDropRejected,
-    accept: Object.fromEntries(acceptFile),
+    accept: {
+      ...acceptFormat ? Object.fromEntries(acceptFile) : {},
+      ...acceptFileType ? Object.fromEntries(acceptFileType.map((type) => [type, []])) : {}
+    },
     maxFiles: 1,
     maxSize: maxFileSize == null ? void 0 : maxFileSize.validate,
     noClick: isDisabled || !!filePreview,
@@ -6098,6 +6119,10 @@ var Uploader = ({
           setFilePreview(value.name);
           return;
         }
+        if (acceptFileType == null ? void 0 : acceptFileType.some((type) => type === value.type)) {
+          setFilePreview(value.name);
+          return;
+        }
         setFilePreview(URL.createObjectURL(value));
       }
     } else {
@@ -6160,7 +6185,7 @@ var Uploader = ({
               "data-test-id": `CT_component_base-image-uploader_image-preview${testId ? `_${testId}` : ""}`,
               justify: "center",
               align: "center",
-              children: filePreview.includes("blob") ? /* @__PURE__ */ jsx66(
+              children: filePreview.includes("blob") && !acceptFile.some(([type]) => typeof type === "string" && type.includes("image/")) ? /* @__PURE__ */ jsx66(
                 ChakraImage,
                 {
                   h: size2 === "lg" ? "120" : "100",
@@ -6205,7 +6230,7 @@ var Uploader = ({
         size: "sm",
         variant: "outline",
         onClick: open,
-        children: "Ubah Foto"
+        children: buttonChangeText
       }
     ) }),
     renderErrorText(errorText),
@@ -8082,6 +8107,8 @@ export {
   Container,
   ContainerProps,
   counter_default as Counter,
+  DEFAULT_EXCEL_MIME_TYPE,
+  DEFAULT_IMAGE_MIME_TYPE,
   data_table_default as DataTable,
   datepicker_month_default as DatePickerMonth,
   datepicker_default as Datepicker,
@@ -8098,6 +8125,7 @@ export {
   ModalOverlay3 as DrawerOverlay,
   DrawerProps,
   DropdownIndicator,
+  EXCEL_EXT,
   empty_state_default as EmptyState,
   error_code_default as ErrorCode,
   Fade2 as Fade,
@@ -8121,6 +8149,7 @@ export {
   HeadingProps,
   Hide,
   HideProps,
+  IMG_EXT,
   Icon3 as Icon,
   IconButton2 as IconButton,
   IconButtonProps,
@@ -8178,6 +8207,7 @@ export {
   Navbar,
   navigation_bar_default as NavigationBar,
   NoOptionsMessage,
+  ONE_MEGA_BYTE,
   OrderedList,
   pagination_default as Pagination,
   pagination_detail_default as PaginationDetail,
@@ -8322,16 +8352,19 @@ export {
   WrapItemProps,
   WrapProps,
   XMSLogo,
+  concatList,
   createExtendTheme,
   defaultOnHandleRejections,
   dimensionValidator,
   extendTheme,
+  formatValidationMessage,
   forwardRef13 as forwardRef,
   getSelectAllCheckboxState,
   getTheme,
   id,
   isCellDisabled,
   isRatioEqual,
+  messages,
   selectStyles,
   theme4 as theme,
   themeSelect,