@widergy/mobile-ui 1.30.2 → 1.31.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/lib/components/UTMenu/index.js +42 -42
  3. package/lib/components/UTMenu/styles.js +0 -1
  4. package/lib/components/UTTracker/components/Step/index.js +7 -0
  5. package/lib/components/UTTracker/components/Step/styles.js +9 -1
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [1.31.1](https://github.com/widergy/mobile-ui/compare/v1.31.0...v1.31.1) (2024-11-04)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * utmenu fixes ([#374](https://github.com/widergy/mobile-ui/issues/374)) ([44258cb](https://github.com/widergy/mobile-ui/commit/44258cb1bb0ac7c837741f43ec4cbbc280e2d2a8))
7
+
8
+ # [1.31.0](https://github.com/widergy/mobile-ui/compare/v1.30.2...v1.31.0) (2024-11-04)
9
+
10
+
11
+ ### Features
12
+
13
+ * uttracker step banner ([#382](https://github.com/widergy/mobile-ui/issues/382)) ([26c90d8](https://github.com/widergy/mobile-ui/commit/26c90d8c3fade943d7348fe0b0a9d88f39ab2c51))
14
+
1
15
  ## [1.30.2](https://github.com/widergy/mobile-ui/compare/v1.30.1...v1.30.2) (2024-11-04)
2
16
 
3
17
 
package/lib/components/UTMenu/index.js CHANGED
@@ -154,50 +154,50 @@ const UTMenu = ({
154
154
  <View style={styles.overlay} />
155
155
  </TouchableOpacity>
156
156
  <Surface
157
- onLayout={handleMenuLayout}
158
- ref={menuRef}
159
157
  style={[styles.menu, position, fullWidth && { width: anchorMeasure?.width }, propStyles?.menu]}
160
158
  >
161
- <KeyboardAvoidingView behavior="height">
162
- {withAutocomplete && (
163
- <View style={[styles.searchContainer, propStyles?.searchContainer]}>
164
- <UTTextInput
165
- inputRef={searchTextInputRef}
166
- onChange={handleQueryChange}
167
- onSubmitEditing={
168
- query && filteredOptions[0]
169
- ? () => handleOptionPress(() => onPress(filteredOptions[0]))
170
- : closeMenu
171
- }
172
- placeholder={autoCompletePlaceholder}
173
- value={query}
174
- />
175
- </View>
176
- )}
177
- <ListView
178
- filteredOptions={filteredOptions}
179
- handleOptionPress={handleOptionPress}
180
- isMultiple={isMultiple}
181
- ItemSeparatorComponent={ItemSeparatorComponent}
182
- ListEmptyComponent={ListEmptyComponent}
183
- maxHeight={maxHeight}
184
- MenuOptionComponent={MenuOptionComponent}
185
- onPress={onPress}
186
- propStyles={propStyles}
187
- query={query}
188
- selectedOption={selectedOption}
189
- usableWindowHeight={usableWindowHeight}
190
- windowHeight={windowHeight}
191
- />
192
- {withGoogleAttribution && (
193
- <View style={styles.attribution}>
194
- <UTLabel colorTheme="gray" variant="small">
195
- {ATTRIBUTION}
196
- </UTLabel>
197
- <Image source={GoogleLogo} />
198
- </View>
199
- )}
200
- </KeyboardAvoidingView>
159
+ <View onLayout={handleMenuLayout} ref={menuRef}>
160
+ <KeyboardAvoidingView behavior="height">
161
+ {withAutocomplete && (
162
+ <View style={[styles.searchContainer, propStyles?.searchContainer]}>
163
+ <UTTextInput
164
+ inputRef={searchTextInputRef}
165
+ onChange={handleQueryChange}
166
+ onSubmitEditing={
167
+ query && filteredOptions[0]
168
+ ? () => handleOptionPress(() => onPress(filteredOptions[0]))
169
+ : closeMenu
170
+ }
171
+ placeholder={autoCompletePlaceholder}
172
+ value={query}
173
+ />
174
+ </View>
175
+ )}
176
+ <ListView
177
+ filteredOptions={filteredOptions}
178
+ handleOptionPress={handleOptionPress}
179
+ isMultiple={isMultiple}
180
+ ItemSeparatorComponent={ItemSeparatorComponent}
181
+ ListEmptyComponent={ListEmptyComponent}
182
+ maxHeight={maxHeight}
183
+ MenuOptionComponent={MenuOptionComponent}
184
+ onPress={onPress}
185
+ propStyles={propStyles}
186
+ query={query}
187
+ selectedOption={selectedOption}
188
+ usableWindowHeight={usableWindowHeight}
189
+ windowHeight={windowHeight}
190
+ />
191
+ {withGoogleAttribution && (
192
+ <View style={styles.attribution}>
193
+ <UTLabel colorTheme="gray" variant="small">
194
+ {ATTRIBUTION}
195
+ </UTLabel>
196
+ <Image source={GoogleLogo} />
197
+ </View>
198
+ )}
199
+ </KeyboardAvoidingView>
200
+ </View>
201
201
  </Surface>
202
202
  </Modal>
203
203
  </Fragment>
package/lib/components/UTMenu/styles.js CHANGED
@@ -11,7 +11,6 @@ export default StyleSheet.create({
11
11
  backgroundColor: 'white',
12
12
  borderRadius: 8,
13
13
  left: 0,
14
- paddingVertical: 4,
15
14
  position: 'absolute',
16
15
  zIndex: 1000
17
16
  },
package/lib/components/UTTracker/components/Step/index.js CHANGED
@@ -73,6 +73,13 @@ const Step = ({ first, index, isActive, isCompleted, setStepsPositions, step, st
73
73
  {step.title}
74
74
  </UTLabel>
75
75
  )}
76
+ {step.banner?.text && (
77
+ <View style={themedStyles.stepBanner}>
78
+ <UTLabel weight="medium" variant="small" colorTheme={step.banner.colorTheme || 'warning'}>
79
+ {step.banner.text}
80
+ </UTLabel>
81
+ </View>
82
+ )}
76
83
  </View>
77
84
  </View>
78
85
  );
package/lib/components/UTTracker/components/Step/styles.js CHANGED
@@ -71,6 +71,14 @@ export const getStepStyles = theme =>
71
71
  },
72
72
  stepMargin: { marginTop: 24 },
73
73
  textContainer: {
74
- width: '90%'
74
+ width: '90%',
75
+ gap: 8
76
+ },
77
+ stepBanner: {
78
+ backgroundColor: theme.Palette.warning['01'],
79
+ alignSelf: 'flex-start',
80
+ paddingVertical: 4,
81
+ paddingHorizontal: 8,
82
+ borderRadius: 8
75
83
  }
76
84
  });
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@widergy/mobile-ui",
3
3
  "description": "Widergy Mobile Components",
4
4
  "author": "widergy",
5
- "version": "1.30.2",
5
+ "version": "1.31.1",
6
6
  "repository": "https://github.com/widergy/mobile-ui.git",
7
7
  "main": "lib/index.js",
8
8
  "files": [