@bitrise/bitkit 12.43.3 → 12.43.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "12.43.3",
+  "version": "12.43.5",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",

package/src/Components/Form/FileInput/FileInput.tsx

@@ -67,8 +67,9 @@ const FileInput = forwardRef<FileInputProps, 'div'>((props, ref) => {
       return;
     }
     if (accept) {
-      const acceptedFormats = accept.split(', ');
-      if (!acceptedFormats.includes(event.dataTransfer.files[0].type)) {
+      const firstFile = event.dataTransfer.files[0];
+      const extensionWithDot = `.${firstFile.name.split('.').pop()}`;
+      if (!accept.includes(firstFile.type) && !accept.includes(extensionWithDot)) {
         setInternalErrorMessage(`Invalid format. You can upload only ${accept} file.`);
         return;
       }

package/src/Components/Table/TableIconButton.tsx

@@ -3,8 +3,19 @@ import IconButton, { IconButtonProps } from '../IconButton/IconButton';
 
 export type TableIconButtonProps = Omit<IconButtonProps, 'iconSize' | 'size' | 'variant'>;
 
-const TableIconButton = forwardRef<TableIconButtonProps, 'button'>((props, ref) => (
-  <IconButton {...props} iconSize="24" size="small" variant="tertiary" ref={ref} />
-));
+const TableIconButton = forwardRef<TableIconButtonProps, 'button'>((props, ref) => {
+  const { isDanger } = props;
+  return (
+    <IconButton
+      color={isDanger ? undefined : 'purple.10'}
+      iconSize="24"
+      size="small"
+      isDanger={isDanger}
+      variant="tertiary"
+      ref={ref}
+      {...props}
+    />
+  );
+});
 
 export default TableIconButton;