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.
- package/dist/components/Tag/index.d.ts +3 -3
- package/dist/index.esm.js +24 -25
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +24 -25
- package/dist/index.js.map +1 -1
- package/package.json +1 -2
- package/src/components/Tag/index.tsx +66 -68
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { StyleProp, ViewStyle, TextStyle } from
|
|
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?:
|
|
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 ?
|
|
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
|
-
|
|
7238
|
-
|
|
7239
|
-
|
|
7240
|
-
|
|
7241
|
-
|
|
7242
|
-
|
|
7243
|
-
|
|
7244
|
-
|
|
7245
|
-
|
|
7246
|
-
|
|
7247
|
-
React__default.createElement(
|
|
7248
|
-
|
|
7249
|
-
|
|
7250
|
-
|
|
7251
|
-
|
|
7252
|
-
|
|
7253
|
-
|
|
7254
|
-
|
|
7255
|
-
|
|
7256
|
-
|
|
7257
|
-
|
|
7258
|
-
|
|
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
|
|