@widergy/mobile-ui 2.5.2 → 2.7.0

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# [2.7.0](https://github.com/widergy/mobile-ui/compare/v2.6.0...v2.7.0) (2026-02-18)
+
+
+### Features
+
+* [DEV-766] mvp widergy/eslint-config package ([#465](https://github.com/widergy/mobile-ui/issues/465)) ([4c0f9e4](https://github.com/widergy/mobile-ui/commit/4c0f9e4abc7de0adc664db512767a85be53c52a3))
+* [EGIT-29] markdown in labels ([#478](https://github.com/widergy/mobile-ui/issues/478)) ([1805092](https://github.com/widergy/mobile-ui/commit/18050920a71e4295cdc5d66dbec5b52ace80d865))
+* [EGIT-29] markdown in labels ([#479](https://github.com/widergy/mobile-ui/issues/479)) ([25c13da](https://github.com/widergy/mobile-ui/commit/25c13da980b3aa64c128128581e645d74175b5dc))
+* [EGIT-29] markdown in labels ([#480](https://github.com/widergy/mobile-ui/issues/480)) ([0e7a20a](https://github.com/widergy/mobile-ui/commit/0e7a20a06d62a84046d3c0deb3de7738983b44bb))
+* [EGIT-29] markdown in labels ([#481](https://github.com/widergy/mobile-ui/issues/481)) ([21d0b8e](https://github.com/widergy/mobile-ui/commit/21d0b8e70184b9822ea9247aab66e52a853ba332))
+* [EGIT-29] markdown in labels ([#482](https://github.com/widergy/mobile-ui/issues/482)) ([0326e2c](https://github.com/widergy/mobile-ui/commit/0326e2ccf673466d8a54142fc24053aa34f3716f))
+* [EGIT-29] markdown in labels ([#483](https://github.com/widergy/mobile-ui/issues/483)) ([d197382](https://github.com/widergy/mobile-ui/commit/d19738218c8f98e49befca0846653d861c75c5e7))
+* [EGIT-29] markdown in labels ([#484](https://github.com/widergy/mobile-ui/issues/484)) ([1f37636](https://github.com/widergy/mobile-ui/commit/1f37636c1da7b16fcfc43085e1cc23662f777420))
+* [NTGE-184] add image in tooltips ([#476](https://github.com/widergy/mobile-ui/issues/476)) ([59485b2](https://github.com/widergy/mobile-ui/commit/59485b2ad54b25b1036170a9b5eee2b88a77fc40))
+
+# [2.6.0](https://github.com/widergy/mobile-ui/compare/v2.5.2...v2.6.0) (2026-02-09)
+
+
+### Features
+
+* [EGIT-7] account association label ([#477](https://github.com/widergy/mobile-ui/issues/477)) ([b2a60c7](https://github.com/widergy/mobile-ui/commit/b2a60c70d91af103af0c6621cafe8a37a1c62457))
+
 ## [2.5.2](https://github.com/widergy/mobile-ui/compare/v2.5.1...v2.5.2) (2026-01-28)
 
 

package/lib/components/CheckList/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable react/sort-comp */
-/* eslint-disable class-methods-use-this */
+
 import React, { PureComponent } from 'react';
 import { View, FlatList } from 'react-native';
 import { isEmpty } from '@widergy/web-utils/lib/array';

package/lib/components/Dropdown/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable react/sort-comp */
-/* eslint-disable class-methods-use-this */
+
 // TODO implement horizontal repositioning.
 import React, { Component, createRef, Fragment } from 'react';
 import { Animated, ScrollView, View } from 'react-native';
@@ -246,7 +246,7 @@ class Dropdown extends Component {
     });
 
     return (
-      <Fragment>
+      <>
         <View collapsable={false} ref={this.anchor}>
           {anchor}
         </View>
@@ -295,7 +295,7 @@ class Dropdown extends Component {
             </TransformView>
           </View>
         </Overlay>
-      </Fragment>
+      </>
     );
   }
 }

package/lib/components/ImageLabel/layout.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { View, TouchableWithoutFeedback } from 'react-native';
 
 import Modal from '../Modal';
-import Label from '../Label';
+import UTLabel from '../UTLabel';
 import UTImage from '../UTImage';
 
 import styles from './styles';
@@ -24,9 +24,9 @@ const ImageLabel = ({
 }) => (
   <View style={[styles.container, style]}>
     {!!imageTitle && (
-      <Label {...titleProps} style={titleStyle}>
+      <UTLabel {...titleProps} style={titleStyle} withMarkdown>
         {imageTitle}
-      </Label>
+      </UTLabel>
     )}
     {!!imageSource && (
       <TouchableWithoutFeedback onPress={onOpenImageModal}>

package/lib/components/ImagePicker/layout.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-// eslint-disable-next-line react-native/split-platform-components
+
 import { View, Image, TouchableWithoutFeedback, PermissionsAndroid } from 'react-native';
 // eslint-disable-next-line import/no-unresolved
 import { launchCamera, launchImageLibrary } from 'react-native-image-picker';

package/lib/components/ImageRadio/index.js

@@ -93,7 +93,6 @@ ImageRadio.propTypes = {
   onChange: func,
   value: string,
   style: ViewPropTypes.style,
-  // eslint-disable-next-line react/forbid-prop-types
   variant: shape(any)
 };
 

package/lib/components/Label/utils.js

@@ -1,6 +1,3 @@
-/* eslint-disable camelcase */
-/* eslint-disable react/display-name */
-/* eslint-disable no-undef */
 import { isEmpty } from 'lodash';
 
 import { markdownStyles } from './styles';

package/lib/components/MultipleFilePicker/constants.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/no-unresolved
 import { MEGABYTE } from '../../utils/fileUtils.js';
 
 export const DEFAULT_MAX_SIZE = 10 * MEGABYTE;

package/lib/components/MultipleFilePicker/index.js

@@ -1,9 +1,8 @@
-/* eslint-disable no-undef */
 import isEmpty from 'lodash/isEmpty';
 import isArray from 'lodash/isArray';
 // eslint-disable-next-line import/no-unresolved
 import { launchCamera, launchImageLibrary } from 'react-native-image-picker';
-// eslint-disable-next-line react-native/split-platform-components
+
 import React, { View, PermissionsAndroid, Alert } from 'react-native';
 import { useEffect, useState } from 'react';
 import * as ExpoImagePicker from 'expo-image-picker';
@@ -67,7 +66,6 @@ const MultipleFilePicker = ({
 
   useEffect(() => {
     onChange?.(isEmpty(rawFiles) ? null : { files: rawFiles });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [rawFiles, onChange]);
 
   useEffect(() => {
@@ -142,7 +140,7 @@ const MultipleFilePicker = ({
     // eslint-disable-next-line no-restricted-syntax
     for (const asset of documents) {
       if (added >= slots) break;
-      // eslint-disable-next-line no-await-in-loop
+
       const document = {
         uri: asset.uri,
         type: asset.mimeType || asset.type || 'application/octet-stream',
@@ -184,7 +182,6 @@ const MultipleFilePicker = ({
     }
   };
 
-  // eslint-disable-next-line consistent-return
   const requestPermissionCamera = async () => {
     try {
       const granted = await PermissionsAndroid.request(

package/lib/components/MultipleFilePicker/utils.js

@@ -149,7 +149,6 @@ export const isFileFormatInvalid = async (file, allowedPDFUploadSizes, onError)
 export const getInitialValuesFrom = files =>
   files
     ?.map(fileBlob => {
-      // eslint-disable-next-line no-underscore-dangle
       const fileData = fileBlob?._data || {};
 
       return fileData ? { name: fileBlob?.name || fileData?.name, size: fileData?.size } : null;

package/lib/components/PhotoAlbum/index.js

@@ -1,5 +1,5 @@
 import React, { Fragment, useEffect, useState } from 'react';
-// eslint-disable-next-line react-native/split-platform-components
+
 import { View, TouchableOpacity, PermissionsAndroid } from 'react-native';
 // eslint-disable-next-line import/no-unresolved
 import { launchCamera } from 'react-native-image-picker';
@@ -132,7 +132,7 @@ const PhotoAlbum = ({
   }, [selectedImages]);
 
   return (
-    <Fragment>
+    <>
       {title && (
         <UTLabel variant="subtitle1" weight="semibold" colorTheme="gray" style={styles.title}>
           {title}
@@ -187,7 +187,7 @@ const PhotoAlbum = ({
           </Portal>
         )}
       </View>
-    </Fragment>
+    </>
   );
 };
 

package/lib/components/Portal/components/GlobalHost/index.js

@@ -51,7 +51,6 @@ class GlobalHost extends Component {
   };
 
   mount = children => {
-    // eslint-disable-next-line no-plusplus
     const key = this.nextKey++;
 
     if (this.manager) {
@@ -91,7 +90,7 @@ class GlobalHost extends Component {
     const { mount, update, unmount } = this;
     return (
       <Provider value={{ mount, update, unmount }}>
-        <View style={[container]}>{children}</View>
+        <View style={container}>{children}</View>
         <Manager ref={this.setManager} />
       </Provider>
     );

package/lib/components/Portal/components/Host/index.js

@@ -51,7 +51,6 @@ class Host extends Component {
   };
 
   mount = children => {
-    // eslint-disable-next-line no-plusplus
     const key = this.nextKey++;
 
     if (this.manager) {
@@ -91,7 +90,7 @@ class Host extends Component {
     const { mount, update, unmount } = this;
     return (
       <Provider value={{ mount, update, unmount }}>
-        <View style={[container]}>{children}</View>
+        <View style={container}>{children}</View>
         <Manager ref={this.setManager} />
       </Provider>
     );

package/lib/components/Portal/components/Manager/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable class-methods-use-this */
 /* eslint-disable react/no-unused-class-component-methods */
 /* eslint-disable react/sort-comp */
 import React, { PureComponent } from 'react';

package/lib/components/RadioGroup/index.js

@@ -49,6 +49,7 @@ class RadioGroup extends Component {
               dataTestId={dataTestId ? `${dataTestId}.${titleTestId}` : undefined}
               variant="medium"
               {...titleProps}
+              withMarkdown
             >
               {title}
             </UTLabel>

package/lib/components/RateChart/components/RateStagesGraph/components/Bars/index.js

@@ -17,7 +17,7 @@ const Bars = ({ rateStages, withoutStages }) => {
   );
 
   const totalRange = getTotalRange(rateStagesToUse);
-  // eslint-disable-next-line camelcase
+
   const subStages = rateStagesToUse.flatMap(rate => rate?.sub_rate_stages);
 
   return (

package/lib/components/TransformView/index.js

@@ -6,7 +6,6 @@ import propTypes from './propTypes';
 import styles from './styles';
 
 class TransformView extends Component {
-  // eslint-disable-next-line react/sort-comp
   static TransformOrigins = TRANSFORM_ORIGINS;
 
   constructor(props) {

package/lib/components/TransformView/utils.js

@@ -1,6 +1,5 @@
-/* eslint-disable consistent-return */
 /* eslint-disable prefer-destructuring */
-/* eslint-disable camelcase */
+
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -539,10 +538,10 @@ const MatrixMath = {
     }
     const matrix = [];
     const perspectiveMatrix = [];
-    // eslint-disable-next-line no-plusplus
+
     for (let i = 0; i < 4; i++) {
       matrix.push([]);
-      // eslint-disable-next-line no-plusplus
+
       for (let j = 0; j < 4; j++) {
         const value = transformMatrix[i * 4 + j] / transformMatrix[15];
         matrix[i].push(value);
@@ -575,7 +574,7 @@ const MatrixMath = {
     }
 
     // translation is simple
-    // eslint-disable-next-line no-plusplus
+
     for (let i = 0; i < 3; i++) {
       translation[i] = matrix[3][i];
     }
@@ -583,7 +582,7 @@ const MatrixMath = {
     // Now get scale and shear.
     // 'row' is a 3 element array of 3 component vectors
     const row = [];
-    // eslint-disable-next-line no-plusplus
+
     for (let i = 0; i < 3; i++) {
       row[i] = [matrix[i][0], matrix[i][1], matrix[i][2]];
     }
@@ -618,7 +617,6 @@ const MatrixMath = {
     // is -1, then negate the matrix and the scaling factors.
     const pdum3 = MatrixMath.v3Cross(row[1], row[2]);
     if (MatrixMath.v3Dot(row[0], pdum3) < 0) {
-      // eslint-disable-next-line no-plusplus
       for (let i = 0; i < 3; i++) {
         scale[i] *= -1;
         row[i][0] *= -1;

package/lib/components/UTBaseInputField/components/TooltipAdornment/constants.js

@@ -0,0 +1 @@
+export const IMAGE_REGEX = /!\[.*?\]\((.*?)\)/;

package/lib/components/UTBaseInputField/components/TooltipAdornment/index.js

@@ -4,20 +4,30 @@ import { object, shape, string } from 'prop-types';
 import UTTooltip from '../../../UTTooltip';
 import UTIcon from '../../../UTIcon';
 import UTLabel from '../../../UTLabel';
+import UTImage from '../../../UTImage';
+
+import { IMAGE_REGEX } from './constants';
 
 const TooltipAdornment = ({ dataTestId, tooltip, tooltipProps }) => {
   const { tooltip: tooltipStyles, arrowTouchable, labelProps } = tooltipProps || {};
+  const match = tooltip?.match(IMAGE_REGEX);
+  const imageUrl = match?.[1];
+
   return tooltip ? (
     <UTTooltip
       dataTestId={dataTestId ? `${dataTestId}.tooltipAdornment` : undefined}
       styles={{ tooltip: tooltipStyles, arrow: arrowTouchable }}
       content={
-        <UTLabel
-          dataTestId={dataTestId ? `${dataTestId}.tooltipAdornment.content` : undefined}
-          {...labelProps}
-        >
-          {tooltip}
-        </UTLabel>
+        imageUrl ? (
+          <UTImage source={{ uri: imageUrl }} widthSize={230} />
+        ) : (
+          <UTLabel
+            dataTestId={dataTestId ? `${dataTestId}.tooltipAdornment.content` : undefined}
+            {...labelProps}
+          >
+            {tooltip}
+          </UTLabel>
+        )
       }
     >
       <UTIcon

package/lib/components/UTCBUInput/index.js

@@ -20,7 +20,6 @@ const UTCBUInput = ({ input, field, ...props }) => {
   };
 
   const handleOnBlur = () => {
-    // eslint-disable-next-line no-unused-expressions
     onBlur?.(value);
   };
 

package/lib/components/UTDataCategory/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-underscore-dangle */
 import { Animated, View } from 'react-native';
 import { array, bool, object, string } from 'prop-types';
 import React, { useCallback, useRef, useState } from 'react';
@@ -32,7 +31,7 @@ const UTDataCategory = ({ area, collapsable = true, elements, style, theme, titl
   return (
     <View style={[styles.container(area), style]}>
       {title && (
-        <View style={[styles.title]}>
+        <View style={styles.title}>
           <UTLabel colorTheme="gray" weight="medium" {...titleProps}>
             {title}
           </UTLabel>
@@ -43,7 +42,7 @@ const UTDataCategory = ({ area, collapsable = true, elements, style, theme, titl
           )}
         </View>
       )}
-      <Animated.View style={[styles.childrenAnimation(collapsed, childrenHeight)]}>
+      <Animated.View style={styles.childrenAnimation(collapsed, childrenHeight)}>
         <View style={styles.childrenContainer} onLayout={onLayout}>
           {elements.map(element => (
             <UTDataElement {...element} key={element.key} />

package/lib/components/UTDataElement/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-underscore-dangle */
 import { Animated, View } from 'react-native';
 import { bool, element, number, object, oneOfType, string } from 'prop-types';
 import React, { useCallback, useRef, useState } from 'react';

package/lib/components/UTFieldLabel/index.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { bool, elementType, string } from 'prop-types';
 import { View } from 'react-native';
 
 import UTLabel from '../UTLabel';
 import { TEST_ID_CONSTANTS } from '../../constants/testIds';
+import UTFieldLabelTypes from '../../types/UTFieldLabelTypes';
 
 import { REQUIRED_LABEL } from './constants';
 import styles from './styles';
@@ -50,14 +50,6 @@ const UTFieldLabel = ({
   );
 };
 
-UTFieldLabel.propTypes = {
-  colorTheme: string,
-  CustomTitleComponent: elementType,
-  dataTestId: string,
-  required: bool,
-  variant: string,
-  weight: string,
-  withMarkdown: bool
-};
+UTFieldLabel.propTypes = UTFieldLabelTypes;
 
 export default UTFieldLabel;

package/lib/components/UTLabel/proptypes.js

@@ -15,7 +15,7 @@ export const DEFAULT_PROPS = {
 export const propTypes = {
   colorTheme: string,
   dataTestId: string,
-  // eslint-disable-next-line react/forbid-prop-types
+
   field: any,
   markdownStyles: object,
   numberOfLines: number,

package/lib/components/UTMenu/components/ListView/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable react/sort-comp */
-/* eslint-disable class-methods-use-this */
+
 import React, { PureComponent } from 'react';
 import { FlatList } from 'react-native';
 

package/lib/components/UTMenu/components/MenuOption/index.js

@@ -25,7 +25,6 @@ MenuOption.propTypes = {
   label: string,
   selected: bool,
   styles: ViewPropTypes.style,
-  // eslint-disable-next-line react/forbid-prop-types
   item: shape(any),
   dataTestId: string
 };

package/lib/components/UTOnBoarding/components/CardContent/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable react-native/no-inline-styles */
 import React, { Fragment } from 'react';
 import { Animated } from 'react-native';
 
@@ -9,7 +8,7 @@ import propTypes from './propTypes';
 import ownStyles from './styles';
 
 const CardContent = ({ onPress, currentPage, opacity, styles, buttonTitle = '', disabled }) => (
-  <Fragment>
+  <>
     <Animated.View style={[styles?.textContainer, { opacity }]}>
       <UTLabel variant="subtitle1" weight="bold" style={styles?.title}>
         {currentPage?.title || ''}
@@ -25,7 +24,7 @@ const CardContent = ({ onPress, currentPage, opacity, styles, buttonTitle = '',
     >
       {buttonTitle || ''}
     </UTButton>
-  </Fragment>
+  </>
 );
 
 CardContent.propTypes = propTypes;

package/lib/components/UTPasswordField/versions/V0/proptypes.js

@@ -13,6 +13,6 @@ export default {
   input: shape({ value: string, onChange: func }).isRequired,
   error: oneOfType([string, bool]),
   shouldShowError: bool.isRequired,
-  // eslint-disable-next-line react/forbid-prop-types
+
   field: any
 };

package/lib/components/UTProgressBar/index.js

@@ -3,7 +3,7 @@ import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { View, Animated, Easing } from 'react-native';
 import { number, shape, bool } from 'prop-types';
 import _ from 'lodash';
-// eslint-disable-next-line import/no-unresolved
+
 import { Svg, Defs, Pattern, Path, Rect } from 'react-native-svg';
 
 import { useTheme } from '../../theming';

package/lib/components/UTSelect/versions/V0/componentes/MultipleItem/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable react/forbid-prop-types */
 import { any, bool, func, shape, string } from 'prop-types';
 import React, { memo } from 'react';
 

package/lib/components/UTSelect/versions/V0/index.js

@@ -51,7 +51,7 @@ const UTSelect = ({
   };
 
   const handleOpen = () => setFocused(true);
-  // eslint-disable-next-line consistent-return
+
   const handleClose = () => {
     setFocused(false);
     if (changeOnClose) {

package/lib/components/UTSelect/versions/V0/proptypes.js

@@ -4,7 +4,6 @@ const optionType = shape({
   label: string.isRequired,
   id: string.isRequired,
   action: func,
-  // eslint-disable-next-line react/forbid-prop-types
   value: any.isRequired
 });
 

package/lib/components/UTSelect/versions/V1/index.js

@@ -38,6 +38,7 @@ const UTSelect = ({
   style,
   suffix,
   title,
+  fieldLabelProps,
   value,
   onChangeSearchTerm,
   disableFilterOptions,
@@ -151,6 +152,7 @@ const UTSelect = ({
             required={required}
             variant="body"
             dataTestId={dataTestId ? `${dataTestId}.title` : undefined}
+            {...fieldLabelProps}
           >
             {title}
           </UTFieldLabel>

package/lib/components/UTSelect/versions/V1/proptypes.js

@@ -1,5 +1,7 @@
 import { array, arrayOf, bool, func, number, oneOfType, shape, string, object } from 'prop-types';
 
+import UTFieldLabelTypes from '../../../../types/UTFieldLabelTypes';
+
 export const defaultProps = {
   alwaysShowPlaceholder: true,
   clearable: true,
@@ -23,6 +25,7 @@ export const propTypes = {
   dataTestId: string,
   disabled: bool,
   error: string,
+  fieldLabelProps: UTFieldLabelTypes,
   helpText: string,
   multiple: bool,
   noMatchesText: string,

package/lib/components/UTSwitch/proptypes.js

@@ -14,7 +14,6 @@ export default {
   trackSize: number,
   thumbSize: number,
   theme: number,
-  // eslint-disable-next-line react/forbid-prop-types
   input: shape({ onChange: func.isRequired, value: any }),
   hitSlop: shape({
     bottom: number,

package/lib/components/UTTabs/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/exhaustive-deps */
 import { Animated, View, Pressable, PanResponder, ScrollView } from 'react-native';
 import { array, bool, func, object, string, number } from 'prop-types';
 import React, { useEffect, useRef, useState } from 'react';

package/lib/components/UTTextInput/versions/V0/flavors/OutlinedInput/index.js

@@ -104,7 +104,7 @@ const OutlinedInput = ({
                 ownStyles.input,
                 themeStyles?.input,
                 disabled && themeStyles?.inputDisabled,
-                // eslint-disable-next-line react-native/no-inline-styles
+
                 {
                   fontSize,
                   fontFamily: theme.fonts.fontFamily,

package/lib/components/UTTextInput/versions/V0/proptypes.js

@@ -1,6 +1,5 @@
 import { string, func, bool, any, shape, elementType, oneOfType } from 'prop-types';
 
-// eslint-disable-next-line react/forbid-prop-types
 const refPropType = oneOfType([func, shape({ current: any })]);
 
 export default {

package/lib/components/UTTextInput/versions/V1/index.js

@@ -7,6 +7,7 @@ import { TITLE_VARIANTS } from '../../../../constants/inputs';
 import UTFieldLabel from '../../../UTFieldLabel';
 import UTLabel from '../../../UTLabel';
 import UTValidation, { validationDataProptypes } from '../../../UTValidation';
+import UTFieldLabelTypes from '../../../../types/UTFieldLabelTypes';
 
 import styles from './styles';
 import TextInputField from './components/TextInputField';
@@ -19,6 +20,7 @@ const UTTextInput = ({
   dataTestId,
   disabled,
   error,
+  fieldLabelProps,
   helpText,
   id,
   inputRef,
@@ -62,6 +64,7 @@ const UTTextInput = ({
           dataTestId={dataTestId ? `${dataTestId}.title` : undefined}
           required={required}
           variant={TITLE_VARIANTS[titleVariant]}
+          {...fieldLabelProps}
         >
           {title}
         </UTFieldLabel>
@@ -154,6 +157,7 @@ export const propTypes = {
   }),
   suffix: string,
   title: string,
+  fieldLabelProps: UTFieldLabelTypes,
   titleVariant: string,
   tooltipProps: shape({
     tooltip: object,

package/lib/components/UTTopbar/index.js

@@ -24,7 +24,6 @@ const UTTopbar = ({
 }) => {
   const ownTheme = theme.UTWorkflowContainer?.topbar?.[colorTheme];
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(
     useCallback(() => {
       const onBackPress = () => {

package/lib/components/UTTracker/components/Step/components/BarMask/index.js

@@ -35,7 +35,6 @@ const BarMask = ({ stepCompleted, height, variant }) => {
   useEffect(() => {
     if (stepCompleted) animateCompleted();
     else setInverted(false);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [stepCompleted]);
 
   return (

package/lib/components/UTTracker/components/Step/components/StepMask/index.js

@@ -46,12 +46,10 @@ const StepMask = ({ stepCompleted, stepActive, variant }) => {
 
   useEffect(() => {
     if (stepCompleted) handleCompleted();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [stepCompleted]);
 
   useEffect(() => {
     if (stepActive) handleActive();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [stepActive]);
 
   return (

package/lib/components/UTTracker/components/Step/index.js

@@ -47,7 +47,7 @@ const Step = ({
   };
 
   const [delayedStepActive, setDelayedStepActive] = useState(false);
-  // eslint-disable-next-line consistent-return
+
   useEffect(() => {
     if (stepActive) {
       const timer = setTimeout(() => setDelayedStepActive(true), index === 0 ? 0 : ACTIVE_STEP_DELAY);
@@ -67,7 +67,6 @@ const Step = ({
   useEffect(() => {
     if (stepCompleted) animateCompleted();
     else opacityAnim.setValue(1);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [stepCompleted]);
 
   const barHeight = Math.max((stepsPositions[index + 1] ?? 0) - (stepsPositions[index] ?? 0) - OVAL_SIZE, 24);

package/lib/components/UTTracker/index.js

@@ -127,7 +127,6 @@ UTTracker.propTypes = {
   mode: ModePropTypes,
   steps: StepsPropTypes,
   subtitle: string,
-  // eslint-disable-next-line react/forbid-prop-types
   style: object,
   title: string,
   variant: VariantPropTypes

package/lib/components/UTWorkflowContainer/versions/V0/components/BottomStepHandler/index.js

@@ -44,7 +44,6 @@ BottomStepHandler.propTypes = {
   stepCounter: oneOf([func, string]),
   stepsCount: number.isRequired,
   styles: shape(ViewPropTypes?.style),
-  // eslint-disable-next-line react/forbid-prop-types
   themedStyles: any
 };
 

package/lib/components/UTWorkflowContainer/versions/V0/components/StepsHandler/index.js

@@ -73,7 +73,6 @@ StepsHandler.propTypes = {
   StepCounterComponent: elementType,
   stepsCount: number.isRequired,
   styles: shape(ViewPropTypes?.style),
-  // eslint-disable-next-line react/forbid-prop-types
   themedStyles: any
 };
 

package/lib/components/UTWorkflowContainer/versions/V1/index.js

@@ -18,7 +18,7 @@ import { MessagePropTypes, SummaryPropTypes } from './types';
 
 let useSafeAreaInsets;
 try {
-  // eslint-disable-next-line no-eval, global-require
+  // eslint-disable-next-line global-require
   const safeArea = require('react-native-safe-area-context');
   useSafeAreaInsets = safeArea?.useSafeAreaInsets;
 } catch (e) {
@@ -51,7 +51,7 @@ const UTWorkflowContainer = ({
   topSafeAreaDisabled = false
 }) => {
   const { bottom: bottomSafeArea, top: topSafeArea } = useSafeAreaInsets?.() || {};
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+
   useEffect(() => () => onExit?.(), []);
 
   const [isKeyboardVisible, setKeyboardVisible] = useState(false);
@@ -134,7 +134,6 @@ UTWorkflowContainer.propTypes = {
   requiredFieldInfo: string,
   returnButton: ActionButtonPropTypes,
   scrollable: bool,
-  // eslint-disable-next-line react/forbid-prop-types
   scrollViewRef: shape({ current: any }),
   stages: StagesPropTypes,
   stepsCount: number.isRequired,

package/lib/reactotronConfig.js

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-extraneous-dependencies */
 /*
   Reactotron opcional: no importamos el paquete directamente para evitar fallos
   cuando no está instalado en el consumidor. Si el consumidor quiere usarlo,

package/lib/theming/DefaultTheme.js

@@ -266,7 +266,6 @@ export const themeType = shape({
       xbig: number
     }),
     fontColor: string,
-    // eslint-disable-next-line react/forbid-prop-types
     customVariants: object,
     fontFamily: string
   }),

package/lib/types/UTFieldLabelTypes.js

@@ -0,0 +1,11 @@
+import { string, elementType, bool } from 'prop-types';
+
+export default {
+  colorTheme: string,
+  CustomTitleComponent: elementType,
+  dataTestId: string,
+  required: bool,
+  variant: string,
+  weight: string,
+  withMarkdown: bool
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "2.5.2",
+  "version": "2.7.0",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [
@@ -11,7 +11,12 @@
   "license": "MIT",
   "scripts": {
     "lint:fix": "eslint --fix lib example/src",
-    "lint": "eslint lib example/src",
+    "lint": "yarn lint:example && yarn lint:root",
+    "lint-suppress": "yarn lint-suppress:example & yarn lint-suppress:root",
+    "lint:example": "eslint --config example/eslint.config.mjs --suppressions-location ./example/eslint-suppressions.json --cache --prune-suppressions example/src",
+    "lint:root": "eslint --config eslint.config.mjs --suppressions-location ./eslint-suppressions.json --cache --prune-suppressions lib",
+    "lint-suppress:example": "eslint --config example/eslint.config.mjs --suppressions-location ./example/eslint-suppressions.json --cache --suppress-all example/src",
+    "lint-suppress:root": "eslint --config eslint.config.mjs --suppressions-location ./eslint-suppressions.json --cache --suppress-all lib",
     "lint-diff": "git diff --name-only --cached --relative --diff-filter=ACM | grep \\.js$ | xargs ./node_modules/eslint/bin/eslint.js",
     "build": "babel lib --out-dir dist",
     "test": "jest",
@@ -19,7 +24,7 @@
     "android": "cd example && yarn android",
     "android:clean": "cd example/android && ./gradlew clean",
     "ios": "cd example && yarn ios",
-    "start": "cd example && yarn start",
+    "start": "ESLINT_NO_DEV_ERRORS=true cd example && yarn start",
     "prepare": "husky install"
   },
   "peerDependencies": {
@@ -33,6 +38,7 @@
     "react-native-vector-icons": "^10.0.0"
   },
   "dependencies": {
+    "@expo/config": "^11.0.12",
     "@react-native-masked-view/masked-view": "^0.3.2",
     "@react-navigation/native": "^6.1.9",
     "@tabler/icons-react-native": "^3.34.1",
@@ -53,7 +59,8 @@
     "react-native-pager-view": "^6.8.0",
     "react-native-safe-area-context": "^5.2.0",
     "react-native-svg": "^15.11.2",
-    "react-native-uuid": "^2.0.3"
+    "react-native-uuid": "^2.0.3",
+    "react-native-worklets": "^0.5.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.22.10",
@@ -65,12 +72,23 @@
     "@babel/runtime": "^7.22.10",
     "@commitlint/cli": "^17.7.1",
     "@commitlint/config-conventional": "^17.7.0",
+    "@eslint/compat": "^1.4.0",
+    "@eslint/eslintrc": "^3.3.0",
+    "@react-native/babel-preset": "0.73.0",
+    "@widergy/eslint-config": "^1.0.0",
     "@widergy/semantic-release-package-config": "^1.0.0",
     "babel-jest": "^29.6.2",
+    "babel-plugin-import-glob": "^2.0.0",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "babel-preset-expo": "^13.2.4",
     "babel-preset-minify": "^0.5.2",
-    "eslint": "^8.47.0",
+    "babel-preset-react-native": "^4.0.1",
+    "eslint": "^9.38.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.0.0",
+    "eslint-import-resolver-babel-module": "^5.3.2",
+    "eslint-import-resolver-react-native": "^0.2.0",
+    "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-import": "^2.28.0",
     "eslint-plugin-jsx-a11y": "^6.7.1",
@@ -78,6 +96,7 @@
     "eslint-plugin-react": "^7.33.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-native": "^4.0.0",
+    "globals": "^16.4.0",
     "husky": "^8.0.0",
     "jest": "^29.6.2",
     "prettier": "^3.0.1",
@@ -88,12 +107,10 @@
     "react-native-vector-icons": "^10.0.0",
     "react-native-version": "^4.0.0",
     "reactotron-react-native": "^5.1.7",
-    "semantic-release": "^15.13.31"
+    "semantic-release": "^15.13.31",
+    "typescript-eslint": "^8.46.4"
   },
   "release": {
     "extends": "@widergy/semantic-release-package-config"
-  },
-  "resolutions": {
-    "minimatch": "9.0.5"
   }
 }