sapo-components-ui-rn 1.1.81 → 1.1.82

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.
@@ -1,5 +1,5 @@
1
- import React from "react";
2
- import { StyleProp, ViewStyle, TextStyle } from "react-native";
1
+ import React from 'react';
2
+ import { StyleProp, ViewStyle, TextStyle } from 'react-native';
3
3
  interface TagProps {
4
4
  style?: StyleProp<ViewStyle>;
5
5
  title: string;
@@ -10,7 +10,7 @@ interface TagProps {
10
10
  leftIcon?: React.ReactNode;
11
11
  rightIcon?: React.ReactNode;
12
12
  checked?: boolean;
13
- ellipsizeMode?: "head" | "middle" | "tail" | "clip";
13
+ ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';
14
14
  numberOfLines?: number;
15
15
  hideRightIcon?: boolean;
16
16
  height?: number;
package/dist/index.esm.js CHANGED
@@ -7227,36 +7227,35 @@ var SearchInput = function (_a) {
7227
7227
  };
7228
7228
 
7229
7229
  var Tag = function (_a) {
7230
- var style = _a.style, _b = _a.borderRadius, borderRadius = _b === void 0 ? CONSTANTS.BORDER_RADIUS_ROUNDED : _b, _c = _a.title, title = _c === void 0 ? "content" : _c, textStyle = _a.textStyle, onPress = _a.onPress, _d = _a.disabled, disabled = _d === void 0 ? false : _d, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _e = _a.checked, checked = _e === void 0 ? false : _e, _f = _a.ellipsizeMode, ellipsizeMode = _f === void 0 ? "tail" : _f, _g = _a.numberOfLines, numberOfLines = _g === void 0 ? 1 : _g, _h = _a.hideRightIcon, hideRightIcon = _h === void 0 ? false : _h, _j = _a.height, height = _j === void 0 ? 32 : _j;
7230
+ var style = _a.style, _b = _a.borderRadius, borderRadius = _b === void 0 ? CONSTANTS.BORDER_RADIUS_ROUNDED : _b, _c = _a.title, title = _c === void 0 ? 'content' : _c, textStyle = _a.textStyle, onPress = _a.onPress, _d = _a.disabled, disabled = _d === void 0 ? false : _d, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _e = _a.checked, checked = _e === void 0 ? false : _e, _f = _a.ellipsizeMode, ellipsizeMode = _f === void 0 ? 'tail' : _f, _g = _a.numberOfLines, numberOfLines = _g === void 0 ? 1 : _g, _h = _a.hideRightIcon, hideRightIcon = _h === void 0 ? false : _h, _j = _a.height, height = _j === void 0 ? 32 : _j;
7231
7231
  var theme = useInternalTheme();
7232
7232
  var colors = theme.colors;
7233
7233
  var handlePressTag = useCallback(function () {
7234
7234
  onPress === null || onPress === void 0 ? void 0 : onPress(!checked);
7235
7235
  }, [checked]);
7236
- return (React__default.createElement(View, { row: true },
7237
- React__default.createElement(View, { row: true, height: height, disabled: disabled, paddingHorizontal: CONSTANTS.SPACE_12, paddingVertical: CONSTANTS.SPACE_8, borderRadius: borderRadius, center: true, style: [
7238
- disabled && {
7239
- backgroundColor: colors.surfaceSecondaryDefault,
7240
- borderColor: colors.surfaceSecondaryDefault,
7241
- },
7242
- style,
7243
- ], onPress: handlePressTag, backgroundColor: checked
7244
- ? colors.surfaceBrandInversePressed
7245
- : colors.surfaceBrandInverseDefault },
7246
- leftIcon && React__default.createElement(View, { paddingRight: CONSTANTS.SPACE_4 }, leftIcon),
7247
- React__default.createElement(View, null,
7248
- React__default.createElement(Text$1, { size: 14, numberOfLines: numberOfLines, ellipsizeMode: ellipsizeMode, style: [
7249
- styles$1.textMedium,
7250
- {
7251
- lineHeight: 16,
7252
- },
7253
- disabled && {
7254
- color: colors.textSecondary,
7255
- },
7256
- textStyle,
7257
- ] }, title)),
7258
- rightIcon ? (React__default.createElement(View, { paddingLeft: CONSTANTS.SPACE_4 }, rightIcon)) : hideRightIcon ? (React__default.createElement(View, null)) : (React__default.createElement(View, { paddingLeft: CONSTANTS.SPACE_4 },
7259
- React__default.createElement(SvgIcon, { name: "IconClose", width: 20, height: 20, color: colors.iconBrandDefault }))))));
7236
+ return (React__default.createElement(View, { row: true, height: height, disabled: disabled, paddingHorizontal: CONSTANTS.SPACE_12, paddingVertical: CONSTANTS.SPACE_8, borderRadius: borderRadius, center: true, style: [
7237
+ disabled && {
7238
+ backgroundColor: colors.surfaceSecondaryDefault,
7239
+ borderColor: colors.surfaceSecondaryDefault,
7240
+ },
7241
+ style,
7242
+ ], onPress: handlePressTag, backgroundColor: checked
7243
+ ? colors.surfaceBrandInversePressed
7244
+ : colors.surfaceBrandInverseDefault },
7245
+ leftIcon && React__default.createElement(View, { paddingRight: CONSTANTS.SPACE_4 }, leftIcon),
7246
+ React__default.createElement(View, { paddingHorizontal: CONSTANTS.SPACE_4 },
7247
+ React__default.createElement(Text$1, { size: 14, numberOfLines: numberOfLines, ellipsizeMode: ellipsizeMode, style: [
7248
+ styles$1.textMedium,
7249
+ {
7250
+ lineHeight: 16,
7251
+ },
7252
+ disabled && {
7253
+ color: colors.textSecondary,
7254
+ },
7255
+ textStyle,
7256
+ ] }, title)),
7257
+ rightIcon ? (React__default.createElement(View, { paddingLeft: CONSTANTS.SPACE_4 }, rightIcon)) : hideRightIcon ? (React__default.createElement(View, null)) : (React__default.createElement(View, { paddingLeft: CONSTANTS.SPACE_4 },
7258
+ React__default.createElement(SvgIcon, { name: 'IconClose', width: 20, height: 20, color: colors.iconBrandDefault })))));
7260
7259
  };
7261
7260
  var styles$1 = StyleSheet.create(__assign({}, containerStyles));
7262
7261