@widergy/mobile-ui 1.26.3 → 1.26.5

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.26.5](https://github.com/widergy/mobile-ui/compare/v1.26.4...v1.26.5) (2024-10-04)
+
+
+### Bug Fixes
+
+* visual fixes ([#367](https://github.com/widergy/mobile-ui/issues/367)) ([b916b9b](https://github.com/widergy/mobile-ui/commit/b916b9b641c2fbff90b8b5ab2efb8b6b8ae447b6))
+
+## [1.26.4](https://github.com/widergy/mobile-ui/compare/v1.26.3...v1.26.4) (2024-10-01)
+
+
+### Bug Fixes
+
+* utselect options update ([#362](https://github.com/widergy/mobile-ui/issues/362)) ([e6ccae1](https://github.com/widergy/mobile-ui/commit/e6ccae11b2e78183d426ef42af09bf2636a83fc0))
+
 ## [1.26.3](https://github.com/widergy/mobile-ui/compare/v1.26.2...v1.26.3) (2024-09-30)
 
 

package/lib/components/RadioGroup/components/RadioButton/index.js

@@ -58,7 +58,7 @@ class RadioButton extends Component {
                     <View style={[styles.label, labelComponent && styles.labelComponent]}>
                       <UTLabel
                         colorTheme={status ? 'accent' : 'dark'}
-                        variant="small"
+                        variant="body"
                         weight={status ? 'bold' : 'regular'}
                       >
                         {label}

package/lib/components/RadioGroup/index.js

@@ -3,7 +3,7 @@ import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { View } from 'react-native';
 import PropTypes from 'prop-types';
 
-import Label from '../Label';
+import UTLabel from '../UTLabel';
 
 import RadioButton from './components/RadioButton';
 import { DEFAULT_KEY_FIELD } from './constants';
@@ -40,14 +40,14 @@ class RadioGroup extends Component {
     return (
       <View style={styles.container}>
         {title && (
-          <Label medium primary {...titleProps}>
+          <UTLabel variant="body" {...titleProps}>
             {title}
-          </Label>
+          </UTLabel>
         )}
         {options.map(this.renderOptions)}
-        <Label error small>
+        <UTLabel colorTheme="error" shade="05" variant="body">
           {error}
-        </Label>
+        </UTLabel>
       </View>
     );
   }

package/lib/components/UTLabel/constants.js

@@ -1,9 +1,9 @@
 export const VARIANTS_SIZES = {
-  title1: 30,
-  title2: 24,
-  title3: 22,
-  subtitle1: 18,
-  subtitle2: 16,
+  title1: 24,
+  title2: 22,
+  title3: 18,
+  subtitle1: 16,
+  subtitle2: 14,
   body: 16,
   small: 14,
   xsmall: 11,

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

@@ -38,6 +38,8 @@ const UTSelect = ({
   suffix,
   title,
   value,
+  onChangeSearchTerm,
+  disableFilterOptions,
   withAutoReset
 }) => {
   const [bottomSheetVisible, setBottomSheetVisible] = useState(false);
@@ -47,6 +49,15 @@ const UTSelect = ({
 
   const validationData = useMemo(() => error && formatErrorToValidation(error), [error]);
 
+  const handleOnChangeSearchTerm = newSearchTerm => {
+    onChangeSearchTerm?.(newSearchTerm);
+    setSearchTerm(newSearchTerm);
+  };
+
+  useEffect(() => {
+    setSortedOptions(options);
+  }, [options]);
+
   const sortOptions = useCallback(() => {
     const selectedOptionsList = [];
     const unselectedOptionsList = [];
@@ -99,8 +110,11 @@ const UTSelect = ({
   }, [value, options, multiple]);
 
   const filteredOptions = useMemo(
-    () => sortedOptions.filter(option => option.label.toLowerCase().includes(searchTerm.toLowerCase())),
-    [sortedOptions, searchTerm]
+    () =>
+      disableFilterOptions
+        ? sortedOptions
+        : sortedOptions.filter(option => option.label.toLowerCase().includes(searchTerm.toLowerCase())),
+    [sortedOptions, searchTerm, disableFilterOptions]
   );
 
   const clearAction = {
@@ -165,7 +179,7 @@ const UTSelect = ({
       >
         <View style={styles.bottomSheetBodyContainer}>
           <UTSearchField
-            onChange={setSearchTerm}
+            onChange={handleOnChangeSearchTerm}
             placeholder={searchPlaceholder}
             value={searchTerm}
             variant="gray"

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

@@ -38,7 +38,7 @@ const UTWorkflowContainer = ({
   const Title = React.isValidElement(title) ? (
     title
   ) : (
-    <Label big bold {...titleProps} style={themedStyles.title}>
+    <Label big {...titleProps} style={themedStyles.title}>
       {title}
     </Label>
   );

package/package.json

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