expo-snowui 1.7.76 → 1.7.77
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.
|
@@ -94,42 +94,53 @@ export const SnowImageButton = props => {
|
|
|
94
94
|
wrapperStyle.push(SnowStyle.pressing);
|
|
95
95
|
}
|
|
96
96
|
let textElement = null;
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
};
|
|
116
|
-
textElement = /*#__PURE__*/_jsx(View, {
|
|
117
|
-
style: exactOverlayStyle,
|
|
118
|
-
children: /*#__PURE__*/_jsx(SnowText, {
|
|
119
|
-
style: [fontStyle, customOverlayTextStyle],
|
|
120
|
-
children: title
|
|
121
|
-
})
|
|
122
|
-
});
|
|
123
|
-
}
|
|
124
|
-
} else {
|
|
97
|
+
let dullOverlayElement = null;
|
|
98
|
+
if (props.overlayTitle) {
|
|
99
|
+
if (isFocused && title) {
|
|
100
|
+
const exactOverlayStyle = {
|
|
101
|
+
position: 'absolute',
|
|
102
|
+
top: 0,
|
|
103
|
+
bottom: 0,
|
|
104
|
+
left: 0,
|
|
105
|
+
right: 0,
|
|
106
|
+
backgroundColor: 'rgba(235, 235, 235, 1)',
|
|
107
|
+
justifyContent: 'center',
|
|
108
|
+
alignItems: 'center',
|
|
109
|
+
padding: 10,
|
|
110
|
+
borderRadius: SnowStyle.button.borderRadius
|
|
111
|
+
};
|
|
112
|
+
const customOverlayTextStyle = {
|
|
113
|
+
color: 'black'
|
|
114
|
+
};
|
|
125
115
|
textElement = /*#__PURE__*/_jsx(View, {
|
|
126
|
-
style:
|
|
116
|
+
style: exactOverlayStyle,
|
|
127
117
|
children: /*#__PURE__*/_jsx(SnowText, {
|
|
128
|
-
style: fontStyle,
|
|
118
|
+
style: [fontStyle, customOverlayTextStyle],
|
|
129
119
|
children: title
|
|
130
120
|
})
|
|
131
121
|
});
|
|
122
|
+
} else if (!isFocused && props.dull) {
|
|
123
|
+
const dullOverlayStyle = {
|
|
124
|
+
position: 'absolute',
|
|
125
|
+
top: 0,
|
|
126
|
+
bottom: 0,
|
|
127
|
+
left: 0,
|
|
128
|
+
right: 0,
|
|
129
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
|
130
|
+
borderRadius: SnowStyle.button.borderRadius
|
|
131
|
+
};
|
|
132
|
+
dullOverlayElement = /*#__PURE__*/_jsx(View, {
|
|
133
|
+
style: dullOverlayStyle
|
|
134
|
+
});
|
|
132
135
|
}
|
|
136
|
+
} else if (title) {
|
|
137
|
+
textElement = /*#__PURE__*/_jsx(View, {
|
|
138
|
+
style: textWrapperStyle,
|
|
139
|
+
children: /*#__PURE__*/_jsx(SnowText, {
|
|
140
|
+
style: fontStyle,
|
|
141
|
+
children: title
|
|
142
|
+
})
|
|
143
|
+
});
|
|
133
144
|
}
|
|
134
145
|
if (props.wrapperStyle) {
|
|
135
146
|
wrapperStyle.push(props.wrapperStyle);
|
|
@@ -155,7 +166,7 @@ export const SnowImageButton = props => {
|
|
|
155
166
|
contentFit: "contain",
|
|
156
167
|
source: imageSource,
|
|
157
168
|
placeholder: props.placeholder
|
|
158
|
-
}), textElement]
|
|
169
|
+
}), dullOverlayElement, textElement]
|
|
159
170
|
})
|
|
160
171
|
}));
|
|
161
172
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Pressable","Image","useStyleContext","useFocusContext","SnowText","jsx","_jsx","jsxs","_jsxs","SnowImageButton","props","SnowStyle","focusWrap","isFocused","canFocus","pressing","setPressing","useState","fontStyle","component","imageButton","text","title","length","push","smallText","substring","wrapperStyle","wrapper","imageStyle","image","overlayTitle","wide","imageWide","noTitle","square","imageSquare","width","normal","height","marginTop","justifyContent","alignSelf","wrapperWide","wrapperSquare","textWrapperStyle","textWrapper","dull","selected","focused","imageSource","imageUrl","uri","isHandheld","textElement","exactOverlayStyle","position","top","bottom","left","right","backgroundColor","
|
|
1
|
+
{"version":3,"names":["React","View","Pressable","Image","useStyleContext","useFocusContext","SnowText","jsx","_jsx","jsxs","_jsxs","SnowImageButton","props","SnowStyle","focusWrap","isFocused","canFocus","pressing","setPressing","useState","fontStyle","component","imageButton","text","title","length","push","smallText","substring","wrapperStyle","wrapper","imageStyle","image","overlayTitle","wide","imageWide","noTitle","square","imageSquare","width","normal","height","marginTop","justifyContent","alignSelf","wrapperWide","wrapperSquare","textWrapperStyle","textWrapper","dull","selected","focused","imageSource","imageUrl","uri","isHandheld","textElement","dullOverlayElement","exactOverlayStyle","position","top","bottom","left","right","backgroundColor","alignItems","padding","borderRadius","button","customOverlayTextStyle","color","style","children","dullOverlayStyle","onPressIn","onPressOut","contentFit","source","placeholder"],"sourceRoot":"../../../../src","sources":["component/wired/snow-image-button.js"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -92,38 +92,48 @@ export const SnowImageButton = (props) => {
|
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
let textElement = null
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
}
|
|
114
|
-
textElement = (
|
|
115
|
-
<View style={exactOverlayStyle}>
|
|
116
|
-
<SnowText style={[fontStyle, customOverlayTextStyle]}>{title}</SnowText>
|
|
117
|
-
</View>
|
|
118
|
-
)
|
|
95
|
+
let dullOverlayElement = null
|
|
96
|
+
|
|
97
|
+
if (props.overlayTitle) {
|
|
98
|
+
if (isFocused && title) {
|
|
99
|
+
const exactOverlayStyle = {
|
|
100
|
+
position: 'absolute',
|
|
101
|
+
top: 0,
|
|
102
|
+
bottom: 0,
|
|
103
|
+
left: 0,
|
|
104
|
+
right: 0,
|
|
105
|
+
backgroundColor: 'rgba(235, 235, 235, 1)',
|
|
106
|
+
justifyContent: 'center',
|
|
107
|
+
alignItems: 'center',
|
|
108
|
+
padding: 10,
|
|
109
|
+
borderRadius: SnowStyle.button.borderRadius
|
|
110
|
+
}
|
|
111
|
+
const customOverlayTextStyle = {
|
|
112
|
+
color: 'black'
|
|
119
113
|
}
|
|
120
|
-
} else {
|
|
121
114
|
textElement = (
|
|
122
|
-
<View style={
|
|
123
|
-
<SnowText style={fontStyle}>{title}</SnowText>
|
|
115
|
+
<View style={exactOverlayStyle}>
|
|
116
|
+
<SnowText style={[fontStyle, customOverlayTextStyle]}>{title}</SnowText>
|
|
124
117
|
</View>
|
|
125
118
|
)
|
|
119
|
+
} else if (!isFocused && props.dull) {
|
|
120
|
+
const dullOverlayStyle = {
|
|
121
|
+
position: 'absolute',
|
|
122
|
+
top: 0,
|
|
123
|
+
bottom: 0,
|
|
124
|
+
left: 0,
|
|
125
|
+
right: 0,
|
|
126
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
|
127
|
+
borderRadius: SnowStyle.button.borderRadius
|
|
128
|
+
}
|
|
129
|
+
dullOverlayElement = <View style={dullOverlayStyle} />
|
|
126
130
|
}
|
|
131
|
+
} else if (title) {
|
|
132
|
+
textElement = (
|
|
133
|
+
<View style={textWrapperStyle}>
|
|
134
|
+
<SnowText style={fontStyle}>{title}</SnowText>
|
|
135
|
+
</View>
|
|
136
|
+
)
|
|
127
137
|
}
|
|
128
138
|
|
|
129
139
|
if (props.wrapperStyle) {
|
|
@@ -146,6 +156,7 @@ export const SnowImageButton = (props) => {
|
|
|
146
156
|
source={imageSource}
|
|
147
157
|
placeholder={props.placeholder}
|
|
148
158
|
/>
|
|
159
|
+
{dullOverlayElement}
|
|
149
160
|
{textElement}
|
|
150
161
|
</View>
|
|
151
162
|
</Pressable>
|