@superdispatch/ui-lab 0.21.1 → 0.21.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -44,6 +44,7 @@ export var FileListItem = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
44
44
|
url,
|
|
45
45
|
name,
|
|
46
46
|
status,
|
|
47
|
+
canDelete = true,
|
|
47
48
|
onRetry,
|
|
48
49
|
onDelete
|
|
49
50
|
} = _ref2;
|
|
@@ -59,6 +60,7 @@ export var FileListItem = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
59
60
|
onMouseLeave: () => {
|
|
60
61
|
setIsHovered(false);
|
|
61
62
|
},
|
|
63
|
+
"aria-label": "file-list-item",
|
|
62
64
|
children: /*#__PURE__*/_jsxs(Columns, {
|
|
63
65
|
align: "center",
|
|
64
66
|
space: "xsmall",
|
|
@@ -109,19 +111,22 @@ export var FileListItem = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
109
111
|
children: /*#__PURE__*/_jsx(FileListItemProgress, {
|
|
110
112
|
size: "1em"
|
|
111
113
|
})
|
|
112
|
-
}) : /*#__PURE__*/_jsx(
|
|
114
|
+
}) : !isHovered && status === 'success' ? /*#__PURE__*/_jsx(IconButton, {
|
|
115
|
+
size: "small",
|
|
116
|
+
children: /*#__PURE__*/_jsx(CheckCircle, {
|
|
117
|
+
fontSize: "small",
|
|
118
|
+
htmlColor: Color.Green300
|
|
119
|
+
})
|
|
120
|
+
}) : canDelete ? /*#__PURE__*/_jsx(Tooltip, {
|
|
113
121
|
title: "Delete",
|
|
114
122
|
children: /*#__PURE__*/_jsx(IconButton, {
|
|
115
123
|
size: "small",
|
|
116
124
|
onClick: onDelete,
|
|
117
|
-
children:
|
|
118
|
-
fontSize: "small",
|
|
119
|
-
htmlColor: Color.Green300
|
|
120
|
-
}) : /*#__PURE__*/_jsx(Delete, {
|
|
125
|
+
children: /*#__PURE__*/_jsx(Delete, {
|
|
121
126
|
fontSize: "small"
|
|
122
127
|
})
|
|
123
128
|
})
|
|
124
|
-
})
|
|
129
|
+
}) : null
|
|
125
130
|
})]
|
|
126
131
|
})
|
|
127
132
|
});
|
package/dist-types/index.d.ts
CHANGED
package/dist-web/index.js
CHANGED
|
@@ -923,6 +923,7 @@ var FileListItem = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
923
923
|
url,
|
|
924
924
|
name,
|
|
925
925
|
status,
|
|
926
|
+
canDelete = true,
|
|
926
927
|
onRetry,
|
|
927
928
|
onDelete
|
|
928
929
|
} = _ref2;
|
|
@@ -938,6 +939,7 @@ var FileListItem = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
938
939
|
onMouseLeave: () => {
|
|
939
940
|
setIsHovered(false);
|
|
940
941
|
},
|
|
942
|
+
"aria-label": "file-list-item",
|
|
941
943
|
children: /*#__PURE__*/jsxs(Columns, {
|
|
942
944
|
align: "center",
|
|
943
945
|
space: "xsmall",
|
|
@@ -988,19 +990,22 @@ var FileListItem = /*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
988
990
|
children: /*#__PURE__*/jsx(FileListItemProgress, {
|
|
989
991
|
size: "1em"
|
|
990
992
|
})
|
|
991
|
-
}) : /*#__PURE__*/jsx(
|
|
993
|
+
}) : !isHovered && status === 'success' ? /*#__PURE__*/jsx(IconButton, {
|
|
994
|
+
size: "small",
|
|
995
|
+
children: /*#__PURE__*/jsx(CheckCircle, {
|
|
996
|
+
fontSize: "small",
|
|
997
|
+
htmlColor: Color.Green300
|
|
998
|
+
})
|
|
999
|
+
}) : canDelete ? /*#__PURE__*/jsx(Tooltip, {
|
|
992
1000
|
title: "Delete",
|
|
993
1001
|
children: /*#__PURE__*/jsx(IconButton, {
|
|
994
1002
|
size: "small",
|
|
995
1003
|
onClick: onDelete,
|
|
996
|
-
children:
|
|
997
|
-
fontSize: "small",
|
|
998
|
-
htmlColor: Color.Green300
|
|
999
|
-
}) : /*#__PURE__*/jsx(Delete, {
|
|
1004
|
+
children: /*#__PURE__*/jsx(Delete, {
|
|
1000
1005
|
fontSize: "small"
|
|
1001
1006
|
})
|
|
1002
1007
|
})
|
|
1003
|
-
})
|
|
1008
|
+
}) : null
|
|
1004
1009
|
})]
|
|
1005
1010
|
})
|
|
1006
1011
|
});
|