@vention/machine-ui 5.0.4 → 5.0.7

package/index.esm.js

@@ -11866,6 +11866,16 @@ const getCheckboxColors = (variant, disabled) => {
   }
 };
 
+const VentionUploadFileIds = {
+  container: "fileUploadContainer",
+  fileName: "fileName",
+  fileSize: "fileSize",
+  errorMessage: "errorMessage",
+  retryContainer: "retryButtonContainer",
+  retryButton: "retryButton",
+  cancelButton: "cancelButton",
+  removeButton: "removeButton"
+};
 const SIZE_CONFIG = {
   large: {
     gap: "12px",
@@ -11968,8 +11978,10 @@ function VentionUploadFile({
   onRetry,
   size,
   style,
-  state
+  state,
+  dataTestIds = VentionUploadFileIds
 }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const {
     classes
   } = useStyle$1({
@@ -11979,6 +11991,7 @@ function VentionUploadFile({
   });
   return jsxs(Grid, {
     container: true,
+    "data-testid": (_a = dataTestIds.container) !== null && _a !== void 0 ? _a : VentionUploadFileIds.container,
     className: classes.container,
     children: [jsx(Grid, {
       item: true,
@@ -11995,28 +12008,29 @@ function VentionUploadFile({
         children: [jsx(Typography, {
           title: fileName,
           className: classes.nameContainer,
-          "data-testid": "fileName",
+          "data-testid": (_b = dataTestIds.fileName) !== null && _b !== void 0 ? _b : VentionUploadFileIds.fileName,
           noWrap: true,
           children: fileName
         }), size === "large" && jsx(Typography, {
           className: classes.sizeContainer,
-          "data-testid": "fileSize",
+          "data-testid": (_c = dataTestIds.fileSize) !== null && _c !== void 0 ? _c : VentionUploadFileIds.fileSize,
           children: fileSize
         }), state === "error" && errorMessage && jsx(Typography, {
           className: classes.errorMessage,
-          "data-testid": "errorMessage",
+          "data-testid": (_d = dataTestIds.errorMessage) !== null && _d !== void 0 ? _d : VentionUploadFileIds.errorMessage,
           children: errorMessage
         })]
       })
     }), state === "error" && jsx(Grid, {
       item: true,
       xs: "auto",
-      "data-testid": "retryButtonContainer",
+      "data-testid": (_e = dataTestIds.retryContainer) !== null && _e !== void 0 ? _e : VentionUploadFileIds.retryContainer,
       children: jsx(VentionIconButton, {
         onClick: onRetry,
         variant: "outline",
         size: size,
         className: classes.actionButton,
+        "data-testid": (_f = dataTestIds.retryButton) !== null && _f !== void 0 ? _f : VentionUploadFileIds.retryButton,
         children: jsx(VentionIcon, {
           type: "reload",
           size: getActionIconSize(size)
@@ -12030,7 +12044,7 @@ function VentionUploadFile({
         variant: "outline",
         size: size,
         className: classes.actionButton,
-        "data-testid": "cancelButton",
+        "data-testid": (_g = dataTestIds.cancelButton) !== null && _g !== void 0 ? _g : VentionUploadFileIds.cancelButton,
         children: jsx(VentionIcon, {
           type: "close",
           size: getActionIconSize(size)
@@ -12040,7 +12054,7 @@ function VentionUploadFile({
         variant: "outline",
         size: size,
         className: classes.actionButton,
-        "data-testid": "removeButton",
+        "data-testid": (_h = dataTestIds.removeButton) !== null && _h !== void 0 ? _h : VentionUploadFileIds.removeButton,
         children: jsx(VentionIcon, {
           type: "trash",
           size: getActionIconSize(size)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-ui",
-  "version": "5.0.4",
+  "version": "5.0.7",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"

package/src/lib/components/vention-uploadfile/vention-uploadfile-utils.d.ts

@@ -3,6 +3,16 @@ export type UploadedFileStyleProps = {
     style: "outline" | "shaded";
     state: "indeterminate" | "success" | "error";
 };
+export declare const VentionUploadFileIds: {
+    readonly container: "fileUploadContainer";
+    readonly fileName: "fileName";
+    readonly fileSize: "fileSize";
+    readonly errorMessage: "errorMessage";
+    readonly retryContainer: "retryButtonContainer";
+    readonly retryButton: "retryButton";
+    readonly cancelButton: "cancelButton";
+    readonly removeButton: "removeButton";
+};
 export type UploadedFileProps = {
     fileName: string;
     fileSize: string;
@@ -10,6 +20,7 @@ export type UploadedFileProps = {
     onCancel?: () => void;
     onRemove?: () => void;
     onRetry?: () => void;
+    dataTestIds?: Partial<Record<keyof typeof VentionUploadFileIds, string>>;
 } & UploadedFileStyleProps;
 export declare const getContainerBackgroundColor: (style: UploadedFileStyleProps["style"]) => string;
 export declare const getContainerBorder: (style: UploadedFileStyleProps["style"]) => {

package/src/lib/components/vention-uploadfile/vention-uploadfile.d.ts

@@ -3,4 +3,4 @@ import { type UploadedFileProps } from "./vention-uploadfile-utils";
 /**
  * A component that displays an uploaded file with its upload status, file name, file size, and a remove button.
  */
-export declare function VentionUploadFile({ fileName, fileSize, errorMessage, onCancel, onRemove, onRetry, size, style, state, }: UploadedFileProps): JSX.Element;
+export declare function VentionUploadFile({ fileName, fileSize, errorMessage, onCancel, onRemove, onRetry, size, style, state, dataTestIds, }: UploadedFileProps): JSX.Element;