@widergy/mobile-ui 1.30.0 → 1.30.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.30.2](https://github.com/widergy/mobile-ui/compare/v1.30.1...v1.30.2) (2024-11-04)
+
+
+### Bug Fixes
+
+* [UG-2037] ut action card fixes ([#377](https://github.com/widergy/mobile-ui/issues/377)) ([ff1022f](https://github.com/widergy/mobile-ui/commit/ff1022fa3962aac5832c7657f7582ab4ac0598eb))
+
+## [1.30.1](https://github.com/widergy/mobile-ui/compare/v1.30.0...v1.30.1) (2024-11-01)
+
+
+### Bug Fixes
+
+* [EVE-4316] attachment list fix ([055a2c5](https://github.com/widergy/mobile-ui/commit/055a2c508c266b763777d8c13a13f6d8f07265ab))
+
 # [1.30.0](https://github.com/widergy/mobile-ui/compare/v1.29.5...v1.30.0) (2024-10-30)
 
 

package/lib/components/MultipleFilePicker/index.js

@@ -13,7 +13,13 @@ import UTBottomSheet from '../UTBottomSheet';
 import UTButton from '../UTButton';
 
 import { DEFAULT_MAX_SIZE } from './constants';
-import { getInitialValuesFrom, isFileFormatInvalid, isFileSizeInvaid, isFileTypeInvalid } from './utils';
+import {
+  getDocumentPickerType,
+  getInitialValuesFrom,
+  isFileFormatInvalid,
+  isFileSizeInvaid,
+  isFileTypeInvalid
+} from './utils';
 import filePickerPropTypes from './propTypes';
 import Picker from './components/Picker';
 import styles from './styles';
@@ -70,7 +76,7 @@ const MultipleFilePicker = ({
   const onPickFiles = async () => {
     const documents = await DocumentPicker.pick({
       allowMultiSelection: true,
-      type: allowedTypes ?? DocumentPicker.types.allFiles
+      type: isEmpty(allowedTypes) ? DocumentPicker.types.allFiles : allowedTypes.map(getDocumentPickerType)
     });
 
     if (uploadedFiles.length + documents.length > maxFiles)

package/lib/components/MultipleFilePicker/utils.js

@@ -1,5 +1,44 @@
-import { PDFDocument } from 'pdf-lib';
 import { isEmpty } from 'lodash';
+import { PDFDocument } from 'pdf-lib';
+// eslint-disable-next-line import/no-unresolved
+import DocumentPicker from 'react-native-document-picker';
+
+const mimeTypes = {
+  allFiles: '*/*',
+  audio: 'audio/*',
+  csv: 'text/csv',
+  doc: 'application/msword',
+  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+  images: 'image/*',
+  json: 'application/json',
+  pdf: 'application/pdf',
+  plainText: 'text/plain',
+  ppt: 'application/vnd.ms-powerpoint',
+  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+  video: 'video/*',
+  xls: 'application/vnd.ms-excel',
+  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+  zip: 'application/zip'
+};
+
+const extensions = {
+  allFiles: '*',
+  audio:
+    '.3g2 .3gp .aac .adt .adts .aif .aifc .aiff .asf .au .m3u .m4a .m4b .mid .midi .mp2 .mp3 .rmi .snd .wav .wax .wma',
+  csv: '.csv',
+  doc: '.doc',
+  docx: '.docx',
+  images: '.jpeg .jpg .png .gif .bmp .svg .heic .heif',
+  json: '.json',
+  pdf: '.pdf',
+  plainText: '.txt',
+  ppt: '.ppt',
+  pptx: '.pptx',
+  video: '.mp4 .avi .mov .wmv',
+  xls: '.xls',
+  xlsx: '.xlsx',
+  zip: '.zip .gz'
+};
 
 const lengthMatches = (length1, length2, toleranceInPercentage) => {
   const delta = length1 * (toleranceInPercentage / 100);
@@ -39,11 +78,19 @@ const pdfAspectRatioValidation = async (file, allowedPDFUploadSizes) => {
   });
 };
 
+export const getFileType = extension =>
+  Object.entries(extensions).find(([, value]) => value.includes(extension))[0];
+
+export const getMimeType = extension => {
+  const fileType = getFileType(extension);
+  const mimeType = mimeTypes[fileType];
+  return mimeType.replace('*', extension.replace(/\./g, ''));
+};
+
+export const getDocumentPickerType = extension => DocumentPicker.types[getFileType(extension)];
+
 export const isFileTypeInvalid = (document, allowedTypes, fileTypeError, onError) => {
-  const isInvalid = !(
-    allowedTypes.includes(document.type) ||
-    (document.type.includes('image') && allowedTypes.includes('image/*'))
-  );
+  const isInvalid = !allowedTypes.map(getMimeType).includes(document.type);
   if (isInvalid) onError(fileTypeError || 'Tipo de archivo inválido.');
   return isInvalid;
 };

package/lib/components/UTActionCard/components/HeaderActions/index.js

@@ -26,8 +26,12 @@ const HeaderActions = ({ headerActions, headerActionsProps }) => {
         !buttonProps.onPress ? (
           <UTIcon
             name={buttonProps.Icon}
-            style={styles.notClickableIconContainer}
             {...buttonProps}
+            style={[
+              styles.notClickableIconContainer,
+              buttonProps.disabled && styles.disabledIcon,
+              buttonProps?.style
+            ]}
             key={buttonProps?.id || i}
           />
         ) : (

package/lib/components/UTActionCard/components/HeaderActions/styles.js

@@ -17,5 +17,8 @@ export default StyleSheet.create({
   },
   notClickableIconContainer: {
     padding: 8
+  },
+  disabledIcon: {
+    opacity: 0.5
   }
 });

package/lib/components/UTActionCard/index.js

@@ -1,5 +1,5 @@
 import React, { memo } from 'react';
-import { View } from 'react-native';
+import { TouchableOpacity, View } from 'react-native';
 import {
   arrayOf,
   bool,
@@ -16,7 +16,6 @@ import {
 import { isEmpty } from 'lodash';
 
 import Surface from '../Surface';
-import Touchable from '../Touchable';
 
 import { ACTION_TYPES, HEADER_ACTIONS_VARIANTS, PLACE_SELF_TYPES, SIZES } from './constants';
 import Header from './components/Header';
@@ -49,7 +48,9 @@ const UTActionCard = ({
 }) => {
   return (
     <Surface elevation={1} style={[styles.cardContainer, classNames.container]}>
-      <Touchable
+      <TouchableOpacity
+        activeOpacity={0.6}
+        disabled={!mainAction}
         onPress={mainAction && (() => mainAction?.())}
         style={[styles.innerContainer, classNames.innerContainer, mainAction && styles.withMainAction]}
       >
@@ -90,7 +91,7 @@ const UTActionCard = ({
             )}
           </View>
         </View>
-      </Touchable>
+      </TouchableOpacity>
       {!isEmpty(additionalMessage) && <AdditionalMessage {...additionalMessage} size={size} />}
       {!isEmpty(bottomActions) && (
         <BottomActions actions={bottomActions} bottomActionsVariant={bottomActionsVariant} />

package/lib/components/UTIcon/index.js

@@ -50,7 +50,7 @@ const UTIcon = ({
         style
       ]}
     >
-      <IconComponent {...iconProps} />
+      <IconComponent {...{ ...iconProps, ...iconStyles }} />
     </View>
   );
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "1.30.0",
+  "version": "1.30.2",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [