sapo-components-ui-rn 1.1.61 → 1.1.63
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/View/index.d.ts +2 -2
- package/dist/index.esm.js +28 -28
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +27 -27
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/View/index.tsx +300 -292
- package/src/styles/themes/tokens.tsx +24 -24
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { StyleProp, ViewStyle, ViewProps as RNViewProps, AccessibilityProps, LayoutChangeEvent } from "react-native";
|
|
2
|
+
import { View, StyleProp, ViewStyle, ViewProps as RNViewProps, AccessibilityProps, LayoutChangeEvent } from "react-native";
|
|
3
3
|
interface ViewProps extends RNViewProps, AccessibilityProps {
|
|
4
4
|
row?: boolean;
|
|
5
5
|
full?: boolean;
|
|
@@ -103,5 +103,5 @@ interface ViewProps extends RNViewProps, AccessibilityProps {
|
|
|
103
103
|
renderToHardwareTextureAndroid?: boolean;
|
|
104
104
|
shouldRasterizeIOS?: boolean;
|
|
105
105
|
}
|
|
106
|
-
declare const _default: React.
|
|
106
|
+
declare const _default: React.NamedExoticComponent<ViewProps & React.RefAttributes<View>>;
|
|
107
107
|
export default _default;
|
package/dist/index.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Dimensions, Platform, StyleSheet, useColorScheme, TouchableOpacity, View as View$1, Text as Text$2, Animated as Animated$1, Pressable, I18nManager, useWindowDimensions, TextInput as TextInput$1, Modal, Keyboard, ActivityIndicator, ImageBackground, Image as Image$2 } from 'react-native';
|
|
2
2
|
import * as React$3 from 'react';
|
|
3
|
-
import React__default, {
|
|
3
|
+
import React__default, { forwardRef as forwardRef$1, memo, useCallback, useState, useEffect, useMemo, useRef, useImperativeHandle } from 'react';
|
|
4
4
|
import require$$1 from 'deepmerge';
|
|
5
5
|
import Animated, { useSharedValue, withSequence, withTiming, withSpring, useAnimatedStyle, interpolateColor, useAnimatedReaction } from 'react-native-reanimated';
|
|
6
6
|
import color from 'color';
|
|
@@ -292,23 +292,23 @@ var ref = {
|
|
|
292
292
|
surfaceCriticalDefault: red.RED100,
|
|
293
293
|
surfaceCriticalDisabled: ink.INK5,
|
|
294
294
|
surfaceCriticalHover: red.RED80,
|
|
295
|
-
surfaceCriticalInverseDefault: red.
|
|
296
|
-
surfaceCriticalInverseHover: red.
|
|
297
|
-
surfaceCriticalInversePressed: red.
|
|
295
|
+
surfaceCriticalInverseDefault: red.RED5,
|
|
296
|
+
surfaceCriticalInverseHover: red.RED10,
|
|
297
|
+
surfaceCriticalInversePressed: red.RED20,
|
|
298
298
|
surfaceCriticalPressed: red.RED120,
|
|
299
299
|
surfaceErrorDefault: red.RED100,
|
|
300
300
|
surfaceErrorDisabled: ink.INK5,
|
|
301
301
|
surfaceErrorHover: red.RED80,
|
|
302
|
-
surfaceErrorInverseDefault: red.
|
|
303
|
-
surfaceErrorInverseHover: red.
|
|
304
|
-
surfaceErrorInversePressed: red.
|
|
302
|
+
surfaceErrorInverseDefault: red.RED5,
|
|
303
|
+
surfaceErrorInverseHover: red.RED10,
|
|
304
|
+
surfaceErrorInversePressed: red.RED20,
|
|
305
305
|
surfaceErrorPressed: red.RED_STATUS,
|
|
306
306
|
surfaceInfoDefault: blue.BLUE100,
|
|
307
307
|
surfaceInfoDisabled: ink.INK5,
|
|
308
308
|
surfaceInfoHover: blue.BLUE80,
|
|
309
|
-
surfaceInfoInverseDefault: blue.
|
|
310
|
-
surfaceInfoInverseHover: blue.
|
|
311
|
-
surfaceInfoInversePressed: blue.
|
|
309
|
+
surfaceInfoInverseDefault: blue.BLUE5,
|
|
310
|
+
surfaceInfoInverseHover: blue.BLUE10,
|
|
311
|
+
surfaceInfoInversePressed: blue.BLUE20,
|
|
312
312
|
surfaceInfoPressed: blue.BLUE120,
|
|
313
313
|
surfacePrimaryDefault: white.WHITE100,
|
|
314
314
|
surfacePrimaryDisabled: ink.INK5,
|
|
@@ -331,9 +331,9 @@ var ref = {
|
|
|
331
331
|
surfaceWarningDefault: yellow.YELLOW100,
|
|
332
332
|
surfaceWarningDisabled: ink.INK5,
|
|
333
333
|
surfaceWarningHover: yellow.YELLOW80,
|
|
334
|
-
surfaceWarningInverseDefault: yellow.
|
|
335
|
-
surfaceWarningInverseHover: yellow.
|
|
336
|
-
surfaceWarningInversePressed: yellow.
|
|
334
|
+
surfaceWarningInverseDefault: yellow.YELLOW5,
|
|
335
|
+
surfaceWarningInverseHover: yellow.YELLOW10,
|
|
336
|
+
surfaceWarningInversePressed: yellow.YELLOW20,
|
|
337
337
|
surfaceWarningPressed: yellow.YELLOW120,
|
|
338
338
|
textDefault: ink.INK100,
|
|
339
339
|
textDisabled: ink.INK40,
|
|
@@ -453,23 +453,23 @@ var ref = {
|
|
|
453
453
|
surfaceCriticalDefault: red.RED100,
|
|
454
454
|
surfaceCriticalDisabled: ink.INK5,
|
|
455
455
|
surfaceCriticalHover: red.RED80,
|
|
456
|
-
surfaceCriticalInverseDefault: red.
|
|
457
|
-
surfaceCriticalInverseHover: red.
|
|
458
|
-
surfaceCriticalInversePressed: red.
|
|
456
|
+
surfaceCriticalInverseDefault: red.RED5,
|
|
457
|
+
surfaceCriticalInverseHover: red.RED10,
|
|
458
|
+
surfaceCriticalInversePressed: red.RED20,
|
|
459
459
|
surfaceCriticalPressed: red.RED120,
|
|
460
460
|
surfaceErrorDefault: red.RED100,
|
|
461
461
|
surfaceErrorDisabled: ink.INK5,
|
|
462
462
|
surfaceErrorHover: red.RED80,
|
|
463
|
-
surfaceErrorInverseDefault: red.
|
|
464
|
-
surfaceErrorInverseHover: red.
|
|
465
|
-
surfaceErrorInversePressed: red.
|
|
463
|
+
surfaceErrorInverseDefault: red.RED5,
|
|
464
|
+
surfaceErrorInverseHover: red.RED10,
|
|
465
|
+
surfaceErrorInversePressed: red.RED20,
|
|
466
466
|
surfaceErrorPressed: red.RED_STATUS,
|
|
467
467
|
surfaceInfoDefault: blue.BLUE100,
|
|
468
468
|
surfaceInfoDisabled: ink.INK5,
|
|
469
469
|
surfaceInfoHover: blue.BLUE80,
|
|
470
|
-
surfaceInfoInverseDefault: blue.
|
|
471
|
-
surfaceInfoInverseHover: blue.
|
|
472
|
-
surfaceInfoInversePressed: blue.
|
|
470
|
+
surfaceInfoInverseDefault: blue.BLUE5,
|
|
471
|
+
surfaceInfoInverseHover: blue.BLUE10,
|
|
472
|
+
surfaceInfoInversePressed: blue.BLUE20,
|
|
473
473
|
surfaceInfoPressed: blue.BLUE120,
|
|
474
474
|
surfacePrimaryDefault: white.WHITE100,
|
|
475
475
|
surfacePrimaryDisabled: ink.INK5,
|
|
@@ -492,9 +492,9 @@ var ref = {
|
|
|
492
492
|
surfaceWarningDefault: yellow.YELLOW100,
|
|
493
493
|
surfaceWarningDisabled: ink.INK5,
|
|
494
494
|
surfaceWarningHover: yellow.YELLOW80,
|
|
495
|
-
surfaceWarningInverseDefault: yellow.
|
|
496
|
-
surfaceWarningInverseHover: yellow.
|
|
497
|
-
surfaceWarningInversePressed: yellow.
|
|
495
|
+
surfaceWarningInverseDefault: yellow.YELLOW5,
|
|
496
|
+
surfaceWarningInverseHover: yellow.YELLOW10,
|
|
497
|
+
surfaceWarningInversePressed: yellow.YELLOW20,
|
|
498
498
|
surfaceWarningPressed: yellow.YELLOW120,
|
|
499
499
|
textDefault: ink.INK100,
|
|
500
500
|
textDisabled: ink.INK40,
|
|
@@ -1385,7 +1385,7 @@ function adaptNavigationTheme(themes) {
|
|
|
1385
1385
|
};
|
|
1386
1386
|
}
|
|
1387
1387
|
|
|
1388
|
-
var ViewCustom = function (_a) {
|
|
1388
|
+
var ViewCustom = forwardRef$1(function (_a, ref) {
|
|
1389
1389
|
var row = _a.row, full = _a.full, justifyCenter = _a.justifyCenter, justifyBetween = _a.justifyBetween, alignCenter = _a.alignCenter, center = _a.center, color = _a.color, backgroundColor = _a.backgroundColor, width = _a.width, height = _a.height, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, marginHorizontal = _a.marginHorizontal, marginVertical = _a.marginVertical, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, alignEnd = _a.alignEnd, wrap = _a.wrap, borderBottomWidth = _a.borderBottomWidth, borderBottomColor = _a.borderBottomColor, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, borderColor = _a.borderColor, style = _a.style, onPress = _a.onPress, _b = _a.activeOpacity, activeOpacity = _b === void 0 ? 0.8 : _b, children = _a.children, disabled = _a.disabled, paddingBottom = _a.paddingBottom, marginTop = _a.marginTop, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, margin = _a.margin, borderTopWidth = _a.borderTopWidth, borderTopColor = _a.borderTopColor, borderLeftWidth = _a.borderLeftWidth, borderLeftColor = _a.borderLeftColor, borderRightWidth = _a.borderRightWidth, borderRightColor = _a.borderRightColor, pointerEvents = _a.pointerEvents, gap = _a.gap,
|
|
1390
1390
|
// Additional layout props
|
|
1391
1391
|
flex = _a.flex, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, flexBasis = _a.flexBasis, flexDirection = _a.flexDirection, justifyContent = _a.justifyContent, alignItems = _a.alignItems, alignSelf = _a.alignSelf, flexWrap = _a.flexWrap, position = _a.position, top = _a.top, left = _a.left, right = _a.right, bottom = _a.bottom, zIndex = _a.zIndex, elevation = _a.elevation,
|
|
@@ -1589,8 +1589,8 @@ var ViewCustom = function (_a) {
|
|
|
1589
1589
|
};
|
|
1590
1590
|
var defaultStyle = getStyle();
|
|
1591
1591
|
var Component = onPress ? TouchableOpacity : View$1;
|
|
1592
|
-
return (React__default.createElement(Component, __assign({ activeOpacity: activeOpacity, onPress: onPress, disabled: disabled, style: [defaultStyle, style], onLayout: onLayout, onMagicTap: onMagicTap, onMoveShouldSetResponder: onMoveShouldSetResponder, onMoveShouldSetResponderCapture: onMoveShouldSetResponderCapture, onResponderGrant: onResponderGrant, onResponderMove: onResponderMove, onResponderReject: onResponderReject, onResponderRelease: onResponderRelease, onResponderTerminate: onResponderTerminate, onResponderTerminationRequest: onResponderTerminationRequest, onStartShouldSetResponder: onStartShouldSetResponder, onStartShouldSetResponderCapture: onStartShouldSetResponderCapture, testID: testID, nativeID: nativeID, collapsable: collapsable, needsOffscreenAlphaCompositing: needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid: renderToHardwareTextureAndroid, shouldRasterizeIOS: shouldRasterizeIOS }, restProps), children));
|
|
1593
|
-
};
|
|
1592
|
+
return (React__default.createElement(Component, __assign({ ref: ref, activeOpacity: activeOpacity, onPress: onPress, disabled: disabled, style: [defaultStyle, style], onLayout: onLayout, onMagicTap: onMagicTap, onMoveShouldSetResponder: onMoveShouldSetResponder, onMoveShouldSetResponderCapture: onMoveShouldSetResponderCapture, onResponderGrant: onResponderGrant, onResponderMove: onResponderMove, onResponderReject: onResponderReject, onResponderRelease: onResponderRelease, onResponderTerminate: onResponderTerminate, onResponderTerminationRequest: onResponderTerminationRequest, onStartShouldSetResponder: onStartShouldSetResponder, onStartShouldSetResponderCapture: onStartShouldSetResponderCapture, testID: testID, nativeID: nativeID, collapsable: collapsable, needsOffscreenAlphaCompositing: needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid: renderToHardwareTextureAndroid, shouldRasterizeIOS: shouldRasterizeIOS }, restProps), children));
|
|
1593
|
+
});
|
|
1594
1594
|
var View = React__default.memo(ViewCustom);
|
|
1595
1595
|
|
|
1596
1596
|
var Switch = memo(function (_a) {
|