@ctlyst.id/internal-ui 5.4.6 → 5.4.8

package/dist/index.mjs

@@ -5764,7 +5764,7 @@ var styles_default2 = Styles2;
 import { Fragment as Fragment11, jsx as jsx65, jsxs as jsxs30 } from "react/jsx-runtime";
 var CustomCloseButton = (props) => {
   const { closeToast } = props;
-  return /* @__PURE__ */ jsx65(Box30, { p: 2, mb: 1, alignItems: "center", display: "flex", "data-test-id": "", cursor: "pointer", onClick: closeToast, children: /* @__PURE__ */ jsx65(Close6, { size: 4, color: "white" }) });
+  return /* @__PURE__ */ jsx65(Box30, { p: 2, mb: 1, alignItems: "center", display: "flex", "data-test-id": "", cursor: "pointer", onClick: () => closeToast(), children: /* @__PURE__ */ jsx65(Close6, { size: 4, color: "white" }) });
 };
 var DEFAULT_OPTIONS = {
   position: "top-right",
@@ -5798,7 +5798,7 @@ var useToast = () => {
   const content = (icon, message, link) => {
     return /* @__PURE__ */ jsxs30(Fragment11, { children: [
       /* @__PURE__ */ jsx65(styles_default2, {}),
-      /* @__PURE__ */ jsxs30(Flex18, { justifyContent: "space-between", alignItems: "center", gap: 4, mb: 1, children: [
+      /* @__PURE__ */ jsxs30(Flex18, { justifyContent: "space-between", alignItems: "center", gap: 4, mb: 1, flex: 1, children: [
         /* @__PURE__ */ jsxs30(Flex18, { alignItems: "center", children: [
           icon && /* @__PURE__ */ jsx65(chakra7.span, { mr: 2, w: 4, h: 4, children: renderIcon(icon, "default") }),
           /* @__PURE__ */ jsx65(chakra7.span, { noOfLines: 2, children: message })
@@ -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,
@@ -6012,6 +6024,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 +6052,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 +6077,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,
@@ -8082,6 +8102,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 +8120,7 @@ export {
   ModalOverlay3 as DrawerOverlay,
   DrawerProps,
   DropdownIndicator,
+  EXCEL_EXT,
   empty_state_default as EmptyState,
   error_code_default as ErrorCode,
   Fade2 as Fade,
@@ -8121,6 +8144,7 @@ export {
   HeadingProps,
   Hide,
   HideProps,
+  IMG_EXT,
   Icon3 as Icon,
   IconButton2 as IconButton,
   IconButtonProps,
@@ -8178,6 +8202,7 @@ export {
   Navbar,
   navigation_bar_default as NavigationBar,
   NoOptionsMessage,
+  ONE_MEGA_BYTE,
   OrderedList,
   pagination_default as Pagination,
   pagination_detail_default as PaginationDetail,
@@ -8322,16 +8347,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,