@teamturing/react-kit 2.53.4 → 2.53.6
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.
- package/dist/index.js +26 -9
- package/esm/core/FileItem/index.js +26 -9
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -4782,9 +4782,12 @@ const FileItem = ({
|
|
|
4782
4782
|
children: [/*#__PURE__*/jsxRuntime.jsx("video", {
|
|
4783
4783
|
src: objectUrl
|
|
4784
4784
|
}), /*#__PURE__*/jsxRuntime.jsx(icons.VideoIcon, {})]
|
|
4785
|
-
}) : /*#__PURE__*/jsxRuntime.
|
|
4785
|
+
}) : /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
4786
4786
|
className: 'file__thumbnail__whatever',
|
|
4787
|
-
children: /*#__PURE__*/jsxRuntime.jsx(icons.DocumentIcon, {})
|
|
4787
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(icons.DocumentIcon, {}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
4788
|
+
title: fileName,
|
|
4789
|
+
children: fileName
|
|
4790
|
+
})]
|
|
4788
4791
|
}), validationStatus === 'error' || loading ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
4789
4792
|
className: 'file__thumbnail__cover',
|
|
4790
4793
|
children: validationStatus === 'error' ? /*#__PURE__*/jsxRuntime.jsx(StyledIcon, {
|
|
@@ -4909,16 +4912,30 @@ const BaseFile = styled__default.default.div({
|
|
|
4909
4912
|
}
|
|
4910
4913
|
},
|
|
4911
4914
|
'& > .file__thumbnail__whatever': {
|
|
4912
|
-
width: '100%',
|
|
4913
|
-
height: '100%',
|
|
4914
|
-
backgroundColor: 'bg/neutral',
|
|
4915
|
-
display: 'flex',
|
|
4916
|
-
alignItems: 'center',
|
|
4917
|
-
justifyContent: 'center',
|
|
4918
|
-
|
|
4915
|
+
'width': '100%',
|
|
4916
|
+
'height': '100%',
|
|
4917
|
+
'backgroundColor': 'bg/neutral',
|
|
4918
|
+
'display': 'flex',
|
|
4919
|
+
'alignItems': 'center',
|
|
4920
|
+
'justifyContent': 'center',
|
|
4921
|
+
'flexDirection': 'column',
|
|
4922
|
+
'rowGap': 1,
|
|
4923
|
+
'svg': {
|
|
4919
4924
|
width: 24,
|
|
4920
4925
|
height: 24,
|
|
4921
4926
|
color: 'icon/neutral/bold'
|
|
4927
|
+
},
|
|
4928
|
+
'& > span': {
|
|
4929
|
+
textAlign: 'center',
|
|
4930
|
+
width: '100%',
|
|
4931
|
+
px: 3,
|
|
4932
|
+
overflow: 'hidden',
|
|
4933
|
+
whiteSpace: 'nowrap',
|
|
4934
|
+
textOverflow: 'ellipsis',
|
|
4935
|
+
fontSize: 'xxs',
|
|
4936
|
+
fontWeight: 'medium',
|
|
4937
|
+
lineHeight: 2,
|
|
4938
|
+
color: 'text/neutral/subtler'
|
|
4922
4939
|
}
|
|
4923
4940
|
},
|
|
4924
4941
|
'& > button': {
|
|
@@ -57,9 +57,12 @@ const FileItem = ({
|
|
|
57
57
|
children: [/*#__PURE__*/jsx("video", {
|
|
58
58
|
src: objectUrl
|
|
59
59
|
}), /*#__PURE__*/jsx(VideoIcon, {})]
|
|
60
|
-
}) : /*#__PURE__*/
|
|
60
|
+
}) : /*#__PURE__*/jsxs("div", {
|
|
61
61
|
className: 'file__thumbnail__whatever',
|
|
62
|
-
children: /*#__PURE__*/jsx(DocumentIcon, {})
|
|
62
|
+
children: [/*#__PURE__*/jsx(DocumentIcon, {}), /*#__PURE__*/jsx("span", {
|
|
63
|
+
title: fileName,
|
|
64
|
+
children: fileName
|
|
65
|
+
})]
|
|
63
66
|
}), validationStatus === 'error' || loading ? /*#__PURE__*/jsx("div", {
|
|
64
67
|
className: 'file__thumbnail__cover',
|
|
65
68
|
children: validationStatus === 'error' ? /*#__PURE__*/jsx(StyledIcon, {
|
|
@@ -184,16 +187,30 @@ const BaseFile = styled.div({
|
|
|
184
187
|
}
|
|
185
188
|
},
|
|
186
189
|
'& > .file__thumbnail__whatever': {
|
|
187
|
-
width: '100%',
|
|
188
|
-
height: '100%',
|
|
189
|
-
backgroundColor: 'bg/neutral',
|
|
190
|
-
display: 'flex',
|
|
191
|
-
alignItems: 'center',
|
|
192
|
-
justifyContent: 'center',
|
|
193
|
-
|
|
190
|
+
'width': '100%',
|
|
191
|
+
'height': '100%',
|
|
192
|
+
'backgroundColor': 'bg/neutral',
|
|
193
|
+
'display': 'flex',
|
|
194
|
+
'alignItems': 'center',
|
|
195
|
+
'justifyContent': 'center',
|
|
196
|
+
'flexDirection': 'column',
|
|
197
|
+
'rowGap': 1,
|
|
198
|
+
'svg': {
|
|
194
199
|
width: 24,
|
|
195
200
|
height: 24,
|
|
196
201
|
color: 'icon/neutral/bold'
|
|
202
|
+
},
|
|
203
|
+
'& > span': {
|
|
204
|
+
textAlign: 'center',
|
|
205
|
+
width: '100%',
|
|
206
|
+
px: 3,
|
|
207
|
+
overflow: 'hidden',
|
|
208
|
+
whiteSpace: 'nowrap',
|
|
209
|
+
textOverflow: 'ellipsis',
|
|
210
|
+
fontSize: 'xxs',
|
|
211
|
+
fontWeight: 'medium',
|
|
212
|
+
lineHeight: 2,
|
|
213
|
+
color: 'text/neutral/subtler'
|
|
197
214
|
}
|
|
198
215
|
},
|
|
199
216
|
'& > button': {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/react-kit",
|
|
3
|
-
"version": "2.53.
|
|
3
|
+
"version": "2.53.6",
|
|
4
4
|
"description": "React components, hooks for create teamturing web application",
|
|
5
5
|
"author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
|
|
6
6
|
"homepage": "https://github.com/weareteamturing/bombe#readme",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@floating-ui/react": "^0.27.16",
|
|
57
57
|
"@primer/behaviors": "^1.3.6",
|
|
58
|
-
"@teamturing/icons": "^1.
|
|
58
|
+
"@teamturing/icons": "^1.55.0",
|
|
59
59
|
"@teamturing/token-studio": "^1.16.2",
|
|
60
60
|
"@teamturing/utils": "^1.5.0",
|
|
61
61
|
"framer-motion": "^10.16.4",
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"react-textarea-autosize": "^8.5.3",
|
|
67
67
|
"styled-system": "^5.1.5"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "80da9ff007f38b6b5ac2f1e5aea40468b6c6ce24"
|
|
70
70
|
}
|