@ctlyst.id/internal-ui 3.4.5 → 3.4.6

package/dist/index.js

@@ -5876,7 +5876,6 @@ var Uploader = ({
     onDrop,
     maxFiles: 1,
     noClick: isDisabled,
-    disabled: !!filePreview,
     noDrag: isDisabled
   });
   const renderHelperText = () => {
@@ -5979,60 +5978,49 @@ var Uploader = ({
               )
             }
           ) }),
-          !filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-              "input",
-              {
-                "data-test-id": `CT_component_base-image-uploader_input-file${testId ? `_${testId}` : ""}`,
-                ...getInputProps()
-              }
-            ),
-            isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.Text, { children: dragActiveText != null ? dragActiveText : messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react88.Flex, { gap: 2, flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : color, children: [
-              size2 === "sm" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon11.Plus, { size: 6, color }),
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react88.Box, { children: [
-                !filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-                  import_react88.Heading,
-                  {
-                    fontWeight: "400",
-                    fontSize: size2 === "sm" ? "text.md" : "text.xl",
-                    mb: size2 === "sm" ? "0" : "2",
-                    textAlign: "center",
-                    children: uploadFileText && size2 === "lg" ? uploadFileText : "Upload"
-                  }
-                ),
-                size2 === "lg" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.Text, { fontSize: 12, children: filePreview ? dragReplaceText != null ? dragReplaceText : messages.dragReplace : dragInActiveText != null ? dragInActiveText : messages.dragInActive })
-              ] })
+          !filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.Text, { children: dragActiveText != null ? dragActiveText : messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react88.Flex, { gap: 2, flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : color, children: [
+            size2 === "sm" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon11.Plus, { size: 6, color }),
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react88.Box, { children: [
+              !filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                import_react88.Heading,
+                {
+                  fontWeight: "400",
+                  fontSize: size2 === "sm" ? "text.md" : "text.xl",
+                  mb: size2 === "sm" ? "0" : "2",
+                  textAlign: "center",
+                  children: uploadFileText && size2 === "lg" ? uploadFileText : "Upload"
+                }
+              ),
+              size2 === "lg" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.Text, { fontSize: 12, children: filePreview ? dragReplaceText != null ? dragReplaceText : messages.dragReplace : dragInActiveText != null ? dragInActiveText : messages.dragInActive })
             ] })
-          ] })
+          ] }) })
         ]
       }
     ),
-    filePreview && !isSmall && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react88.Flex, { align: "center", justify: "center", my: 2, children: [
-      /* @__PURE__ */ (0, import_react90.createElement)(
-        "input",
-        {
-          ...getInputProps(),
-          key: Math.random(),
-          ref: inputRef,
-          accept: "image/*",
-          "data-test-id": `CT_component_base-image-uploader_change-img${testId ? `_${testId}` : ""}`
-        }
-      ),
-      isShowReupload && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-        import_react88.Button,
-        {
-          "data-test-id": `CT_component_base-image-uploader_change-img-btn${testId ? `_${testId}` : ""}`,
-          type: "button",
-          size: "sm",
-          variant: "outline",
-          onClick: () => {
-            var _a;
-            (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
-          },
-          children: "Ubah Foto"
-        }
-      )
-    ] }),
+    /* @__PURE__ */ (0, import_react90.createElement)(
+      "input",
+      {
+        ...getInputProps(),
+        key: Math.random(),
+        ref: inputRef,
+        accept: "image/*",
+        "data-test-id": `CT_component_base-image-uploader_change-img${testId ? `_${testId}` : ""}`
+      }
+    ),
+    filePreview && !isSmall && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.Flex, { align: "center", justify: "center", my: 2, children: isShowReupload && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      import_react88.Button,
+      {
+        "data-test-id": `CT_component_base-image-uploader_change-img-btn${testId ? `_${testId}` : ""}`,
+        type: "button",
+        size: "sm",
+        variant: "outline",
+        onClick: () => {
+          var _a;
+          (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
+        },
+        children: "Ubah Foto"
+      }
+    ) }),
     renderErrorText(errorText),
     renderHelperText()
   ] });