@widergy/mobile-ui 1.32.3 → 1.32.5

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.32.5](https://github.com/widergy/mobile-ui/compare/v1.32.4...v1.32.5) (2024-12-02)
+
+
+### Bug Fixes
+
+* [UGC-1026] utproductitem independent discount and previous amount ([#392](https://github.com/widergy/mobile-ui/issues/392)) ([8a75f5b](https://github.com/widergy/mobile-ui/commit/8a75f5b23579ef75cc18faa34abc4eb9d94c34cf))
+
+## [1.32.4](https://github.com/widergy/mobile-ui/compare/v1.32.3...v1.32.4) (2024-12-02)
+
+
+### Bug Fixes
+
+* add theme in UTSearch, change value L to M ([#385](https://github.com/widergy/mobile-ui/issues/385)) ([fa0e514](https://github.com/widergy/mobile-ui/commit/fa0e51448147caaab3b92de669bf04a581292692))
+
 ## [1.32.3](https://github.com/widergy/mobile-ui/compare/v1.32.2...v1.32.3) (2024-11-29)
 
 

package/lib/components/UTBaseInputField/theme.js

@@ -162,7 +162,7 @@ export const retrieveStyle = ({
       ...style.input
     },
     cursorColor: baseTheme.input.cursorColor,
-    placeholderTextColor: baseTheme.input.placeholderTextColor,
+    placeholderTextColor: style.input?.placeholderTextColor || baseTheme.input.placeholderTextColor,
     selectionColor: baseTheme.input.selectionColor
   };
 

package/lib/components/UTCheckBox/README.md

@@ -15,7 +15,7 @@
 | onPress       | func   |         | Function to call when the checkbox is pressed.                              |
 | required      | bool   | false   | Indicates if the checkbox is required.                                      |
 | reversed      | bool   | false   | If true, reverses the order of title and checkbox.                          |
-| spacing       | string | large   | If "small", reduces the column gap from 16 to 8.                            |
+| spacing       | string | medium  | If "small", reduces the column gap from 16 to 8.                            |
 | style         | shape  | {}      | Custom styles to apply to the checkbox container. Can contain root or title |
 | title         | string |         | Title to display next to the checkbox.                                      |
 | variant       | string |         | The variant to use for styling the checkbox.                                |

package/lib/components/UTCheckBox/constants.js

@@ -3,7 +3,7 @@ export const INDETERMINATE_ICON = 'IconMinus';
 
 export const SPACING = {
   SMALL: 'small',
-  LARGE: 'large'
+  MEDIUM: 'medium'
 };
 
 export const BUTTON_VARIANT = 'button';

package/lib/components/UTCheckBox/proptypes.js

@@ -7,7 +7,7 @@ export const defaultProps = {
    * @deprecated The "isSimple" prop is deprecated and will be removed in a future release. Please do not use it.
    */
   isSimple: false,
-  spacing: SPACING.LARGE,
+  spacing: SPACING.MEDIUM,
   style: {}
 };
 

package/lib/components/UTCheckBox/theme.js

@@ -1,6 +1,6 @@
 import { BUTTON_VARIANT, SPACING } from './constants';
 
-const NORMAL_SPACING = 16;
+const MEDIUM_SPACING = 16;
 const SMALL_SPACING = 8;
 
 const baseCheckBoxTheme = theme => ({
@@ -35,7 +35,7 @@ const conditionalStyles = ({
   pressed,
   theme
 }) => {
-  const spacingValue = spacing === SPACING.SMALL ? SMALL_SPACING : NORMAL_SPACING;
+  const spacingValue = spacing === SPACING.SMALL ? SMALL_SPACING : MEDIUM_SPACING;
 
   const pressable =
     variant === BUTTON_VARIANT

package/lib/components/UTCheckList/README.MD

@@ -20,7 +20,7 @@
 | style             | shape           | {}      | Custom styles to apply to the checklist. Can contain `root`, `header`, `checkboxesContainer`, `item`, and `selectAll`. |
 | value             | arrayOf(string) | []      | Array of selected values.                                                                                              |
 | variant           | string          |         | Variant style for the checklist.                                                                                       |
-| verticalSpacing   | string          | large   | Spacing between the checkbox items vertically.                                                                         |
+| verticalSpacing   | string          | medium  | Spacing between the checkbox items vertically.                                                                         |
 
 ### Option Object
 

package/lib/components/UTCheckList/constants.js

@@ -1,4 +1,4 @@
 export const SPACING = {
   SMALL: 'small',
-  LARGE: 'large'
+  MEDIUM: 'medium'
 };

package/lib/components/UTCheckList/proptypes.js

@@ -3,13 +3,13 @@ import { arrayOf, bool, func, object, shape, string } from 'prop-types';
 import { SPACING } from './constants';
 
 export const defaultProps = {
-  horizontalSpacing: SPACING.LARGE,
+  horizontalSpacing: SPACING.MEDIUM,
   isSimple: false,
   onChange: () => {},
   showSelectAll: true,
   style: {},
   value: null,
-  verticalSpacing: SPACING.LARGE
+  verticalSpacing: SPACING.MEDIUM
 };
 
 export const propTypes = {

package/lib/components/UTCheckList/styles.js

@@ -1,7 +1,7 @@
 import { StyleSheet } from 'react-native';
 
 const SPACING = {
-  LARGE: 16,
+  MEDIUM: 16,
   SMALL: 8
 };
 
@@ -11,11 +11,11 @@ export default StyleSheet.create({
   },
   checkboxesContainer: {
     alignSelf: 'flex-start',
-    rowGap: SPACING.LARGE,
+    rowGap: SPACING.MEDIUM,
     width: '100%'
   },
   container: {
-    rowGap: SPACING.LARGE
+    rowGap: SPACING.MEDIUM
   },
   headerContainer: {
     rowGap: 8

package/lib/components/UTProductItem/components/Discount/index.js

@@ -7,11 +7,13 @@ import UTLabel from '../../../UTLabel';
 
 const Discount = ({ previousAmount, shouldUseGap, discount, themedStyles }) => (
   <View style={[themedStyles.amountContainer, shouldUseGap ? themedStyles.gap : '']}>
-    <View style={themedStyles.discountChip}>
-      <UTLabel colorTheme="negative" variant="xsmall" style={themedStyles.discount}>
-        {discount}
-      </UTLabel>
-    </View>
+    {discount && (
+      <View style={themedStyles.discountChip}>
+        <UTLabel colorTheme="negative" variant="xsmall" style={themedStyles.discount}>
+          {discount}
+        </UTLabel>
+      </View>
+    )}
     {previousAmount && (
       <UTLabel colorTheme="gray" style={themedStyles.previousAmount}>{`$ ${previousAmount}`}</UTLabel>
     )}

package/lib/components/UTProductItem/utils.js

@@ -17,13 +17,13 @@ export const leftSectionComponents = ({
       Component: AdditionalInfo,
       key: 'additionalInfo',
       props: { additionalInfo, themedStyles },
-      show: !!additionalInfo
+      show: additionalInfo
     },
     {
       Component: Discount,
       key: 'discount',
       props: { discount, previousAmount, themedStyles },
-      show: !!discount
+      show: discount || previousAmount
     },
     { Component: Amount, key: 'amount', props: { amount, themedStyles }, show: !!amount }
   ].filter(elem => elem.show);

package/lib/components/UTSearchField/index.js

@@ -1,9 +1,11 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 
 import { COMPONENT_KEYS } from '../UTBaseInputField/constants';
 import UTBaseInputField from '../UTBaseInputField';
+import { useTheme } from '../../theming';
 
 import { defaultProps, propTypes } from './proptypes';
+import { retrieveStyle } from './theme';
 
 const UTSearchField = ({
   disabled,
@@ -20,6 +22,8 @@ const UTSearchField = ({
   value,
   variant
 }) => {
+  const theme = useTheme();
+  const { input } = useMemo(() => retrieveStyle({ theme }), [theme]);
   const clearText = () => {
     onChange('');
   };
@@ -46,7 +50,7 @@ const UTSearchField = ({
       ref={inputRef}
       returnKeyType={returnKeyType}
       rightAdornments={rightAdornments}
-      style={{ container: style }}
+      style={{ container: style, input }}
       type={type}
       value={value}
       variant={variant}

package/lib/components/UTSearchField/theme.js

@@ -0,0 +1,3 @@
+export const retrieveStyle = ({ theme }) => ({
+  input: { placeholderTextColor: theme.Pallete.gray['04'] }
+});

package/package.json

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